/*  .contents__inner   */
.main .contents__inner {
    max-width: 750px;
    margin: 0 auto;
}

.main .contents__inner.ci_w50 { max-width: 50px; }
.main .contents__inner.ci_w100 { max-width: 100px; }
.main .contents__inner.ci_w150 { max-width: 150px; }
.main .contents__inner.ci_w200 { max-width: 200px; }
.main .contents__inner.ci_w250 { max-width: 250px; }
.main .contents__inner.ci_w300 { max-width: 300px; }
.main .contents__inner.ci_w350 { max-width: 350px; }
.main .contents__inner.ci_w400 { max-width: 400px; }
.main .contents__inner.ci_w450 { max-width: 450px; }
.main .contents__inner.ci_w500 { max-width: 500px; }
.main .contents__inner.ci_w550 { max-width: 550px; }
.main .contents__inner.ci_w600 { max-width: 600px; }
.main .contents__inner.ci_w650 { max-width: 650px; }
.main .contents__inner.ci_w700 { max-width: 700px; }
.main .contents__inner.ci_w750 { max-width: 750px; }
.main .contents__inner.ci_w800 { max-width: 800px; }
.main .contents__inner.ci_w850 { max-width: 850px; }
.main .contents__inner.ci_w900 { max-width: 900px; }
.main .contents__inner.ci_w950 { max-width: 950px; }
.main .contents__inner.ci_w1000 { max-width: 1000px; }

/*  .rows   */
.main .rows {
  margin: 0 -12px 0;
}
.main .rows.detail {
  margin: 20px -12px;
  border-top: 1px solid #ebedf1;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .main .rows {
    margin: 0 -6px 0;
  }
}
.main .col12,.main .colSP12,
.main .col11,.main .colSP11,
.main .col10,.main .colSP10,
.main .col9,.main .colSP9,
.main .col8,.main .colSP8,
.main .col7,.main .colSP7,
.main .col6,.main .colSP6,
.main .col5,.main .colSP5,
.main .col4,.main .colSP4,
.main .col3,.main .colSP3,
.main .col2,.main .colSP2,
.main .col1,.main .colSP1 {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  padding: 0 12px;
}
@media screen and (max-width: 767px) {
  .main .col12,.main .colSP12,
  .main .col11,.main .colSP11,
  .main .col10,.main .colSP10,
  .main .col9,.main .colSP9,
  .main .col8,.main .colSP8,
  .main .col7,.main .colSP7,
  .main .col6,.main .colSP6,
  .main .col5,.main .colSP5,
  .main .col4,.main .colSP4,
  .main .col3,.main .colSP3,
  .main .col2,.main .colSP2,
  .main .col1,.main .colSP1 {
    padding: 0 6px;
  }
}

.main .col12 > *:first-child,.main .colSP12 > *:first-child,
.main .col11 > *:first-child,.main .colSP11 > *:first-child,
.main .col10 > *:first-child,.main .colSP10 > *:first-child,
.main .col9 > *:first-child,.main .colSP9 > *:first-child,
.main .col8 > *:first-child,.main .colSP8 > *:first-child,
.main .col7 > *:first-child,.main .colSP7 > *:first-child,
.main .col6 > *:first-child,.main .colSP6 > *:first-child,
.main .col5 > *:first-child,.main .colSP5 > *:first-child,
.main .col4 > *:first-child,.main .colSP4 > *:first-child,
.main .col3 > *:first-child,.main .colSP3 > *:first-child,
.main .col2 > *:first-child,.main .colSP2 > *:first-child,
.main .col1 > *:first-child,.main .colSP1 > *:first-child {
  margin-top: 0;
  margin-bottom: 0;
}
.main .col12 {
  width: 100%;
}
.main .col11 {
  width: 91.66666667%;
}
.main .col10 {
  width: 83.33333333%;
}
.main .col9 {
  width: 75%;
}
.main .col8 {
  width: 66.66666667%;
}
.main .col7 {
  width: 58.33333333%;
}
.main .col6 {
  width: 50%;
}
.main .col5 {
  width: 41.66666667%;
}
.main .col4 {
  width: 33.33333333%;
}
.main .col3 {
  width: 25%;
}
.main .col2 {
  width: 16.66666667%;
}
.main .col1 {
  width: 8.33333333%;
}
.main .pull12 {
  right: 100%;
}
.main .pull11 {
  right: 91.66666667%;
}
.main .pull10 {
  right: 83.33333333%;
}
.main .pull9 {
  right: 75%;
}
.main .pull8 {
  right: 66.66666667%;
}
.main .pull7 {
  right: 58.33333333%;
}
.main .pull6 {
  right: 50%;
}
.main .pull5 {
  right: 41.66666667%;
}
.main .pull4 {
  right: 33.33333333%;
}
.main .pull3 {
  right: 25%;
}
.main .pull2 {
  right: 16.66666667%;
}
.main .pull1 {
  right: 8.33333333%;
}
.main .push12 {
  left: 100%;
}
.main .push11 {
  left: 91.66666667%;
}
.main .push10 {
  left: 83.33333333%;
}
.main .push9 {
  left: 75%;
}
.main .push8 {
  left: 66.66666667%;
}
.main .push7 {
  left: 58.33333333%;
}
.main .push6 {
  left: 50%;
}
.main .push5 {
  left: 41.66666667%;
}
.main .push4 {
  left: 33.33333333%;
}
.main .push3 {
  left: 25%;
}
.main .push2 {
  left: 16.66666667%;
}
.main .push1 {
  left: 8.33333333%;
}
@media screen and (max-width: 767px) {
  .main .colSP12 {
    width: 100%;
  }
  .main .colSP11 {
    width: 91.66666667%;
  }
  .main .colSP10 {
    width: 83.33333333%;
  }
  .main .colSP9 {
    width: 75%;
  }
  .main .colSP8 {
    width: 66.66666667%;
  }
  .main .colSP7 {
    width: 58.33333333%;
  }
  .main .colSP6 {
    width: 50%;
  }
  .main .colSP5 {
    width: 41.66666667%;
  }
  .main .colSP4 {
    width: 33.33333333%;
  }
  .main .colSP3 {
    width: 25%;
  }
  .main .colSP2 {
    width: 16.66666667%;
  }
  .main .colSP1 {
    width: 8.33333333%;
  }
  .main .pull12,
  .main .pull11,
  .main .pull10,
  .main .pull9,
  .main .pull8,
  .main .pull7,
  .main .pull6,
  .main .pull5,
  .main .pull4,
  .main .pull3,
  .main .pull2,
  .main .pull1 {
    right: auto;
  }
  .main .push12,
  .main .push11,
  .main .push10,
  .main .push9,
  .main .push8,
  .main .push7,
  .main .push6,
  .main .push5,
  .main .push4,
  .main .push3,
  .main .push2,
  .main .push1 {
    left: auto;
  }
}

@media screen and (max-width: 767px) {
  .main .col12.spLine,
  .main .col11.spLine,
  .main .col10.spLine,
  .main .col9.spLine,
  .main .col8.spLine,
  .main .col7.spLine,
  .main .col6.spLine,
  .main .col5.spLine,
  .main .col4.spLine,
  .main .col3.spLine,
  .main .col2.spLine,
  .main .col1.spLine {
    width: auto;
    float: none
  }
  .main .spLine + .spLine {
    margin-top: 1em;
  }
  .main .colSP12 + .colSP12 {
    margin-top: 1em;
  }
}
/* .clearfix */
.main .rows:before,
.main .rows:after,
.main .cf:before,
.main .cf:after {
  content: " ";
  display: table;
}
.main .rows:after,
.main .cf:after {
  clear: both;
}
.main .rows,
.main .cf {
  *zoom: 1;
}

/* important */
.main .txtAL {
  text-align: left !important;
}
.main .txtAC {
  text-align: center !important;
}
.main .txtAR {
  text-align: right !important;
}
.main .fwB {
  font-weight: bold !important;
}
.main .fwN {
  font-weight: normal !important;
}
.main .vaT {
  vertical-align: top !important;
}
.main .vaM {
  vertical-align: middle !important;
}
.main .vaB {
  vertical-align: bottom !important;
}

@media (min-width: 768px) {
  .main .pcTxtAL {
    text-align: left !important;
  }
  .main .pcTxtAC {
    text-align: center !important;
  }
  .main .pcTxtAR {
    text-align: right !important;
  }
  .main .pcFwB {
    font-weight: bold !important;
  }
  .main .pcFwN {
    font-weight: normal !important;
  }
  .main .pcVaT {
    vertical-align: top !important;
  }
  .main .pcVaM {
    vertical-align: middle !important;
  }
  .main .pcVaB {
    vertical-align: bottom !important;
  }
}

@media (max-width: 767px) {
  .main .spTxtAL {
    text-align: left !important;
  }
  .main .spTxtAC {
    text-align: center !important;
  }
  .main .spTxtAR {
    text-align: right !important;
  }
  .main .spFwB {
    font-weight: bold !important;
  }
  .main .spFwN {
    font-weight: normal !important;
  }
  .main .spVaT {
    vertical-align: top !important;
  }
  .main .spVaM {
    vertical-align: middle !important;
  }
  .main .spVaB {
    vertical-align: bottom !important;
  }
}

/* img */
.main img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  width /***/: auto;
}

/* p */
.main p {
  font-size: 16px;
}
/* link module */
.main a.internal::after,
.main a.external::after,
.main a.file::after {
  content: "";
  display: inline-block;
  margin-left: 6px;
  width: 7px;
  height: 12px;
  background: url(/en/common/images/module/icon_arrow-blue.png) no-repeat 50% 50%;
  -webkit-background-size: 7px 12px;
  background-size: 7px 12px;
}
.main a.external::after {
  width: 10px;
  height: 10px;
  background-image: url(/en/common/images/module/icon_blank10-blue.png);
  -webkit-background-size: 10px 10px;
  background-size: 10px 10px;
}
.main a.file::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background: url(/en/common/images/module/icon_pdf_01.png) no-repeat;
    vertical-align: -2px;
    text-decoration: none;
}
/*  news-title   */
.main .news-title {
  height: 325px;
  color: #fff;
  position: relative;
  background-image: url(/en/common/images/press/visual.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  z-index: -1;
}
.main .news-title .h2 {
  position: absolute;
  top: 120px;
  width: 100%;
  text-align: center;
  font-size: 40px;
}

@media (min-width: 768px) {
  .main .news-title {
    height: 462px;
  }
  .main .news-title .h2 {
    font-size: 54px;
    top: 195px;
  }
}

/*  news-category  */
.main .news-category-list {
  display: block;
  float: left;
}
.main .news-category-list li {
  margin-bottom: 10px;
}
.main .news-category-list li a {
  display: block;
  padding: 2px 10px;
  border-radius: 50px;
  border: 2px solid #ececec;
  color:#7c7c85;
  font-size: 11px;
}
.main .news-category-list li a.active {
  color:#ffffff;
  border: 2px solid #008EED;
  background-color: #008EED;
}

@media (min-width: 768px) {
  .main .news-category-list {
    display: inline-block;
    float: right;
  }
  .main #news-category {
    float: right;
  }
  .main .news-category-list li a {
    padding: 5px 20px;
  }

}


/*  news-year  */
.main #news-year {
  margin-top: 0;
}
.main .news-year__nav {
  text-align: right;
}
.main .news-year__nav dl {
  margin: 0;
  font-size: 13px;
}
.main .news-year__nav dt {
  display: inline-block;
  margin: 0 5px 0 0;
  font-size: 13px;
}

.main .news-year__nav dd {
  display: inline-block;
  margin: 0;
  font-size: 13px;
}

.main .news-year__nav .site-icon--expand {
  width: 20px;
  height: 20px;
}

@media (min-width: 768px) {

 .main  #news-year {
    float: left;
  }
  .main .news-year__nav {
    text-align: left;
  }
  .main .news-year__nav dl {
    margin: 5px 0 10px 0;
  }
}



/* .news-list */
.main .news-list {
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
}
.main .news-list li {
  border-bottom: 1px solid #ebedf1;
  min-height: 100px;
}
.main .news-list li:first-child {
  border-top: 1px solid #ebedf1;
}
.main .news-list div.no-link,
.main .news-list a {
  display: block;
  padding: 20px 0 15px;
  text-decoration: none;
}
.main .news-list dl {
  margin: 0;
  padding: 0;
}
.main .news-list dt {
  overflow: hidden;
  margin: 0 0 10px 0;
}
.main .news-list .news-list--date {
  position: relative;
  top: -1px;
  display: block;
  float:left;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f7f7f7;
  padding: 2px 10px;
  font-size: 11px;
  color: #808085;
}
.main .news-list .news-list--type {
  display: table;
  font-size: 11px;
  color: #b4b4b4;
  float: right;
  vertical-align: middle;
  line-height: 1.2;
  height: 31px;
}
.main .news-list .news-list--type span {
  display: table-cell;
  vertical-align: middle;
}
.main .news-list dd {
  clear: both;
  font-size: 14px;
  margin: 0;
}
.main .news-list a:hover dd {
  text-decoration: underline;
}
.main p .news-list--date {
  margin-top: 10px;
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f7f7f7;
  padding: 2px 10px;
  font-size: 11px;
  color: #808085;
}

@media (min-width: 768px) {
  .main .news-list {
    list-style-type: none;
    margin: 40px 0 0 0;
  }
  .main .news-list div.no-link,
  .main .news-list a {
    padding: 40px 0 30px;
  }
  .main .news-list dt {
    display: inline-block;
    vertical-align: middle;
  }
  .main .news-list .news-list--date {
  }
  .main .news-list .news-list--type {
    min-width: 155px;
    text-align: center;
  }
  .main .news-list dd {
    display: inline-block;
    vertical-align: top;
    width: 64%;
    margin: 0 0 0 5px;
  }
}

/* .pagination-list */
.main .pagination-list {
  list-style-type: none;
  margin: 20px 0;
  padding: 0;
  font-size:14px;
  display: table;
  width: 100%;
}
.main .pagination-list li {
  display:table-cell;
  text-align: center;
  color: #D5D5D5;
  overflow: hidden;
}
.main .pagination-list li a,
.main .pagination-list li > span{
  display: inline-block;
  background-color:#ffffff;
  padding: 3px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0px 10px;
}
@media (max-width: 767px) {
.main .pagination-list li a,
.main .pagination-list li > span{
  padding: 3px 3px;
  margin: 0 2.7%;
}
}
.main .pagination-list li.first a,
.main .pagination-list li.first > span,
.main .pagination-list li.end a,
.main .pagination-list li.end > span,
.main .pagination-list li.prev a,
.main .pagination-list li.prev > span,
.main .pagination-list li.next a
.main .pagination-list li.next > span {
  padding: 3px 10px;

}
.main .pagination-list li.first a span,
.main .pagination-list li.first span span{
  padding-right: 5px;
  font-size: 20px
}
.main .pagination-list li.end a span,
.main .pagination-list li.end span span{
  padding-left: 5px;
  font-size: 20px
}
.main .pagination-list li.prev,
.main .pagination-list li.next{
  font-size: 20px
}
.main .pagination-list li a{
  color: #203D8E;
}
.main .pagination-list li a.active{
  background-color:#F7F7F7;
}
@media (max-width: 767px) {
  .main .pagination-list li.first,
  .main .pagination-list li.end{
    display: none;
  }
}

.main .h1Title{
  font-size:36px;
  font-weight: bold;
  color:#008EED;
  line-height: 1.3;
}
.main .h2Title{
  font-size:28px;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 2em;
}
.main .h2Title.main{
  margin:0 0 40px 0;
  text-align: center;
}
.main .h3Title{
  font-size:18px;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 1em;
}
.main .caption{
  font-size:14px;
  font-weight: bold;
  text-align: center;
  color:#333;
}
.main dl.table{
  border-top: 1px solid #ebedf1;
  border-bottom: 1px solid #ebedf1;
  padding: 25px 0;
  margin: 0;
  display: table;
  width: 100%;
}
.main dl.table + dl.table{
  margin-top: -1px;
}
.main dl.table dt{
  display: table-cell;
  width: 30%;
  font-weight: bold;
  margin: 0;
}
.main dl.table dt span{
  margin-right: 15px;
}
.main dl.table dd{
  display: table-cell;
  margin: 0;
}
@media (max-width: 767px) {
  .main .h1Title{
    font-size:28px;
  }
  .main .h2Title{
    font-size:20px;
  }
  .main .h3Title{
    font-size:16px;
  }
  .main dl.table dt{
    display: block;
  }
  .main dl.table dd{
    display: block;
  }
}




















/* .table2 */
.main .table2 > table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-bottom: 1px solid #ebedf1;
  font-size: 100%;
  line-height: 1.4;
}

.main .table2 > table td {
  padding: 20px 15px;
  border-top: 1px solid #ebedf1;
  border-left: 1px solid #ebedf1;
}

.main .table2 > table .noBl {
  border-left: none;
}

.main .table2 > table .tableHead {
  background: #f6f7fb;
}

@media (max-width: 767px) {
  .main .table2 {
    overflow-x: auto;
  }

  .main .table2 > table {
    width: 767px;
  }
}





