@charset "UTF-8";
@keyframes wink {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes arrow_up_down {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}

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

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

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

input, button, textarea, select {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

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

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

html {
  font-family: 'Lato', 'Montserrat', Helvetica, Verdana, "游ゴシック体", "Yu Gothic", YuGothic,"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Osaka, sans-serif;
  font-size: 62.5%;
  font-feature-settings: "pkna";
}

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

body {
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
  line-height: 1;
  position: relative;
}

.clearfix:after, #contents #contentsWrapper:after, #contents #contentsWrapper #mainContents:after, #contents #contentsWrapper #subContents:after, .basicStyle ul.floatList:after, .basicStyle ol.floatList:after, .basicStyle dl.floatList:after, .basicStyle .separateBox-2:after, .l-header-dlLink:after, .topicsList.topicsList--card ul:after, .greeting .contentInner .contentBox .ui-wrapper:after, .section-movie .contentBox:after, .news .newsTitle .newsTitleInner:after, .news .contentInner .topicsList ul li:after, .section-pair .contentBox .ui-wrapper:after, .services .innerCntent .col2:after, .section-servicePickup .sectionInner ul li:after, .section-serviceMainFunction .sectionInner ul:after, .section-mainFunctions .pickupFunctions .pickupFunctionsImage:after, .section-mainFunctions .functions ul:after, .section-voice .content .voiceList .item:after, #video .dlLink:after, .corporateInformation .column2-UI:after, .servicePickup .contentInner ul li:after, .serviceMainFunction .contentInner ul:after, .purposeListSection .h2-title--type02:after, .purposeListSection ul li .listItem-main:after, .purposeListSection .extra-step:after, .section-point .point_card ul.point_card_list:after, .section-point .point_exchange ul.point_exchange_list:after, .articleMain:after, .articleMain .articleDetail-list01 ul:after, .articleMain .articleDetail-list02 ul:after, .articleMain .articleDetail-list02 ul li:after, .mycoin-pointCard__list:after, .mycoin-useExchange__list:after, .cotra-Functions .cotra-FunctionsImage:after, .cotra-ul_list:after, .cotra-useExchange__list:after, .picks-Functions .picks-FunctionsImage:after, .picks-ul_list:after, .picks-useExchange__list: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, .basicStyle ul.floatList, .basicStyle ol.floatList, .basicStyle dl.floatList, .basicStyle .separateBox-2, .l-header-dlLink, .topicsList.topicsList--card ul, .greeting .contentInner .contentBox .ui-wrapper, .section-movie .contentBox, .news .newsTitle .newsTitleInner, .news .contentInner .topicsList ul li, .section-pair .contentBox .ui-wrapper, .services .innerCntent .col2, .section-servicePickup .sectionInner ul li, .section-serviceMainFunction .sectionInner ul, .section-mainFunctions .pickupFunctions .pickupFunctionsImage, .section-mainFunctions .functions ul, .section-voice .content .voiceList .item, #video .dlLink, .corporateInformation .column2-UI, .servicePickup .contentInner ul li, .serviceMainFunction .contentInner ul, .purposeListSection .h2-title--type02, .purposeListSection ul li .listItem-main, .purposeListSection .extra-step, .section-point .point_card ul.point_card_list, .section-point .point_exchange ul.point_exchange_list, .articleMain, .articleMain .articleDetail-list01 ul, .articleMain .articleDetail-list02 ul, .articleMain .articleDetail-list02 ul li, .mycoin-pointCard__list, .mycoin-useExchange__list, .cotra-Functions .cotra-FunctionsImage, .cotra-ul_list, .cotra-useExchange__list, .picks-Functions .picks-FunctionsImage, .picks-ul_list, .picks-useExchange__list {
  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 .basicStyle ul.floatList, .basicStyle * html ul.floatList, * html .basicStyle ol.floatList, .basicStyle * html ol.floatList, * html .basicStyle dl.floatList, .basicStyle * html dl.floatList, * html .basicStyle .separateBox-2, .basicStyle * html .separateBox-2, * html .l-header-dlLink, * html .topicsList.topicsList--card ul, .topicsList.topicsList--card * html ul, * html .greeting .contentInner .contentBox .ui-wrapper, .greeting .contentInner .contentBox * html .ui-wrapper, * html .section-movie .contentBox, .section-movie * html .contentBox, * html .news .newsTitle .newsTitleInner, .news .newsTitle * html .newsTitleInner, * html .news .contentInner .topicsList ul li, .news .contentInner .topicsList ul * html li, * html .section-pair .contentBox .ui-wrapper, .section-pair .contentBox * html .ui-wrapper, * html .services .innerCntent .col2, .services .innerCntent * html .col2, * html .section-servicePickup .sectionInner ul li, .section-servicePickup .sectionInner ul * html li, * html .section-serviceMainFunction .sectionInner ul, .section-serviceMainFunction .sectionInner * html ul, * html .section-mainFunctions .pickupFunctions .pickupFunctionsImage, .section-mainFunctions .pickupFunctions * html .pickupFunctionsImage, * html .section-mainFunctions .functions ul, .section-mainFunctions .functions * html ul, * html .section-voice .content .voiceList .item, .section-voice .content .voiceList * html .item, * html #video .dlLink, #video * html .dlLink, * html .corporateInformation .column2-UI, .corporateInformation * html .column2-UI, * html .servicePickup .contentInner ul li, .servicePickup .contentInner ul * html li, * html .serviceMainFunction .contentInner ul, .serviceMainFunction .contentInner * html ul, * html .purposeListSection .h2-title--type02, .purposeListSection * html .h2-title--type02, * html .purposeListSection ul li .listItem-main, .purposeListSection ul li * html .listItem-main, * html .purposeListSection .extra-step, .purposeListSection * html .extra-step, * html .section-point .point_card ul.point_card_list, .section-point .point_card * html ul.point_card_list, * html .section-point .point_exchange ul.point_exchange_list, .section-point .point_exchange * html ul.point_exchange_list, * html .articleMain, * html .articleMain .articleDetail-list01 ul, .articleMain .articleDetail-list01 * html ul, * html .articleMain .articleDetail-list02 ul, .articleMain .articleDetail-list02 * html ul, * html .articleMain .articleDetail-list02 ul li, .articleMain .articleDetail-list02 ul * html li, * html .mycoin-pointCard__list, * html .mycoin-useExchange__list, * html .cotra-Functions .cotra-FunctionsImage, .cotra-Functions * html .cotra-FunctionsImage, * html .cotra-ul_list, * html .cotra-useExchange__list, * html .picks-Functions .picks-FunctionsImage, .picks-Functions * html .picks-FunctionsImage, * html .picks-ul_list, * html .picks-useExchange__list {
  height: 1px;
  /*\*/
  /*/
	height: auto;
	overflow: hidden;
	/**/
}

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

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

@media only screen and (max-width: 768px) {
  a img:hover {
    opacity: 1 !important;
  }
}

#contents {
  position: relative;
  min-height: 100%;
  background-color: #ffffff;
  overflow: hidden;
  z-index: 99;
}

@media only screen and (max-width: 992px) {
  #contents {
    background-color: #fff;
  }
}

#contents .contentInner {
  max-width: 1000px;
  width: 100%;
  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 {
  max-width: 1000px;
  width: 100%;
  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 {
  max-width: 1000px;
  width: 100%;
}

#contents.col1 #contentsWrapper #mainContents {
  padding-top: 70px;
  padding-bottom: 70px;
}

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

#contents.col2 #contentsWrapper #mainContents {
  float: right;
  width: 710px;
}

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

@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;
  background: url(img/slanting_line.png) left top repeat-x;
}

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

#contents.col2 #contentsWrapper #subContents {
  float: left;
  width: 240px;
}

@media only screen and (max-width: 992px) {
  #contents.col2 #contentsWrapper #subContents {
    float: none;
    width: auto;
  }
}

.agent--Android .item--ios {
  display: none !important;
}

.agent--iphone .item--Android,
.agent--iPad .item--Android {
  display: none !important;
}

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

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

@media only screen and (max-width: 992px) {
  .display--sp {
    display: block !important;
  }
}

.is-pc__show {
  display: block;
}

@media only screen and (max-width: 768px) {
  .is-pc__show {
    display: none;
  }
}

.is-sp__show {
  display: none;
}

@media only screen and (max-width: 768px) {
  .is-sp__show {
    display: block;
  }
}

@media only screen and (max-width: 992px) {
  .basicStyle {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.basicStyle .basicStyleSection {
  margin-bottom: 70px;
  line-height: 1.5;
}

@media only screen and (max-width: 992px) {
  .basicStyle .basicStyleSection {
    margin-bottom: 40px;
  }
}

.basicStyle .basicStyleSection .basicStyleSectionItem {
  margin-bottom: 50px;
  padding: 0 20px;
}

@media only screen and (max-width: 992px) {
  .basicStyle .basicStyleSection .basicStyleSectionItem {
    margin-bottom: 35px;
  }
}

.basicStyle ul, .basicStyle ol, .basicStyle dl {
  margin-bottom: 20px;
}

.basicStyle ul.floatList li, .basicStyle ol.floatList li, .basicStyle dl.floatList li {
  float: left;
  margin-right: 20px;
}

.basicStyle ul.listStyle--disc li, .basicStyle ol.listStyle--disc li, .basicStyle dl.listStyle--disc li {
  list-style-type: disc;
  margin-left: 1.3em;
  padding-left: 8px;
}

.basicStyle ul.listStyle--decimal > li, .basicStyle ol.listStyle--decimal > li, .basicStyle dl.listStyle--decimal > li {
  list-style-type: decimal;
  margin-left: 1.3em;
  padding-left: 8px;
}

.basicStyle ul.listStyle--lowerAlpha > li, .basicStyle ol.listStyle--lowerAlpha > li, .basicStyle dl.listStyle--lowerAlpha > li {
  list-style-type: lower-alpha;
  margin-left: 1.3em;
  padding-left: 0.8em;
}

.basicStyle ul.listStyle--katakana > li, .basicStyle ol.listStyle--katakana > li, .basicStyle dl.listStyle--katakana > li {
  list-style-type: katakana;
  margin-left: 1.3em;
  padding-left: 0.8em;
}

.basicStyle ul.listStyle--lowerRoman > li, .basicStyle ol.listStyle--lowerRoman > li, .basicStyle dl.listStyle--lowerRoman > li {
  list-style-type: lower-roman;
  margin-left: 1.3em;
  padding-left: 0.8em;
}

.basicStyle ul.indentList--01 li, .basicStyle ol.indentList--01 li, .basicStyle dl.indentList--01 li {
  margin-left: 2em;
  text-indent: -2em;
}

.basicStyle ul li, .basicStyle ol li, .basicStyle dl li {
  margin-bottom: 5px;
}

.basicStyle ul li:last-child, .basicStyle ol li:last-child, .basicStyle dl li:last-child {
  margin-bottom: 0;
}

.basicStyle ul dt, .basicStyle ol dt, .basicStyle dl dt {
  position: relative;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 15px;
  color: #555;
}

.basicStyle ul dt:before, .basicStyle ol dt:before, .basicStyle dl dt:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background: #009EE1;
}

@media only screen and (max-width: 640px) {
  .basicStyle ul p, .basicStyle ol p, .basicStyle dl p {
    padding-left: 0;
    padding-right: 0;
  }
}

.basicStyle input[type="text"], .basicStyle input[type="number"], .basicStyle input[type="email"], .basicStyle input[type="password"] {
  padding: 10px 5px;
  border-radius: 4px;
  border: solid 1px #A9A9A9;
  font-size: 1.1em;
}

@media only screen and (max-width: 640px) {
  .basicStyle input[type="text"], .basicStyle input[type="number"], .basicStyle input[type="email"], .basicStyle input[type="password"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.basicStyle input[type="checkbox"], .basicStyle input[type="radio"] {
  padding-top: 5px;
  margin: 0 5px 3px 0;
}

.basicStyle select {
  height: 40px;
  padding: 5px;
  margin-bottom: 7px;
  border-radius: 4px;
  border: solid 1px #A9A9A9;
  font-size: 1.1em;
}

.basicStyle textarea {
  width: 90%;
  height: 75px;
  padding: 10px;
  margin: 2px;
  border-radius: 4px;
  border: solid 1px #A9A9A9;
  font-size: 1.1em;
  line-height: 1.2;
}

.basicStyle .separateBox-2 .separateBox-left {
  float: left;
  width: 49%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 640px) {
  .basicStyle .separateBox-2 .separateBox-left {
    float: none;
    width: 100%;
  }
}

.basicStyle .separateBox-2 .separateBox-right {
  float: right;
  width: 49%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 640px) {
  .basicStyle .separateBox-2 .separateBox-right {
    float: none;
    width: 100%;
  }
}

.basicStyle .scrollBox {
  overflow-y: scroll;
  border: solid 1px #ccc;
  height: 180px;
  padding: 10px;
}

@media only screen and (max-width: 640px) {
  .basicStyle .scrollBox {
    margin: 0 10px;
  }
}

.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--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;
}

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

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

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

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

.pl--xl {
  padding-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;
}

.fs1-2 {
  font-size: 1.2em;
}

.fs1-1 {
  font-size: 1.1em;
}

.fs0-9 {
  font-size: 0.9em;
}

.fs0-85 {
  font-size: 0.85em;
}

.fs0-8 {
  font-size: 0.8em;
}

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

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

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

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

.c--01 {
  color: #009EE1;
}

.c--02 {
  color: #E95156;
}

#l-header {
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 1000px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9000;
}

@media only screen and (max-width: 992px) {
  #l-header {
    width: 100%;
    height: 50px;
    min-width: 100%;
  }
}

#l-header #l-header__inner {
  padding: 15px 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all .125s;
}

.scrolled #l-header #l-header__inner {
  background: rgba(255, 255, 255, 0.97);
}

@media only screen and (max-width: 992px) {
  .scrolled #l-header #l-header__inner {
    padding: 10px;
  }
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner {
    width: auto;
    height: auto;
    padding: 10px;
  }
}

#l-header #l-header__inner .l-header__logo {
  transition: all .125s;
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner .l-header__logo {
    margin-left: 0;
    z-index: 9999;
  }
}

@media only screen and (max-width: 992px) {
  .scrolled #l-header #l-header__inner .l-header__logo {
    top: 12px;
  }
}

#l-header #l-header__inner .l-header__logo a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  text-decoration: none;
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner .l-header__logo a:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
}

#l-header #l-header__inner .l-header__logo a .svg-ibank {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 30px;
  transition: all .125s;
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner .l-header__logo a .svg-ibank {
    width: 67px;
    height: 25px;
  }
}

#l-header #l-header__inner .l-header__logo a .svg-ibank svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  fill: currentColor;
  width: 100%;
  height: 100%;
  transition: all .125s;
}

.scrolled #l-header #l-header__inner .l-header__logo a .svg-ibank svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #009EE1;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
}

#l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}

#l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top {
  margin-bottom: 8px;
  transition: all .125s;
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top {
    order: 2;
    border-top: 1px solid #fff;
    padding: 30px 20px 20px 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: initial;
  }
}

#l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: calc((100% - 10px * (2 - 1)) / 2 - 0.1px);
    margin-right: 10px;
    margin-top: 25px;
    justify-content: flex-start;
    align-items: center;
  }
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li:nth-child(2n + 0) {
    margin-right: 0;
  }
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li:nth-child(1) {
    margin-top: 0;
  }
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li:nth-child(2) {
    margin-top: 0;
  }
}

#l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li.is-border {
  width: 120px;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 8px 10px;
  transition: all .125s;
}

.scrolled #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li.is-border {
  border-color: #009EE1;
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li.is-border {
    width: 100%;
    justify-content: center;
    padding: 15px;
    margin-right: 10px;
  }
}

#l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li.is-border + .is-border {
  margin-left: 18px;
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li.is-border + .is-border {
    margin-left: 0;
    margin-top: 14px;
  }
}

#l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li:after {
  content: '';
  width: 1px;
  height: 18px;
  background: #fff;
  display: block;
  margin: 0 18px;
  transition: all .125s;
}

#l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li:nth-child(5):after {
  background: none !important;
  margin: 0 9px;
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li:nth-child(5):after {
    margin: 0 18px;
  }
}

#l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li.is-border:after {
  display: none;
}

.scrolled #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li:after {
  background: #009EE1;
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li:after {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li:before {
    content: '\EA06';
    font-family: "myfont";
    font-size: 10px;
    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;
    color: #009EE1;
    background: #fff;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 7px;
  }
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li.is-border:before {
    display: none;
  }
}

#l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li a {
  font-size: 12px;
  color: #fff;
  transition: all .125s;
}

.scrolled #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-top li a {
  color: #009EE1;
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom {
    order: 1;
  }
}

#l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li {
    width: 100%;
  }
}

#l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li a {
  font-size: 16px;
  color: #fff;
  position: relative;
  padding: 0 20px;
  transition: all .125s;
}

.scrolled #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li a {
  color: #009EE1;
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li a {
    display: block;
    padding: 15px 20px;
    font-size: 14px;
    border-top: 1px solid #fff;
  }
}

#l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li a:hover {
  text-decoration: none;
}

#l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li a:before {
  content: '';
  transition: all .125s;
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 2px;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
  border-bottom: 2px solid #fff;
  transition: all .3s;
  max-width: 100%;
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li a:before {
    content: '\EA06';
    font-family: "myfont";
    position: absolute;
    visibility: visible;
    opacity: 1;
    border-width: 0;
    left: inherit;
    right: 15px;
    bottom: inherit;
    width: 1em;
    height: 1em;
    font-size: 14px;
  }
}

#l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li.is-current a:before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li.is-current a:before {
    width: 1em;
  }
}

@media only screen and (min-width: 993px) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li a:hover:before {
    opacity: 1;
    visibility: visible;
    width: 100%;
  }
}

.scrolled #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li a:before {
  border-color: #009EE1;
}

@media all and (-ms-high-contrast: none) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li.is-top {
    -ms-transform: translate(0, -3px);
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }
}

@media all and (-ms-high-contrast: none) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li.is-top a:before {
    bottom: -11px;
  }
}

body#top-page #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li.is-top a:before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  body#top-page #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li.is-top a:before {
    width: 1em;
  }
}

@media all and (-ms-high-contrast: none) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li.is-cm {
    -ms-transform: translate(0, -3px);
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }
}

@media all and (-ms-high-contrast: none) {
  #l-header #l-header__inner #fullScreenMenu .l-header-globalNav .l-header-globalNav__items .l-header-globalNav__item.if-bottom li.is-cm a:before {
    bottom: -11px;
  }
}

.l-header-dlLink {
  display: none;
  position: fixed;
  z-index: 2;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

@media only screen and (max-width: 992px) {
  .l-header-dlLink {
    display: block;
    right: 100px;
    bottom: -50px;
    height: auto;
    text-align: center;
    margin: 0 0 0 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    transition: bottom .3s;
  }
  .scrolled .l-header-dlLink {
    bottom: 25px;
  }
}

.l-header-dlLink li {
  display: inline-block;
  margin-right: 20px;
}

@media only screen and (max-width: 992px) {
  .l-header-dlLink li {
    margin: 0 5px;
  }
}

.l-header-dlLink li a img {
  width: auto;
  height: 40px;
}

@media only screen and (max-width: 992px) {
  .l-header-dlLink li a img {
    height: 35px;
  }
}

#l-footer {
  position: relative;
  z-index: 100;
  overflow: hidden;
  border-top: solid 1px #e5e4e5;
}

body.is-2nd #l-footer {
  margin-top: 40px;
}

.l-footer-aplcation {
  position: relative;
  padding-top: 35px;
}

@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .l-footer-aplcation {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .l-footer-aplcation {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .l-footer-aplcation {
    padding-top: 0;
  }
}

.l-footer-aplcation:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  .l-footer-aplcation:before {
    background: #eff0f4;
  }
}

.l-footer-aplcation__inner {
  position: relative;
  max-width: 900px;
  margin: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex: 1;
  z-index: 10;
}

@media only screen and (max-width: 768px) {
  .l-footer-aplcation__inner {
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    justify-content: center;
  }
}

.l-footer-aplcation__device {
  margin-right: 70px;
}

@media only screen and (max-width: 768px) {
  .l-footer-aplcation__device {
    margin-right: 0;
    padding-top: 25px;
  }
}

@media only screen and (max-width: 768px) {
  .l-footer-aplcation__device .l-footer-aplcation__image--pc {
    display: none;
  }
}

.l-footer-aplcation__device .l-footer-aplcation__image--sp {
  display: none;
  width: 125px;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .l-footer-aplcation__device .l-footer-aplcation__image--sp {
    display: block;
  }
}

.l-footer-aplcation__content {
  margin-top: -30px;
}

@media only screen and (max-width: 768px) {
  .l-footer-aplcation__content {
    margin-top: 30px;
    margin-right: 10px;
    text-align: center;
  }
}

.l-footer-aplcation__content:first-child {
  margin-right: 70px;
}

.l-footer-aplcation__content .l-footer-aplcation__detail .l-footer-aplcation__detail--pc {
  font-size: 30px;
  line-height: 1.6;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .l-footer-aplcation__content .l-footer-aplcation__detail .l-footer-aplcation__detail--pc {
    font-size: 16px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 320px) {
  .l-footer-aplcation__content .l-footer-aplcation__detail .l-footer-aplcation__detail--pc {
    font-size: 14px;
  }
}

.l-footer-aplcation__content .l-footer-aplcation__logo {
  white-space: nowrap;
  font-size: 0;
  position: relative;
  display: inline-block;
  vertical-align: text-bottom;
  width: 148px;
  height: 44px;
  margin-right: -5px;
}

.l-footer-aplcation__content .l-footer-aplcation__logo svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #009EE1;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.l-footer-aplcation__content .l-footer-aplcation__DL {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 25px;
}

@media only screen and (max-width: 768px) {
  .l-footer-aplcation__content .l-footer-aplcation__DL {
    margin-top: 12px;
    justify-content: center;
  }
}

.l-footer-aplcation__content .l-footer-aplcation__DL .l-footer-aplcation__DLlink {
  margin-right: 10px;
  transition: opacity 0.2s;
}

@media only screen and (max-width: 768px) {
  .l-footer-aplcation__content .l-footer-aplcation__DL .l-footer-aplcation__DLlink {
    margin: 0 5px;
  }
}

.l-footer-aplcation__content .l-footer-aplcation__DL .l-footer-aplcation__DLlink:last-child {
  margin-right: 0;
}

.l-footer-aplcation__content .l-footer-aplcation__DL .l-footer-aplcation__DLlink:hover {
  animation: wink 0.5s;
}

.l-footer-aplcation__content .l-footer-aplcation__DL .l-footer-aplcation__DLlink a {
  display: block;
}

@media only screen and (max-width: 768px) {
  .l-footer-aplcation__content .l-footer-aplcation__DL .l-footer-aplcation__DLlink a {
    text-align: center;
  }
}

.l-footer-aplcation__content .l-footer-aplcation__DL .l-footer-aplcation__DLlink a img {
  height: 37px;
  width: auto;
  width: auto;
}

.l-footer-aplcation__content .l-footer-note {
  font-size: 12px;
  color: #757575;
  margin: 20px 0 0;
}

@media only screen and (max-width: 768px) {
  .l-footer-aplcation__content .l-footer-note {
    font-size: 10px;
    line-height: 1.4;
    margin: 10px 0;
  }
}

.l-footer-function {
  background: #0a61a2;
  padding: 65px 0 60px;
}

@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .l-footer-function {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .l-footer-function {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .l-footer-function {
    padding-top: 28px;
    padding-bottom: 0;
  }
}

.l-footer-function .l-footer-function__inner {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 1000px;
  width: 70%;
  justify-content: space-between;
  align-items: center;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  .l-footer-function .l-footer-function__inner {
    flex-direction: column;
  }
}

.l-footer__logo {
  position: relative;
  display: inline-block;
  width: 101px;
  height: 39px;
  transition: all 0.125s;
}

@media only screen and (max-width: 768px) {
  .l-footer__logo {
    width: 70px;
    height: 30px;
    margin-bottom: 30px;
  }
}

.l-footer__logo a {
  display: block;
  height: 100%;
}

.l-footer__logo svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 768px) {
  .l-footer-function__categories {
    padding-top: 0;
  }
}

.l-footer-function__categories ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .l-footer-function__categories ul {
    border-left: solid 1px #fff;
    border-top: solid 1px #fff;
    margin-bottom: 25px;
  }
}

.l-footer-function__categories ul li {
  margin-right: 22px;
}

@media only screen and (max-width: 768px) {
  .l-footer-function__categories ul li {
    margin-bottom: 0;
    width: calc((100% - 0px * (2 - 1)) / 2 - 0.1px);
    margin-right: 0px;
    margin-top: 0px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
  }
  .l-footer-function__categories ul li:nth-child(2n + 0) {
    margin-right: 0;
  }
  .l-footer-function__categories ul li:nth-child(1) {
    margin-top: 0;
  }
  .l-footer-function__categories ul li:nth-child(2) {
    margin-top: 0;
  }
}

@media all and (-ms-high-contrast: none) {
  .l-footer-function__categories ul li.is-top {
    -ms-transform: translate(0, -2.5px);
    -webkit-transform: translate(0, -2.5px);
    transform: translate(0, -2.5px);
  }
}

@media only screen and (max-width: 768px) {
  .l-footer-function__categories ul li.is-top {
    display: none;
  }
}

@media all and (-ms-high-contrast: none) {
  .l-footer-function__categories ul li.is-cm {
    -ms-transform: translate(0, -2.5px);
    -webkit-transform: translate(0, -2.5px);
    transform: translate(0, -2.5px);
  }
}

.l-footer-function__categories ul li.is-border {
  margin-right: 0;
  padding: 12px 15px;
  border: 1px solid #fff;
  border-radius: 4px;
}

@media only screen and (max-width: 768px) {
  .l-footer-function__categories ul li.is-border {
    border-top-width: 0;
    border-left-width: 0;
    border-radius: 0;
    padding: 0;
  }
}

.l-footer-function__categories ul li.is-border + .is-border {
  margin-left: 22px;
}

@media only screen and (max-width: 768px) {
  .l-footer-function__categories ul li.is-border + .is-border {
    margin-left: 0;
  }
}

.l-footer-function__categories ul li a {
  color: #fff;
}

.l-footer-function__categories ul li a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
  .l-footer-function__categories ul li a {
    font-size: 11px;
    display: block;
    padding: 11px 0;
    text-align: center;
  }
}

.l-footer-function__sns {
  position: absolute;
  top: 50%;
  right: -60px;
  transform: translate(0, -45%);
}

@media only screen and (max-width: 768px) {
  .l-footer-function__sns {
    position: static;
    margin-bottom: 25px;
    transform: translate(0, 0);
  }
}

.l-footer-function__sns .l-footer-function__sns-icon {
  font-size: 32px;
  color: #fff;
  transition: all .3s;
}

@media only screen and (max-width: 768px) {
  .l-footer-function__sns .l-footer-function__sns-icon {
    font-size: 30px;
  }
}

.l-footer-function__sns .l-footer-function__sns-icon:hover {
  opacity: .8;
}

.l-footer-function__head {
  text-align: center;
}

.l-footer-function__head .l-footer-function__headLogo {
  margin-bottom: 20px;
}

.l-footer-function__head .l-footer-function__headLogo .l-footer-function__logoMain {
  white-space: nowrap;
  font-size: 0;
  position: relative;
  display: inline-block;
  vertical-align: text-bottom;
  width: 145px;
  height: 50px;
  transition: opacity 0.3s;
}

.l-footer-function__head .l-footer-function__headLogo .l-footer-function__logoMain:hover {
  animation: wink 0.5s;
}

@media only screen and (max-width: 768px) {
  .l-footer-function__head .l-footer-function__headLogo .l-footer-function__logoMain {
    width: 85px;
    height: 25px;
  }
}

.l-footer-function__head .l-footer-function__headLogo .l-footer-function__logoMain svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 768px) {
  .l-footer-function__head .l-footer-function__headLogo .l-footer-function__logoMain svg {
    position: absolute;
    top: 0;
    left: 0;
    color: #afafaf;
    fill: currentColor;
    width: 100%;
    height: 100%;
  }
}

.l-footer-function__head .l-footer-function__headLogo .l-footer-function__logoSub {
  font-size: 11px;
  color: #fff;
  display: block;
  margin-top: 5px;
}

@media only screen and (max-width: 768px) {
  .l-footer-function__head .l-footer-function__headLogo .l-footer-function__logoSub {
    font-size: 10px;
    color: #afafaf;
  }
}

.l-footer-function__head .l-footer-function__headAppDL {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 25px;
}

@media only screen and (max-width: 768px) {
  .l-footer-function__head .l-footer-function__headAppDL {
    display: none;
  }
}

.l-footer-function__head .l-footer-function__headAppDL .l-footer-function__headApp {
  margin-right: 5px;
  transition: opacity 0.2s;
}

.l-footer-function__head .l-footer-function__headAppDL .l-footer-function__headApp:last-child {
  margin-right: 0;
}

.l-footer-function__head .l-footer-function__headAppDL .l-footer-function__headApp:hover {
  animation: wink 0.5s;
}

.l-footer-function__head .l-footer-function__headAppDL .l-footer-function__headApp img {
  height: 29px;
}

.l-footer-function__head .l-footer-function__headSns {
  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;
}

@media only screen and (max-width: 768px) {
  .l-footer-function__head .l-footer-function__headSns {
    margin-top: 15px;
  }
}

.l-footer-function__head .l-footer-function__headSns .l-footer-function__snsItem a {
  display: block;
}

@media only screen and (max-width: 768px) {
  .l-footer-function__head .l-footer-function__headSns .l-footer-function__snsItem a {
    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;
    width: 37px;
    height: 37px;
    background: #1f1f1f;
    border-radius: 20px;
  }
}

.l-footer-function__head .l-footer-function__headSns .l-footer-function__snsItem.is-facebook a:before {
  content: "\EA01";
  font-family: "myfont";
  font-size: 26px;
  display: block;
  color: #818181;
}

@media only screen and (max-width: 768px) {
  .l-footer-function__head .l-footer-function__headSns .l-footer-function__snsItem.is-facebook a:before {
    font-size: 13px;
  }
}

.l-footer-function__head .l-footer-function__headSns .l-footer-function__snsItem a:hover {
  animation: wink 0.5s;
}

.l-footer-bottom {
  background: #054080;
}

.l-footer-bottom .l-footer-bottom__inner {
  max-width: 1000px;
  margin: auto;
  padding: 20px 0 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}

@media only screen and (max-width: 768px) {
  .l-footer-bottom .l-footer-bottom__inner {
    border: none;
    padding: 10px 0 80px;
    justify-content: center;
    align-items: center;
  }
}

.l-footer-bottom .l-footer-bottom__links {
  margin-bottom: 15px;
}

.l-footer-bottom .l-footer-bottom__links ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media only screen and (max-width: 768px) {
  .l-footer-bottom .l-footer-bottom__links ul {
    display: inherit;
    text-align: center;
  }
}

.l-footer-bottom .l-footer-bottom__links ul li {
  margin-right: 40px;
}

@media only screen and (max-width: 768px) {
  .l-footer-bottom .l-footer-bottom__links ul li {
    margin-right: 15px;
    margin-left: 15px;
    display: inline-block;
  }
}

.l-footer-bottom .l-footer-bottom__links ul li:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  .l-footer-bottom .l-footer-bottom__links ul li:last-child {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .l-footer-bottom .l-footer-bottom__links ul li:nth-child(n + 3) {
    margin-top: 15px;
  }
}

.l-footer-bottom .l-footer-bottom__links ul li a {
  color: #aac0d0;
  font-size: 13px;
}

@media only screen and (max-width: 768px) {
  .l-footer-bottom .l-footer-bottom__links ul li a {
    font-size: 11px;
    color: #fff;
  }
}

.l-footer-bottom .l-footer-bottom__links ul li a:hover {
  text-decoration: underline;
}

.l-footer-bottom .l-footer-bottom__copyright {
  color: #7792a5;
  font-size: 10px;
}

@media only screen and (max-width: 768px) {
  .l-footer-bottom .l-footer-bottom__copyright {
    display: block;
    width: 100%;
    font-size: 11px;
    text-align: center;
  }
}

.l-footer-exBanner {
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  .l-footer-exBanner {
    text-align: center;
    margin-top: 13px;
    margin-bottom: 15px;
  }
}

.l-footer-exBanner img.is-pc {
  height: 37px;
}

@media only screen and (max-width: 768px) {
  .l-footer-exBanner img.is-pc {
    display: none;
  }
}

.l-footer-exBanner img.is-sp {
  display: none;
  height: 40px;
}

@media only screen and (max-width: 768px) {
  .l-footer-exBanner img.is-sp {
    display: inline;
  }
}

#l-contents {
  position: relative;
  min-height: calc(100vh - 56px - 674px);
  background-color: #fff;
  z-index: 101;
}

@media only screen and (max-width: 992px) {
  #l-contents {
    background-color: #fff;
    min-height: calc(100vh - 252px);
  }
}

#l-contents #l-contents-detail {
  position: relative;
  z-index: 1;
}

#l-contents.is-col--1 #l-contents-detail {
  padding-right: 40px;
  padding-left: 40px;
}

@media only screen and (max-width: 768px) {
  #l-contents.is-col--1 #l-contents-detail {
    padding-right: 0;
    padding-left: 0;
  }
}

#l-contents.is-col--1.is-mainSize--max #l-contents-detail {
  padding-right: 0;
  padding-left: 0;
}

#l-contents.is-col--1.is-top #l-contents-detail {
  padding-right: 0;
  padding-left: 0;
}

#l-contents.is-col--2 #l-contents-detail {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 0 80px 0;
}

@media only screen and (max-width: 1100px) {
  #l-contents.is-col--2 #l-contents-detail {
    max-width: 1100px;
    padding-right: 40px;
    padding-left: 40px;
  }
}

@media only screen and (max-width: 768px) {
  #l-contents.is-col--2 #l-contents-detail {
    display: block;
    padding: 0;
  }
}

#l-contents #l-contents-detail #l-main {
  overflow: hidden;
}

#l-contents.is-col--1 #l-contents-detail #l-main {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 80px;
}

@media only screen and (max-width: 768px) {
  #l-contents.is-col--1 #l-contents-detail #l-main {
    padding-top: 20px;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 40px;
  }
}

#l-contents.is-col--1.is-mainSize--s #l-contents-detail #l-main {
  max-width: 980px;
}

#l-contents.is-col--1.is-mainSize--max #l-contents-detail #l-main {
  max-width: 100%;
  padding: 0;
}

#l-contents.is-col--1.is-top #l-contents-detail #l-main {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

#l-contents.is-col--2 #l-contents-detail #l-main {
  width: 100%;
  max-width: 670px;
  background: #fff;
  margin-right: 30px;
}

@media only screen and (max-width: 768px) {
  #l-contents.is-col--2 #l-contents-detail #l-main {
    max-width: 100%;
    padding-bottom: 40px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 15px;
  }
}

#l-contents.is-col--2 #l-contents-detail #l-sub {
  width: 300px;
}

@media only screen and (max-width: 768px) {
  #l-contents.is-col--2 #l-contents-detail #l-sub {
    width: 100%;
    padding-left: 13px;
    padding-right: 13px;
  }
}

#l-contents #l-contents-detail #l-sub .l-sub__section {
  margin-top: 30px;
}

/* 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;
}

#fullScreenMenuButton {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 9999;
}

@media only screen and (max-width: 992px) {
  #fullScreenMenuButton {
    display: block;
  }
  .is-open #fullScreenMenuButton {
    background: none;
  }
}

#fullScreenMenuButton #hamburger {
  position: absolute;
  top: 50%;
  left: 50%;
}

#fullScreenMenuButton span {
  width: 25px;
  height: 3px;
  display: block;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -3px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

.is-open #fullScreenMenuButton span {
  background: #fff;
}

.scrolled #fullScreenMenuButton span {
  background: #009EE1;
}

#fullScreenMenuButton .top {
  transform: translateY(-10px);
}

#fullScreenMenuButton .middle {
  transition: 0.3s opacity;
  opacity: 1;
}

#fullScreenMenuButton .bottom {
  transform: translateY(10px);
}

.is-close #fullScreenMenuButton .middle {
  transition: 0.3s opacity;
}

.is-close #fullScreenMenuButton .top {
  animation: open-top 0.3s;
}

.is-close #fullScreenMenuButton .bottom {
  animation: open-bottom 0.3s;
}

.is-open #fullScreenMenuButton .middle {
  opacity: 0;
  transition: 0.3s opacity;
}

.is-open #fullScreenMenuButton .top {
  animation: close-top 0.3s;
  animation-fill-mode: forwards;
}

.is-open #fullScreenMenuButton .bottom {
  animation: close-bottom 0.3s;
  animation-fill-mode: forwards;
}

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

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

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

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

@media only screen and (max-width: 992px) {
  #fullScreenMenu {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    background: rgba(26, 152, 215, 0.9);
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 5000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@font-face {
  font-family: octicons-link;
  src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==) format("woff");
}

.markdown-body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  color: #24292e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}

.markdown-body .pl-c {
  color: #6a737d;
}

.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
  color: #005cc5;
}

.markdown-body .pl-e,
.markdown-body .pl-en {
  color: #6f42c1;
}

.markdown-body .pl-smi,
.markdown-body .pl-s .pl-s1 {
  color: #24292e;
}

.markdown-body .pl-ent {
  color: #22863a;
}

.markdown-body .pl-k {
  color: #d73a49;
}

.markdown-body .pl-s,
.markdown-body .pl-pds,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-sr .pl-sra {
  color: #032f62;
}

.markdown-body .pl-v,
.markdown-body .pl-smw {
  color: #e36209;
}

.markdown-body .pl-bu {
  color: #b31d28;
}

.markdown-body .pl-ii {
  color: #fafbfc;
  background-color: #b31d28;
}

.markdown-body .pl-c2 {
  color: #fafbfc;
  background-color: #d73a49;
}

.markdown-body .pl-c2::before {
  content: "^M";
}

.markdown-body .pl-sr .pl-cce {
  font-weight: bold;
  color: #22863a;
}

.markdown-body .pl-ml {
  color: #735c0f;
}

.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
  font-weight: bold;
  color: #005cc5;
}

.markdown-body .pl-mi {
  font-style: italic;
  color: #24292e;
}

.markdown-body .pl-mb {
  font-weight: bold;
  color: #24292e;
}

.markdown-body .pl-md {
  color: #b31d28;
  background-color: #ffeef0;
}

.markdown-body .pl-mi1 {
  color: #22863a;
  background-color: #f0fff4;
}

.markdown-body .pl-mc {
  color: #e36209;
  background-color: #ffebda;
}

.markdown-body .pl-mi2 {
  color: #f6f8fa;
  background-color: #005cc5;
}

.markdown-body .pl-mdr {
  font-weight: bold;
  color: #6f42c1;
}

.markdown-body .pl-ba {
  color: #586069;
}

.markdown-body .pl-sg {
  color: #959da5;
}

.markdown-body .pl-corl {
  text-decoration: underline;
  color: #032f62;
}

.markdown-body .octicon {
  display: inline-block;
  vertical-align: text-top;
  fill: currentColor;
}

.markdown-body a {
  background-color: transparent;
}

.markdown-body a:active,
.markdown-body a:hover {
  outline-width: 0;
}

.markdown-body strong {
  font-weight: inherit;
}

.markdown-body strong {
  font-weight: bolder;
}

.markdown-body h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

.markdown-body img {
  border-style: none;
}

.markdown-body code,
.markdown-body kbd,
.markdown-body pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

.markdown-body hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

.markdown-body input {
  font: inherit;
  margin: 0;
}

.markdown-body input {
  overflow: visible;
}

.markdown-body [type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

.markdown-body * {
  box-sizing: border-box;
}

.markdown-body input {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.markdown-body a {
  color: #0366d6;
  text-decoration: none;
}

.markdown-body a:hover {
  text-decoration: underline;
}

.markdown-body strong {
  font-weight: 600;
}

.markdown-body hr {
  height: 0;
  margin: 15px 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #dfe2e5;
}

.markdown-body hr::before {
  display: table;
  content: "";
}

.markdown-body hr::after {
  display: table;
  clear: both;
  content: "";
}

.markdown-body table {
  border-spacing: 0;
  border-collapse: collapse;
}

.markdown-body td,
.markdown-body th {
  padding: 0;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body h1 {
  font-size: 32px;
  font-weight: 600;
}

.markdown-body h2 {
  font-size: 24px;
  font-weight: 600;
}

.markdown-body h3 {
  font-size: 20px;
  font-weight: 600;
}

.markdown-body h4 {
  font-size: 16px;
  font-weight: 600;
}

.markdown-body h5 {
  font-size: 14px;
  font-weight: 600;
}

.markdown-body h6 {
  font-size: 12px;
  font-weight: 600;
}

.markdown-body p {
  margin-top: 0;
  margin-bottom: 10px;
}

.markdown-body blockquote {
  margin: 0;
}

.markdown-body ul,
.markdown-body ol {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body ol ol,
.markdown-body ul ol {
  list-style-type: lower-roman;
}

.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
  list-style-type: lower-alpha;
}

.markdown-body dd {
  margin-left: 0;
}

.markdown-body code {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 12px;
}

.markdown-body pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 12px;
}

.markdown-body .octicon {
  vertical-align: text-bottom;
}

.markdown-body .pl-0 {
  padding-left: 0 !important;
}

.markdown-body .pl-1 {
  padding-left: 4px !important;
}

.markdown-body .pl-2 {
  padding-left: 8px !important;
}

.markdown-body .pl-3 {
  padding-left: 16px !important;
}

.markdown-body .pl-4 {
  padding-left: 24px !important;
}

.markdown-body .pl-5 {
  padding-left: 32px !important;
}

.markdown-body .pl-6 {
  padding-left: 40px !important;
}

.markdown-body::before {
  display: table;
  content: "";
}

.markdown-body::after {
  display: table;
  clear: both;
  content: "";
}

.markdown-body > *:first-child {
  margin-top: 0 !important;
}

.markdown-body > *:last-child {
  margin-bottom: 0 !important;
}

.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none;
}

.markdown-body .anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1;
}

.markdown-body .anchor:focus {
  outline: none;
}

.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre {
  margin-top: 0;
  margin-bottom: 16px;
}

.markdown-body hr {
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: #e1e4e8;
  border: 0;
}

.markdown-body blockquote {
  padding: 0 1em;
  color: #6a737d;
  border-left: 0.25em solid #dfe2e5;
}

.markdown-body blockquote > :first-child {
  margin-top: 0;
}

.markdown-body blockquote > :last-child {
  margin-bottom: 0;
}

.markdown-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font-size: 11px;
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #fafbfc;
  border: solid 1px #c6cbd1;
  border-bottom-color: #959da5;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #959da5;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
  color: #1b1f23;
  vertical-align: middle;
  visibility: hidden;
}

.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
  text-decoration: none;
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
  visibility: visible;
}

.markdown-body h1 {
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid #eaecef;
}

.markdown-body h2 {
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid #eaecef;
}

.markdown-body h3 {
  font-size: 1.25em;
}

.markdown-body h4 {
  font-size: 1em;
}

.markdown-body h5 {
  font-size: 0.875em;
}

.markdown-body h6 {
  font-size: 0.85em;
  color: #6a737d;
}

.markdown-body ul,
.markdown-body ol {
  padding-left: 2em;
}

.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body li {
  word-wrap: break-all;
}

.markdown-body li > p {
  margin-top: 16px;
}

.markdown-body li + li {
  margin-top: 0.25em;
}

.markdown-body dl {
  padding: 0;
}

.markdown-body dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}

.markdown-body dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}

.markdown-body table {
  display: block;
  width: 100%;
  overflow: auto;
}

.markdown-body table th {
  font-weight: 600;
}

.markdown-body table th,
.markdown-body table td {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
}

.markdown-body table tr {
  background-color: #fff;
  border-top: 1px solid #c6cbd1;
}

.markdown-body table tr:nth-child(2n) {
  background-color: #f6f8fa;
}

.markdown-body img {
  max-width: 100%;
  box-sizing: content-box;
  background-color: #fff;
}

.markdown-body img[align=right] {
  padding-left: 20px;
}

.markdown-body img[align=left] {
  padding-right: 20px;
}

.markdown-body code {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 3px;
}

.markdown-body pre {
  word-wrap: normal;
}

.markdown-body pre > code {
  padding: 0;
  margin: 0;
  font-size: 100%;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}

.markdown-body .highlight {
  margin-bottom: 16px;
}

.markdown-body .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}

.markdown-body .highlight pre,
.markdown-body pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: #f6f8fa;
  border-radius: 3px;
}

.markdown-body pre code {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}

.markdown-body .full-commit .btn-outline:not(:disabled):hover {
  color: #005cc5;
  border-color: #005cc5;
}

.markdown-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #fafbfc;
  border: solid 1px #d1d5da;
  border-bottom-color: #c6cbd1;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #c6cbd1;
}

.markdown-body :checked + .radio-label {
  position: relative;
  z-index: 1;
  border-color: #0366d6;
}

.markdown-body .task-list-item {
  list-style-type: none;
}

.markdown-body .task-list-item + .task-list-item {
  margin-top: 3px;
}

.markdown-body .task-list-item input {
  margin: 0 0.2em 0.25em -1.6em;
  vertical-align: middle;
}

.markdown-body hr {
  border-bottom-color: #eee;
}

@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: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  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: none;
  color: #FFF;
  font-size: 16px;
}

.smartphoto-header {
  display: flex;
  box-sizing: border-box;
  position: fixed;
  z-index: 102;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 15px;
  padding-right: 40px;
  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 {
  display: none;
  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;
}

@media only screen and (min-width: 992px) {
  .smartphoto-nav {
    display: none;
  }
}

.smartphoto-nav:before {
  content: "";
  display: block;
  background: url(/common/img/mycoin/pinch.png) left top no-repeat;
  width: 34px;
  height: 42px;
  background-size: 34px 42px;
  position: absolute;
  right: 20px;
  bottom: 20px;
}

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

.smartphoto-nav ul {
  display: none;
  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 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 5px;
  color: #FFF;
  font-size: 12px;
  line-height: 1.4;
  height: 100%;
}

@media only screen and (max-width: 599px) {
  .smartphoto-caption {
    left: 5px;
    font-size: 10px;
    line-height: 1.5;
    justify-content: flex-start;
  }
}

.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;
}

@media only screen and (min-width: 992px) {
  .smartphoto-img-clone {
    width: 1000px !important;
    height: auto !important;
    transform: scale(1) !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}

@media only screen and (max-width: 768px) {
  .smartphoto-img-clone {
    opacity: 0;
    transition: all 0.1s 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);
}

#ibaku-wrap {
  transition: all .6s;
  opacity: 1;
}

#ibaku-wrap.is-hide {
  opacity: 0;
  right: -30%;
}

@media only screen and (max-width: 768px) {
  #ibaku-wrap.is-hide {
    right: -50%;
  }
}

@font-face {
  font-family: "icons";
  src: url(/common/fonts/icomoon.eot) format("embedded-opentype"), url(/common/fonts/icomoon.ttf) format("truetype"), url(/common/fonts/icomoon.svg) format("svg"), url(/common/fonts/icomoon.woff) format("woff");
}

#headline {
  width: 100%;
  min-width: 1000px;
  background: url(img/bg_blue.png) center top no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  #headline {
    padding-top: 0 !important;
    width: auto;
    min-width: 100%;
  }
}

#headline .headlineInner {
  position: relative;
  height: 360px;
  padding-top: 100px;
  text-align: center;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  #headline .headlineInner {
    width: auto;
    height: 180px;
    padding-top: 10px;
  }
}

#headline .headlineInner h1 {
  margin-bottom: 10px;
  font-size: 44px;
  color: #fff;
  font-weight: 300;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  #headline .headlineInner h1 {
    font-size: 26px;
    line-height: 1em;
    margin-bottom: 5px;
  }
}

#headline .headlineInner h1 br {
  display: none;
}

@media only screen and (max-width: 992px) {
  #headline .headlineInner h1 br {
    display: block;
  }
}

#headline .headlineInner p {
  width: 100%;
  font-size: 20px;
  color: #fff;
  font-weight: 300;
}

@media only screen and (max-width: 992px) {
  #headline .headlineInner p {
    font-size: 18px;
  }
}

.section {
  position: relative;
  padding: 80px 0;
  z-index: 100;
  background: #fff;
}

@media only screen and (max-width: 992px) {
  .section {
    padding: 50px 0;
  }
}

@media only screen and (max-width: 768px) {
  .section {
    padding: 30px 0;
  }
}

.section.section--bg01 {
  background: #EFEFF3;
}

.section.section--bg02 {
  background: url(img/section_bg04.png);
  background-size: cover;
  color: #fff;
}

.section .sectionInner {
  width: 1000px;
  margin: 0 auto;
}

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

.sectionTitle {
  position: relative;
  padding-bottom: 60px;
}

@media only screen and (max-width: 992px) {
  .sectionTitle {
    margin-bottom: 30px;
    padding-bottom: 0;
  }
}

.sectionTitle h2 {
  font-size: 36px;
  text-align: center;
  line-height: 1.3em;
}

.sectionTitle h2.sectionTitle--color01 {
  color: #fff;
}

@media only screen and (max-width: 992px) {
  .sectionTitle h2 {
    font-size: 24px;
  }
}

.sectionTitle .sub {
  text-align: center;
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #E95156;
}

@media only screen and (max-width: 992px) {
  .sectionTitle .sub {
    margin-top: 8px;
    font-size: 16px;
  }
}

.sectionTitle .extraArea {
  position: absolute;
  right: 95px;
  top: -110px;
  width: 164px;
  height: 164px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 2px #009EE1;
  -webkit-border-radius: 82px 82px 82px 82px;
  -moz-border-radius: 82px 82px 82px 82px;
  border-radius: 82px 82px 82px 82px;
}

@media only screen and (max-width: 992px) {
  .sectionTitle .extraArea {
    position: static;
    width: auto;
    height: auto;
    background: none;
    padding: 5px 15px;
    margin-bottom: 20px;
    border: none;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
  }
}

.sectionTitle .extraArea.extraArea--left {
  right: auto;
  left: 95px;
  top: -110px;
}

.sectionTitle .extraArea .extraAreaInner {
  position: relative;
}

@media only screen and (max-width: 992px) {
  .sectionTitle .extraArea .extraAreaInner {
    padding: 10px 15px 7px 15px;
    background: #fff;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
  }
}

.sectionTitle .extraArea .extraAreaInner:before {
  position: absolute;
  bottom: -35px;
  left: -18px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 50px 25px 0;
  border-color: transparent #ffffff transparent transparent;
  line-height: 0px;
  _border-color: #000000 #ffffff #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  transform: rotate(-30deg);
}

@media only screen and (max-width: 992px) {
  .sectionTitle .extraArea .extraAreaInner:before {
    display: none;
    bottom: auto;
    left: 50%;
    top: -12px;
    margin-left: -12px;
    border-width: 10px 17px 10px 0;
  }
}

.sectionTitle .extraArea.extraArea--left .extraAreaInner:before {
  left: auto;
  right: -18px;
  border-width: 25px 0 25px 50px;
  border-color: transparent transparent transparent #ffffff;
  transform: rotate(30deg);
}

@media only screen and (max-width: 992px) {
  .sectionTitle .extraArea.extraArea--left .extraAreaInner:before {
    bottom: auto;
    left: 50%;
    right: auto;
    top: -12px;
    margin-left: -12px;
    border-width: 10px 17px 10px 0;
  }
}

.sectionTitle .extraArea .extraAreaInner:after {
  position: absolute;
  bottom: -38px;
  left: -21px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27px 52px 27px 0;
  border-color: transparent #009EE1 transparent transparent;
  line-height: 0px;
  _border-color: #000000 #009EE1 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  transform: rotate(-30deg);
  z-index: -1;
}

@media only screen and (max-width: 992px) {
  .sectionTitle .extraArea .extraAreaInner:after {
    display: none;
    bottom: auto;
    left: 50%;
    top: -12px;
    margin-left: -12px;
    border-width: 10px 17px 10px 0;
  }
}

.sectionTitle .extraArea.extraArea--left .extraAreaInner:after {
  left: auto;
  right: -21px;
  border-width: 27px 0 27px 52px;
  border-color: transparent transparent transparent #009EE1;
  transform: rotate(30deg);
}

@media only screen and (max-width: 992px) {
  .sectionTitle .extraArea.extraArea--left .extraAreaInner:after {
    bottom: auto;
    left: 50%;
    right: auto;
    top: -12px;
    margin-left: -12px;
    border-width: 10px 17px 10px 0;
  }
}

.sectionTitle .extraArea .extraAreaInner p {
  padding-top: 44px;
  font-size: 22px;
  color: #009EE1;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .sectionTitle .extraArea .extraAreaInner p {
    padding-top: 0;
  }
  .sectionTitle .extraArea .extraAreaInner p br {
    display: none;
  }
}

.sectionTitle .extraArea .extraAreaInner p span {
  display: inline-block;
  margin-top: 10px;
  font-size: 32px;
  color: #E95156;
}

@media only screen and (max-width: 992px) {
  .sectionTitle .extraArea .extraAreaInner p span {
    margin-top: 0;
    font-size: 24px;
  }
}

.sectionTitle .extraArea .extraAreaInner p span b {
  font-size: 50px;
}

@media only screen and (max-width: 992px) {
  .sectionTitle .extraArea .extraAreaInner p span b {
    font-size: 24px;
  }
}

.sectionTitle .subText {
  margin-top: 40px;
  font-size: 16px;
  text-align: center;
  line-height: 1.5;
}

@media only screen and (max-width: 992px) {
  .sectionTitle .subText {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 0 15px;
    font-size: 13px;
    line-height: 1.5em;
  }
}

.sectionHeadline {
  margin-bottom: 80px;
}

@media only screen and (max-width: 992px) {
  .sectionHeadline {
    padding: 0 6%;
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .sectionHeadline {
    padding: 0 15px;
    margin-bottom: 25px;
  }
}

.sectionHeadline h2 {
  font-weight: normal;
  text-align: center;
}

.sectionHeadline h2 span {
  display: block;
}

.sectionHeadline h2 span.ja {
  margin-bottom: 18px;
  font-size: 40px;
  color: #000000;
}

@media only screen and (max-width: 992px) {
  .sectionHeadline h2 span.ja {
    font-size: 38px;
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .sectionHeadline h2 span.ja {
    font-size: 26px;
    margin-bottom: 12px;
  }
}

.sectionHeadline h2 span.en {
  font-size: 20px;
  color: #878787;
}

@media only screen and (max-width: 992px) {
  .sectionHeadline h2 span.en {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .sectionHeadline h2 span.en {
    font-size: 11px;
  }
}

.h1-title--type01 {
  margin-bottom: 0;
  position: relative;
}

.h1-title--type01:before {
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  border-radius: 30px 30px 30px 30px;
  border: solid 2px #009EE1;
}

@media only screen and (max-width: 992px) {
  .h1-title--type01:before {
    left: 3px;
    width: 16px;
    height: 16px;
  }
}

.h1-title--type01 h1 {
  font-size: 28px;
  padding-left: 35px;
  line-height: 1;
}

@media only screen and (max-width: 992px) {
  .h1-title--type01 h1 {
    font-size: 20px;
    padding-left: 28px;
  }
}

.h2-title--type02 {
  margin-bottom: 20px;
  background: #E6E6E6;
  padding: 15px 10px;
}

@media only screen and (max-width: 992px) {
  .h2-title--type02 {
    padding: 10px 10px;
  }
}

.h2-title--type02 h2 {
  font-size: 22px;
}

@media only screen and (max-width: 992px) {
  .h2-title--type02 h2 {
    font-size: 18px;
  }
}

.h3-title--type01 {
  margin-bottom: 20px;
}

.h3-title--type01 h3 {
  font-size: 16px;
}

.table-MODULE table {
  width: 100%;
  border-top: solid 1px #f2f2f2;
  border-right: solid 1px #f2f2f2;
  border-left: solid 1px #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .table-MODULE table {
    display: block;
    width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .table-MODULE table tbody {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

.table-MODULE table tr {
  border-bottom: solid 1px #f2f2f2;
}

@media only screen and (max-width: 992px) {
  .table-MODULE table tr {
    display: block;
    width: 100%;
  }
}

.table-MODULE table tr th {
  width: 20%;
  padding: 20px;
  background: #9c9c9c;
  color: #fff;
  font-weight: normal;
  text-align: left;
}

@media only screen and (max-width: 992px) {
  .table-MODULE table tr th {
    display: block;
    width: 100% !important;
    padding: 7px 20px;
    background: #e6e6e6;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.table-MODULE table tr td {
  width: 30%;
  padding: 20px;
}

@media only screen and (max-width: 992px) {
  .table-MODULE table tr td {
    display: block;
    width: 100% !important;
    padding: 15px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.table-type01 {
  width: 100%;
  border-top: solid 1px #f2f2f2;
  border-left: solid 1px #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .table-type01 {
    display: block;
    width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .table-type01 tbody {
    display: block;
    width: 100%;
  }
}

.table-type01 tr {
  border-bottom: solid 1px #f2f2f2;
}

@media only screen and (max-width: 992px) {
  .table-type01 tr {
    display: block;
    width: 100%;
  }
}

.table-type01 tr th {
  padding: 15px 20px;
  background: #9c9c9c;
  color: #fff;
  font-weight: bold;
  text-align: left;
  border-right: solid 1px #f2f2f2;
}

@media only screen and (max-width: 992px) {
  .table-type01 tr th {
    display: block;
    width: 100% !important;
    padding: 7px 20px;
    background: #e6e6e6;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.table-type01 tr td {
  padding: 15px 20px;
  border-right: solid 1px #f2f2f2;
}

@media only screen and (max-width: 992px) {
  .table-type01 tr td {
    display: block;
    width: 100% !important;
    padding: 15px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.topicsListHeader h2 {
  padding: 0 10px 0 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}

.topicsList {
  margin-bottom: 10px;
}

@media only screen and (max-width: 992px) {
  .topicsList {
    margin-bottom: 0;
  }
}

.topicsList.topicsList--normal ul {
  border-top: solid 1px #E4E4E4;
}

.topicsList.topicsList--normal ul li {
  position: relative;
  display: table;
  table-layout: fixed;
  border-bottom: solid 1px #E4E4E4;
  width: 100%;
  vertical-align: top;
  word-wrap: break-word;
  word-break: break-all;
  clear: both;
  position: relative;
  display: table;
  width: 100%;
  vertical-align: top;
  word-wrap: break-word;
  word-break: break-all;
  padding: 10px;
  text-decoration: none;
  color: #1D8ADA;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--normal ul li {
    padding: 10px 15px;
    border-top: none;
    border-bottom: solid 1px #E4E4E4;
  }
}

.topicsList.topicsList--normal ul li .ui-thumbnail {
  position: relative;
  display: table-cell;
  width: 128px;
  height: 90px;
  vertical-align: top;
  overflow: hidden;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--normal ul li .ui-thumbnail {
    width: 60px;
    height: 60px;
  }
}

.topicsList.topicsList--normal ul li .ui-thumbnail img {
  display: inline-block;
  width: 128px;
  height: 90px;
  object-fit: cover;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--normal ul li .ui-thumbnail img {
    width: 60px;
    height: 60px;
    object-fit: cover;
  }
}

.topicsList.topicsList--normal ul li .ui-thumbnail .topicsCategory {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 10px 5px 10px;
  letter-spacing: 1px;
  color: #fff;
  font-size: 11px;
  line-height: 1em;
  z-index: 2000;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--normal ul li .ui-thumbnail .topicsCategory {
    font-size: 11px;
  }
}

.topicsList.topicsList--normal ul li .ui-wrapper {
  display: table-cell;
  width: 100%;
  padding: 0 0 0 15px;
  line-height: 1.4em;
  vertical-align: middle;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--normal ul li .ui-wrapper {
    padding-left: 10px;
  }
}

.topicsList.topicsList--normal ul li .ui-wrapper .ui-title {
  margin-bottom: 5px;
  margin-top: 4px;
  line-height: 1.6em;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--normal ul li .ui-wrapper .ui-title {
    margin: 0px;
    font-weight: normal;
  }
}

.topicsList.topicsList--normal ul li .ui-wrapper .ui-title a {
  display: block;
  overflow: hidden;
  font-size: 16px;
  max-height: 48px;
  line-height: 1.5;
  position: relative;
  color: #2D2D2D;
  text-decoration: none;
}

.topicsList.topicsList--normal ul li .ui-wrapper .ui-title a:before, .topicsList.topicsList--normal ul li .ui-wrapper .ui-title a:after {
  width: 1em;
  background: #EFEFF3;
  position: absolute;
}

.topicsList.topicsList--normal ul li .ui-wrapper .ui-title a:before {
  content: "...";
  top: 24px;
  right: 0;
}

.topicsList.topicsList--normal ul li .ui-wrapper .ui-title a:after {
  content: "";
  height: 100%;
  width: 100%;
}

.topicsList.topicsList--normal ul li:hover .ui-wrapper .ui-title a:before, .topicsList.topicsList--normal ul li:hover .ui-wrapper .ui-title a:after {
  background: #e6e6ec;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--normal ul li .ui-wrapper .ui-title a {
    display: block;
    overflow: hidden;
    font-size: 14px;
    max-height: 42px;
    line-height: 1.5;
    position: relative;
    font-weight: normal;
  }
  .topicsList.topicsList--normal ul li .ui-wrapper .ui-title a:before, .topicsList.topicsList--normal ul li .ui-wrapper .ui-title a:after {
    width: 1em;
    background: #EFEFF3;
    position: absolute;
  }
  .topicsList.topicsList--normal ul li .ui-wrapper .ui-title a:before {
    content: "...";
    top: 21px;
    right: 0;
  }
  .topicsList.topicsList--normal ul li .ui-wrapper .ui-title a:after {
    content: "";
    height: 100%;
    width: 100%;
  }
  .topicsList.topicsList--normal ul li:hover .ui-wrapper .ui-title a:before, .topicsList.topicsList--normal ul li:hover .ui-wrapper .ui-title a:after {
    background: #e6e6ec;
  }
}

.topicsList.topicsList--normal ul li .ui-wrapper .text-UI {
  margin-bottom: 5px;
  line-height: 1.6em;
  display: block;
  overflow: hidden;
  font-size: 11px;
  max-height: 33px;
  line-height: 1.5;
  position: relative;
  color: #818181;
}

.topicsList.topicsList--normal ul li .ui-wrapper .text-UI:before, .topicsList.topicsList--normal ul li .ui-wrapper .text-UI:after {
  width: 1em;
  background: #EFEFF3;
  position: absolute;
}

.topicsList.topicsList--normal ul li .ui-wrapper .text-UI:before {
  content: "...";
  top: 16.5px;
  right: 0;
}

.topicsList.topicsList--normal ul li .ui-wrapper .text-UI:after {
  content: "";
  height: 100%;
  width: 100%;
}

.topicsList.topicsList--normal ul li:hover .ui-wrapper .text-UI:before, .topicsList.topicsList--normal ul li:hover .ui-wrapper .text-UI:after {
  background: #EFEFF3;
}

.topicsList.topicsList--normal ul li .ui-wrapper .ui-option {
  font-size: 0px;
  color: #818181;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--normal ul li .ui-wrapper .ui-option {
    font-size: 11px;
    line-height: 1em;
  }
}

.topicsList.topicsList--normal ul li .ui-wrapper .ui-option .topicsTagList span {
  margin-right: 10px;
  font-size: 10px;
  color: #bdbdbd;
}

.topicsList.topicsList--normal ul li .ui-wrapper .ui-option .topicsTagList span .icon--tag {
  margin-right: 3px;
}

.topicsList.topicsList--normal ul li .ui-wrapper .ui-option .topicsTagList span .icon--tag:before {
  content: false;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

.topicsList.topicsList--normal ul li .ui-wrapper .ui-option .topicsMymolife {
  padding: 5px 6px;
  margin-right: 10px;
  background: #000;
  font-size: 10px;
  line-height: 1em;
  letter-spacing: 0;
  color: #fff;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--normal ul li .ui-wrapper .ui-option .topicsMymolife {
    padding: 4px 4px 3px;
    margin-right: 6px;
    background: #000;
    font-size: 10px;
    line-height: 1em;
  }
}

.topicsList.topicsList--normal ul li .ui-wrapper .ui-option .topicsMymolife:after {
  display: none;
}

.topicsList.topicsList--normal ul li .ui-wrapper .ui-option .topicsMymolife + span:before {
  content: "";
  display: none;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--normal ul li .ui-wrapper .ui-option .topicsView {
    display: none;
  }
}

.topicsList.topicsList--normal ul li:hover {
  background: #e6e6ec;
  cursor: pointer;
}

.topicsList.topicsList--normal ul li:hover .ui-thumbnail {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.topicsList.topicsList--card ul {
  font-size: 0px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--card ul {
    padding: 10px 10px;
  }
}

.topicsList.topicsList--card ul li {
  position: relative;
  display: inline-block;
  width: 235px;
  height: 260px;
  margin-right: 20px;
  margin-bottom: 15px;
  vertical-align: top;
  word-wrap: break-word;
  word-break: break-all;
  text-decoration: none;
  background: #fff;
  color: #1D8ADA;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.topicsList.topicsList--card ul li:nth-child(4n) {
  margin-right: 0;
}

.topicsList.topicsList--card ul li:first-child + * + * + * {
  margin-right: 0;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--card ul li {
    width: 50%;
    height: 200px;
    padding: 5px;
    margin-right: 0;
    margin-bottom: 0;
    border-top: none;
    background: none;
  }
}

.topicsList.topicsList--card ul li .ui-thumbnail {
  position: relative;
  width: 100%;
  height: 140px;
  vertical-align: top;
  overflow: hidden;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--card ul li .ui-thumbnail {
    height: 95px;
    background: #fff;
  }
}

.topicsList.topicsList--card ul li .ui-thumbnail img {
  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: 992px) {
  .topicsList.topicsList--card ul li .ui-thumbnail img {
    width: 80%;
  }
}

.topicsList.topicsList--card ul li .ui-thumbnail .topicsCategory {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 10px 5px 10px;
  letter-spacing: 1px;
  color: #fff;
  font-size: 11px;
  line-height: 1em;
  z-index: 2000;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--card ul li .ui-thumbnail .topicsCategory {
    font-size: 11px;
  }
}

.topicsList.topicsList--card ul li .ui-wrapper {
  width: 100%;
  height: 120px;
  padding: 13px 15px 0 15px;
  line-height: 1.4em;
  vertical-align: middle;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--card ul li .ui-wrapper {
    height: 95px;
    padding: 10px 10px 3px 10px;
    background: #fff;
  }
}

.topicsList.topicsList--card ul li .ui-wrapper .ui-title {
  line-height: 1.6em;
  margin-bottom: 4px;
  text-align: left;
  display: block;
  overflow: hidden;
  font-size: 14px;
  max-height: 84px;
  line-height: 1.5;
  position: relative;
  color: #2D2D2D;
  text-decoration: none;
  font-weight: bold;
}

.topicsList.topicsList--card ul li .ui-wrapper .ui-title:before, .topicsList.topicsList--card ul li .ui-wrapper .ui-title:after {
  width: 1em;
  background: #fff;
  position: absolute;
}

.topicsList.topicsList--card ul li .ui-wrapper .ui-title:before {
  content: "...";
  top: 63px;
  right: 0;
}

.topicsList.topicsList--card ul li .ui-wrapper .ui-title:after {
  content: "";
  height: 100%;
  width: 100%;
}

.topicsList.topicsList--card ul li:hover .ui-wrapper .ui-title:before, .topicsList.topicsList--card ul li:hover .ui-wrapper .ui-title:after {
  background: #fff;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--card ul li .ui-wrapper .ui-title {
    margin-bottom: 3px;
    display: block;
    overflow: hidden;
    font-size: 11px;
    max-height: 49.5px;
    line-height: 1.5;
    position: relative;
    font-weight: bold;
  }
  .topicsList.topicsList--card ul li .ui-wrapper .ui-title:before, .topicsList.topicsList--card ul li .ui-wrapper .ui-title:after {
    width: 1em;
    background: #ffffff;
    position: absolute;
  }
  .topicsList.topicsList--card ul li .ui-wrapper .ui-title:before {
    content: "...";
    top: 33px;
    right: 0;
  }
  .topicsList.topicsList--card ul li .ui-wrapper .ui-title:after {
    content: "";
    height: 100%;
    width: 100%;
  }
  .topicsList.topicsList--card ul li:hover .ui-wrapper .ui-title:before, .topicsList.topicsList--card ul li:hover .ui-wrapper .ui-title:after {
    background: #fff;
  }
}

.topicsList.topicsList--card ul li .ui-wrapper .text-UI {
  margin-bottom: 5px;
  line-height: 1.6em;
  display: block;
  overflow: hidden;
  font-size: 11px;
  max-height: 33px;
  line-height: 1.5;
  position: relative;
  color: #818181;
}

.topicsList.topicsList--card ul li .ui-wrapper .text-UI:before, .topicsList.topicsList--card ul li .ui-wrapper .text-UI:after {
  width: 1em;
  background: #fff;
  position: absolute;
}

.topicsList.topicsList--card ul li .ui-wrapper .text-UI:before {
  content: "...";
  top: 16.5px;
  right: 0;
}

.topicsList.topicsList--card ul li .ui-wrapper .text-UI:after {
  content: "";
  height: 100%;
  width: 100%;
}

.topicsList.topicsList--card ul li:hover .ui-wrapper .text-UI:before, .topicsList.topicsList--card ul li:hover .ui-wrapper .text-UI:after {
  background: #EFEFF3;
}

.topicsList.topicsList--card ul li .ui-wrapper .ui-option {
  font-size: 0px;
  color: #818181;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--card ul li .ui-wrapper .ui-option {
    font-size: 11px;
    line-height: 1em;
  }
}

.topicsList.topicsList--card ul li .ui-wrapper .ui-option .topicsTagList {
  display: block;
  overflow: hidden;
  font-size: 10px;
  max-height: 15px;
  line-height: 1.5;
  position: relative;
}

.topicsList.topicsList--card ul li .ui-wrapper .ui-option .topicsTagList:before, .topicsList.topicsList--card ul li .ui-wrapper .ui-option .topicsTagList:after {
  width: 1em;
  background: #fff;
  position: absolute;
}

.topicsList.topicsList--card ul li .ui-wrapper .ui-option .topicsTagList:before {
  content: "...";
  top: 0px;
  right: 0;
}

.topicsList.topicsList--card ul li .ui-wrapper .ui-option .topicsTagList:after {
  content: "";
  height: 100%;
  width: 100%;
}

.topicsList.topicsList--card ul li:hover .ui-wrapper .ui-option .topicsTagList:before, .topicsList.topicsList--card ul li:hover .ui-wrapper .ui-option .topicsTagList:after {
  background: #e6e6ec;
}

.topicsList.topicsList--card ul li .ui-wrapper .ui-option .topicsTagList span {
  margin-right: 10px;
  font-size: 10px;
  color: #bdbdbd;
}

.topicsList.topicsList--card ul li .ui-wrapper .ui-option .topicsTagList span .icon--tag {
  margin-right: 3px;
}

.topicsList.topicsList--card ul li .ui-wrapper .ui-option .topicsTagList span .icon--tag:before {
  content: false;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

.topicsList.topicsList--card ul li .ui-wrapper .ui-option .topicsMymolife {
  padding: 5px 6px;
  margin-right: 10px;
  background: #000;
  font-size: 10px;
  line-height: 1em;
  letter-spacing: 0;
  color: #fff;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--card ul li .ui-wrapper .ui-option .topicsMymolife {
    padding: 4px 4px 3px;
    margin-right: 6px;
    background: #000;
    font-size: 10px;
    line-height: 1em;
  }
}

.topicsList.topicsList--card ul li .ui-wrapper .ui-option .topicsMymolife:after {
  display: none;
}

.topicsList.topicsList--card ul li .ui-wrapper .ui-option .topicsMymolife + span:before {
  content: "";
  display: none;
}

.topicsList.topicsList--card ul li .ui-wrapper .ui-option .topics-date {
  display: inline-block;
  padding: 2px 20px;
  margin-bottom: 10px;
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  background: #009EE1;
  font-size: 11px;
  color: #fff;
  line-height: 1.2em;
}

@media only screen and (max-width: 992px) {
  .topicsList.topicsList--card ul li .ui-wrapper .ui-option .topicsView {
    display: none;
  }
}

.topicsList.topicsList--card ul li:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  cursor: pointer;
  text-decoration: none;
}

.topicsList.topicsList--card ul li:hover .ui-wrapper .ui-title {
  text-decoration: none;
}

.topicsList.topicsList--card ul li.linkOff:hover {
  cursor: default;
}

.topicsList.topicsList--card ul li.linkOff:hover .ui-wrapper,
.topicsList.topicsList--card ul li.linkOff:hover .ui-thumbnail {
  background: #fff;
}

.topicsList.topicsList--card ul li.linkOff:hover a {
  cursor: default;
}

.topicsList.topicsList--card ul li.linkOff:hover a:before, .topicsList.topicsList--card ul li.linkOff:hover a:after {
  background: #fff !important;
}

.topicsList + .button {
  margin-top: 20px;
  padding: 0 10px;
}

.otherMedia ul {
  font-size: 0;
}

.otherMedia ul li {
  position: relative;
  display: inline-block;
  width: 235px;
  height: 100px;
  margin-right: 20px;
  margin-bottom: 15px;
  vertical-align: top;
  word-wrap: break-word;
  word-break: break-all;
}

.otherMedia ul li:nth-child(4n) {
  margin-right: 0;
}

.otherMedia ul li:first-child + * + * + * {
  margin-right: 0;
}

@media only screen and (max-width: 992px) {
  .otherMedia ul li {
    width: 50%;
    height: 150px;
    padding: 5px;
    margin-right: 0;
    margin-bottom: 0;
    border-top: none;
    background: none;
  }
}

@media only screen and (max-width: 768px) {
  .otherMedia ul li {
    height: 80px;
  }
}

.otherMedia ul li img {
  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: 992px) {
  .otherMedia ul li img {
    width: 80%;
  }
}

.button {
  display: block;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

.button.button--center {
  text-align: center;
}

.button .buttonInner {
  position: relative;
  padding: 25px 25px 24px 25px;
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .button .buttonInner {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2em;
    padding: 6px 25px 6px 25px;
  }
}

.button.type--01 .buttonInner {
  background: #009EE1;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

.button.type--01 .buttonInner i.icon--arrow {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 21px;
  font-weight: normal;
}

.button.type--01 .buttonInner i.icon--arrow:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .button.type--01 .buttonInner i.icon--arrow {
    font-size: 16px;
  }
}

@media only screen and (max-width: 992px) {
  .button.type--01 .buttonInner {
    font-size: 14px;
    padding: 18px 25px 18px 25px;
  }
}

.button.buttonIcon--left .buttonInner i.icon--arrow {
  position: absolute;
  right: auto;
  left: 25px;
  top: 50%;
  transform: translate(0, -50%) rotate(180deg);
  font-size: 24px;
  line-height: 1;
}

@media only screen and (max-width: 992px) {
  .button.buttonIcon--left .buttonInner i.icon--arrow {
    font-size: 16px;
  }
}

.button .buttonInner {
  background: url(img/slanting01_bg.png) left top;
  color: #009EE1;
  font-size: 16px;
  font-weight: bold;
}

.button .buttonInner i {
  margin-left: 5px;
  font-size: 22px;
  vertical-align: -3px;
}

@media only screen and (max-width: 992px) {
  .button .buttonInner {
    font-size: 14px;
    padding: 10px 25px 10px 25px;
  }
}

.button.type--03 .buttonInner {
  background: #008cc8;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.button.type--03 .buttonInner i {
  font-size: 22px;
  vertical-align: -3px;
}

@media only screen and (max-width: 992px) {
  .button.type--03 .buttonInner {
    font-size: 14px;
    padding: 10px 25px 10px 25px;
  }
}

.button.type--04 .buttonInner {
  background: #F06673;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .button.type--04 .buttonInner {
    font-size: 14px;
    font-weight: normal;
  }
}

.button.type--04 .buttonInner i.arrow01-ICON {
  position: absolute;
  top: 15px;
  right: 25px;
}

.button.type--04 .buttonInner span {
  display: inline-block;
  padding: 0 10px;
  background: #E8313B;
  -webkit-border-radius: 25px 25px 25px 25px;
  -moz-border-radius: 25px 25px 25px 25px;
  border-radius: 25px 25px 25px 25px;
  font-size: 11px;
  font-weight: normal;
}

@media only screen and (max-width: 992px) {
  .button.type--04 .buttonInner span {
    display: inline-block;
    padding: 0;
    background: none;
    border-radius: 0;
    font-size: 10px;
    line-height: 1.2em;
    font-weight: normal;
    display: block;
  }
}

.button.button--liquid .buttonInner {
  display: inline-block;
  padding: 25px 105px 24px 85px;
}

@media only screen and (max-width: 992px) {
  .button.button--liquid .buttonInner {
    display: block;
    padding: 18px 55px 18px 35px;
  }
}

.button.buttonSize--small .buttonInner {
  display: inline-block;
  padding: 15px 85px 14px 85px;
  font-size: 18px;
}

.button.buttonSize--small .buttonInner i.icon--arrow {
  font-size: 16px;
}

@media only screen and (max-width: 992px) {
  .button.buttonSize--small .buttonInner i.icon--arrow {
    font-size: 12px;
  }
}

@media only screen and (max-width: 992px) {
  .button.buttonSize--small .buttonInner {
    display: block;
    padding: 18px 35px 18px 35px;
    font-size: 16px;
  }
}

.articleFooter .type-01 + .type-02 {
  margin-top: 40px;
}

.subButton {
  display: block;
  width: 140px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

.subButton .buttonInner {
  position: relative;
  padding: 3px 25px 3px 25px;
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 25px 25px 25px 25px;
  -moz-border-radius: 25px 25px 25px 25px;
  border-radius: 25px 25px 25px 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .subButton .buttonInner {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2em;
    padding: 6px 25px 6px 25px;
  }
}

.subButton.type--01 .buttonInner {
  background: #009EE1;
  color: #fff;
  font-size: 12px;
}

.subButton.type--01 .buttonInner i {
  font-size: 18px;
  vertical-align: -1px;
}

@media only screen and (max-width: 992px) {
  .subButton.type--01 .buttonInner {
    font-size: 14px;
    padding: 10px 25px 10px 25px;
  }
}

.subButton .buttonInner {
  background: #F06673;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .subButton .buttonInner {
    font-size: 14px;
    font-weight: normal;
  }
}

.subButton .buttonInner i.arrow01-ICON {
  position: absolute;
  top: 15px;
  right: 25px;
}

.subButton .buttonInner span {
  display: inline-block;
  padding: 0 10px;
  background: #E8313B;
  -webkit-border-radius: 25px 25px 25px 25px;
  -moz-border-radius: 25px 25px 25px 25px;
  border-radius: 25px 25px 25px 25px;
  font-size: 11px;
  font-weight: normal;
}

@media only screen and (max-width: 992px) {
  .subButton .buttonInner span {
    display: inline-block;
    padding: 0;
    background: none;
    border-radius: 0;
    font-size: 10px;
    line-height: 1.2em;
    font-weight: normal;
    display: block;
  }
}

.dlLinkBox .ui-text--02 {
  text-align: center;
  margin: 10px 0;
}

.dlLinkBox .ui-text--02 .icon--wallet {
  font-size: 50px;
  color: #fff;
}

.dlLinkBox .ui-text--02 .icon--wallet:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .dlLinkBox .ui-text--02 .icon--wallet {
    font-size: 30px;
  }
}

.dlLinkBox .dlLink {
  text-align: center;
}

.dlLinkBox .dlLink li {
  display: inline-block;
  margin-right: 20px;
}

@media only screen and (max-width: 992px) {
  .dlLinkBox .dlLink li {
    margin-right: 0;
    margin-bottom: 30px;
    margin: 0 10px 30px 10px;
  }
}

.dlLinkBox .dlLink li a img {
  width: auto;
  height: 60px;
}

@media only screen and (max-width: 992px) {
  .dlLinkBox .dlLink li a img {
    height: 45px;
  }
}

#scrollUp-JS {
  width: 50px;
  height: 50px;
  background: url(img/page_top.png) left top no-repeat;
  background-size: 50px, 50px;
  bottom: 60px;
  right: 50px;
  text-indent: -9999px;
}

@media only screen and (max-width: 992px) {
  #scrollUp-JS {
    right: 20px;
    bottom: 25px;
  }
}

#scrollUp-JS:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

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

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

#modalContents .modalRemove {
  position: absolute;
  top: -35px;
  right: 0;
  margin-left: -18px;
  cursor: pointer;
}

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

#modalContents .modalRemove .modalRemoveIcon .firstLine, #modalContents .modalRemove .modalRemoveIcon .secondLine {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -15px;
  display: block;
  height: 2px;
  width: 30px;
  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;*/
  }
}

@media only screen and (max-width: 992px) {
  .c-newsList__item {
    position: relative;
    padding: 15px 30px 10px 15px;
  }
  .c-newsList__item:nth-child(odd) {
    background: #f5f5f5;
  }
  .c-newsList__item:before {
    content: '\EA06';
    font-family: 'myfont';
    color: #009EE1;
    position: absolute;
    top: 50%;
    right: 10px;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 13px;
  }
  .news .c-newsList__item:before {
    display: none;
  }
}

.c-newsList__item .c-newsList__itemInner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: baseline;
  padding: 30px;
  color: #000;
  transition: background 0.3s;
}

@media only screen and (max-width: 768px) {
  .c-newsList__item .c-newsList__itemInner {
    display: block;
    padding: 18px 0;
  }
}

.c-newsList__item .c-newsList__itemInner:hover {
  text-decoration: none;
}

.c-newsList__meta {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 20px;
  padding-top: 3px;
  width: 175px;
}

@media only screen and (max-width: 599px) {
  .c-newsList__meta {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 12px;
    width: auto;
  }
}

.c-newsList__meta .c-newsList__time {
  font-size: 14px;
}

.c-newsList__meta .c-newsList__category {
  width: 100px;
  color: #fff;
  background: #009EE1;
  border-radius: 3px;
  padding: 5px 0;
  margin-left: 10px;
  text-align: center;
  font-size: 10px;
}

.c-newsList__item.is-release .c-newsList__meta .c-newsList__category {
  background: #E99D32;
}

.c-newsList__item.is-media .c-newsList__meta .c-newsList__category {
  background: #5EBB1E;
}

.c-newsList__main {
  flex: 1;
}

.c-newsList__main .c-newsList__title {
  font-size: 17px;
  line-height: 1.8;
  flex: 1;
}

@media only screen and (max-width: 599px) {
  .c-newsList__main .c-newsList__title {
    font-size: 16px;
  }
}

.c-newsList__main .c-newsList__text {
  margin-top: 10px;
  line-height: 1.6;
  font-size: 16px;
  color: #333;
}

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

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

@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: -2px;
  content: "";
  display: block;
  width: 100px;
  height: 2px;
  background: #000;
}

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

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

* + .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;
  }
}

body .c-scrollToPageTop {
  position: fixed;
  width: 50px;
  height: 50px;
  background: url(../img/common/page_top.png) left top no-repeat;
  background-size: 50px, 50px;
  bottom: -50px;
  right: 50px;
  z-index: 9999;
  transition: .3s all;
  visibility: hidden;
}

@media only screen and (max-width: 992px) {
  body .c-scrollToPageTop {
    right: 20px;
  }
}

body.scrolled .c-scrollToPageTop {
  opacity: 1;
  bottom: 150px;
  visibility: visible;
}

body.scrolled .c-scrollToPageTop.is-bottom {
  bottom: 50px;
}

@media only screen and (max-width: 992px) {
  body.scrolled .c-scrollToPageTop {
    bottom: 20px;
  }
  body.scrolled .c-scrollToPageTop.is-bottom {
    bottom: 20px;
  }
}

body .c-scrollToPageTop a {
  display: block;
  height: 50px;
}

.c-inview,
.c-inview__left,
.c-inview__right {
  opacity: 0;
}

.c-inview__left {
  -ms-transform: translate(-40px, 0);
  -webkit-transform: translate(-40px, 0);
  transform: translate(-40px, 0);
}

.c-inview__right {
  -ms-transform: translate(40px, 0);
  -webkit-transform: translate(40px, 0);
  transform: translate(40px, 0);
}

.c-indentList li {
  margin-bottom: 5px;
}

.c-indentList li:last-child {
  margin-bottom: 0;
}

.c-indentList li > ul {
  margin-top: 5px;
}

.c-indentList > li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.c-indentList.is-indent--s > li {
  padding-left: 1em;
  text-indent: -1em;
}

.c-indentList.is-indent--2 > li {
  padding-left: 2em;
  text-indent: -2em;
}

.c-sideFixedButton {
  position: fixed;
  right: 0;
  top: 30%;
  z-index: 100;
  justify-content: flex-end;
  transition: transform 0.5s;
  transform: translateX(100%);
  z-index: 1000;
}

.c-sideFixedButton.is-show {
  transform: translateX(0);
}

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

.c-sideFixedButton img {
  height: 125px;
}

@media only screen and (max-width: 768px) {
  .c-sideFixedButton img {
    height: 100px;
  }
}

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

@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: 992px) {
  .p-standard h1 {
    font-size: 18px;
    margin: 0 0 20px 0;
    line-height: 1.4;
  }
}

.p-standard h2 {
  position: relative;
  padding: 14px 30px 14px 23px;
  border-left: solid 4px #000;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
}

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

.p-standard h3 {
  position: relative;
  padding: 15px 30px 15px 15px;
  font-size: 16px;
  line-height: 1.3;
  background: #F3F4F5;
}

@media only screen and (max-width: 768px) {
  .p-standard h3 {
    padding: 10px;
    font-size: 15px;
  }
}

.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: #009EE1;
}

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

.p-standard p {
  font-size: 15px;
  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: 768px) {
  .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: 8px;
  font-size: 12px;
  text-align: right;
  color: #b8b8b8;
  padding-bottom: 3px;
}

.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: 992px) {
  .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: 992px) {
  .p-standard table tr th {
    font-size: 11px;
  }
}

@media only screen and (max-width: 992px) {
  .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: 992px) {
  .p-standard table tr td {
    font-size: 11px;
  }
}

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

@media only screen and (max-width: 992px) {
  .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: 30px;
}

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

.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: 45px;
  }
}

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

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

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

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

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

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

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

.p-standard > h5 + * {
  margin-top: 18px;
}

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

.p-standard > h6 + * {
  margin-top: 18px;
}

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

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

.section-partners .sectionInner .sectionTitle h2.extraStyle {
  margin-bottom: 40px;
}

@media only screen and (max-width: 992px) {
  .section-partners .sectionInner .sectionTitle h2.extraStyle {
    margin-bottom: 20px;
  }
}

.section-partners .sectionInner .sectionTitle p {
  margin-bottom: 30px;
  padding: 15px 0;
  background: #009EE1;
  font-size: 26px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .section-partners .sectionInner .sectionTitle p {
    margin-bottom: 20px;
    padding: 10px 15px;
    font-size: 18px;
  }
}

.section-partners .partnersList ul {
  font-size: 0;
  padding: 0 0;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .section-partners .partnersList ul {
    padding: 0 10px;
  }
}

.section-partners .partnersList ul li {
  display: inline-block;
  width: 180px;
  margin: 10px;
  line-height: 80px;
}

@media only screen and (max-width: 992px) {
  .section-partners .partnersList ul li {
    width: 130px;
    margin: 5px;
  }
}

.section-partners .partnersList ul li img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
}

.serviceAbout {
  position: static;
  padding-top: 110px;
  padding-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .serviceAbout {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .serviceAbout .ui-title {
    color: #009EE1;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
}

.serviceAbout .sectionInner {
  height: 720px;
  background: url(img/iphone_add_icon.png) left bottom no-repeat;
}

@media only screen and (max-width: 992px) {
  .serviceAbout .sectionInner {
    height: auto;
    background: #fff;
    padding-bottom: 30px;
  }
}

.serviceAbout .sectionInner .serviceAbout-title {
  text-align: center;
}

.serviceAbout .sectionInner .serviceAbout-title h2 {
  position: relative;
  display: inline-block;
  padding-top: 40px;
  margin-bottom: 20px;
  text-align: center;
}

.serviceAbout .sectionInner .serviceAbout-title h2:after {
  position: absolute;
  right: -140px;
  top: 65px;
  content: "";
  display: block;
  width: 120px;
  height: 2px;
  background: #009EE1;
}

@media only screen and (max-width: 992px) {
  .serviceAbout .sectionInner .serviceAbout-title h2:after {
    right: -90px;
    top: 15px;
    width: 70px;
    height: 1px;
  }
}

.serviceAbout .sectionInner .serviceAbout-title h2:before {
  position: absolute;
  left: -140px;
  top: 65px;
  content: "";
  display: block;
  width: 120px;
  height: 2px;
  background: #009EE1;
}

@media only screen and (max-width: 992px) {
  .serviceAbout .sectionInner .serviceAbout-title h2:before {
    left: -90px;
    top: 15px;
    width: 70px;
    height: 1px;
  }
}

@media only screen and (max-width: 992px) {
  .serviceAbout .sectionInner .serviceAbout-title h2 {
    padding-top: 0;
    margin: 10px 0;
  }
}

.serviceAbout .sectionInner .serviceAbout-title h2 .icon--wallet {
  font-size: 50px;
  color: #009EE1;
}

.serviceAbout .sectionInner .serviceAbout-title h2 .icon--wallet:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .serviceAbout .sectionInner .serviceAbout-title h2 .icon--wallet {
    font-size: 30px;
  }
}

.serviceAbout .sectionInner .serviceAbout-title p {
  font-size: 36px;
  font-weight: bold;
  color: #009EE1;
}

@media only screen and (max-width: 992px) {
  .serviceAbout .sectionInner .serviceAbout-title p {
    font-size: 20px;
  }
}

.serviceAbout .sectionInner .ui-wrapper {
  padding-left: 500px;
  padding-top: 60px;
}

@media only screen and (max-width: 992px) {
  .serviceAbout .sectionInner .ui-wrapper {
    padding: 0 15px;
  }
}

.serviceAbout .sectionInner .ui-wrapper .ui-subTitle {
  margin-top: 40px;
  margin-bottom: 25px;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.2em;
}

@media only screen and (max-width: 992px) {
  .serviceAbout .sectionInner .ui-wrapper .ui-subTitle {
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 18px;
    text-align: center;
    line-height: 1.4em;
  }
}

.serviceAbout .sectionInner .ui-wrapper .ui-title {
  margin-bottom: 23px;
  font-size: 44px;
  color: #009EE1;
  font-weight: bold;
  line-height: 1.3em;
}

@media only screen and (max-width: 992px) {
  .serviceAbout .sectionInner .ui-wrapper .ui-title {
    margin-bottom: 10px;
    font-size: 28px;
    text-align: center;
  }
}

.serviceAbout .sectionInner .ui-wrapper .ui-title span {
  display: inline-block;
  margin-right: 10px;
}

@media only screen and (max-width: 992px) {
  .serviceAbout .sectionInner .ui-wrapper .ui-title span {
    vertical-align: 2px;
  }
}

@media only screen and (max-width: 992px) {
  .serviceAbout .sectionInner .ui-wrapper .ui-title span img {
    width: 34px;
  }
}

.serviceAbout .sectionInner .ui-wrapper .ui-text {
  font-size: 20px;
  line-height: 1.8em;
  margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
  .serviceAbout .sectionInner .ui-wrapper .ui-text {
    font-size: 15px;
    text-align: center;
  }
}

@media only screen and (max-width: 350px) {
  .serviceAbout .sectionInner .ui-wrapper .ui-text {
    font-size: 13px;
  }
}

@media only screen and (max-width: 992px) {
  .section-beginners {
    padding-bottom: 0;
  }
}

.section-beginners .section-beginners__inner {
  max-width: 1000px;
  margin: auto;
}

.section-beginners .section-beginners__inner .js-slider-nav {
  max-width: 850px;
  margin: 0 auto 20px;
}

@media only screen and (max-width: 992px) {
  .section-beginners .section-beginners__inner .js-slider-nav {
    margin: 20px 15px 10px;
  }
}

.section-beginners .section-beginners__inner .js-slider-nav .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .section-beginners .section-beginners__inner .js-slider-nav .slick-track {
    display: block;
  }
}

.section-beginners .section-beginners__inner .js-slider-nav ul li {
  text-align: center;
  font-size: 16px;
  line-height: 1.8;
  width: auto !important;
  margin-right: 30px;
  position: relative;
  padding-bottom: 10px;
  color: #878787;
  cursor: pointer;
}

@media only screen and (max-width: 992px) {
  .section-beginners .section-beginners__inner .js-slider-nav ul li {
    font-size: 13px;
    margin-right: 15px;
  }
}

.section-beginners .section-beginners__inner .js-slider-nav ul li.slick-current {
  color: #000;
}

.section-beginners .section-beginners__inner .js-slider-nav ul li:last-child {
  margin-right: 0 !important;
}

.section-beginners .section-beginners__inner .js-slider-nav ul li:after {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom: 2px solid #878787;
}

.section-beginners .section-beginners__inner .js-slider-nav ul li.slick-current:after {
  border-bottom-color: #000;
}

.section-beginners .section-beginners__inner .js-slider-for ul .sliderItem {
  position: relative;
  display: block;
  height: 600px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .section-beginners .section-beginners__inner .js-slider-for ul .sliderItem {
    height: auto;
    padding: 0 15px;
  }
}

.section-beginners .section-beginners__inner .js-slider-for ul .sliderItem .ui-wapper {
  position: absolute;
  top: 50%;
  left: 460px;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media only screen and (max-width: 992px) {
  .section-beginners .section-beginners__inner .js-slider-for ul .sliderItem .ui-wapper {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: static;
    margin-top: 25px;
    text-align: center;
  }
}

.section-beginners .section-beginners__inner .js-slider-for ul .sliderItem .ui-wapper .ui-title {
  position: relative;
  margin-bottom: 35px;
}

@media only screen and (max-width: 992px) {
  .section-beginners .section-beginners__inner .js-slider-for ul .sliderItem .ui-wapper .ui-title {
    margin-bottom: 20px;
    padding: 0 5px;
    text-align: center;
    display: inline-block;
  }
}

.section-beginners .section-beginners__inner .js-slider-for ul .sliderItem .ui-wapper .ui-title img {
  position: absolute;
  top: -12px;
  left: 0;
  display: block;
}

@media only screen and (max-width: 992px) {
  .section-beginners .section-beginners__inner .js-slider-for ul .sliderItem .ui-wapper .ui-title img {
    transform: translate(0, -50%) !important;
    top: 50%;
    left: -50px;
    width: 50px;
  }
}

.section-beginners .section-beginners__inner .js-slider-for ul .sliderItem .ui-wapper .ui-title p {
  display: table-cell;
  height: 70px;
  padding-left: 100px;
  font-size: 28px;
  color: #009EE1;
  font-weight: bold;
  line-height: 1.3em;
  vertical-align: middle;
}

@media only screen and (max-width: 992px) {
  .section-beginners .section-beginners__inner .js-slider-for ul .sliderItem .ui-wapper .ui-title p {
    height: 45px;
    padding-top: 7px;
    padding-left: 0;
    font-size: 17px;
  }
}

.section-beginners .section-beginners__inner .js-slider-for ul .sliderItem .ui-image {
  position: absolute;
  top: 50px;
  left: 100px;
}

@media only screen and (max-width: 992px) {
  .section-beginners .section-beginners__inner .js-slider-for ul .sliderItem .ui-image {
    display: block;
    position: static;
    margin-bottom: 15px;
    left: 0;
    text-align: center;
  }
}

.section-beginners .section-beginners__inner .js-slider-for ul .sliderItem .ui-image img {
  display: inline;
  max-width: 276px;
}

@media only screen and (max-width: 992px) {
  .section-beginners .section-beginners__inner .js-slider-for ul .sliderItem .ui-image img {
    width: 180px;
  }
}

.section-beginners .section-beginners__inner .js-slider-for ul .sliderItem .ui-text {
  padding-left: 15px;
  font-size: 17px;
  line-height: 1.8em;
}

@media only screen and (max-width: 992px) {
  .section-beginners .section-beginners__inner .js-slider-for ul .sliderItem .ui-text {
    padding: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.6;
    background: #EFEFF3;
  }
}

.section-beginners .section-beginners__inner .js-slider-for .prev {
  position: absolute;
  top: 50%;
  left: -80px;
  cursor: pointer;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 40px;
  color: #4d4d4d;
  text-decoration: none;
  z-index: 5000;
}

.section-beginners .section-beginners__inner .js-slider-for .prev:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .section-beginners .section-beginners__inner .js-slider-for .prev {
    top: 35%;
    left: 15px;
    font-size: 30px;
  }
}

.section-beginners .section-beginners__inner .js-slider-for .next {
  position: absolute;
  top: 50%;
  right: -80px;
  cursor: pointer;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 40px;
  color: #4d4d4d;
  text-decoration: none;
  z-index: 5000;
}

.section-beginners .section-beginners__inner .js-slider-for .next:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .section-beginners .section-beginners__inner .js-slider-for .next {
    top: 35%;
    right: 15px;
    font-size: 30px;
  }
}

.section-beginners .section-beginners__inner .js-slider-for .slick-dots {
  text-align: center;
}

.section-beginners .section-beginners__inner .js-slider-for .slick-dots li {
  display: inline-block;
  margin: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.section-beginners .section-beginners__inner .js-slider-for .slick-dots li button {
  display: block;
  width: 18px;
  height: 18px;
  border: none;
  padding: 0;
  -webkit-border-radius: 100% 100% 100% 100%;
  -moz-border-radius: 100% 100% 100% 100%;
  border-radius: 100% 100% 100% 100%;
  background: #e8e8e8;
  text-indent: -9999px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .section-beginners .section-beginners__inner .js-slider-for .slick-dots li button {
    width: 10px;
    height: 10px;
  }
}

.section-beginners .section-beginners__inner .js-slider-for .slick-dots li.slick-active button {
  background: #666666;
}

body:before {
  background: #fff !important;
}

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

.modalOpen-JS {
  display: none;
}

@media only screen and (max-width: 992px) {
  .modalOpen-JS {
    display: block;
  }
}

@media only screen and (max-width: 992px) {
  .modalOpen-JS .movieImage {
    width: 100%;
    height: auto;
  }
}

.wrapper--bg {
  position: relative;
  background: url(img/section_bg02.png) center top no-repeat;
  background-size: cover;
  z-index: 10;
}

.ibankStart {
  position: relative;
  height: auto;
  padding-top: 70px;
  padding-bottom: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .ibankStart {
    height: auto;
    padding: 30px 15px;
  }
}

.ibankStart h2 {
  margin-bottom: 40px;
  text-align: center;
}

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

@media only screen and (max-width: 992px) {
  .ibankStart h2 img {
    width: 200px;
    height: auto;
  }
}

.ibankStart p {
  font-size: 18px;
  line-height: 1.8em;
  text-align: center;
  color: #fff;
}

@media only screen and (max-width: 992px) {
  .ibankStart p {
    font-size: 14px;
    line-height: 1.5em;
  }
}

.section-mainFinancial {
  background: #e2f1f7;
  border-bottom: 1px solid #fff;
  padding: 40px 0;
}

@media only screen and (max-width: 992px) {
  .section-mainFinancial {
    border-bottom-width: 0;
    padding: 20px 0;
  }
}

.section-mainFinancial .section-mainFinancial__inner {
  max-width: 1000px;
  margin: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media only screen and (max-width: 992px) {
  .section-mainFinancial .section-mainFinancial__inner {
    flex-direction: column;
  }
}

.section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__heading {
  width: calc(100% - 860px);
  margin-right: 60px;
  text-align: center;
  color: #009EE1;
  font-size: 18px;
}

@media only screen and (max-width: 992px) {
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__heading {
    width: 100%;
    max-width: 120px;
    margin: 0 auto 20px;
  }
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__heading p {
    font-size: 13px;
    color: #009EE1;
    border: 1px solid #009EE1;
    padding: 8px 6px;
    border-radius: 6px;
  }
}

.section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__body {
  max-width: 800px;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__body {
    max-width: 580px;
    width: 90%;
    margin: auto;
  }
}

@media only screen and (max-width: 768px) {
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__body {
    max-width: 290px;
  }
}

.section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList {
    max-width: 290px;
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
}

.section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li {
  width: calc((100% - 11px * (3 - 1)) / 3 - 0.1px);
  margin-right: 11px;
  margin-top: 10px;
  border: 1px solid #ddd;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 52px;
}

.section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li:nth-child(3n + 0) {
  margin-right: 0;
}

.section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li:nth-child(1) {
  margin-top: 0;
}

.section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li:nth-child(2) {
  margin-top: 0;
}

.section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li:nth-child(3) {
  margin-top: 0;
}

@media only screen and (max-width: 992px) {
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li {
    width: calc((100% - 0px * (3 - 1)) / 3 - 0.1px);
    margin-right: 0px;
    margin-top: 0px;
    border-top-width: 0;
    border-left-width: 0;
  }
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li:nth-child(3n + 0) {
    margin-right: 0;
  }
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li:nth-child(1) {
    margin-top: 0;
  }
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li:nth-child(2) {
    margin-top: 0;
  }
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li:nth-child(3) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li {
    height: 28px;
  }
}

.section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li a {
  padding: 5px 5px;
  display: block;
  margin: auto;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li a {
    padding: 0;
  }
}

.section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li img {
  max-width: 115px;
  max-height: 24px;
  margin: auto;
  display: block;
}

.section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li .is-large {
  max-width: 151px;
}

@media only screen and (max-width: 768px) {
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li .is-large {
    max-width: 89px;
  }
}

.section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li .is-small {
  max-height: 36px;
  max-width: 120px;
}

@media only screen and (max-width: 768px) {
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li .is-small {
    max-height: 18px;
  }
}

.section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li img.-height-s {
  max-height: 21px;
}

@media only screen and (max-width: 768px) {
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li img.-height-s {
    max-height: 12px;
  }
}

@media only screen and (max-width: 992px) {
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li img {
    max-width: 100px;
  }
}

@media only screen and (max-width: 768px) {
  .section-mainFinancial .section-mainFinancial__inner .section-mainFinancial__institutionList li img {
    max-width: 66px;
    max-height: 14px;
  }
}

.section-mainFinancial__notice {
  font-size: 11px;
  margin-top: 8px;
  color: #8c8c8c;
}

.greeting {
  position: relative;
  padding: 80px 0;
  background: #EFEFF3;
  z-index: 100;
}

@media only screen and (max-width: 992px) {
  .greeting {
    padding: 40px 0;
  }
}

.greeting .contentInner {
  width: 900px !important;
  margin: 0 auto;
}

@media only screen and (max-width: 992px) {
  .greeting .contentInner {
    width: 100% !important;
  }
}

.greeting .contentInner .content-title {
  margin-bottom: 60px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .greeting .contentInner .content-title {
    margin-bottom: 30px;
  }
}

.greeting .contentInner .content-title h2 {
  position: relative;
  display: inline-block;
  font-size: 36px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .greeting .contentInner .content-title h2 {
    font-size: 24px;
  }
}

.greeting .contentInner .content-title h2:after {
  position: absolute;
  right: -120px;
  top: 12px;
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: #000000;
}

@media only screen and (max-width: 992px) {
  .greeting .contentInner .content-title h2:after {
    right: -80px;
    width: 60px;
  }
}

.greeting .contentInner .content-title h2:before {
  position: absolute;
  left: -120px;
  top: 12px;
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: #000000;
}

@media only screen and (max-width: 992px) {
  .greeting .contentInner .content-title h2:before {
    left: -80px;
    width: 60px;
  }
}

@media only screen and (max-width: 992px) {
  .greeting .contentInner .contentBox {
    padding: 0 15px;
  }
}

.greeting .contentInner .contentBox .ui-text {
  margin-bottom: 25px;
  font-size: 16px;
}

.greeting .contentInner .contentBox .ui-wrapper {
  text-align: right;
}

@media only screen and (max-width: 992px) {
  .greeting .contentInner .contentBox .ui-wrapper {
    text-align: center;
  }
}

.greeting .contentInner .contentBox .ui-wrapper .ui-rigth {
  float: right;
}

@media only screen and (max-width: 992px) {
  .greeting .contentInner .contentBox .ui-wrapper .ui-rigth {
    float: none;
  }
}

.greeting .contentInner .contentBox .ui-wrapper .ui-left {
  float: right;
  padding: 146px 25px 0 0;
}

.greeting .contentInner .contentBox .ui-wrapper .ui-left p:first-child {
  padding: 0 103px 10px 0;
}

@media only screen and (max-width: 992px) {
  .greeting .contentInner .contentBox .ui-wrapper .ui-left p:first-child {
    padding: 0;
  }
}

@media only screen and (max-width: 992px) {
  .greeting .contentInner .contentBox .ui-wrapper .ui-left {
    float: none;
    padding: 10px 0;
  }
}

.greeting .contentInner .contentBox .ui-wrapper .ui-left img {
  height: 38px;
}

@media only screen and (max-width: 992px) {
  .greeting .contentInner .contentBox .ui-wrapper .ui-left img {
    height: 30px;
  }
}

.section-mainLocal-nav {
  padding: 20px;
}

@media only screen and (max-width: 992px) {
  .section-mainLocal-nav {
    padding: 15px 0 30px;
  }
}

.section-mainLocal-nav .section-mainLocal-nav__inner {
  max-width: 1000px;
  margin: auto;
}

.section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 992px) {
  .section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items {
    align-items: end;
  }
}

.section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items li {
  text-align: center;
  width: calc((100% - 0px * (3 - 1)) / 3 - 0.1px);
  margin-right: 0px;
  margin-top: 0px;
}

.section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items li:nth-child(3n + 0) {
  margin-right: 0;
}

.section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items li:nth-child(1) {
  margin-top: 0;
}

.section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items li:nth-child(2) {
  margin-top: 0;
}

.section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items li:nth-child(3) {
  margin-top: 0;
}

.section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items li .is-sp__show {
  display: none;
}

@media only screen and (max-width: 992px) {
  .section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items li .is-sp__show {
    display: block;
  }
}

.section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items li a {
  position: relative;
  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;
  width: 100%;
  height: 50px;
  padding-bottom: 20px;
  font-size: 20px;
  color: #000;
}

@media only screen and (max-width: 992px) {
  .section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items li a {
    font-size: 13px;
    padding: 14px 0 20px;
  }
  .section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items li:first-child a {
    line-height: 1.6;
    padding: 0 0 20px;
  }
}

.section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items li a:hover {
  text-decoration: none;
}

.section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items li a:before {
  font-family: "myfont";
  content: '\EA07';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  font-size: 10px;
  color: #009EE1;
}

@media only screen and (min-width: 993px) {
  .section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items li a:hover:before {
    animation: arrow_up_down 1s infinite;
  }
}

.section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items li a:after {
  content: '';
  position: absolute;
  top: 10px;
  right: 0;
  width: 1px;
  height: 30px;
  background: #ccc;
  display: block;
}

.section-mainLocal-nav .section-mainLocal-nav__inner .section-mainLocal-nav__items li:last-child a:after {
  display: none;
}

.mainVisual-app {
  position: relative;
  height: 680px;
  padding-top: 90px;
  background: url(img/bg_blue.png) center top no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .mainVisual-app {
    height: auto;
    padding-top: 30px;
  }
}

.mainVisual-app:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 120px;
  background: rgba(20, 92, 161, 0.5);
}

.mainVisual-app .mainVisualInner {
  position: relative;
  width: 1370px;
  height: 100%;
  margin: 0 auto;
  padding: 110px 40px 0 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mainVisual-app .mainVisualInner.banner-on {
  padding: 10px 40px 0 40px;
}

@media only screen and (max-width: 1370px) {
  .mainVisual-app .mainVisualInner {
    width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner {
    padding: 0 15px;
  }
}

.mainVisual-app .mainVisualInner .appName-area {
  margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .appName-area {
    margin-bottom: 15px;
  }
}

.mainVisual-app .mainVisualInner .appName-area .appName-area-mainText {
  margin-bottom: 25px;
  font-size: 25px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 3px;
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .appName-area .appName-area-mainText {
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
    line-height: 1.2em;
  }
}

.mainVisual-app .mainVisualInner .appName-area .appName-area-mainText br {
  display: none;
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .appName-area .appName-area-mainText br {
    display: block;
  }
}

.mainVisual-app .mainVisualInner .appName-area .appName-area-logo {
  position: relative;
  width: 500px;
}

@media only screen and (max-width: 1370px) {
  .mainVisual-app .mainVisualInner .appName-area .appName-area-logo {
    width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .appName-area .appName-area-logo {
    text-align: center;
  }
}

.mainVisual-app .mainVisualInner .appName-area .appName-area-logo h1 {
  display: inline-block;
  padding-top: 10px;
  vertical-align: top;
}

.mainVisual-app .mainVisualInner .appName-area .appName-area-logo h1 p {
  margin-top: 15px;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .appName-area .appName-area-logo h1 p {
    margin-top: 5px;
    font-size: 16px;
  }
}

.mainVisual-app .mainVisualInner .appName-area .appName-area-logo h1 .icon--wallet {
  margin-bottom: 20px;
  font-size: 72px;
  color: #fff;
  text-indent: 0;
}

.mainVisual-app .mainVisualInner .appName-area .appName-area-logo h1 .icon--wallet:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .appName-area .appName-area-logo h1 .icon--wallet {
    font-size: 36px;
  }
}

.mainVisual-app .mainVisualInner .appName-area .appName-area-logo .icon--walletApp {
  position: static;
  display: inline-block;
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .appName-area .appName-area-logo .icon--walletApp {
    position: static;
    display: inline-block;
  }
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .appName-area .appName-area-logo .icon--walletApp img {
    width: 80px;
    height: 80px;
  }
}

.mainVisual-app .mainVisualInner .officialApp {
  margin-bottom: 30px;
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .officialApp {
    text-align: center;
  }
}

.mainVisual-app .mainVisualInner .officialApp img {
  margin-right: 15px;
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .officialApp img {
    height: 18px;
  }
}

.mainVisual-app .mainVisualInner .officialApp span {
  font-size: 16px;
  color: #fff;
  line-height: 1em;
  vertical-align: -2px;
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .officialApp span {
    font-size: 14px;
    vertical-align: -4px;
  }
}

.mainVisual-app .mainVisualInner .appDetailBtn {
  display: inline-block;
  margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .appDetailBtn {
    display: block;
    margin-bottom: 20px;
    text-align: center;
  }
}

.mainVisual-app .mainVisualInner .appDetailBtn a {
  display: block;
  padding: 15px 50px 13px 50px;
  background: #FF7F24;
  -webkit-border-radius: 22px 22px 22px 22px;
  -moz-border-radius: 22px 22px 22px 22px;
  border-radius: 22px 22px 22px 22px;
  font-size: 18px;
  color: #fff;
  line-height: 1em;
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .appDetailBtn a {
    display: inline-block;
    padding: 15px 20px 13px 20px;
    font-size: 16px;
  }
}

.mainVisual-app .mainVisualInner .appDetailBtn a:hover {
  text-decoration: none;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .banner {
    margin-bottom: 20px;
    text-align: center;
  }
  .mainVisual-app .mainVisualInner .banner img {
    max-width: 82%;
    height: auto;
  }
}

.mainVisual-app .mainVisualInner .dlLink {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 30px 40px;
  font-size: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .dlLink {
    position: static;
    padding: 0;
    text-align: center;
  }
}

.mainVisual-app .mainVisualInner .dlLink li {
  display: inline-block;
  margin-right: 15px;
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .dlLink li {
    margin-right: 0;
    margin-bottom: 30px;
    margin: 0 10px 15px 10px;
  }
}

.mainVisual-app .mainVisualInner .dlLink li a img {
  height: 60px;
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisualInner .dlLink li a img {
    height: 50px;
  }
}

.mainVisual-app .mainVisual-image {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 40%;
  text-align: right;
  z-index: -1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 1024px) {
  .mainVisual-app .mainVisual-image {
    left: 35%;
  }
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisual-image {
    display: none;
    max-width: 350px;
    height: 350px;
    position: static;
    padding-left: 0;
    margin: 15px auto 0 auto;
    overflow: hidden;
  }
}

.mainVisual-app .mainVisual-image .mainVisual-imageInner {
  position: relative;
  height: 100%;
  text-align: right;
}

.mainVisual-app .mainVisual-image .mainVisual-imageInner span.mainVisual-image-01 {
  position: absolute;
  bottom: 0;
  right: 20px;
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisual-image .mainVisual-imageInner span.mainVisual-image-01 {
    display: none;
  }
}

.mainVisual-app .mainVisual-image .mainVisual-imageInner span.mainVisual-image-01 img {
  width: 100%;
}

.mainVisual-app .mainVisual-image .mainVisual-imageInner span.mainVisual-image-02 {
  position: absolute;
  bottom: -70px;
  right: 400px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

@media only screen and (max-width: 1200px) {
  .mainVisual-app .mainVisual-image .mainVisual-imageInner span.mainVisual-image-02 {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .mainVisual-app .mainVisual-image .mainVisual-imageInner span.mainVisual-image-02 {
    position: static;
    display: block;
  }
}

.mainVisual-app .mainVisual-image .mainVisual-imageInner span.mainVisual-image-02 img {
  width: 100%;
}

.section-movie {
  padding: 80px 0;
}

@media only screen and (max-width: 992px) {
  .section-movie {
    padding: 40px 15px;
  }
}

.section-movie .sectionTitle h2 {
  position: relative;
}

.section-movie .sectionTitle h2 br {
  display: none;
}

@media only screen and (max-width: 992px) {
  .section-movie .sectionTitle h2 br {
    display: block;
  }
}

.section-movie .contentBox {
  width: 1000px;
  margin: 0 auto;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.section-movie .contentBox .modalOpen-JS,
.section-movie .contentBox .movieContent {
  display: block;
  background: #ddd;
  cursor: pointer;
}

.section-movie .contentBox .modalOpen-JS img,
.section-movie .contentBox .movieContent img {
  width: 100%;
}

.section-movie .contentBox .modalOpen-JS:hover,
.section-movie .contentBox .movieContent:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

@media only screen and (max-width: 992px) {
  .section-movie .contentBox {
    width: 100%;
    padding: 0;
    background: none;
  }
}

.section-movie .contentBox .ui-title {
  margin-bottom: 30px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .section-movie .contentBox .ui-title {
    margin-bottom: 20px;
  }
}

.section-movie .contentBox .ui-title span {
  font-size: 40px;
  color: #009EE1;
  font-weight: bold;
  vertical-align: -3px;
}

@media only screen and (max-width: 992px) {
  .section-movie .contentBox .ui-title span {
    font-size: 28px;
  }
}

.section-movie .contentBox .ui-title .icon--wallet {
  margin: 0 20px;
  font-size: 44px;
  color: #009EE1;
}

.section-movie .contentBox .ui-title .icon--wallet:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .section-movie .contentBox .ui-title .icon--wallet {
    margin: 0 10px;
    font-size: 26px;
  }
}

.section-movie .contentBox .ui-title .icon--debit {
  margin-right: 10px;
  font-size: 44px;
  color: #009EE1;
}

.section-movie .contentBox .ui-title .icon--debit:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .section-movie .contentBox .ui-title .icon--debit {
    margin: 0 10px;
    font-size: 26px;
  }
}

.section-movie .contentBox .ui-left {
  float: left;
  width: 450px;
}

@media only screen and (max-width: 992px) {
  .section-movie .contentBox .ui-left {
    float: none;
    width: 100%;
    margin-bottom: 40px;
  }
}

.section-movie .contentBox .ui-right {
  float: right;
  width: 450px;
}

@media only screen and (max-width: 992px) {
  .section-movie .contentBox .ui-right {
    float: none;
    width: 100%;
  }
}

#globalNav #menuBtn {
  display: none;
  position: fixed;
  top: 20px;
  right: 3%;
  color: #fff;
  z-index: 9000;
  cursor: pointer;
}

@media only screen and (max-width: 992px) {
  #globalNav #menuBtn {
    display: block;
    top: 0;
    right: 1%;
  }
}

#globalNav nav {
  position: fixed;
  top: 40px;
  right: 2%;
  z-index: 9900;
  transition: all 0.3s;
}

.scrolled #globalNav nav {
  top: 24px;
}

@media only screen and (max-width: 992px) {
  #globalNav nav {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: #009EE1;
    z-index: 8000;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transition: all 0s;
  }
}

@media only screen and (max-width: 992px) {
  #globalNav nav #globalNavContents {
    position: relative;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    padding-top: 120px;
    background: #009EE1;
    z-index: 8000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 50px;
  }
}

#globalNav nav #globalNavContents ul {
  font-size: 0;
}

@media only screen and (max-width: 992px) {
  #globalNav nav #globalNavContents ul {
    display: block;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-top: 20px;
    padding: 0 15px;
  }
}

#globalNav nav #globalNavContents ul li {
  display: inline-block;
  margin: 0 20px;
}

@media only screen and (max-width: 992px) {
  #globalNav nav #globalNavContents ul li {
    display: block;
  }
}

#globalNav nav #globalNavContents ul li a {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  transition: all 0.3s;
}

.scrolled #globalNav nav #globalNavContents ul li a {
  color: #000;
}

@media only screen and (max-width: 992px) {
  #globalNav nav #globalNavContents ul li a {
    transition: all 0.5s;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    color: #009EE1;
    line-height: 1em;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    padding: 15px 15px;
    font-size: 15px;
  }
}

#globalNav nav #globalNavContents ul li a:hover {
  text-decoration: none;
}

#globalNav span {
  width: 24px;
  height: 3px;
  display: block;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -1.5px;
  transition: 0.3s background !important;
}

.scrolled #globalNav span {
  background: #000;
}

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

#menuBtn span {
  transition: 0.5s all;
}

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

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

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

#globalNav.is-close #menuBtn .middle {
  transition: 0.5s opacity;
}

#globalNav.is-close #menuBtn .top {
  animation: type6-top 0.5s;
}

#globalNav.is-close #menuBtn .bottom {
  animation: type6-bottom 0.5s;
}

#globalNav.is-open #menuBtn .middle {
  opacity: 0;
  transition: 0.5s opacity;
}

#globalNav.is-open #menuBtn .top {
  animation: type6-top-close 0.5s;
  animation-fill-mode: forwards;
}

#globalNav.is-open #menuBtn .bottom {
  animation: type6-bottom-close 0.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(-8px) rotate(0deg);
  }
  50% {
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    transform: translateY(0px) rotate(-45deg);
  }
}

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

.mainHeader {
  background: url(img/bg_blue.png) center top no-repeat;
  background-size: cover;
}

.mainHeader .inner {
  position: relative;
  max-width: 1300px;
  height: 700px;
  padding: 160px 30px 0 30px;
  margin: 0 auto;
}

@media only screen and (max-width: 992px) {
  .mainHeader .inner {
    height: auto;
    padding: 60px 15px 0 15px;
  }
}

.mainHeader .inner .content {
  position: relative;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: left;
  align-items: left;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  z-index: 10;
}

@media only screen and (max-width: 992px) {
  .mainHeader .inner .content {
    text-align: center;
    position: static;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-align-items: center;
    align-items: center;
    padding-left: 0;
  }
}

.mainHeader .inner .content .mainText {
  margin-bottom: 30px;
  font-size: 23px;
  font-weight: bold;
  letter-spacing: 7.7px;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .mainHeader .inner .content .mainText {
    margin-bottom: 15px;
    font-size: 11px;
    letter-spacing: 3.8px;
  }
}

.mainHeader .inner .content .appName {
  -ms-transform: translate(0, -26%);
  -webkit-transform: translate(0, -26%);
  transform: translate(0, -26%);
}

@media only screen and (max-width: 768px) {
  .mainHeader .inner .content .appName {
    -ms-transform: translate(0, -10%);
    -webkit-transform: translate(0, -10%);
    transform: translate(0, -10%);
  }
}

.mainHeader .inner .content .appName .logo {
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  .mainHeader .inner .content .appName .logo {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
  }
}

.mainHeader .inner .content .appName .logo h1 {
  display: inline-block;
  vertical-align: middle;
  margin-right: 35px;
}

@media only screen and (max-width: 768px) {
  .mainHeader .inner .content .appName .logo h1 {
    margin-right: 17px;
  }
}

.mainHeader .inner .content .appName .logo h1 .logo-wallter {
  position: relative;
  display: inline-block;
  width: 347px;
  height: 76px;
  margin-top: 5px;
}

@media only screen and (max-width: 768px) {
  .mainHeader .inner .content .appName .logo h1 .logo-wallter {
    width: 170px;
    height: 37px;
    margin-top: 2px;
  }
}

.mainHeader .inner .content .appName .logo h1 p {
  margin-top: 35px;
  color: #fff;
  font-size: 20px;
  font-weight: 200;
  text-align: center;
  padding-left: 3px;
}

@media only screen and (max-width: 768px) {
  .mainHeader .inner .content .appName .logo h1 p {
    margin-top: 17px;
    font-size: 10px;
  }
}

.mainHeader .inner .content .appName .logo .icon {
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  .mainHeader .inner .content .appName .logo .icon img {
    width: 66px;
    height: auto;
  }
}

.mainHeader .inner .content .appName .companyLogo {
  font-size: 0;
  width: 510px;
  padding: 4px 0 4px 3px;
  background-color: #fff;
}

@media only screen and (max-width: 768px) {
  .mainHeader .inner .content .appName .companyLogo {
    width: 200px;
    margin: 0 auto;
    padding: 4px 4px 0;
  }
}

.mainHeader .inner .content .appName .companyLogo .item {
  display: inline-block;
  padding: 0 9px;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  .mainHeader .inner .content .appName .companyLogo .item {
    padding: 0 10px 4px;
  }
}

.mainHeader .inner .content .appName .companyLogo .item .fukuoka_logo img {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 16px;
}

@media only screen and (max-width: 768px) {
  .mainHeader .inner .content .appName .companyLogo .item .fukuoka_logo img {
    width: 68px;
    height: 10px;
  }
}

.mainHeader .inner .content .appName .companyLogo .item .kumamoto_logo img {
  position: relative;
  display: inline-block;
  width: 107px;
  height: 16px;
}

@media only screen and (max-width: 768px) {
  .mainHeader .inner .content .appName .companyLogo .item .kumamoto_logo img {
    width: 66px;
    height: 10px;
  }
}

.mainHeader .inner .content .appName .companyLogo .item .shinwa_logo img {
  position: relative;
  display: inline-block;
  width: 104px;
  height: 20px;
}

@media only screen and (max-width: 768px) {
  .mainHeader .inner .content .appName .companyLogo .item .shinwa_logo img {
    width: 64px;
    height: 12px;
  }
}

.mainHeader .inner .content .appName .companyLogo .item .okinawa_logo img {
  position: relative;
  display: inline-block;
  width: 108px;
  height: 16px;
}

@media only screen and (max-width: 768px) {
  .mainHeader .inner .content .appName .companyLogo .item .okinawa_logo img {
    width: 67px;
    height: 10px;
  }
}

.mainHeader .inner .content .dlLinks .item {
  display: inline-block;
  margin-right: 15px;
}

@media only screen and (max-width: 992px) {
  .mainHeader .inner .content .dlLinks .item {
    margin-right: 0;
    margin-bottom: 30px;
    margin: 0 10px 15px 10px;
  }
}

@media only screen and (max-width: 992px) and (max-width: 768px) {
  .mainHeader .inner .content .dlLinks .item {
    margin-bottom: 0;
  }
}

.mainHeader .inner .content .dlLinks .item a img {
  height: 50px;
}

@media only screen and (max-width: 992px) {
  .mainHeader .inner .content .dlLinks .item a img {
    height: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .mainHeader .inner .content .dlLinks .item a img {
    height: 36px;
  }
}

.mainHeader .inner .banner {
  width: 500px;
  z-index: 1000;
}

@media only screen and (max-width: 992px) {
  .mainHeader .inner .banner {
    display: none;
    margin-top: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .mainHeader .inner .banner {
    margin-top: 40px;
    width: 260px;
  }
}

.mainHeader .inner .banner a img {
  width: 100%;
  height: auto;
}

.mainHeader .inner .mainVisual-image {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 56%;
  text-align: right;
  z-index: -1;
}

@media only screen and (max-width: 992px) {
  .mainHeader .inner .mainVisual-image {
    max-width: 350px;
    height: 148px;
    padding-right: 0;
    margin: -10px auto 0 auto;
    overflow: hidden;
    text-align: center;
    position: static;
  }
}

.mainHeader .inner .mainVisual-image .mainVisual-imageInner {
  position: relative;
  height: 100%;
  text-align: right;
}

.mainHeader .inner .mainVisual-image .mainVisual-imageInner span.mainVisual-image-01 {
  position: absolute;
  bottom: 0;
  left: 0;
}

@media only screen and (max-width: 992px) {
  .mainHeader .inner .mainVisual-image .mainVisual-imageInner span.mainVisual-image-01 {
    bottom: 0px;
    left: -10px;
    max-width: 223px;
    -ms-transform: translate(75px, 0);
    -webkit-transform: translate(75px, 0);
    transform: translate(75px, 0);
  }
}

@media only screen and (max-width: 320px) {
  .mainHeader .inner .mainVisual-image .mainVisual-imageInner span.mainVisual-image-01 {
    -ms-transform: translate(45px, 0);
    -webkit-transform: translate(45px, 0);
    transform: translate(45px, 0);
  }
}

.mainHeader .inner .mainVisual-image .mainVisual-imageInner span.mainVisual-image-01 img {
  max-width: 100%;
}

.mainHeader .inner .mainVisual-image .mainVisual-imageInner span.mainVisual-image-02 {
  position: absolute;
  bottom: 0;
  right: 5%;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

@media only screen and (max-width: 1100px) {
  .mainHeader .inner .mainVisual-image .mainVisual-imageInner span.mainVisual-image-02 {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .mainHeader .inner .mainVisual-image .mainVisual-imageInner span.mainVisual-image-02 {
    right: 25%;
    bottom: -40px;
    display: block;
    max-width: 95px;
  }
}

.mainHeader .inner .mainVisual-image .mainVisual-imageInner span.mainVisual-image-02 img {
  max-width: 48%;
}

@media only screen and (max-width: 992px) {
  .mainHeader .inner .mainVisual-image .mainVisual-imageInner span.mainVisual-image-02 img {
    max-width: 89px;
  }
}

.news {
  position: relative;
  padding: 80px 0;
  background: #fff;
  z-index: 100;
}

@media only screen and (max-width: 992px) {
  .news {
    padding: 40px 0;
  }
}

.news .newsTitle {
  margin-bottom: 40px;
  border-bottom: solid 1px #CCCCCC;
}

@media only screen and (max-width: 992px) {
  .news .newsTitle {
    margin-bottom: 20px;
  }
}

.news .newsTitle .newsTitleInner {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 30px;
}

@media only screen and (max-width: 992px) {
  .news .newsTitle .newsTitleInner {
    width: 100%;
  }
}

.news .newsTitle .newsTitleInner h3 {
  display: inline-block;
  font-size: 30px;
  color: #000;
  padding-left: 25px;
}

@media only screen and (max-width: 992px) {
  .news .newsTitle .newsTitleInner h3 {
    padding: 0 0 0 15px;
    font-size: 24px;
  }
}

.news .newsTitle .newsTitleInner p {
  display: inline-block;
  margin-left: 10px;
  font-size: 13px;
  vertical-align: 6px;
}

.news .newsTitle .newsTitleInner p a {
  color: #818181;
}

.news .newsTitle .newsTitleInner p a i.icon--arrow {
  margin-left: 5px;
  font-size: 12px;
  vertical-align: -1px;
}

.news .newsTitle .newsTitleInner p a i.icon--arrow:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

.news .contentInner .topicsList {
  width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 992px) {
  .news .contentInner .topicsList {
    width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .news .contentInner .topicsList ul {
    padding: 0;
  }
}

.news .contentInner .topicsList ul li {
  line-height: 1.5;
  border-bottom: dotted 1px #CCCCCC;
}

.news .contentInner .topicsList ul li:nth-child(even) {
  background: #EFEFF3;
}

.news .contentInner .topicsList ul li > a,
.news .contentInner .topicsList ul li .inner {
  position: relative;
  font-size: 16px;
  color: #2D2D2D;
  display: block;
  padding: 22px 0 22px 25px;
}

@media only screen and (max-width: 992px) {
  .news .contentInner .topicsList ul li > a,
  .news .contentInner .topicsList ul li .inner {
    padding: 15px 40px 15px 15px;
  }
}

.news .contentInner .topicsList ul li > a time,
.news .contentInner .topicsList ul li .inner time {
  float: left;
  display: block;
  width: 90px;
  margin-right: 2em;
  font-weight: bold;
  overflow: hidden;
}

@media only screen and (max-width: 992px) {
  .news .contentInner .topicsList ul li > a time,
  .news .contentInner .topicsList ul li .inner time {
    margin-right: 1em;
  }
}

.news .contentInner .topicsList ul li > a i,
.news .contentInner .topicsList ul li .inner i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
}

@media only screen and (max-width: 992px) {
  .news .contentInner .topicsList ul li > a i,
  .news .contentInner .topicsList ul li .inner i {
    right: 15px;
  }
}

.news .contentInner .topicsList ul li > a i.icon--arrow02,
.news .contentInner .topicsList ul li .inner i.icon--arrow02 {
  font-size: 28px;
  color: #009EE1;
}

.news .contentInner .topicsList ul li > a i.icon--arrow02:before,
.news .contentInner .topicsList ul li .inner i.icon--arrow02:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

.news .contentInner .topicsList ul li > a:hover,
.news .contentInner .topicsList ul li .inner:hover {
  text-decoration: none;
}

.news .contentInner .topicsList ul li > a:hover span,
.news .contentInner .topicsList ul li .inner:hover span {
  text-decoration: none;
  color: #1D8ADA;
}

.news .contentInner .topicsList ul li > a span,
.news .contentInner .topicsList ul li .inner span {
  display: block;
  overflow: hidden;
}

.news .contentInner .topicsList ul li.link--off > a,
.news .contentInner .topicsList ul li.link--off .inner {
  cursor: default;
}

.news .contentInner .topicsList ul li.link--off > a:hover span,
.news .contentInner .topicsList ul li.link--off .inner:hover span {
  color: #2D2D2D !important;
}

.news .contentInner .topicsList ul li.link--off > a i,
.news .contentInner .topicsList ul li.link--off .inner i {
  display: none;
}

@media only screen and (max-width: 992px) {
  .news .contentInner .detail {
    padding: 0 15px 0 15px;
  }
}

.news .contentInner .button {
  margin-top: 50px;
}

@media only screen and (max-width: 992px) {
  .news .contentInner .button {
    padding: 0 15px;
  }
}

.news .contentInner .button .buttonInner {
  display: block;
  width: 20%;
  margin: 0 auto;
  padding: 8px;
  font-size: 16px;
  font-weight: normal;
}

@media only screen and (max-width: 992px) {
  .news .contentInner .button .buttonInner {
    width: 100%;
  }
}

.news .contentInner .button .buttonInner .icon--arrow {
  font-size: 16px;
}

.section-mainNews {
  padding: 40px 0 50px;
  border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 992px) {
  .section-mainNews {
    padding: 30px 0;
    margin-bottom: 15px;
  }
}

.section-mainNews .section-mainNews__inner {
  max-width: 1000px;
  margin: auto;
  position: relative;
}

.section-mainNews .section-mainNews__inner .section-mainNews__items {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

@media only screen and (max-width: 992px) {
  .section-mainNews .section-mainNews__inner .section-mainNews__items {
    flex-direction: column;
    margin-bottom: 20px;
  }
}

.section-mainNews .section-mainNews__inner .section-mainNews__items .section-mainNews__item:first-child {
  width: calc(100% - 860px);
  margin-right: 60px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .section-mainNews .section-mainNews__inner .section-mainNews__items .section-mainNews__item:first-child {
    width: 100%;
    margin: 0 auto;
  }
}

.section-mainNews .section-mainNews__inner .section-mainNews__items .section-mainNews__item:first-child p {
  color: #000;
  font-size: 18px;
  margin-bottom: 20px;
  -ms-transform: translate(0, 2px);
  -webkit-transform: translate(0, 2px);
  transform: translate(0, 2px);
}

.section-mainNews .section-mainNews__inner .section-mainNews__items .section-mainNews__item:last-child {
  max-width: 800px;
  width: 100%;
}

.section-mainNews .section-mainNews__inner .section-mainNews__button {
  max-width: 150px;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 25px;
}

@media only screen and (max-width: 992px) {
  .section-mainNews .section-mainNews__inner .section-mainNews__button {
    position: static;
    margin: auto;
  }
}

.section-mainNews .section-mainNews__inner .section-mainNews__button a {
  font-size: 16px;
  position: relative;
  padding: 12px 5px;
  border: 1px solid #009EE1;
  border-radius: 4px;
  color: #009EE1;
  display: block;
}

@media only screen and (max-width: 992px) {
  .section-mainNews .section-mainNews__inner .section-mainNews__button a {
    font-size: 14px;
    padding: 6px 5px;
  }
}

.section-mainNews .section-mainNews__inner .section-mainNews__button a:hover {
  text-decoration: none;
}

.section-mainNews .section-mainNews__inner .section-mainNews__button a:after {
  content: '\EA06';
  font-family: 'myfont';
  position: absolute;
  right: 15px;
  font-size: 15px;
  transition: all .3s;
}

.section-mainNews .section-mainNews__inner .section-mainNews__button a:hover:after {
  right: 10px;
}

@media only screen and (max-width: 992px) {
  .section-mainNews .section-mainNews__inner .section-mainNews__button a:after {
    font-size: 12px;
    top: 50%;
    right: 35px;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.section-mainNews .c-newsList .c-newsList__item {
  border-bottom-width: 0;
  margin-bottom: 6px;
}

@media only screen and (max-width: 992px) {
  .section-mainNews .c-newsList .c-newsList__item {
    margin-bottom: 0;
  }
}

.section-mainNews .c-newsList .c-newsList__item:nth-child(n + 4) {
  display: none;
}

.section-mainNews .c-newsList .c-newsList__item:last-child {
  margin-bottom: 0;
}

.section-mainNews .c-newsList .c-newsList__item .c-newsList__itemInner {
  padding: 0;
  cursor: pointer;
}

.section-mainNews .c-newsList .c-newsList__item .c-newsList__itemInner:hover {
  background: none;
}

.section-mainNews .c-newsList .c-newsList__item .c-newsList__itemInner .c-newsList__meta {
  padding-top: 0;
}

.section-mainNews .c-newsList .c-newsList__item .c-newsList__itemInner .c-newsList__title {
  font-size: 14px;
}

.section-mainNews .c-newsList .c-newsList__item .c-newsList__itemInner:hover .c-newsList__title {
  text-decoration: underline;
}

.section-mainNews .c-newsList .c-newsList__item .c-newsList__itemInner .c-newsList__text {
  display: none;
}

.section-pair {
  padding: 80px 0;
}

@media only screen and (max-width: 992px) {
  .section-pair {
    padding: 40px 15px;
  }
}

.section-pair .sectionTitle h2 {
  position: relative;
}

.section-pair .sectionTitle h2 br {
  display: none;
}

@media only screen and (max-width: 992px) {
  .section-pair .sectionTitle h2 br {
    display: block;
  }
}

.section-pair .contentBox {
  width: 1000px;
  padding: 50px 80px;
  margin: 0 auto;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .section-pair .contentBox {
    width: 100%;
    padding: 0;
    background: none;
  }
}

.section-pair .contentBox .ui-title {
  margin-bottom: 30px;
  text-align: center;
}

.section-pair .contentBox .ui-title .icon--debit {
  margin: 0 20px;
  font-size: 44px;
  color: #009EE1;
}

.section-pair .contentBox .ui-title .icon--debit:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .section-pair .contentBox .ui-title .icon--debit {
    margin: 0 10px;
    font-size: 26px;
  }
}

.section-pair .contentBox .ui-title .icon--wallet {
  margin: 0 20px;
  font-size: 44px;
  color: #009EE1;
}

.section-pair .contentBox .ui-title .icon--wallet:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .section-pair .contentBox .ui-title .icon--wallet {
    margin: 0 10px;
    font-size: 26px;
  }
}

.section-pair .contentBox .ui-wrapper .ui-image {
  float: left;
  margin-right: 40px;
}

@media only screen and (max-width: 992px) {
  .section-pair .contentBox .ui-wrapper .ui-image {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

@media only screen and (max-width: 992px) {
  .section-pair .contentBox .ui-wrapper .ui-image img {
    height: 100px;
  }
}

.section-pair .contentBox .ui-wrapper .ui-text {
  font-size: 16px;
}

.serviceLinks {
  position: relative;
  padding: 90px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .serviceLinks {
    height: auto;
    padding: 40px 15px;
  }
}

.serviceLinks h2 {
  margin-bottom: 50px;
  font-size: 50px;
  color: #009be9;
  text-align: center;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .serviceLinks h2 {
    margin-bottom: 30px;
    font-size: 24px;
  }
}

.serviceLinks h2 br {
  display: none;
}

@media only screen and (max-width: 992px) {
  .serviceLinks h2 br {
    display: block;
  }
}

.serviceLinks ul {
  text-align: center;
}

.serviceLinks ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px;
}

@media only screen and (max-width: 992px) {
  .serviceLinks ul li {
    display: block;
    margin: 0 0 20px 0;
    opacity: 1 !important;
    transform: scale(1) !important;
  }
}

.serviceLinks ul li a {
  transition: all 0.6s;
  position: relative;
  display: block;
  width: 260px;
  height: 260px;
  padding-top: 45px;
  background: #fff;
  -webkit-border-radius: 100% 100% 100% 100%;
  -moz-border-radius: 100% 100% 100% 100%;
  border-radius: 100% 100% 100% 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .serviceLinks ul li a {
    width: 100%;
    height: 180px;
    padding-top: 20px;
    border-left: none;
    border-right: none;
    border-bottom: none;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
  }
}

.serviceLinks ul li a:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border: solid 4px #009EE1;
  -webkit-border-radius: 100% 100% 100% 100%;
  -moz-border-radius: 100% 100% 100% 100%;
  border-radius: 100% 100% 100% 100%;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

.serviceLinks ul li a:hover {
  text-decoration: none;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.serviceLinks ul li a:hover:after {
  animation: circle 0.6s;
  animation-fill-mode: forwards;
}

@media only screen and (max-width: 992px) {
  .serviceLinks ul li a:hover:after {
    display: none;
  }
}

@keyframes circle {
  0% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  100% {
    width: 120%;
    height: 120%;
    border: solid 5px #fff;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
}

.serviceLinks ul li a p {
  font-size: 15px;
  color: #009EE1;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .serviceLinks ul li a p {
    font-size: 14px;
  }
}

.serviceLinks ul li a img.logoImage {
  position: absolute;
  top: 52%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 992px) {
  .serviceLinks ul li a img.logoImage {
    width: 120px;
  }
}

.serviceLinks ul li a span.comingSoon {
  position: absolute;
  right: 0;
  bottom: 10px;
}

@media only screen and (max-width: 992px) {
  .serviceLinks ul li a span.comingSoon {
    right: 15px;
  }
}

.serviceLinks ul li a i.month {
  position: absolute;
  right: 0;
  bottom: 10px;
}

.serviceLinks ul li a i.triangle_r-ICON {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.serviceLinks ul li a i.icon--triangle_r {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  font-size: 20px;
}

.serviceLinks ul li a i.icon--triangle_r:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .serviceLinks ul li a i.icon--triangle_r {
    font-size: 16px;
  }
}

.services {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100;
}

@media only screen and (max-width: 992px) {
  .services {
    height: auto !important;
    padding-top: 40px;
  }
}

.services .innerCntent {
  width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 992px) {
  .services .innerCntent {
    width: 100%;
  }
}

.services .innerCntent h2 {
  position: relative;
  margin-bottom: 65px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .services .innerCntent h2 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 992px) {
  .services .innerCntent h2 > img {
    width: 120px;
    height: auto;
  }
}

.services .innerCntent h2 span {
  position: absolute;
  top: -18px;
  right: 26%;
  display: inline-block;
}

@media only screen and (max-width: 992px) {
  .services .innerCntent h2 span {
    position: relative;
    top: 0px;
    left: 0px;
  }
}

.services .innerCntent h2 span img {
  width: 100px;
  height: 100px;
}

@media only screen and (max-width: 992px) {
  .services .innerCntent h2 span img {
    position: absolute;
    top: -34px;
    left: 5px;
    width: 60px;
    height: 60px;
  }
}

.services .innerCntent .col2 .colLeft-UI {
  position: relative;
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.services .innerCntent .col2 .colLeft-UI .title-UI {
  position: relative;
  margin-bottom: 35px;
}

@media only screen and (max-width: 992px) {
  .services .innerCntent .col2 .colLeft-UI .title-UI {
    margin-bottom: 20px;
    padding: 0 15px;
  }
}

.services .innerCntent .col2 .colLeft-UI .title-UI img {
  position: absolute;
  top: -12px;
  left: 0;
}

@media only screen and (max-width: 992px) {
  .services .innerCntent .col2 .colLeft-UI .title-UI img {
    top: -7px;
    left: 15px;
    width: 50px;
  }
}

.services .innerCntent .col2 .colLeft-UI .title-UI h3 {
  padding-left: 100px;
  font-size: 28px;
  color: #009EE1;
  font-weight: bold;
  line-height: 1.3em;
}

@media only screen and (max-width: 992px) {
  .services .innerCntent .col2 .colLeft-UI .title-UI h3 {
    padding-left: 60px;
    font-size: 17px;
  }
}

.services .innerCntent .col2 .colLeft-UI .text-UI {
  padding: 0 15px 0 20px;
}

.services .innerCntent .col2 .colLeft-UI .text-UI p {
  font-size: 16px;
  line-height: 1.8em;
}

@media only screen and (max-width: 992px) {
  .services .innerCntent .col2 .colLeft-UI .text-UI p {
    font-size: 15px;
  }
}

@media only screen and (max-width: 992px) {
  .services .innerCntent .col2 .colLeft-UI {
    float: none;
    width: 100%;
  }
}

.services .innerCntent .col2 .colRight-UI {
  position: relative;
  float: right;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.services .innerCntent .col2 .colRight-UI .title-UI {
  position: relative;
  margin-bottom: 35px;
}

@media only screen and (max-width: 992px) {
  .services .innerCntent .col2 .colRight-UI .title-UI {
    margin-bottom: 20px;
    padding: 0 15px;
  }
}

.services .innerCntent .col2 .colRight-UI .title-UI img {
  position: absolute;
  top: -12px;
  left: 0;
}

@media only screen and (max-width: 992px) {
  .services .innerCntent .col2 .colRight-UI .title-UI img {
    top: -7px;
    left: 15px;
    width: 50px;
  }
}

.services .innerCntent .col2 .colRight-UI .title-UI h3 {
  padding-left: 100px;
  font-size: 28px;
  color: #009EE1;
  font-weight: bold;
  line-height: 1.3em;
}

@media only screen and (max-width: 992px) {
  .services .innerCntent .col2 .colRight-UI .title-UI h3 {
    padding-left: 60px;
    font-size: 17px;
  }
}

.services .innerCntent .col2 .colRight-UI .text-UI {
  padding: 0 15px 0 20px;
}

.services .innerCntent .col2 .colRight-UI .text-UI p {
  font-size: 16px;
  line-height: 1.8em;
}

@media only screen and (max-width: 992px) {
  .services .innerCntent .col2 .colRight-UI .text-UI p {
    font-size: 15px;
  }
}

@media only screen and (max-width: 992px) {
  .services .innerCntent .col2 .colRight-UI {
    float: none;
    width: 100%;
  }
}

.services#service-wallet {
  height: 720px;
  background: url(img/section_bg03.png) left top no-repeat;
  background-size: cover;
  background-color: #fff;
}

@media only screen and (max-width: 992px) {
  .services#service-wallet {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 992px) {
  .services#service-wallet .innerCntent .col2 .colRight-UI {
    width: 300px;
    height: 275px;
    padding-top: 30px;
    margin: 0 auto;
  }
}

.services#service-wallet .innerCntent .col2 .colRight-UI .phone01 {
  position: absolute;
  top: 0;
  left: 40px;
}

@media only screen and (max-width: 992px) {
  .services#service-wallet .innerCntent .col2 .colRight-UI .phone01 {
    top: 30px;
    left: 0;
  }
}

.services#service-wallet .innerCntent .col2 .colRight-UI .phone01 img {
  max-width: 228px;
}

@media only screen and (max-width: 992px) {
  .services#service-wallet .innerCntent .col2 .colRight-UI .phone01 img {
    width: 150px;
  }
}

.services#service-wallet .innerCntent .col2 .colRight-UI .phone02 {
  position: absolute;
  top: 0;
  left: 260px;
}

@media only screen and (max-width: 992px) {
  .services#service-wallet .innerCntent .col2 .colRight-UI .phone02 {
    top: 30px;
    left: 50%;
  }
}

.services#service-wallet .innerCntent .col2 .colRight-UI .phone02 img {
  max-width: 228px;
}

@media only screen and (max-width: 992px) {
  .services#service-wallet .innerCntent .col2 .colRight-UI .phone02 img {
    width: 150px;
  }
}

.services#service-wallet .innerCntent .button {
  margin: 70px 40px 0 40px;
}

@media only screen and (max-width: 992px) {
  .services#service-wallet .innerCntent .button {
    margin: 10px 15px 0 15px;
  }
}

.services#service-mymo {
  height: 730px;
  background: url(img/section_bg02.png) left top no-repeat;
  background-size: cover;
  background-color: #fff;
}

@media only screen and (max-width: 992px) {
  .services#service-mymo {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 992px) {
  .services#service-mymo .innerCntent .col2 .colLeft-UI {
    width: 300px;
    height: 275px;
    padding-top: 30px;
    margin: 0 auto;
  }
}

.services#service-mymo .innerCntent .col2 .colLeft-UI .phone01 {
  position: absolute;
  top: 0;
  left: 20px;
}

@media only screen and (max-width: 992px) {
  .services#service-mymo .innerCntent .col2 .colLeft-UI .phone01 {
    top: 30px;
    left: 0;
  }
}

.services#service-mymo .innerCntent .col2 .colLeft-UI .phone01 img {
  max-width: 228px;
}

@media only screen and (max-width: 992px) {
  .services#service-mymo .innerCntent .col2 .colLeft-UI .phone01 img {
    width: 150px;
  }
}

.services#service-mymo .innerCntent .col2 .colLeft-UI .phone02 {
  position: absolute;
  top: 0;
  left: 240px;
}

@media only screen and (max-width: 992px) {
  .services#service-mymo .innerCntent .col2 .colLeft-UI .phone02 {
    top: 30px;
    left: 50%;
  }
}

.services#service-mymo .innerCntent .col2 .colLeft-UI .phone02 img {
  max-width: 228px;
}

@media only screen and (max-width: 992px) {
  .services#service-mymo .innerCntent .col2 .colLeft-UI .phone02 img {
    width: 150px;
  }
}

.services#service-mymo .innerCntent .button {
  margin: 120px 40px 0 40px;
}

@media only screen and (max-width: 992px) {
  .services#service-mymo .innerCntent .button {
    margin: 10px 15px 0 15px;
  }
}

.services#service-debit {
  background: url(img/section_bg03.png) left top no-repeat;
  background-size: cover;
  background-color: #fff;
}

.services#service-debit .innerCntent .col2 .colLeft-UI .companyLogo {
  font-size: 0;
  margin-top: 10px;
}

.services#service-debit .innerCntent .col2 .colLeft-UI .companyLogo .item {
  display: inline-block;
  margin-right: 25px;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  .services#service-debit .innerCntent .col2 .colLeft-UI .companyLogo .item {
    margin: 0 5px;
  }
}

.services#service-debit .innerCntent .col2 .colLeft-UI .companyLogo .item .svg-fukuoka_bank {
  position: relative;
  display: inline-block;
  width: 119px;
  height: 17px;
}

@media only screen and (max-width: 768px) {
  .services#service-debit .innerCntent .col2 .colLeft-UI .companyLogo .item .svg-fukuoka_bank {
    width: 64px;
    height: 10px;
  }
}

.services#service-debit .innerCntent .col2 .colLeft-UI .companyLogo .item .svg-fukuoka_bank svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.services#service-debit .innerCntent .col2 .colLeft-UI .companyLogo .item .svg-kumamoto_bank {
  position: relative;
  display: inline-block;
  width: 114px;
  height: 17px;
}

@media only screen and (max-width: 768px) {
  .services#service-debit .innerCntent .col2 .colLeft-UI .companyLogo .item .svg-kumamoto_bank {
    width: 64px;
    height: 10px;
  }
}

.services#service-debit .innerCntent .col2 .colLeft-UI .companyLogo .item .svg-kumamoto_bank svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.services#service-debit .innerCntent .col2 .colLeft-UI .companyLogo .item .svg-shinwa_bank {
  position: relative;
  display: inline-block;
  width: 109px;
  height: 21px;
}

@media only screen and (max-width: 768px) {
  .services#service-debit .innerCntent .col2 .colLeft-UI .companyLogo .item .svg-shinwa_bank {
    width: 64px;
    height: 12px;
  }
}

.services#service-debit .innerCntent .col2 .colLeft-UI .companyLogo .item .svg-shinwa_bank svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.services#service-debit .innerCntent .col2 .colLeft-UI .companyLogo .item .svg-juhachishinwa_bank {
  position: relative;
  display: inline-block;
  width: 147px;
  height: 21px;
}

@media only screen and (max-width: 768px) {
  .services#service-debit .innerCntent .col2 .colLeft-UI .companyLogo .item .svg-juhachishinwa_bank {
    width: 84px;
    height: 12px;
  }
}

.services#service-debit .innerCntent .col2 .colLeft-UI .companyLogo .item .svg-juhachishinwa_bank svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 992px) {
  .services#service-debit .innerCntent .col2 .colRight-UI {
    width: 300px;
    height: 225px;
    padding-top: 30px;
    margin: 0 auto;
  }
}

.services#service-debit .innerCntent .col2 .colRight-UI .card {
  position: absolute;
  top: 40px;
  left: 40px;
}

@media only screen and (max-width: 992px) {
  .services#service-debit .innerCntent .col2 .colRight-UI .card {
    left: 15px;
  }
}

@media only screen and (max-width: 992px) {
  .services#service-debit .innerCntent .col2 .colRight-UI .card img {
    width: 270px;
  }
}

.section-servicePickup {
  background: #009EE1;
  padding-top: 60px;
}

@media only screen and (max-width: 992px) {
  .section-servicePickup {
    padding-top: 40px;
  }
}

.section-servicePickup .sectionInner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.section-servicePickup .sectionInner .sectionTitle {
  position: relative;
}

.section-servicePickup .sectionInner .sectionTitle h2 {
  position: relative;
}

@media only screen and (max-width: 992px) {
  .section-servicePickup .sectionInner .sectionTitle h2 {
    margin-bottom: 15px;
  }
}

.section-servicePickup .sectionInner .sectionTitle h2 span {
  display: inline-block;
  margin-right: 10px;
  vertical-align: -9px;
}

@media only screen and (max-width: 992px) {
  .section-servicePickup .sectionInner .sectionTitle h2 span {
    vertical-align: 2px;
  }
}

@media only screen and (max-width: 992px) {
  .section-servicePickup .sectionInner .sectionTitle h2 span img {
    width: 34px;
  }
}

.section-servicePickup .sectionInner .sectionTitle .extraArea {
  position: absolute;
  right: 95px;
  top: -110px;
  width: 164px;
  height: 164px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 2px #009EE1;
  -webkit-border-radius: 82px 82px 82px 82px;
  -moz-border-radius: 82px 82px 82px 82px;
  border-radius: 82px 82px 82px 82px;
}

@media only screen and (max-width: 992px) {
  .section-servicePickup .sectionInner .sectionTitle .extraArea {
    position: static;
    width: auto;
    height: auto;
    background: none;
    padding: 5px 15px;
    margin-bottom: 20px;
    border: none;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
  }
}

.section-servicePickup .sectionInner .sectionTitle .extraArea .extraAreaInner {
  position: relative;
}

@media only screen and (max-width: 992px) {
  .section-servicePickup .sectionInner .sectionTitle .extraArea .extraAreaInner {
    padding: 10px 15px 7px 15px;
    background: #fff;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
  }
}

.section-servicePickup .sectionInner .sectionTitle .extraArea .extraAreaInner:before {
  position: absolute;
  bottom: -35px;
  left: -18px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 50px 25px 0;
  border-color: transparent #ffffff transparent transparent;
  line-height: 0px;
  _border-color: #000000 #ffffff #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  transform: rotate(-30deg);
}

@media only screen and (max-width: 992px) {
  .section-servicePickup .sectionInner .sectionTitle .extraArea .extraAreaInner:before {
    bottom: auto;
    left: 50%;
    top: -12px;
    margin-left: -12px;
    border-width: 10px 17px 10px 0;
  }
}

.section-servicePickup .sectionInner .sectionTitle .extraArea .extraAreaInner p {
  padding-top: 44px;
  font-size: 22px;
  color: #009EE1;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .section-servicePickup .sectionInner .sectionTitle .extraArea .extraAreaInner p {
    padding-top: 0;
  }
  .section-servicePickup .sectionInner .sectionTitle .extraArea .extraAreaInner p br {
    display: none;
  }
}

.section-servicePickup .sectionInner .sectionTitle .extraArea .extraAreaInner p span {
  display: inline-block;
  margin-top: 10px;
  font-size: 32px;
  color: #E95156;
}

@media only screen and (max-width: 992px) {
  .section-servicePickup .sectionInner .sectionTitle .extraArea .extraAreaInner p span {
    margin-top: 0;
    font-size: 24px;
  }
}

.section-servicePickup .sectionInner .sectionTitle .extraArea .extraAreaInner p span b {
  font-size: 50px;
}

@media only screen and (max-width: 992px) {
  .section-servicePickup .sectionInner .sectionTitle .extraArea .extraAreaInner p span b {
    font-size: 24px;
  }
}

.section-servicePickup .sectionInner ul {
  text-align: center;
  font-size: 0;
}

.section-servicePickup .sectionInner ul li {
  display: inline-block;
  width: 270px;
  margin: 0 25px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .section-servicePickup .sectionInner ul li {
    display: block;
    width: 300px;
    margin: 0 auto;
    text-align: left;
  }
}

.section-servicePickup .sectionInner ul li .ui-image {
  display: block;
  margin-bottom: 15px;
}

@media only screen and (max-width: 992px) {
  .section-servicePickup .sectionInner ul li .ui-image {
    float: left;
    margin-right: 10px;
    overflow: hidden;
  }
}

@media only screen and (max-width: 992px) {
  .section-servicePickup .sectionInner ul li .ui-image img {
    width: 100px;
  }
}

.section-servicePickup .sectionInner ul li .ui-title {
  margin-bottom: 15px;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .section-servicePickup .sectionInner ul li .ui-title {
    padding-top: 10px;
    margin-bottom: 5px;
    font-size: 20px;
  }
}

.section-servicePickup .sectionInner ul li .ui-text {
  margin-bottom: 10px;
  font-size: 15px;
  color: #fff;
  line-height: 1.5em;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .section-servicePickup .sectionInner ul li .ui-text {
    margin-bottom: 0;
    font-size: 14px;
  }
}

.section-servicePickup .sectionInner ul li .ui-sub {
  font-size: 13px;
  color: #003348;
}

@media only screen and (max-width: 992px) {
  .section-servicePickup .sectionInner ul li .ui-sub {
    font-size: 9px;
    overflow: hidden;
  }
}

.section-serviceMainFunction {
  padding-bottom: 60px;
}

@media only screen and (max-width: 992px) {
  .section-serviceMainFunction {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .section-serviceMainFunction .sectionInner {
    padding: 0 15px 0 15px;
  }
}

.section-serviceMainFunction .sectionInner ul li {
  position: relative;
  float: left;
  width: 310px;
  height: 530px;
  padding: 20px 20px 20px 20px;
  margin-right: 35px;
  margin-bottom: 35px;
  background: #fff;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.section-serviceMainFunction .sectionInner ul li:first-child + * + * {
  margin-right: 0;
}

.section-serviceMainFunction .sectionInner ul li:first-child + * + * + * + * + * {
  margin-right: 0;
}

@media only screen and (max-width: 992px) {
  .section-serviceMainFunction .sectionInner ul li {
    width: 100%;
    height: auto;
    padding: 10px 15px 0 15px;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.section-serviceMainFunction .sectionInner ul li .ui-title {
  position: relative;
  display: table-cell;
  width: 264px;
  height: 60px;
  font-size: 24px;
  color: #009EE1;
  font-weight: bold;
  text-align: center;
  line-height: 1.3em;
  vertical-align: middle;
}

@media only screen and (max-width: 992px) {
  .section-serviceMainFunction .sectionInner ul li .ui-title {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 25px;
    font-size: 20px;
  }
}

.section-serviceMainFunction .sectionInner ul li .ui-title span {
  position: absolute;
  right: -10px;
  top: -10px;
}

@media only screen and (max-width: 992px) {
  .section-serviceMainFunction .sectionInner ul li .ui-title span {
    right: -5px;
    top: -20px;
  }
  .section-serviceMainFunction .sectionInner ul li .ui-title span img {
    width: 60px;
    height: 60px;
  }
}

.section-serviceMainFunction .sectionInner ul li .ui-text {
  font-size: 16px;
  line-height: 1.5em;
  margin-top: 20px;
}

@media only screen and (max-width: 992px) {
  .section-serviceMainFunction .sectionInner ul li .ui-text {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.section-serviceMainFunction .sectionInner ul li .ui-button {
  margin-top: 5px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .section-serviceMainFunction .sectionInner ul li .ui-button {
    margin: 0 0 20px 0;
  }
}

.section-serviceMainFunction .sectionInner ul li .ui-button a {
  display: inline-block;
  color: #fff;
  background: #009EE1;
  line-height: 1em;
  padding: 6px 20px 3px 20px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

.section-serviceMainFunction .sectionInner ul li .ui-button a:hover {
  text-decoration: none;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.section-serviceMainFunction .sectionInner ul li .ui-button a .icon--window01 {
  margin-left: 5px;
  font-size: 10px;
  vertical-align: 1px;
}

.section-serviceMainFunction .sectionInner ul li .ui-button a .icon--window01:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

.section-serviceMainFunction .sectionInner ul li .ui-image {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  transform: translate(-50%, 0);
}

@media only screen and (max-width: 992px) {
  .section-serviceMainFunction .sectionInner ul li .ui-image {
    position: static;
    transform: translate(0, 0);
    text-align: center;
  }
}

@media only screen and (max-width: 992px) {
  .section-serviceMainFunction .sectionInner ul li .ui-image img {
    width: 200px;
  }
}

@media only screen and (max-width: 992px) {
  .section-cm {
    padding: 50px 6%;
  }
}

@media only screen and (max-width: 768px) {
  .section-cm {
    padding: 30px 15px;
  }
}

.section-cm .title {
  text-align: center;
  margin-bottom: 60px;
}

@media only screen and (max-width: 992px) {
  .section-cm .title {
    margin-bottom: 40px;
  }
}

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

.section-cm .title h2 {
  display: inline-block;
  position: relative;
  padding: 0 40px;
  font-size: 24px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .section-cm .title h2 {
    font-size: 16px;
    padding: 0 19px;
  }
}

.section-cm .title h2 .svg-diagonal_left {
  position: absolute;
  left: 0;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: inline-block;
  width: 24px;
  height: 40px;
}

@media only screen and (max-width: 768px) {
  .section-cm .title h2 .svg-diagonal_left {
    width: 15px;
    height: 28px;
  }
}

.section-cm .title h2 .svg-diagonal_left svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.section-cm .title h2 .svg-diagonal_right {
  position: absolute;
  right: 0;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: inline-block;
  width: 24px;
  height: 40px;
}

@media only screen and (max-width: 768px) {
  .section-cm .title h2 .svg-diagonal_right {
    width: 15px;
    height: 28px;
  }
}

.section-cm .title h2 .svg-diagonal_right svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.section-cm .movie {
  text-align: center;
}

.section-cm .movie .content {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.section-cm .movie .content figure {
  position: relative;
  max-width: 910px;
  height: auto;
  overflow: hidden;
}

.section-cm .movie .content figure:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 900;
}

.section-cm .movie .content figure img {
  max-width: 100%;
  height: auto;
  transition: all 0.2s;
}

.section-cm .movie .content:hover figure img {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  z-index: 800;
}

.section-cm .movie .content figure .svg-play_movie {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 350px;
  height: 64px;
  z-index: 1000;
}

@media only screen and (max-width: 992px) {
  .section-cm .movie .content figure .svg-play_movie {
    width: 300px;
  }
}

@media only screen and (max-width: 768px) {
  .section-cm .movie .content figure .svg-play_movie {
    width: 180px;
  }
}

.section-cm .movie .content figure .svg-play_movie svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.section-mainFunctions {
  padding-bottom: 0;
  background: url(img/section_bg05.png) left top repeat;
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions {
    padding-top: 50px;
  }
}

.section-mainFunctions.lifeplan {
  background: #F3F3F6;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions.lifeplan {
    padding-top: 0;
  }
}

.section-mainFunctions .exWrap {
  padding-top: 70px;
  background: #E8E8ED;
}

.section-mainFunctions .exWrap.is-pt_l {
  padding-top: 80px;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .exWrap.is-pt_l {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .exWrap {
    padding-top: 30px;
  }
}

.section-mainFunctions .picksWrap {
  padding-top: 70px;
  background: #F3F3F6;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .picksWrap {
    padding-top: 30px;
  }
}

.section-mainFunctions .cotraWrap {
  padding-top: 70px;
  background: #E8E8ED;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .cotraWrap {
    padding-top: 30px;
  }
}

.section-mainFunctions .theoWrap {
  padding-top: 70px;
  background: #F3F3F6;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .theoWrap {
    padding-top: 30px;
  }
}

.section-mainFunctions .pickupFunctions {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1000px;
  margin: 0 auto 70px auto;
  padding-bottom: 70px;
  border-bottom: 1px solid #CCCCCC;
}

.section-mainFunctions .pickupFunctions:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions .pickupFunctions {
    margin: 0 6% 70px 6%;
  }
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions {
    margin: 0 15px 70px 15px;
  }
}

.section-mainFunctions .pickupFunctions.otherStyle {
  border-bottom: none;
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

.section-mainFunctions .pickupFunctions.reverse-content {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions.reverse-content {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsImage {
  width: 500px;
  text-align: center;
  font-size: 0;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsImage {
    width: auto;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsImage span {
  display: inline-block;
  width: 50%;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsImage span {
    display: block;
    text-align: center;
    margin: 0;
    width: auto;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsImage span:first-child + * {
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsImage span:first-child + * {
    display: none;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsImage span img {
  max-width: 232px;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsImage span img {
    width: 200px;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText {
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: left;
  align-items: left;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 500px;
  padding: 0 0 0 55px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.section-mainFunctions .pickupFunctions .is-paddingUnique {
  padding: 0 0 0 35px;
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText {
    padding: 0 0 0 25px;
  }
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText {
    width: 100%;
    padding: 15px 0;
    -webkit-align-items: center;
    align-items: center;
  }
}

.section-mainFunctions .pickupFunctions.reverse-content .pickupFunctionsText {
  padding: 20px 55px 0 0;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions.reverse-content .pickupFunctionsText {
    width: 100%;
    padding: 15px 0;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText h3 {
  margin-bottom: 30px;
  font-size: 44px;
  color: #333;
  line-height: 1.3;
  font-weight: bold;
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText h3.is-small {
  font-size: 31px;
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText h3.is-fontsizeUnique {
  font-size: 30px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText h3.is-small {
    font-size: 24px;
  }
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText h3 {
    font-size: 30px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText h3 {
    width: 100%;
    margin-bottom: 15px;
    font-size: 24px;
    text-align: center;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText .subTitle {
  margin-bottom: 35px;
  font-size: 20px;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText .subTitle {
    font-size: 18px;
    text-align: center;
    text-indent: 10px;
    margin-bottom: 20px;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText .subTitle br {
  display: none;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText .subTitle br {
    display: block;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText ul {
  display: block;
  width: 100%;
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText ul li {
  margin-bottom: 20px;
  vertical-align: middle;
  line-height: 1.2;
  display: flex;
  -webkit-justify-content: left;
  justify-content: left;
  -webkit-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText ul li {
    margin-bottom: 10px;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText ul li img {
  height: 60px;
  margin-right: 18px;
  vertical-align: middle;
}

.lifeplan.section-mainFunctions .pickupFunctions .pickupFunctionsText ul li img {
  height: auto;
  margin-right: 0;
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText ul li img {
    height: 36px;
    width: auto;
    margin-right: 12px;
  }
  .lifeplan.section-mainFunctions .pickupFunctions .pickupFunctionsText ul li img {
    height: 45px;
    margin-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText ul li img {
    margin-right: 10px;
    height: 30px;
  }
  .lifeplan.section-mainFunctions .pickupFunctions .pickupFunctionsText ul li img {
    height: 45px;
    margin-right: 0;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText ul li span {
  font-size: 36px;
  font-weight: bold;
  color: #009EE1;
  vertical-align: middle;
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText ul li span {
    font-size: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText ul li span {
    font-size: 18px;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText .text {
  margin-bottom: 20px;
  line-height: 1.5;
  font-size: 16px;
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText .is-marginUnique {
  margin-bottom: 12px;
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText .text {
    margin-bottom: 13px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText .text {
    margin-bottom: 10px;
    font-size: 13px;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText .exText {
  font-size: 13px;
  color: #FF8330;
  line-height: 1.3;
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText .exText {
    font-size: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText .exText {
    line-height: 1.4em;
  }
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText .buttonWrap {
    text-align: center;
    width: 100%;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText .buttonWrap li {
  float: left;
  width: 50%;
  margin: 10px 0 0;
  padding: 0 10px 0 0;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText .buttonWrap li {
    padding: 0 2px;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText .buttonWrap li .buttonInner {
  padding: 25px 44px 24px 20px;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText .buttonWrap li .buttonInner {
    padding: 6px 24px 4px 10px;
    font-weight: normal;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText .buttonWrap li .buttonInner .icon--arrow {
  right: 10px;
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText .buttonWrap .button {
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText .buttonWrap .button {
    display: block;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
  }
}

.section-mainFunctions .pickupFunctions .pickupFunctionsText .buttonWrap .button .buttonInner {
  padding: 25px 64px 24px 40px;
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText .buttonWrap .button .buttonInner {
    padding: 18px 25px;
  }
}

@media only screen and (max-width: 768px) {
  .section-mainFunctions .pickupFunctions .pickupFunctionsText .buttonWrap .button .buttonInner .icon--arrow {
    font-size: 16px;
  }
}

.section-mainFunctions .functions ul li {
  position: relative;
  float: left;
  width: 270px;
  padding: 20px 0;
  margin-right: 95px;
  margin-bottom: 35px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.section-mainFunctions .functions ul li:first-child + * + * {
  margin-right: 0;
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions .functions ul li:first-child + * + * {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
  }
}

.section-mainFunctions .functions ul li:first-child + * + * + * + * + * {
  margin-right: 0;
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions .functions ul li {
    width: 100%;
    height: auto;
    padding: 0 15px 30px 15px;
    margin-right: 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #CCCCCC;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
  }
}

.section-mainFunctions .functions ul li .textArea {
  height: 200px;
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions .functions ul li .textArea {
    height: auto;
  }
}

.section-mainFunctions .functions ul li .textArea .title {
  font-size: 26px;
  color: #009EE1;
  font-weight: bold;
  text-align: center;
  line-height: 1.3em;
  vertical-align: middle;
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions .functions ul li .textArea .title {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    font-size: 24px;
  }
}

.section-mainFunctions .functions ul li .textArea .title img {
  margin-right: 10px;
  height: 40px;
  vertical-align: middle;
}

.section-mainFunctions .functions ul li .textArea .title span {
  vertical-align: middle;
}

.section-mainFunctions .functions ul li .textArea .title span small {
  font-size: 18px;
  vertical-align: 3px;
}

.section-mainFunctions .functions ul li .textArea .text {
  font-size: 16px;
  line-height: 1.5em;
  margin-top: 20px;
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions .functions ul li .textArea .text {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 15px;
  }
}

.section-mainFunctions .functions ul li .ui-button {
  margin-top: 5px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions .functions ul li .ui-button {
    margin: 0 0 20px 0;
  }
}

.section-mainFunctions .functions ul li .ui-button a {
  display: inline-block;
  color: #fff;
  background: #009EE1;
  line-height: 1em;
  padding: 6px 20px 3px 20px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

.section-mainFunctions .functions ul li .ui-button a:hover {
  text-decoration: none;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.section-mainFunctions .functions ul li .ui-button a .icon--window01 {
  margin-left: 5px;
  font-size: 10px;
  vertical-align: 1px;
}

.section-mainFunctions .functions ul li .ui-button a .icon--window01:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

.section-mainFunctions .functions ul li .image {
  display: block;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions .functions ul li .image {
    position: static;
    transform: translate(0, 0);
    text-align: center;
  }
}

@media only screen and (max-width: 992px) {
  .section-mainFunctions .functions ul li .image img {
    width: 200px;
  }
}

.section-voice {
  padding: 80px 6%;
}

@media only screen and (max-width: 992px) {
  .section-voice {
    padding: 50px 6%;
  }
}

@media only screen and (max-width: 768px) {
  .section-voice {
    padding: 30px 15px;
  }
}

.section-voice .content {
  max-width: 1000px;
  margin: 0 auto;
}

.section-voice .content .voiceList .item {
  margin-bottom: 30px;
}

.section-voice .content .voiceList .item:last-child {
  margin-bottom: 0;
}

.section-voice .content .voiceList .item .image {
  float: left;
  margin-right: 40px;
}

@media only screen and (max-width: 992px) {
  .section-voice .content .voiceList .item .image {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .section-voice .content .voiceList .item .image {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

.section-voice .content .voiceList .item .image figure {
  width: 150px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .section-voice .content .voiceList .item .image figure {
    width: 110px;
  }
}

@media only screen and (max-width: 768px) {
  .section-voice .content .voiceList .item .image figure {
    width: 86px;
    margin: 0 auto;
  }
}

.section-voice .content .voiceList .item .image figure img {
  width: 100%;
  height: auto;
}

.section-voice .content .voiceList .item .image figure figcaption {
  margin-top: 8px;
  font-size: 14px;
}

.section-voice .content .voiceList .item.color-blue .image figure figcaption {
  color: #3D8AE3;
}

.section-voice .content .voiceList .item.color-pink .image figure figcaption {
  color: #FF72A9;
}

@media only screen and (max-width: 992px) {
  .section-voice .content .voiceList .item .image figure figcaption {
    font-size: 13px;
  }
}

.section-voice .content .voiceList .item .data {
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: left;
  align-items: left;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 150px;
}

@media only screen and (max-width: 768px) {
  .section-voice .content .voiceList .item .data {
    display: block;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
  }
}

.section-voice .content .voiceList .item .data h3 {
  margin-bottom: 18px;
  font-size: 24px;
}

@media only screen and (max-width: 992px) {
  .section-voice .content .voiceList .item .data h3 {
    margin-bottom: 12px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .section-voice .content .voiceList .item .data h3 {
    display: block;
    width: 100%;
    text-align: center;
  }
}

.section-voice .content .voiceList .item .data p {
  font-size: 17px;
  line-height: 1.5;
}

@media only screen and (max-width: 992px) {
  .section-voice .content .voiceList .item .data p {
    font-size: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .section-voice .content .voiceList .item .data p {
    font-size: 13px;
  }
}

.serviceHowToUse {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,cccccc+100 */
  background: #f2f2f2;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #f2f2f2 0%, #cccccc 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #f2f2f2 0%, #cccccc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #f2f2f2 0%, #cccccc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cccccc',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

.serviceHowToUse .contentInner {
  position: relative;
  padding-bottom: 60px;
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner {
    height: auto;
    padding-bottom: 30px;
  }
}

.serviceHowToUse .contentInner h2 {
  padding: 70px 0;
  text-align: center;
  font-size: 36px;
  color: #009EE1;
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner h2 {
    padding: 30px 0;
    font-size: 24px;
  }
}

.serviceHowToUse .contentInner h3 {
  padding: 0 0 40px 0;
  text-align: center;
  font-size: 30px;
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner h3 {
    padding: 30px 0;
    font-size: 22px;
  }
}

.serviceHowToUse .contentInner #slider01-js {
  position: relative;
  margin-bottom: 70px;
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider01-js {
    margin-bottom: 30px;
  }
}

.serviceHowToUse .contentInner #slider01-js ul .sliderItem {
  position: relative;
  display: block;
  height: 600px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider01-js ul .sliderItem {
    height: auto;
    padding: 0 15px;
  }
}

.serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-wapper {
  position: absolute;
  top: 50%;
  left: 500px;
  transform: translate(0, -50%);
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-wapper {
    position: static;
    transform: translate(0, 0);
  }
}

.serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-wapper .ui-title {
  position: relative;
  margin-bottom: 35px;
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-wapper .ui-title {
    margin-bottom: 20px;
  }
}

.serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-wapper .ui-title img {
  position: absolute;
  top: -12px;
  left: 0;
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-wapper .ui-title img {
    top: 0px;
    left: 0;
    width: 50px;
  }
}

.serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-wapper .ui-title p {
  display: table-cell;
  height: 70px;
  padding-left: 100px;
  font-size: 28px;
  color: #009EE1;
  font-weight: bold;
  line-height: 1.3em;
  vertical-align: middle;
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-wapper .ui-title p {
    height: 45px;
    padding-top: 7px;
    padding-left: 55px;
    font-size: 17px;
  }
}

.serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-wapper .ui-text {
  padding-left: 15px;
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-wapper .ui-text {
    padding: 0;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-wapper .ui-text br {
    display: none;
  }
}

.serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-image {
  position: absolute;
  top: 50px;
  left: 130px;
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-image {
    display: block;
    position: static;
    margin-bottom: 5px;
    left: 0;
    text-align: center;
  }
}

.serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-image img {
  display: inline;
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-image img {
    width: 180px;
  }
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-text {
    padding: 10px;
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.5);
  }
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider01-js ul .sliderItem .ui-text br {
    display: none;
  }
}

.serviceHowToUse .contentInner #slider01-js .prev {
  position: absolute;
  top: 50%;
  left: -50px;
  transform: translate(0, -50%);
  font-size: 40px;
  color: #4d4d4d;
  text-decoration: none;
  z-index: 5000;
}

.serviceHowToUse .contentInner #slider01-js .prev:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider01-js .prev {
    top: 35%;
    left: 15px;
    font-size: 30px;
  }
}

.serviceHowToUse .contentInner #slider01-js .prev:hover {
  cursor: pointer;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.serviceHowToUse .contentInner #slider01-js .next {
  position: absolute;
  top: 50%;
  right: -50px;
  transform: translate(0, -50%);
  font-size: 40px;
  color: #4d4d4d;
  text-decoration: none;
  z-index: 5000;
}

.serviceHowToUse .contentInner #slider01-js .next:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider01-js .next {
    top: 35%;
    right: 15px;
    font-size: 30px;
  }
}

.serviceHowToUse .contentInner #slider01-js .next:hover {
  cursor: pointer;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.serviceHowToUse .contentInner #slider01-js .slick-dots {
  text-align: center;
}

.serviceHowToUse .contentInner #slider01-js .slick-dots li {
  display: inline-block;
  margin: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.serviceHowToUse .contentInner #slider01-js .slick-dots li button {
  display: block;
  width: 18px;
  height: 18px;
  border: none;
  padding: 0;
  -webkit-border-radius: 100% 100% 100% 100%;
  -moz-border-radius: 100% 100% 100% 100%;
  border-radius: 100% 100% 100% 100%;
  background: #fff;
  text-indent: -9999px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider01-js .slick-dots li button {
    width: 10px;
    height: 10px;
  }
}

.serviceHowToUse .contentInner #slider01-js .slick-dots li.slick-active button {
  background: #666666;
}

.serviceHowToUse .contentInner #slider02-js ul li {
  width: 300px;
  margin: 0 10px;
  cursor: pointer;
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider02-js ul li {
    width: 240px;
  }
}

.serviceHowToUse .contentInner #slider02-js ul li a {
  text-align: center;
}

.serviceHowToUse .contentInner #slider02-js ul li a img {
  width: 100%;
}

.serviceHowToUse .contentInner #slider02-js ul li a span {
  display: block;
  width: 130px;
  margin: 5px auto 0 auto;
  padding: 2px 8px 1px 8px;
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  background: #009EE1;
  font-size: 13px;
  color: #fff;
  text-align: center;
}

.serviceHowToUse .contentInner #slider02-js ul li a span:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.serviceHowToUse .contentInner #slider02-js ul li:hover a {
  text-decoration: none;
}

.serviceHowToUse .contentInner #slider02-js .prev {
  position: absolute;
  top: 42%;
  left: -50px;
  transform: translate(0, -42%);
  font-size: 40px;
  color: #4d4d4d;
  text-decoration: none;
  z-index: 5000;
}

.serviceHowToUse .contentInner #slider02-js .prev:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider02-js .prev {
    display: none !important;
    left: 15px;
    font-size: 30px;
    color: #fff;
  }
}

.serviceHowToUse .contentInner #slider02-js .prev:hover {
  cursor: pointer;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.serviceHowToUse .contentInner #slider02-js .next {
  position: absolute;
  top: 42%;
  right: -50px;
  transform: translate(0, -42%);
  font-size: 40px;
  color: #4d4d4d;
  text-decoration: none;
  z-index: 5000;
}

.serviceHowToUse .contentInner #slider02-js .next:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .serviceHowToUse .contentInner #slider02-js .next {
    display: none !important;
    right: 15px;
    font-size: 30px;
    color: #fff;
  }
}

.serviceHowToUse .contentInner #slider02-js .next:hover {
  cursor: pointer;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.top-functions-buttonList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (min-width: 993px) {
  .top-functions-buttonList__item {
    width: calc((100% - 15px * (2 - 1)) / 2 - 0.1px);
    margin-right: 15px;
    margin-top: 0px;
  }
  .top-functions-buttonList__item:nth-child(2n + 0) {
    margin-right: 0;
  }
  .top-functions-buttonList__item:nth-child(1) {
    margin-top: 0;
  }
  .top-functions-buttonList__item:nth-child(2) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 992px) {
  .top-functions-buttonList__item {
    width: calc((100% - 10px * (2 - 1)) / 2 - 0.1px);
    margin-right: 10px;
    margin-top: 0px;
  }
  .top-functions-buttonList__item:nth-child(2n + 0) {
    margin-right: 0;
  }
  .top-functions-buttonList__item:nth-child(1) {
    margin-top: 0;
  }
  .top-functions-buttonList__item:nth-child(2) {
    margin-top: 0;
  }
}

.top-functions-buttonList__item .buttonInner {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 34px;
  padding-left: 15px;
  font-size: 16px !important;
}

@media only screen and (max-width: 992px) {
  .top-functions-buttonList__item .buttonInner {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 40px !important;
    padding-left: 13px !important;
    font-size: 12px !important;
  }
}

.top-functions-buttonList__item .buttonInner .icon--arrow {
  font-size: 18px !important;
}

@media only screen and (max-width: 768px) {
  .top-functions-buttonList__item .buttonInner .icon--arrow {
    font-size: 16px !important;
  }
}

#video {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

@media only screen and (max-width: 992px) {
  #video {
    height: auto;
  }
}

#video #logo-ex {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#video #logo-ex img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 992px) {
  #video #logo-ex img {
    height: 50px;
  }
}

#video .pattern {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(img/pat.png);
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
  z-index: 1;
}

#video .lodingImg {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
}

#video video {
  position: fixed;
  left: 0;
  top: 0;
  vertical-align: bottom;
  overflow: hidden;
}

#video .dlLink {
  position: fixed;
  bottom: 20%;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: 20px;
  margin-left: 10px;
  z-index: 2;
}

@media only screen and (max-width: 992px) {
  #video .dlLink {
    text-align: center;
    margin: 20px 0 0 0;
  }
}

#video .dlLink li {
  display: inline-block;
  margin-right: 20px;
}

@media only screen and (max-width: 992px) {
  #video .dlLink li {
    margin: 0 10px 15px 10px;
  }
}

#video .dlLink li a img {
  width: auto;
  height: 60px;
}

@media only screen and (max-width: 992px) {
  #video .dlLink li a img {
    height: 30px;
  }
}

#video .nextScrollBtn a {
  position: absolute;
  bottom: -100px;
  left: 50%;
  transition: all 0.5s;
  display: block;
  width: 160px;
  height: 160px;
  margin-left: -80px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 100% 100% 100% 100%;
  -moz-border-radius: 100% 100% 100% 100%;
  border-radius: 100% 100% 100% 100%;
  z-index: 10;
}

@media only screen and (max-width: 992px) {
  #video .nextScrollBtn a {
    bottom: -60px;
    width: 100px;
    height: 100px;
    margin-left: -50px;
  }
}

#video .nextScrollBtn a .icon--triangle_r {
  position: absolute;
  bottom: 110px;
  left: 50%;
  transition: all 0.5s;
  margin-left: -11px;
  font-size: 18px;
  color: #fff;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

#video .nextScrollBtn a .icon--triangle_r:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  #video .nextScrollBtn a .icon--triangle_r {
    bottom: 60px;
    font-size: 12px;
    margin-left: -7px;
  }
}

#video .nextScrollBtn a:hover {
  background: rgba(0, 0, 0, 0.6);
}

#video .nextScrollBtn a:hover .icon--triangle_r {
  bottom: 105px;
}

@media only screen and (max-width: 992px) {
  #video .nextScrollBtn a:hover .icon--triangle_r {
    bottom: 65px;
  }
}

.section-banner {
  text-align: center;
}

.section-voice {
  background: url(img/section_bg05.png) left top repeat;
}

.section-voice .section-voice__inner {
  max-width: 1000px;
  margin: auto;
}

.section-voice .section-voice__inner .section-voice__items {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.section-voice .section-voice__inner .section-voice__items .section-voice__item {
  width: calc((100% - 30px * (2 - 1)) / 2 - 0.1px);
  margin-right: 30px;
  margin-top: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.section-voice .section-voice__inner .section-voice__items .section-voice__item:nth-child(2n + 0) {
  margin-right: 0;
}

.section-voice .section-voice__inner .section-voice__items .section-voice__item:nth-child(1) {
  margin-top: 0;
}

.section-voice .section-voice__inner .section-voice__items .section-voice__item:nth-child(2) {
  margin-top: 0;
}

@media only screen and (max-width: 992px) {
  .section-voice .section-voice__inner .section-voice__items .section-voice__item {
    width: calc((100% - 15px * (2 - 1)) / 2 - 0.1px);
    margin-right: 15px;
    margin-top: 20px;
    flex-direction: column;
  }
  .section-voice .section-voice__inner .section-voice__items .section-voice__item:nth-child(2n + 0) {
    margin-right: 0;
  }
  .section-voice .section-voice__inner .section-voice__items .section-voice__item:nth-child(1) {
    margin-top: 0;
  }
  .section-voice .section-voice__inner .section-voice__items .section-voice__item:nth-child(2) {
    margin-top: 0;
  }
}

.section-voice .section-voice__inner .section-voice__items .section-voice__item > div {
  width: calc((100% - 20px * (2 - 1)) / 2 - 0.1px);
  margin-right: 20px;
  margin-top: 0px;
}

.section-voice .section-voice__inner .section-voice__items .section-voice__item > div:nth-child(2n + 0) {
  margin-right: 0;
}

.section-voice .section-voice__inner .section-voice__items .section-voice__item > div:nth-child(1) {
  margin-top: 0;
}

.section-voice .section-voice__inner .section-voice__items .section-voice__item > div:nth-child(2) {
  margin-top: 0;
}

@media only screen and (max-width: 992px) {
  .section-voice .section-voice__inner .section-voice__items .section-voice__item > div {
    width: calc((100% - 0px * (1 - 1)) / 1 - 0.1px);
    margin-right: 0px;
    margin-top: 10px;
    flex-direction: column;
  }
  .section-voice .section-voice__inner .section-voice__items .section-voice__item > div:nth-child(1n + 0) {
    margin-right: 0;
  }
  .section-voice .section-voice__inner .section-voice__items .section-voice__item > div:nth-child(1) {
    margin-top: 0;
  }
}

.section-voice .section-voice__inner .section-voice__items .section-voice__item > div.section-voice__item-image {
  max-width: 140px;
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .section-voice .section-voice__inner .section-voice__items .section-voice__item > div.section-voice__item-image {
    margin: 0 auto 10px;
  }
  .section-voice .section-voice__inner .section-voice__items .section-voice__item > div.section-voice__item-image img {
    max-width: 70px;
    display: block;
    text-align: center;
    margin: auto;
  }
}

.section-voice .section-voice__inner .section-voice__items .section-voice__item > div.section-voice__item-image p {
  margin-top: 10px;
}

@media only screen and (max-width: 992px) {
  .section-voice .section-voice__inner .section-voice__items .section-voice__item > div.section-voice__item-image p {
    margin-top: 15px;
  }
}

.section-voice .section-voice__inner .section-voice__items .section-voice__item > div.section-voice__item-text {
  flex: 1;
  padding: 15px 20px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  line-height: 2.2;
}

@media only screen and (max-width: 992px) {
  .section-voice .section-voice__inner .section-voice__items .section-voice__item > div.section-voice__item-text {
    font-size: 12px;
    line-height: 1.8;
    padding: 10px;
  }
}

#scrollFixedBox-js {
  height: calc(100vh - 84px);
  overflow-y: scroll;
  /*スクロールバー非表示（IE・Edge）*/
  -ms-overflow-style: none;
  /*スクロールバー非表示（Firefox）*/
  scrollbar-width: none;
}

#scrollFixedBox-js::-webkit-scrollbar {
  display: none;
}

@media only screen and (max-width: 992px) {
  #scrollFixedBox-js {
    position: static !important;
    width: auto !important;
  }
}

@media only screen and (max-width: 992px) {
  .scrollFixedBox-top {
    display: none;
  }
}

.col2 #mainContents {
  padding-top: 70px;
  padding-bottom: 70px;
}

@media only screen and (max-width: 992px) {
  .col2 #mainContents {
    padding-top: 40px;
  }
}

.col2 #subContents {
  position: relative;
  height: 100%;
  padding-top: 70px;
  padding-bottom: 70px;
  background: #009EE1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .col2 #subContents {
    display: none;
  }
}

.col2 #subContents .subContents-bg {
  content: "";
  display: block;
  background: #009EE1;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 9999%;
  height: 100vh;
}

.col2 #subContents .categoryNavTitle {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
  margin-left: 10px;
  border-bottom: solid 1px #48c9ff;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  text-align: left;
}

.col2 #subContents nav {
  padding-bottom: 70px;
}

.col2 #subContents nav > ul > li {
  text-align: left;
}

.col2 #subContents nav > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 40px 10px 10px;
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
}

.col2 #subContents nav > ul > li > a:hover {
  background: #007aae;
  color: #fff;
  text-decoration: none;
}

.col2 #subContents nav > ul > li.current > a {
  background: #007aae;
}

.col2 #subContents nav > ul > li.current > a:after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 10px 6px 0;
  border-color: transparent #ffffff transparent transparent;
  line-height: 0px;
  _border-color: #000000 #ffffff #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.col2 #subContents nav > ul > li > ul > li > a {
  display: block;
  padding: 5px 20px 5px 20px;
  color: #fff;
  line-height: 1.4;
}

.col2 #subContents nav > ul > li > ul > li.current > a {
  background: #007aae;
}

@media only screen and (max-width: 992px) {
  .localNav {
    padding: 0 15px;
    margin-bottom: 40px;
  }
  .localNav.trouble {
    margin-bottom: 60px;
  }
  .localNav .categoryNavTitle {
    position: relative;
    padding: 10px;
    margin-bottom: 10px;
    background: #009EE1;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
  }
  .localNav.trouble .categoryNavTitle {
    display: none;
  }
  .localNav .categoryNavTitle span {
    display: none;
  }
  .localNav .categoryNavTitle .icon--arrow:before {
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-family: 'icons';
  }
  .localNav .categoryNavTitle .icon--arrow:before {
    position: absolute;
    right: 20px;
    top: 50%;
    display: inline-block;
    transform: translate(0, -50%) rotate(90deg);
  }
  .localNav .categoryNavTitle:before {
    content: "カテゴリー一覧";
    display: block;
  }
  .localNav .categoryNavTitle.is-open .icon--arrow:before {
    transform: translate(0, -50%) rotate(-90deg);
  }
  .localNav nav {
    display: none;
  }
  .localNav.trouble nav {
    display: block;
  }
  .localNav nav > ul > li > a {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    background: #EFEFF3;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
  }
  .localNav.trouble nav > ul > li > a {
    position: relative;
    background: #009EE1;
    padding: 15px 15px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
  }
  .localNav.trouble nav > ul > li > a .icon--arrow:before {
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-family: 'icons';
  }
  .localNav.trouble nav > ul > li > a .icon--arrow:before {
    position: absolute;
    right: 20px;
    top: 50%;
    display: inline-block;
    transform: translate(0, -50%);
  }
  .localNav nav > ul > li > a:hover {
    text-decoration: none;
  }
  .localNav nav > ul > li > ul > li > a {
    position: relative;
    display: block;
    padding-left: 25px;
    margin-bottom: 15px;
  }
  .localNav nav > ul > li > ul > li > a:before {
    position: absolute;
    left: 10px;
    top: 0.7em;
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background: #009EE1;
  }
}

html#faq-page {
  background: url(img/page_bg01.jpg) center top no-repeat;
}

.faqContentsSection {
  margin-bottom: 60px;
}

@media only screen and (max-width: 992px) {
  .faqContentsSection {
    padding: 0 15px;
  }
}

.faqContentsSection dl {
  margin-bottom: 40px;
}

.faqContentsSection dl dt {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}

.faqContentsSection dl dt .icon--q {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #009EE1;
}

.faqContentsSection dl dt .icon--q:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

.faqContentsSection dl dd {
  position: relative;
  padding-left: 30px;
  line-height: 1.5;
}

.faqContentsSection dl dd .icon--a {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #E95156;
}

.faqContentsSection dl dd .icon--a:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

.faqContentsSection .support--button {
  position: relative;
  display: block;
  border: solid 1px #ccc;
  margin-bottom: 20px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

.faqContentsSection .support--button:hover {
  border: solid 1px #009EE1;
}

.faqContentsSection .support--button:last-child {
  margin-bottom: 0;
}

.faqContentsSection .support--button a {
  display: block;
  padding: 17px 50px 15px 20px;
  font-size: 16px;
  color: #000;
}

@media only screen and (max-width: 768px) {
  .faqContentsSection .support--button a {
    padding: 12px 40px 10px 15px;
    font-size: 15px;
  }
}

.faqContentsSection .support--button a:hover {
  text-decoration: none;
}

.faqContentsSection .support--button a .icon--arrow {
  position: absolute;
  top: 50%;
  right: 25px;
  font-size: 25px;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #009EE1;
}

.faqContentsSection .support--button a .icon--arrow:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 768px) {
  .faqContentsSection .support--button a .icon--arrow {
    right: 20px;
    font-size: 18px;
  }
}

.articleBody .articleHeader .articleHeader-title {
  background: #c8eeff;
  padding: 15px;
}

@media only screen and (max-width: 768px) {
  .articleBody .articleHeader .articleHeader-title {
    background: none;
  }
}

.articleBody .articleHeader .articleHeader-title h1 {
  position: relative;
  font-size: 22px;
  padding: 10px 0 10px 15px;
  font-weight: normal;
  color: #000;
  line-height: 1.4em;
}

@media only screen and (max-width: 768px) {
  .articleBody .articleHeader .articleHeader-title h1 {
    font-size: 18px;
    font-weight: bold;
  }
}

.articleBody .articleHeader .articleHeader-title h1:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: #009EE1;
}

.articleBody .articleHeader .articleHeader-category {
  display: inline-block;
  margin-top: 10px;
  padding: 7px 10px 5px 10px;
  background: #009EE1;
  color: #fff;
  line-height: 1em;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

@media only screen and (max-width: 768px) {
  .articleBody .articleHeader .articleHeader-category {
    margin-left: 15px;
  }
}

.articleBody .articleMain {
  margin-top: 30px;
  padding: 0 10px;
}

@media only screen and (max-width: 768px) {
  .articleBody .articleMain {
    padding: 0 15px;
  }
}

.articleBody .articleFooter {
  border-top: solid 2px #009EE1;
  padding-top: 40px;
}

@media only screen and (max-width: 768px) {
  .articleBody .articleFooter {
    border-top: none;
    padding: 40px 15px 0 15px;
  }
}

.articleBody .articleFooter .buttonWrapper {
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .faq-localNav {
    display: none;
  }
}

.faq-category--sp {
  display: none;
}

@media only screen and (max-width: 992px) {
  .faq-category--sp {
    display: block;
    padding: 30px 15px;
    background: #e2f1f7;
  }
}

.faq-category__heading--sp {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px;
}

.faq-category__heading--sp:before {
  display: block;
  content: "";
  width: 8px;
  height: 4px;
  background: #333333;
  margin-right: 5px;
}

.faq-category-list--sp {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.faq-category-list__item--sp {
  width: calc((100% - 30px * (3 - 2)) / 3 - 0.1px);
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
}

.faq-category-list--sp {
  margin-right: -5px;
  margin-left: -5px;
  margin-bottom: -10px;
}

@media only screen and (max-width: 768px) {
  .faq-category-list__item--sp {
    width: calc((100% - 20px * (2 - 1)) / 2 - 0.1px);
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
  }
  .faq-category-list--sp {
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: -10px;
  }
}

.faq-category-list__inner--sp {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  background: #fff;
  border: solid 1px #009ee1;
  border-radius: 4px;
  min-height: 47px;
  padding-right: 10px;
}

.faq-category-list__inner--sp:hover {
  text-decoration: none;
  background: #f5fcff;
}

@media only screen and (max-width: 320px) {
  .faq-category-list__inner--sp {
    padding-right: 3px;
  }
}

.faq-category-list__inner--sp .myfont {
  height: 45px;
  width: 45px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 320px) {
  .faq-category-list__inner--sp .myfont {
    width: 40px;
  }
}

.faq-category-list__inner--sp .myfont-card-error {
  font-size: 20px;
}

.faq-category-list__inner--sp .myfont-error {
  font-size: 20px;
}

.faq-category-list__inner--sp .myfont-lock {
  font-size: 20px;
}

.faq-category-list__inner--sp .myfont-paper {
  font-size: 20px;
}

.faq-category-list__inner--sp .myfont-card {
  font-size: 15px;
}

.faq-category-list__inner--sp .myfont-coin {
  font-size: 20px;
}

.faq-category-list__inner--sp .myfont-pig {
  font-size: 20px;
}

.faq-category-list__inner--sp .myfont-card-coin {
  font-size: 20px;
}

.faq-category-list__inner--sp .myfont-change {
  font-size: 23px;
}

.faq-category-list__inner--sp .myfont-gear {
  font-size: 20px;
}

.faq-category-list__inner--sp .myfont-account {
  font-size: 20px;
}

.faq-category-list__inner--sp .myfont-info {
  font-size: 20px;
}

.faq-category-list__inner--sp .myfont-calculator-coin {
  font-size: 21px;
}

.faq-category-list__inner--sp .myfont-cotra {
  font-size: 21px;
}

.faq-category-list__inner--sp .myfont-picks {
  font-size: 21px;
}

.faq-category-list__text--sp {
  font-size: 12px;
  color: #33b1e7;
  line-height: 1.3;
  flex: 1;
  font-weight: 600;
}

@media only screen and (max-width: 320px) {
  .faq-category-list__text--sp {
    font-size: 11px;
  }
}

#repl-ai-widget {
  height: 0 !important;
}

#repl-ai-chatboard-icon {
  right: 18px !important;
  bottom: 42px !important;
  transition: all .3s;
}

.is-open #repl-ai-chatboard-icon {
  display: none;
}

@media only screen and (max-width: 768px) {
  #repl-ai-chatboard-icon {
    right: -13px !important;
    bottom: 9px !important;
  }
}

.scrolled #repl-ai-chatboard-icon {
  bottom: 124px !important;
}

@media only screen and (max-width: 768px) {
  .scrolled #repl-ai-chatboard-icon {
    bottom: 84px !important;
  }
}

@media only screen and (max-width: 768px) {
  .is-scrolling #repl-ai-chatboard-icon {
    right: -125px !important;
  }
}

#repl-ai-chatboard-icon img {
  height: auto !important;
}

html#corporate-page {
  background: url(img/page_bg01.jpg) center top no-repeat;
}

.corporateInformation > h2 {
  margin-bottom: 60px;
  font-size: 40px;
  color: #009EE1;
  text-align: center;
}

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

@media only screen and (max-width: 992px) {
  .corporateInformation > h2 img {
    width: 200px;
    height: auto;
  }
}

.corporateInformation .column2-UI {
  margin-bottom: 40px;
}

.corporateInformation .column2-UI .left-UI {
  float: left;
  width: 500px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .corporateInformation .column2-UI .left-UI {
    display: none;
    float: none;
    width: auto;
  }
}

.corporateInformation .column2-UI .left-UI p img {
  padding-top: 45px;
  width: 240px;
  height: auto;
}

.corporateInformation .column2-UI .right-UI {
  float: right;
  width: 500px;
}

@media only screen and (max-width: 992px) {
  .corporateInformation .column2-UI .right-UI {
    float: none;
    width: auto;
  }
}

.corporateInformation .column2-UI .right-UI p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 2em;
}

@media only screen and (max-width: 992px) {
  .corporateInformation .column2-UI .right-UI p {
    padding: 0 15px;
    font-size: 14px;
    text-align: center;
  }
}

.corporateInformation .column2-UI .right-UI p:last-child {
  margin-bottom: 0;
}

.corporateInformation .table-MODULE {
  padding: 0 20px;
  font-size: 16px;
}

@media only screen and (max-width: 992px) {
  .corporateInformation .table-MODULE {
    padding: 0;
    margin: 0 15px;
  }
}

.corporateInformation .table-MODULE .table-MODULE--title {
  margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
  .corporateInformation .table-MODULE .table-MODULE--title {
    padding: 0 0;
  }
}

.corporateInformation .table-MODULE .table-MODULE--title h2 {
  font-size: 22px;
}

@media only screen and (max-width: 992px) {
  .corporateInformation .table-MODULE .table-MODULE--title h2 {
    font-size: 18px;
  }
}

.corporateInformation .table-MODULE table tr th {
  width: 12%;
}

.corporateInformation .table-MODULE table tr td {
  line-height: 1.4;
}

.corporateInformation .table-MODULE + .table-MODULE {
  margin-top: 100px;
}

@media only screen and (max-width: 992px) {
  .corporateInformation .table-MODULE + .table-MODULE {
    margin-top: 80px;
  }
}

#service-page .serviceAbout {
  padding-top: 80px;
}

@media only screen and (max-width: 992px) {
  #service-page .serviceAbout {
    padding: 40px 0;
  }
}

#service-page .serviceAbout .sectionInner {
  height: 630px;
}

@media only screen and (max-width: 992px) {
  #service-page .serviceAbout .sectionInner {
    height: auto;
  }
}

@media only screen and (max-width: 992px) {
  .serviceAbout .ui-title {
    color: #009EE1;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
}

.serviceAbout .contentInner {
  height: 720px;
  background: url(img/hand_to_iphone.png) left bottom no-repeat;
}

@media only screen and (max-width: 992px) {
  .serviceAbout .contentInner {
    height: auto;
    background: #fff;
    padding-bottom: 30px;
  }
}

.serviceAbout .contentInner h2 {
  padding-top: 40px;
  margin-bottom: 40px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .serviceAbout .contentInner h2 {
    padding-top: 0;
    margin: 10px 0;
  }
}

.serviceAbout .contentInner h2 .icon--wallet {
  font-size: 50px;
  color: #009EE1;
}

.serviceAbout .contentInner h2 .icon--wallet:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .serviceAbout .contentInner h2 .icon--wallet {
    font-size: 30px;
  }
}

.serviceAbout .contentInner .ui-wrapper {
  padding-left: 500px;
  padding-top: 60px;
}

@media only screen and (max-width: 992px) {
  .serviceAbout .contentInner .ui-wrapper {
    padding: 0 15px;
  }
}

.serviceAbout .contentInner .ui-wrapper .ui-title {
  margin-bottom: 40px;
  font-size: 28px;
  color: #009EE1;
  font-weight: bold;
  line-height: 1.3em;
}

@media only screen and (max-width: 992px) {
  .serviceAbout .contentInner .ui-wrapper .ui-title {
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
  }
}

.serviceAbout .contentInner .ui-wrapper .ui-text {
  font-size: 17px;
  line-height: 1.8em;
}

@media only screen and (max-width: 992px) {
  .serviceAbout .contentInner .ui-wrapper .ui-text {
    font-size: 13px;
    text-align: center;
  }
}

@media only screen and (max-width: 992px) {
  .serviceAbout .contentInner .ui-wrapper .ui-text br {
    display: none;
  }
}

.servicePickup {
  background: #009EE1;
}

.servicePickup .contentInner {
  height: 600px;
  padding-top: 70px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .servicePickup .contentInner {
    height: auto;
    padding: 30px 0;
  }
}

.servicePickup .contentInner h2 {
  margin-bottom: 50px;
  text-align: center;
  font-size: 36px;
  color: #fff;
}

@media only screen and (max-width: 992px) {
  .servicePickup .contentInner h2 {
    margin-bottom: 30px;
    font-size: 24px;
  }
}

.servicePickup .contentInner ul {
  text-align: center;
  font-size: 0;
}

.servicePickup .contentInner ul li {
  display: inline-block;
  width: 270px;
  margin: 0 25px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .servicePickup .contentInner ul li {
    display: block;
    width: 290px;
    margin: 0 auto;
    text-align: left;
  }
}

.servicePickup .contentInner ul li .ui-image {
  display: block;
  margin-bottom: 15px;
}

@media only screen and (max-width: 992px) {
  .servicePickup .contentInner ul li .ui-image {
    float: left;
    margin-right: 10px;
    overflow: hidden;
  }
}

@media only screen and (max-width: 992px) {
  .servicePickup .contentInner ul li .ui-image img {
    width: 100px;
  }
}

.servicePickup .contentInner ul li .ui-title {
  margin-bottom: 15px;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .servicePickup .contentInner ul li .ui-title {
    padding-top: 10px;
    margin-bottom: 5px;
    font-size: 22px;
  }
}

.servicePickup .contentInner ul li .ui-text {
  margin-bottom: 10px;
  font-size: 15px;
  color: #fff;
  line-height: 1.5em;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .servicePickup .contentInner ul li .ui-text {
    margin-bottom: 0;
    font-size: 14px;
  }
}

.servicePickup .contentInner ul li .ui-sub {
  font-size: 13px;
  color: #003348;
}

@media only screen and (max-width: 992px) {
  .servicePickup .contentInner ul li .ui-sub {
    font-size: 9px;
    overflow: hidden;
  }
}

.serviceMainFunction {
  background: #EFEFF3;
}

.serviceMainFunction .contentInner {
  padding-bottom: 35px;
}

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

.serviceMainFunction .contentInner h2 {
  padding: 70px 0;
  text-align: center;
  font-size: 36px;
  color: #009EE1;
}

@media only screen and (max-width: 992px) {
  .serviceMainFunction .contentInner h2 {
    padding: 30px 0;
    font-size: 24px;
  }
}

.serviceMainFunction .contentInner ul li {
  position: relative;
  float: left;
  width: 310px;
  height: 530px;
  padding: 20px 20px 20px 20px;
  margin-right: 35px;
  margin-bottom: 35px;
  background: #fff;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.serviceMainFunction .contentInner ul li:first-child + * + * {
  margin-right: 0;
}

.serviceMainFunction .contentInner ul li:first-child + * + * + * + * + * {
  margin-right: 0;
}

@media only screen and (max-width: 992px) {
  .serviceMainFunction .contentInner ul li {
    width: 100%;
    height: auto;
    padding: 10px 15px 0 15px;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.serviceMainFunction .contentInner ul li .ui-title {
  position: relative;
  display: table-cell;
  width: 264px;
  height: 60px;
  font-size: 24px;
  color: #009EE1;
  font-weight: bold;
  text-align: center;
  line-height: 1.3em;
  vertical-align: middle;
}

@media only screen and (max-width: 992px) {
  .serviceMainFunction .contentInner ul li .ui-title {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 25px;
    font-size: 20px;
  }
}

.serviceMainFunction .contentInner ul li .ui-title span {
  position: absolute;
  right: -10px;
  top: -10px;
}

@media only screen and (max-width: 992px) {
  .serviceMainFunction .contentInner ul li .ui-title span {
    right: -5px;
    top: -20px;
  }
  .serviceMainFunction .contentInner ul li .ui-title span img {
    width: 60px;
    height: 60px;
  }
}

.serviceMainFunction .contentInner ul li .ui-text {
  font-size: 16px;
  line-height: 1.5em;
  margin-top: 20px;
}

@media only screen and (max-width: 992px) {
  .serviceMainFunction .contentInner ul li .ui-text {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.serviceMainFunction .contentInner ul li .ui-image {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  transform: translate(-50%, 0);
}

@media only screen and (max-width: 992px) {
  .serviceMainFunction .contentInner ul li .ui-image {
    position: static;
    transform: translate(0, 0);
    text-align: center;
  }
}

@media only screen and (max-width: 992px) {
  .serviceMainFunction .contentInner ul li .ui-image img {
    width: 200px;
  }
}

.section-startManual {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,cccccc+100 */
  padding: 80px 6%;
}

@media only screen and (max-width: 992px) {
  .section-startManual {
    padding: 50px 6%;
  }
}

@media only screen and (max-width: 768px) {
  .section-startManual {
    padding: 30px 15px;
  }
}

.section-startManual .sectionInner h3 {
  padding: 0 0 40px 0;
  text-align: center;
  font-size: 30px;
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner h3 {
    padding: 30px 0;
    font-size: 22px;
  }
}

.section-startManual .sectionInner #slider01-js {
  position: relative;
}

.section-startManual .sectionInner #slider01-js ul .sliderItem {
  position: relative;
  display: block;
  height: 600px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider01-js ul .sliderItem {
    height: auto;
    padding: 0 15px;
  }
}

.section-startManual .sectionInner #slider01-js ul .sliderItem .ui-wapper {
  position: absolute;
  top: 50%;
  left: 460px;
  transform: translate(0, -50%);
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider01-js ul .sliderItem .ui-wapper {
    position: static;
    transform: translate(0, 0);
  }
}

.section-startManual .sectionInner #slider01-js ul .sliderItem .ui-wapper .ui-title {
  position: relative;
  margin-bottom: 35px;
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider01-js ul .sliderItem .ui-wapper .ui-title {
    margin-bottom: 20px;
  }
}

.section-startManual .sectionInner #slider01-js ul .sliderItem .ui-wapper .ui-title img {
  position: absolute;
  top: -12px;
  left: 0;
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider01-js ul .sliderItem .ui-wapper .ui-title img {
    top: 0px;
    left: 0;
    width: 50px;
  }
}

.section-startManual .sectionInner #slider01-js ul .sliderItem .ui-wapper .ui-title p {
  display: table-cell;
  height: 70px;
  padding-left: 100px;
  font-size: 28px;
  color: #009EE1;
  font-weight: bold;
  line-height: 1.3em;
  vertical-align: middle;
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider01-js ul .sliderItem .ui-wapper .ui-title p {
    height: 45px;
    padding-top: 7px;
    padding-left: 55px;
    font-size: 17px;
  }
}

.section-startManual .sectionInner #slider01-js ul .sliderItem .ui-wapper .ui-text {
  padding-left: 15px;
  font-size: 17px;
  line-height: 1.8em;
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider01-js ul .sliderItem .ui-wapper .ui-text {
    padding: 0;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider01-js ul .sliderItem .ui-wapper .ui-text br {
    display: none;
  }
}

.section-startManual .sectionInner #slider01-js ul .sliderItem .ui-image {
  position: absolute;
  top: 50px;
  left: 130px;
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider01-js ul .sliderItem .ui-image {
    display: block;
    position: static;
    margin-bottom: 15px;
    left: 0;
    text-align: center;
  }
}

.section-startManual .sectionInner #slider01-js ul .sliderItem .ui-image img {
  display: inline;
  max-width: 276px;
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider01-js ul .sliderItem .ui-image img {
    width: 180px;
  }
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider01-js ul .sliderItem .ui-text {
    padding: 10px;
    margin-bottom: 20px;
    background: #EFEFF3;
  }
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider01-js ul .sliderItem .ui-text br {
    display: none;
  }
}

.section-startManual .sectionInner #slider01-js .prev {
  position: absolute;
  top: 50%;
  left: -50px;
  transform: translate(0, -50%);
  font-size: 40px;
  color: #4d4d4d;
  text-decoration: none;
  z-index: 5000;
}

.section-startManual .sectionInner #slider01-js .prev:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider01-js .prev {
    top: 35%;
    left: 15px;
    font-size: 30px;
  }
}

.section-startManual .sectionInner #slider01-js .prev:hover {
  cursor: pointer;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.section-startManual .sectionInner #slider01-js .next {
  position: absolute;
  top: 50%;
  right: -50px;
  transform: translate(0, -50%);
  font-size: 40px;
  color: #4d4d4d;
  text-decoration: none;
  z-index: 5000;
}

.section-startManual .sectionInner #slider01-js .next:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider01-js .next {
    top: 35%;
    right: 15px;
    font-size: 30px;
  }
}

.section-startManual .sectionInner #slider01-js .next:hover {
  cursor: pointer;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.section-startManual .sectionInner #slider01-js .slick-dots {
  text-align: center;
}

.section-startManual .sectionInner #slider01-js .slick-dots li {
  display: inline-block;
  margin: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider01-js .slick-dots li {
    margin: 0 7px;
  }
}

.section-startManual .sectionInner #slider01-js .slick-dots li button {
  display: block;
  width: 18px;
  height: 18px;
  border: none;
  padding: 0;
  -webkit-border-radius: 100% 100% 100% 100%;
  -moz-border-radius: 100% 100% 100% 100%;
  border-radius: 100% 100% 100% 100%;
  background: #eee;
  text-indent: -9999px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider01-js .slick-dots li button {
    width: 10px;
    height: 10px;
  }
}

.section-startManual .sectionInner #slider01-js .slick-dots li.slick-active button {
  background: #666666;
}

.section-startManual .sectionInner #slider02-js ul li {
  width: 300px;
  margin: 0 10px;
  cursor: pointer;
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider02-js ul li {
    width: 240px;
  }
}

.section-startManual .sectionInner #slider02-js ul li a {
  text-align: center;
}

.section-startManual .sectionInner #slider02-js ul li a img {
  width: 100%;
}

.section-startManual .sectionInner #slider02-js ul li a span {
  display: block;
  width: 130px;
  margin: 15px auto 0 auto;
  padding: 2px 8px 1px 8px;
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  background: #009EE1;
  font-size: 13px;
  color: #fff;
  text-align: center;
}

.section-startManual .sectionInner #slider02-js ul li a span:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.section-startManual .sectionInner #slider02-js ul li:hover a {
  text-decoration: none;
}

.section-startManual .sectionInner #slider02-js .prev {
  position: absolute;
  top: 42%;
  left: -50px;
  transform: translate(0, -42%);
  font-size: 40px;
  color: #4d4d4d;
  text-decoration: none;
  z-index: 5000;
}

.section-startManual .sectionInner #slider02-js .prev:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider02-js .prev {
    display: none !important;
    left: 15px;
    font-size: 30px;
    color: #fff;
  }
}

.section-startManual .sectionInner #slider02-js .prev:hover {
  cursor: pointer;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.section-startManual .sectionInner #slider02-js .next {
  position: absolute;
  top: 42%;
  right: -50px;
  transform: translate(0, -42%);
  font-size: 40px;
  color: #4d4d4d;
  text-decoration: none;
  z-index: 5000;
}

.section-startManual .sectionInner #slider02-js .next:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner #slider02-js .next {
    display: none !important;
    right: 15px;
    font-size: 30px;
    color: #fff;
  }
}

.section-startManual .sectionInner #slider02-js .next:hover {
  cursor: pointer;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.section-startManual .sectionInner .content .movieList {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.section-startManual .sectionInner .content .movieList .item {
  float: left;
  width: 32%;
  margin-bottom: 2%;
  margin-right: 2%;
}

.section-startManual .sectionInner .content .movieList .item:nth-child(3n) {
  margin-right: 0;
}

@media only screen and (max-width: 992px) {
  .section-startManual .sectionInner .content .movieList .item {
    width: 48%;
    margin-right: 4%;
  }
  .section-startManual .sectionInner .content .movieList .item:nth-child(3n) {
    margin-right: 4%;
  }
  .section-startManual .sectionInner .content .movieList .item:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .section-startManual .sectionInner .content .movieList .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .section-startManual .sectionInner .content .movieList .item:nth-child(3n) {
    margin-right: 0;
  }
  .section-startManual .sectionInner .content .movieList .item:nth-child(2n) {
    margin-right: 0;
  }
}

.section-startManual .sectionInner .content .movieList .item .image {
  display: block;
  cursor: pointer;
}

.section-startManual .sectionInner .content .movieList .item .image:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.section-startManual .sectionInner .content .movieList .item .image figure {
  position: relative;
}

.section-startManual .sectionInner .content .movieList .item .image figure img {
  width: 100%;
  height: auto;
}

.section-startManual .sectionInner .content .movieList .item .image figure:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.section-startManual .sectionInner .content .movieList .item .image figure .svg-play_movie {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 176px;
  height: 34px;
}

.section-startManual .sectionInner .content .movieList .item .image figure .svg-play_movie svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.section-startManual .sectionInner .content .movieList .item .data {
  padding: 15px;
}

@media only screen and (max-width: 768px) {
  .section-startManual .sectionInner .content .movieList .item .data {
    padding: 10px 0 0 0;
  }
}

.section-startManual .sectionInner .content .movieList .item .data .title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .section-startManual .sectionInner .content .movieList .item .data .title {
    margin-bottom: 5px;
  }
}

.section-startManual .sectionInner .content .movieList .item .data .text {
  line-height: 1.5;
}

.section-startManual .sectionInner .content .movieList .item .data .link {
  margin-top: 5px;
}

.section-startManual .sectionInner .content .movieList .item .data .link a {
  color: #009EE1;
  font-weight: bold;
  font-size: 14px;
}

html#news-page {
  background: url(img/page_bg01.jpg) center top no-repeat;
}

html#rules-page {
  background: url(img/page_bg01.jpg) center top no-repeat;
}

.exColor {
  color: #E95156;
}

.clausesContent {
  line-height: 1;
  font-feature-settings: "palt";
}

@media only screen and (max-width: 992px) {
  .clausesContent {
    padding: 0 15px;
  }
}

.clausesContent section {
  margin-bottom: 50px;
}

.clausesContent h1 {
  margin-bottom: 50px;
  padding-left: 15px;
  font-size: 26px;
  color: #009EE1;
  border-left: solid 3px #009EE1;
  line-height: 1.3;
}

@media only screen and (max-width: 992px) {
  .clausesContent h1 {
    margin-bottom: 30px;
    font-size: 22px;
  }
}

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

.clausesContent h2 {
  margin-top: 40px;
  font-size: 20px;
  border-bottom: solid 1px #333;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 992px) {
  .clausesContent h2 {
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 18px;
  }
}

.clausesContent h2:first-child {
  margin-top: 0;
}

.clausesContent h3 {
  font-size: 15px;
  margin-top: 25px;
  font-weight: bold;
  margin-bottom: 10px;
}

.clausesContent h2 + h3 {
  margin-top: 0;
}

.clausesContent table {
  width: 100%;
  border-top: solid 1px #f2f2f2;
  border-left: solid 1px #f2f2f2;
  text-indent: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .clausesContent table {
    width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .clausesContent table tbody {
    width: 100%;
  }
}

.clausesContent table tr {
  border-bottom: solid 1px #f2f2f2;
}

.clausesContent table tr th {
  padding: 10px 15px;
  background: #e6e6e6;
  font-weight: bold;
  text-align: left;
  border-right: solid 1px #f2f2f2;
}

@media only screen and (max-width: 992px) {
  .clausesContent table tr th {
    padding: 10px 15px;
    background: #e6e6e6;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.clausesContent table tr td {
  padding: 10px 15px;
  border-right: solid 1px #f2f2f2;
  color: #555;
}

@media only screen and (max-width: 992px) {
  .clausesContent table tr td {
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.clausesContent p, .clausesContent ul {
  color: #555;
  line-height: 1.4;
}

.clausesContent ul li {
  margin-bottom: 5px;
}

.clausesContent ul li:last-child {
  margin-bottom: 0;
}

.clausesContent ul li > ul {
  margin-top: 5px;
}

.clausesContent .indentList > li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.clausesContent .indentList.is-indent--s > li {
  padding-left: 1em;
  text-indent: -1em;
}

.is-white {
  background: #fff !important;
  color: #555 !important;
  font-weight: normal !important;
}

#headline-purpose {
  height: 600px;
  background: url(img/bg_blue.png) center top no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 992px) {
  #headline-purpose {
    height: auto;
  }
}

#headline-purpose .headlineInner {
  position: relative;
  width: 1000px;
  height: 600px;
  margin: 0 auto;
  padding-top: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  #headline-purpose .headlineInner {
    width: auto;
    height: auto;
    padding-top: 110px;
    padding-bottom: 55px;
  }
}

#headline-purpose .headlineInner h1 {
  margin-bottom: 36px;
  font-size: 50px;
  color: #fff;
}

@media only screen and (max-width: 992px) {
  #headline-purpose .headlineInner h1 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 30px;
  }
}

#headline-purpose .headlineInner h1 img {
  margin-right: 10px;
  vertical-align: -16px;
}

@media only screen and (max-width: 992px) {
  #headline-purpose .headlineInner h1 img {
    height: 50px;
    vertical-align: -14px;
  }
}

#headline-purpose .headlineInner .mainText {
  margin-bottom: 36px;
  font-size: 34px;
  color: #fff;
  line-height: 1.3em;
}

@media only screen and (max-width: 992px) {
  #headline-purpose .headlineInner .mainText {
    margin-bottom: 20px;
    text-align: center;
    font-size: 22px;
  }
}

#headline-purpose .headlineInner .subText {
  font-size: 20px;
  color: #fff;
  line-height: 1.3em;
}

@media only screen and (max-width: 992px) {
  #headline-purpose .headlineInner .subText {
    text-align: center;
    font-size: 14px;
  }
}

#headline-purpose .headlineInner .headline-image {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 30px;
}

@media only screen and (max-width: 992px) {
  #headline-purpose .headlineInner .headline-image {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .section-purposeAbout .sectionTitle p br {
    display: none;
  }
}

.section-purposeAbout .image-purposeAbout {
  position: relative;
  display: block;
  text-align: center;
}

.section-purposeAbout .image-purposeAbout:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 992px) {
  .section-purposeAbout .image-purposeAbout:after {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .section-purposeAbout .image-purposeAbout {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 992px) {
  .section-purposeAbout .image-purposeAbout .swipe img {
    width: 100%;
    max-width: 400px;
  }
  .section-purposeAbout .image-purposeAbout .swipe img.display--sp {
    display: inline-block !important;
  }
}

.section-purposeAbout .image-purposeAbout .sp-text {
  display: none;
}

@media only screen and (max-width: 992px) {
  .section-purposeAbout .image-purposeAbout .sp-text {
    display: block;
    margin-top: 10px;
    color: #666;
  }
  .section-purposeAbout .image-purposeAbout .sp-text img {
    width: 20px;
    vertical-align: -4px;
  }
}

@media only screen and (max-width: 992px) {
  .list-manual {
    padding: 0 15px;
  }
}

.list-manual ul li {
  position: relative;
  height: 325px;
  margin-bottom: 80px;
  padding: 30px 350px 30px 30px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background: #009EE1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5;
}

.list-manual ul li.otherStyle {
  height: 360px;
}

@media only screen and (max-width: 992px) {
  .list-manual ul li.otherStyle {
    height: auto;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media only screen and (max-width: 992px) {
  .list-manual ul li {
    height: auto;
    padding: 25px 15px 25px 15px;
    margin-bottom: 40px;
  }
}

.list-manual ul li .listItem-title {
  margin-bottom: 30px;
}

@media only screen and (max-width: 992px) {
  .list-manual ul li .listItem-title {
    text-align: center;
  }
}

.list-manual ul li .listItem-title .purposeStep {
  display: inline-block;
  margin-right: 10px;
  width: 70px;
  height: 70px;
  border: solid 2px #fff;
  background: #009EE1;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .list-manual ul li .listItem-title .purposeStep {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
  }
}

.list-manual ul li .listItem-title .purposeStep span:first-child {
  display: block;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
}

@media only screen and (max-width: 992px) {
  .list-manual ul li .listItem-title .purposeStep span:first-child {
    font-size: 12px;
    line-height: 28px;
  }
}

.list-manual ul li .listItem-title .purposeStep span:first-child + * {
  display: block;
  font-size: 34px;
  color: #fff;
  font-weight: bold;
  line-height: 22px;
}

@media only screen and (max-width: 992px) {
  .list-manual ul li .listItem-title .purposeStep span:first-child + * {
    font-size: 30px;
    line-height: 16px;
  }
}

.list-manual ul li .listItem-title p {
  display: inline-block;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  vertical-align: 5px;
}

@media only screen and (max-width: 992px) {
  .list-manual ul li .listItem-title p {
    display: block;
    font-size: 20px;
    text-align: center;
  }
}

.list-manual ul li .listItem-text {
  margin-bottom: 30px;
  font-size: 19px;
  color: #fff;
}

@media only screen and (max-width: 992px) {
  .list-manual ul li .listItem-text {
    margin-bottom: 15px;
    font-size: 16px;
  }
}

.list-manual ul li .listItem-btn {
  display: block;
}

@media only screen and (max-width: 992px) {
  .list-manual ul li .listItem-btn {
    text-align: center;
  }
}

.list-manual ul li .listItem-btn a {
  display: inline-block;
  position: relative;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  padding: 7px 60px 5px 40px;
  background: #fff;
  font-size: 18px;
}

@media only screen and (max-width: 992px) {
  .list-manual ul li .listItem-btn a {
    padding: 7px 60px 5px 60px;
  }
}

.list-manual ul li .listItem-btn a:hover {
  text-decoration: none;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.list-manual ul li .listItem-btn a .icon--arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -11px;
  color: #009EE1;
  font-size: 15px;
}

.list-manual ul li .listItem-btn a .icon--arrow:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

.list-manual ul li .listItem-image {
  position: absolute;
  display: inline-block;
  top: -25px;
  right: 70px;
}

.list-manual ul li.otherStyle .listItem-image {
  right: 25px;
}

@media only screen and (max-width: 992px) {
  .list-manual ul li .listItem-image {
    display: none;
  }
}

.list-manual ul li .listItem-image img {
  max-width: 185px;
}

.list-manual ul li .listItem-image.is-double img {
  max-width: 290px;
}

.list-manual ul li:before {
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left: -40px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 40px 0 40px;
  border-color: #009edd transparent transparent transparent;
  line-height: 0px;
  _border-color: #009edd #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

@media only screen and (max-width: 992px) {
  .list-manual ul li:before {
    bottom: -30px;
    border-width: 30px 30px 0 30px;
    margin-left: -30px;
  }
}

.list-manual ul li:last-child:before {
  display: none;
}

@media only screen and (max-width: 992px) {
  .section-coupon .sectionTitle .extraArea {
    text-align: center;
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 992px) {
  .section-coupon .sectionTitle .extraArea .extraAreaInner {
    background: none;
  }
  .section-coupon .sectionTitle .extraArea .extraAreaInner:before {
    display: none;
  }
  .section-coupon .sectionTitle .extraArea .extraAreaInner p {
    font-size: 22px;
  }
  .section-coupon .sectionTitle .extraArea .extraAreaInner p span {
    font-size: 22px;
  }
}

.section-coupon .image-coupon {
  padding: 0 15px;
}

@media only screen and (max-width: 992px) {
  .section-coupon .image-coupon {
    text-align: center;
  }
}

.section-coupon .image-coupon img {
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .section-coupon .image-coupon img {
    width: 100%;
    max-width: 400px;
  }
  .section-coupon .image-coupon img.display--sp {
    display: inline-block !important;
  }
}

.section-coupon .image-coupon .mainText {
  display: none;
  margin-bottom: 15px;
  color: #009EE1;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .section-coupon .image-coupon .mainText {
    display: block;
    text-align: center;
    line-height: 1.8;
  }
}

.section-coupon .image-coupon .subText {
  margin-top: 20px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .section-coupon .image-coupon .subText {
    font-size: 12px;
    line-height: 1.5em;
  }
}

.section-campaign .image-campaign {
  margin-top: -140px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 992px) {
  .section-campaign .image-campaign {
    margin-top: 0;
    margin-bottom: 40px;
    padding: 0 15px;
    text-align: center;
  }
}

.section-campaign .image-campaign img {
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .section-campaign .image-campaign img {
    width: 100%;
    max-width: 400px;
  }
  .section-campaign .image-campaign img.display--sp {
    display: inline-block !important;
  }
}

@media only screen and (max-width: 992px) {
  .section-campaign .button {
    padding: 0 15px;
  }
}

.section-campaign .button .buttonInner {
  background: #E70044;
}

.purposeListSection {
  margin-bottom: 30px;
}

@media only screen and (max-width: 992px) {
  .purposeListSection {
    padding: 0 15px;
  }
}

.purposeListSection .h2-title--type02 .purposeStep {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  float: left;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  background: #009EE1;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .purposeListSection .h2-title--type02 .purposeStep {
    float: none;
    width: 150px;
    height: 40px;
    margin: 0 auto;
  }
}

.purposeListSection .h2-title--type02 .purposeStep span:first-child {
  display: block;
  font-size: 12px;
  color: #fff;
}

@media only screen and (max-width: 992px) {
  .purposeListSection .h2-title--type02 .purposeStep span:first-child {
    display: inline-block;
    font-size: 18px;
  }
}

.purposeListSection .h2-title--type02 .purposeStep span:first-child + * {
  display: block;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .purposeListSection .h2-title--type02 .purposeStep span:first-child + * {
    display: inline-block;
  }
}

.purposeListSection .h2-title--type02 h2 {
  padding-top: 12px;
  vertical-align: 6px;
  overflow: hidden;
}

@media only screen and (max-width: 992px) {
  .purposeListSection .h2-title--type02 h2 {
    text-align: center;
    font-size: 22px;
  }
}

.purposeListSection ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.purposeListSection ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 600px) {
  .purposeListSection ul li {
    width: calc((100% - 25px * (3 - 1)) / 3 - 0.1px);
    margin-right: 25px;
    margin-top: 0px;
  }
  .purposeListSection ul li:nth-child(3n + 0) {
    margin-right: 0;
  }
  .purposeListSection ul li:nth-child(1) {
    margin-top: 0;
  }
  .purposeListSection ul li:nth-child(2) {
    margin-top: 0;
  }
  .purposeListSection ul li:nth-child(3) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 599px) {
  .purposeListSection ul li {
    width: calc((100% - 0px * (2 - 1)) / 2 - 0.1px);
    margin-right: 0px;
    margin-top: 15px;
  }
  .purposeListSection ul li:nth-child(2n + 0) {
    margin-right: 0;
  }
  .purposeListSection ul li:nth-child(1) {
    margin-top: 0;
  }
  .purposeListSection ul li:nth-child(2) {
    margin-top: 0;
  }
}

.purposeListSection ul li .listItem-image {
  position: relative;
  border: solid 1px #d0d0d0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 15px;
}

@media only screen and (max-width: 992px) {
  .purposeListSection ul li .listItem-image {
    width: 95%;
    height: auto;
    margin: 0 auto 10px auto;
  }
}

.purposeListSection ul li .listItem-image:before {
  display: block;
  content: "";
  padding-top: 180%;
}

.purposeListSection ul li .listItem-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.purposeListSection ul li .listItem-main {
  height: 80px;
}

.purposeListSection .extra ul li .listItem-main, .extra .purposeListSection ul li .listItem-main {
  height: 60px;
}

@media only screen and (max-width: 992px) {
  .purposeListSection .extra ul li .listItem-main, .extra .purposeListSection ul li .listItem-main {
    height: auto;
  }
}

@media only screen and (max-width: 992px) {
  .purposeListSection ul li .listItem-main {
    height: auto;
    width: 95%;
    margin: 0 auto 5px auto;
  }
}

.purposeListSection ul li .listItem-main .purposeStep {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border: solid 2px #009EE1;
  background: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .purposeListSection ul li .listItem-main .purposeStep {
    flex-direction: row;
    float: none;
    height: 18px;
    margin-bottom: 5px;
  }
}

.purposeListSection ul li .listItem-main .purposeStep span {
  display: block;
  font-size: 20px;
  color: #009EE1;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .purposeListSection ul li .listItem-main .purposeStep span {
    font-size: 13px;
    line-height: 16px;
  }
}

.purposeListSection .extra ul li .listItem-main .purposeStep, .extra .purposeListSection ul li .listItem-main .purposeStep {
  border: solid 2px #E95156;
}

@media only screen and (max-width: 992px) {
  .purposeListSection .extra ul li .listItem-main .purposeStep, .extra .purposeListSection ul li .listItem-main .purposeStep {
    width: 65px;
  }
}

.purposeListSection .extra ul li .listItem-main .purposeStep span:first-child, .extra .purposeListSection ul li .listItem-main .purposeStep span:first-child {
  display: block;
  font-size: 10px;
  color: #E95156;
  line-height: 1;
  margin-bottom: 5px;
}

@media only screen and (max-width: 992px) {
  .purposeListSection .extra ul li .listItem-main .purposeStep span:first-child, .extra .purposeListSection ul li .listItem-main .purposeStep span:first-child {
    display: inline-block;
    font-size: 11px;
    margin-bottom: 0;
    line-height: 5px;
    vertical-align: 4px;
  }
}

.purposeListSection .extra ul li .listItem-main .purposeStep span:first-child + *, .extra .purposeListSection ul li .listItem-main .purposeStep span:first-child + * {
  display: block;
  font-size: 20px;
  color: #E95156;
  font-weight: bold;
  line-height: 13px;
}

@media only screen and (max-width: 992px) {
  .purposeListSection .extra ul li .listItem-main .purposeStep span:first-child + *, .extra .purposeListSection ul li .listItem-main .purposeStep span:first-child + * {
    display: inline-block;
    font-size: 13px;
    line-height: 5px;
    vertical-align: 4px;
  }
}

.purposeListSection ul li .listItem-main .listItem-text {
  overflow: hidden;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em;
}

.purposeListSection .extra ul li .listItem-main .listItem-text, .extra .purposeListSection ul li .listItem-main .listItem-text {
  color: #E95156;
}

@media only screen and (max-width: 992px) {
  .purposeListSection ul li .listItem-main .listItem-text {
    font-size: 11px;
  }
}

.purposeListSection .extra-step span {
  display: inline-block;
  margin-right: 10px;
  width: 80px;
  height: 40px;
  border: solid 2px #E95156;
  color: #E95156;
  background: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 38px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.purposeListSection .extra-step p {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #E95156;
}

.pswp .pswp__img {
  display: none !important;
}

.pswp.pswp--animated-in .pswp__img {
  display: block !important;
}

.section-point .sectionTitle h3 {
  margin-top: 40px;
  font-size: 20px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .section-point .sectionTitle h3 {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5;
  }
  .section-point .sectionTitle h3 span {
    display: block;
  }
}

.section-point .point_card ul.point_card_list {
  margin-bottom: 40px;
}

@media only screen and (max-width: 992px) {
  .section-point .point_card ul.point_card_list {
    margin-bottom: 0;
  }
}

.section-point .point_card ul.point_card_list li {
  float: left;
  width: 50%;
  padding: 0 20px;
}

.section-point .point_card ul.point_card_list li p {
  font-size: 20px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .section-point .point_card ul.point_card_list li p {
    font-size: 14px;
    line-height: 1.5;
  }
}

.section-point .point_card ul.point_card_list li p img {
  margin-bottom: 1em;
}

@media only screen and (max-width: 992px) {
  .section-point .point_card ul.point_card_list li {
    float: none;
    width: 100%;
    padding: 0 0 20px;
  }
  .section-point .point_card ul.point_card_list li:first-child p img {
    width: 122px;
  }
  .section-point .point_card ul.point_card_list li:last-child p img {
    width: 117px;
  }
}

.section-point .point_card h4 {
  margin-bottom: 1em;
  font-size: 20px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .section-point .point_card h4 {
    font-size: 16px;
  }
}

.section-point .point_card figure {
  width: 300px;
  margin: 0 auto 1em;
}

@media only screen and (max-width: 992px) {
  .section-point .point_card figure {
    width: 150px;
  }
}

.section-point .point_card figure img {
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .section-point .point_card figure img {
    width: 100%;
    max-width: 400px;
  }
}

.section-point .point_card .Text {
  padding: 0 20px;
  font-size: 16px;
}

@media only screen and (max-width: 992px) {
  .section-point .point_card .Text {
    font-size: 14px;
    line-height: 1.5em;
  }
}

.section-point .point_card .indexntList {
  padding: 1em 20px 0;
}

.section-point .point_card .indexntList li {
  word-break: break-word;
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: 0.1px;
  font-size: 14px;
  line-height: 1.5;
}

@media only screen and (max-width: 992px) {
  .section-point .point_card .indexntList li {
    font-size: 12px;
  }
}

.section-point .point_exchange {
  padding: 0 20px;
}

.section-point .point_exchange ul.point_exchange_list {
  margin: 40px 0 10px;
  background: #FFF;
  border-radius: 10px;
}

@media only screen and (max-width: 992px) {
  .section-point .point_exchange ul.point_exchange_list {
    margin: 10px 0;
  }
}

.section-point .point_exchange ul.point_exchange_list li {
  float: left;
  padding: 40px 20px;
}

.section-point .point_exchange ul.point_exchange_list li:first-child {
  width: 40%;
}

.section-point .point_exchange ul.point_exchange_list li:last-child {
  width: 60%;
}

.section-point .point_exchange ul.point_exchange_list li p {
  font-size: 18px;
  text-align: center;
  line-height: 1.5em;
}

.section-point .point_exchange ul.point_exchange_list li p span {
  color: #009EE1;
  font-size: 20px;
  font-weight: bold;
}

.section-point .point_exchange ul.point_exchange_list li p img {
  margin-bottom: 1em;
}

@media only screen and (max-width: 992px) {
  .section-point .point_exchange ul.point_exchange_list li {
    float: none;
    padding: 20px;
  }
  .section-point .point_exchange ul.point_exchange_list li:first-child, .section-point .point_exchange ul.point_exchange_list li:last-child {
    width: 100%;
  }
  .section-point .point_exchange ul.point_exchange_list li:last-child {
    padding-top: 0;
  }
  .section-point .point_exchange ul.point_exchange_list li:first-child figure img {
    width: 60px;
  }
  .section-point .point_exchange ul.point_exchange_list li:last-child figure img {
    width: 224px;
  }
  .section-point .point_exchange ul.point_exchange_list li p {
    font-size: 14px;
  }
  .section-point .point_exchange ul.point_exchange_list li p span {
    font-size: 16px;
  }
}

.section-point .point_exchange h4 {
  margin-bottom: 1em;
  font-size: 20px;
  text-align: center;
}

.section-point .point_exchange figure {
  margin-bottom: 10px;
  text-align: center;
}

.section-point .point_exchange .Text {
  font-size: 16px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .section-point .point_exchange .Text {
    font-size: 14px;
    text-align: left;
    line-height: 1.5em;
  }
}

.section-point .point_exchange .indexntList li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px;
  line-height: 1.5;
}

@media only screen and (max-width: 992px) {
  .section-point .point_exchange .indexntList li {
    font-size: 12px;
  }
}

.articleMain .articleDetail-list01 ul li {
  width: 280px;
  float: left;
  margin-right: 30px;
}

@media only screen and (max-width: 992px) {
  .articleMain .articleDetail-list01 ul li {
    width: 50%;
    margin: 0 0 20px 0;
  }
}

.articleMain .articleDetail-list01 ul li .listItem-main {
  margin-bottom: 10px;
}

@media only screen and (max-width: 992px) {
  .articleMain .articleDetail-list01 ul li .listItem-main {
    width: 95%;
    margin: 0 auto 5px auto;
  }
}

.articleMain .articleDetail-list01 ul li .listItem-main .step {
  margin-bottom: 5px;
}

.articleMain .articleDetail-list01 ul li .listItem-main .step .num {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border: solid 2px #E95156;
  font-size: 20px;
  color: #E95156;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 10px;
}

@media only screen and (max-width: 992px) {
  .articleMain .articleDetail-list01 ul li .listItem-main .step .num {
    height: 18px;
    line-height: 17px;
    font-size: 13px;
    margin-right: 5px;
  }
}

.articleMain .articleDetail-list01 ul li .listItem-main .step .text {
  font-size: 20px;
  color: #E95156;
  display: inline-block;
  width: calc(100% - 60px);
  vertical-align: middle;
}

@media only screen and (max-width: 992px) {
  .articleMain .articleDetail-list01 ul li .listItem-main .step .text {
    font-size: 13px;
    width: calc(100% - 48px);
  }
}

.articleMain .articleDetail-list01 ul li .listItem-main .listItem-text {
  font-size: 16px;
  line-height: 1.3em;
}

@media only screen and (max-width: 992px) {
  .articleMain .articleDetail-list01 ul li .listItem-main .listItem-text {
    font-size: 13px;
  }
}

@media only screen and (max-width: 992px) {
  .articleMain .articleDetail-list01 ul li .listItem-image {
    width: 95%;
    margin: 0 auto 5px auto;
  }
}

.articleMain .articleDetail-list01 ul li .listItem-image img {
  width: 100%;
}

.articleMain .articleDetail-list02 ul li {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: solid 1px #ccc;
}

.articleMain .articleDetail-list02 ul li:last-child {
  border-bottom: none;
}

@media only screen and (max-width: 992px) {
  .articleMain .articleDetail-list02 ul li {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

.articleMain .articleDetail-list02 ul li .listItem-main {
  float: right;
  width: 45%;
  margin-bottom: 10px;
  padding-top: 100px;
}

.articleMain .articleDetail-list02 ul li.ex .listItem-main {
  padding-top: 30px;
}

@media only screen and (max-width: 992px) {
  .articleMain .articleDetail-list02 ul li .listItem-main {
    float: none;
    width: 95%;
    margin: 0 auto 25px auto;
    padding-top: 0;
  }
  .articleMain .articleDetail-list02 ul li.ex .listItem-main {
    padding-top: 0;
  }
}

.articleMain .articleDetail-list02 ul li .listItem-main .step {
  margin-bottom: 15px;
}

@media only screen and (max-width: 992px) {
  .articleMain .articleDetail-list02 ul li .listItem-main .step {
    margin-bottom: 5px;
  }
}

.articleMain .articleDetail-list02 ul li .listItem-main .step .num {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: solid 2px #E95156;
  font-size: 20px;
  color: #E95156;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 10px;
}

@media only screen and (max-width: 992px) {
  .articleMain .articleDetail-list02 ul li .listItem-main .step .num {
    height: 18px;
    line-height: 17px;
    font-size: 13px;
    margin-right: 5px;
  }
}

.articleMain .articleDetail-list02 ul li .listItem-main .step .text {
  font-size: 20px;
  color: #E95156;
}

@media only screen and (max-width: 992px) {
  .articleMain .articleDetail-list02 ul li .listItem-main .step .text {
    font-size: 13px;
  }
}

.articleMain .articleDetail-list02 ul li .listItem-main .listItem-text {
  font-size: 16px;
  line-height: 1.3em;
}

@media only screen and (max-width: 992px) {
  .articleMain .articleDetail-list02 ul li .listItem-main .listItem-text {
    font-size: 13px;
  }
}

.articleMain .articleDetail-list02 ul li .listItem-image {
  float: left;
  width: 45%;
}

.articleMain .articleDetail-list02 ul li.ex .listItem-image {
  padding-top: 30px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .articleMain .articleDetail-list02 ul li .listItem-image {
    float: none;
    width: 95%;
    margin: 0 auto 5px auto;
  }
  .articleMain .articleDetail-list02 ul li.ex .listItem-image {
    padding-top: 0;
  }
}

.articleMain .articleDetail-list02 ul li .listItem-image img {
  width: 100%;
}

.articleMain .articleDetail-list02 ul li.ex .listItem-image img {
  width: 280px;
}

@media only screen and (max-width: 992px) {
  .articleMain .articleDetail-list02 ul li.ex .listItem-image img {
    width: 70%;
  }
}

.sp-accordion dl {
  margin-bottom: 40px;
}

@media only screen and (max-width: 992px) {
  .sp-accordion dl {
    margin-bottom: 1px !important;
  }
}

.sp-accordion dl dt {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .sp-accordion dl dt {
    font-size: 15px;
    background: #F2F2F2;
    padding: 12px 40px 12px 40px;
    margin-bottom: 0 !important;
  }
}

.sp-accordion dl dt .icon--q {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #009EE1;
}

.sp-accordion dl dt .icon--q:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .sp-accordion dl dt .icon--q {
    left: 10px;
    top: 12px;
  }
}

.sp-accordion dl dt .iconOpenClose {
  display: none;
}

@media only screen and (max-width: 992px) {
  .sp-accordion dl dt .iconOpenClose {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 12px;
    height: 12px;
    line-height: 1em;
    transform: translate(0, -50%);
  }
}

.sp-accordion dl dt .iconOpenClose span {
  display: block;
  width: 12px;
  height: 2px;
  background: #373737;
  transition: all 0.3s;
}

.sp-accordion dl dt .iconOpenClose span.firstLine {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
}

.sp-accordion dl dt.is-open .iconOpenClose span.firstLine {
  transform: rotate(-180deg);
}

.sp-accordion dl dt .iconOpenClose span.secondLine {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  transform: rotate(90deg);
}

.sp-accordion dl dt.is-open .iconOpenClose span.secondLine {
  transform: rotate(0deg);
}

.sp-accordion dl dd {
  position: relative;
  padding-left: 30px;
}

@media only screen and (max-width: 992px) {
  .sp-accordion dl dd {
    display: none;
    padding: 10px 10px 10px 40px;
  }
}

.sp-accordion dl dd .icon--a {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #E95156;
}

.sp-accordion dl dd .icon--a:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .sp-accordion dl dd .icon--a {
    left: 10px;
    top: 10px;
  }
}

.appPage .appPageHeader {
  height: 56px;
  background: #009EE1;
  color: #fff;
  text-align: center;
  line-height: 1;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.appPage .appPageHeader h1 span {
  display: block;
}

.appPage .appPageHeader h1 span.ja {
  margin-bottom: 6px;
  font-size: 18px;
}

.appPage .appPageHeader h1 span.en {
  font-size: 10px;
}

.appPage .appPageMain {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.appPage.appPage-debit .appPageMain {
  height: -webkit-calc(100vh - 95px);
  height: calc(100vh - 95px);
  padding-top: 18px;
}

.appPage.appPage-debit .mainImage h1 {
  text-align: center;
  padding: 0 17%;
  margin-bottom: 4%;
}

.appPage.appPage-debit .mainImage h1 img {
  width: 100%;
  height: auto;
}

.appPage.appPage-debit .mainImage .debitCard figure {
  position: relative;
  width: 100%;
  padding: 0 26%;
  margin-bottom: -26%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100;
  text-align: center;
}

.appPage.appPage-debit .mainImage .debitCard figure img {
  width: 100%;
  height: auto;
}

.appPage.appPage-debit .mainImage .debitCard .bg img {
  width: 100%;
  height: auto;
}

.appPage.appPage-debit .links h2 {
  text-align: center;
  background: #EFEFF4;
  padding: 10px 0;
  font-size: 13px;
}

.appPage.appPage-debit .links ul li {
  border-bottom: solid 1px #ccc;
}

.appPage.appPage-debit .links ul li a {
  position: relative;
  display: block;
  padding: 20px 15px 20px 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  color: #333;
  text-decoration: none;
}

.appPage.appPage-debit .links ul li a .icon {
  position: absolute;
  top: 50%;
  left: 15px;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: inline-block;
}

.appPage.appPage-debit .links ul li a .icon.icon-fukuoka img {
  width: auto;
  height: 22px;
}

.appPage.appPage-debit .links ul li a .icon.icon-kumamoto img {
  width: auto;
  height: 22px;
}

.appPage.appPage-debit .links ul li a .icon.icon-shinwa img {
  width: auto;
  height: 22px;
  padding-left: 2px;
}

.appPage.appPage-debit .links ul li a .icon.icon-juhachishinwa img {
  width: auto;
  height: 22px;
  margin-left: -3px;
}

.appPage.appPage-debit .links ul li a .text {
  font-size: 20px;
  font-size: 14px;
}

.appPage.appPage-debit .links ul li a .svg-arrow_normal02_right {
  position: absolute;
  right: 15px;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
}

.appPage.appPage-debit .links ul li a .svg-arrow_normal02_right:before {
  content: '\EA12';
  font-family: "myfont";
  color: #000;
  font-size: 14px;
  display: block;
}

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

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

.news-categoryNav__item {
  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;
  position: relative;
  flex-shrink: 1;
  width: 100%;
  text-align: center;
  border-bottom: solid 4px #CBCBCB;
  padding: 22px 0;
  cursor: pointer;
}

@media only screen and (max-width: 599px) {
  .news-categoryNav__item {
    padding: 10px 0;
  }
}

.news-categoryNav__item:before {
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  content: "";
  width: 0;
  height: 4px;
  margin: auto;
  background: #000;
  transition: width .2s;
}

.news-categoryNav__item:hover:before {
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .news-categoryNav__item:hover:before {
    width: 0;
  }
}

.news-categoryNav__item.is-current:before {
  width: 100%;
}

.news-categoryNav__item .news-categoryNav__text {
  font-size: 18px;
}

@media only screen and (max-width: 599px) {
  .news-categoryNav__item .news-categoryNav__text {
    font-size: 14px;
    font-weight: bold;
  }
}

.movie-base__section {
  margin-bottom: 70px;
}

@media only screen and (max-width: 768px) {
  .movie-base__section {
    margin-bottom: 50px;
  }
}

.movie-base__section:first-child {
  margin-top: 40px;
}

@media only screen and (max-width: 768px) {
  .movie-base__section:first-child {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .movie-base__header {
    height: auto;
    padding: 40px 0;
  }
}

@media only screen and (max-width: 768px) {
  .movie-base__header {
    padding: 0;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .movie-base__header {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .movie-base__header {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.movie-base__header .movie-base__headerInner {
  max-width: 1000px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .movie-base__header .movie-base__headerInner {
    display: block;
  }
}

.movie-base__header .movie-base__headerInner .movie-base__headerTitle {
  border-left: solid 3px #000;
  font-size: 28px;
  padding: 15px;
}

@media only screen and (max-width: 768px) {
  .movie-base__header .movie-base__headerInner .movie-base__headerTitle {
    font-size: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    font-weight: bold;
  }
}

.movie-base__header .movie-base__headerInner .movie-base__headerText {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  line-height: 1.5;
  flex: 1;
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  .movie-base__header .movie-base__headerInner .movie-base__headerText {
    margin-left: 0;
    margin-top: 20px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .movie-base__header .movie-base__headerInner .movie-base__headerText br {
    display: none;
  }
}

.movie-base__body {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  margin-top: 40px;
}

@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .movie-base__body {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .movie-base__body {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .movie-base__body {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .movie-list-group {
    border-bottom: solid 1px #C5C1C1;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .movie-list-group:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
}

.movie-list-group + .movie-list-group {
  margin-top: 40px;
}

@media only screen and (max-width: 768px) {
  .movie-list-group + .movie-list-group {
    margin-top: 20px;
  }
}

.movie-list-group__title {
  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;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .movie-list-group__title {
    display: block;
    margin-bottom: 14px;
  }
}

.movie-list-group__title .movie-list-group__titleMain {
  font-size: 20px;
}

@media only screen and (max-width: 768px) {
  .movie-list-group__title .movie-list-group__titleMain {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 7px;
  }
}

@media only screen and (max-width: 768px) {
  .movie-list-group__title .movie-list-group__titleMain:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 42px;
    height: 2px;
    background: #C5C1C1;
  }
}

.movie-list-group__title .movie-list-group__titleSub {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  line-height: 1.5;
  margin-left: 60px;
  padding: 5px 0;
  flex: 1;
}

@media only screen and (max-width: 768px) {
  .movie-list-group__title .movie-list-group__titleSub {
    margin-left: 0;
    font-size: 11px;
  }
}

.movie-list-group__title .movie-list-group__titleSub:before {
  position: absolute;
  left: -30px;
  top: 0;
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #CCC8C8;
}

@media only screen and (max-width: 768px) {
  .movie-list-group__title .movie-list-group__titleSub:before {
    display: none;
  }
}

.movie-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.movie-list .movie-list__item {
  cursor: pointer;
}

@media only screen and (min-width: 993px) {
  .movie-list .movie-list__item {
    width: calc((100% - 15px * (3 - 1)) / 3 - 0.1px);
    margin-right: 15px;
    margin-top: 35px;
  }
  .movie-list .movie-list__item:nth-child(3n + 0) {
    margin-right: 0;
  }
  .movie-list .movie-list__item:nth-child(1) {
    margin-top: 0;
  }
  .movie-list .movie-list__item:nth-child(2) {
    margin-top: 0;
  }
  .movie-list .movie-list__item:nth-child(3) {
    margin-top: 0;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .movie-list .movie-list__item {
    width: calc((100% - 15px * (2 - 1)) / 2 - 0.1px);
    margin-right: 15px;
    margin-top: 35px;
  }
  .movie-list .movie-list__item:nth-child(2n + 0) {
    margin-right: 0;
  }
  .movie-list .movie-list__item:nth-child(1) {
    margin-top: 0;
  }
  .movie-list .movie-list__item:nth-child(2) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 599px) {
  .movie-list .movie-list__item {
    width: calc((100% - 5px * (2 - 1)) / 2 - 0.1px);
    margin-right: 5px;
    margin-top: 25px;
  }
  .movie-list .movie-list__item:nth-child(2n + 0) {
    margin-right: 0;
  }
  .movie-list .movie-list__item:nth-child(1) {
    margin-top: 0;
  }
  .movie-list .movie-list__item:nth-child(2) {
    margin-top: 0;
  }
}

.movie-list .movie-list__item .movie-list__itemThumb {
  position: relative;
  display: block;
  cursor: pointer;
  overflow: hidden;
}

.movie-list .movie-list__item .movie-list__itemThumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit:cover;";
  transition: transform 0.3s;
}

.movie-list .movie-list__item:hover .movie-list__itemThumb img {
  transform: scale(1.1);
}

.movie-list .movie-list__item .movie-list__itemThumb:after {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56%;
}

.movie-list .movie-list__item .movie-list__itemThumb:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(40, 65, 101, 0.5);
  z-index: 100;
  transition: background 0.3s;
}

.movie-list .movie-list__item:hover .movie-list__itemThumb:before {
  background: rgba(40, 65, 101, 0);
}

.movie-list .movie-list__item .movie-list__itemThumb .svg-play_movie {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  width: 176px;
  height: 34px;
  z-index: 200;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  transition: opacity 0.3s;
}

.movie-list .movie-list__item:hover .movie-list__itemThumb .svg-play_movie {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

@media only screen and (max-width: 599px) {
  .movie-list .movie-list__item .movie-list__itemThumb .svg-play_movie {
    width: 109px;
    height: 20px;
  }
}

.movie-list .movie-list__item .movie-list__itemThumb .svg-play_movie svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.movie-list .movie-list__item .movie-list__itemDescription {
  margin-top: 15px;
}

@media only screen and (max-width: 599px) {
  .movie-list .movie-list__item .movie-list__itemDescription {
    margin-top: 10px;
  }
}

.movie-list .movie-list__item .movie-list__itemDescription .movie-list__itemTitle {
  line-height: 1.4;
}

@media only screen and (max-width: 599px) {
  .movie-list .movie-list__item .movie-list__itemDescription .movie-list__itemTitle {
    font-size: 14px;
  }
}

.movie-list__description {
  margin-top: 25px;
  font-size: 16px;
  line-height: 1.5;
}

@media only screen and (max-width: 599px) {
  .movie-list__description {
    margin-top: 15px;
    font-size: 13px;
  }
}

.recruit-hero {
  height: 600px;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .recruit-hero {
    height: 240px;
  }
}

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

.recruit-description {
  padding: 40px 50px 0 50px;
}

@media only screen and (max-width: 768px) {
  .recruit-description {
    padding: 0;
  }
}

.recruit-description__text {
  font-size: 18px;
  line-height: 1.8;
}

@media only screen and (max-width: 768px) {
  .recruit-description__text {
    font-size: 14px;
  }
}

.recruit-images {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: 80px;
}

@media only screen and (max-width: 768px) {
  .recruit-images {
    margin-top: 20px;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.recruit-images .recruit-images__item {
  position: relative;
  width: calc((100% - 1px * (3 - 1)) / 3 - 0.1px);
  margin-right: 1px;
  margin-top: 1px;
}

.recruit-images .recruit-images__item:nth-child(3n + 0) {
  margin-right: 0;
}

.recruit-images .recruit-images__item:nth-child(1) {
  margin-top: 0;
}

.recruit-images .recruit-images__item:nth-child(2) {
  margin-top: 0;
}

.recruit-images .recruit-images__item:nth-child(3) {
  margin-top: 0;
}

.recruit-images .recruit-images__item img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  font-family: "object-fit:cover;";
}

.recruit-images .recruit-images__item:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 78%;
}

.recruit-message {
  max-width: 760px;
  width: 100%;
  margin: 60px auto 0 auto;
  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;
}

@media only screen and (max-width: 768px) {
  .recruit-message {
    display: block;
    padding: 0 25px;
    margin-top: 25px;
  }
}

.recruit-message .recruit-message__image {
  width: 220px;
  height: 220px;
  border-radius: 110px;
  overflow: hidden;
  margin-right: 60px;
}

@media only screen and (max-width: 768px) {
  .recruit-message .recruit-message__image {
    width: 110px;
    height: 110px;
    margin: 0 auto;
  }
}

.recruit-message .recruit-message__main {
  width: 100%;
  flex: 1;
}

@media only screen and (max-width: 768px) {
  .recruit-message .recruit-message__main {
    margin-top: 20px;
  }
}

.recruit-message__link {
  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;
}

.recruit-message__link .recruit-message__linkInner {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 120px;
  max-width: 480px;
  width: 100%;
  border-radius: 10px;
  background: #009EE1;
  text-decoration: none;
  transition: all .3s;
}

@media only screen and (max-width: 768px) {
  .recruit-message__link .recruit-message__linkInner {
    height: auto;
    padding: 20px 0;
  }
}

.recruit-message__link .recruit-message__linkInner .recruit-message__mainText {
  font-size: 26px;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .recruit-message__link .recruit-message__linkInner .recruit-message__mainText {
    font-size: 16px;
  }
}

.recruit-message__link .recruit-message__linkInner .recruit-message__subText {
  font-size: 16px;
  margin-top: 15px;
  color: #fff;
  font-weight: 300;
}

@media only screen and (max-width: 768px) {
  .recruit-message__link .recruit-message__linkInner .recruit-message__subText {
    margin-top: 10px;
    font-size: 10px;
  }
}

.recruit-message__link .recruit-message__linkInner:before {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  content: "\EA13";
  font-family: "myfont";
  font-size: 16px;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .recruit-message__link .recruit-message__linkInner:before {
    font-size: 10px;
  }
}

.recruit-message__link .recruit-message__linkInner:hover {
  background: #008cc8;
}

.recruit-entry {
  margin-top: 80px;
}

@media only screen and (max-width: 768px) {
  .recruit-entry {
    margin-top: 35px;
    padding: 0 25px;
  }
}

.recruit-entry h2 {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
}

@media only screen and (max-width: 768px) {
  .recruit-entry h2 {
    font-size: 20px;
  }
}

.recruit-entry__links {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .recruit-entry__links {
    margin-top: 20px;
  }
}

.recruit-entry__link {
  border: solid 1px #ccc;
  border-radius: 10px;
}

.recruit-entry__link a {
  position: relative;
  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;
  height: 120px;
  padding: 0 20px;
}

@media only screen and (max-width: 768px) {
  .recruit-entry__link a {
    height: 60px;
  }
}

.recruit-entry__link a img {
  object-fit: scale-down;
  font-family: "object-fit:scale-down;";
}

@media only screen and (max-width: 768px) {
  .recruit-entry__link a img {
    max-width: 60%;
    max-height: 60%;
  }
}

.recruit-entry__link a:before {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  content: "\EA13";
  font-family: "myfont";
  font-size: 16px;
  color: #CCCCCC;
}

.p-recruit-table__container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 50px;
}

@media only screen and (max-width: 768px) {
  .p-recruit-table__container {
    gap: 20px;
    margin-top: 40px;
  }
}

h2.p-recruit-table-title {
  font-size: 35px;
  font-weight: 700;
  text-align: left;
  color: #009be9;
}

@media only screen and (max-width: 768px) {
  h2.p-recruit-table-title {
    font-size: 25px;
  }
}

.p-recruit-table-contents {
  border: 1px solid #333;
}

.p-recruit-table-contents dl {
  border-bottom: 1px solid #333;
}

.p-recruit-table-contents dl:nth-last-child(1) {
  border-bottom: none;
}

.p-recruit-table-contents a.p-recruit-table-contents-link {
  width: 100%;
  height: 100%;
  color: #333;
  text-decoration: none;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.p-recruit-table-contents a.p-recruit-table-contents-link:hover {
  background-color: #f8f8f8;
}

.p-recruit-table-contents a.p-recruit-table-contents-link::after {
  content: "\EA13";
  font-family: "myfont";
  font-size: 30px;
  color: #000;
}

@media only screen and (max-width: 768px) {
  .p-recruit-table-contents a.p-recruit-table-contents-link::after {
    font-size: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .p-recruit-table-contents a.p-recruit-table-contents-link {
    gap: 15px;
    padding: 10px;
  }
}

.p-recruit-table-contents .p-recruit-table-contents__txt-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  flex-shrink: 0;
}

@media only screen and (max-width: 768px) {
  .p-recruit-table-contents .p-recruit-table-contents__txt-container {
    gap: 10px;
    flex-shrink: initial;
  }
}

.p-recruit-table-contents dt {
  font-weight: 700;
  font-size: 25px;
}

@media only screen and (max-width: 768px) {
  .p-recruit-table-contents dt {
    font-size: 14px;
  }
}

.p-recruit-table-contents dd {
  font-size: 16px;
  display: flex;
}

@media only screen and (max-width: 768px) {
  .p-recruit-table-contents dd {
    font-size: 10px;
  }
}

.p-recruit-detail__container {
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin-top: 30px;
}

.p-recruit-overview {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

@media only screen and (max-width: 768px) {
  .p-recruit-overview {
    gap: 20px;
  }
}

.p-recruit-overview .p-recruit-overview-title {
  color: #009be9;
  font-size: 35px;
  font-weight: 700;
}

@media only screen and (max-width: 768px) {
  .p-recruit-overview .p-recruit-overview-title {
    font-size: 25px;
  }
}

.p-recruit-overview .p-recruit-overview-txt {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.7;
}

@media only screen and (max-width: 768px) {
  .p-recruit-overview .p-recruit-overview-txt {
    font-size: 14px;
  }
}

.p-recruit-philosophy {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.p-recruit-philosophy .p-recruit-philosophy__items {
  display: flex;
  gap: 40px;
}

@media only screen and (max-width: 768px) {
  .p-recruit-philosophy .p-recruit-philosophy__items {
    gap: 20px;
  }
}

.p-recruit-philosophy .p-recruit-philosophy__items .p-recruit-philosophy-title {
  font-size: 32px;
  font-weight: 700;
  width: 30%;
  flex-shrink: 0;
}

@media only screen and (max-width: 768px) {
  .p-recruit-philosophy .p-recruit-philosophy__items .p-recruit-philosophy-title {
    font-size: 22px;
  }
}

.p-recruit-philosophy .p-recruit-philosophy__items dd.p-recruit-philosophy-detail {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.5;
  width: 70%;
}

@media only screen and (max-width: 768px) {
  .p-recruit-philosophy .p-recruit-philosophy__items dd.p-recruit-philosophy-detail {
    font-size: 14px;
  }
}

.p-recruit-philosophy .p-recruit-philosophy__items ul.p-recruit-value__list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  flex-shrink: 0;
}

.p-recruit-philosophy .p-recruit-philosophy__items li.p-recruit-value-list-items {
  display: flex;
  gap: 20px;
}

@media only screen and (max-width: 768px) {
  .p-recruit-philosophy .p-recruit-philosophy__items li.p-recruit-value-list-items {
    flex-direction: column;
    gap: 10px;
  }
}

.p-recruit-philosophy .p-recruit-philosophy__items li.p-recruit-value-list-items span.p-recruit-value__title {
  width: 45%;
}

@media only screen and (max-width: 768px) {
  .p-recruit-philosophy .p-recruit-philosophy__items li.p-recruit-value-list-items span.p-recruit-value__title {
    width: 100%;
  }
}

.ad-content {
  background: #F0F0F4;
  padding-top: 80px;
  padding-bottom: 80px;
}

@media only screen and (max-width: 768px) {
  .ad-content {
    padding-top: 30px;
    padding-bottom: 35px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .ad-content {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .ad-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.ad-content .ad-content__inner {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.ad-content__section {
  margin-bottom: 75px;
}

.ad-content__section:last-child {
  margin-bottom: 0;
}

.ad-content__heading {
  font-size: 40px;
  text-align: center;
  margin-bottom: 60px;
  line-height: 1.3;
}

@media only screen and (max-width: 768px) {
  .ad-content__heading {
    font-size: 24px;
    margin-bottom: 25px;
  }
}

.ad-content__items {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.ad-content__item {
  background: #fff;
  padding: 15px;
  border: 1px solid #ccc;
}

@media only screen and (min-width: 600px) {
  .ad-content__item {
    width: calc((100% - 40px * (2 - 1)) / 2 - 0.1px);
    margin-right: 40px;
    margin-top: 35px;
  }
  .ad-content__item:nth-child(2n + 0) {
    margin-right: 0;
  }
  .ad-content__item:nth-child(1) {
    margin-top: 0;
  }
  .ad-content__item:nth-child(2) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 599px) {
  .ad-content__item {
    width: calc((100% - 0px * (1 - 1)) / 1 - 0.1px);
    margin-right: 0px;
    margin-top: 30px;
  }
  .ad-content__item:nth-child(1n + 0) {
    margin-right: 0;
  }
  .ad-content__item:nth-child(1) {
    margin-top: 0;
  }
}

.ad-content__item .ad-content__head {
  height: 230px;
  border-bottom: solid 1px #CCCCCC;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media only screen and (max-width: 599px) {
  .ad-content__item .ad-content__head {
    display: block;
    height: auto;
    text-align: center;
  }
}

.ad-content__item .ad-content__head .ad-content__title {
  flex: 1;
  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;
  font-size: 30px;
  color: #009EE1;
  font-weight: 500;
}

@media only screen and (max-width: 599px) {
  .ad-content__item .ad-content__head .ad-content__title {
    display: block;
    font-size: 17px;
    text-align: center;
    margin-bottom: 14px;
  }
}

.ad-content__item .ad-content__head .ad-content__image {
  width: 190px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding: 0 10px;
}

@media only screen and (max-width: 599px) {
  .ad-content__item .ad-content__head .ad-content__image {
    justify-content: center;
    width: auto;
    padding-top: 5px;
  }
}

.ad-content__item .ad-content__head .ad-content__image.is-v-center {
  -webkit-align-items: center;
  align-items: center;
}

.ad-content__item .ad-content__head .ad-content__image img {
  backface-visibility: inherit;
  max-width: 190px;
  padding: 0 10px;
}

@media only screen and (max-width: 599px) {
  .ad-content__item .ad-content__head .ad-content__image img {
    max-width: 179px;
    width: 100%;
  }
}

.ad-content__item .ad-content__body {
  padding-top: 20px;
}

.ad-content__item .ad-content__body .ad-content__list li {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 13px;
}

@media only screen and (max-width: 599px) {
  .ad-content__item .ad-content__body .ad-content__list li {
    font-size: 13px;
    margin-bottom: 8px;
  }
}

.ad-content__item .ad-content__body .ad-content__list li:last-child {
  margin-bottom: 0;
}

.ad-content__item .ad-content__body .ad-content__list li:before {
  position: absolute;
  top: 1em;
  left: 2px;
  margin-top: calc(-0.3em + -2.5px);
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #C0BFBE;
  line-height: 1.4;
}

.ad-description {
  padding-top: 75px;
  padding-bottom: 75px;
}

@media only screen and (max-width: 768px) {
  .ad-description {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .ad-description {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .ad-description {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.ad-description .ad-description__inner {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.ad-description__main {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .ad-description__main {
    font-size: 18px;
  }
}

.ad-description__sub {
  margin-top: 68px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
}

@media only screen and (max-width: 768px) {
  .ad-description__sub {
    font-size: 14px;
    margin-top: 20px;
  }
}

.template-base__section {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  margin-top: 40px;
}

@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .template-base__section {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .template-base__section {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .template-base__section {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .movie-base__header {
    height: auto;
    padding: 40px 0;
  }
}

@media only screen and (max-width: 768px) {
  .movie-base__header {
    padding: 0;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .movie-base__header {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .movie-base__header {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.movie-base__header .movie-base__headerInner {
  max-width: 1000px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .movie-base__header .movie-base__headerInner {
    display: block;
  }
}

.movie-base__header .movie-base__headerInner .movie-base__headerTitle {
  border-left: solid 3px #000;
  font-size: 28px;
  padding: 15px;
}

@media only screen and (max-width: 768px) {
  .movie-base__header .movie-base__headerInner .movie-base__headerTitle {
    font-size: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    font-weight: bold;
  }
}

.movie-base__header .movie-base__headerInner .movie-base__headerText {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  line-height: 1.5;
  flex: 1;
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  .movie-base__header .movie-base__headerInner .movie-base__headerText {
    margin-left: 0;
    margin-top: 20px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .movie-base__header .movie-base__headerInner .movie-base__headerText br {
    display: none;
  }
}

.movie-base__body {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  margin-top: 40px;
}

@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .movie-base__body {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .movie-base__body {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .movie-base__body {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .movie-list-group {
    border-bottom: solid 1px #C5C1C1;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .movie-list-group:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
}

.movie-list-group + .movie-list-group {
  margin-top: 40px;
}

@media only screen and (max-width: 768px) {
  .movie-list-group + .movie-list-group {
    margin-top: 20px;
  }
}

.movie-list-group__title {
  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;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .movie-list-group__title {
    display: block;
    margin-bottom: 14px;
  }
}

.movie-list-group__title .movie-list-group__titleMain {
  font-size: 20px;
}

@media only screen and (max-width: 768px) {
  .movie-list-group__title .movie-list-group__titleMain {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 7px;
  }
}

@media only screen and (max-width: 768px) {
  .movie-list-group__title .movie-list-group__titleMain:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 42px;
    height: 2px;
    background: #C5C1C1;
  }
}

.movie-list-group__title .movie-list-group__titleSub {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  line-height: 1.5;
  margin-left: 60px;
  padding: 5px 0;
  flex: 1;
}

@media only screen and (max-width: 768px) {
  .movie-list-group__title .movie-list-group__titleSub {
    margin-left: 0;
    font-size: 11px;
  }
}

.movie-list-group__title .movie-list-group__titleSub:before {
  position: absolute;
  left: -30px;
  top: 0;
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #CCC8C8;
}

@media only screen and (max-width: 768px) {
  .movie-list-group__title .movie-list-group__titleSub:before {
    display: none;
  }
}

.movie-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.movie-list .movie-list__item {
  cursor: pointer;
}

@media only screen and (min-width: 993px) {
  .movie-list .movie-list__item {
    width: calc((100% - 15px * (3 - 1)) / 3 - 0.1px);
    margin-right: 15px;
    margin-top: 35px;
  }
  .movie-list .movie-list__item:nth-child(3n + 0) {
    margin-right: 0;
  }
  .movie-list .movie-list__item:nth-child(1) {
    margin-top: 0;
  }
  .movie-list .movie-list__item:nth-child(2) {
    margin-top: 0;
  }
  .movie-list .movie-list__item:nth-child(3) {
    margin-top: 0;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .movie-list .movie-list__item {
    width: calc((100% - 15px * (2 - 1)) / 2 - 0.1px);
    margin-right: 15px;
    margin-top: 35px;
  }
  .movie-list .movie-list__item:nth-child(2n + 0) {
    margin-right: 0;
  }
  .movie-list .movie-list__item:nth-child(1) {
    margin-top: 0;
  }
  .movie-list .movie-list__item:nth-child(2) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 599px) {
  .movie-list .movie-list__item {
    width: calc((100% - 5px * (2 - 1)) / 2 - 0.1px);
    margin-right: 5px;
    margin-top: 25px;
  }
  .movie-list .movie-list__item:nth-child(2n + 0) {
    margin-right: 0;
  }
  .movie-list .movie-list__item:nth-child(1) {
    margin-top: 0;
  }
  .movie-list .movie-list__item:nth-child(2) {
    margin-top: 0;
  }
}

.movie-list .movie-list__item .movie-list__itemThumb {
  position: relative;
  display: block;
  cursor: pointer;
  overflow: hidden;
}

.movie-list .movie-list__item .movie-list__itemThumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit:cover;";
  transition: transform 0.3s;
}

.movie-list .movie-list__item:hover .movie-list__itemThumb img {
  transform: scale(1.1);
}

.movie-list .movie-list__item .movie-list__itemThumb:after {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56%;
}

.movie-list .movie-list__item .movie-list__itemThumb:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(40, 65, 101, 0.5);
  z-index: 100;
  transition: background 0.3s;
}

.movie-list .movie-list__item:hover .movie-list__itemThumb:before {
  background: rgba(40, 65, 101, 0);
}

.movie-list .movie-list__item .movie-list__itemThumb .svg-play_movie {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  width: 176px;
  height: 34px;
  z-index: 200;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  transition: opacity 0.3s;
}

.movie-list .movie-list__item:hover .movie-list__itemThumb .svg-play_movie {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

@media only screen and (max-width: 599px) {
  .movie-list .movie-list__item .movie-list__itemThumb .svg-play_movie {
    width: 109px;
    height: 20px;
  }
}

.movie-list .movie-list__item .movie-list__itemThumb .svg-play_movie svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.movie-list .movie-list__item .movie-list__itemDescription {
  margin-top: 15px;
}

@media only screen and (max-width: 599px) {
  .movie-list .movie-list__item .movie-list__itemDescription {
    margin-top: 10px;
  }
}

.movie-list .movie-list__item .movie-list__itemDescription .movie-list__itemTitle {
  line-height: 1.4;
}

@media only screen and (max-width: 599px) {
  .movie-list .movie-list__item .movie-list__itemDescription .movie-list__itemTitle {
    font-size: 14px;
  }
}

.movie-list__description {
  margin-top: 25px;
  font-size: 16px;
  line-height: 1.5;
}

@media only screen and (max-width: 599px) {
  .movie-list__description {
    margin-top: 15px;
    font-size: 13px;
  }
}

.faq-search {
  margin-bottom: 50px;
}

@media only screen and (max-width: 992px) {
  .faq-search {
    padding: 0 15px;
  }
}

.faq-search-input__header {
  margin-bottom: 10px;
}

.faq-search-input__text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 24px;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .faq-search-input__text {
    font-size: 16px;
    font-weight: bold;
  }
}

.faq-search-input__text:before {
  display: block;
  content: "\EA04";
  font-family: "myfont";
  font-size: 23px;
  margin-right: 10px;
}

@media only screen and (max-width: 768px) {
  .faq-search-input__text:before {
    font-size: 19px;
  }
}

.faq-search-input__notice {
  font-size: 14px;
  line-height: 1.6;
  color: #777;
  margin-top: 5px;
}

@media only screen and (max-width: 768px) {
  .faq-search-input__notice {
    font-size: 12px;
  }
}

.faq-inputWrapper {
  width: 80%;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .faq-inputWrapper {
    width: 100%;
  }
}

.faq-input {
  width: 100%;
  border: solid 2px #0088CB;
  background: #f6fdff;
  border-radius: 5px;
  padding: 15px;
}

.faq-input__delete {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}

.faq-input__delete:before {
  display: block;
  content: "\EA21";
  font-family: "myfont";
  font-size: 16px;
  color: #92d0e8;
}

@media only screen and (max-width: 768px) {
  .faq-input__delete:before {
    font-size: 16px;
  }
}

.faq-count {
  margin-top: 15px;
  font-size: 20px;
}

@media only screen and (max-width: 768px) {
  .faq-count {
    font-size: 18px;
  }
}

.faq-count b {
  color: #E95156;
}

.faq-textHighlight {
  background: #FFFF4D;
}

[v-cloak] {
  display: none;
}

.mycoin-layout {
  margin-top: 80px;
}

@media only screen and (max-width: 992px) {
  .mycoin-layout {
    margin-top: 50px;
  }
}

.mycoin-layout-body {
  padding: 50px 0;
}

.mycoin-layout-body.is-red {
  border-top: solid 3px #E95561;
  background: #FFEFF0;
}

.mycoin-layout-body.is-blue {
  border-top: solid 3px #159FDF;
  background: #E3F2F8;
}

@media only screen and (max-width: 992px) {
  .mycoin-layout-body {
    padding: 30px 15px;
  }
}

.mycoin-layout-heaer {
  position: relative;
  padding-top: 25px;
  padding-bottom: 37px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .mycoin-layout-heaer {
    padding-top: 10px;
  }
}

.mycoin-layout-heaer h2 {
  color: #333;
  font-size: 36px;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .mycoin-layout-heaer h2 {
    font-size: 26px;
  }
}

.mycoin-layout-body__secction {
  background: #fff;
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
  border-radius: 20px;
  padding: 50px 100px 50px;
  margin-bottom: 60px;
  box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 992px) {
  .mycoin-layout-body__secction {
    margin-bottom: 30px;
    padding: 20px 15px;
  }
}

.mycoin-layout-body__secction:last-child {
  margin-bottom: 0px;
}

.mycoin-layout-point__Items .mycoin-layout-point__DetailItem,
.mycoin-layout-point__Items .mycoin-layout-point__FinancialItem {
  width: 100%;
}

.mycoin-layout-point__Items .mycoin-layout-point__FinancialItem {
  margin-top: 40px;
}

@media only screen and (max-width: 992px) {
  .mycoin-layout-point__Items .mycoin-layout-point__FinancialItem {
    margin-top: 0px;
  }
}

.mycoin-layout-point__Items .mycoin-layout-point__DetailItem {
  display: flex;
  flex-direction: column;
}

.mycoin-layout-point__Items + .mycoin-point__linktext {
  margin-top: 20px;
}

.mycoin-text-Savingcolor {
  color: #E95561;
}

.mycoin-text-Usecolor {
  color: #159FDF;
}

#mycoin-headline-purpose {
  height: 600px;
  background: url(img/bg_blue.png) center top no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 992px) {
  #mycoin-headline-purpose {
    height: auto;
  }
}

#mycoin-headline-purpose .mycoin-headlineInner {
  position: relative;
  width: 1000px;
  height: 600px;
  margin: 0 auto;
  padding-top: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  #mycoin-headline-purpose .mycoin-headlineInner {
    width: auto;
    height: auto;
    padding-top: 110px;
    padding-bottom: 55px;
    margin: 0 15px;
  }
}

#mycoin-headline-purpose .mycoin-headlineInner h1 {
  margin-bottom: 36px;
  font-size: 50px;
  color: #fff;
}

@media only screen and (max-width: 992px) {
  #mycoin-headline-purpose .mycoin-headlineInner h1 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 30px;
  }
}

#mycoin-headline-purpose .mycoin-headlineInner h1 img {
  margin-right: 10px;
  vertical-align: -16px;
}

@media only screen and (max-width: 992px) {
  #mycoin-headline-purpose .mycoin-headlineInner h1 img {
    height: 50px;
    vertical-align: -14px;
  }
}

#mycoin-headline-purpose .mycoin-headlineInner .mainText {
  margin-bottom: 36px;
  font-weight: bold;
  font-size: 25px;
  color: #fff;
  line-height: 1.3em;
}

@media only screen and (max-width: 992px) {
  #mycoin-headline-purpose .mycoin-headlineInner .mainText {
    margin-bottom: 20px;
    text-align: center;
    font-size: 19px;
  }
}

#mycoin-headline-purpose .mycoin-headlineInner .subText {
  font-size: 17px;
  color: #fff;
  line-height: 1.5em;
}

@media only screen and (max-width: 992px) {
  #mycoin-headline-purpose .mycoin-headlineInner .subText {
    text-align: center;
    font-size: 13px;
  }
}

#mycoin-headline-purpose .mycoin-headlineInner .headline-image {
  display: inline-block;
  position: absolute;
  bottom: -20px;
  right: 30px;
  max-width: 320px;
}

@media only screen and (max-width: 992px) {
  #mycoin-headline-purpose .mycoin-headlineInner .headline-image {
    display: none;
  }
}

.mycoin-text-color {
  color: #FFE900;
}

.mycoin-point__h3 {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

@media only screen and (max-width: 992px) {
  .mycoin-point__h3 {
    margin-bottom: 0px;
    font-size: 22px;
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 768px) {
  .mycoin-point__h3 {
    margin-bottom: 0px;
    font-size: 18px;
  }
}

.mycoin-point__h3 img {
  display: block;
  max-height: 65px;
  height: 100%;
}

@media only screen and (max-width: 992px) {
  .mycoin-point__h3 img {
    position: inherit;
    top: 0px;
    max-width: 50px;
  }
}

.mycoin-point__h3 p {
  height: 70px;
  font-size: 35px;
  color: #333;
  font-weight: bold;
  line-height: 1.3em;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
}

@media only screen and (max-width: 992px) {
  .mycoin-point__h3 p {
    font-size: 23px;
    text-align: center;
  }
}

.mycoin-point__wrap {
  margin: 20px 0 15px;
}

@media only screen and (max-width: 992px) {
  .mycoin-point__wrap {
    margin: 15px 0;
  }
}

.mycoin-point__linktext {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  margin: 10px 0;
  color: #333;
}

@media only screen and (max-width: 992px) {
  .mycoin-point__linktext {
    margin: 10px 0 10px;
    font-size: 16px;
  }
}

.mycoin-point__bunner {
  text-align: center;
}

.mycoin-point__linktext + .mycoin-point-buttonList {
  margin-top: 0px;
}

div + .mycoin-point__h3 {
  margin-top: 60px;
}

@media only screen and (max-width: 768px) {
  div + .mycoin-point__h3 {
    margin-top: 30px;
  }
}

.sectionTitle + .mycoin-point__h3 {
  margin-top: 0px;
}

.mycoin-pointCard {
  border-top: solid 1px #D1D1D1;
}

@media only screen and (max-width: 992px) {
  .mycoin-pointCard {
    border-top: none;
    text-align: center;
  }
}

.mycoin-pointCard h4 {
  margin-bottom: 1em;
  font-size: 20px;
}

@media only screen and (max-width: 992px) {
  .mycoin-pointCard h4 {
    text-align: center;
    font-size: 16px;
  }
}

.mycoin-point__text {
  line-height: 1.5em;
  text-align: center;
  font-size: 16px;
}

@media only screen and (max-width: 992px) {
  .mycoin-point__text {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

.mycoin-point__text span {
  font-weight: bold;
}

.mycoin-pointCard__list {
  margin-bottom: 40px;
}

@media only screen and (max-width: 992px) {
  .mycoin-pointCard__list {
    margin-bottom: 0;
  }
}

.mycoin-pointCard__list li {
  float: left;
  width: 50%;
  padding: 0 20px;
}

.mycoin-pointCard__list li p {
  font-size: 20px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .mycoin-pointCard__list li p {
    font-size: 14px;
    line-height: 1.5;
  }
}

.mycoin-pointCard__list li p img {
  margin-bottom: 1em;
}

.mycoin-pointCard__list li figure {
  width: 300px;
  margin: 0 auto 1em;
}

@media only screen and (max-width: 992px) {
  .mycoin-pointCard__list li figure {
    width: 150px;
  }
}

.mycoin-pointCard__list li figure img {
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .mycoin-pointCard__list li figure img {
    width: 100%;
    max-width: 400px;
  }
}

@media only screen and (max-width: 992px) {
  .mycoin-pointCard__list li {
    float: none;
    width: 100%;
    padding: 0 0 20px;
  }
  .mycoin-pointCard__list li:first-child p img {
    width: 122px;
  }
  .mycoin-pointCard__list li:last-child p img {
    width: 117px;
  }
}

.mycoin-Financial {
  justify-content: center;
  background: #F5F5F8;
  margin-top: 14px;
  padding: 10px 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

@media only screen and (max-width: 992px) {
  .mycoin-Financial {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 12px;
  }
}

.mycoin-Financial__noticeList {
  margin-top: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row-reverse;
}

@media only screen and (max-width: 992px) {
  .mycoin-Financial__noticeList {
    display: block;
  }
}

.mycoin-Financial__noticeList li {
  text-align: right;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 11px;
  line-height: 1.5;
  color: #333;
}

@media only screen and (max-width: 992px) {
  .mycoin-Financial__noticeList li {
    text-align: left;
  }
}

.mycoin-Financial__heading {
  background: #fff;
  border-radius: 20px;
  width: 200px;
  border: solid 1px #C7C7CB;
  padding: 10px 40px;
  color: #9399A4;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: -25px auto 0;
}

@media all and (-ms-high-contrast: none) {
  .mycoin-Financial__heading {
    padding: 10px 40px 5px;
  }
}

@media only screen and (max-width: 992px) {
  .mycoin-Financial__heading {
    width: 100%;
    max-width: 150px;
    margin: 0 auto;
    padding: 5px;
    font-size: 13px;
  }
}

.mycoin-Financial__List {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.mycoin-Financial__List.is-col--3 {
  padding: 0 10px;
}

@media only screen and (max-width: 768px) {
  .mycoin-Financial__List.is-col--3 {
    padding: 0;
  }
}

.mycoin-Financial__List.is-col--3 {
  margin: 10px auto;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 992px) {
  .mycoin-Financial__List.is-col--3 {
    justify-content: inherit;
    align-items: inherit;
  }
}

@media only screen and (max-width: 992px) {
  .mycoin-Financial__List {
    margin-top: 10px;
  }
}

.mycoin-Financial__List .mycoin-Financial__List_li {
  padding: 0 15px;
  border: 1px solid #ddd;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 36px;
}

@media only screen and (min-width: 993px) {
  .mycoin-Financial__List .mycoin-Financial__List_li {
    width: calc((100% - 40px * (4 - 3)) / 4 - 0.1px);
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
  }
  .mycoin-Financial__List {
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: -10px;
  }
  .mycoin-Financial__List.is-col--3 .mycoin-Financial__List_li {
    width: calc((100% - 30px * (3 - 2)) / 3 - 0.1px);
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    max-width: 175px;
  }
  .mycoin-Financial__List {
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: -10px;
  }
  .mycoin-Financial__List .Financial__List.is-col--3 .mycoin-Financial__List_li, .Financial__List.is-col--3 .mycoin-Financial__List .mycoin-Financial__List_li {
    width: calc((100% - 10px * (3 - 1)) / 3 - 0.1px);
    margin-right: 10px;
    margin-top: 10px;
  }
  .mycoin-Financial__List .Financial__List.is-col--3 .mycoin-Financial__List_li:nth-child(3n + 0), .Financial__List.is-col--3 .mycoin-Financial__List .mycoin-Financial__List_li:nth-child(3n + 0) {
    margin-right: 0;
  }
  .mycoin-Financial__List .Financial__List.is-col--3 .mycoin-Financial__List_li:nth-child(1), .Financial__List.is-col--3 .mycoin-Financial__List .mycoin-Financial__List_li:nth-child(1) {
    margin-top: 0;
  }
  .mycoin-Financial__List .Financial__List.is-col--3 .mycoin-Financial__List_li:nth-child(2), .Financial__List.is-col--3 .mycoin-Financial__List .mycoin-Financial__List_li:nth-child(2) {
    margin-top: 0;
  }
  .mycoin-Financial__List .Financial__List.is-col--3 .mycoin-Financial__List_li:nth-child(3), .Financial__List.is-col--3 .mycoin-Financial__List .mycoin-Financial__List_li:nth-child(3) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .mycoin-Financial__List .mycoin-Financial__List_li {
    height: 24px;
  }
}

.mycoin-Financial__List .mycoin-Financial__List_li img {
  display: block;
  max-width: 96px;
  max-height: 20px;
  margin: auto;
}

.mycoin-Financial__List .mycoin-Financial__List_li.-size-l img {
  max-width: 121px;
}

.mycoin-Financial__List .mycoin-Financial__List_li.-height-s img {
  max-height: 17px;
}

@media only screen and (max-width: 768px) {
  .mycoin-Financial__List .mycoin-Financial__List_li.-height-s img {
    max-height: 12px;
  }
}

.mycoin-Financial__List .mycoin-Financial__List_li.-height-l img {
  max-height: 28px;
}

@media only screen and (max-width: 768px) {
  .mycoin-Financial__List .mycoin-Financial__List_li.-height-l img {
    max-height: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .mycoin-Financial__List .mycoin-Financial__List_li img {
    max-height: 15px;
  }
}

@media only screen and (max-width: 992px) {
  .mycoin-Financial__List .mycoin-Financial__List_li {
    width: calc((100% - 1px * (3 - 1)) / 3 - 0.1px);
    margin-right: 1px;
    margin-top: 1px;
    padding: 0 5px;
  }
  .mycoin-Financial__List .mycoin-Financial__List_li:nth-child(3n + 0) {
    margin-right: 0;
  }
  .mycoin-Financial__List .mycoin-Financial__List_li:nth-child(1) {
    margin-top: 0;
  }
  .mycoin-Financial__List .mycoin-Financial__List_li:nth-child(2) {
    margin-top: 0;
  }
  .mycoin-Financial__List .mycoin-Financial__List_li:nth-child(3) {
    margin-top: 0;
  }
  .mycoin-Financial__List .mycoin-Financial__List_li img {
    max-width: 100px;
  }
  .mycoin-Financial__List .mycoin-Financial__List_li.-size-l img {
    max-width: 100px;
  }
}

@media only screen and (max-width: 768px) {
  .mycoin-Financial__List .mycoin-Financial__List_li img {
    max-width: 72px;
  }
  .mycoin-Financial__List .mycoin-Financial__List_li.-size-l img {
    max-width: 84px;
  }
}

@media only screen and (max-width: 320px) {
  .mycoin-Financial__List .mycoin-Financial__List_li img {
    max-width: 64px;
  }
  .mycoin-Financial__List .mycoin-Financial__List_li.-size-l img {
    max-width: 68px;
  }
}

.mycoin-pointBank__List {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: 10px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .mycoin-pointBank__List {
    margin-bottom: 20px;
    margin-left: 5px;
  }
}

.mycoin-pointBank__List li {
  margin-right: 10px;
  padding: 8px 15px;
  color: #FFF;
  text-align: center;
  background: #33b1e7;
  border-radius: 4px;
}

@media only screen and (max-width: 992px) {
  .mycoin-pointBank__List li {
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 12px;
  }
}

.mycoin-pointExchange__indexntList {
  margin-top: 8px;
}

@media only screen and (max-width: 992px) {
  .mycoin-pointExchange__indexntList {
    margin-bottom: 10px;
  }
}

.mycoin-pointExchange__indexntList li {
  text-align: center;
  padding-left: 1em;
  font-size: 12px;
  line-height: 1.5;
}

@media only screen and (max-width: 992px) {
  .mycoin-pointExchange__indexntList li {
    text-align: left;
    font-size: 11px;
  }
}

@media only screen and (max-width: 768px) {
  .mycoin-pointExchange__indexntList {
    width: 100%;
  }
}

.mycoin-pointCampaign__image {
  padding: 40px 0;
  text-align: center;
}

.mycoin-pointCampaign__image img {
  height: auto;
  width: auto;
  height: 71px;
}

@media only screen and (max-width: 768px) {
  .mycoin-pointCampaign__image img {
    height: 44px;
  }
}

@media only screen and (max-width: 992px) {
  .mycoin-pointCampaign__image {
    width: 100%;
    padding: 15px 0;
  }
}

.mycoin-point-buttonList-transaction-wrap {
  margin-top: 20px;
}

.mycoin-point-buttonList-transaction-wrap span {
  text-align: left;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 0px;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 992px) {
  .mycoin-point-buttonList-transaction-wrap span {
    text-align: center;
    padding: 10px 0px;
    font-size: 16px;
  }
}

.mycoin-point-buttonList-transaction-wrap .mycoin-point-buttonList-transaction {
  border-top: solid 3px #00a1e9;
  background: #F5F5F8;
  padding: 25px 0px;
}

.mycoin-point-buttonList-transaction-wrap .mycoin-point-buttonList-transaction .mycoin-point-buttonList {
  margin: 0px;
  padding: 0 15px;
}

.mycoin-point-buttonList_linktext {
  font-weight: bold;
  text-align: left;
  font-size: 16px;
  margin: 25px 0 10px;
  color: #333;
}

@media only screen and (max-width: 992px) {
  .mycoin-point-buttonList_linktext {
    text-align: center;
  }
}

.mycoin-point-buttonList_linktext.-s {
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}

.mycoin-point-buttonList_linktext.-m {
  max-width: 750px;
  margin-right: auto;
  margin-left: auto;
}

.mycoin-point-buttonList {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .mycoin-point-buttonList {
    justify-content: flex-start;
  }
}

.mycoin-point-buttonList.-m {
  max-width: 750px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 992px) {
  .mycoin-point-buttonList.is-col--2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}

.mycoin-point-buttonList.-col--2 {
  max-width: 500px;
  margin: 0 auto;
}

@media only screen and (max-width: 992px) {
  .mycoin-point-buttonList.-col--2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}

@media only screen and (min-width: 769px) {
  .mycoin-point-buttonList__item {
    width: calc((100% - 15px * (3 - 1)) / 3 - 0.1px);
    margin-right: 15px;
    margin-top: 0px;
  }
  .mycoin-point-buttonList__item:nth-child(3n + 0) {
    margin-right: 0;
  }
  .mycoin-point-buttonList__item:nth-child(1) {
    margin-top: 0;
  }
  .mycoin-point-buttonList__item:nth-child(2) {
    margin-top: 0;
  }
  .mycoin-point-buttonList__item:nth-child(3) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 992px) {
  .mycoin-point-buttonList.is-col--2 .mycoin-point-buttonList__item {
    width: calc((100% - 5px * (2 - 1)) / 2 - 0.1px);
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
  }
  .mycoin-point-buttonList.is-col--2 .mycoin-point-buttonList__item:nth-child(2n + 0) {
    margin-right: 0;
  }
  .mycoin-point-buttonList.is-col--2 .mycoin-point-buttonList__item:nth-child(1) {
    margin-top: 0;
  }
  .mycoin-point-buttonList.is-col--2 .mycoin-point-buttonList__item:nth-child(2) {
    margin-top: 0;
  }
}

.mycoin-point-buttonList.-col--2 .mycoin-point-buttonList__item {
  width: calc((100% - 5px * (2 - 1)) / 2 - 0.1px);
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.mycoin-point-buttonList.-col--2 .mycoin-point-buttonList__item:nth-child(2n + 0) {
  margin-right: 0;
}

.mycoin-point-buttonList.-col--2 .mycoin-point-buttonList__item:nth-child(1) {
  margin-top: 0;
}

.mycoin-point-buttonList.-col--2 .mycoin-point-buttonList__item:nth-child(2) {
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  .mycoin-point-buttonList__item {
    width: calc((100% - 5px * (2 - 1)) / 2 - 0.1px);
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
  }
  .mycoin-point-buttonList__item:nth-child(2n + 0) {
    margin-right: 0;
  }
  .mycoin-point-buttonList__item:nth-child(1) {
    margin-top: 0;
  }
  .mycoin-point-buttonList__item:nth-child(2) {
    margin-top: 0;
  }
}

.mycoin-point-buttonList__item .buttonInner {
  background: #009EE1;
  padding: 15px 15px 15px 15px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  position: relative;
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
  .mycoin-point-buttonList__item .buttonInner {
    padding: 12px 13px 12px 13px;
    font-size: 12px !important;
    line-height: 1.5;
  }
}

.mycoin-point-buttonList__item .mycoin-point-buttonList.is-col--2 .buttonInner, .mycoin-point-buttonList.is-col--2 .mycoin-point-buttonList__item .buttonInner {
  padding: 19px 15px 19px 13px;
}

@media only screen and (max-width: 992px) {
  .mycoin-point-buttonList__item .mycoin-point-buttonList.is-col--2 .buttonInner, .mycoin-point-buttonList.is-col--2 .mycoin-point-buttonList__item .buttonInner {
    padding: 12px 13px 12px 13px;
    font-size: 12px !important;
    line-height: 1.5;
  }
}

@media only screen and (max-width: 320px) {
  .mycoin-point-buttonList__item .mycoin-point-buttonList.is-col--2 .buttonInner, .mycoin-point-buttonList.is-col--2 .mycoin-point-buttonList__item .buttonInner {
    font-size: 10px !important;
  }
}

.mycoin-point-buttonList__item .mycoin-point-buttonList.-col--2 .buttonInner, .mycoin-point-buttonList.-col--2 .mycoin-point-buttonList__item .buttonInner {
  padding: 19px 15px 19px 13px;
}

@media only screen and (max-width: 992px) {
  .mycoin-point-buttonList__item .mycoin-point-buttonList.-col--2 .buttonInner, .mycoin-point-buttonList.-col--2 .mycoin-point-buttonList__item .buttonInner {
    padding: 12px 13px 12px 13px;
    font-size: 12px !important;
    line-height: 1.5;
  }
}

@media only screen and (max-width: 320px) {
  .mycoin-point-buttonList__item .mycoin-point-buttonList.-col--2 .buttonInner, .mycoin-point-buttonList.-col--2 .mycoin-point-buttonList__item .buttonInner {
    font-size: 10px !important;
  }
}

@media only screen and (max-width: 768px) {
  .mycoin-point-buttonList__item .buttonInner small {
    display: none;
  }
}

@media only screen and (max-width: 320px) {
  .mycoin-point-buttonList__item .buttonInner {
    padding: 12px 5px 12px 5px !important;
    font-size: 10px !important;
  }
}

.mycoin-point-buttonList__item .buttonInner i.icon--arrow {
  position: absolute;
  right: 12px;
  top: 51%;
  transform: translate(0, -50%);
  font-size: 13px;
  font-weight: normal;
}

.mycoin-point-buttonList__item .buttonInner i.icon--arrow:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .mycoin-point-buttonList__item .buttonInner i.icon--arrow {
    right: 8px;
    font-size: 12px;
  }
}

.mycoin-use h2 {
  color: #333;
  font-size: 40px;
}

@media only screen and (max-width: 992px) {
  .mycoin-use h2 {
    font-size: 26px;
  }
}

.mycoin-useExchange {
  padding: 0 20px;
}

.mycoin-useExchange figure {
  margin-bottom: 10px;
  text-align: center;
}

.mycoin-useExchange p {
  font-weight: bold;
  margin-bottom: 10px;
}

.mycoin-useExchange .Text {
  font-size: 16px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .mycoin-useExchange .Text {
    font-size: 14px;
    text-align: left;
    line-height: 1.5em;
  }
}

.mycoin-useExchange__list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0px 0 10px;
}

@media only screen and (max-width: 992px) {
  .mycoin-useExchange__list {
    margin: 10px 0;
    display: block;
  }
}

.mycoin-useExchange__list li {
  width: calc((100% - 40px * (2 - 1)) / 2 - 0.1px);
  margin-right: 40px;
  margin-top: 0px;
  padding: 40px 20px;
  background: #FFF;
  border-radius: 10px;
}

.mycoin-useExchange__list li:nth-child(2n + 0) {
  margin-right: 0;
}

.mycoin-useExchange__list li:nth-child(1) {
  margin-top: 0;
}

.mycoin-useExchange__list li:nth-child(2) {
  margin-top: 0;
}

.mycoin-useExchange__list li:first-child {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 40%;
}

@media only screen and (max-width: 992px) {
  .mycoin-useExchange__list li:first-child {
    margin-bottom: 15px;
  }
}

.mycoin-useExchange__list li:first-child .mycoin-useExchange__listTitle {
  flex: 1;
}

.mycoin-useExchange__list li:last-child {
  width: 60%;
}

.mycoin-useExchange__list li p {
  font-size: 18px;
  text-align: center;
  line-height: 1.5em;
}

.mycoin-useExchange__list li p span {
  color: #009EE1;
  font-size: 20px;
  font-weight: bold;
}

.mycoin-useExchange__list li p img {
  margin-bottom: 1em;
}

@media only screen and (max-width: 992px) {
  .mycoin-useExchange__list li {
    float: none;
    padding: 20px;
  }
  .mycoin-useExchange__list li:first-child, .mycoin-useExchange__list li:last-child {
    width: 100%;
  }
  .mycoin-useExchange__list li:first-child figure img {
    width: 60px;
  }
  .mycoin-useExchange__list li:last-child figure img {
    width: 224px;
  }
  .mycoin-useExchange__list li p {
    font-size: 14px;
  }
  .mycoin-useExchange__list li p span {
    font-size: 16px;
  }
}

.mycoin-useExchange__indexntList li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px;
  line-height: 1.5;
}

@media only screen and (max-width: 992px) {
  .mycoin-useExchange__indexntList li {
    font-size: 12px;
  }
}

.mycoin-use_btn {
  margin-top: 10px;
}

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

.mycoin-table table {
  border-collapse: collapse;
  margin: 0 auto;
  max-width: 790px;
  width: 100%;
  table-layout: auto;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
}

@media only screen and (max-width: 768px) {
  .mycoin-table table {
    border: none;
  }
}

.mycoin-table table th,
.mycoin-table table td {
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
}

.mycoin-table table .is-maru {
  display: block;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .mycoin-table table .is-maru {
    flex: 1;
    text-align: right;
    padding-right: 8px;
  }
}

.mycoin-table table .is-maru:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #6b6b6b;
  vertical-align: middle;
}

.mycoin-table table .is-not {
  display: block;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .mycoin-table table .is-not {
    flex: 1;
    text-align: right;
    padding-right: 8px;
  }
}

.mycoin-table table .is-not:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 2px;
  border-radius: 2px;
  background: #159fdf;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  .mycoin-table thead {
    display: none;
  }
}

.mycoin-table thead tr {
  background: #eee;
}

.mycoin-table thead th {
  padding: 8px;
  font-size: 12px;
}

@media only screen and (max-width: 768px) {
  .mycoin-table tbody {
    display: flex;
    flex-wrap: wrap;
  }
}

.mycoin-table tbody tr {
  background-color: #fff;
}

@media only screen and (max-width: 768px) {
  .mycoin-table tbody tr {
    width: calc((100% - 20px * (2 - 1)) / 2 - 0.1px);
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
  }
  tbody {
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: -10px;
  }
}

.mycoin-table tbody th,
.mycoin-table tbody td {
  padding: 5px;
  vertical-align: middle;
}

.mycoin-table tbody th[data-label],
.mycoin-table tbody td[data-label] {
  width: 8%;
}

@media only screen and (max-width: 768px) {
  .mycoin-table tbody th[data-label],
  .mycoin-table tbody td[data-label] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: baseline;
    max-width: 100%;
    width: 100%;
  }
}

.mycoin-table tbody th {
  font-size: 10px;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .mycoin-table tbody th {
    background-color: #eee;
    display: block;
    border-right: none;
  }
}

@media only screen and (max-width: 768px) {
  .mycoin-table tbody td {
    position: relative;
    display: block;
    border-bottom: solid 1px #707070;
    border-left: 1px solid #707070;
  }
}

@media only screen and (max-width: 768px) {
  .mycoin-table tbody td:before {
    display: block;
    content: attr(data-label);
    font-weight: 600;
    font-size: 11px;
  }
}

.mycoin-table .first-cell {
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  width: 14%;
}

@media only screen and (max-width: 768px) {
  .mycoin-table .first-cell {
    display: none;
  }
}

.mycoin-table .second-cell {
  max-width: 150px;
  width: 20%;
}

@media only screen and (max-width: 768px) {
  .mycoin-table .second-cell {
    max-width: 100%;
    width: 100%;
    border-top: 1px solid #707070;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
  }
}

.mycoin-localnav-wrap {
  background: #f5f5f8;
}

.mycoin-localnav-wrap.is-fixed {
  height: 50px;
  margin: 30px auto;
}

.mycoin-localnav-wrap .mycoin-localnav {
  max-width: 1000px;
  margin: 0 auto;
}

.mycoin-localnav-wrap.is-fixed .mycoin-localnav {
  position: fixed;
  top: 47px;
  left: 0;
  width: 100%;
  margin: 0;
  border-top: 1px solid #ccc;
  background: #fff;
  z-index: 100;
}

@media only screen and (max-width: 992px) {
  .mycoin-localnav-wrap .mycoin-localnav {
    margin: 30px auto;
  }
}

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

.mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item {
  width: calc((100% - 30px * (2 - 1)) / 2 - 0.1px);
  margin-right: 30px;
  margin-top: 0px;
  position: relative;
  text-align: center;
}

.mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item:nth-child(2n + 0) {
  margin-right: 0;
}

.mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item:nth-child(1) {
  margin-top: 0;
}

.mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item:nth-child(2) {
  margin-top: 0;
}

.mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item:first-child:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 1px;
  height: 50px;
  background: #ccc;
  display: block;
}

.mycoin-localnav-wrap.is-fixed .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item:first-child:after {
  height: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media only screen and (max-width: 992px) {
  .mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item {
    width: calc((100% - 0px * (2 - 1)) / 2 - 0.1px);
    margin-right: 0px;
    margin-top: 0px;
    border: solid 2px #e8e8ed;
    border-radius: 0px;
    border: none;
    background: #fff;
  }
  .mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item:nth-child(2n + 0) {
    margin-right: 0;
  }
  .mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item:nth-child(1) {
    margin-top: 0;
  }
  .mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item:nth-child(2) {
    margin-top: 0;
  }
}

.mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item a {
  font-size: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-weight: bold;
  color: #333333;
  display: block;
  padding: 20px 90px;
  align-items: center;
  justify-content: center;
}

.mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item a:hover {
  opacity: 0.5;
}

@media only screen and (max-width: 992px) {
  .mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item a:hover {
    opacity: 1;
  }
}

@media only screen and (max-width: 992px) {
  .mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item a {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 50px;
    font-size: 18px;
    padding: 14px 0 20px;
    color: #000;
    font-weight: normal;
  }
  .mycoin-localnav-wrap.is-fixed .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item a {
    font-size: 13px;
  }
}

.mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item a span {
  font-size: 24px;
}

@media only screen and (max-width: 992px) {
  .mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item a span {
    font-size: 18px;
  }
  .mycoin-localnav-wrap.is-fixed .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item a span {
    font-size: 13px;
  }
}

.mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item a:after {
  display: block;
  font-family: "myfont";
  content: "\EA07";
  margin: 10px auto;
  width: 1em;
  font-size: 12px;
}

.mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .is-red.mycoin-localnav-list-item a:after {
  color: #e95561;
}

.mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .is-blue.mycoin-localnav-list-item a:after {
  color: #009ee1;
}

.mycoin-localnav-wrap.is-fixed .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item a:after {
  font-size: 10px;
  margin-top: 5px;
  transform: scale(0.9);
}

.mycoin-localnav-wrap .mycoin-localnav .mycoin-localnav__inner .mycoin-localnav-list-item a:hover {
  text-decoration: none;
}

.mycoin-ExchangeItem {
  width: 100%;
  margin: 30px 0;
}

@media only screen and (max-width: 992px) {
  .mycoin-ExchangeItem {
    margin: 20px 0;
  }
}

.mycoin-ExchangeItem .mycoin-Exchange__header {
  position: relative;
  background: #F4F3F6;
  font-size: 16px;
  text-align: center;
  color: #898D97;
  text-align: center;
  padding: 25px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .mycoin-ExchangeItem .mycoin-Exchange__header {
    padding: 20px 0;
    font-size: 14px;
  }
}

.mycoin-ExchangeItem .mycoin-Exchange__body {
  background: #F4F3F6;
}

@media only screen and (max-width: 992px) {
  .mycoin-ExchangeItem .mycoin-Exchange__body {
    padding: 20px 10px;
    padding-top: 0;
  }
}

.mycoin-ExchangeItem .mycoin-Exchange__body .mycoin-Exchange__items {
  margin: 0 auto;
  max-width: 676px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.mycoin-ExchangeItem .mycoin-Exchange__body .mycoin-Exchange__items .mycoin-Exchange__item {
  padding: 10px 18px;
  text-align: center;
  background: #fff;
  width: calc((100% - 114px * (3 - 2)) / 3 - 0.1px);
  margin-right: 19px;
  margin-left: 19px;
  margin-bottom: 27px;
  border-radius: 10px;
  box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05);
}

.mycoin-Exchange__items {
  margin-right: -19px;
  margin-left: -19px;
  margin-bottom: -27px;
}

@media only screen and (max-width: 992px) {
  .mycoin-ExchangeItem .mycoin-Exchange__body .mycoin-Exchange__items .mycoin-Exchange__item {
    padding: 10px 5px;
    width: calc((100% - 40px * (2 - 1)) / 2 - 0.1px);
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
  }
  .mycoin-Exchange__items {
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: -20px;
  }
}

.mycoin-ExchangeItem .mycoin-Exchange__body .mycoin-Exchange__items .mycoin-Exchange__item img {
  margin-bottom: 5px;
  max-height: 70px;
}

.mycoin-ExchangeItem .mycoin-Exchange__body .mycoin-Exchange__items .mycoin-Exchange__item .mycoin-Exchange__item-title {
  font-size: 13px;
  font-weight: bold;
}

.mycoin-ExchangeItem .mycoin-Exchange__body .mycoin-Exchange__items .mycoin-Exchange__item p {
  margin-top: 5px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.6em;
}

@media only screen and (max-width: 992px) {
  .mycoin-ExchangeItem .mycoin-Exchange__body .mycoin-Exchange__items .mycoin-Exchange__item p {
    font-size: 10px;
    min-height: 40px;
  }
}

.mycoin-table-head-accordion {
  color: #00a1e9;
  font-size: 16px;
}

.mycoin-table-head-accordion .mycoin-table-head-accordion__button {
  text-align: center;
  margin: 0 auto;
  border: solid 1px #00a1e9;
  max-width: 400px;
  border-radius: 10px;
  position: relative;
  margin-bottom: 1px;
  padding: 20px 40px 20px 20px;
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: all .2s;
}

.mycoin-table-head-accordion .mycoin-table-head-accordion__button:hover {
  background: #00a1e9;
  color: #fff;
}

@media only screen and (max-width: 992px) {
  .mycoin-table-head-accordion .mycoin-table-head-accordion__button {
    width: 100%;
    max-width: 100%;
  }
}

@media all and (-ms-high-contrast: none) {
  .mycoin-table-head-accordion .mycoin-table-head-accordion__button {
    padding: 20px 60px 13px 30px;
  }
}

@media only screen and (max-width: 768px) {
  .mycoin-table-head-accordion .mycoin-table-head-accordion__button {
    font-size: 14px;
  }
}

.mycoin-table-head-accordion .mycoin-table-head-accordion__button br {
  display: none;
}

@media only screen and (max-width: 768px) {
  .mycoin-table-head-accordion .mycoin-table-head-accordion__button br {
    display: block;
  }
}

.mycoin-table-head-accordion .mycoin-table-head-accordion__button span {
  text-align: center;
}

.mycoin-table-head-accordion .mycoin-table-head-accordion__button.is-accordion:before {
  position: absolute;
  z-index: 3;
  content: "";
  top: 50%;
  border-radius: 30px;
  background: #00a1e9;
  right: 23px;
  width: 2px;
  height: 20px;
  margin-top: -10px;
  transition: 0.2s;
  transform: rotateZ(0deg);
}

.mycoin-table-head-accordion .mycoin-table-head-accordion__button.is-open.is-accordion:before {
  transform: rotate(135deg);
}

.mycoin-table-head-accordion .is-accordion.mycoin-table-head-accordion__button:hover:before {
  background: #fff;
}

.mycoin-table-head-accordion .mycoin-table-head-accordion__button.is-accordion:after {
  position: absolute;
  z-index: 3;
  content: "";
  background: #00a1e9;
  top: 50%;
  right: 14px;
  width: 20px;
  height: 2px;
  margin-top: -1px;
  border-radius: 30px;
  transition: 0.2s;
}

.mycoin-table-head-accordion .mycoin-table-head-accordion__button.is-open.is-accordion:after {
  transform: rotate(135deg);
}

.mycoin-table-head-accordion .is-accordion.mycoin-table-head-accordion__button:hover:after {
  background: #fff;
}

.mycoin-table-head-accordion .mycoin-table-head-accordion__body {
  display: none;
  padding-top: 40px;
}

@media only screen and (max-width: 992px) {
  .mycoin-table-head-accordion .mycoin-table-head-accordion__body {
    background: #f5f5f8;
    margin-top: -5px;
  }
}

@media only screen and (max-width: 768px) {
  .mycoin-table-head-accordion .mycoin-table-head-accordion__body {
    padding: 20px 0px;
  }
}

.mycoin-table-head-accordion .mycoin-table-head-accordion__body .mycoin-table {
  color: #333;
}

.mycoin-table-head-accordion .mycoin-table-head-accordion__body .mycoin-table-head-accordion__body-img {
  display: none;
}

@media only screen and (max-width: 992px) {
  .mycoin-table-head-accordion .mycoin-table-head-accordion__body .mycoin-table-head-accordion__body-img {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    color: #333;
  }
}

.mycoin-table-head-accordion .mycoin-table-head-accordion__body .mycoin-table-head-accordion__body-img span {
  margin-top: 10px;
  font-size: 14px;
}

.mycoin-table-head-zoomImage__button--sp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 992px) {
  .mycoin-table-head-zoomImage__button--sp {
    display: block;
  }
}

.mycoin-table-head-zoomImage__button--sp img {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.cotra-layout {
  margin-top: 80px;
}

@media only screen and (max-width: 992px) {
  .cotra-layout {
    margin-top: 50px;
  }
}

.cotra-layout-body {
  padding: 50px 0;
}

.cotra-layout-body.is-red {
  border-top: solid 3px #E95561;
  background: #FFEFF0;
}

.cotra-layout-body.is-blue {
  border-top: solid 3px #159FDF;
  background: #E3F2F8;
}

@media only screen and (max-width: 992px) {
  .cotra-layout-body {
    padding: 30px 15px;
  }
}

.cotra-layout-heaer {
  position: relative;
  padding-top: 25px;
  padding-bottom: 37px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .cotra-layout-heaer {
    padding-top: 10px;
  }
}

.cotra-layout-heaer h2 {
  color: #333;
  font-size: 36px;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .cotra-layout-heaer h2 {
    font-size: 26px;
  }
}

.cotra-layout-body__secction {
  background: #fff;
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
  border-radius: 20px;
  padding: 50px 100px 0;
  margin-bottom: 60px;
  box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 992px) {
  .cotra-layout-body__secction {
    margin-bottom: 30px;
    padding: 20px 15px;
  }
}

.cotra-layout-body__secction:last-child {
  margin-bottom: 0px;
}

.cotra-layout-point__Items .cotra-layout-point__DetailItem,
.cotra-layout-point__Items .cotra-layout-point__FinancialItem {
  width: 100%;
}

.cotra-layout-point__Items .cotra-layout-point__FinancialItem {
  margin-top: 40px;
}

@media only screen and (max-width: 992px) {
  .cotra-layout-point__Items .cotra-layout-point__FinancialItem {
    margin-top: 0px;
  }
}

.cotra-layout-point__Items .cotra-layout-point__DetailItem {
  display: flex;
  flex-direction: column;
}

.cotra-layout-point__Items + .cotra-point__linktext {
  margin-top: 20px;
}

.cotra-text-redcolor {
  color: #E95561;
}

.cotra-text-bluecolor {
  color: #159FDF;
}

.cotra-Functions {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 992px) {
  .cotra-Functions {
    margin: 0 6% 70px 6%;
  }
}

@media only screen and (max-width: 768px) {
  .cotra-Functions {
    align-items: center;
    margin: 0 15px 0px 15px;
  }
}

.cotra-Functions.otherStyle {
  border-bottom: none;
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .cotra-Functions {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 20px;
  }
}

.cotra-Functions .cotra-FunctionsImage {
  max-width: 340px;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .cotra-Functions .cotra-FunctionsImage {
    width: 200px;
  }
}

.cotra-Functions .cotra-FunctionsImage span {
  display: inline-block;
  width: 50%;
}

@media only screen and (max-width: 768px) {
  .cotra-Functions .cotra-FunctionsImage span {
    display: block;
    text-align: center;
    margin: 0;
    width: auto;
  }
}

.cotra-Functions .cotra-FunctionsImage span:first-child + * {
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .cotra-Functions .cotra-FunctionsImage span:first-child + * {
    display: none;
  }
}

.cotra-Functions .cotra-FunctionsImage span img {
  max-width: 232px;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .cotra-Functions .cotra-FunctionsImage span img {
    width: 200px;
  }
}

.cotra-Functions .cotra-FunctionsText {
  display: flex;
  -webkit-align-items: left;
  align-items: left;
  -webkit-flex-direction: column;
  flex-direction: column;
  max-width: 460px;
  width: 100%;
  padding: 0 55px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cotra-Functions .is-paddingUnique {
  padding: 0 0 0 35px;
}

@media only screen and (max-width: 992px) {
  .cotra-Functions .cotra-FunctionsText {
    padding: 0 0 0 25px;
  }
}

@media only screen and (max-width: 768px) {
  .cotra-Functions .cotra-FunctionsText {
    padding: 15px 0;
    -webkit-align-items: center;
    align-items: center;
  }
}

.cotra_text {
  line-height: 1.5em;
  font-size: 16px;
}

@media only screen and (max-width: 992px) {
  .cotra_text {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

.cotra_text span {
  font-weight: bold;
}

.cotra-ul_list {
  margin-bottom: 40px;
}

@media only screen and (max-width: 992px) {
  .cotra-ul_list {
    margin-bottom: 0;
  }
}

.cotra-ul_list li {
  float: left;
  width: 50%;
  padding: 0 20px;
}

.cotra-ul_list li p {
  font-size: 20px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .cotra-ul_list li p {
    font-size: 14px;
    line-height: 1.5;
  }
}

.cotra-ul_list li p img {
  margin-bottom: 1em;
}

.cotra-ul_list li figure {
  width: 300px;
  margin: 0 auto 1em;
}

@media only screen and (max-width: 992px) {
  .cotra-ul_list li figure {
    width: 150px;
  }
}

.cotra-ul_list li figure img {
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .cotra-ul_list li figure img {
    width: 100%;
    max-width: 400px;
  }
}

@media only screen and (max-width: 992px) {
  .cotra-ul_list li {
    float: none;
    width: 100%;
    padding: 0 0 20px;
  }
  .cotra-ul_list li:first-child p img {
    width: 122px;
  }
  .cotra-ul_list li:last-child p img {
    width: 117px;
  }
}

.cotraExchange_indexntList {
  margin-top: 8px;
}

@media only screen and (max-width: 992px) {
  .cotraExchange_indexntList {
    margin-bottom: 10px;
  }
}

.cotraExchange_indexntList li {
  font-size: 12px;
  line-height: 1.5;
}

@media only screen and (max-width: 992px) {
  .cotraExchange_indexntList li {
    text-align: left;
    font-size: 11px;
  }
}

@media only screen and (max-width: 768px) {
  .cotraExchange_indexntList {
    width: 100%;
  }
}

.cotra_featureList_wrap {
  margin: 15px 0;
}

@media only screen and (max-width: 768px) {
  .cotra_featureList_wrap {
    margin: 10px 0;
  }
}

.cotra_featureList:first-child {
  margin-bottom: 10px;
}

.cotra_featureList .cotra_featureList_dt {
  color: #00A1E9;
  font-size: 17px;
  font-weight: bold;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 5px;
}

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

.cotra_featureList .cotra_featureList_dt:before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 20px;
  margin-right: 5px;
  background-color: #00A1E9;
}

.cotra_featureList .cotra_featureList_dd {
  line-height: 1.5;
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
  .cotra_featureList .cotra_featureList_dd {
    font-size: 14px;
  }
}

#cotra-headline-purpose {
  height: 600px;
  background: url(img/bg_blue.png) center top no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 992px) {
  #cotra-headline-purpose {
    height: auto;
  }
}

#cotra-headline-purpose .cotra-headlineInner {
  position: relative;
  width: 1000px;
  height: 600px;
  margin: 0 auto;
  padding-top: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  #cotra-headline-purpose .cotra-headlineInner {
    width: auto;
    height: auto;
    padding-top: 110px;
  }
}

#cotra-headline-purpose .cotra-headlineInner h1 {
  margin-bottom: 36px;
  font-size: 50px;
  color: #fff;
  text-align: left;
  display: flex;
  align-items: center;
  line-height: 1.2;
}

@media only screen and (max-width: 992px) {
  #cotra-headline-purpose .cotra-headlineInner h1 {
    margin-bottom: 20px;
    font-size: 30px;
    justify-items: center;
    justify-content: center;
  }
}

#cotra-headline-purpose .cotra-headlineInner h1 img {
  margin-right: 10px;
  vertical-align: -16px;
}

@media only screen and (max-width: 992px) {
  #cotra-headline-purpose .cotra-headlineInner h1 img {
    height: 50px;
    vertical-align: -14px;
  }
}

#cotra-headline-purpose .cotra-headlineInner .mainText {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 25px;
  color: #fff;
  line-height: 1.3em;
}

@media only screen and (max-width: 992px) {
  #cotra-headline-purpose .cotra-headlineInner .mainText {
    margin-bottom: 20px;
    text-align: center;
    font-size: 19px;
  }
}

#cotra-headline-purpose .cotra-headlineInner .subText {
  font-size: 17px;
  color: #fff;
  line-height: 1.5em;
}

@media only screen and (max-width: 992px) {
  #cotra-headline-purpose .cotra-headlineInner .subText {
    text-align: center;
    font-size: 13px;
  }
}

#cotra-headline-purpose .cotra-headlineInner .subText-notice {
  margin-top: 20px;
  font-size: 12px;
  color: #fff;
  line-height: 1.5em;
}

@media only screen and (max-width: 992px) {
  #cotra-headline-purpose .cotra-headlineInner .subText-notice {
    margin-top: 10px;
    text-align: center;
    font-size: 10px;
  }
}

#cotra-headline-purpose .cotra-headlineInner .headline-image {
  display: inline-block;
  position: absolute;
  right: -70px;
  max-width: 580px;
  animation: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
}

@media only screen and (max-width: 992px) {
  #cotra-headline-purpose .cotra-headlineInner .headline-image {
    position: relative;
    bottom: -5px;
    right: inherit;
    max-width: inherit;
    transform: inherit;
    width: 100%;
    margin-top: 30px;
  }
}

.cotra-text-color {
  color: #FFE900;
}

.cotra_swiper {
  width: 580px;
  display: flex;
  align-items: flex-end;
  justify-items: center;
}

.cotra_swiper img {
  height: 500px;
  margin: auto auto 0;
  display: block;
}

@media only screen and (max-width: 992px) {
  .cotra_swiper img {
    height: 300px;
  }
}

.cotra_h3 {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 30px;
}

@media only screen and (max-width: 992px) {
  .cotra_h3 {
    margin-bottom: 0px;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media only screen and (max-width: 768px) {
  .cotra_h3 {
    margin-bottom: 0px;
    font-size: 18px;
  }
}

.cotra_h3 img {
  display: block;
  max-height: 65px;
  height: 100%;
}

@media only screen and (max-width: 992px) {
  .cotra_h3 img {
    position: inherit;
    top: 0px;
    max-width: 50px;
  }
}

.cotra_h3 p {
  height: 70px;
  font-size: 35px;
  color: #333;
  font-weight: bold;
  line-height: 1.3em;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
}

@media only screen and (max-width: 992px) {
  .cotra_h3 p {
    font-size: 23px;
    text-align: center;
  }
}

.cotra_wrap {
  margin: 20px 0 15px;
}

@media only screen and (max-width: 992px) {
  .cotra_wrap {
    margin: 15px 0;
  }
}

.cotra_linktext {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  margin: 10px 0;
  color: #333;
}

@media only screen and (max-width: 992px) {
  .cotra_linktext {
    margin: 10px 0 10px;
    font-size: 16px;
  }
}

.cotra_bunner {
  text-align: center;
}

.cotra_linktext + .cotra-buttonList {
  margin-top: 0px;
}

div + .cotra_h3 {
  margin-top: 60px;
}

@media only screen and (max-width: 768px) {
  div + .cotra_h3 {
    margin-top: 30px;
  }
}

.sectionTitle + .cotra_h3 {
  margin-top: 0px;
}

.cotra-use h2 {
  color: #333;
  font-size: 40px;
}

@media only screen and (max-width: 992px) {
  .cotra-use h2 {
    font-size: 26px;
  }
}

.cotra-useExchange {
  padding: 0 20px;
}

.cotra-useExchange figure {
  margin-bottom: 10px;
  text-align: center;
}

.cotra-useExchange p {
  font-weight: bold;
  margin-bottom: 10px;
}

.cotra-useExchange .Text {
  font-size: 16px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .cotra-useExchange .Text {
    font-size: 14px;
    text-align: left;
    line-height: 1.5em;
  }
}

.cotra-useExchange__list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0px 0 10px;
}

@media only screen and (max-width: 992px) {
  .cotra-useExchange__list {
    margin: 10px 0;
    display: block;
  }
}

.cotra-useExchange__list li {
  width: calc((100% - 40px * (2 - 1)) / 2 - 0.1px);
  margin-right: 40px;
  margin-top: 0px;
  padding: 40px 20px;
  background: #FFF;
  border-radius: 10px;
}

.cotra-useExchange__list li:nth-child(2n + 0) {
  margin-right: 0;
}

.cotra-useExchange__list li:nth-child(1) {
  margin-top: 0;
}

.cotra-useExchange__list li:nth-child(2) {
  margin-top: 0;
}

.cotra-useExchange__list li:first-child {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 40%;
}

@media only screen and (max-width: 992px) {
  .cotra-useExchange__list li:first-child {
    margin-bottom: 15px;
  }
}

.cotra-useExchange__list li:first-child .cotra-useExchange__listTitle {
  flex: 1;
}

.cotra-useExchange__list li:last-child {
  width: 60%;
}

.cotra-useExchange__list li p {
  font-size: 18px;
  text-align: center;
  line-height: 1.5em;
}

.cotra-useExchange__list li p span {
  color: #009EE1;
  font-size: 20px;
  font-weight: bold;
}

.cotra-useExchange__list li p img {
  margin-bottom: 1em;
}

@media only screen and (max-width: 992px) {
  .cotra-useExchange__list li {
    float: none;
    padding: 20px;
  }
  .cotra-useExchange__list li:first-child, .cotra-useExchange__list li:last-child {
    width: 100%;
  }
  .cotra-useExchange__list li:first-child figure img {
    width: 60px;
  }
  .cotra-useExchange__list li:last-child figure img {
    width: 224px;
  }
  .cotra-useExchange__list li p {
    font-size: 14px;
  }
  .cotra-useExchange__list li p span {
    font-size: 16px;
  }
}

.cotra-useExchange__indexntList li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px;
  line-height: 1.5;
}

@media only screen and (max-width: 992px) {
  .cotra-useExchange__indexntList li {
    font-size: 12px;
  }
}

.cotra-use_btn {
  margin-top: 10px;
}

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

.cotra-table table {
  border-collapse: collapse;
  margin: 0 auto;
  max-width: 790px;
  width: 100%;
  table-layout: auto;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
}

@media only screen and (max-width: 768px) {
  .cotra-table table {
    border: none;
  }
}

.cotra-table table th,
.cotra-table table td {
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
}

.cotra-table table .is-maru {
  display: block;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .cotra-table table .is-maru {
    flex: 1;
    text-align: right;
    padding-right: 8px;
  }
}

.cotra-table table .is-maru:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #6b6b6b;
  vertical-align: middle;
}

.cotra-table table .is-not {
  display: block;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .cotra-table table .is-not {
    flex: 1;
    text-align: right;
    padding-right: 8px;
  }
}

.cotra-table table .is-not:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 2px;
  border-radius: 2px;
  background: #159fdf;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  .cotra-table thead {
    display: none;
  }
}

.cotra-table thead tr {
  background: #eee;
}

.cotra-table thead th {
  padding: 8px;
  font-size: 12px;
}

@media only screen and (max-width: 768px) {
  .cotra-table tbody {
    display: flex;
    flex-wrap: wrap;
  }
}

.cotra-table tbody tr {
  background-color: #fff;
}

@media only screen and (max-width: 768px) {
  .cotra-table tbody tr {
    width: calc((100% - 20px * (2 - 1)) / 2 - 0.1px);
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
  }
  tbody {
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: -10px;
  }
}

.cotra-table tbody th,
.cotra-table tbody td {
  padding: 5px;
  vertical-align: middle;
}

.cotra-table tbody th[data-label],
.cotra-table tbody td[data-label] {
  width: 8%;
}

@media only screen and (max-width: 768px) {
  .cotra-table tbody th[data-label],
  .cotra-table tbody td[data-label] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: baseline;
    max-width: 100%;
    width: 100%;
  }
}

.cotra-table tbody th {
  font-size: 10px;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .cotra-table tbody th {
    background-color: #eee;
    display: block;
    border-right: none;
  }
}

@media only screen and (max-width: 768px) {
  .cotra-table tbody td {
    position: relative;
    display: block;
    border-bottom: solid 1px #707070;
    border-left: 1px solid #707070;
  }
}

@media only screen and (max-width: 768px) {
  .cotra-table tbody td:before {
    display: block;
    content: attr(data-label);
    font-weight: 600;
    font-size: 11px;
  }
}

.cotra-table .first-cell {
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  width: 14%;
}

@media only screen and (max-width: 768px) {
  .cotra-table .first-cell {
    display: none;
  }
}

.cotra-table .second-cell {
  max-width: 150px;
  width: 20%;
}

@media only screen and (max-width: 768px) {
  .cotra-table .second-cell {
    max-width: 100%;
    width: 100%;
    border-top: 1px solid #707070;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
  }
}

.cotra-localnav-wrap {
  background: #f5f5f8;
  border-bottom: solid 1px #ccc;
}

.cotra-localnav-wrap.is-fixed {
  height: 50px;
  margin: 30px auto;
}

.cotra-localnav-wrap .cotra-localnav {
  max-width: 1000px;
  margin: 0 auto;
}

.cotra-localnav-wrap.is-fixed .cotra-localnav {
  position: fixed;
  top: 47px;
  left: 0;
  width: 100%;
  margin: 0;
  border-top: 1px solid #ccc;
  background: #fff;
  z-index: 100;
}

@media only screen and (max-width: 992px) {
  .cotra-localnav-wrap .cotra-localnav {
    margin: 30px auto;
  }
}

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

.cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item {
  width: calc((100% - 30px * (2 - 1)) / 2 - 0.1px);
  margin-right: 30px;
  margin-top: 0px;
  position: relative;
  text-align: center;
}

.cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item:nth-child(2n + 0) {
  margin-right: 0;
}

.cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item:nth-child(1) {
  margin-top: 0;
}

.cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item:nth-child(2) {
  margin-top: 0;
}

.cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item:first-child:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 1px;
  height: 50px;
  background: #ccc;
  display: block;
}

.cotra-localnav-wrap.is-fixed .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item:first-child:after {
  height: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media only screen and (max-width: 992px) {
  .cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item {
    width: calc((100% - 0px * (2 - 1)) / 2 - 0.1px);
    margin-right: 0px;
    margin-top: 0px;
    border: solid 2px #e8e8ed;
    border-radius: 0px;
    border: none;
    background: #fff;
  }
  .cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item:nth-child(2n + 0) {
    margin-right: 0;
  }
  .cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item:nth-child(1) {
    margin-top: 0;
  }
  .cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item:nth-child(2) {
    margin-top: 0;
  }
}

.cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item a {
  font-size: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-weight: bold;
  color: #333333;
  display: block;
  padding: 20px 90px;
  align-items: center;
  justify-content: center;
}

.cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item a:hover {
  opacity: 0.5;
}

@media only screen and (max-width: 992px) {
  .cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item a:hover {
    opacity: 1;
  }
}

@media only screen and (max-width: 992px) {
  .cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item a {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 50px;
    font-size: 18px;
    padding: 14px 0 20px;
    color: #000;
    font-weight: normal;
  }
  .cotra-localnav-wrap.is-fixed .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item a {
    font-size: 13px;
  }
}

.cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item a span {
  font-size: 24px;
}

@media only screen and (max-width: 992px) {
  .cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item a span {
    font-size: 18px;
  }
  .cotra-localnav-wrap.is-fixed .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item a span {
    font-size: 13px;
  }
}

.cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item a:after {
  display: block;
  font-family: "myfont";
  content: "\EA07";
  margin: 10px auto;
  width: 1em;
  font-size: 12px;
}

.cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .is-red.cotra-localnav-list-item a:after {
  color: #e95561;
}

.cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .is-blue.cotra-localnav-list-item a:after {
  color: #009ee1;
}

.cotra-localnav-wrap.is-fixed .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item a:after {
  font-size: 10px;
  margin-top: 5px;
  transform: scale(0.9);
}

.cotra-localnav-wrap .cotra-localnav .cotra-localnav__inner .cotra-localnav-list-item a:hover {
  text-decoration: none;
}

.cotra-ExchangeItem {
  width: 100%;
  margin: 30px 0;
}

@media only screen and (max-width: 992px) {
  .cotra-ExchangeItem {
    margin: 20px 0;
  }
}

.cotra-ExchangeItem .cotra-Exchange__header {
  position: relative;
  background: #F4F3F6;
  font-size: 16px;
  text-align: center;
  color: #898D97;
  text-align: center;
  padding: 25px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .cotra-ExchangeItem .cotra-Exchange__header {
    padding: 20px 0;
    font-size: 14px;
  }
}

.cotra-ExchangeItem .cotra-Exchange__body {
  background: #F4F3F6;
}

@media only screen and (max-width: 992px) {
  .cotra-ExchangeItem .cotra-Exchange__body {
    padding: 20px 10px;
    padding-top: 0;
  }
}

.cotra-ExchangeItem .cotra-Exchange__body .cotra-Exchange__items {
  margin: 0 auto;
  max-width: 676px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.cotra-ExchangeItem .cotra-Exchange__body .cotra-Exchange__items .cotra-Exchange__item {
  padding: 10px 18px;
  text-align: center;
  background: #fff;
  width: calc((100% - 114px * (3 - 2)) / 3 - 0.1px);
  margin-right: 19px;
  margin-left: 19px;
  margin-bottom: 27px;
  border-radius: 10px;
  box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05);
}

.cotra-Exchange__items {
  margin-right: -19px;
  margin-left: -19px;
  margin-bottom: -27px;
}

@media only screen and (max-width: 992px) {
  .cotra-ExchangeItem .cotra-Exchange__body .cotra-Exchange__items .cotra-Exchange__item {
    padding: 10px 5px;
    width: calc((100% - 40px * (2 - 1)) / 2 - 0.1px);
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
  }
  .cotra-Exchange__items {
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: -20px;
  }
}

.cotra-ExchangeItem .cotra-Exchange__body .cotra-Exchange__items .cotra-Exchange__item img {
  margin-bottom: 5px;
  max-height: 70px;
}

.cotra-ExchangeItem .cotra-Exchange__body .cotra-Exchange__items .cotra-Exchange__item .cotra-Exchange__item-title {
  font-size: 13px;
  font-weight: bold;
}

.cotra-ExchangeItem .cotra-Exchange__body .cotra-Exchange__items .cotra-Exchange__item p {
  margin-top: 5px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.6em;
}

@media only screen and (max-width: 992px) {
  .cotra-ExchangeItem .cotra-Exchange__body .cotra-Exchange__items .cotra-Exchange__item p {
    font-size: 10px;
    min-height: 40px;
  }
}

.cotra-table-head-accordion {
  color: #00a1e9;
  font-size: 16px;
}

.cotra-table-head-accordion .cotra-table-head-accordion__button {
  text-align: center;
  margin: 0 auto;
  border: solid 1px #00a1e9;
  max-width: 400px;
  border-radius: 10px;
  position: relative;
  margin-bottom: 1px;
  padding: 20px 40px 20px 20px;
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: all .2s;
}

.cotra-table-head-accordion .cotra-table-head-accordion__button:hover {
  background: #00a1e9;
  color: #fff;
}

@media only screen and (max-width: 992px) {
  .cotra-table-head-accordion .cotra-table-head-accordion__button {
    width: 100%;
    max-width: 100%;
  }
}

@media all and (-ms-high-contrast: none) {
  .cotra-table-head-accordion .cotra-table-head-accordion__button {
    padding: 20px 60px 13px 30px;
  }
}

@media only screen and (max-width: 768px) {
  .cotra-table-head-accordion .cotra-table-head-accordion__button {
    font-size: 14px;
  }
}

.cotra-table-head-accordion .cotra-table-head-accordion__button br {
  display: none;
}

@media only screen and (max-width: 768px) {
  .cotra-table-head-accordion .cotra-table-head-accordion__button br {
    display: block;
  }
}

.cotra-table-head-accordion .cotra-table-head-accordion__button span {
  text-align: center;
}

.cotra-table-head-accordion .cotra-table-head-accordion__button.is-accordion:before {
  position: absolute;
  z-index: 3;
  content: "";
  top: 50%;
  border-radius: 30px;
  background: #00a1e9;
  right: 23px;
  width: 2px;
  height: 20px;
  margin-top: -10px;
  transition: 0.2s;
  transform: rotateZ(0deg);
}

.cotra-table-head-accordion .cotra-table-head-accordion__button.is-open.is-accordion:before {
  transform: rotate(135deg);
}

.cotra-table-head-accordion .is-accordion.cotra-table-head-accordion__button:hover:before {
  background: #fff;
}

.cotra-table-head-accordion .cotra-table-head-accordion__button.is-accordion:after {
  position: absolute;
  z-index: 3;
  content: "";
  background: #00a1e9;
  top: 50%;
  right: 14px;
  width: 20px;
  height: 2px;
  margin-top: -1px;
  border-radius: 30px;
  transition: 0.2s;
}

.cotra-table-head-accordion .cotra-table-head-accordion__button.is-open.is-accordion:after {
  transform: rotate(135deg);
}

.cotra-table-head-accordion .is-accordion.cotra-table-head-accordion__button:hover:after {
  background: #fff;
}

.cotra-table-head-accordion .cotra-table-head-accordion__body {
  display: none;
  padding-top: 40px;
}

@media only screen and (max-width: 992px) {
  .cotra-table-head-accordion .cotra-table-head-accordion__body {
    background: #f5f5f8;
    margin-top: -5px;
  }
}

@media only screen and (max-width: 768px) {
  .cotra-table-head-accordion .cotra-table-head-accordion__body {
    padding: 20px 0px;
  }
}

.cotra-table-head-accordion .cotra-table-head-accordion__body .cotra-table {
  color: #333;
}

.cotra-table-head-accordion .cotra-table-head-accordion__body .cotra-table-head-accordion__body-img {
  display: none;
}

@media only screen and (max-width: 992px) {
  .cotra-table-head-accordion .cotra-table-head-accordion__body .cotra-table-head-accordion__body-img {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    color: #333;
  }
}

.cotra-table-head-accordion .cotra-table-head-accordion__body .cotra-table-head-accordion__body-img span {
  margin-top: 10px;
  font-size: 14px;
}

.cotra-table-head-zoomImage__button--sp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 992px) {
  .cotra-table-head-zoomImage__button--sp {
    display: block;
  }
}

.cotra-table-head-zoomImage__button--sp img {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.cotra-button {
  display: block;
  margin-top: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 300px;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .cotra-button {
    max-width: inherit;
  }
}

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

.cotra-button.cotra-button--center {
  text-align: center;
}

.cotra-button .cotra-buttonInner {
  position: relative;
  padding: 20px 25px 20px 25px;
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(img/slanting01_bg.png) left top;
  color: #009EE1;
  font-size: 16px;
  font-weight: bold;
  border: solid 1px #009EE1;
}

@media only screen and (max-width: 992px) {
  .cotra-button .cotra-buttonInner {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2em;
    padding: 18px 45px 18px 45px;
  }
}

.cotra-button .cotra-buttonInner i.icon--arrow {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 21px;
  font-weight: normal;
}

.cotra-button .cotra-buttonInner i.icon--arrow:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .cotra-button .cotra-buttonInner i.icon--arrow {
    font-size: 16px;
  }
}

.articleFooter .type-01 + .type-02 {
  margin-top: 40px;
}

.subcotra-button {
  display: block;
  width: 140px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

.subcotra-button .cotra-buttonInner {
  position: relative;
  padding: 3px 25px 3px 25px;
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 25px 25px 25px 25px;
  -moz-border-radius: 25px 25px 25px 25px;
  border-radius: 25px 25px 25px 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .subcotra-button .cotra-buttonInner {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2em;
    padding: 6px 25px 6px 25px;
  }
}

.subcotra-button.type--01 .cotra-buttonInner {
  background: #009EE1;
  color: #fff;
  font-size: 12px;
}

.subcotra-button.type--01 .cotra-buttonInner i {
  font-size: 18px;
  vertical-align: -1px;
}

@media only screen and (max-width: 992px) {
  .subcotra-button.type--01 .cotra-buttonInner {
    font-size: 14px;
    padding: 10px 25px 10px 25px;
  }
}

.subcotra-button .cotra-buttonInner {
  background: #F06673;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .subcotra-button .cotra-buttonInner {
    font-size: 14px;
    font-weight: normal;
  }
}

.subcotra-button .cotra-buttonInner i.arrow01-ICON {
  position: absolute;
  top: 15px;
  right: 25px;
}

.subcotra-button .cotra-buttonInner span {
  display: inline-block;
  padding: 0 10px;
  background: #E8313B;
  -webkit-border-radius: 25px 25px 25px 25px;
  -moz-border-radius: 25px 25px 25px 25px;
  border-radius: 25px 25px 25px 25px;
  font-size: 11px;
  font-weight: normal;
}

@media only screen and (max-width: 992px) {
  .subcotra-button .cotra-buttonInner span {
    display: inline-block;
    padding: 0;
    background: none;
    border-radius: 0;
    font-size: 10px;
    line-height: 1.2em;
    font-weight: normal;
    display: block;
  }
}

/**
 * Swiper 4.3.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 5, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  height: 100%;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

.picks-layout-body {
  padding: 50px 0;
  background: #E3F2F8;
}

@media only screen and (max-width: 992px) {
  .picks-layout-body {
    padding: 30px 15px;
  }
}

.picks-layout-heaer {
  position: relative;
  padding-top: 25px;
  padding-bottom: 37px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .picks-layout-heaer {
    padding-top: 10px;
  }
}

.picks-layout-heaer h2 {
  color: #333;
  font-size: 36px;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .picks-layout-heaer h2 {
    font-size: 26px;
  }
}

.picks-layout-body__secction {
  background: #fff;
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
  border-radius: 20px;
  padding: 50px 100px 0;
  margin-bottom: 56px;
  box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 992px) {
  .picks-layout-body__secction {
    margin-bottom: 30px;
    padding: 20px 15px;
  }
}

.picks-layout-body__secction:last-child {
  margin-bottom: 0px;
}

.picks-layout-point__Items .picks-layout-point__DetailItem,
.picks-layout-point__Items .picks-layout-point__FinancialItem {
  width: 100%;
}

.picks-layout-point__Items .picks-layout-point__FinancialItem {
  margin-top: 40px;
}

@media only screen and (max-width: 992px) {
  .picks-layout-point__Items .picks-layout-point__FinancialItem {
    margin-top: 0px;
  }
}

.picks-layout-point__Items .picks-layout-point__DetailItem {
  display: flex;
  flex-direction: column;
}

.picks-layout-point__Items + .picks-point__linktext {
  margin-top: 20px;
}

.picks-text-Savingcolor {
  color: #E95561;
}

.picks-text-Usecolor {
  color: #159FDF;
}

.picks-Functions {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 992px) {
  .picks-Functions {
    margin: 0 6% 70px 6%;
  }
}

@media only screen and (max-width: 768px) {
  .picks-Functions {
    align-items: center;
    margin: 0 15px 0px 15px;
  }
}

.picks-Functions.otherStyle {
  border-bottom: none;
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .picks-Functions {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.picks-Functions .picks-FunctionsImage {
  width: 200px;
  text-align: center;
  font-size: 0;
}

@media only screen and (max-width: 768px) {
  .picks-Functions .picks-FunctionsImage {
    width: 160px;
  }
}

.picks-Functions .picks-FunctionsImage span {
  display: inline-block;
  width: 50%;
}

@media only screen and (max-width: 768px) {
  .picks-Functions .picks-FunctionsImage span {
    display: block;
    text-align: center;
    margin: 0;
    width: auto;
  }
}

.picks-Functions .picks-FunctionsImage span:first-child + * {
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .picks-Functions .picks-FunctionsImage span:first-child + * {
    display: none;
  }
}

.picks-Functions .picks-FunctionsImage span img {
  max-width: 232px;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .picks-Functions .picks-FunctionsImage span img {
    width: 200px;
  }
}

.picks-Functions .picks-FunctionsText {
  display: flex;
  -webkit-align-items: left;
  align-items: left;
  -webkit-flex-direction: column;
  flex-direction: column;
  max-width: 600px;
  width: 100%;
  padding: 0 55px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.picks-Functions .is-paddingUnique {
  padding: 0 0 0 35px;
}

@media only screen and (max-width: 992px) {
  .picks-Functions .picks-FunctionsText {
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  .picks-Functions .picks-FunctionsText {
    -webkit-align-items: center;
    align-items: center;
  }
}

.picks_text {
  line-height: 1.5em;
  width: 480px;
  font-size: 16px;
}

@media only screen and (max-width: 992px) {
  .picks_text {
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
  }
}

.picks_text span {
  font-weight: bold;
}

.picks-ul_list {
  margin-bottom: 40px;
}

@media only screen and (max-width: 992px) {
  .picks-ul_list {
    margin-bottom: 0;
  }
}

.picks-ul_list li {
  float: left;
  width: 50%;
  padding: 0 20px;
}

.picks-ul_list li p {
  font-size: 20px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .picks-ul_list li p {
    font-size: 14px;
    line-height: 1.5;
  }
}

.picks-ul_list li p img {
  margin-bottom: 1em;
}

.picks-ul_list li figure {
  width: 300px;
  margin: 0 auto 1em;
}

@media only screen and (max-width: 992px) {
  .picks-ul_list li figure {
    width: 150px;
  }
}

.picks-ul_list li figure img {
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .picks-ul_list li figure img {
    width: 100%;
    max-width: 400px;
  }
}

@media only screen and (max-width: 992px) {
  .picks-ul_list li {
    float: none;
    width: 100%;
    padding: 0 0 20px;
  }
  .picks-ul_list li:first-child p img {
    width: 122px;
  }
  .picks-ul_list li:last-child p img {
    width: 117px;
  }
}

.picksExchange_indexntList {
  margin-top: 8px;
}

@media only screen and (max-width: 992px) {
  .picksExchange_indexntList {
    margin-bottom: 10px;
  }
}

.picksExchange_indexntList li {
  font-size: 12px;
  line-height: 1.5;
}

@media only screen and (max-width: 992px) {
  .picksExchange_indexntList li {
    text-align: left;
    font-size: 11px;
  }
}

@media only screen and (max-width: 768px) {
  .picksExchange_indexntList {
    width: 100%;
  }
}

#picks-headline-purpose {
  height: 600px;
  background: url(img/bg_blue.png) center top no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 992px) {
  #picks-headline-purpose {
    height: auto;
  }
}

#picks-headline-purpose .picks-headlineInner {
  position: relative;
  width: 1000px;
  height: 600px;
  margin: 0 auto;
  padding-top: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  #picks-headline-purpose .picks-headlineInner {
    width: auto;
    height: auto;
    padding-top: 110px;
  }
}

#picks-headline-purpose .picks-headlineInner h1 {
  margin-bottom: 36px;
  font-size: 50px;
  color: #fff;
}

@media only screen and (max-width: 992px) {
  #picks-headline-purpose .picks-headlineInner h1 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 30px;
  }
}

#picks-headline-purpose .picks-headlineInner h1 img {
  margin-right: 10px;
  vertical-align: -16px;
}

@media only screen and (max-width: 992px) {
  #picks-headline-purpose .picks-headlineInner h1 img {
    height: 50px;
    vertical-align: -14px;
  }
}

#picks-headline-purpose .picks-headlineInner .mainText {
  margin-bottom: 36px;
  font-weight: bold;
  font-size: 25px;
  color: #fff;
  line-height: 1.3em;
}

@media only screen and (max-width: 992px) {
  #picks-headline-purpose .picks-headlineInner .mainText {
    margin-bottom: 20px;
    text-align: center;
    font-size: 19px;
  }
}

#picks-headline-purpose .picks-headlineInner .subText {
  font-size: 17px;
  color: #fff;
  line-height: 1.5em;
}

@media only screen and (max-width: 992px) {
  #picks-headline-purpose .picks-headlineInner .subText {
    text-align: center;
    font-size: 13px;
  }
}

#picks-headline-purpose .picks-headlineInner .subText-notice {
  margin-top: 20px;
  font-size: 12px;
  color: #fff;
  line-height: 1.5em;
}

@media only screen and (max-width: 992px) {
  #picks-headline-purpose .picks-headlineInner .subText-notice {
    margin-top: 10px;
    text-align: center;
    font-size: 10px;
  }
}

#picks-headline-purpose .picks-headlineInner .headline-image {
  display: inline-block;
  position: absolute;
  bottom: 0px;
  right: 0px;
  max-width: 600px;
}

@media only screen and (max-width: 992px) {
  #picks-headline-purpose .picks-headlineInner .headline-image {
    position: relative;
    right: inherit;
    max-width: inherit;
    transform: inherit;
    width: 100%;
    margin-top: 30px;
    padding: 0 20px;
  }
}

.picks-text-color {
  color: #FFE900;
}

.picks_swiper {
  width: 580px;
  display: flex;
  align-items: flex-end;
  justify-items: center;
}

.picks_swiper img {
  height: 500px;
  margin: auto auto 0;
  display: block;
}

@media only screen and (max-width: 992px) {
  .picks_swiper img {
    height: 300px;
  }
}

.picks_h3 {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 30px;
  align-items: center;
}

@media only screen and (max-width: 992px) {
  .picks_h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media only screen and (max-width: 768px) {
  .picks_h3 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
  }
}

.picks_h3 img {
  display: block;
  max-height: 65px;
  height: 100%;
}

@media only screen and (max-width: 992px) {
  .picks_h3 img {
    position: inherit;
    top: 0px;
    max-width: 50px;
  }
}

.picks_h3 p {
  height: 70px;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  line-height: 1.3em;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  padding-left: 10px;
  flex-direction: column;
}

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

.picks_h3 p span {
  line-height: 1.5;
  font-size: 16px;
}

@media only screen and (max-width: 992px) {
  .picks_h3 p span {
    font-size: 14px;
  }
}

.picks_wrap {
  margin: 20px 0 15px;
}

@media only screen and (max-width: 992px) {
  .picks_wrap {
    margin: 15px 0;
  }
}

.picks_linktext {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  margin: 10px 0;
  color: #333;
}

@media only screen and (max-width: 992px) {
  .picks_linktext {
    margin: 10px 0 10px;
    font-size: 16px;
  }
}

.picks_bunner {
  text-align: center;
}

.picks_linktext + .picks-buttonList {
  margin-top: 0px;
}

div + .picks_h3 {
  margin-top: 60px;
}

@media only screen and (max-width: 768px) {
  div + .picks_h3 {
    margin-top: 30px;
  }
}

.sectionTitle + .picks_h3 {
  margin-top: 0px;
}

.picks-use h2 {
  color: #333;
  font-size: 40px;
}

@media only screen and (max-width: 992px) {
  .picks-use h2 {
    font-size: 26px;
  }
}

.picks-useExchange {
  padding: 0 20px;
}

.picks-useExchange figure {
  margin-bottom: 10px;
  text-align: center;
}

.picks-useExchange p {
  font-weight: bold;
  margin-bottom: 10px;
}

.picks-useExchange .Text {
  font-size: 16px;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .picks-useExchange .Text {
    font-size: 14px;
    text-align: left;
    line-height: 1.5em;
  }
}

.picks-useExchange__list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0px 0 10px;
}

@media only screen and (max-width: 992px) {
  .picks-useExchange__list {
    margin: 10px 0;
    display: block;
  }
}

.picks-useExchange__list li {
  width: calc((100% - 40px * (2 - 1)) / 2 - 0.1px);
  margin-right: 40px;
  margin-top: 0px;
  padding: 40px 20px;
  background: #FFF;
  border-radius: 10px;
}

.picks-useExchange__list li:nth-child(2n + 0) {
  margin-right: 0;
}

.picks-useExchange__list li:nth-child(1) {
  margin-top: 0;
}

.picks-useExchange__list li:nth-child(2) {
  margin-top: 0;
}

.picks-useExchange__list li:first-child {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 40%;
}

@media only screen and (max-width: 992px) {
  .picks-useExchange__list li:first-child {
    margin-bottom: 15px;
  }
}

.picks-useExchange__list li:first-child .picks-useExchange__listTitle {
  flex: 1;
}

.picks-useExchange__list li:last-child {
  width: 60%;
}

.picks-useExchange__list li p {
  font-size: 18px;
  text-align: center;
  line-height: 1.5em;
}

.picks-useExchange__list li p span {
  color: #009EE1;
  font-size: 20px;
  font-weight: bold;
}

.picks-useExchange__list li p img {
  margin-bottom: 1em;
}

@media only screen and (max-width: 992px) {
  .picks-useExchange__list li {
    float: none;
    padding: 20px;
  }
  .picks-useExchange__list li:first-child, .picks-useExchange__list li:last-child {
    width: 100%;
  }
  .picks-useExchange__list li:first-child figure img {
    width: 60px;
  }
  .picks-useExchange__list li:last-child figure img {
    width: 224px;
  }
  .picks-useExchange__list li p {
    font-size: 14px;
  }
  .picks-useExchange__list li p span {
    font-size: 16px;
  }
}

.picks-useExchange__indexntList li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px;
  line-height: 1.5;
}

@media only screen and (max-width: 992px) {
  .picks-useExchange__indexntList li {
    font-size: 12px;
  }
}

.picks-use_btn {
  margin-top: 10px;
}

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

.picks-table table {
  border-collapse: collapse;
  margin: 0 auto;
  max-width: 790px;
  width: 100%;
  table-layout: auto;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
}

@media only screen and (max-width: 768px) {
  .picks-table table {
    border: none;
  }
}

.picks-table table th,
.picks-table table td {
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
}

.picks-table table .is-maru {
  display: block;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .picks-table table .is-maru {
    flex: 1;
    text-align: right;
    padding-right: 8px;
  }
}

.picks-table table .is-maru:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #6b6b6b;
  vertical-align: middle;
}

.picks-table table .is-not {
  display: block;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .picks-table table .is-not {
    flex: 1;
    text-align: right;
    padding-right: 8px;
  }
}

.picks-table table .is-not:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 2px;
  border-radius: 2px;
  background: #159fdf;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  .picks-table thead {
    display: none;
  }
}

.picks-table thead tr {
  background: #eee;
}

.picks-table thead th {
  padding: 8px;
  font-size: 12px;
}

@media only screen and (max-width: 768px) {
  .picks-table tbody {
    display: flex;
    flex-wrap: wrap;
  }
}

.picks-table tbody tr {
  background-color: #fff;
}

@media only screen and (max-width: 768px) {
  .picks-table tbody tr {
    width: calc((100% - 20px * (2 - 1)) / 2 - 0.1px);
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
  }
  tbody {
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: -10px;
  }
}

.picks-table tbody th,
.picks-table tbody td {
  padding: 5px;
  vertical-align: middle;
}

.picks-table tbody th[data-label],
.picks-table tbody td[data-label] {
  width: 8%;
}

@media only screen and (max-width: 768px) {
  .picks-table tbody th[data-label],
  .picks-table tbody td[data-label] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: baseline;
    max-width: 100%;
    width: 100%;
  }
}

.picks-table tbody th {
  font-size: 10px;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .picks-table tbody th {
    background-color: #eee;
    display: block;
    border-right: none;
  }
}

@media only screen and (max-width: 768px) {
  .picks-table tbody td {
    position: relative;
    display: block;
    border-bottom: solid 1px #707070;
    border-left: 1px solid #707070;
  }
}

@media only screen and (max-width: 768px) {
  .picks-table tbody td:before {
    display: block;
    content: attr(data-label);
    font-weight: 600;
    font-size: 11px;
  }
}

.picks-table .first-cell {
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  width: 14%;
}

@media only screen and (max-width: 768px) {
  .picks-table .first-cell {
    display: none;
  }
}

.picks-table .second-cell {
  max-width: 150px;
  width: 20%;
}

@media only screen and (max-width: 768px) {
  .picks-table .second-cell {
    max-width: 100%;
    width: 100%;
    border-top: 1px solid #707070;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
  }
}

.picks-localnav-wrap {
  background: #f5f5f8;
}

.picks-localnav-wrap.is-fixed {
  height: 50px;
  margin: 30px auto;
}

.picks-localnav-wrap .picks-localnav {
  max-width: 1000px;
  margin: 0 auto;
}

.picks-localnav-wrap.is-fixed .picks-localnav {
  position: fixed;
  top: 47px;
  left: 0;
  width: 100%;
  margin: 0;
  border-top: 1px solid #ccc;
  background: #fff;
  z-index: 100;
}

@media only screen and (max-width: 992px) {
  .picks-localnav-wrap .picks-localnav {
    margin: 30px auto;
  }
}

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

.picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item {
  width: calc((100% - 30px * (2 - 1)) / 2 - 0.1px);
  margin-right: 30px;
  margin-top: 0px;
  position: relative;
  text-align: center;
}

.picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item:nth-child(2n + 0) {
  margin-right: 0;
}

.picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item:nth-child(1) {
  margin-top: 0;
}

.picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item:nth-child(2) {
  margin-top: 0;
}

.picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item:first-child:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 1px;
  height: 50px;
  background: #ccc;
  display: block;
}

.picks-localnav-wrap.is-fixed .picks-localnav .picks-localnav__inner .picks-localnav-list-item:first-child:after {
  height: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media only screen and (max-width: 992px) {
  .picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item {
    width: calc((100% - 0px * (2 - 1)) / 2 - 0.1px);
    margin-right: 0px;
    margin-top: 0px;
    border: solid 2px #e8e8ed;
    border-radius: 0px;
    border: none;
    background: #fff;
  }
  .picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item:nth-child(2n + 0) {
    margin-right: 0;
  }
  .picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item:nth-child(1) {
    margin-top: 0;
  }
  .picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item:nth-child(2) {
    margin-top: 0;
  }
}

.picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item a {
  font-size: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-weight: bold;
  color: #333333;
  display: block;
  padding: 20px 90px;
  align-items: center;
  justify-content: center;
}

.picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item a:hover {
  opacity: 0.5;
}

@media only screen and (max-width: 992px) {
  .picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item a:hover {
    opacity: 1;
  }
}

@media only screen and (max-width: 992px) {
  .picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item a {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 50px;
    font-size: 18px;
    padding: 14px 0 20px;
    color: #000;
    font-weight: normal;
  }
  .picks-localnav-wrap.is-fixed .picks-localnav .picks-localnav__inner .picks-localnav-list-item a {
    font-size: 13px;
  }
}

.picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item a span {
  font-size: 24px;
}

@media only screen and (max-width: 992px) {
  .picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item a span {
    font-size: 18px;
  }
  .picks-localnav-wrap.is-fixed .picks-localnav .picks-localnav__inner .picks-localnav-list-item a span {
    font-size: 13px;
  }
}

.picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item a:after {
  display: block;
  font-family: "myfont";
  content: "\EA07";
  margin: 10px auto;
  width: 1em;
  font-size: 12px;
}

.picks-localnav-wrap .picks-localnav .picks-localnav__inner .is-red.picks-localnav-list-item a:after {
  color: #e95561;
}

.picks-localnav-wrap .picks-localnav .picks-localnav__inner .is-blue.picks-localnav-list-item a:after {
  color: #009ee1;
}

.picks-localnav-wrap.is-fixed .picks-localnav .picks-localnav__inner .picks-localnav-list-item a:after {
  font-size: 10px;
  margin-top: 5px;
  transform: scale(0.9);
}

.picks-localnav-wrap .picks-localnav .picks-localnav__inner .picks-localnav-list-item a:hover {
  text-decoration: none;
}

.picks-ExchangeItem {
  width: 100%;
  margin: 30px 0;
}

@media only screen and (max-width: 992px) {
  .picks-ExchangeItem {
    margin: 20px 0;
  }
}

.picks-ExchangeItem .picks-Exchange__header {
  position: relative;
  background: #F4F3F6;
  font-size: 16px;
  text-align: center;
  color: #898D97;
  text-align: center;
  padding: 25px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .picks-ExchangeItem .picks-Exchange__header {
    padding: 20px 0;
    font-size: 14px;
  }
}

.picks-ExchangeItem .picks-Exchange__body {
  background: #F4F3F6;
}

@media only screen and (max-width: 992px) {
  .picks-ExchangeItem .picks-Exchange__body {
    padding: 20px 10px;
    padding-top: 0;
  }
}

.picks-ExchangeItem .picks-Exchange__body .picks-Exchange__items {
  margin: 0 auto;
  max-width: 676px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.picks-ExchangeItem .picks-Exchange__body .picks-Exchange__items .picks-Exchange__item {
  padding: 10px 18px;
  text-align: center;
  background: #fff;
  width: calc((100% - 114px * (3 - 2)) / 3 - 0.1px);
  margin-right: 19px;
  margin-left: 19px;
  margin-bottom: 27px;
  border-radius: 10px;
  box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05);
}

.picks-Exchange__items {
  margin-right: -19px;
  margin-left: -19px;
  margin-bottom: -27px;
}

@media only screen and (max-width: 992px) {
  .picks-ExchangeItem .picks-Exchange__body .picks-Exchange__items .picks-Exchange__item {
    padding: 10px 5px;
    width: calc((100% - 40px * (2 - 1)) / 2 - 0.1px);
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
  }
  .picks-Exchange__items {
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: -20px;
  }
}

.picks-ExchangeItem .picks-Exchange__body .picks-Exchange__items .picks-Exchange__item img {
  margin-bottom: 5px;
  max-height: 70px;
}

.picks-ExchangeItem .picks-Exchange__body .picks-Exchange__items .picks-Exchange__item .picks-Exchange__item-title {
  font-size: 13px;
  font-weight: bold;
}

.picks-ExchangeItem .picks-Exchange__body .picks-Exchange__items .picks-Exchange__item p {
  margin-top: 5px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.6em;
}

@media only screen and (max-width: 992px) {
  .picks-ExchangeItem .picks-Exchange__body .picks-Exchange__items .picks-Exchange__item p {
    font-size: 10px;
    min-height: 40px;
  }
}

.picks-table-head-accordion {
  color: #00a1e9;
  font-size: 16px;
}

.picks-table-head-accordion .picks-table-head-accordion__button {
  text-align: center;
  margin: 0 auto;
  border: solid 1px #00a1e9;
  max-width: 400px;
  border-radius: 10px;
  position: relative;
  margin-bottom: 1px;
  padding: 20px 40px 20px 20px;
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: all .2s;
}

.picks-table-head-accordion .picks-table-head-accordion__button:hover {
  background: #00a1e9;
  color: #fff;
}

@media only screen and (max-width: 992px) {
  .picks-table-head-accordion .picks-table-head-accordion__button {
    width: 100%;
    max-width: 100%;
  }
}

@media all and (-ms-high-contrast: none) {
  .picks-table-head-accordion .picks-table-head-accordion__button {
    padding: 20px 60px 13px 30px;
  }
}

@media only screen and (max-width: 768px) {
  .picks-table-head-accordion .picks-table-head-accordion__button {
    font-size: 14px;
  }
}

.picks-table-head-accordion .picks-table-head-accordion__button br {
  display: none;
}

@media only screen and (max-width: 768px) {
  .picks-table-head-accordion .picks-table-head-accordion__button br {
    display: block;
  }
}

.picks-table-head-accordion .picks-table-head-accordion__button span {
  text-align: center;
}

.picks-table-head-accordion .picks-table-head-accordion__button.is-accordion:before {
  position: absolute;
  z-index: 3;
  content: "";
  top: 50%;
  border-radius: 30px;
  background: #00a1e9;
  right: 23px;
  width: 2px;
  height: 20px;
  margin-top: -10px;
  transition: 0.2s;
  transform: rotateZ(0deg);
}

.picks-table-head-accordion .picks-table-head-accordion__button.is-open.is-accordion:before {
  transform: rotate(135deg);
}

.picks-table-head-accordion .is-accordion.picks-table-head-accordion__button:hover:before {
  background: #fff;
}

.picks-table-head-accordion .picks-table-head-accordion__button.is-accordion:after {
  position: absolute;
  z-index: 3;
  content: "";
  background: #00a1e9;
  top: 50%;
  right: 14px;
  width: 20px;
  height: 2px;
  margin-top: -1px;
  border-radius: 30px;
  transition: 0.2s;
}

.picks-table-head-accordion .picks-table-head-accordion__button.is-open.is-accordion:after {
  transform: rotate(135deg);
}

.picks-table-head-accordion .is-accordion.picks-table-head-accordion__button:hover:after {
  background: #fff;
}

.picks-table-head-accordion .picks-table-head-accordion__body {
  display: none;
  padding-top: 40px;
}

@media only screen and (max-width: 992px) {
  .picks-table-head-accordion .picks-table-head-accordion__body {
    background: #f5f5f8;
    margin-top: -5px;
  }
}

@media only screen and (max-width: 768px) {
  .picks-table-head-accordion .picks-table-head-accordion__body {
    padding: 20px 0px;
  }
}

.picks-table-head-accordion .picks-table-head-accordion__body .picks-table {
  color: #333;
}

.picks-table-head-accordion .picks-table-head-accordion__body .picks-table-head-accordion__body-img {
  display: none;
}

@media only screen and (max-width: 992px) {
  .picks-table-head-accordion .picks-table-head-accordion__body .picks-table-head-accordion__body-img {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    color: #333;
  }
}

.picks-table-head-accordion .picks-table-head-accordion__body .picks-table-head-accordion__body-img span {
  margin-top: 10px;
  font-size: 14px;
}

.picks-table-head-zoomImage__button--sp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 992px) {
  .picks-table-head-zoomImage__button--sp {
    display: block;
  }
}

.picks-table-head-zoomImage__button--sp img {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.picks-button {
  display: block;
  margin-top: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 300px;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .picks-button {
    max-width: inherit;
  }
}

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

.picks-button.picks-button--center {
  text-align: center;
}

.picks-button .picks-buttonInner {
  position: relative;
  padding: 20px 25px 20px 25px;
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(img/slanting01_bg.png) left top;
  color: #009EE1;
  font-size: 16px;
  font-weight: bold;
  border: solid 1px #009EE1;
}

@media only screen and (max-width: 992px) {
  .picks-button .picks-buttonInner {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2em;
    padding: 18px 45px 18px 45px;
  }
}

.picks-button .picks-buttonInner i.icon--arrow {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 21px;
  font-weight: normal;
}

.picks-button .picks-buttonInner i.icon--arrow:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

@media only screen and (max-width: 992px) {
  .picks-button .picks-buttonInner i.icon--arrow {
    font-size: 16px;
  }
}

.articleFooter .type-01 + .type-02 {
  margin-top: 40px;
}

.subpicks-button {
  display: block;
  width: 140px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

.subpicks-button .picks-buttonInner {
  position: relative;
  padding: 3px 25px 3px 25px;
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 25px 25px 25px 25px;
  -moz-border-radius: 25px 25px 25px 25px;
  border-radius: 25px 25px 25px 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
  .subpicks-button .picks-buttonInner {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2em;
    padding: 6px 25px 6px 25px;
  }
}

.subpicks-button.type--01 .picks-buttonInner {
  background: #009EE1;
  color: #fff;
  font-size: 12px;
}

.subpicks-button.type--01 .picks-buttonInner i {
  font-size: 18px;
  vertical-align: -1px;
}

@media only screen and (max-width: 992px) {
  .subpicks-button.type--01 .picks-buttonInner {
    font-size: 14px;
    padding: 10px 25px 10px 25px;
  }
}

.subpicks-button .picks-buttonInner {
  background: #F06673;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .subpicks-button .picks-buttonInner {
    font-size: 14px;
    font-weight: normal;
  }
}

.subpicks-button .picks-buttonInner i.arrow01-ICON {
  position: absolute;
  top: 15px;
  right: 25px;
}

.subpicks-button .picks-buttonInner span {
  display: inline-block;
  padding: 0 10px;
  background: #E8313B;
  -webkit-border-radius: 25px 25px 25px 25px;
  -moz-border-radius: 25px 25px 25px 25px;
  border-radius: 25px 25px 25px 25px;
  font-size: 11px;
  font-weight: normal;
}

@media only screen and (max-width: 992px) {
  .subpicks-button .picks-buttonInner span {
    display: inline-block;
    padding: 0;
    background: none;
    border-radius: 0;
    font-size: 10px;
    line-height: 1.2em;
    font-weight: normal;
    display: block;
  }
}

/**
 * Swiper 4.3.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 5, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  height: 100%;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

.contact-base-section {
  padding: 0 40px;
}

@media only screen and (max-width: 768px) {
  .contact-base-section {
    padding: 0 15px;
  }
}

.contact-base-section.-colored {
  background: #DEEFF6;
}

.contact-base-section__inner {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  padding: 60px 0;
}

@media only screen and (max-width: 768px) {
  .contact-base-section__inner {
    padding: 40px 0;
  }
}

.contact-base-section__header-title {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .contact-base-section__header-title {
    font-size: 23px;
  }
}

.contact-base-section__header-description {
  margin-top: 15px;
  text-align: center;
  line-height: 1.5;
  font-size: 13px;
}

.contact-base-section__body {
  margin-top: 35px;
}

@media only screen and (max-width: 768px) {
  .contact-base-section__body {
    margin-top: 25px;
  }
}

.contact-base-button {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.contact-base-button__inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #009be5;
  max-width: 400px;
  width: 100%;
  height: 70px;
}

@media only screen and (max-width: 599px) {
  .contact-base-button__inner {
    height: 50px;
  }
}

.contact-base-button__inner:hover {
  opacity: 0.8;
}

.contact-base-button__inner:before {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1em;
  font-family: "myfont";
  content: "\EA06";
  font-size: 20px;
  color: #fff;
}

@media only screen and (max-width: 599px) {
  .contact-base-button__inner:before {
    font-size: 16px;
  }
}

.-icon-none .contact-base-button__inner:before {
  display: none;
}

.contact-base-button__text {
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}

@media only screen and (max-width: 599px) {
  .contact-base-button__text {
    font-size: 16px;
  }
}

.contact-faq-pageLink {
  margin: 0 calc((50% - 50vw));
  padding: 0 calc((50vw - 50%));
  display: flex;
  border-top: 1px solid #CCCCCC;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .contact-faq-pageLink {
    padding: 0;
  }
}

.contact-faq-pageLink-unit {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding: 10px 0;
}

.contact-faq-pageLink-unit:hover {
  text-decoration: none;
}

.contact-faq-pageLink-unit:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  font-family: "myfont";
  content: "\EA07";
  font-size: 10px;
  width: 100%;
  text-align: center;
}

.contact-faq-pageLink-unit:not(:first-child):before {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  content: "";
  width: 1px;
  height: 20px;
  background: #CCCCCC;
  margin-top: -10px;
}

.contact-faq-pageLink-unit__text {
  display: block;
  color: #333333;
  line-height: 1.5;
  text-align: center;
  font-size: 15px;
}

.contact-faq-pageLink-unit:hover .contact-faq-pageLink-unit__text {
  color: #009EE1;
}

@media only screen and (max-width: 599px) {
  .contact-faq-pageLink-unit__text {
    font-size: 12px;
  }
}

.contact-faq-section {
  border-radius: 10px;
  background: #fff;
  padding: 40px;
}

@media only screen and (max-width: 599px) {
  .contact-faq-section {
    padding: 40px 20px;
  }
}

.contact-faq-section + .contact-faq-section {
  margin-top: 25px;
}

.contact-faq-section__header-title {
  position: relative;
  padding-left: 40px;
}

.contact-faq-section__header-title:before {
  position: absolute;
  font-family: "myfont";
}

.contact-faq-section__header-title.-icon-lock:before {
  top: -10px;
  left: 0;
  content: "\EA16";
  font-size: 30px;
  color: #009EE1;
}

.contact-faq-section__header-title.-icon-change:before {
  top: -8px;
  left: 0;
  content: "\EA1C";
  font-size: 30px;
  color: #009EE1;
}

.contact-faq-section__header-title-text {
  color: #009EE1;
  font-size: 18px;
  font-weight: bold;
}

@media only screen and (max-width: 599px) {
  .contact-faq-section__header-title-text {
    font-size: 16px;
  }
}

.contact-faq-unit + .contact-faq-unit {
  margin-top: 25px;
  border-top: 1px solid #BFBFBF;
  padding-top: 25px;
}

.contact-faq-section__body {
  margin-top: 40px;
}

@media only screen and (max-width: 599px) {
  .contact-faq-section__body {
    margin-top: 30px;
  }
}

.contact-faq-detail__header {
  position: relative;
  padding-left: 30px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
}

.contact-faq-detail__header:before {
  position: absolute;
  top: 2px;
  left: 0;
  font-family: "myfont";
  content: "\EA22";
  font-size: 15px;
  color: #009EE1;
}

.contact-faq-detail__body {
  position: relative;
  padding-left: 30px;
  font-size: 14px;
  line-height: 1.7;
  margin-top: 15px;
  padding-top: 3px;
}

@media only screen and (max-width: 768px) {
  .contact-faq-detail__body {
    display: none;
  }
}

.contact-faq-detail__body:before {
  position: absolute;
  top: 2px;
  left: 0;
  font-family: "myfont";
  content: "\EA23";
  font-size: 15px;
  color: #E95156;
}

.contact-faq-detail__button {
  position: relative;
  display: none;
}

@media only screen and (max-width: 768px) {
  .contact-faq-detail__button {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 285px;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    margin: 0 auto;
    margin-top: 20px;
    background: #009be5;
    transition: background .2s;
  }
  .js-accordion.is-open .contact-faq-detail__button {
    border: 2px solid #009be5;
    background: #fff;
  }
}

.contact-faq-detail__button:before {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto;
  content: "\EA07";
  font-family: "myfont";
  color: #fff;
  font-size: 10px;
  height: 1em;
}

.js-accordion.is-open .contact-faq-detail__button:before {
  content: "\EA05";
  color: #1A7FD5;
}

.contact-faq-detail__button:after {
  content: "回答を見る";
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

.js-accordion.is-open .contact-faq-detail__button:after {
  content: "閉じる";
  color: #1A7FD5;
}

.contact-faqLink .faq-category--sp {
  margin-top: 30px;
  padding: 0;
  display: block !important;
}

.contact-notice {
  padding: 40px;
  background: #F5F5F5;
}

@media only screen and (max-width: 599px) {
  .contact-notice {
    padding: 20px;
  }
}

.contact-notice__title {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}

.contact-notice__text {
  margin-top: 20px;
  line-height: 1.6;
}

.u-fw_n {
  font-weight: normal !important;
}

.u-fw_b {
  font-weight: bold !important;
}

.u-fz_xxl {
  font-size: 120% !important;
}

.u-fz_xl {
  font-size: 115% !important;
}

.u-fz_l {
  font-size: 110% !important;
}

.u-fz_s {
  font-size: 90% !important;
}

.u-fz_xs {
  font-size: 85% !important;
}

.u-fz_xxs {
  font-size: 80% !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-show--pc {
  visibility: visible;
  position: static;
}

br.u-show--pc {
  display: block;
}

img.u-show--pc {
  display: block;
}

@media only screen and (max-width: 992px) {
  .u-show--pc {
    visibility: hidden;
    position: absolute;
  }
  br.u-show--pc {
    display: none;
  }
  img.u-show--pc {
    display: none;
  }
}

.u-show--pc-tl {
  visibility: visible;
  position: static;
}

br.u-show--pc-tl {
  display: block;
}

img.u-show--pc-tl {
  display: block;
}

@media only screen and (max-width: 768px) {
  .u-show--pc-tl {
    visibility: hidden;
    position: absolute;
  }
  br.u-show--pc-tl {
    display: none;
  }
  img.u-show--pc-tl {
    display: none;
  }
}

.u-show--tl {
  visibility: hidden;
  position: absolute;
}

br.u-show--tl {
  display: none;
}

img.u-show--tl {
  display: none;
}

@media only screen and (max-width: 992px) {
  .u-show--tl {
    visibility: visible;
    position: static;
  }
  br.u-show--tl {
    display: block;
  }
  img.u-show--tl {
    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--ios {
  display: none;
}

.ua-iphone .u-show--ios {
  display: block;
}

.ua-ipad .u-show--ios {
  display: block;
}

.u-show--android {
  display: none;
}

.ua-android .u-show--android {
  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;
}

.hoge {
  visibility: hidden;
}