/* .markList */
.main .markList {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main .markList > li > .listMark {
  float: left;
  margin-right: 3px;
}

.main .markList > li > .listTxt {
  overflow: hidden;
}

.main .markList > li > .listTxt p {
  margin: 0;
  padding: 0;
}





/* .markList2 */
.markList2 {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  .markList2.pcCenter {
    text-align: center;
  }

  .markList2.pcCenter > li * {
    display: inline;
  }
}

.markList2 > li > .listMark {
  float: left;
  margin-right: 3px;
}

@media (min-width: 768px) {
  .markList2.pcCenter > li > .listMark {
    float: none;
  }
}

.markList2 > li > .listTxt {
  overflow: hidden;
}

@media (min-width: 768px) {
  .markList2.pcCenter > li > .listTxt {
    overflow: visible;
  }
}

.markList2 > li > .listTxt p {
  margin: 0;
  padding: 0;
  font-size: 100%;
}



/* .markList3 */
.main .markList3 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main .markList3 > li > .listMark {
  float: left;
  margin-right: 3px;
}

.main .markList3 > li > .listTxt {
  overflow: hidden;
}

.main .markList3 > li > .listTxt p {
  margin: 0;
  padding: 0;
}

.main .markList3 > li > .listTxt p:before {
  content:"* ";
}





/* .getReaderBlock */
@media (min-width: 768px) {
  .main .getReaderBlock{
    width: 620px;
    padding: 20px;
    background-color:#f7f7f7;
  }
  .main .getReaderBlock .blockTxt {
    float: left;
    width: 400px;
  }
}

@media (max-width: 767px) {
  .main .getReaderBlock{
    width: 100%;
    padding: 20px;
    background-color:#f7f7f7;
  }
  .main .getReaderBlock .blockTxt {
    margin-bottom: 15px;
  }
}

.main .getReaderBlock .blockTxt .description {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .main .getReaderBlock .blockBtn {
    float: right;
    width: 158px;
  }
}

.main .getReaderBlock .blockBtn .btn {
  margin: 0;
}

.main .getReaderBlock .blockBtn .btn a {
  display: block;
  width: 158px;
  height: 39px;
  background: url(/en/common/images/module/bnr_get_reader_01.png) no-repeat;
}





/* Style */
.wper0 { width: 0% !important; }
.wper1 { width: 1% !important; }
.wper2 { width: 2% !important; }
.wper3 { width: 3% !important; }
.wper4 { width: 4% !important; }
.wper5 { width: 5% !important; }
.wper6 { width: 6% !important; }
.wper7 { width: 7% !important; }
.wper8 { width: 8% !important; }
.wper9 { width: 9% !important; }
.wper10 { width: 10% !important; }
.wper11 { width: 11% !important; }
.wper12 { width: 12% !important; }
.wper13 { width: 13% !important; }
.wper14 { width: 14% !important; }
.wper15 { width: 15% !important; }
.wper16 { width: 16% !important; }
.wper17 { width: 17% !important; }
.wper18 { width: 18% !important; }
.wper19 { width: 19% !important; }
.wper20 { width: 20% !important; }
.wper21 { width: 21% !important; }
.wper22 { width: 22% !important; }
.wper23 { width: 23% !important; }
.wper24 { width: 24% !important; }
.wper25 { width: 25% !important; }
.wper26 { width: 26% !important; }
.wper27 { width: 27% !important; }
.wper28 { width: 28% !important; }
.wper29 { width: 29% !important; }
.wper30 { width: 30% !important; }
.wper31 { width: 31% !important; }
.wper32 { width: 32% !important; }
.wper33 { width: 33% !important; }
.wper34 { width: 34% !important; }
.wper35 { width: 35% !important; }
.wper36 { width: 36% !important; }
.wper37 { width: 37% !important; }
.wper38 { width: 38% !important; }
.wper39 { width: 39% !important; }
.wper40 { width: 40% !important; }
.wper41 { width: 41% !important; }
.wper42 { width: 42% !important; }
.wper43 { width: 43% !important; }
.wper44 { width: 44% !important; }
.wper45 { width: 45% !important; }
.wper46 { width: 46% !important; }
.wper47 { width: 47% !important; }
.wper48 { width: 48% !important; }
.wper49 { width: 49% !important; }
.wper50 { width: 50% !important; }
.wper51 { width: 51% !important; }
.wper52 { width: 52% !important; }
.wper53 { width: 53% !important; }
.wper54 { width: 54% !important; }
.wper55 { width: 55% !important; }
.wper56 { width: 56% !important; }
.wper57 { width: 57% !important; }
.wper58 { width: 58% !important; }
.wper59 { width: 59% !important; }
.wper60 { width: 60% !important; }
.wper61 { width: 61% !important; }
.wper62 { width: 62% !important; }
.wper63 { width: 63% !important; }
.wper64 { width: 64% !important; }
.wper65 { width: 65% !important; }
.wper66 { width: 66% !important; }
.wper67 { width: 67% !important; }
.wper68 { width: 68% !important; }
.wper69 { width: 69% !important; }
.wper70 { width: 70% !important; }
.wper71 { width: 71% !important; }
.wper72 { width: 72% !important; }
.wper73 { width: 73% !important; }
.wper74 { width: 74% !important; }
.wper75 { width: 75% !important; }
.wper76 { width: 76% !important; }
.wper77 { width: 77% !important; }
.wper78 { width: 78% !important; }
.wper79 { width: 79% !important; }
.wper80 { width: 80% !important; }
.wper81 { width: 81% !important; }
.wper82 { width: 82% !important; }
.wper83 { width: 83% !important; }
.wper84 { width: 84% !important; }
.wper85 { width: 85% !important; }
.wper86 { width: 86% !important; }
.wper87 { width: 87% !important; }
.wper88 { width: 88% !important; }
.wper89 { width: 89% !important; }
.wper90 { width: 90% !important; }
.wper91 { width: 91% !important; }
.wper92 { width: 92% !important; }
.wper93 { width: 93% !important; }
.wper94 { width: 94% !important; }
.wper95 { width: 95% !important; }
.wper96 { width: 96% !important; }
.wper97 { width: 97% !important; }
.wper98 { width: 98% !important; }
.wper99 { width: 99% !important; }
.wper100 { width: 100% !important; }

@media(min-width: 768px) {
  .pcWper0 { width: 0% !important; }
  .pcWper1 { width: 1% !important; }
  .pcWper2 { width: 2% !important; }
  .pcWper3 { width: 3% !important; }
  .pcWper4 { width: 4% !important; }
  .pcWper5 { width: 5% !important; }
  .pcWper6 { width: 6% !important; }
  .pcWper7 { width: 7% !important; }
  .pcWper8 { width: 8% !important; }
  .pcWper9 { width: 9% !important; }
  .pcWper10 { width: 10% !important; }
  .pcWper11 { width: 11% !important; }
  .pcWper12 { width: 12% !important; }
  .pcWper13 { width: 13% !important; }
  .pcWper14 { width: 14% !important; }
  .pcWper15 { width: 15% !important; }
  .pcWper16 { width: 16% !important; }
  .pcWper17 { width: 17% !important; }
  .pcWper18 { width: 18% !important; }
  .pcWper19 { width: 19% !important; }
  .pcWper20 { width: 20% !important; }
  .pcWper21 { width: 21% !important; }
  .pcWper22 { width: 22% !important; }
  .pcWper23 { width: 23% !important; }
  .pcWper24 { width: 24% !important; }
  .pcWper25 { width: 25% !important; }
  .pcWper26 { width: 26% !important; }
  .pcWper27 { width: 27% !important; }
  .pcWper28 { width: 28% !important; }
  .pcWper29 { width: 29% !important; }
  .pcWper30 { width: 30% !important; }
  .pcWper31 { width: 31% !important; }
  .pcWper32 { width: 32% !important; }
  .pcWper33 { width: 33% !important; }
  .pcWper34 { width: 34% !important; }
  .pcWper35 { width: 35% !important; }
  .pcWper36 { width: 36% !important; }
  .pcWper37 { width: 37% !important; }
  .pcWper38 { width: 38% !important; }
  .pcWper39 { width: 39% !important; }
  .pcWper40 { width: 40% !important; }
  .pcWper41 { width: 41% !important; }
  .pcWper42 { width: 42% !important; }
  .pcWper43 { width: 43% !important; }
  .pcWper44 { width: 44% !important; }
  .pcWper45 { width: 45% !important; }
  .pcWper46 { width: 46% !important; }
  .pcWper47 { width: 47% !important; }
  .pcWper48 { width: 48% !important; }
  .pcWper49 { width: 49% !important; }
  .pcWper50 { width: 50% !important; }
  .pcWper51 { width: 51% !important; }
  .pcWper52 { width: 52% !important; }
  .pcWper53 { width: 53% !important; }
  .pcWper54 { width: 54% !important; }
  .pcWper55 { width: 55% !important; }
  .pcWper56 { width: 56% !important; }
  .pcWper57 { width: 57% !important; }
  .pcWper58 { width: 58% !important; }
  .pcWper59 { width: 59% !important; }
  .pcWper60 { width: 60% !important; }
  .pcWper61 { width: 61% !important; }
  .pcWper62 { width: 62% !important; }
  .pcWper63 { width: 63% !important; }
  .pcWper64 { width: 64% !important; }
  .pcWper65 { width: 65% !important; }
  .pcWper66 { width: 66% !important; }
  .pcWper67 { width: 67% !important; }
  .pcWper68 { width: 68% !important; }
  .pcWper69 { width: 69% !important; }
  .pcWper70 { width: 70% !important; }
  .pcWper71 { width: 71% !important; }
  .pcWper72 { width: 72% !important; }
  .pcWper73 { width: 73% !important; }
  .pcWper74 { width: 74% !important; }
  .pcWper75 { width: 75% !important; }
  .pcWper76 { width: 76% !important; }
  .pcWper77 { width: 77% !important; }
  .pcWper78 { width: 78% !important; }
  .pcWper79 { width: 79% !important; }
  .pcWper80 { width: 80% !important; }
  .pcWper81 { width: 81% !important; }
  .pcWper82 { width: 82% !important; }
  .pcWper83 { width: 83% !important; }
  .pcWper84 { width: 84% !important; }
  .pcWper85 { width: 85% !important; }
  .pcWper86 { width: 86% !important; }
  .pcWper87 { width: 87% !important; }
  .pcWper88 { width: 88% !important; }
  .pcWper89 { width: 89% !important; }
  .pcWper90 { width: 90% !important; }
  .pcWper91 { width: 91% !important; }
  .pcWper92 { width: 92% !important; }
  .pcWper93 { width: 93% !important; }
  .pcWper94 { width: 94% !important; }
  .pcWper95 { width: 95% !important; }
  .pcWper96 { width: 96% !important; }
  .pcWper97 { width: 97% !important; }
  .pcWper98 { width: 98% !important; }
  .pcWper99 { width: 99% !important; }
  .pcWper100 { width: 100% !important; }
}

@media(max-width: 767px) {
  .spWper0 { width: 0% !important; }
  .spWper1 { width: 1% !important; }
  .spWper2 { width: 2% !important; }
  .spWper3 { width: 3% !important; }
  .spWper4 { width: 4% !important; }
  .spWper5 { width: 5% !important; }
  .spWper6 { width: 6% !important; }
  .spWper7 { width: 7% !important; }
  .spWper8 { width: 8% !important; }
  .spWper9 { width: 9% !important; }
  .spWper10 { width: 10% !important; }
  .spWper11 { width: 11% !important; }
  .spWper12 { width: 12% !important; }
  .spWper13 { width: 13% !important; }
  .spWper14 { width: 14% !important; }
  .spWper15 { width: 15% !important; }
  .spWper16 { width: 16% !important; }
  .spWper17 { width: 17% !important; }
  .spWper18 { width: 18% !important; }
  .spWper19 { width: 19% !important; }
  .spWper20 { width: 20% !important; }
  .spWper21 { width: 21% !important; }
  .spWper22 { width: 22% !important; }
  .spWper23 { width: 23% !important; }
  .spWper24 { width: 24% !important; }
  .spWper25 { width: 25% !important; }
  .spWper26 { width: 26% !important; }
  .spWper27 { width: 27% !important; }
  .spWper28 { width: 28% !important; }
  .spWper29 { width: 29% !important; }
  .spWper30 { width: 30% !important; }
  .spWper31 { width: 31% !important; }
  .spWper32 { width: 32% !important; }
  .spWper33 { width: 33% !important; }
  .spWper34 { width: 34% !important; }
  .spWper35 { width: 35% !important; }
  .spWper36 { width: 36% !important; }
  .spWper37 { width: 37% !important; }
  .spWper38 { width: 38% !important; }
  .spWper39 { width: 39% !important; }
  .spWper40 { width: 40% !important; }
  .spWper41 { width: 41% !important; }
  .spWper42 { width: 42% !important; }
  .spWper43 { width: 43% !important; }
  .spWper44 { width: 44% !important; }
  .spWper45 { width: 45% !important; }
  .spWper46 { width: 46% !important; }
  .spWper47 { width: 47% !important; }
  .spWper48 { width: 48% !important; }
  .spWper49 { width: 49% !important; }
  .spWper50 { width: 50% !important; }
  .spWper51 { width: 51% !important; }
  .spWper52 { width: 52% !important; }
  .spWper53 { width: 53% !important; }
  .spWper54 { width: 54% !important; }
  .spWper55 { width: 55% !important; }
  .spWper56 { width: 56% !important; }
  .spWper57 { width: 57% !important; }
  .spWper58 { width: 58% !important; }
  .spWper59 { width: 59% !important; }
  .spWper60 { width: 60% !important; }
  .spWper61 { width: 61% !important; }
  .spWper62 { width: 62% !important; }
  .spWper63 { width: 63% !important; }
  .spWper64 { width: 64% !important; }
  .spWper65 { width: 65% !important; }
  .spWper66 { width: 66% !important; }
  .spWper67 { width: 67% !important; }
  .spWper68 { width: 68% !important; }
  .spWper69 { width: 69% !important; }
  .spWper70 { width: 70% !important; }
  .spWper71 { width: 71% !important; }
  .spWper72 { width: 72% !important; }
  .spWper73 { width: 73% !important; }
  .spWper74 { width: 74% !important; }
  .spWper75 { width: 75% !important; }
  .spWper76 { width: 76% !important; }
  .spWper77 { width: 77% !important; }
  .spWper78 { width: 78% !important; }
  .spWper79 { width: 79% !important; }
  .spWper80 { width: 80% !important; }
  .spWper81 { width: 81% !important; }
  .spWper82 { width: 82% !important; }
  .spWper83 { width: 83% !important; }
  .spWper84 { width: 84% !important; }
  .spWper85 { width: 85% !important; }
  .spWper86 { width: 86% !important; }
  .spWper87 { width: 87% !important; }
  .spWper88 { width: 88% !important; }
  .spWper89 { width: 89% !important; }
  .spWper90 { width: 90% !important; }
  .spWper91 { width: 91% !important; }
  .spWper92 { width: 92% !important; }
  .spWper93 { width: 93% !important; }
  .spWper94 { width: 94% !important; }
  .spWper95 { width: 95% !important; }
  .spWper96 { width: 96% !important; }
  .spWper97 { width: 97% !important; }
  .spWper98 { width: 98% !important; }
  .spWper99 { width: 99% !important; }
  .spWper100 { width: 100% !important; }
}





/* .mgAuto */
.main .mgAuto {
  margin: 0 auto;
}

@media (min-width: 768px) {
  .main .pcMgAuto {
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .main .spMgAuto {
    margin: 0 auto;
  }
}





/* .cmnSection */
.main .cmnSection {
  padding: 40px 33px;
  line-height: 27px;
}

@media(min-width: 768px) {
  .main .cmnSection {
    padding: 80px 0;
  }
}





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

@media(max-width: 767px) {
  .main .subSection {
    margin-top: 40px;
  }
}





/* .subSection2 */
.main .subSection2 {
  margin-top: 50px;
}

@media(max-width: 767px) {
  .main .subSection2 {
    margin-top: 30px;
  }
}





/* .h1NoImage */
.main .h1NoImage {
  margin-bottom: 50px;
  color: #008eed;
  font-size: 48px;
  line-height: 1.2;
  text-align: center;
}

@media (max-width: 767px) {
  .main .h1NoImage {
    margin-bottom: 30px;
    font-size: 36px;
    text-align: center;
  }
}





/* .h1BlueLeft */
.main .h1BlueLeft {
  margin-bottom: 50px;
  color: #008eed;
  font-size: 48px;
  line-height: 1.2;
  text-align: left;
}

@media (max-width: 767px) {
  .main .h1BlueLeft {
    margin-bottom: 30px;
    font-size: 36px;
    text-align: center;
  }
}





/* .h1BlueCenter */
.main .h1BlueCenter {
  margin-bottom: 50px;
  color: #008eed;
  font-size: 48px;
  line-height: 1.2;
  text-align: center;
}

@media (max-width: 767px) {
  .main .h1BlueCenter {
    margin-bottom: 30px;
    font-size: 36px;
    text-align: center;
  }
}





/* .h1Orange */
.main .h1Orange {
  margin-bottom: 50px;
  color: #ffa628;
  font-size: 48px;
  line-height: 1.2;
  text-align: center;
}

@media (max-width: 767px) {
  .main .h1Orange {
    margin-bottom: 30px;
    font-size: 36px;
  }
}





/* .h1OnlyImg */
.main .h1OnlyImg {
  margin-bottom: 50px;
  text-align: center;
}

@media (max-width: 767px) {
  .main .h1OnlyImg {
    margin-bottom: 30px;
  }
}

.main .h1OnlyImg img {
  width: 100%;
}





/* .h2NoImage */
.main .h2NoImage {
  position: relative;
  margin-bottom: 40px;
  padding-top: 30px;
  color: #243143;
  font-size: 36px;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 767px) {
  .main .h2NoImage {
    margin-bottom: 25px;
    padding-top: 20px;
    font-size: 24px;
  }
}

.main .h2NoImage::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 64px;
  height: 1px;
  margin-left: -32px;
  background: #cbcbd6;
}





/* .h2White */
.main .h2White {
  margin-bottom: 40px;
  color: #fff;
  font-size: 36px;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 767px) {
  .main .h2White {
    margin-bottom: 25px;
    font-size: 24px;
  }
}





/* .h2NoLine */
.main .h2NoLine {
  margin-bottom: 40px;
  color: #303038;
  font-size: 36px;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .main .h2NoLine {
    margin-bottom: 25px;
    font-size: 24px;
  }
}





/* .h2Blue */
.main .h2Blue {
  margin-bottom: 40px;
  color: #008eed;
  font-size: 36px;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 767px) {
  .main .h2Blue {
    margin-bottom: 25px;
    font-size: 24px;
  }
}





/* .h2WhiteLine */
.main .h2WhiteLine {
  position: relative;
  margin-bottom: 40px;
  padding-top: 30px;
  color: #fff;
  font-size: 36px;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 767px) {
  .main .h2WhiteLine {
    margin-bottom: 25px;
    padding-top: 20px;
    font-size: 24px;
  }
}

.main .h2WhiteLine::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 64px;
  height: 1px;
  margin-left: -32px;
  background: #cbcbd6;
}





/* .h3Perse */
.main .h3Perse {
  margin-bottom: 30px;
  color: #004f8d;
  font-size: 24px;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 767px) {
  .main .h3Perse {
    margin-bottom: 20px;
  }
}





/* .h3Quot */
.main .h3Quot {
  margin-bottom: 30px;
  padding: 0 37px;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 767px) {
  .main .h3Quot {
    margin-bottom: 20px;
    padding: 0 25px;
  }
}

.main .h3Quot > .quotIn {
  display: inline-block;
  position: relative;
  color: #fff;
  font-size: 34px;
  vertical-align: top;
}

@media (max-width: 767px) {
  .main .h3Quot > .quotIn {
    font-size: 28px;
  }
}

.main .h3Quot > .quotIn::before,
.main .h3Quot > .quotIn::after {
  content: "";
  display: block;
  position: absolute;
  width: 27px;
  height: 19px;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .main .h3Quot > .quotIn::before,
  .main .h3Quot > .quotIn::after {
    width: 18px;
    height: 13px;
  }
}

.main .h3Quot > .quotIn::before {
  left: -37px;
  top: 0;
  background-image: url(/en/common/images/module/icon_quot_01.png);
}

@media (max-width: 767px) {
  .main .h3Quot > .quotIn::before {
    left: -25px;
    top: 1px;
  }
}

.main .h3Quot > .quotIn::after {
  right: -37px;
  bottom: 25px;
  background-image: url(/en/common/images/module/icon_quot_02.png);
}

@media (max-width: 767px) {
  .main .h3Quot > .quotIn::after {
    right: -25px;
    bottom: 22px;
  }
}





/* .h4Simple */
.main .h4Simple {
  margin: 0 0 25px;
  color: #303038;
  font-size: 24px;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 767px) {
  .main .h4Simple {
    margin: 0 0 15px;
  }
}





/* .txtPerse */
.main .txtPerse {
  color: #004f8d;
  font-size: 24px;
  line-height: 1.3;
  text-align: center;
}





/* .setTxtLargeBlue */
.main .setTxtLargeBlue {
  margin: 0 0 30px;
  color: #008eed;
  font-size: 36px;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 767px) {
  .main .setTxtLargeBlue {
    margin: 0 0 20px;
    font-size: 28.5px;
  }
}





/* .setTxtLead */
.main .setTxtLead {
  margin: 0;
  color: #303038;
  font-size: 20px;
  line-height: 1.7;
  text-align: center;
}

@media (max-width: 767px) {
  .main .setTxtLead {
    font-size: 18px;
    text-align: left;
  }
}





/* .orangeCpBlock */
.main .orangeCpBlock > a {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 20px 93px 20px 30px;
  background: url(/en/common/images/module/bg_campaign_01.jpg) no-repeat 50%;
  background-size: cover;
  text-decoration: none;
}

@media (max-width: 767px) {
  .main .orangeCpBlock > a {
    width: auto;
    height: auto;
    padding: 20px 50px 20px 10px;
    background-image: url(/en/common/images/module/bg_campaign_02.jpg);
    background-size: cover;
  }
}

.main .orangeCpBlock > a > .blockBg {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 63px;
  height: 100%;
  background: #ffa628;
}

@media (max-width: 767px) {
  .main .orangeCpBlock > a > .blockBg {
    width: 40px;
    height: 100%;
  }
}

.main .orangeCpBlock > a > .blockBg::before {
  content: "";
  display: block;
  position: absolute;
  right: 25px;
  top: 50%;
  width: 11px;
  height: 19px;
  margin-top: -9px;
  background: url(/en/common/images/module/icon_campaign_01.png) no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .main .orangeCpBlock > a > .blockBg::before {
    right: 14px;
  }
}

.main .orangeCpBlock > a > .lead {
  margin: 0;
  color: #cc5700;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .main .orangeCpBlock > a > .lead {
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    margin: 0 0 10px;
  }
}

.main .orangeCpBlock > a > .description {
  margin: 10px 0 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .main .orangeCpBlock > a > .description {
    position: relative;
    left: 0;
    top: 0;
    width: auto;
  }
}





/* .listModule */
.main .listModule {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main .listModule > li {
  position: relative;
  float: left;
  width: 335px;
  margin: 30px 0 0 30px;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .main .listModule > li {
    float: none;
    width: auto;
    margin: 20px 0 0;
    padding: 20px 0 0;
  }
}

.main .listModule > li:nth-child(1),
.main .listModule > li:nth-child(2) {
  margin-top: 0;
}

@media (max-width: 767px) {
  .main .listModule > li:nth-child(2) {
    margin-top: 20px;
  }
}

.main .listModule > li:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}

.main .listModule > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #eff0f8;
}

@media (max-width: 767px) {
  .main .listModule > li::before {
    width: 100%;
    height: 2px;
  }
}

.main .listModule > li > .title {
  margin: 0;
  color: #000;
  font-size: 18px;
  line-height: 1.3;
}

.main .listModule > li > .description {
  margin: 10px 0 0;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 1.5;
}

.main .listModule > li > .linkTxt {
  margin: 13px 0 0;
  font-size: 16px;
  line-height: 1.3;
}

.main .listModule.ptn2 > li > .sub {
  margin: 0;
  color: #4a4a4a;
  font-size: 18px;
  line-height: 1.3;
}

.main .listModule.ptn2 > li > .title {
  margin: 10px 0 0;
  color: #000;
  font-size: 22px;
  line-height: 1.3;
}

.main .listModule.ptn2 > li > .description {
  margin: 10px 0 0;
  font-size: 17px;
  line-height: 1.5;
}





/* .linkListBlock */
.main .linkListBlock .blockSet {
  float: left;
  width: 325px;
  margin-left: 50px;
}

@media (max-width: 767px) {
  .main .linkListBlock .blockSet {
    float: none;
    width: auto;
    margin: 40px 0 0;
  }
}

.main .linkListBlock .blockSet:first-child {
  margin-left: 0;
}

@media (max-width: 767px) {
  .main .linkListBlock .blockSet:first-child {
    margin-top: 0;
  }
}

.main .linkListBlock .blockSet .setTitle {
  margin: 0 0 20px;
  color: #4a4a4a;
  font-size: 20px;
  line-height: 1.3;
}

.main .linkListBlock .blockSet .setList {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main .linkListBlock .blockSet .setList > li {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.5;
}

.main .linkListBlock .blockSet .setList > li:first-child {
  margin-top: 0;
}





/* .cardList */
.main .cardList {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 170px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .main .cardList.column2 { width: 340px; }
  .main .cardList.column3 { width: 510px; }
  .main .cardList.column4 { width: 680px; }
  .main .cardList.column5 { width: 750px; }
}

@media (max-width: 767px) {
  .main .cardList {
    width: auto;
  }
}

.main .cardList > li {
  float: left;
  width: 150px;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .main .cardList > li {
    float: none;
    width: auto;
  }
}

.main .cardList > li:nth-child(1) {
  margin-top: 0;
}

@media (min-width: 768px) {
  .main .cardList.column2 > li:nth-child(2),
  .main .cardList.column3 > li:nth-child(2),
  .main .cardList.column3 > li:nth-child(3),
  .main .cardList.column4 > li:nth-child(2),
  .main .cardList.column4 > li:nth-child(3),
  .main .cardList.column4 > li:nth-child(4),
  .main .cardList.column5 > li:nth-child(2),
  .main .cardList.column5 > li:nth-child(3),
  .main .cardList.column5 > li:nth-child(4),
  .main .cardList.column5 > li:nth-child(5) {
    margin-top: 0;
  }

  .main .cardList.column2 > li:nth-child(2n+1),
  .main .cardList.column3 > li:nth-child(3n+1),
  .main .cardList.column4 > li:nth-child(4n+1),
  .main .cardList.column5 > li:nth-child(5n+1) {
    clear: left;
  }
}

.main .cardList > li .picture {
  display: table;
  width: 150px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .main .cardList > li .picture {
    display: block;
  }
}

.main .cardList > li .picture > .in {
  display: table-cell;
  height: 85px;
  padding: 0 15px;
  text-align: center;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .main .cardList > li .picture > .in {
    display: block;
    height: auto;
  }
}

.main .cardList > li.portrait .picture > .in {
  height: 135px;
}

@media (max-width: 767px) {
  .main .cardList > li.portrait .picture > .in {
    height: auto;
  }
}

.main .cardList > li .picture img {
  width: auto;
  max-width: 120px;
  height: auto;
  vertical-align: top;
}

.main .cardList > li.portrait .picture img {
  max-height: 135px;
}

.main .cardList > li .title {
  margin: 15px 0 0;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

.main .cardList > li .title .small {
  font-size: 13px;
}

.main .cardList > li .country {
  margin: 3px 0 0;
  color: #a3a3a3;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}





/* .imgListModule */
.main .imgListModule {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main .imgListModule > li {
  position: relative;
  float: left;
  width: 360px;
  margin: 30px 0 0 30px;
}

@media (max-width: 767px) {
  .main .imgListModule > li {
    float: none;
    width: auto;
    margin: 20px 0 0;
    padding: 20px 0 0;
  }
}

.main .imgListModule > li:nth-child(1),
.main .imgListModule > li:nth-child(2) {
  margin-top: 0;
}

@media (max-width: 767px) {
  .main .imgListModule > li:nth-child(2) {
    margin-top: 20px;
  }
}

.main .imgListModule > li:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}

.main .imgListModule > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #eff0f8;
}

@media (max-width: 767px) {
  .main .imgListModule > li::before {
    width: 100%;
    height: 2px;
  }
}

.main .imgListModule .picColumn {
  float: left;
  width: 170px;
  padding: 0 30px;
}

@media (max-width: 767px) {
  .main .imgListModule .picColumn {
    float: none;
    margin: 0 auto;
  }
}

.main .imgListModule .picture {
  margin: 0;
  text-align: center;
}

.main .imgListModule .txtColumn {
  overflow: hidden;
}

@media (max-width: 767px) {
  .main .imgListModule .txtColumn {
    width: 220px;
    margin: 20px auto 0;
    overflow: visible;
  }
}

.main .imgListModule .title {
  margin: 0;
  color: #000;
  font-size: 18px;
  line-height: 1.3;
}

.main .imgListModule .description {
  margin: 10px 0 0;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 1.5;
}

.main .imgListModule .pay {
  list-style: none;
  padding: 5px 0 0;
  line-height: 1;
}

.main .imgListModule .pay > li {
  display: inline-block;
  margin: 10px 5px 0 0;
  padding: 5px 10px;
  border-radius: 3px;
  background: #f0f0f0;
  color: #7c7c85;
  font-size: 13px;
  vertical-align: top;
}





/* .definitionList */
@media (max-width: 767px) {
  .main .definitionList,
  .main .definitionList tbody,
  .main .definitionList tr,
  .main .definitionList th,
  .main .definitionList td {
    display: block;
  }

  .main .definitionList tbody,
  .main .definitionList tr,
  .main .definitionList th,
  .main .definitionList td {
    float: left;
  }
}

.main .definitionList {
  width: 100%;
  border-spacing: 0;
  border-top: 1px solid #ebedf1;
}

@media (max-width: 767px) {
  .main .definitionList > tbody > tr {
    padding: 20px 0;
    border-bottom: 1px solid #ebedf1;
  }
}

.main .definitionList > tbody > tr > th,
.main .definitionList > tbody > tr > td {
  padding: 20px 0;
  border-bottom: 1px solid #ebedf1;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .main .definitionList > tbody > tr > th,
  .main .definitionList > tbody > tr > td {
    width: 100% !important;
    padding: 0;
    border-bottom: none;
  }
}

.main .definitionList > tbody > tr > th {
  color: #004f8d;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .main .definitionList > tbody > tr > th {
    margin-bottom: 10px;
    text-align: left;
  }
}





/* .payLineupBlock */
.main .payLineupBlock .blockSet {
  margin-top: 10px;
  padding: 10px 0;
  background: #fff;
}

@media (max-width: 767px) {
  .main .payLineupBlock .blockSet {
    margin-top: 20px;
    padding: 20px;
  }
}

.main .payLineupBlock .blockSet:first-child {
  margin-top: 0;
}

@media (max-width: 767px) {
  .main .payLineupBlock .blockSet > table,
  .main .payLineupBlock .blockSet > table tbody,
  .main .payLineupBlock .blockSet > table tr,
  .main .payLineupBlock .blockSet > table th,
  .main .payLineupBlock .blockSet > table td {
    display: block;
  }

  .main .payLineupBlock .blockSet > table tbody,
  .main .payLineupBlock .blockSet > table tr,
  .main .payLineupBlock .blockSet > table th,
  .main .payLineupBlock .blockSet > table td {
    float: left;
    width: 100%;
  }
}

.main .payLineupBlock .blockSet > table {
  width: 100%;
  padding: 0;
  border-spacing: 0;
}

@media (min-width: 768px) {
  .main .payLineupBlock .blockSet > table::after {
    display: none !important;
  }
}

.main .payLineupBlock .blockSet > table > tbody > tr > th,
.main .payLineupBlock .blockSet > table > tbody > tr > td {
  vertical-align: middle;
}

.main .payLineupBlock .blockSet > table > tbody > tr > th {
  width: 25%;
  border-right: 1px solid #cbcbd6;
  color: #004f8d;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .main .payLineupBlock .blockSet > table > tbody > tr > th {
    width: 100%;
    border-right: none;
  }
}

.main .payLineupBlock .blockSet > table > tbody > tr > td {
  width: 75%;
  padding: 0 20px 15px;
}

@media (max-width: 767px) {
  .main .payLineupBlock .blockSet > table > tbody > tr > td {
    width: 100%;
    padding: 0;
  }
}

.main .payLineupBlock .blockSet > table > tbody > tr > td > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.main .payLineupBlock .blockSet > table > tbody > tr > td > ul > li {
  display: inline-block;
  margin: 15px 0 0;
  padding: 0 10px;
  vertical-align: top;
}

@media (max-width: 767px) {
  .main .payLineupBlock .blockSet > table > tbody > tr > td > ul > li {
    display: inline-block;
    margin: 15px 0 0;
    padding: 0 5px;
    vertical-align: top;
  }
}

.main .payLineupBlock .blockSet > table > tbody > tr > td > ul > li > .picture {
  margin: 0;
}

@media (max-width: 767px) {
  .main .payLineupBlock .blockSet > table > tbody > tr > td > ul > li > .picture {
    margin: 0;
  }
}

.main .payLineupBlock .blockSet > table > tbody > tr > td > ul > li > .name {
  margin: 10px 0 0;
  color: #7c7b85;
  font-size: 13px;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .main .payLineupBlock .blockSet > table > tbody > tr > td > ul > li > .name {
    margin: 10px 0 0;
    color: #7c7b85;
    font-size: 13px;
    line-height: 1.3;
  }
}





/* .starListBlock */
.main .starListBlock > .blockTitle {
  margin-bottom: 20px;
  color: #1abdd6;
  font-size: 24px;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .main .starListBlock > .blockTitle {
    margin-bottom: 10px;
    font-size: 20px;
  }
}

.main .starListBlock > table {
  width: 100%;
  padding: 0;
  border-spacing: 0;
}

@media (max-width: 767px) {
  .main .starListBlock > table {
    border-top: 1px solid #eff0f8;
  }
}

.main .starListBlock > table > tbody > tr > td {
  padding: 12px 0;
  border-top: 1px solid #eff0f8;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .main .starListBlock > table > tbody > tr > td {
    border-top: none;
    vertical-align: top;
  }
}

.main .starListBlock > table > tbody > tr > .icon {
  width: 8%;
}

@media (max-width: 767px) {
  .main .starListBlock > table > tbody > tr > .icon {
    display: none;
  }
}

.main .starListBlock > table > tbody > tr > .icon > .iconIn {
  position: relative;
  width: 44px;
  height: 44px;
  border: 1px solid #1abdd6;
  border-radius: 22px;
}

.main .starListBlock > table > tbody > tr > .icon > .iconIn::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  background: url(/en/common/images/module/icon_star_01.png) no-repeat;
  background-size: contain;
}

.main .starListBlock > table > tbody > tr > .description {
  width: 82%;
  color: #303038;
  font-size: 16px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .main .starListBlock > table > tbody > tr > .description {
    width: 75%;
  }
}

.main .starListBlock > table > tbody > tr > .num {
  width: 10%;
  color: #1abdd6;
  font-size: 16px;
  line-height: 1.5;
  text-align: right;
}

@media (max-width: 767px) {
  .main .starListBlock > table > tbody > tr > .num {
    width: 25%;
  }
}





/* .downloadLink */
.main .downloadLink {
  position: relative;
  padding-left: 19px;
}

.main .downloadLink::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 12px;
  height: 15px;
  background: url(/en/common/images/module/icon_download_01.png) no-repeat;
  background-size: contain;
}

.main .downloadLink.inline::before {
  top: 0;
}





/* .floatList */
.main .floatList {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main .floatList > li {
  float: left;
  margin-top: 10px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .main .floatList > li {
    float: none;
    width: auto !important;
  }

  .main .floatList > li.spFirst {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .main .floatList > li.pcFirst {
    margin-top: 0;
  }
}





/* .largeLink */
.main .largeLink {
  position: relative;
  margin: 0;
  padding-left: 33px;
  font-size: 22px;
}

.main .largeLink::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  width: 23px;
  height: 23px;
  background: url(/en/common/images/module/icon_arrow_04.png) no-repeat;
  background-size: contain;
}





/* .btmLine */
.main .btmLine {
  padding-bottom: 15px;
  border-bottom: 1px solid #eff0f8;
}





/* .questionLink */
.main .questionLink {
  position: relative;
  padding-left: 18px;
}

.main .questionLink::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  width: 13px;
  height: 13px;
  background: url(/en/common/images/module/icon_question_02.png) no-repeat;
  background-size: contain;
}





/* .anchorLinkBlock */
.main .anchorLinkBlock {
  background: #f6f7fb;
}

.main .anchorLinkBlock > .blockIn {
  max-width: 1024px;
  max-width: 64rem;
  margin: 0 auto;
  padding: 20px 0.625rem;
}

@media (max-width: 767px) {
  .main .anchorLinkBlock > .blockIn {
    padding: 20px 33px;
  }
}

.main .anchorLinkBlock > .blockIn > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .main .anchorLinkBlock > .blockIn > ul {
    text-align: left;
  }
}

.main .anchorLinkBlock > .blockIn > ul > li {
  display: inline-block;
  padding: 5px 13px;
}

@media (max-width: 767px) {
  .main .anchorLinkBlock > .blockIn > ul > li {
    display: inline-block;
    padding: 5px 26px 5px 0;
  }
}

.main .anchorLinkBlock > .blockIn > ul > li > a {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  color: #7c7c85;
  font-size: 14px;
}

.main .anchorLinkBlock > .blockIn > ul > li > a::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 15px;
  height: 15px;
  margin-top: -9px;
  background: url(/en/common/images/module/icon_arrow_01.png) no-repeat;
  background-size: contain;
}





/* .table1 */
@media (max-width: 767px) {
  .main .table1,
  .main .table1 tbody,
  .main .table1 tr,
  .main .table1 th,
  .main .table1 td {
    display: block;
  }

  .main .table1 tbody,
  .main .table1 tr,
  .main .table1 th,
  .main .table1 td {
    float: left;
    width: 100%;
  }
}

.main .table1 {
  width: 100%;
  border-top: 1px solid #ebedf1;
  font-size: 16px;
}

@media (min-width: 768px) {
  .main .table1::after {
    display: none !important;
  }
}

.main .table1 > tbody > tr > th,
.main .table1 > tbody > tr > td {
  padding: 25px 0;
  border-bottom: 1px solid #ebedf1;
  vertical-align: top;
}

.main .table1 > tbody > tr > th {
  width: 20%;
  padding-right: 15px;
  color: #000;
  font-weight: bold;
  text-align: left;
}

.main .table1 > tbody > tr > td {
  width: 80%;
}

@media (max-width: 767px) {
  .main .table1 > tbody > tr {
    padding: 25px 0;
    border-bottom: 1px solid #ebedf1;
  }

  .main .table1 > tbody > tr.rowspan {
    margin-bottom: -10px;
    padding-bottom: 0;
    border-bottom: none;
  }

  .main .table1 > tbody > tr > th,
  .main .table1 > tbody > tr > td {
    width: 100% !important;
    padding: 0;
    border-bottom: none;
  }

  .main .table1 > tbody > tr > th {
    padding-right: 0;
  }
}





/* .table3 */
.main .table3 > table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-bottom: 1px solid #ebedf1;
  font-size: 16px;
  line-height: 1.5;
}

.main .table3 > table th,
.main .table3 > table td {
  padding: 20px 15px;
  border-top: 1px solid #ebedf1;
  border-left: 1px solid #ebedf1;
}

.main .table3.press1 > table th,
.main .table3.press1 > table td {
  padding: 15px 11px;
}

.main .table3.press2 > table th,
.main .table3.press2 > table td {
  padding: 10px 7px;
}

.main .table3.press3 > table th,
.main .table3.press3 > table td {
  padding: 5px 3px;
}

.main .table3.narrow1 > table th,
.main .table3.narrow1 > table td {
  padding: 15px;
}

.main .table3.narrow2 > table th,
.main .table3.narrow2 > table td {
  padding: 10px 15px;
}

.main .table3.narrow3 > table th,
.main .table3.narrow3 > table td {
  padding: 5px 15px;
}

.main .table3 > table th {
  font-weight: normal;
}

.main .table3 > table .noBt {
  border-top: none;
}

.main .table3 > table .noBl {
  border-left: none;
}

.main .table3 > table thead th,
.main .table3 > table thead td,
.main .table3 > table tbody th {
  color: #303038;
}

.main .table3 > table thead th,
.main .table3 > table thead td {
  text-align: center;
}

.main .table3 > table thead th.bgGray,
.main .table3 > table thead td.bgGray,
.main .table3 > table tbody th.bgGray,
.main .table3 > table tbody td.bgGray {
  background: #f6f7fb;
  color: #303038;
}

.main .table3 > table thead th.bgGray2,
.main .table3 > table thead td.bgGray2,
.main .table3 > table tbody th.bgGray2,
.main .table3 > table tbody td.bgGray2 {
  border-top: 1px solid #dcdde0;
  border-left: 1px solid #dcdde0;
  background: #f2f2f2;
}

.main .table3 > table thead th.bgGray2.noBt,
.main .table3 > table thead td.bgGray2.noBt,
.main .table3 > table tbody th.bgGray2.noBt,
.main .table3 > table tbody td.bgGray2.noBt {
  border-top: none;
}

.main .table3 > table thead th.bgGray2.noBl,
.main .table3 > table thead td.bgGray2.noBl,
.main .table3 > table tbody th.bgGray2.noBl,
.main .table3 > table tbody td.bgGray2.noBl {
  border-left: none;
}

@media (max-width: 767px) {
  .main .table3 {
    overflow-x: auto;
  }

  .main .table3.spNoOverflow {
    overflow-x: visible;
  }

  .main .table3 > table {
    width: 767px;
  }

  .main .table3.t3_w50 > table { width: 50px; }
  .main .table3.t3_w100 > table { width: 100px; }
  .main .table3.t3_w150 > table { width: 150px; }
  .main .table3.t3_w200 > table { width: 200px; }
  .main .table3.t3_w250 > table { width: 250px; }
  .main .table3.t3_w300 > table { width: 300px; }
  .main .table3.t3_w350 > table { width: 350px; }
  .main .table3.t3_w400 > table { width: 400px; }
  .main .table3.t3_w450 > table { width: 450px; }
  .main .table3.t3_w500 > table { width: 500px; }
  .main .table3.t3_w550 > table { width: 550px; }
  .main .table3.t3_w600 > table { width: 600px; }
  .main .table3.t3_w650 > table { width: 650px; }
  .main .table3.t3_w700 > table { width: 700px; }
  .main .table3.t3_w750 > table { width: 750px; }
  .main .table3.t3_w800 > table { width: 800px; }
  .main .table3.t3_w850 > table { width: 850px; }
  .main .table3.t3_w900 > table { width: 900px; }
  .main .table3.t3_w950 > table { width: 950px; }
  .main .table3.t3_w1000 > table { width: 1000px; }

  .main .table3.spNoOverflow > table {
    width: 100%;
  }
}





/* .chronologicalTable */
@media (max-width: 767px) {
  .main .chronologicalTable,
  .main .chronologicalTable tbody,
  .main .chronologicalTable tr,
  .main .chronologicalTable th,
  .main .chronologicalTable td {
    display: block;
  }

  .main .chronologicalTable tbody,
  .main .chronologicalTable tr,
  .main .chronologicalTable th,
  .main .chronologicalTable td {
    float: left;
    width: 100%;
  }
}

.main .chronologicalTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-bottom: 1px solid #eff0f8;
}

@media (min-width: 768px) {
  .main .chronologicalTable::after {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .main .chronologicalTable {
    padding-bottom: 15px;
  }

  .main .chronologicalTable > tbody > tr {
    padding-top: 5px;
  }

  .main .chronologicalTable > tbody > tr:first-child {
    margin-top: 0;
  }
}

.main .chronologicalTable > tbody > tr > th,
.main .chronologicalTable > tbody > tr > td {
  padding: 13px 0;
  border-top: 1px solid #eff0f8;
  vertical-align: top;
}

.main .chronologicalTable > tbody > tr > th {
  width: 25%;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
}

@media (max-width: 767px) {
  .main .chronologicalTable > tbody > tr > th {
    width: 100%;
    margin: 10px 0 5px;
    padding: 15px 0 0;
  }

  .main .chronologicalTable > tbody > tr:first-child > th {
    margin-top: 0;
  }
}

.main .chronologicalTable > tbody > tr > td {
  width: 75%;
  color: #303038;
  font-size: 16px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .main .chronologicalTable > tbody > tr > td {
    width: 100%;
    padding: 0;
    border-top: none;
  }
}





/* .chronologicalBox */
.main .chronologicalBox {
  padding: 20px;
  background: #f6f7fb;
}

@media (max-width: 767px) {
  .main .chronologicalBox {
    margin: 0 -33px 15px;
    padding: 20px 40px;
  }
}

.main .chronologicalBox .boxTitle {
  margin: 0 0 10px;
  color: #004f8d;
  font-size: 22px;
  line-height: 1.5;
}

.main .chronologicalBox .boxImgWrap .txtCol {
  float: left;
}

@media (max-width: 767px) {
  .main .chronologicalBox .boxImgWrap .txtCol {
    float: none;
    width: auto !important;
  }
}

.main .chronologicalBox .boxImgWrap .imgCol {
  float: right;
}

@media (max-width: 767px) {
  .main .chronologicalBox .boxImgWrap .imgCol {
    float: none;
    width: auto !important;
    margin-top: 15px;
  }
}

.main .chronologicalBox .picture {
  margin: 0;
  text-align: center;
}

@media (max-width: 767px) {
  .main .chronologicalBox .picture {

  }
}

.main .chronologicalBox .imgCap {
  margin: 10px 0 0;
  color: #9b9b9b;
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
}

.main .chronologicalBox .subTxt {
  margin: 5px 0 0;
  color: #9b9b9b;
  font-size: 13px;
  line-height: 1.3;
  text-align: center;
}

.main .chronologicalBox .description {
  margin: 0;
  color: #2e323a;
  font-size: 16px;
  line-height: 1.8;
}





/* .attentionBlock */
.main .attentionBlock {
  padding: 30px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

@media (max-width: 767px) {
  .main .attentionBlock {
    width: auto;
    padding: 20px 0;
  }
}

.main .attentionBlock > .blockIn {
  width: 630px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .main .attentionBlock > .blockIn {
    width: auto;
  }
}

.main .attentionBlock > .blockIn > .blockTitle {
  margin: 0 0 20px;
  color: #1a1a1a;
  font-size: 27px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .main .attentionBlock > .blockIn > .blockTitle {
    margin: 0 0 15px;
    text-align: left;
  }
}

.main .attentionBlock > .blockIn > table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

@media (min-width: 768px) {
  .main .attentionBlock > .blockIn > table::after {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .main .attentionBlock > .blockIn > table,
  .main .attentionBlock > .blockIn > table tbody,
  .main .attentionBlock > .blockIn > table tr,
  .main .attentionBlock > .blockIn > table th,
  .main .attentionBlock > .blockIn > table td {
    display: block;
  }

  .main .attentionBlock > .blockIn > table tbody,
  .main .attentionBlock > .blockIn > table tr,
  .main .attentionBlock > .blockIn > table th,
  .main .attentionBlock > .blockIn > table td {
    float: left;
    width: 100% !important;
  }
}

.main .attentionBlock .txtCol {
  width: 400px;
  vertical-align: middle;
}

.main .attentionBlock .title {
  margin: 0 0 20px;
  color: #d0021b;
  font-size: 20px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .main .attentionBlock .title {
    margin: 0 0 15px;
  }
}

.main .attentionBlock .description {
  margin: 0;
  color: #7c7c85;
  font-size: 16px;
  line-height: 1.9;
}

.main .attentionBlock .linkTxt {
  margin: 10px 0 0;
  font-size: 16px;
}

.main .attentionBlock .imgCol {
  width: 230px;
  padding-left: 30px;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .main .attentionBlock .imgCol {
    margin-top: 15px;
    padding-left: 0;
  }
}

.main .attentionBlock .imgCol .picture {
  margin: 0;
  text-align: center;
}





/* .scrollArea */
.main .scrollArea {
  height: 300px;
  margin: 0 auto;
  border: 1px solid #ebedf1;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 767px) {
  .main .scrollArea {
    width: auto;
  }
}

.main .scrollArea .areaIn {
  padding: 15px;
}

@media (max-width: 767px) {
  .main .scrollArea .areaIn {
    padding: 10px;
  }
}





/* .plazaWifiBlock */
.main .plazaWifiBlock {
  width: 625px;
  margin: 0 auto;
  padding: 30px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

@media (max-width: 767px) {
  .main .plazaWifiBlock {
    width: auto;
    padding: 20px 0;
  }
}

.main .plazaWifiBlock .blockIn {
  width: 500px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .main .plazaWifiBlock .blockIn {
    width: auto;
  }
}

.main .plazaWifiBlock .blockTitle {
  margin: 0 0 15px;
  color: #008eed;
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .main .plazaWifiBlock .blockTitle {
    text-align: left;
  }
}

.main .plazaWifiBlock .colWrap .txtCol {
  float: left;
  width: 75%;
}

@media (max-width: 767px) {
  .main .plazaWifiBlock .colWrap .txtCol {
    float: none;
    width: auto;
  }
}

.main .plazaWifiBlock .colWrap .txtCol .colTitle {
  margin: 0 0 10px;
  color: #1a1a1a;
  font-size: 20px;
  line-height: 1.5;
}

.main .plazaWifiBlock .colWrap .txtCol .description {
  margin: 0;
  color: #7c7c85;
  font-size: 16px;
  line-height: 1.9;
}

.main .plazaWifiBlock .colWrap .imgCol {
  float: right;
  width: 25%;
}

@media (max-width: 767px) {
  .main .plazaWifiBlock .colWrap .imgCol {
    float: none;
    width: auto;
    margin-top: 20px;
  }
}

.main .plazaWifiBlock .colWrap .imgCol .picture {
  margin: 0;
  text-align: right;
}

@media (max-width: 767px) {
  .main .plazaWifiBlock .colWrap .imgCol .picture {
    text-align: center;
  }
}

.main .plazaWifiBlock .colWrap .imgCol .picture img {
  width: 97px;
  height: 97px;
}





/* .relatedBlock */
.main .relatedBlock {
  padding: 30px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

@media (max-width: 767px) {
  .main .relatedBlock {
    width: auto;
    padding: 20px 0;
  }
}

.main .relatedBlock > .blockIn {
  width: 630px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .main .relatedBlock > .blockIn {
    width: auto;
  }
}

.main .relatedBlock > .blockIn > .blockTitle {
  margin: 0 0 20px;
  color: #1a1a1a;
  font-size: 27px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .main .relatedBlock > .blockIn > .blockTitle {
    margin: 0 0 15px;
    text-align: left;
  }
}

.main .relatedBlock > .blockIn > table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

@media (min-width: 768px) {
  .main .relatedBlock > .blockIn > table::after {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .main .relatedBlock > .blockIn > table,
  .main .relatedBlock > .blockIn > table tbody,
  .main .relatedBlock > .blockIn > table tr,
  .main .relatedBlock > .blockIn > table th,
  .main .relatedBlock > .blockIn > table td {
    display: block;
  }

  .main .relatedBlock > .blockIn > table tbody,
  .main .relatedBlock > .blockIn > table tr,
  .main .relatedBlock > .blockIn > table th,
  .main .relatedBlock > .blockIn > table td {
    float: left;
    width: 100% !important;
  }
}

.main .relatedBlock .txtCol {
  width: 400px;
  vertical-align: middle;
}

.main .relatedBlock .title {
  margin: 0 0 20px;
  color: #0c2c84;
  font-size: 20px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .main .relatedBlock .title {
    margin: 0 0 15px;
  }
}

.main .relatedBlock .description {
  margin: 0;
  color: #7c7c85;
  font-size: 16px;
  line-height: 1.9;
}

.main .relatedBlock .linkTxt {
  margin: 10px 0 0;
  font-size: 16px;
}

.main .relatedBlock .imgCol {
  width: 230px;
  padding-left: 30px;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .main .relatedBlock .imgCol {
    margin-top: 15px;
    padding-left: 0;
  }
}

.main .relatedBlock .imgCol .picture {
  margin: 0;
  text-align: center;
}





/* .separatorLine */
.main .separatorLine {
  margin: 0;
  padding: 40px 0;
  border: none;
}

@media (max-width: 767px) {
  .main .separatorLine {
    padding: 25px 0;
  }
}

.main .separatorLine::before {
  content: "";
  display: block;
  height: 1px;
  background: #c1c1c1;
}





/* .itColBlock */
.main .itColBlock {
  width: 700px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .main .itColBlock {
    width: auto;
  }
}

.main .itColBlock > .imgCol {
  float: left;
}

@media (max-width: 767px) {
  .main .itColBlock > .imgCol {
    float: none;
    width: auto !important;
  }
}

.main .itColBlock.ptn2 > .imgCol {
  float: right;
}

@media (max-width: 767px) {
  .main .itColBlock.ptn2 > .imgCol {
    float: none;
  }
}

.main .itColBlock > .imgCol > .picture {
  margin: 0;
  text-align: center;
}

.main .itColBlock > .txtCol {
  float: right;
}

@media (max-width: 767px) {
  .main .itColBlock > .txtCol {
    float: none;
    width: auto !important;
    margin-top: 20px;
  }
}

.main .itColBlock.ptn2 > .txtCol {
  float: left;
}

@media (max-width: 767px) {
  .main .itColBlock.ptn2 > .txtCol {
    float: none;
  }
}

.main .itColBlock > .txtCol > .title {
  margin: 0 0 20px;
  color: #2e323a;
  font-size: 20px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .main .itColBlock > .txtCol > .title {
    margin: 0 0 10px;
  }
}

.main .itColBlock > .txtCol > .description {
  margin: 0;
  color: #7c7c85;
  font-size: 16px;
  line-height: 1.9;
}

.main .itColBlock > .txtCol > .linkTxt {
  margin: 15px 0 0;
  font-size: 16px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .main .itColBlock > .txtCol > .linkTxt {
    margin: 10px 0 0;
  }
}





/* .colBlock2 */
.main .colBlock2 {
  width: 750px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .main .colBlock2 {
    width: auto;
  }
}

.main .colBlock2 .blockSet {
  width: 50%;
}

@media (max-width: 767px) {
  .main .colBlock2 .blockSet {
    width: auto;
  }
}

.main .colBlock2 .blockSet:first-child {
  float: left;
  padding-right: 25px;
}

@media (max-width: 767px) {
  .main .colBlock2 .blockSet:first-child {
    float: none;
    padding-right: 0;
  }
}

.main .colBlock2 .blockSet:last-child {
  float: right;
  padding-left: 25px;
}

@media (max-width: 767px) {
  .main .colBlock2 .blockSet:last-child {
    float: none;
    margin-top: 30px;
    padding-left: 0;
  }
}

.main .colBlock2 .picture {
  margin: 0 0 20px;
  text-align: center;
}

@media (max-width: 767px) {
  .main .colBlock2 .picture {
    margin: 0 0 15px;
  }
}

.main .colBlock2 .title {
  margin: 0 0 15px;
  color: #2e323a;
  font-size: 24px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .main .colBlock2 .title {
    margin: 0 0 10px;
  }
}

.main .colBlock2 .description {
  margin: 0;
  font-size: 16px;
  line-height: 1.9;
}

.main .colBlock2 .linkTxt {
  margin: 15px 0 0;
  font-size: 16px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .main .colBlock2 .linkTxt {
    margin: 10px 0 0;
  }
}





/* .colBlock3 */
.main .colBlock3 {
  width: 800px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .main .colBlock3 {
    width: auto;
  }
}

.main .colBlock3.num2 {
  width: 523px;
}

@media (max-width: 767px) {
  .main .colBlock3.num2 {
    width: auto;
  }
}

.main .colBlock3 .blockSet {
  float: left;
  width: 246px;
  margin-left: 31px;
}

@media (max-width: 767px) {
  .main .colBlock3 .blockSet {
    float: none;
    width: auto;
    margin: 30px 0 0 0;
  }
}

.main .colBlock3 .blockSet:first-child {
  margin-left: 0;
}

@media (max-width: 767px) {
  .main .colBlock3 .blockSet:first-child {
    margin-top: 0;
  }
}

.main .colBlock3 .picture {
  margin: 0 0 20px;
  text-align: center;
}

@media (max-width: 767px) {
  .main .colBlock3 .picture {
    margin: 0 0 15px;
  }

  .main .colBlock3 .picture img {
    width: 100%;
  }
}

.main .colBlock3 .description {
  margin: 0;
  color: #2e323a;
  font-size: 16px;
  line-height: 1.9;
}

.main .colBlock3 .linkTxt {
  margin: 5px 0 0;
}





/* .colBlock4 */
.main .colBlock4 {
  width: 850px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .main .colBlock4 {
    width: auto;
  }
}

.main .colBlock4 .blockSet {
  float: left;
  width: 190px;
  margin-left: 30px;
}

@media (max-width: 767px) {
  .main .colBlock4 .blockSet {
    float: none;
    width: auto;
    margin: 30px 0 0 0;
  }
}

.main .colBlock4 .blockSet:first-child {
  margin-left: 0;
}

@media (max-width: 767px) {
  .main .colBlock4 .blockSet:first-child {
    margin-top: 0;
  }
}

.main .colBlock4 .picture {
  margin: 0 0 20px;
  text-align: center;
}

@media (max-width: 767px) {
  .main .colBlock4 .picture {
    margin: 0 0 15px;
  }

  .main .colBlock4 .picture img {
    width: 100%;
  }
}

.main .colBlock4 .description {
  margin: 0;
  color: #2e323a;
  font-size: 16px;
  line-height: 1.9;
}

.main .colBlock4 .linkTxt {
  margin: 10px 0 0;
  line-height: 1.3;
}





/* .valueFeatureBlock */
.main .valueFeatureBlock {
  width: 850px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .main .valueFeatureBlock {
    width: auto;
    margin: 0 -20px;
  }
}

.main .valueFeatureBlock.num1 { width: 205px; }
.main .valueFeatureBlock.num2 { width: 420px; }
.main .valueFeatureBlock.num3 { width: 635px; }

@media (max-width: 767px) {
  .main .valueFeatureBlock.num1,
  .main .valueFeatureBlock.num2,
  .main .valueFeatureBlock.num3 {
    width: auto;
  }
}

.main .valueFeatureBlock .blockSet {
  float: left;
  width: 205px;
  margin-left: 10px;
}

@media (max-width: 767px) {
  .main .valueFeatureBlock .blockSet {
    width: 50%;
    margin: 30px 0 0;
  }
}

.main .valueFeatureBlock .blockSet:first-child {
  margin-left: 0;
}

@media (max-width: 767px) {
  .main .valueFeatureBlock .blockSet:nth-child(1),
  .main .valueFeatureBlock .blockSet:nth-child(2) {
    margin-top: 0;
  }

  .main .valueFeatureBlock .blockSet:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }
}

.main .valueFeatureBlock .blockSet .picture {
  margin: 0 0 20px;
  text-align: center;
}

.main .valueFeatureBlock .blockSet .picture img {
  width: 62px;
  height: 52.5px;
}

.main .valueFeatureBlock .blockSet .num {
  margin: 0 0 3px;
  color: #004f8d;
  font-family: "FrutigerNextPro-Light", sans-serif;
  font-size: 46px;
  line-height: 1;
  text-align: center;
}

.main .valueFeatureBlock .blockSet .unit {
  margin: 0;
  color: #004f8d;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
}

.main .valueFeatureBlock .blockSet .unit sup {
  margin: 0 3px;
  font-size: 12px;
  vertical-align: 3px;
}

.main .valueFeatureBlock .blockSet .description {
  margin: 15px 0 0;
  color: #7c7c85;
  font-size: 17px;
  line-height: 1.5;
  text-align: center;
}





/* .pictoColBlock */
.main .pictoColBlock {
  width: 750px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .main .pictoColBlock {
    width: auto;
  }
}

.main .pictoColBlock.num1 {
  width: 350px;
}

@media (max-width: 767px) {
  .main .pictoColBlock.num1 {
    width: auto;
  }
}

.main .pictoColBlock .blockSet {
  float: left;
  width: 350px;
  margin: 50px 0 0 50px;
}

@media (max-width: 767px) {
  .main .pictoColBlock .blockSet {
    float: none;
    width: auto;
    margin: 30px 0 0;
  }
}

@media (min-width: 768px) {
  .main .pictoColBlock .blockSet:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }

  .main .pictoColBlock .blockSet:nth-child(1),
  .main .pictoColBlock .blockSet:nth-child(2) {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .main .pictoColBlock .blockSet:first-child {
    margin-top: 0;
  }
}

.main .pictoColBlock .blockSet .imgCol {
  float: left;
  width: 65px;
  margin-right: 30px;
}

@media (max-width: 767px) {
  .main .pictoColBlock .blockSet .imgCol {
    float: none;
    margin: 0 auto;
  }
}

.main .pictoColBlock .blockSet .imgCol .picture {
  margin: 0;
  text-align: center;
}

.main .pictoColBlock .blockSet .txtCol {
  padding-top: 5px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .main .pictoColBlock .blockSet .txtCol {
    margin-top: 15px;
    padding-top: 0;
    overflow: visible;
    text-align: center;
  }
}

.main .pictoColBlock .blockSet .txtCol .title {
  margin: 0 0 15px;
  color: #2e323a;
  font-size: 20px;
  line-height: 1.5;
}

.main .pictoColBlock .blockSet .txtCol .description {
  margin: 0;
  color: #7c7c85;
  font-size: 16px;
  line-height: 1.9;
}

.main .pictoColBlock .blockSet .txtCol .linkTxt {
  margin: 10px 0 0;
  font-size: 16px;
}





/* .pcImgCut */
.main .pcImgCut {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

@media (max-width: 767px) {
  .main .pcImgCut {
    display: none;
  }
}

.main .pcImgCut > li {
  display: inline-block;
  padding: 0 8px;
}





/* .tabBlock */
.main .tabBlock {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

@media (max-width: 767px) {
  .main .tabBlock {
    text-align: left;
  }
}

.main .tabBlock > li {
  display: inline-block;
  padding: 5px;
}

.main .tabBlock > li > .in {
  display: inline-block;
  padding: 11px 16px;
  border: 2px solid #ececec;
  border-radius: 20px;
  color: #7c7c85;
  font-size: 13px;
  line-height: 1.3;
  cursor: pointer;
}

.main .tabBlock > li > .in.current {
  border: 2px solid #5cb531;
  background: #5cb531;
  color: #fff;
  text-decoration: none !important;
  cursor: default;
}

.main .tabBlock > li > .in.disabled {
  border: 2px solid #f4f4f4;
  color: #e5e5e7;
  text-decoration: none !important;
  cursor: default;
}

.main .tabBlock > li > .in:hover {
  text-decoration: underline;
}





/* .cmnModal */
.cmnModalHtml {
  display: none;
}

.cmnModal {
  position: relative;
  background: #fff;
  overflow: auto;
}

@media (max-width: 767px) {
  .cmnModal {
    max-width: 300px;
    margin: 0 10px;
  }
}

.cmnModal > .modalIn {
  position: relative;
  padding: 40px;
}

@media (max-width: 767px) {
  .cmnModal > .modalIn {
    padding: 40px 20px 20px;
  }
}

.cmnModal .cmnModalClose {
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 29px;
  height: 29px;
  background: url(/en/common/images/module/icon_x_01.png) no-repeat;
  background-size: contain;
  outline: none;
}

@media (max-width: 767px) {
  .cmnModal .cmnModalClose {
    right: 5px;
    top: 5px;
  }
}





/* .cardModalBlock */
.cardModalBlock {
  width: 670px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .cardModalBlock {
    width: auto;
  }
}

.cardModalBlock .imgCol {
  float: left;
  width: 272px;
}

@media (max-width: 767px) {
  .cardModalBlock .imgCol {
    float: none;
    width: auto;
  }
}

.cardModalBlock .imgCol .picture {
  margin: 0;
  text-align: center;
}

@media (max-width: 767px) {
  .cardModalBlock .imgCol .picture img {
    width: auto;
    max-width: 100%;
    height: auto;
    vertical-align: top;
  }
}

.cardModalBlock .txtCol {
  float: right;
  width: 358px;
}

@media (max-width: 767px) {
  .cardModalBlock .txtCol {
    float: none;
    width: auto;
    margin-top: 15px;
  }
}

.cardModalBlock .txtCol .title {
  margin: 0 0 5px;
  color: #243143;
  font-size: 24px;
  line-height: 1.5;
}

.cardModalBlock .txtCol .affiliation {
  margin: 0 0 10px;
  color: #7c7b85;
  font-size: 16px;
  line-height: 1.5;
}

.cardModalBlock .txtCol .pay {
  list-style: none;
  margin: 10px 0 0;
  padding: 5px 0 0;
  line-height: 1;
}

.cardModalBlock .txtCol .pay > li {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 5px 10px;
  border-radius: 3px;
  background: #f0f0f0;
  color: #7c7c85;
  font-size: 13px;
  vertical-align: top;
}

.cardModalBlock .txtCol .description {
  margin: 15px 0 0;
  color: #2e323a;
  font-size: 16px;
  line-height: 1.9;
}

.cardModalBlock .txtCol .linkTxt {
  margin: 10px 0 0;
  font-size: 16px;
  line-height: 1.5;
}





/* .mapModalBlock */
.mapModalBlock {
  width: 700px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .mapModalBlock {
    width: auto;
  }
}

.mapModalBlock .blockTitle {
  margin: 0 0 20px;
  color: #243143;
  font-size: 36px;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 767px) {
  .mapModalBlock .blockTitle {
    margin: 0 0 15px;
    font-size: 28.5px;
  }
}

.mapModalBlock .blockPicture {
  margin: 0;
  text-align: center;
}

.mapModalBlock .blockPicture img {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.mapModalBlock .blockPicture .modalGmap {
  width: 700px;
  height: 434px;
  line-height: 1.7;
  overflow: hidden;
}

@media (max-width: 767px) {
  .mapModalBlock .blockPicture .modalGmap {
    width: 260px;
    height: 200px;
  }
}

.mapModalBlock .blockInfo {
  margin: 20px 0 0;
  text-align: center;
}

@media (max-width: 767px) {
  .mapModalBlock .blockInfo {
    margin: 15px 0 0;
    text-align: left;
  }
}

.mapModalBlock .blockInfo .infoSet {
  display: inline-block;
  width: 48%;
  vertical-align: top;
}

@media (max-width: 767px) {
  .mapModalBlock .blockInfo .infoSet {
    display: block;
    width: auto;
    margin-top: 15px;
  }

  .mapModalBlock .blockInfo .infoSet:first-child {
    margin-top: 0;
  }
}

.mapModalBlock .blockInfo .infoSet .setIn {
  display: inline-block;
  text-align: left;
}

@media (max-width: 767px) {
  .mapModalBlock .blockInfo .infoSet .setIn {
    display: block;
  }
}

.mapModalBlock .blockInfo .infoSet .title {
  margin: 0 0 5px;
  color: #000;
  font-size: 18px;
  line-height: 1.5;
}

.mapModalBlock .blockInfo .infoSet .description {
  margin: 0;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 1.5;
}

.mapModalBlock .closeBtn {
  margin: 20px 0 0;
  font-size: 16px;
  text-align: center;
}





/* .noImgModalBlock */
.noImgModalBlock {
  width: 670px;
  margin: 0 auto;
  line-height: 1.9;
}

@media (max-width: 767px) {
  .noImgModalBlock {
    width: auto;
  }
}

.noImgModalBlock .title {
  margin: 0 0 15px;
  color: #243143;
  font-size: 24px;
  line-height: 1.5;
}

.noImgModalBlock .description {
  color: #2e323a;
  font-size: 16px;
  line-height: 1.9;
}

.noImgModalBlock .linkTxt {
  margin: 10px 0 0;
  font-size: 16px;
  line-height: 1.5;
}

.noImgModalBlock .closeBtn {
  margin: 20px 0 0;
  text-align: center;
}





/* .ciModalBlock */
div.ciModalBlock {
  width: 800px;
  min-width: 0;
  line-height: 27px;
}

div.ciModalBlock.cimb_w50 { width: 50px; }
div.ciModalBlock.cimb_w100 { width: 100px; }
div.ciModalBlock.cimb_w150 { width: 150px; }
div.ciModalBlock.cimb_w200 { width: 200px; }
div.ciModalBlock.cimb_w250 { width: 250px; }
div.ciModalBlock.cimb_w300 { width: 300px; }
div.ciModalBlock.cimb_w350 { width: 350px; }
div.ciModalBlock.cimb_w400 { width: 400px; }
div.ciModalBlock.cimb_w450 { width: 450px; }
div.ciModalBlock.cimb_w500 { width: 500px; }
div.ciModalBlock.cimb_w550 { width: 550px; }
div.ciModalBlock.cimb_w600 { width: 600px; }
div.ciModalBlock.cimb_w650 { width: 650px; }
div.ciModalBlock.cimb_w700 { width: 700px; }
div.ciModalBlock.cimb_w750 { width: 750px; }
div.ciModalBlock.cimb_w800 { width: 800px; }
div.ciModalBlock.cimb_w850 { width: 850px; }
div.ciModalBlock.cimb_w900 { width: 900px; }
div.ciModalBlock.cimb_w950 { width: 950px; }
div.ciModalBlock.cimb_w1000 { width: 1000px; }

@media (max-width: 767px) {
  div.ciModalBlock {
    width: auto !important;
  }
}

.ciModalBlock .closeBtn,
.mapModalBlock .printBtn {
  margin: 30px 0 0;
  text-align: center;
}

@media (max-width: 767px) {
  .ciModalBlock .closeBtn {
    margin: 20px 0 0;
  }
}

@media (max-width: 767px) {
  .mapModalBlock .printBtn {
    display: none;
  }
}





/* .cardCompanyTab */
@media (max-width: 767px) {
  .main .cardCompanyTab {
    margin: 0 -33px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.main .cardCompanyTab > ul {
  list-style: none;
  width: 750px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

@media (max-width: 767px) {
  .main .cardCompanyTab > ul {
    width: 580px;
  }
}

.main .cardCompanyTab > ul > li {
  display: inline-block;
}

.main .cardCompanyTab > ul > li:first-child {
  padding-right: 30px;
}

@media (max-width: 767px) {
  .main .cardCompanyTab > ul > li:first-child {
    padding-right: 10px;
  }
}

.main .cardCompanyTab > ul > li:last-child {
  padding-left: 30px;
}

@media (max-width: 767px) {
  .main .cardCompanyTab > ul > li:last-child {
    padding-left: 10px;
  }
}

.main .cardCompanyTab > ul > li > .tabTrigger {
  display: inline-block;
  position: relative;
  padding: 20px 0;
  cursor: pointer;
}

.main .cardCompanyTab > ul > li > .tabTrigger.current {
  cursor: default;
}

.main .cardCompanyTab > ul > li > .tabTrigger::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #008eed;
  visibility: hidden;
}

.main .cardCompanyTab > ul > li > .tabTrigger.current::before {
  visibility: visible;
}

.main .cardCompanyTab > ul > li .txt1 {
  margin: 0;
  color: #6697bb;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .main .cardCompanyTab > ul > li .txt1 {
    font-size: 17px;
  }
}

.main .cardCompanyTab > ul > li > .tabTrigger.current .txt1 {
  color: #00518e;
}

.main .cardCompanyTab > ul > li .txt2 {
  margin: 15px 0 0;
  color: #7c7c85;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .main .cardCompanyTab > ul > li .txt2 {
    font-size: 17px;
  }
}

.main .cardCompanyTab > ul > li > .tabTrigger.current .txt2 {
  color: #303038;
}





/* .keyVisual */
.main .keyVisual {
  position: relative;
  height: 534px;
}

@media (max-width: 767px) {
  .main .keyVisual {
    height: auto;
    padding-top: 86.67%;
  }
}

.main .keyVisual .visualSet .setBg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.main .keyVisual .visualSet .setBg2{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 75%;
  background-size: cover;
}


.main .keyVisual .visualSet.set1 .setBg, .main .keyVisual .visualSet.set1 .setBg2 { background-image: url(/en/images/index/pic_keyvisual_01.jpg); }
.main .keyVisual .visualSet.set2 .setBg, .main .keyVisual .visualSet.set2 .setBg2 { background-image: url(/en/images/index/pic_keyvisual_02.jpg); }
.main .keyVisual .visualSet.set3 .setBg, .main .keyVisual .visualSet.set3 .setBg2 { background-image: url(/en/images/index/pic_keyvisual_03.jpg); }
@media (max-width: 767px) {
  .main .keyVisual .visualSet.set1 .setBg, .main .keyVisual .visualSet.set1 .setBg2 { background-image: url(/en/images/index/pic_keyvisual_01_sp.jpg); }
  .main .keyVisual .visualSet.set2 .setBg, .main .keyVisual .visualSet.set2 .setBg2 { background-image: url(/en/images/index/pic_keyvisual_02_sp.jpg); }
  .main .keyVisual .visualSet.set3 .setBg, .main .keyVisual .visualSet.set3 .setBg2 { background-image: url(/en/images/index/pic_keyvisual_03_sp.jpg); }
}

.main .keyVisual .visualCopyBlock {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
}

.main .keyVisual .visualCopyBlock .blockIn {
  position: relative;
  max-width: 1024px;
  max-width: 64rem;
  height: 100%;
  margin: 0 auto;
}

.main .keyVisual .visualCopyBlock .blockIn2 {
  display: table;
  width: 100%;
  height: 100%;
}

.main .keyVisual .visualCopyBlock .blockIn3 {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.main .keyVisual .visualCopyBlock .copy {
  width: 439px;
  height: 57px;
  margin: 0 auto 20px;
  background: url(/en/images/index/txt_visual_01.png) no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .main .keyVisual .visualCopyBlock .copy {
    width: 253px;
    height: 33px;
    margin: 0 auto 15px;
  }
}

.main .keyVisual .visualCopyBlock .lead {
  margin: 0;
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .main .keyVisual .visualCopyBlock .lead {
    font-size: 14px;
  }
}





/* .cmnCarousel */
.cmnCarousel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.cmnCarouselIn {
  position: relative;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
}

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

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

.cmnCarouselSet:first-child {
  z-index: 1;
}

.cmnCarouselPointer {
  position: absolute;
  left: 0;
  bottom: 50px;
  z-index: 8;
  width: 100%;
  line-height: 0;
  text-align: center;
}

@media (max-width: 767px) {
  .cmnCarouselPointer {
    bottom: 25px;
  }
}

.cmnCarouselPointer > span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 15px;
  border: 2px solid #fff;
  border-radius: 12px;
  background: #fff;
  vertical-align: bottom;
  cursor: pointer;
}

.cmnCarouselPointer > span:first-child {
  margin-left: 0;
}

.cmnCarouselPointer > span.cmnCarouselPointerCr {
  background: none;
  cursor: default;
}





/* .secureDemoBlock */
.main .secureDemoBlock {
  width: 668px;
  height: 567px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .main .secureDemoBlock {
    width: auto;
    height: auto;
    padding-bottom: 46px;
  }
}

.main .secureDemoBlock > .blockIn {
  position: relative;
  height: 501px;
  border: 1px solid #979797;
}

@media (max-width: 767px) {
  .main .secureDemoBlock > .blockIn {
    height: auto;
    padding-top: 74.92%;
  }
}

.main .secureDemoBlock .cmnCarouselPage {
  position: absolute;
  left: 0;
  bottom: -64px;
  width: 100%;
  color: #0c2c84;
  font-size: 18px;
  text-align: center;
}

@media (max-width: 767px) {
  .main .secureDemoBlock .cmnCarouselPage {
    bottom: -43px;
  }
}

.main .secureDemoBlock .cmnCarouselArrowPrev,
.main .secureDemoBlock .cmnCarouselArrowNext {
  display: block;
  position: absolute;
  bottom: -68px;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  background: #f7f7f7;
  cursor: pointer;
}

@media (max-width: 767px) {
  .main .secureDemoBlock .cmnCarouselArrowPrev,
  .main .secureDemoBlock .cmnCarouselArrowNext {
    bottom: -47px;
  }
}

.main .secureDemoBlock .cmnCarouselArrowPrev { left: 0; }
.main .secureDemoBlock .cmnCarouselArrowNext { right: 0; }

.main .secureDemoBlock .cmnCarouselArrowPrev::before,
.main .secureDemoBlock .cmnCarouselArrowNext::before {
  content: "";
  display: block;
  position: absolute;
  top: 11.5px;
  width: 8px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: contain;
}

.main .secureDemoBlock .cmnCarouselArrowPrev::before {
  left: 13px;
  background-image: url(/en/common/images/module/icon_arrow_02.png);
}

.main .secureDemoBlock .cmnCarouselArrowNext::before {
  right: 13px;
  background-image: url(/en/common/images/module/icon_arrow_03.png);
}





/* .companyListBlock */
.main .companyListBlock {
  width: 750px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .main .companyListBlock {
    width: auto;
  }
}

.main .companyListBlock .blockGroup {
  margin-top: 40px;
}

.main .companyListBlock .blockGroup:first-child {
  margin-top: 0;
}

.main .companyListBlock .blockGroup .groupHead {
  float: left;
  width: 130px;
}

@media (max-width: 767px) {
  .main .companyListBlock .blockGroup .groupHead {
    float: none;
    width: auto;
  }
}

.main .companyListBlock .blockGroup .groupHead .groupTitle {
  margin: 0;
  color: #7c7c85;
  font-size: 19px;
  line-height: 1.5;
}

.main .companyListBlock .blockGroup .groupBody {
  float: right;
  width: 650px;
}

@media (max-width: 767px) {
  .main .companyListBlock .blockGroup .groupBody {
    float: none;
    width: auto;
    margin: 15px 0 0;
  }
}

.main .companyListBlock .blockGroup .groupBody .bodyList {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main .companyListBlock .blockGroup .groupBody .bodyList > li {
  position: relative;
  float: left;
  width: 290px;
  margin: 30px 0 0 30px;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .main .companyListBlock .blockGroup .groupBody .bodyList > li {
    float: none;
    width: auto;
    margin: 20px 0 0;
    padding: 20px 0 0;
  }
}

.main .companyListBlock .blockGroup .groupBody .bodyList > li:nth-child(1),
.main .companyListBlock .blockGroup .groupBody .bodyList > li:nth-child(2) {
  margin-top: 0;
}

@media (max-width: 767px) {
  .main .companyListBlock .blockGroup .groupBody .bodyList > li:nth-child(2) {
    margin-top: 20px;
  }
}

.main .companyListBlock .blockGroup .groupBody .bodyList > li:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}

.main .companyListBlock .blockGroup .groupBody .bodyList > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #eff0f8;
}

@media (max-width: 767px) {
  .main .companyListBlock .blockGroup .groupBody .bodyList > li::before {
    width: 100%;
    height: 2px;
  }
}

.main .companyListBlock .blockGroup .groupBody .bodyList > li > .title {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.main .companyListBlock .blockGroup .groupBody .bodyList .pay {
  list-style: none;
  padding: 5px 0 0;
  line-height: 1;
}

.main .companyListBlock .blockGroup .groupBody .bodyList .pay > li {
  display: inline-block;
  margin: 10px 5px 0 0;
  padding: 5px 10px;
  border-radius: 3px;
  background: #f0f0f0;
  color: #7c7c85;
  font-size: 13px;
  vertical-align: top;
}





/* .cardTypeBlock */
.main .cardTypeBlock {
  max-width: 900px;
  margin: 0 auto;
}

.main .cardTypeBlock > .blockSet {
  margin-top: 30px;
}

.main .cardTypeBlock > .blockSet:first-child {
  margin-top: 0;
}

.main .cardTypeBlock > .blockSet > .imgCol {
  float: left;
  width: 135px;
  margin-right: 30px;
}

@media (max-width: 767px) {
  .main .cardTypeBlock > .blockSet > .imgCol {
    float: none;
    width: auto;
    margin: 0 0 20px;
  }
}

.main .cardTypeBlock > .blockSet > .imgCol .picture {
  min-height: 85px;
  margin: 0;
  text-align: center;
}

.main .cardTypeBlock > .blockSet > .imgCol .picTxt {
  margin: 10px 0 0;
  color: #5b5a63;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

.main .cardTypeBlock > .blockSet > .txtCol {
  overflow: hidden;
}

@media (max-width: 767px) {
  .main .cardTypeBlock > .blockSet > .txtCol {
    overflow: visible;
  }
}

.main .cardTypeBlock > .blockSet > .txtCol .title {
  margin: 0 0 10px;
  color: #303038;
  font-size: 20px;
  line-height: 1.5;
}

.main .cardTypeBlock > .blockSet > .txtCol .description {
  margin: 0;
  color: #5b5a63;
  font-size: 16px;
  line-height: 1.9;
}

.main .cardTypeBlock > .blockSet > .txtCol .linkTxt {
  margin: 10px 0 0;
  font-size: 16px;
}





/* .logoColBlock */
.main .logoColBlock > .blockSet {
  float: left;
  width: 25%;
}

.main .logoColBlock > .blockSet > .picture {
  width: 64px;
  margin: 0 auto;
}

.main .logoColBlock > .blockSet > .title {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}





/* .cpSummaryBlock */
.main .cpSummaryBlock > .blockPicture {
  margin: 0 0 40px;
}

.main .cpSummaryBlock > .blockTitle {
  margin: 0 0 20px;
  color: #303038;
  font-size: 36px;
  line-height: 1.3;
}

.main .cpSummaryBlock > .blockLead {
  margin: 0;
  color: #303038;
  font-size: 20px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .main .cpSummaryBlock > .blockLead {
    font-size: 18px;
  }
}

.main .cpSummaryBlock > .blockDescription {
  margin: 10px 0 0;
  color: #7c7c85;
  font-size: 16px;
  line-height: 1.5;
}





/* .cpDetailBlock */
.main .cpDetailBlock {
  width: 1004px;
  margin: 0 auto;
  background: #fbfbfc;
}

@media (max-width: 767px) {
  .main .cpDetailBlock {
    width: auto;;
    background: none;
  }
}

.main .cpDetailBlock .picCol {
  float: left;
  width: 500px;
}

@media (max-width: 767px) {
  .main .cpDetailBlock .picCol {
    float: none;
    width: auto;
  }
}

.main .cpDetailBlock .picCol .blockPicture {
  margin: 0;
  text-align: center;
}

.main .cpDetailBlock .txtCol {
  float: right;
  width: 504px;
  padding: 40px;
}

@media (max-width: 767px) {
  .main .cpDetailBlock .txtCol {
    float: none;
    width: auto;
    margin-top: 20px;
    padding: 0;
  }
}

.main .cpDetailBlock .txtCol .blockTitle {
  margin: 0;
  color: #2e323a;
  font-size: 24px;
  line-height: 1.5;
}

.main .cpDetailBlock .txtCol .blockMeta {
  margin: 0 0 15px;
  color: #a3a3a3;
  font-size: 20px;
  line-height: 1.5;
}

.main .cpDetailBlock .txtCol .blockDescription {
  margin: 0;
  color: #7c7c85;
  font-size: 16px;
  line-height: 1.9;
}





/* .cpRelatedBlock */
.main .cpRelatedBlock {
  position: relative;
  width: 800px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .main .cpRelatedBlock {
    width: auto;
  }
}

.main .cpRelatedBlock.hasPicture {
  padding-top: 20px;
}

@media (max-width: 767px) {
  .main .cpRelatedBlock.hasPicture {
    padding-top: 0;
  }
}

.main .cpRelatedBlock .blockPicture {
  position: absolute;
  left: 0;
  top: 0;
  width: 388px;
  margin: 0;
}

@media (max-width: 767px) {
  .main .cpRelatedBlock .blockPicture {
    position: static;
    width: auto;
  }
}

.main .cpRelatedBlock .blockTxt {
  position: relative;
  padding: 40px;
  background: #fff;
}

@media (max-width: 767px) {
  .main .cpRelatedBlock .blockTxt {
    padding: 0;
    background: none;
  }
}

.main .cpRelatedBlock.hasPicture .blockTxt {
  min-height: 278px;
  margin-left: 372px;
}

@media (max-width: 767px) {
  .main .cpRelatedBlock.hasPicture .blockTxt {
    min-height: 0;
    margin: 20px 0 0;
  }
}

.main .cpRelatedBlock .blockTxt .blockTitle {
  margin: 0 0 10px;
  color: #2e323a;
  font-size: 20px;
  line-height: 1.5;
}

.main .cpRelatedBlock .blockTxt .blockDescription {
  margin: 0;
  color: #7c7c85;
  font-size: 14px;
  line-height: 1.9;
}

.main .cpRelatedBlock .blockTxt .blockLink {
  margin: 10px 0 0;
}





/* .divideVisualBlock */
.main .divideVisualBlock {
  background: #f6f7fb;
}

.main .divideVisualBlock > .blockIn {
  max-width: 1024px;
  max-width: 64rem;
  margin: 0 auto;
}

.main .divideVisualBlock .picCol {
  float: right;
  width: 50%;
}

@media (max-width: 767px) {
  .main .divideVisualBlock .picCol {
    float: none;
    width: auto;
  }
}

.main .divideVisualBlock .picCol .blockPicture {
  height: 692px;
  margin: 0;
  background: url(/en/common/images/pic_visual_businesses_01.jpg) no-repeat 50%;
  background-size: cover;
}

@media (max-width: 767px) {
  .main .divideVisualBlock .picCol .blockPicture {
    height: 185px;
    background-image: url(/en/common/images/pic_visual_businesses_01_sp.jpg);
  }
}

.main .divideVisualBlock .txtCol {
  float: left;
  width: 50%;
}

@media (max-width: 767px) {
  .main .divideVisualBlock .txtCol {
    float: none;
    width: auto;
  }
}

.main .divideVisualBlock .txtCol > .colIn {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .main .divideVisualBlock .txtCol > .colIn {
    display: block;
  }
}

.main .divideVisualBlock .txtCol > .colIn > .colIn2 {
  display: table-cell;
  height: 692px;
  padding: 0 50px;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .main .divideVisualBlock .txtCol > .colIn > .colIn2 {
    display: block;
    height: auto;
    padding: 40px 33px;
  }
}

.main .divideVisualBlock .txtCol .blockTitle {
  margin: 0 0 20px;
  color: #008eed;
  font-size: 16px;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .main .divideVisualBlock .txtCol .blockTitle {
    margin: 0 0 15px;
  }
}

.main .divideVisualBlock .txtCol .blockLead {
  margin: 0 0 30px;
  color: #2e323a;
  font-size: 36px;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .main .divideVisualBlock .txtCol .blockLead {
    margin: 0 0 20px;
    font-size: 28.5px;
  }
}

.main .divideVisualBlock .txtCol .blockDescription {
  margin: 0;
  font-size: 20px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .main .divideVisualBlock .txtCol .blockDescription {
    line-height: 1.5;
  }
}





/* .cardBlock */
.main .cardBlock > .blockSet {
  position: relative;
  margin-top: 50px;
  padding-top: 58px;
}

@media (max-width: 767px) {
  .main .cardBlock > .blockSet {
    margin-top: 30px;
    padding-top: 0;
  }
}

.main .cardBlock > .blockSet:first-child {
  margin-top: 0;
}

.main .cardBlock > .blockSet > .setPicture {
  position: absolute;
  left: 0;
  top: 0;
  width: 49.8%;
}

@media (max-width: 767px) {
  .main .cardBlock > .blockSet > .setPicture {
    position: static;
    width: auto;
  }
}

.main .cardBlock > .blockSet.ptn2 > .setPicture {
  left: auto;
  right: 0;
}

.main .cardBlock > .blockSet > .setPicture > .picture {
  margin: 0;
  text-align: center;
}

.main .cardBlock > .blockSet > .setTxt {
  position: relative;
  float: right;
  width: 56.18%;
  min-height: 368px;
  padding: 50px;
  background: #fafafb;
}

@media (max-width: 767px) {
  .main .cardBlock > .blockSet > .setTxt {
    float: none;
    width: auto;
    min-height: 0;
    margin-top: 20px;
    padding: 0;
    background: none;
  }
}

.main .cardBlock > .blockSet.bgWhite > .setTxt {
  background: #fff;
}

@media (max-width: 767px) {
  .main .cardBlock > .blockSet.bgWhite > .setTxt {
    background: none;
  }
}

.main .cardBlock > .blockSet.ptn2 > .setTxt {
  float: left;
}

@media (max-width: 767px) {
  .main .cardBlock > .blockSet.ptn2 > .setTxt {
    float: none;
  }
}

.main .cardBlock > .blockSet > .setTxt > .title {
  margin: 0 0 20px;
  color: #2e323a;
  font-size: 24px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .main .cardBlock > .blockSet > .setTxt > .title {
    margin: 0 0 10px;
  }

  .main .container-darkblue .cardBlock > .blockSet > .setTxt > .title {
    color: #fff;
  }
}

.main .cardBlock > .blockSet > .setTxt > .description {
  margin: 0;
  color: #7c7c85;
  font-size: 16px;
  line-height: 1.9;
}

@media (max-width: 767px) {
  .main .container-darkblue .cardBlock > .blockSet > .setTxt > .description {
    color: #fff;
  }
}

.main .cardBlock > .blockSet > .setTxt > .linkTxt {
  margin: 20px 0 0;
  font-size: 16px;
}

@media (max-width: 767px) {
  .main .cardBlock > .blockSet > .setTxt > .linkTxt {
    margin: 10px 0 0;
  }
}





/* .sceneBlock */
.main .sceneBlock {
  background: url(/en/common/images/bg_building_01.jpg) no-repeat 50%;
  background-size: cover;
}

.main .sceneBlock2 {
  background: url(/en/common/images/bg_building_01.jpg) no-repeat 50%;
 background-size:contain;
}

.main .sceneBlock.scene2 { background-image: url(/en/consumers/images/index/scene_02.jpg); }

.main .sceneBlock.scene3 {
 background-image: url(/en/consumers/travel/welcome-to-japan/images/index/scene_03.jpg);
 background-size:contain;
 }

.main .sceneBlock.bgCt { background-position: 50% 0; }
.main .sceneBlock.bgCc { background-position: 50%; }
.main .sceneBlock.bgCb { background-position: 50% 100%; }

.main .sceneBlock > .blockIn {
  max-width: 1024px;
  max-width: 64rem;
  margin: 0 auto;
  padding: 80px 0.625rem;
}
.main .sceneBlock.scene3 > .blockIn {
  max-width: 1024px;
  max-width: 52rem;
  margin: 0 auto;
  padding: 80px 0.625rem;
}


@media (max-width: 767px) {
  .main .sceneBlock > .blockIn {
    padding: 40px 33px;
  }
  .main .sceneBlock.scene3 > .blockIn {
    padding: 60px;
  }
}

.main .sceneBlock .h2NoLine {
  margin: 0 0 20px;
}

@media (max-width: 767px) {
  .main .sceneBlock .h2NoLine {
    margin: 0 0 15px;
  }
  .main .sceneBlock.scene3 .h2NoLine {
    margin: 10px 0 5px 0;
  }
}

.main .sceneBlock .blockDescription {
  margin: 0;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
.main .sceneBlock.scene3 .blockDescription {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}
}
.main .sceneBlock .blockBtn {
  margin: 40px 0 0;
  text-align: center;
}

@media (max-width: 767px) {
  .main .sceneBlock .blockBtn {
    margin: 20px 0 0;
  }
  .main .sceneBlock.scene3 .blockBtn {
    margin: 5px 0 15px 0;
  }
  .main .sceneBlock.scene3 .button{
    font-size:12px;
  }

}

.main .sceneBlock .blockBtn .button {
  margin: 0;
}





/* .horizontalBtn */
.main .horizontalBtn {
  margin: 0;
  text-align: center;
}

.main .horizontalBtn > .btnUnit {
  display: inline-block;
  margin: 0 0 0 20px;
}

@media (max-width: 767px) {
  .main .horizontalBtn > .btnUnit {
    margin: 0 0 0 10px;
  }

  .main .horizontalBtn.spNoHrz > .btnUnit {
    display: block;
    margin: 10px 0 0;
  }
}

.main .horizontalBtn > .btnUnit:first-child {
  margin: 0;
}





/* .prColBlock */
.main .prColBlock {
  width: 750px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .main .prColBlock {
    width: auto;
  }
}

.main .prColBlock.num1 { width: 240px; }
.main .prColBlock.num2 { width: 520px; }

@media (max-width: 767px) {
  .main .prColBlock.num1,
  .main .prColBlock.num2 {
    width: auto;
  }
}

.main .prColBlock > .blockSet {
  float: left;
  width: 220px;
  margin: 40px 0 0 40px;
}

@media (max-width: 767px) {
  .main .prColBlock > .blockSet {
    float: none;
    width: auto;
    margin: 30px 0 0;
  }
}

@media (min-width: 768px) {
  .main .prColBlock > .blockSet:nth-child(1),
  .main .prColBlock > .blockSet:nth-child(2),
  .main .prColBlock > .blockSet:nth-child(3) {
    margin-top: 0;
  }

  .main .prColBlock > .blockSet:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
  }

  .main .prListWrap .prColBlock > .blockSet {
    clear: none;
    margin: 40px 0 0 40px;
  }

  .main .prListWrap .prColBlock > .blockSet.row1,
  .main .prListWrap .prColBlock > .blockSet.row2,
  .main .prListWrap .prColBlock > .blockSet.row3 {
    margin-top: 0;
  }

  .main .prListWrap .prColBlock > .blockSet.colFirst {
    clear: left;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .main .prColBlock > .blockSet:nth-child(1) {
    margin-top: 0;
  }

  .main .prListWrap .prColBlock > .blockSet {
    margin: 30px 0 0;
  }

  .main .prListWrap .prColBlock > .blockSet.row1 {
    margin-top: 0;
  }
}

.main .prColBlock > .blockSet > .wholeLink {
  display: block;
  color: #7c7c85;
}

.main .prColBlock > .blockSet > .wholeLink:hover {
  text-decoration: none;
}

.main .prColBlock > .blockSet .setCountry {
  line-height: 1.3;
}

@media (min-width: 768px) {
  .main .prColBlock > .blockSet .setCountry {
    height: 34px;
    margin: 0;
  }
}

@media (max-width: 767px) {
  .main .prColBlock > .blockSet .setCountry {
    margin-bottom: 10px;
  }
}

.main .prColBlock > .blockSet .setCountry > .countryIn {
  display: inline-block;
  padding: 5px 10px;
  background: #5cb531;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.main .prColBlock > .blockSet .setPicture {
  margin: 0 0 20px;
  text-align: center;
}

@media (max-width: 767px) {
  .main .prColBlock > .blockSet .setPicture {
    margin: 0 0 15px;
  }
}

.main .prColBlock > .blockSet .setTitle {
  margin: 0 0 15px;
  color: #2e323a;
  font-size: 20px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .main .prColBlock > .blockSet .setTitle {
    margin: 0 0 9px;
  }
}

.main .prColBlock > .blockSet .setDate {
  margin: -5px 0 15px;
  color: #a3a3a3;
  font-size: 14px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .main .prColBlock > .blockSet .setDate {
    margin: -3px 0 9px;
  }
}

.main .prColBlock > .blockSet .setDescription {
  margin: 0;
  font-size: 16px;
  line-height: 1.9;
}

.main .prColBlock > .blockSet .setLink {
  margin: 15px 0 0;
  font-size: 16px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .main .prColBlock > .blockSet .setLink {
    margin: 9px 0 0;
  }
}





/* .spMaxImg */
@media (max-width: 767px) {
  .main .spMaxImg {
    width: 100% !important;
    max-width: none !important;
  }
}





/* .cardAccBlock */
@media (max-width: 767px) {
  .main .cardAccBlock {
    margin: 0 -23px;
  }
}

.main .cardAccBlock > .blockSet {
  margin-top: 15px;
}

@media (max-width: 767px) {
  .main .cardAccBlock > .blockSet {
    margin-top: 10px;
  }
}

.main .cardAccBlock > .blockSet:first-child {
  margin-top: 0;
}

.main .cardAccBlock > .blockSet > .setHead {
  border-radius: 4px;
  background: #f6f7fb;
  cursor: pointer;
}

.main .cardAccBlock > .blockSet.open > .setHead {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.main .cardAccBlock > .blockSet > .setHead > .headIn {
  display: table;
  width: 100%;
}

.main .cardAccBlock > .blockSet > .setHead > .headIn > .headPicture,
.main .cardAccBlock > .blockSet > .setHead > .headIn > .headBody,
.main .cardAccBlock > .blockSet > .setHead > .headIn > .headIcon {
  display: table-cell;
  vertical-align: middle;
}

.main .cardAccBlock > .blockSet > .setHead > .headIn > .headPicture > .picture {
  width: 195px;
  margin: 0;
  text-align: center;
}

@media (max-width: 767px) {
  .main .cardAccBlock > .blockSet > .setHead > .headIn > .headPicture > .picture {
    width: 142px;
  }
}

.main .cardAccBlock > .blockSet > .setHead > .headIn > .headBody {
  width: 100%;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .main .cardAccBlock > .blockSet > .setHead > .headIn > .headBody {
    padding-left: 10px;
  }
}

.main .cardAccBlock > .blockSet > .setHead > .headIn > .headBody > .title {
  margin: 0;
  color: #303038;
  font-size: 22px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .main .cardAccBlock > .blockSet > .setHead > .headIn > .headBody > .title {
    font-size: 17.5px;
  }
}

.main .cardAccBlock > .blockSet > .setHead > .headIn > .headIcon {
  padding: 0 20px;
}

@media (max-width: 767px) {
  .main .cardAccBlock > .blockSet > .setHead > .headIn > .headIcon {
    padding: 0 10px;
  }
}

.main .cardAccBlock > .blockSet > .setHead > .headIn > .headIcon > .icon {
  position: relative;
  width: 30px;
  height: 30px;
}

.main .cardAccBlock > .blockSet > .setHead > .headIn > .headIcon > .icon::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border: 1px solid #008eed;
  border-radius: 30px;
  opacity: 0.3;
}

.main .cardAccBlock > .blockSet > .setHead > .headIn > .headIcon > .icon::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 7px;
  margin: -3.5px 0 0 -6px;
  background: url(/en/common/images/module/icon_arrow_06.png) no-repeat;
  background-size: contain;
}

.main .cardAccBlock > .blockSet.open > .setHead > .headIn > .headIcon > .icon::after {
  background-image: url(/en/common/images/module/icon_arrow_05.png);
}

.main .cardAccBlock > .blockSet > .setBody {
  border-right: 1px solid #eaecf5;
  border-bottom: 1px solid #eaecf5;
  border-left: 1px solid #eaecf5;
}

.main .cardAccBlock > .blockSet > .setBody > .bodyIn {
  padding: 40px;
}

@media (max-width: 767px) {
  .main .cardAccBlock > .blockSet > .setBody > .bodyIn {
    padding: 20px;
  }
}





/* .cmnAccBlock */
@media (max-width: 767px) {
  .main .cmnAccBlock {
    margin: 0 -23px;
  }
}

.main .cmnAccBlock > .blockSet {
  margin-top: 15px;
}

@media (max-width: 767px) {
  .main .cmnAccBlock > .blockSet {
    margin-top: 10px;
  }
}

.main .cmnAccBlock > .blockSet:first-child {
  margin-top: 0;
}

.main .cmnAccBlock > .blockSet > .setHead {
  padding: 10px 0;
  border-left: 4px solid #008eed;
  border-radius: 4px;
  background: #f6f7fb;
  cursor: pointer;
}

@media (min-width: 768px) {
  .main .cmnAccBlock.ptn2 > .blockSet > .setHead {
    padding: 20px 0;
    border-bottom: 1px solid #eff0f8;
    border-left: none;
    border-radius: 0;
    background: none;
  }
}

.main .cmnAccBlock > .blockSet.open > .setHead {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.main .cmnAccBlock > .blockSet > .setHead > .headIn {
  display: table;
  width: 100%;
}

.main .cmnAccBlock > .blockSet > .setHead > .headIn > .headBody,
.main .cmnAccBlock > .blockSet > .setHead > .headIn > .headIcon {
  display: table-cell;
  vertical-align: middle;
}

.main .cmnAccBlock > .blockSet > .setHead > .headIn > .headBody {
  width: 100%;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .main .cmnAccBlock > .blockSet > .setHead > .headIn > .headBody {
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  .main .cmnAccBlock.ptn2 > .blockSet > .setHead > .headIn > .headBody {
    padding-left: 0;
  }
}

.main .cmnAccBlock > .blockSet > .setHead > .headIn > .headBody > .title {
  margin: 0;
  color: #303038;
  font-size: 22px;
  line-height: 1.5;
}

.main .cmnAccBlock > .blockSet > .setHead > .headIn > .headIcon {
  padding: 0 20px;
}

@media (max-width: 767px) {
  .main .cmnAccBlock > .blockSet > .setHead > .headIn > .headIcon {
    padding: 0 10px;
  }
}

@media (min-width: 768px) {
  .main .cmnAccBlock.ptn2 > .blockSet > .setHead > .headIn > .headIcon {
    padding: 0 0 0 20px;
  }
}

.main .cmnAccBlock > .blockSet > .setHead > .headIn > .headIcon > .icon {
  position: relative;
  width: 30px;
  height: 30px;
}

.main .cmnAccBlock > .blockSet > .setHead > .headIn > .headIcon > .icon::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border: 1px solid #008eed;
  border-radius: 30px;
  opacity: 0.3;
}

.main .cmnAccBlock > .blockSet > .setHead > .headIn > .headIcon > .icon::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 7px;
  margin: -3.5px 0 0 -6px;
  background: url(/en/common/images/module/icon_arrow_06.png) no-repeat;
  background-size: contain;
}

.main .cmnAccBlock > .blockSet.open > .setHead > .headIn > .headIcon > .icon::after {
  background-image: url(/en/common/images/module/icon_arrow_05.png);
}

.main .cmnAccBlock > .blockSet > .setBody {
  border-right: 1px solid #eaecf5;
  border-bottom: 1px solid #eaecf5;
  border-left: 1px solid #eaecf5;
}

@media (min-width: 768px) {
  .main .cmnAccBlock.ptn2 > .blockSet > .setBody {
    border: none;
  }
}

.main .cmnAccBlock > .blockSet > .setBody > .bodyIn {
  padding: 40px;
}

@media (max-width: 767px) {
  .main .cmnAccBlock > .blockSet > .setBody > .bodyIn {
    padding: 20px;
  }
}

@media (min-width: 768px) {
  .main .cmnAccBlock.ptn2 > .blockSet > .setBody > .bodyIn {
    padding: 40px 0 65px;
  }

  .main .cmnAccBlock.ptn2 > .blockSet:last-child > .setBody > .bodyIn {
    padding-bottom: 0;
  }
}





/* .blueList */
.main .blueList {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main .blueList > li {
  position: relative;
  padding-left: 12px;
  font-size: 16px;
  line-height: 1.9;
}

.main .blueList > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 2px;
  top: 12px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #008eed;
}




/* .colLayout2 */
@media (min-width: 768px) {
  .main .colLayoutWrap {
    position: relative;
    padding: 30px 0;
  }

  .main .colLayoutWrap > .clwLine1,
  .main .colLayoutWrap > .clwLine2 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    overflow: hidden;
  }

  .main .colLayoutWrap > .clwLine1 { top: 0; }
  .main .colLayoutWrap > .clwLine2 { bottom: 0; }

  .main .colLayoutWrap > .clwLine1::before,
  .main .colLayoutWrap > .clwLine1::after,
  .main .colLayoutWrap > .clwLine2::before,
  .main .colLayoutWrap > .clwLine2::after {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    height: 1px;
    background: #eff0f8;
  }

  .main .colLayoutWrap > .clwLine1::before,
  .main .colLayoutWrap > .clwLine2::before {
    left: -25px;
  }

  .main .colLayoutWrap > .clwLine1::after,
  .main .colLayoutWrap > .clwLine2::after {
    right: -25px;
  }
}

.main .colLayout2 {
/*  margin: 0 -25px;*/
}

@media (max-width: 767px) {
  .main .colLayout2 {
    margin: 0 -10px;
  }

  .main .colLayout2.spNoCol {
    margin: 0;
  }
}

.main .colLayout2 > .layoutSet {
  float: left;
  width: 50%;
  margin-top: 30px;
  padding: 0 25px;
}

.main .colLayout2.space50 > .layoutSet {
  margin-top: 50px;
}

@media (max-width: 767px) {
  .main .colLayout2 > .layoutSet {
    padding: 0 10px;
  }

  .main .colLayout2.spNoCol > .layoutSet {
    float: none;
    width: auto !important;
    padding: 0;
  }

  .main .colLayout2.space50 > .layoutSet {
    margin-top: 30px;
  }
}

.main .colLayout2 > .layoutSet:nth-child(1),
.main .colLayout2 > .layoutSet:nth-child(2) {
  margin-top: 0;
}

@media (max-width: 767px) {
  .main .colLayout2.spNoCol > .layoutSet:nth-child(2) {
    margin-top: 30px;
  }

  .main .colLayout2.spNoCol.space50 > .layoutSet:nth-child(2) {
    margin-top: 30px;
  }
}

.main .colLayout2 > .layoutSet:nth-child(2n+1) {
  clear: left;
}

.main .colLayout2.reverse > .layoutSet {
  float: right;
}

@media (max-width: 767px) {
  .main .colLayout2.spNoCol.reverse > .layoutSet {
    float: none;
  }
}

.main .colLayout2.reverse > .layoutSet:nth-child(2n+1) {
  clear: right;
}





/* .colLayout3 */
.main .colLayout3 {
/*  margin: 0 -20px;*/
}

@media (max-width: 767px) {
  .main .colLayout3 {
    margin: 0 -10px;
  }

  .main .colLayout3.spNoCol {
    margin: 0;
  }
}

.main .colLayout3 > .layoutSet {
  float: left;
  width: 33.33%;
  margin-top: 30px;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .main .colLayout3 > .layoutSet {
    padding: 0 10px;
  }

  .main .colLayout3.spNoCol > .layoutSet {
    float: none;
    width: auto !important;
    padding: 0;
  }
}

.main .colLayout3 > .layoutSet:nth-child(1),
.main .colLayout3 > .layoutSet:nth-child(2),
.main .colLayout3 > .layoutSet:nth-child(3) {
  margin-top: 0;
}

@media (max-width: 767px) {
  .main .colLayout3.spNoCol > .layoutSet:nth-child(2),
  .main .colLayout3.spNoCol > .layoutSet:nth-child(3) {
    margin-top: 30px;
  }
}

.main .colLayout3 > .layoutSet:nth-child(3n+1) {
  clear: left;
}





/* .colLayout4 */
.main .colLayout4 {
/*  margin: 0 -15px;*/
}

@media (max-width: 767px) {
  .main .colLayout4 {
    margin: 0 -10px;
  }

  .main .colLayout4.spNoCol {
    margin: 0;
  }
}

.main .colLayout4 > .layoutSet {
  float: left;
  width: 25%;
  margin-top: 30px;
  padding: 0 15px;
}

@media (max-width: 767px) {
  .main .colLayout4 > .layoutSet {
    padding: 0 10px;
  }

  .main .colLayout4.spNoCol > .layoutSet {
    float: none;
    width: auto !important;
    padding: 0;
  }
}

.main .colLayout4 > .layoutSet:nth-child(1),
.main .colLayout4 > .layoutSet:nth-child(2),
.main .colLayout4 > .layoutSet:nth-child(3),
.main .colLayout4 > .layoutSet:nth-child(4) {
  margin-top: 0;
}

@media (max-width: 767px) {
  .main .colLayout4.spNoCol > .layoutSet:nth-child(2),
  .main .colLayout4.spNoCol > .layoutSet:nth-child(3),
  .main .colLayout4.spNoCol > .layoutSet:nth-child(4) {
    margin-top: 30px;
  }
}

.main .colLayout4 > .layoutSet:nth-child(4n+1) {
  clear: left;
}





/* .colListBlock */
.main .colListBlock > .colLayout3 > .layoutSet {
  margin-top: 50px;
}

@media (max-width: 767px) {
  .main .colListBlock > .colLayout3.spNoCol > .layoutSet {
    margin-top: 30px;
  }
}

.main .colListBlock > .colLayout3 > .layoutSet:nth-child(1),
.main .colListBlock > .colLayout3 > .layoutSet:nth-child(2),
.main .colListBlock > .colLayout3 > .layoutSet:nth-child(3) {
  margin-top: 0;
}

@media (max-width: 767px) {
  .main .colListBlock > .colLayout3.spNoCol > .layoutSet:nth-child(2),
  .main .colListBlock > .colLayout3.spNoCol > .layoutSet:nth-child(3) {
    margin-top: 30px;
  }
}

.main .colListBlock .blockTitle {
  margin: 0 0 20px;
  color: #4a4a4a;
  font-size: 20px;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .main .colListBlock .blockTitle {
    margin: 0 0 15px;
  }
}

.main .colListBlock .blockList {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main .colListBlock .blockList > li {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.5;
}

.main .colListBlock .blockList > li:first-child {
  margin-top: 0;
}





/* .markTxt */
.main .markTxt {
  text-align: left;
}

.main .markTxt > .mark {
  display: block;
  float: left;
  margin-right: 3px;
}

.main .markTxt > .txt {
  display: block;
  overflow: hidden;
}





/* .grayBox */
.main .grayBox {
  padding: 30px;
  background: #fbfbfc;
}

@media (max-width: 767px) {
  .main .grayBox {
    margin: 0 -33px;
    padding: 30px 33px;
  }
}





/* .paleBox */
.main .paleBox {
  padding: 30px;
  background: #f6f7fb;
}

@media (max-width: 767px) {
  .main .paleBox {
    margin: 0 -33px;
    padding: 30px 33px;
  }
}





/* .cpCopyright */
.main .cpCopyright {
  margin: 0;
  padding: 5px 10px 0;
  font-size: 12px;
  line-height: 1.3;
  text-align: right;
}

@media (max-width: 767px) {
  .main .cpCopyright {
    padding: 5px 0 0;
  }
}





/* .cpRunsBlock */
.main .cpRunsBlock {
  background: #eff0f8;
  line-height: 1.9;
}

.main .cpRunsBlock > .blockIn {
  max-width: 800px;
  margin: 0 auto;
  padding: 30px 0;
}

@media (max-width: 767px) {
  .main .cpRunsBlock > .blockIn {
    max-width: none;
    padding: 20px 33px;
  }
}

.main .cpRunsBlock > .blockIn > .titleDate {
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
}

.main .cpRunsBlock > .blockIn > .titleDate > .blockTitle {
  display: inline-block;
  margin: 0;
  color: #303038;
}

@media (max-width: 767px) {
  .main .cpRunsBlock > .blockIn > .titleDate > .blockTitle {
    display: block;
  }
}

.main .cpRunsBlock > .blockIn > .titleDate > .blockDate {
  display: inline-block;
  margin: 0 0 0 10px;
  color: #1abdd6;
}

@media (max-width: 767px) {
  .main .cpRunsBlock > .blockIn > .titleDate > .blockDate {
    display: block;
  }
}





/* .cpShopList */
.main .cpShopList {
  list-style: none;
  margin: 0 -20px;
  padding: 0;
}

@media (max-width: 767px) {
  .main .cpShopList {
    margin: 0;
  }
}

.main .cpShopList > li {
  float: left;
  width: 33.33%;
  margin-top: 30px;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .main .cpShopList > li {
    float: none;
    width: auto;
    padding: 0;
  }
}

.main .cpShopList > li:first-child {
  margin-top: 0;
}

@media (min-width: 768px) {
  .main .cpShopList > li:nth-child(2),
  .main .cpShopList > li:nth-child(3) {
    margin-top: 0;
  }

  .main .cpShopList > li:nth-child(3n+1) {
    clear: left;
  }
}

.main .cpShopList > li .picture {
  display: table;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .main .cpShopList > li .picture {
    display: block;
  }
}

.main .cpShopList > li .picture > .in {
  display: table-cell;
  height: 172px;
  text-align: center;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .main .cpShopList > li .picture > .in {
    display: block;
    height: auto;
  }
}

.main .cpShopList > li .picture img {
  max-height: 172px;
  vertical-align: top;
}

.main .cpShopList > li .title {
  margin: 15px 0 0;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}





/* .availabilityBlock */
.main .availabilityBlock {
  margin: 0 -25px;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 767px) {
  .main .availabilityBlock {
    margin: 0;
  }

  .main .availabilityBlock > .blockIn {
    display: inline-block;
  }
}

.main .availabilityBlock > .blockIn > .blockSet {
  display: inline-block;
  padding: 0 25px;
}

@media (max-width: 767px) {
  .main .availabilityBlock > .blockIn > .blockSet {
    display: block;
    margin-top: 20px;
    padding: 0;
    text-align: left;
  }

  .main .availabilityBlock > .blockIn > .blockSet:first-child {
    margin-top: 0;
  }
}

.main .availabilityBlock > .blockIn > .blockSet > .setIcon {
  width: 46px;
  height: 46px;
  margin: 0 auto;
  background: url(/en/common/images/module/check_off.png) no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .main .availabilityBlock > .blockIn > .blockSet > .setIcon {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
    vertical-align: -7px;
  }
}

.main .availabilityBlock > .blockIn > .blockSet.checked > .setIcon {
  background-image: url(/en/common/images/module/check_on.png);
}

.main .availabilityBlock > .blockIn > .blockSet > .setTitle {
  margin: 15px 0 0;
  color: #b6b6be;
  font-size: 24px;
  text-align: center;
}

@media (max-width: 767px) {
  .main .availabilityBlock > .blockIn > .blockSet > .setTitle {
    display: inline-block;
    margin: 0;
    text-align: left;
  }
}

.main .availabilityBlock > .blockIn > .blockSet.checked > .setTitle {
  color: #008eed;
}





/* .pFlowBlock */
.main .pFlowBlock {
  margin: 0 auto;
}

.main .pFlowBlock.total1 { width: 136px; }
.main .pFlowBlock.total2 { width: 302px; }
.main .pFlowBlock.total3 { width: 468px; }
.main .pFlowBlock.total4 { width: 634px; }
.main .pFlowBlock.total5 { width: 800px; }

@media (max-width: 767px) {
  .main .pFlowBlock.total1,
  .main .pFlowBlock.total2,
  .main .pFlowBlock.total3,
  .main .pFlowBlock.total4,
  .main .pFlowBlock.total5 {
    width: auto;
  }
}

.main .pFlowBlock > .blockIn {
  margin: 0 -15px;
}

@media (max-width: 767px) {
  .main .pFlowBlock > .blockIn {
    margin: 0;
  }
}

.main .pFlowBlock > .blockIn > .blockSet {
  float: left;
  width: 166px;
  padding: 0 15px;
}

@media (max-width: 767px) {
  .main .pFlowBlock > .blockIn > .blockSet {
    float: none;
    width: auto;
    margin-top: 20px;
    padding: 0;
  }

  .main .pFlowBlock > .blockIn > .blockSet:first-child {
    margin-top: 0;
  }
}

.main .pFlowBlock > .blockIn > .blockSet > .setNum {
  margin: 0 0 5px;
  color: #303038;
  font-size: 45px;
  line-height: 1.3;
  text-align: center;
}





/* .otherCpList */
.main .otherCpList {
  list-style: none;
  margin: 0 -16px;
  padding: 0;
}

@media (max-width: 767px) {
  .main .otherCpList {
    margin: 0;
  }
}

.main .otherCpList > li {
  float: left;
  width: 25%;
  margin-top: 30px;
  padding: 0 16px;
}

@media (max-width: 767px) {
  .main .otherCpList > li {
    float: none;
    width: auto;
    padding: 0;
  }
}

.main .otherCpList > li:first-child {
  margin-top: 0;
}

@media (min-width: 768px) {
  .main .otherCpList > li:nth-child(2),
  .main .otherCpList > li:nth-child(3),
  .main .otherCpList > li:nth-child(4) {
    margin-top: 0;
  }

  .main .otherCpList > li:nth-child(4n+1) {
    clear: left;
  }
}

.main .otherCpList > li .picture {
  display: table;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .main .otherCpList > li .picture {
    display: block;
  }
}

.main .otherCpList > li .picture > .in {
  display: table-cell;
  height: 176px;
  text-align: center;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .main .otherCpList > li .picture > .in {
    display: block;
    height: auto;
  }
}

.main .otherCpList > li .picture img {
  max-height: 176px;
  vertical-align: top;
}

@media (max-width: 767px) {
  .main .otherCpList > li .picture img {
    max-height: none;
  }
}

.main .otherCpList > li .title {
  margin: 15px 0 0;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 1.5;
}

.main .otherCpList > li .date {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.3;
}





/* .participateBlock */
.main .participateBlock > .blockSet {
  position: relative;
  margin-top: 48px;
  padding: 10px 15px;
  border: 1px solid #dcdde0;
}

.main .participateBlock > .blockSet:first-child {
  margin-top: 0;
}

.main .participateBlock > .blockSet::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -43px;
  width: 40px;
  height: 38px;
  margin-left: -20px;
  background: url(/en/common/images/module/icon_arrow_07.png) no-repeat;
}

.main .participateBlock > .blockSet:first-child::before {
  display: none;
}





/* .newsCategoryList */
.main .newsCategoryList {
  position: relative;
  text-align: right;
}

.main .newsCategoryList > ul > li {
  display: inline-block;
  list-style-type: none;
  font-size: 12px;
}

.main .newsCategoryList > ul > li.type {
  margin: 0 15px 0 0;
  padding: 5px 10px;
  border-radius: 3px;
  background: #f0f0f0;
  color: #7c7c85;
  font-size: 11px;
}





/* Clearfix */
.main .markList > li::after,
.markList2 > li::after,
.main .getReaderBlock::after,
.main .listModule::after,
.main .linkListBlock::after,
.main .cardList::after,
.main .imgListModule::after,
.main .imgListModule > li::after,
.main .definitionList::after,
.main .payLineupBlock .blockSet > table::after,
.main .floatList::after,
.main .table1::after,
.main .chronologicalTable::after,
.main .chronologicalBox .boxImgWrap::after,
.main .attentionBlock > .blockIn > table::after,
.main .plazaWifiBlock .colWrap::after,
.main .relatedBlock > .blockIn > table::after,
.main .itColBlock::after,
.main .colBlock2::after,
.main .colBlock3::after,
.main .colBlock4::after,
.main .valueFeatureBlock::after,
.main .pictoColBlock::after,
.main .pictoColBlock .blockSet::after,
.cardModalBlock::after,
.main .companyListBlock .blockGroup::after,
.main .companyListBlock .blockGroup .groupBody .bodyList::after,
.main .cardTypeBlock > .blockSet::after,
.main .logoColBlock::after,
.main .cpDetailBlock::after,
.main .divideVisualBlock > .blockIn::after,
.main .cardBlock > .blockSet::after,
.main .prColBlock::after,
.main .colLayout2::after,
.main .colLayout3::after,
.main .colLayout4::after,
.main .markTxt::after,
.main .cpShopList::after,
.main .pFlowBlock > .blockIn::after,
.main .otherCpList::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* OGP */
.og_image_add{
  background: url(/en/common/images/jcb_emblem_logo.png) no-repeat 0 0;
}

/* #modal */

#modal {
  position: relative;
  position: fixed;
  right: 30px;
  bottom: 70px;
  width: 385px;
  height: 385px;
  margin: 0 auto;
  z-index: 999999;
  border: 1px solid #dcdcdc;
  background: #fff;
  box-sizing: border-box !important;
}

#modal .modal-img {
  width: 100%;
  height: 60px;
  margin: 0;
  text-align: center;
}

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

#modal .modal-text {
  margin: 16px 0;
  padding: 0 20px;
  font-size: 16px;
  color: #4f525a;
  text-align: center;
  line-height: 25px;
  opacity: 0.8;
}

#modal .modal-linktext {
  position: absolute;
  left: 10px;
  right: 0;
  bottom: 0px;
  width: 45%;
  margin: 18px 0;
  padding: 1em 0;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
  color: #4f525a;
  opacity: 0.8;
}

#modal .modal-linktext a {
  text-decoration: underline;
}

#modal .modal-button {
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 45%;
  margin: 18px 0;
  padding: 1em 1.4em;
  background: #008eed;
  border: 1px solid;
  border-radius: 3em;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
  color: #fff;
  cursor: pointer;
  vertical-align: middle;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  box-sizing: border-box !important;
}

#modal .modal-button:hover {
  background-color: #026cb2;
}

@media (max-width: 767px) {
#modal {
  max-width: 100%;
  width: 100%;
  height: 300px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

#modal .modal-text {
  font-size: 12px;
  height: 100px;
  margin: 0;
}

#modal .modal-linktext {
  font-size: 14px;
  margin-top: 0;
  padding: 0.6em 1em;
}

#modal .modal-button {
  font-size: 14px;
  margin-top: 0;
  padding: 0.6em 1em;
}

@media screen and (orientation:landscape){
  #modal {
  width: 80%;
  max-height: 95%;
}

#modal .modal-text {
  height: 170px;
  font-size: 14px;
}

#modal .modal-linktext {
  font-size: 16px;
  padding: 0.8em 1.2em;
}

#modal .modal-button {
  font-size: 16px;
  padding: 0.8em 1.2em;
}

}

}

@media (max-width: 812px) {

@media screen and (orientation:landscape){
#modal {
  bottom: 0;
  width: 375px;
  height: 375px;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

#modal .modal-text {
  height: 170px;
  font-size: 14px;
}

#modal .modal-linktext {
  font-size: 16px;
  margin-top: 0;
  padding: 0.6em 1em;
}

#modal .modal-button {
  font-size: 16px;
  margin-top: 0;
  padding: 0.6em 1em;
}

}

}