html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: rgba(0, 0, 0, 0)
}

fieldset,
img {
  border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: 400
}

em,
strong {
  font-weight: 700
}

ol,
ul {
  list-style: none
}

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

caption,
th {
  text-align: left
}

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

span.smode {
  display: inherit
}

a {
  text-decoration: none;
  color: #333;
  transition: opacity .2s ease
}

a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: .4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

@media only screen and (max-width: 640px) {
  a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

img,
video {
  max-width: 100%;
  height: auto;
  vertical-align: middle
}

*,
*:before,
*:after {
  box-sizing: border-box
}

.clear {
  display: table;
  line-height: 0;
  content: "";
  clear: both
}

@font-face {
  font-family: digitalstage;
  src: url(../font/digitalstage.eot?-nqk2uw);
  src: url(../font/digitalstage.eot?#iefix-nqk2uw) format("embedded-opentype"), url(../font/digitalstage.ttf?-nqk2uw) format("truetype"), url(../font/digitalstage.woff?-nqk2uw) format("woff"), url(../font/digitalstage.svg?-nqk2uw#digitalstage) format("svg")
}

[class^=icon-],
[class*=" icon-"] {
  font-family: digitalstage;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

[class^=bindicon-],
[class*=" bindicon-"] {
  font-size: 1em;
  margin-right: 3px;
  margin-left: 3px
}

.icon-close:before {
  content: ""
}

.icon-left_arrow:before {
  content: ""
}

.icon-right_arrow:before {
  content: ""
}

html {
  font-size: 14px
}

body {
  font-family: "Yu Gothic Medium", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", "MS P Gothic", sans-serif;
  color: #555;
  min-width: 100%;
  line-height: 1.9
}

.site_frame {
  margin: 0 auto
}

.site_frame:before,
.site_frame:after {
  display: table;
  line-height: 0;
  content: ""
}

.site_frame:after {
  clear: both
}

@media only screen and (max-width: 640px) {
  .site_frame {
    width: 100%;
    margin: 0
  }
}

.a-billboard .site_frame {
  position: relative
}

.c-menu+.c-sp_navigation_btn {
  border-left-color: #555
}

.c-menu .c-unlink {
  color: #999
}

.c-menu.-menu_a {
  border-color: #999
}

.c-menu.-menu_a li {
  border-color: #999
}

.c-menu.-menu_a li a,
.c-menu.-menu_a li .c-unlink {
  border-color: #555;
  padding: 0 20px
}

.c-menu.-menu_a li:first-child {
  border-color: #999
}

.c-menu.-menu_a.-v {
  border-color: #999
}

.c-menu.-menu_a.-v li a,
.c-menu.-menu_a.-v li .c-unlink,
.c-menu.-menu_a.-v li:first-child a,
.c-menu.-menu_a.-v li:first-child .c-unlink {
  border-color: #999
}

@media only screen and (max-width: 768px) {
  .c-menu.-menu_a.-v {
    border-bottom: 1px solid #999
  }

  .c-menu.-menu_a.-v li {
    border-bottom: 0 none
  }

  .c-menu.-menu_a.-v li a,
  .c-menu.-menu_a.-v li .c-unlink {
    border-top: 1px solid #999
  }
}

.c-menu.-menu_b li a {
  padding: 10px 20px;
  color: #333
}

@media only screen and (max-width: 768px) {
  .c-menu.-menu_b li a {
    border-bottom: 0 none
  }
}

.c-menu.-menu_b li .c-unlink {
  padding: 10px 20px
}

@media only screen and (max-width: 768px) {
  .c-menu.-menu_b.-v {
    border-top: 0 none;
    border-bottom: 1px solid #999
  }

  .c-menu.-menu_b.-v li {
    border-bottom: 0 none
  }

  .c-menu.-menu_b.-v li a,
  .c-menu.-menu_b.-v li .c-unlink {
    border-bottom: 0 none;
    border-top: 1px solid #999
  }
}

.c-menu.-menu_c {
  background: #dcdcdc;
  border-radius: 20px;
  padding: 0 20px;
  overflow: hidden
}

.c-menu.-menu_c li {
  border-color: #fff
}

.c-menu.-menu_c li a {
  border-bottom: none;
  background: #dcdcdc;
  padding: 5px 15px;
  line-height: 1.2;
  color: #333;
  display: block
}

.c-menu.-menu_c li a:hover {
  background: #aaa;
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

@media only screen and (max-width: 640px) {
  .c-menu.-menu_c li a:hover {
    background: #dcdcdc;
    color: #333
  }
}

.c-menu.-menu_c li .c-current {
  background: #aaa;
  color: #fff
}

.c-menu.-menu_c li .c-unlink {
  padding: 5px 15px;
  line-height: 1.2
}

@media only screen and (max-width: 768px) {
  .c-menu.-menu_c li {
    border-top: 1px solid #fff;
    border-bottom: 0 none
  }

  .c-menu.-menu_c li:first-child {
    border: 0 none
  }
}

.c-menu.-menu_c.-v {
  padding-left: 0;
  padding-right: 0;
  border-bottom: none
}

@media only screen and (max-width: 768px) {
  .c-menu.-menu_c.-v li {
    border-top: 1px solid #fff;
    border-bottom: 0 none
  }
}

.c-menu.-menu_d {
  background: #dcdcdc
}

.c-menu.-menu_d li {
  border: 0 none
}

.c-menu.-menu_d li a,
.c-menu.-menu_d li .c-unlink {
  padding: 10px 20px;
  background: #dcdcdc;
  border-bottom: 0 none
}

.c-menu.-menu_d li a {
  color: #333
}

.c-menu.-menu_d li:first-child {
  border: 0 none
}

.c-menu.-menu_d a:hover {
  background: #fff;
  color: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: .4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

@media only screen and (max-width: 768px) {
  .c-menu.-menu_d a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

@media only screen and (max-width: 640px) {
  .c-menu.-menu_d a:hover {
    background: #dcdcdc;
    color: #333
  }
}

.c-menu.-menu_d .c-current {
  background: #fff;
  color: #000
}

.c-menu.-menu_d.-v {
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
  -webkit-filter: none;
  filter: none;
  border-bottom: 0 none
}

.c-menu.-menu_d.-v li {
  border-top: 0 none
}

.c-menu.-menu_d.-v li a {
  border-bottom: 0 none
}

@media only screen and (max-width: 768px) {
  .c-menu.-menu_d.-v li {
    border-bottom: 0 none
  }
}

.c-menu.-menu_e {
  background: #d1d1d1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#d1d1d1", GradientType=0);
  background: linear-gradient(to bottom, #fff 0, #ebe8eb 45%, #dedade 48%, #d1d1d1);
  border: 1px solid #d3d3d3
}

.c-menu.-menu_e li {
  border: 0 none
}

.c-menu.-menu_e li a {
  color: #333;
  border-bottom: 0 none
}

.c-menu.-menu_e li a:hover {
  background: #fff;
  color: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: .65;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"
}

@media only screen and (max-width: 768px) {
  .c-menu.-menu_e li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.c-menu.-menu_e li a,
.c-menu.-menu_e li .c-unlink {
  padding: 8px 20px
}

.c-menu.-menu_e li .c-current a,
.c-menu.-menu_e li .c-current:hover a {
  background: #dcdcdc;
  color: #333
}

.c-menu.-menu_e li:first-child {
  border: 0 none
}

@media only screen and (max-width: 768px) {
  .c-menu.-menu_e {
    background: none
  }
}

.c-menu.-menu_e.-v {
  border: 0 none;
  background: rgba(0, 0, 0, 0);
  -webkit-filter: none;
  filter: none
}

.c-menu.-menu_e.-v li {
  border: none
}

.c-menu.-menu_e.-v li a {
  border: none;
  background: #d1d1d1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#d1d1d1", GradientType=0);
  background: -ms-linear-gradient(top, #fff 0, #ebe8eb 45%, #dedade 48%, #d1d1d1);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.45, #ebe8eb), color-stop(0.48, #dedade), to(#d1d1d1))
}

.a-header,
.a-footer,
.a-billboard,
.a-site_contents,
.a-ghost_header {
  margin: 0 auto
}

.a-header:before,
.a-header:after,
.a-footer:before,
.a-footer:after,
.a-billboard:before,
.a-billboard:after,
.a-site_contents:before,
.a-site_contents:after,
.a-ghost_header:before,
.a-ghost_header:after {
  display: table;
  line-height: 0;
  content: ""
}

.a-header:after,
.a-footer:after,
.a-billboard:after,
.a-site_contents:after,
.a-ghost_header:after {
  clear: both
}

@media only screen and (max-width: 640px) {
  .a-header {
    padding: 0
  }
}

@media only screen and (max-width: 768px) {
  .a-ghost_header {
    display: none
  }
}

@media only screen and (max-width: 640px) {
  .a-main {
    float: none;
    width: 100%
  }
}

.a-side-a {
  float: right
}

@media only screen and (max-width: 640px) {
  .a-side-a {
    float: none;
    width: 100%
  }
}

.a-footer {
  position: relative
}

.l-2 .g-column>.a-main {
  float: left
}

.l-2 .g-column>.a-side-a {
  float: right
}

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

  .l-2 .g-column .a-main,
  .l-2 .g-column .a-side-a {
    float: none;
    width: 100%
  }
}

.l-3 .g-column>.a-main {
  float: right
}

.l-3 .g-column>.a-side-a {
  float: left
}

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

  .l-3 .g-column .a-main,
  .l-3 .g-column .a-side-a {
    float: none;
    width: 100%
  }
}

.l-4 .g-column>.a-main {
  float: right
}

.l-4 .g-column>.a-side-a {
  float: left
}

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

  .l-4 .g-column .a-main,
  .l-4 .g-column .a-side-a {
    float: none;
    width: 100%
  }
}

.l-5 .g-column>.a-main {
  float: left
}

.l-5 .g-column>.a-side-a {
  float: left
}

.l-5 .g-column>.a-side-b {
  float: right
}

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

  .l-5 .g-column .a-main,
  .l-5 .g-column .a-side-a,
  .l-5 .g-column .a-side-b {
    float: none;
    width: 100%
  }
}

.l-6 .g-column>.a-main {
  float: left
}

.l-6 .g-column>.a-side-a {
  float: right
}

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

  .l-6 .g-column .a-main,
  .l-6 .g-column .a-side-a {
    float: none;
    width: 100%
  }
}

.l-7 .a-header,
.l-7 .a-billboard,
.l-7 .a-site_contents,
.l-7 .a-footer,
.l-7 .a-ghost_header {
  margin: 0
}

.l-7 .g-column>.a-main {
  float: right
}

.l-7 .g-column>.a-side-a {
  float: left
}

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

  .l-7 .g-column .a-main,
  .l-7 .g-column .a-side-a {
    float: none;
    width: 100%
  }
}

.l-8 .a-header,
.l-8 .a-billboard,
.l-8 .a-site_contents,
.l-8 .a-footer,
.l-8 .a-ghost_header {
  margin: 0
}

.l-8 .g-column>.a-main {
  float: left
}

.l-8 .g-column>.a-side-a {
  float: right
}

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

  .l-8 .g-column .a-main,
  .l-8 .g-column .a-side-a {
    float: none;
    width: 100%
  }
}

.l-1 .bg-document,
.l-2 .bg-document,
.l-3 .bg-document,
.l-4 .bg-document,
.l-5 .bg-document,
.l-6 .bg-document {
  margin: 0 auto
}

body[data-press-role] .a-billboard {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

body[data-press-role] .a-main {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.g-column:before,
.g-column:after {
  display: table;
  line-height: 0;
  content: ""
}

.g-column:after {
  clear: both
}

.g-column>.column {
  float: left;
  position: relative
}

.g-column>.column.-column1,
.g-column>.column:first-child {
  margin-left: 0
}

.g-column>.column.-column-lasts,
.g-column>.column:last-child {
  margin-right: 0
}

.g-column>.column.-column1.-column-lasts {
  float: none
}

.g-column.-col1>.column {
  float: none
}

.g-column.-col2>.column {
  width: 50%
}

.g-column.-col3>.column {
  width: 33.333%
}

.g-column.-col4>.column {
  width: 25%
}

.g-column.-col5>.column {
  width: 20%
}

.g-column.-col6>.column {
  width: 16.666%
}

.g-column.-col7>.column {
  width: 14.285%
}

.g-column.-col8>.column {
  width: 12.5%
}

.g-column>.-col1 {
  width: 8.333%
}

.g-column>.-col2 {
  width: 16.666%
}

.g-column>.-col3 {
  width: 25%
}

.g-column>.-col4 {
  width: 33.333%
}

.g-column>.-col5 {
  width: 41.666%
}

.g-column>.-col6 {
  width: 50%
}

.g-column>.-col7 {
  width: 58.333%
}

.g-column>.-col8 {
  width: 66.666%
}

.g-column>.-col9 {
  width: 75%
}

.g-column>.-col10 {
  width: 83.333%
}

.g-column>.-col11 {
  width: 91.666%
}

.g-column>.-col12 {
  margin-left: 0;
  width: 100%
}

@media only screen and (max-width: 640px) {
  .g-column>.column {
    float: none;
    margin: 0
  }

  .g-column>.column.-column1,
  .g-column>.column:first-child {
    margin-left: 0
  }

  .g-column>.column.-column-lasts,
  .g-column>.column:last-child {
    margin-right: 0
  }

  .g-column.-col2>.column,
  .g-column.-col3>.column,
  .g-column.-col4>.column,
  .g-column.-col5>.column,
  .g-column.-col6>.column,
  .g-column.-col7>.column,
  .g-column.-col8>.column {
    width: 100%;
    margin: 0
  }

  .g-column>.-col1,
  .g-column>.-col2,
  .g-column>.-col3,
  .g-column>.-col4,
  .g-column>.-col5,
  .g-column>.-col6,
  .g-column>.-col7,
  .g-column>.-col8,
  .g-column>.-col9,
  .g-column>.-col10,
  .g-column>.-col11,
  .g-column>.-col12 {
    width: 100%;
    margin: 0
  }

  .g-column.-no_spacing.-col2>.column,
  .g-column.-no_spacing.-col3>.column,
  .g-column.-no_spacing.-col4>.column,
  .g-column.-no_spacing.-col5>.column,
  .g-column.-no_spacing.-col6>.column,
  .g-column.-no_spacing.-col7>.column,
  .g-column.-no_spacing.-col8>.column {
    float: none;
    width: 100%
  }

  .g-column.-sp-col2>.column,
  .g-column.-sp-col2.-no_spacing>.column,
  .g-column.-sp-col3>.column,
  .g-column.-sp-col3.-no_spacing>.column {
    float: left;
    margin: 0
  }

  .g-column.-sp-col2>.column,
  .g-column.-sp-col2.-no_spacing>.column {
    width: 50%
  }

  .g-column.-sp-col3>.column,
  .g-column.-sp-col3.-no_spacing>.column {
    width: 33.3%
  }
}

.c-space_narrow .g-column>.column {
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 2%
}

.c-space_narrow .g-column>.column.-column1,
.c-space_narrow .g-column>.column:first-child {
  margin-left: 0
}

.c-space_narrow .g-column>.column.-column-lasts,
.c-space_narrow .g-column>.column:last-child {
  margin-right: 0
}

.c-space_narrow .g-column.-col2>.column {
  width: 49%
}

.c-space_narrow .g-column.-col2>.column:nth-child(1),
.c-space_narrow .g-column.-col2>.column:nth-child(2) {
  margin-top: 0
}

.c-space_narrow .g-column.-col3>.column {
  width: 32%
}

.c-space_narrow .g-column.-col3>.column:nth-child(1),
.c-space_narrow .g-column.-col3>.column:nth-child(2),
.c-space_narrow .g-column.-col3>.column:nth-child(3) {
  margin-top: 0
}

.c-space_narrow .g-column.-col4>.column {
  width: 23.5%
}

.c-space_narrow .g-column.-col4>.column:nth-child(1),
.c-space_narrow .g-column.-col4>.column:nth-child(2),
.c-space_narrow .g-column.-col4>.column:nth-child(3),
.c-space_narrow .g-column.-col4>.column:nth-child(4) {
  margin-top: 0
}

.c-space_narrow .g-column.-col5>.column {
  width: 18.4%
}

.c-space_narrow .g-column.-col5>.column:nth-child(1),
.c-space_narrow .g-column.-col5>.column:nth-child(2),
.c-space_narrow .g-column.-col5>.column:nth-child(3),
.c-space_narrow .g-column.-col5>.column:nth-child(4),
.c-space_narrow .g-column.-col5>.column:nth-child(5) {
  margin-top: 0
}

.c-space_narrow .g-column.-col6>.column {
  width: 15%
}

.c-space_narrow .g-column.-col6>.column:nth-child(1),
.c-space_narrow .g-column.-col6>.column:nth-child(2),
.c-space_narrow .g-column.-col6>.column:nth-child(3),
.c-space_narrow .g-column.-col6>.column:nth-child(4),
.c-space_narrow .g-column.-col6>.column:nth-child(5),
.c-space_narrow .g-column.-col6>.column:nth-child(6) {
  margin-top: 0
}

.c-space_narrow .g-column.-col7>.column {
  width: 12.571%
}

.c-space_narrow .g-column.-col7>.column:nth-child(1),
.c-space_narrow .g-column.-col7>.column:nth-child(2),
.c-space_narrow .g-column.-col7>.column:nth-child(3),
.c-space_narrow .g-column.-col7>.column:nth-child(4),
.c-space_narrow .g-column.-col7>.column:nth-child(5),
.c-space_narrow .g-column.-col7>.column:nth-child(6),
.c-space_narrow .g-column.-col7>.column:nth-child(7) {
  margin-top: 0
}

.c-space_narrow .g-column.-col8>.column {
  width: 10.75%
}

.c-space_narrow .g-column.-col8>.column:nth-child(1),
.c-space_narrow .g-column.-col8>.column:nth-child(2),
.c-space_narrow .g-column.-col8>.column:nth-child(3),
.c-space_narrow .g-column.-col8>.column:nth-child(4),
.c-space_narrow .g-column.-col8>.column:nth-child(5),
.c-space_narrow .g-column.-col8>.column:nth-child(6),
.c-space_narrow .g-column.-col8>.column:nth-child(7),
.c-space_narrow .g-column.-col8>.column:nth-child(8) {
  margin-top: 0
}

.c-space_narrow .g-column>.-col1 {
  width: 7.333%
}

.c-space_narrow .g-column>.-col2 {
  width: 15.666%
}

.c-space_narrow .g-column>.-col3 {
  width: 24%
}

.c-space_narrow .g-column>.-col4 {
  width: 32.333%
}

.c-space_narrow .g-column>.-col5 {
  width: 40.666%
}

.c-space_narrow .g-column>.-col6 {
  width: 49%
}

.c-space_narrow .g-column>.-col7 {
  width: 57.333%
}

.c-space_narrow .g-column>.-col8 {
  width: 65.666%
}

.c-space_narrow .g-column>.-col9 {
  width: 74%
}

.c-space_narrow .g-column>.-col10 {
  width: 82.333%
}

.c-space_narrow .g-column>.-col11 {
  width: 90.666%
}

.c-space_narrow .g-column>.-col12 {
  margin-left: 0;
  width: 100%
}

.l-5 .c-space_narrow .g-column>.-col1 {
  width: 8%
}

.l-5 .c-space_narrow .g-column>.-col2 {
  width: 16%
}

.l-5 .c-space_narrow .g-column>.-col3 {
  width: 24%
}

.l-5 .c-space_narrow .g-column>.-col4 {
  width: 32%
}

.l-5 .c-space_narrow .g-column>.-col5 {
  width: 40%
}

.l-5 .c-space_narrow .g-column>.-col6 {
  width: 48%
}

.l-5 .c-space_narrow .g-column>.-col7 {
  width: 56%
}

.l-5 .c-space_narrow .g-column>.-col8 {
  width: 64%
}

.l-5 .c-space_narrow .g-column>.-col9 {
  width: 72%
}

.l-5 .c-space_narrow .g-column>.-col10 {
  width: 80%
}

.l-5 .c-space_narrow .g-column>.-col11 {
  width: 88%
}

.l-5 .c-space_narrow .g-column>.-col12 {
  margin-left: 0;
  margin-right: 0;
  width: 100%
}

.c-space_normal .g-column>.column {
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 4%
}

.c-space_normal .g-column>.column.-column1,
.c-space_normal .g-column>.column:first-child {
  margin-left: 0
}

.c-space_normal .g-column>.column.-column-lasts,
.c-space_normal .g-column>.column:last-child {
  margin-right: 0
}

.c-space_normal .g-column.-col2>.column {
  width: 48%
}

.c-space_normal .g-column.-col2>.column:nth-child(1),
.c-space_normal .g-column.-col2>.column:nth-child(2) {
  margin-top: 0
}

.c-space_normal .g-column.-col3>.column {
  width: 30.666%
}

.c-space_normal .g-column.-col3>.column:nth-child(1),
.c-space_normal .g-column.-col3>.column:nth-child(2),
.c-space_normal .g-column.-col3>.column:nth-child(3) {
  margin-top: 0
}

.c-space_normal .g-column.-col4>.column {
  width: 22%
}

.c-space_normal .g-column.-col4>.column:nth-child(1),
.c-space_normal .g-column.-col4>.column:nth-child(2),
.c-space_normal .g-column.-col4>.column:nth-child(3),
.c-space_normal .g-column.-col4>.column:nth-child(4) {
  margin-top: 0
}

.c-space_normal .g-column.-col5>.column {
  width: 16.8%
}

.c-space_normal .g-column.-col5>.column:nth-child(1),
.c-space_normal .g-column.-col5>.column:nth-child(2),
.c-space_normal .g-column.-col5>.column:nth-child(3),
.c-space_normal .g-column.-col5>.column:nth-child(4),
.c-space_normal .g-column.-col5>.column:nth-child(5) {
  margin-top: 0
}

.c-space_normal .g-column.-col6>.column {
  width: 13.333%
}

.c-space_normal .g-column.-col6>.column:nth-child(1),
.c-space_normal .g-column.-col6>.column:nth-child(2),
.c-space_normal .g-column.-col6>.column:nth-child(3),
.c-space_normal .g-column.-col6>.column:nth-child(4),
.c-space_normal .g-column.-col6>.column:nth-child(5),
.c-space_normal .g-column.-col6>.column:nth-child(6) {
  margin-top: 0
}

.c-space_normal .g-column.-col7>.column {
  width: 10.857%
}

.c-space_normal .g-column.-col7>.column:nth-child(1),
.c-space_normal .g-column.-col7>.column:nth-child(2),
.c-space_normal .g-column.-col7>.column:nth-child(3),
.c-space_normal .g-column.-col7>.column:nth-child(4),
.c-space_normal .g-column.-col7>.column:nth-child(5),
.c-space_normal .g-column.-col7>.column:nth-child(6),
.c-space_normal .g-column.-col7>.column:nth-child(7) {
  margin-top: 0
}

.c-space_normal .g-column.-col8>.column {
  width: 9%
}

.c-space_normal .g-column.-col8>.column:nth-child(1),
.c-space_normal .g-column.-col8>.column:nth-child(2),
.c-space_normal .g-column.-col8>.column:nth-child(3),
.c-space_normal .g-column.-col8>.column:nth-child(4),
.c-space_normal .g-column.-col8>.column:nth-child(5),
.c-space_normal .g-column.-col8>.column:nth-child(6),
.c-space_normal .g-column.-col8>.column:nth-child(7),
.c-space_normal .g-column.-col8>.column:nth-child(8) {
  margin-top: 0
}

.c-space_normal .g-column>.-col1 {
  width: 6.3%
}

.c-space_normal .g-column>.-col2 {
  width: 14.6%
}

.c-space_normal .g-column>.-col3 {
  width: 23%
}

.c-space_normal .g-column>.-col4 {
  width: 31.3%
}

.c-space_normal .g-column>.-col5 {
  width: 39.6%
}

.c-space_normal .g-column>.-col6 {
  width: 48%
}

.c-space_normal .g-column>.-col7 {
  width: 56.3%
}

.c-space_normal .g-column>.-col8 {
  width: 64.6%
}

.c-space_normal .g-column>.-col9 {
  width: 73%
}

.c-space_normal .g-column>.-col10 {
  width: 81.3%
}

.c-space_normal .g-column>.-col11 {
  width: 89.6%
}

.c-space_normal .g-column>.-col12 {
  margin-left: 0;
  margin-right: 0;
  width: 100%
}

.c-no-margin-top .g-column>.-col1:nth-child(1),
.c-no-margin-top .g-column>.-col1:nth-child(2),
.c-no-margin-top .g-column>.-col2:nth-child(1),
.c-no-margin-top .g-column>.-col2:nth-child(2),
.c-no-margin-top .g-column>.-col3:nth-child(1),
.c-no-margin-top .g-column>.-col3:nth-child(2),
.c-no-margin-top .g-column>.-col4:nth-child(1),
.c-no-margin-top .g-column>.-col4:nth-child(2),
.c-no-margin-top .g-column>.-col5:nth-child(1),
.c-no-margin-top .g-column>.-col5:nth-child(2),
.c-no-margin-top .g-column>.-col6:nth-child(1),
.c-no-margin-top .g-column>.-col6:nth-child(2),
.c-no-margin-top .g-column>.-col7:nth-child(1),
.c-no-margin-top .g-column>.-col7:nth-child(2),
.c-no-margin-top .g-column>.-col8:nth-child(1),
.c-no-margin-top .g-column>.-col8:nth-child(2),
.c-no-margin-top .g-column>.-col9:nth-child(1),
.c-no-margin-top .g-column>.-col9:nth-child(2),
.c-no-margin-top .g-column>.-col10:nth-child(1),
.c-no-margin-top .g-column>.-col10:nth-child(2),
.c-no-margin-top .g-column>.-col11:nth-child(1),
.c-no-margin-top .g-column>.-col11:nth-child(2) {
  margin-top: 0
}

.l-5 .c-space_normal .g-column>.-col1 {
  width: 7.6%
}

.l-5 .c-space_normal .g-column>.-col2 {
  width: 15.3%
}

.l-5 .c-space_normal .g-column>.-col3 {
  width: 23%
}

.l-5 .c-space_normal .g-column>.-col4 {
  width: 30.6%
}

.l-5 .c-space_normal .g-column>.-col5 {
  width: 38.3%
}

.l-5 .c-space_normal .g-column>.-col6 {
  width: 46%
}

.l-5 .c-space_normal .g-column>.-col7 {
  width: 53.6%
}

.l-5 .c-space_normal .g-column>.-col8 {
  width: 61.3%
}

.l-5 .c-space_normal .g-column>.-col9 {
  width: 69%
}

.l-5 .c-space_normal .g-column>.-col10 {
  width: 76.6%
}

.l-5 .c-space_normal .g-column>.-col11 {
  width: 84.3%
}

.l-5 .c-space_normal .g-column>.-col12 {
  margin-left: 0;
  margin-right: 0;
  width: 100%
}

@media only screen and (max-width: 640px) {
  .c-sp-space_narrow .g-column>.column {
    float: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2%
  }

  .c-sp-space_narrow .g-column.-col2>.column,
  .c-sp-space_narrow .g-column.-col3>.column,
  .c-sp-space_narrow .g-column.-col4>.column,
  .c-sp-space_narrow .g-column.-col5>.column,
  .c-sp-space_narrow .g-column.-col6>.column,
  .c-sp-space_narrow .g-column.-col7>.column,
  .c-sp-space_narrow .g-column.-col8>.column {
    width: 100%
  }

  .c-sp-space_narrow .g-column>.-col1,
  .c-sp-space_narrow .g-column>.-col2,
  .c-sp-space_narrow .g-column>.-col3,
  .c-sp-space_narrow .g-column>.-col4,
  .c-sp-space_narrow .g-column>.-col5,
  .c-sp-space_narrow .g-column>.-col6,
  .c-sp-space_narrow .g-column>.-col7,
  .c-sp-space_narrow .g-column>.-col8,
  .c-sp-space_narrow .g-column>.-col9,
  .c-sp-space_narrow .g-column>.-col10,
  .c-sp-space_narrow .g-column>.-col11,
  .c-sp-space_narrow .g-column>.-col12 {
    width: 100%
  }

  .c-sp-space_narrow .g-column.-no_spacing.-col2>.column,
  .c-sp-space_narrow .g-column.-no_spacing.-col3>.column,
  .c-sp-space_narrow .g-column.-no_spacing.-col4>.column,
  .c-sp-space_narrow .g-column.-no_spacing.-col5>.column,
  .c-sp-space_narrow .g-column.-no_spacing.-col6>.column,
  .c-sp-space_narrow .g-column.-no_spacing.-col7>.column,
  .c-sp-space_narrow .g-column.-no_spacing.-col8>.column {
    float: none;
    width: 100%
  }

  .c-sp-space_narrow .g-column.-sp-col2>.column,
  .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column,
  .c-sp-space_narrow .g-column.-sp-col3>.column,
  .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 2%
  }

  .c-sp-space_narrow .g-column.-sp-col1>.column:nth-child(n),
  .c-sp-space_narrow .g-column.-sp-col1.-no_spacing>.column:nth-child(n) {
    margin-top: 2%
  }

  .c-sp-space_narrow .g-column.-sp-col2>.column,
  .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column {
    width: 49%
  }

  .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(2n+1),
  .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(2n+1) {
    margin-left: 0
  }

  .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(2n),
  .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(2n) {
    margin-right: 0
  }

  .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(1),
  .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(2),
  .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(1),
  .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(2) {
    margin-top: 0
  }

  .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(3),
  .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(4),
  .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(5),
  .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(6),
  .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(7),
  .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(8),
  .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(3),
  .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(4),
  .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(5),
  .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(6),
  .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(7),
  .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(8) {
    margin-top: 2%
  }

  .c-sp-space_narrow .g-column.-sp-col3>.column,
  .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column {
    width: 32%
  }

  .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(3n+1),
  .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(3n+1) {
    margin-left: 0
  }

  .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(3n),
  .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(3n) {
    margin-right: 0
  }

  .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(1),
  .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(2),
  .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(3),
  .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(1),
  .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(2),
  .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(3) {
    margin-top: 0
  }

  .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(4),
  .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(5),
  .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(6),
  .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(7),
  .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(8),
  .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(4),
  .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(5),
  .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(6),
  .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(7),
  .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(8) {
    margin-top: 2%
  }

  .l-5 .c-sp-space_narrow .g-column>.column {
    float: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2%
  }

  .l-5 .c-sp-space_narrow .g-column.-col2>.column,
  .l-5 .c-sp-space_narrow .g-column.-col3>.column,
  .l-5 .c-sp-space_narrow .g-column.-col4>.column,
  .l-5 .c-sp-space_narrow .g-column.-col5>.column,
  .l-5 .c-sp-space_narrow .g-column.-col6>.column,
  .l-5 .c-sp-space_narrow .g-column.-col7>.column,
  .l-5 .c-sp-space_narrow .g-column.-col8>.column {
    width: 100%
  }

  .l-5 .c-sp-space_narrow .g-column>.-col1,
  .l-5 .c-sp-space_narrow .g-column>.-col2,
  .l-5 .c-sp-space_narrow .g-column>.-col3,
  .l-5 .c-sp-space_narrow .g-column>.-col4,
  .l-5 .c-sp-space_narrow .g-column>.-col5,
  .l-5 .c-sp-space_narrow .g-column>.-col6,
  .l-5 .c-sp-space_narrow .g-column>.-col7,
  .l-5 .c-sp-space_narrow .g-column>.-col8,
  .l-5 .c-sp-space_narrow .g-column>.-col9,
  .l-5 .c-sp-space_narrow .g-column>.-col10,
  .l-5 .c-sp-space_narrow .g-column>.-col11,
  .l-5 .c-sp-space_narrow .g-column>.-col12 {
    width: 100%
  }

  .l-5 .c-sp-space_narrow .g-column.-no_spacing.-col2>.column,
  .l-5 .c-sp-space_narrow .g-column.-no_spacing.-col3>.column,
  .l-5 .c-sp-space_narrow .g-column.-no_spacing.-col4>.column,
  .l-5 .c-sp-space_narrow .g-column.-no_spacing.-col5>.column,
  .l-5 .c-sp-space_narrow .g-column.-no_spacing.-col6>.column,
  .l-5 .c-sp-space_narrow .g-column.-no_spacing.-col7>.column,
  .l-5 .c-sp-space_narrow .g-column.-no_spacing.-col8>.column {
    float: none;
    width: 100%
  }

  .l-5 .c-sp-space_narrow .g-column.-sp-col2>.column,
  .l-5 .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column,
  .l-5 .c-sp-space_narrow .g-column.-sp-col3>.column,
  .l-5 .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 2%
  }

  .l-5 .c-sp-space_narrow .g-column.-sp-col1>.column:nth-child(n),
  .l-5 .c-sp-space_narrow .g-column.-sp-col1.-no_spacing>.column:nth-child(n) {
    margin-top: 2%
  }

  .l-5 .c-sp-space_narrow .g-column.-sp-col2>.column,
  .l-5 .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column {
    width: 49%
  }

  .l-5 .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(2n+1),
  .l-5 .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(2n+1) {
    margin-left: 0
  }

  .l-5 .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(2n),
  .l-5 .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(2n) {
    margin-right: 0
  }

  .l-5 .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(1),
  .l-5 .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(2),
  .l-5 .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(1),
  .l-5 .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(2) {
    margin-top: 0
  }

  .l-5 .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(3),
  .l-5 .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(4),
  .l-5 .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(5),
  .l-5 .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(6),
  .l-5 .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(7),
  .l-5 .c-sp-space_narrow .g-column.-sp-col2>.column:nth-child(8),
  .l-5 .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(3),
  .l-5 .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(4),
  .l-5 .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(5),
  .l-5 .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(6),
  .l-5 .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(7),
  .l-5 .c-sp-space_narrow .g-column.-sp-col2.-no_spacing>.column:nth-child(8) {
    margin-top: 2%
  }

  .l-5 .c-sp-space_narrow .g-column.-sp-col3>.column,
  .l-5 .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column {
    width: 32%
  }

  .l-5 .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(3n+1),
  .l-5 .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(3n+1) {
    margin-left: 0
  }

  .l-5 .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(3n),
  .l-5 .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(3n) {
    margin-right: 0
  }

  .l-5 .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(1),
  .l-5 .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(2),
  .l-5 .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(3),
  .l-5 .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(1),
  .l-5 .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(2),
  .l-5 .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(3) {
    margin-top: 0
  }

  .l-5 .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(4),
  .l-5 .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(5),
  .l-5 .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(6),
  .l-5 .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(7),
  .l-5 .c-sp-space_narrow .g-column.-sp-col3>.column:nth-child(8),
  .l-5 .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(4),
  .l-5 .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(5),
  .l-5 .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(6),
  .l-5 .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(7),
  .l-5 .c-sp-space_narrow .g-column.-sp-col3.-no_spacing>.column:nth-child(8) {
    margin-top: 2%
  }

  .c-sp-space_normal .g-column>.column {
    float: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 4%
  }

  .c-sp-space_normal .g-column.-col2>.column,
  .c-sp-space_normal .g-column.-col3>.column,
  .c-sp-space_normal .g-column.-col4>.column,
  .c-sp-space_normal .g-column.-col5>.column,
  .c-sp-space_normal .g-column.-col6>.column,
  .c-sp-space_normal .g-column.-col7>.column,
  .c-sp-space_normal .g-column.-col8>.column {
    width: 100%
  }

  .c-sp-space_normal .g-column>.-col1,
  .c-sp-space_normal .g-column>.-col2,
  .c-sp-space_normal .g-column>.-col3,
  .c-sp-space_normal .g-column>.-col4,
  .c-sp-space_normal .g-column>.-col5,
  .c-sp-space_normal .g-column>.-col6,
  .c-sp-space_normal .g-column>.-col7,
  .c-sp-space_normal .g-column>.-col8,
  .c-sp-space_normal .g-column>.-col9,
  .c-sp-space_normal .g-column>.-col10,
  .c-sp-space_normal .g-column>.-col11,
  .c-sp-space_normal .g-column>.-col12 {
    width: 100%
  }

  .c-sp-space_normal .g-column.-no_spacing.-col2>.column,
  .c-sp-space_normal .g-column.-no_spacing.-col3>.column,
  .c-sp-space_normal .g-column.-no_spacing.-col4>.column,
  .c-sp-space_normal .g-column.-no_spacing.-col5>.column,
  .c-sp-space_normal .g-column.-no_spacing.-col6>.column,
  .c-sp-space_normal .g-column.-no_spacing.-col7>.column,
  .c-sp-space_normal .g-column.-no_spacing.-col8>.column {
    float: none;
    width: 100%
  }

  .c-sp-space_normal .g-column.-sp-col2>.column,
  .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column,
  .c-sp-space_normal .g-column.-sp-col3>.column,
  .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column {
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 4%
  }

  .c-sp-space_normal .g-column.-sp-col1>.column:nth-child(n),
  .c-sp-space_normal .g-column.-sp-col1.-no_spacing>.column:nth-child(n) {
    margin-top: 4%
  }

  .c-sp-space_normal .g-column.-sp-col2>.column,
  .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column {
    width: 48%
  }

  .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(2n+1),
  .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(2n+1) {
    margin-left: 0
  }

  .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(2n),
  .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(2n) {
    margin-right: 0
  }

  .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(1),
  .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(2),
  .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(1),
  .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(2) {
    margin-top: 0
  }

  .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(3),
  .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(4),
  .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(5),
  .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(6),
  .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(7),
  .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(8),
  .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(3),
  .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(4),
  .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(5),
  .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(6),
  .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(7),
  .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(8) {
    margin-top: 4%
  }

  .c-sp-space_normal .g-column.-sp-col3>.column,
  .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column {
    width: 30.666%
  }

  .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(3n+1),
  .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(3n+1) {
    margin-left: 0
  }

  .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(3n),
  .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(3n) {
    margin-right: 0
  }

  .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(1),
  .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(2),
  .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(3),
  .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(1),
  .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(2),
  .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(3) {
    margin-top: 0
  }

  .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(4),
  .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(5),
  .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(6),
  .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(7),
  .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(8),
  .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(4),
  .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(5),
  .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(6),
  .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(7),
  .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(8) {
    margin-top: 4%
  }

  .l-5 .c-sp-space_normal .g-column>.column {
    float: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 4%
  }

  .l-5 .c-sp-space_normal .g-column.-col2>.column,
  .l-5 .c-sp-space_normal .g-column.-col3>.column,
  .l-5 .c-sp-space_normal .g-column.-col4>.column,
  .l-5 .c-sp-space_normal .g-column.-col5>.column,
  .l-5 .c-sp-space_normal .g-column.-col6>.column,
  .l-5 .c-sp-space_normal .g-column.-col7>.column,
  .l-5 .c-sp-space_normal .g-column.-col8>.column {
    width: 100%
  }

  .l-5 .c-sp-space_normal .g-column>.-col1,
  .l-5 .c-sp-space_normal .g-column>.-col2,
  .l-5 .c-sp-space_normal .g-column>.-col3,
  .l-5 .c-sp-space_normal .g-column>.-col4,
  .l-5 .c-sp-space_normal .g-column>.-col5,
  .l-5 .c-sp-space_normal .g-column>.-col6,
  .l-5 .c-sp-space_normal .g-column>.-col7,
  .l-5 .c-sp-space_normal .g-column>.-col8,
  .l-5 .c-sp-space_normal .g-column>.-col9,
  .l-5 .c-sp-space_normal .g-column>.-col10,
  .l-5 .c-sp-space_normal .g-column>.-col11,
  .l-5 .c-sp-space_normal .g-column>.-col12 {
    width: 100%
  }

  .l-5 .c-sp-space_normal .g-column.-no_spacing.-col2>.column,
  .l-5 .c-sp-space_normal .g-column.-no_spacing.-col3>.column,
  .l-5 .c-sp-space_normal .g-column.-no_spacing.-col4>.column,
  .l-5 .c-sp-space_normal .g-column.-no_spacing.-col5>.column,
  .l-5 .c-sp-space_normal .g-column.-no_spacing.-col6>.column,
  .l-5 .c-sp-space_normal .g-column.-no_spacing.-col7>.column,
  .l-5 .c-sp-space_normal .g-column.-no_spacing.-col8>.column {
    float: none;
    width: 100%
  }

  .l-5 .c-sp-space_normal .g-column.-sp-col2>.column,
  .l-5 .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column,
  .l-5 .c-sp-space_normal .g-column.-sp-col3>.column,
  .l-5 .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column {
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 4%
  }

  .l-5 .c-sp-space_normal .g-column.-sp-col1>.column:nth-child(n),
  .l-5 .c-sp-space_normal .g-column.-sp-col1.-no_spacing>.column:nth-child(n) {
    margin-top: 4%
  }

  .l-5 .c-sp-space_normal .g-column.-sp-col2>.column,
  .l-5 .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column {
    width: 48%
  }

  .l-5 .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(2n+1),
  .l-5 .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(2n+1) {
    margin-left: 0
  }

  .l-5 .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(2n),
  .l-5 .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(2n) {
    margin-right: 0
  }

  .l-5 .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(1),
  .l-5 .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(2),
  .l-5 .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(1),
  .l-5 .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(2) {
    margin-top: 0
  }

  .l-5 .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(3),
  .l-5 .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(4),
  .l-5 .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(5),
  .l-5 .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(6),
  .l-5 .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(7),
  .l-5 .c-sp-space_normal .g-column.-sp-col2>.column:nth-child(8),
  .l-5 .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(3),
  .l-5 .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(4),
  .l-5 .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(5),
  .l-5 .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(6),
  .l-5 .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(7),
  .l-5 .c-sp-space_normal .g-column.-sp-col2.-no_spacing>.column:nth-child(8) {
    margin-top: 4%
  }

  .l-5 .c-sp-space_normal .g-column.-sp-col3>.column,
  .l-5 .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column {
    width: 30.666%
  }

  .l-5 .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(3n+1),
  .l-5 .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(3n+1) {
    margin-left: 0
  }

  .l-5 .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(3n),
  .l-5 .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(3n) {
    margin-right: 0
  }

  .l-5 .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(1),
  .l-5 .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(2),
  .l-5 .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(3),
  .l-5 .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(1),
  .l-5 .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(2),
  .l-5 .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(3) {
    margin-top: 0
  }

  .l-5 .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(4),
  .l-5 .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(5),
  .l-5 .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(6),
  .l-5 .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(7),
  .l-5 .c-sp-space_normal .g-column.-sp-col3>.column:nth-child(8),
  .l-5 .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(4),
  .l-5 .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(5),
  .l-5 .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(6),
  .l-5 .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(7),
  .l-5 .c-sp-space_normal .g-column.-sp-col3.-no_spacing>.column:nth-child(8) {
    margin-top: 4%
  }
}

.b-plain:before,
.b-plain:after,
.b-float:before,
.b-float:after {
  display: table;
  line-height: 0;
  content: ""
}

.b-plain:after,
.b-float:after {
  clear: both
}

.b-plain .g-column>.column,
.b-float .g-column>.column {
  min-height: 1px
}

.b-both_diff:before,
.b-both_diff:after {
  display: table;
  line-height: 0;
  content: ""
}

.b-both_diff:after {
  clear: both
}

.b-both_diff .column {
  float: left
}

.b-both_diff .g-column>.column {
  min-height: 1px
}

.b-both_diff.-left_large .column.-col4 {
  margin-right: 0
}

.b-both_diff.-left_large .column.-col8 {
  margin-left: 0
}

.b-both_diff.-right_large .column.-col4 {
  margin-left: 0
}

.b-both_diff.-right_large .column.-col8 {
  margin-right: 0
}

@media only screen and (max-width: 640px) {
  .b-both_diff.-left_large .column {
    float: left
  }

  .b-both_diff.-left_large .column.-col8 {
    width: 70%
  }

  .b-both_diff.-left_large .column.-col4 {
    width: 30%
  }

  .b-both_diff.-left_large.c-sp-space_narrow .column {
    width: 69%
  }

  .b-both_diff.-left_large.c-sp-space_narrow .column.-col8 {
    margin-right: 1%
  }

  .b-both_diff.-left_large.c-sp-space_narrow .column.-col4 {
    width: 29%;
    margin-left: 1%
  }

  .b-both_diff.-left_large.c-sp-space_normal .column {
    width: 68%
  }

  .b-both_diff.-left_large.c-sp-space_normal .column.-col8 {
    margin-right: 2%
  }

  .b-both_diff.-left_large.c-sp-space_normal .column.-col4 {
    width: 28%;
    margin-left: 2%
  }

  .b-both_diff.-left_large.c-sp-space_wide .column {
    width: 67%
  }

  .b-both_diff.-left_large.c-sp-space_wide .column.-col8 {
    margin-right: 3%
  }

  .b-both_diff.-left_large.c-sp-space_wide .column.-col4 {
    width: 27%;
    margin-left: 3%
  }

  .b-both_diff.-right_large .column {
    float: left
  }

  .b-both_diff.-right_large .column.-col4 {
    width: 30%
  }

  .b-both_diff.-right_large .column.-col8 {
    width: 70%
  }

  .b-both_diff.-right_large.c-sp-space_narrow .column {
    width: 29%
  }

  .b-both_diff.-right_large.c-sp-space_narrow .column.-col8 {
    width: 69%;
    margin-left: 1%
  }

  .b-both_diff.-right_large.c-sp-space_narrow .column.-col4 {
    margin-right: 1%
  }

  .b-both_diff.-right_large.c-sp-space_normal .column {
    width: 28%
  }

  .b-both_diff.-right_large.c-sp-space_normal .column.-col8 {
    width: 68%;
    margin-left: 2%
  }

  .b-both_diff.-right_large.c-sp-space_normal .column.-col4 {
    margin-right: 2%
  }

  .b-both_diff.-right_large.c-sp-space_wide .column {
    width: 27%
  }

  .b-both_diff.-right_large.c-sp-space_wide .column.-col8 {
    width: 67%;
    margin-left: 3%
  }

  .b-both_diff.-right_large.c-sp-space_wide .column.-col4 {
    margin-right: 3%
  }

  .b-both_diff.-sp-single_column.c-sp-space_init .column,
  .b-both_diff.-sp-single_column.c-sp-space_narrow .column,
  .b-both_diff.-sp-single_column.c-sp-space_normal .column,
  .b-both_diff.-sp-single_column.c-sp-space_wide .column {
    float: none
  }

  .b-both_diff.-sp-single_column.c-sp-space_init .column.-col8,
  .b-both_diff.-sp-single_column.c-sp-space_narrow .column.-col8,
  .b-both_diff.-sp-single_column.c-sp-space_normal .column.-col8,
  .b-both_diff.-sp-single_column.c-sp-space_wide .column.-col8 {
    width: 100%
  }

  .b-both_diff.-sp-single_column.c-sp-space_init .column.-col4,
  .b-both_diff.-sp-single_column.c-sp-space_narrow .column.-col4,
  .b-both_diff.-sp-single_column.c-sp-space_normal .column.-col4,
  .b-both_diff.-sp-single_column.c-sp-space_wide .column.-col4 {
    width: 100%
  }

  .b-both_diff.-sp-single_column.c-sp-space_init .column.-col8,
  .b-both_diff.-sp-single_column.c-sp-space_init .column.-col4,
  .b-both_diff.-sp-single_column.c-sp-space_narrow .column.-col8,
  .b-both_diff.-sp-single_column.c-sp-space_narrow .column.-col4,
  .b-both_diff.-sp-single_column.c-sp-space_normal .column.-col8,
  .b-both_diff.-sp-single_column.c-sp-space_normal .column.-col4,
  .b-both_diff.-sp-single_column.c-sp-space_wide .column.-col8,
  .b-both_diff.-sp-single_column.c-sp-space_wide .column.-col4 {
    margin-right: 0;
    margin-left: 0
  }

  .b-both_diff.-sp-single_column.c-sp-space_init .g-column>.column:not(:first-child) {
    margin-top: 0
  }

  .b-both_diff.-sp-single_column.c-sp-space_narrow .g-column>.column:not(:first-child) {
    margin-top: 2%
  }

  .b-both_diff.-sp-single_column.c-sp-space_normal .g-column>.column:not(:first-child) {
    margin-top: 4%
  }

  .b-both_diff.-sp-single_column.c-sp-space_wide .g-column>.column:not(:first-child) {
    margin-top: 6%
  }
}

@media only screen and (max-width: 640px) {
  .l-5 .b-both_diff.-left_large .g-column>.column {
    float: left
  }

  .l-5 .b-both_diff.-right_large .g-column>.column {
    float: left
  }

  .l-5 .b-both_diff.-sp-single_column.c-sp-space_init .g-column>.column,
  .l-5 .b-both_diff.-sp-single_column.c-sp-space_narrow .g-column>.column,
  .l-5 .b-both_diff.-sp-single_column.c-sp-space_normal .g-column>.column,
  .l-5 .b-both_diff.-sp-single_column.c-sp-space_wide .g-column>.column {
    float: none
  }

  .l-5 .b-both_diff.-sp-single_column.c-sp-space_init .g-column>.column.-col8,
  .l-5 .b-both_diff.-sp-single_column.c-sp-space_narrow .g-column>.column.-col8,
  .l-5 .b-both_diff.-sp-single_column.c-sp-space_normal .g-column>.column.-col8,
  .l-5 .b-both_diff.-sp-single_column.c-sp-space_wide .g-column>.column.-col8 {
    width: 100%
  }

  .l-5 .b-both_diff.-sp-single_column.c-sp-space_init .g-column>.column.-col4,
  .l-5 .b-both_diff.-sp-single_column.c-sp-space_narrow .g-column>.column.-col4,
  .l-5 .b-both_diff.-sp-single_column.c-sp-space_normal .g-column>.column.-col4,
  .l-5 .b-both_diff.-sp-single_column.c-sp-space_wide .g-column>.column.-col4 {
    width: 100%
  }

  .l-5 .b-both_diff.-sp-single_column.c-sp-space_init .g-column>.column.-col8,
  .l-5 .b-both_diff.-sp-single_column.c-sp-space_init .g-column>.column.-col4,
  .l-5 .b-both_diff.-sp-single_column.c-sp-space_narrow .g-column>.column.-col8,
  .l-5 .b-both_diff.-sp-single_column.c-sp-space_narrow .g-column>.column.-col4,
  .l-5 .b-both_diff.-sp-single_column.c-sp-space_normal .g-column>.column.-col8,
  .l-5 .b-both_diff.-sp-single_column.c-sp-space_normal .g-column>.column.-col4,
  .l-5 .b-both_diff.-sp-single_column.c-sp-space_wide .g-column>.column.-col8,
  .l-5 .b-both_diff.-sp-single_column.c-sp-space_wide .g-column>.column.-col4 {
    margin-right: 0;
    margin-left: 0
  }
}

.b-headlines:before,
.b-headlines:after {
  display: table;
  line-height: 0;
  content: ""
}

.b-headlines:after {
  clear: both
}

.b-headlines .column {
  width: 100%
}

.b-headlines .column figure {
  text-align: center
}

.c-menu {
  margin-bottom: 10px;
  font-size: 0
}

.c-menu:before,
.c-menu:after {
  display: table;
  line-height: 0;
  content: ""
}

.c-menu:after {
  clear: both
}

.c-menu li {
  font-size: 14px;
  font-size: 1rem;
  display: inline-block;
  border-right-width: 1px;
  border-right-style: solid
}

.c-menu li:first-child {
  border-left-width: 1px;
  border-left-style: solid
}

.c-menu li.c-sp-closer+li {
  border-left-width: 1px;
  border-left-style: solid
}

@media only screen and (max-width: 768px) {
  .c-menu li.c-sp-closer+li {
    border-left: 0 none
  }
}

.c-menu li a,
.c-menu li .c-unlink {
  display: block;
  padding: 4px 20px;
  text-decoration: none;
  transition: all .2s ease
}

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

  .c-menu li a,
  .c-menu li .c-unlink {
    padding: 10px 20px
  }
}

@media only screen and (max-width: 768px) {
  .c-menu li {
    width: 100%;
    display: block;
    border: 0 none;
    border-bottom-width: 1px;
    border-bottom-style: solid
  }

  .c-menu li:first-child {
    border-left: 0 none
  }
}

.c-menu ul {
  margin-left: 20px
}

.c-menu.-v {
  border-bottom-width: 1px;
  border-bottom-style: solid
}

@media only screen and (max-width: 768px) {
  .c-menu.-v {
    border-bottom-width: 1px;
    border-bottom-style: solid
  }
}

.c-menu.-v li {
  display: block;
  border-top-width: 1px;
  border-top-style: solid;
  border-left: 0 none;
  border-right: 0 none
}

.c-menu.-v li.c-sp-closer {
  display: none
}

.c-menu.-v li.c-sp-closer+li {
  border-left: 0 none
}

@media only screen and (max-width: 768px) {
  .c-menu.-v li.c-sp-closer {
    display: block
  }
}

@media only screen and (max-width: 768px) {
  .c-menu.-v li {
    border: 0 none;
    border-bottom-width: 1px;
    border-bottom-style: solid
  }

  .c-menu.-v li:first-child {
    border-left: 0 none
  }
}

.-menu_left {
  text-align: left
}

.-menu_center {
  text-align: center
}

.-menu_right {
  text-align: right
}

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

  .c-sp-padding_init>.g-column,
  .c-sp-padding_init>.column,
  .c-sp-padding_init>nav {
    padding: 0
  }

  .c-sp-padding_narrow>.g-column,
  .c-sp-padding_narrow>.column,
  .c-sp-padding_narrow>nav {
    padding: 5px
  }

  .c-sp-padding_normal>.g-column,
  .c-sp-padding_normal>.column,
  .c-sp-padding_normal>nav {
    padding: 15px
  }

  .c-sp-padding_wide>.g-column,
  .c-sp-padding_wide>.column,
  .c-sp-padding_wide>nav {
    padding: 30px
  }

  .c-sp-padding_highest>.g-column,
  .c-sp-padding_highest>.column,
  .c-sp-padding_highest>nav {
    padding: 50px
  }

  .c-sp-padding_narrow>.column {
    width: auto
  }

  .c-sp-padding_normal>.column {
    width: auto
  }

  .c-sp-padding_wide>.column {
    width: auto
  }

  .c-sp-padding_highest>.column {
    width: auto
  }
}

.c-left {
  text-align: left
}

.c-right {
  text-align: right
}

.c-center {
  text-align: center
}

.c-fleft {
  float: left
}

.c-fright {
  float: right
}

.c-no_adjust {
  width: 100%
}

.c-img {
  display: inline
}

.c-images {
  font-size: 0;
  line-height: 0
}

.c-images .c-img_comment {
  line-height: 1.5
}

.c-img_comment {
  font-size: 14px;
  font-size: 1rem
}

.c-fleft {
  float: left;
  padding: 0 10px 10px 0
}

.c-fright {
  float: right;
  padding: 0 0 10px 10px
}

.c-hr {
  margin: 10px 0;
  border: 0 none;
  border-top: 1px solid #999
}

.c-menu .c-sp-closer {
  display: none
}

@media only screen and (max-width: 768px) {
  .c-menu .c-sp-closer {
    display: block
  }
}

.c-page_title {
  font-weight: 700;
  font-size: 32px;
  font-size: 30.8px;
  font-size: 2.2rem;
  line-height: 1.8
}

.c-title {
  font-weight: 700;
  font-size: 26px;
  font-size: 26.599px;
  font-size: 1.9rem;
  line-height: 1.6
}

.c-large_headline {
  font-weight: 700;
  font-size: 22px;
  font-size: 22.4px;
  font-size: 1.6rem;
  line-height: 1.6
}

.c-small_headline {
  font-weight: 700;
  font-size: 18px;
  font-size: 18.2px;
  font-size: 1.3rem
}

.c-lead {
  font-size: 15px;
  font-size: 15.4px;
  font-size: 1.1rem
}

.c-blockquote:before,
.c-blockquote:after {
  content: '"';
  color: inherit
}

.c-blockquote:before {
  margin-right: 5px
}

.c-blockquote:after {
  margin-left: 5px
}

.c-enclosure {
  border: 1px solid #555;
  padding: 1em
}

.c-note {
  font-size: 10px;
  font-size: 9.799px;
  font-size: .7rem
}

.c-credit {
  font-size: 10px;
  font-size: 9.799px;
  font-size: .7rem
}

.c-html:before,
.c-html:after {
  display: table;
  line-height: 0;
  content: ""
}

.c-html:after {
  clear: both
}

.c-list-no_mark ul,
.c-list-no_mark ol,
.c-list-sign ul,
.c-list-sign ol,
.c-list-numbers ul,
.c-list-numbers ol,
.c-list-alphabet ul,
.c-list-alphabet ol,
.c-list-alphabet_small ul,
.c-list-alphabet_small ol,
.c-list-greece ul,
.c-list-greece ol,
.c-list-greece_small ul,
.c-list-greece_small ol {
  margin-left: 15px
}

.c-list-no_mark {
  list-style: none
}

.c-list-no_mark ul,
.c-list-no_mark ol,
.c-list-no_mark>li {
  list-style: none
}

.c-list-sign {
  list-style-type: disc;
  margin-left: 1.5em
}

.c-list-sign ul,
.c-list-sign ol,
.c-list-sign>li {
  list-style: disc
}

.c-list-numbers {
  list-style-type: decimal
}

.c-list-numbers ul,
.c-list-numbers ol,
.c-list-numbers>li {
  list-style: decimal
}

.c-list-alphabet {
  list-style-type: upper-latin
}

.c-list-alphabet ul,
.c-list-alphabet ol,
.c-list-alphabet>li {
  list-style: upper-latin
}

.c-list-alphabet_small {
  list-style-type: lower-latin
}

.c-list-alphabet_small ul,
.c-list-alphabet_small ol,
.c-list-alphabet_small>li {
  list-style: lower-latin
}

.c-list-greece {
  list-style-type: upper-roman
}

.c-list-greece ul,
.c-list-greece ol,
.c-list-greece>li {
  list-style: upper-roman
}

.c-list-greece_small {
  list-style-type: lower-roman
}

.c-list-greece_small ul,
.c-list-greece_small ol,
.c-list-greece_small>li {
  list-style: lower-roman
}

.c-list-numbers,
.c-list-alphabet,
.c-list-alphabet_small,
.c-list-greece,
.c-list-greece_small {
  margin-left: 1.5em
}

.c-list-no_mark ul,
.c-list-numbers ol,
.c-list-alphabet ol,
.c-list-alphabet_small ol,
.c-list-greece ol,
.c-list-greece_small ol {
  margin-left: 1.5em
}

.c-list_indent {
  margin-bottom: 15px
}

.c-list_indent th,
.c-list_indent td {
  width: 100%;
  display: block
}

.c-list_indent th {
  border-bottom: 1px solid #999
}

.c-list_indent td {
  padding-left: 15px;
  padding-bottom: 15px
}

:root .c-list_indent th,
:root .c-list_indent td {
  float: left
}

.c-list_table {
  border: 1px solid #999;
  margin-bottom: 15px
}

.c-list_table th,
.c-list_table td {
  padding: 7px 10px;
  border-top: 1px solid #999
}

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

  .c-list_table th,
  .c-list_table td {
    display: block;
    width: 100%
  }
}

.c-list_table th {
  border-right: 1px solid #999
}

@media only screen and (max-width: 640px) {
  .c-list_table th {
    border-right: 0 none;
    border-bottom: 1px solid #999
  }
}

.c-list_table tr:first-child th,
.c-list_table tr:first-child td {
  border-top: 0 none
}

.c-list_table>td,
.c-list_table>tbody>td {
  width: 82%
}

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

  .c-list_table>td,
  .c-list_table>tbody>td {
    border-top: 0 none;
    width: 100%
  }
}

.c-list_news,
.c-list_indent,
.c-list_table {
  width: 100%
}

.c-list_news .c-affix,
.c-list_indent .c-affix,
.c-list_table .c-affix {
  padding-left: 10px;
  font-size: 90%
}

.c-site_logo a {
  border-bottom: 0 none
}

.c-large_headline {
  font-size: 28px;
  color: #282a32
}

.a-footer .c-menu.-menu_a {
  margin: 0px;
  padding: 0px
}

.a-footer .c-menu.-menu_a li {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left: solid 1px #fff
}

.a-footer .c-menu.-menu_a li a {
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding-top: 0px;
  padding-right: 12px;
  padding-bottom: 0px;
  padding-left: 12px
}

.a-footer .c-credit {
  color: #fff;
  font-size: 12px;
  line-height: 1
}

.a-main .b-headlines .c-body {
  font-size: 14px;
  text-align: left
}

.a-main .b-headlines .column {
  background-color: #fff;
  border-radius: 10px;
  text-align: center
}

.c-title {
  font-size: 35px;
  color: #282a32
}

.c-lead {
  font-size: 24px;
  color: #282a32
}

.a-main .b-headlines .column .c-lead {
  font-size: 22px;
  display: inline-block;
  line-height: 36px;
  border: solid 4px #375d95;
  border-radius: 30px;
  position: absolute;
  z-index: 2;
  background-color: #fff;
  transform: translateX(-50%);
  left: 50%;
  top: -60px;
  padding-right: 30px;
  padding-left: 30px
}

.a-main .b-headlines .column .c-title {
  background-color: #386097;
  border: solid 4px #386097;
  font-size: 35px;
  border-radius: 10px;
  display: inline-block;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 22px;
  padding-bottom: 4px;
  z-index: 1;
  position: absolute;
  color: #fff;
  transform: translateX(-50%);
  left: 50%;
  top: -36px;
  width: 600px
}

.a-main .b-headlines .c-large_headline {
  padding-bottom: 30px;
  font-size: 24px;
  font-family: "Yu Gothic Medium", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", "MS P Gothic", sans-serif;
  font-weight: bold
}

.c-list_indent {
  width: auto;
  margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 15px
}

.c-list_indent td {
  font-size: 14px;
  width: auto;
  text-align: left;
  padding-left: 10px;
  padding-bottom: 5px
}

.c-list_indent .c-affix {
  font-size: 12px;
  padding: 0px;
  margin: 0px
}

.c-enclosure {
  background-color: rgba(255, 255, 255, .7);
  border: solid 2px #aeaeae;
  border-radius: 10px;
  color: #282a32;
  font-size: 16px;
  padding: 30px
}

@media only screen and (max-width: 641px) {
  .a-footer .c-credit {
    font-size: 11px;
    text-align: center
  }

  .c-title {
    font-size: 24px
  }

  .c-lead {
    font-size: 18px
  }

  .a-main .b-headlines .column .c-lead {
    font-size: 18px;
    line-height: 28px;
    padding-right: 18px;
    padding-left: 18px
  }

  .a-main .b-headlines .column .c-title {
    font-size: 24px;
    width: 300px;
    padding-bottom: 10px;
    padding-top: 24px
  }

  .c-list_indent th {
    font-size: 13px;
    line-height: 28px;
    width: 68px
  }

  .c-list_indent td {
    font-size: 15px;
    padding-bottom: 5px;
    padding-left: 10px
  }

  .c-enclosure {
    font-size: 14px;
    padding: 15px
  }
}

@media print,
screen and (max-width: 768px) {
  .a-footer .c-menu.-menu_a li a {
    padding-top: 0px;
    padding-right: 8px;
    padding-bottom: 0px;
    padding-left: 8px
  }

  .a-footer .c-menu.-menu_a li {
    display: inline-block;
    width: auto;
    margin-bottom: 10px
  }

  .a-footer .c-menu.-menu_a {
    text-align: center
  }
}

.cssskin-__test {
  margin-top: -20px
}

.a-billboard {
  min-width: 1040px !important
}

@media only screen and (max-width: 641px) {
  .a-billboard {
    min-width: auto !important
  }
}

.a-footer {
  min-width: 1040px !important
}

@media only screen and (max-width: 641px) {
  .a-footer {
    min-width: auto !important
  }
}

.a-main {
  min-width: 1040px !important
}

@media only screen and (max-width: 641px) {
  .a-main {
    min-width: auto !important
  }
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_3point img {
    border: 2px solid #99afc8
  }
}

.cssskin-jobnet_case img {
  border-radius: 10px 10px 0 0 !important
}

.cssskin-jobnet_conversion .g-column {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 375px;
}

.cssskin-jobnet_conversion .column.-column1 {
  width: 70%;
  margin: 0 auto 0 0
}

.cssskin-jobnet_conversion .c-lead {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6
}

.cssskin-jobnet_conversion .c-lead .c-img {
  width: 141px;
  padding: 0 30px 0 0
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_conversion .g-column {
    height: auto
  }

  .cssskin-jobnet_conversion .c-lead {
    display: block;
    font-size: 24px
  }

  .cssskin-jobnet_conversion .c-lead {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 24px;
    line-height: 1.6
  }
}

@media only screen and (max-width: 641px)and (max-width: 641px) {
  .cssskin-jobnet_conversion .c-lead {
    font-size: 20px;
    line-height: 28px
  }
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_conversion .c-lead .c-img {
    display: block;
    text-align: center;
    width: 100%;
    padding: 0 0 20px 0
  }
}

@media only screen and (max-width: 641px)and (max-width: 641px) {
  .cssskin-jobnet_conversion .c-lead .c-img {
    padding: 0 0 12px 0
  }
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_conversion .c-lead .c-img img {
    width: 86px;
    padding: 0 0 0 20px
  }
}

.cssskin-jobnet_firstplace .column.-column1 {
  width: 100% !important;
  padding: 90px 80px 60px 80px
}

.cssskin-jobnet_firstplace .c-title {
  font-size: 28px !important;
  background-color: #4a7aae !important;
  border: 4px solid #4a7aae !important;
  position: relative
}

.cssskin-jobnet_firstplace .c-title::before {
  content: "";
  width: 34px;
  height: 54px;
  background-image: url("../_userdata/images/bg_h2firstplace01.png");
  background-size: 34px 54px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  bottom: 8px;
  left: 20px
}

.cssskin-jobnet_firstplace .c-title::after {
  content: "";
  width: 34px;
  height: 54px;
  background-image: url("../_userdata/images/bg_h2firstplace02.png");
  background-size: 34px 54px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  bottom: 8px;
  right: 20px
}

.cssskin-jobnet_firstplace .c-body {
  font-size: 16px !important;
  padding: 40px 0 0 0 !important
}

.cssskin-jobnet_firstplace .c-lead {
  width: 386px;
  border: 4px solid #7797c1 !important
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_firstplace .column.-column1 {
    width: 100% !important;
    padding: 70px 15px 20px 15px
  }

  .cssskin-jobnet_firstplace .c-title {
    font-size: 20px !important;
    width: 300px !important;
    padding: 24px 12px 10px 12px !important
  }

  .cssskin-jobnet_firstplace .c-title::before {
    width: 20px;
    height: 32px;
    background-image: url("../_userdata/images/bg_h2firstplace01.png");
    background-size: 20px 32px;
    bottom: 16px;
    left: 5px
  }

  .cssskin-jobnet_firstplace .c-title::after {
    width: 20px;
    height: 32px;
    background-image: url("../_userdata/images/bg_h2firstplace02.png");
    background-size: 20px 32px;
    background-repeat: no-repeat;
    bottom: 16px;
    right: 5px
  }

  .cssskin-jobnet_firstplace .c-lead {
    width: 260px !important;
    font-size: 14px !important;
    border: 4px solid #7797c1 !important;
    padding: 0 10px !important;
    top: -52px
  }

  .cssskin-jobnet_firstplace .c-body {
    font-size: 14px !important;
    padding: 10px 0 0 0 !important;
    line-height: 1.6
  }
}

.cssskin-jobnet_h2title01 {
  margin: -97px 0 0 0 !important
}

.cssskin-jobnet_joblist .column.-column1 {
  width: 100% !important;
  padding: 80px 20px 60px 20px !important;
  background-color: rgba(255, 255, 255, .6) !important
}

.cssskin-jobnet_joblist .c-title {
  border: 3px solid #386097 !important;
  background-color: #fff !important;
  color: #282a32 !important;
  letter-spacing: .1em;
  padding: 14px 0 0 0 !important;
  font-weight: normal !important
}

.cssskin-jobnet_joblist .c-lead {
  background-color: #6b88b1 !important;
  border: none !important;
  color: #fff !important;
  letter-spacing: .1em;
  font-weight: normal !important
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_joblist .column.-column1 {
    padding: 43px 0 15px 0 !important
  }

  .cssskin-jobnet_joblist .c-title {
    font-size: 18px !important;
    padding: 12px 0 2px 0 !important;
    top: -24px !important
  }

  .cssskin-jobnet_joblist .c-lead {
    font-size: 16px !important;
    width: 200px !important;
    top: -38px !important
  }
}

.cssskin-jobnet_mainblock .column:first-child {
  width: calc(100% - 440px);
  max-width: 770px
}

.cssskin-jobnet_mainblock .column:first-child+* {
  width: 440px
}

.cssskin-jobnet_mainblock .c-page_title {
  width: 100%;
  height: 540px;
  padding: 330px 40px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  line-height: 1
}

.cssskin-jobnet_mainblock .c-lead {
  width: 150px;
  height: 60px;
  position: absolute;
  top: 10px;
  left: -20px
}

.cssskin-jobnet_mainblock .c-body {
  width: 360px;
  height: 123px;
  position: absolute;
  top: 200px;
  right: 40px
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_mainblock .column:first-child {
    width: 100%;
    padding: 0 0 30px 0
  }

  .cssskin-jobnet_mainblock .column:first-child+* {
    width: 100%;
    padding: 0 10px 30px 10px
  }

  .cssskin-jobnet_mainblock .c-page_title {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 230px 0 0 0;
    display: block
  }

  .cssskin-jobnet_mainblock .c-page_title .c-img {
    display: block;
    height: auto;
    margin: 0;
    padding: 20px 10px;
    background-color: rgba(255, 255, 255, .8)
  }

  .cssskin-jobnet_mainblock .c-lead {
    width: 120px;
    height: 48px;
    position: absolute;
    top: 0;
    left: 10px
  }

  .cssskin-jobnet_mainblock .c-body {
    width: 240px;
    height: 82px;
    position: absolute;
    top: 170px;
    right: 0
  }
}

.cssskin-jobnet_mainblock2 .column:first-child {
  width: 840px
}

.cssskin-jobnet_mainblock2 .column:first-child+* {
  width: 440px
}

.cssskin-jobnet_mainblock2 .c-page_title {
  width: 100%;
  height: 640px;
  padding: 415px 10px 0 0;
  display: flex;
  flex-direction: column;
  font-size: 10px
}

.cssskin-jobnet_mainblock2 .c-page_title img {
  display: block;
  margin-bottom: 4px
}

.cssskin-jobnet_mainblock2 .c-page_title .c-page_text {
  font-size: 36px;
  line-height: 1.2
}

.cssskin-jobnet_mainblock2 .c-page_title .c-page_text>.catch {
  font-size: 30px
}

.cssskin-jobnet_mainblock2 .c-page_title .c-page_text>.small {
  font-size: 21px
}

.cssskin-jobnet_mainblock2 .c-page_title .c-page_text>.sp-show-br {
  display: none
}

.cssskin-jobnet_mainblock2 .c-lead {
  width: 150px;
  height: 60px;
  position: absolute;
  top: 10px;
  left: -20px
}

.cssskin-jobnet_mainblock2 .c-body {
  width: 410px;
  height: 123px;
  position: absolute;
  top: 98px;
  right: 40px
}

.cssskin-jobnet_mainblock2 .c-body .c-badge {
  display: block;
  margin: 16px auto 0;
  height: auto;
  max-width: 180px
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_mainblock2 .column:first-child {
    width: 100%;
    padding: 0
  }

  .cssskin-jobnet_mainblock2 .column:first-child+* {
    width: 100%;
    padding: 0 10px 30px 10px
  }

  .cssskin-jobnet_mainblock2 .c-page_title {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 230px 0 0 0;
    align-items: center
  }

  .cssskin-jobnet_mainblock2 .c-page_title .c-img {
    display: flex;
    justify-content: center;
    height: auto;
    margin: 0;
    padding: 5px 10px;
    background-color: rgba(255, 255, 255, .8);
    width: 100%
  }

  .cssskin-jobnet_mainblock2 .c-page_title .c-img img {
    height: auto;
    max-width: 280px
  }

  .cssskin-jobnet_mainblock2 .c-lead {
    width: 120px;
    height: 48px;
    position: absolute;
    top: 0;
    left: 10px
  }

  .cssskin-jobnet_mainblock2 .c-body {
    width: 200px;
    height: 82px;
    position: absolute;
    top: 62px;
    right: 10px
  }

  .cssskin-jobnet_mainblock2 .c-body .c-badge {
    max-width: 100px
  }
}

.cssskin-jobnet_point01 .column.-column1 {
  width: 100% !important
}

.cssskin-jobnet_point01 .c-lead {
  border: none !important;
  background: rgba(0, 0, 0, 0) !important;
  border-radius: 0px !important;
  top: -49px !important;
  padding: 0px !important
}

.cssskin-jobnet_point01 .c-large_headline {
  font-size: 28px !important
}

.cssskin-jobnet_point01 .c-list-no_mark {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0
}

.cssskin-jobnet_point01 .c-list-no_mark li {
  padding: 0 5px 10px 5px
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_point01 .column.-column1 {
    padding: 40px 20px 20px 20px !important
  }

  .cssskin-jobnet_point01 .c-lead {
    width: 102px;
    top: -42px !important
  }

  .cssskin-jobnet_point01 .c-large_headline {
    font-size: 18px !important
  }

  .cssskin-jobnet_point01 .c-list-no_mark {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0
  }

  .cssskin-jobnet_point01 .c-list-no_mark li {
    padding: 0 5px 10px 5px;
    width: 104px
  }
}

.cssskin-jobnet_step .g-column {
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

.cssskin-jobnet_step .column {
  position: relative;
  border-radius: 6px !important
}

.cssskin-jobnet_step .c-large_headline {
  color: #fff;
  font-size: 18px !important;
  background-color: #728db4 !important;
  line-height: 40px !important;
  border-radius: 6px 6px 0 0 !important;
  text-align: left !important;
  padding: 0 10px 0 80px !important;
  position: relative
}

.cssskin-jobnet_step .c-large_headline .c-img {
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50% !important;
  left: 10px;
  transform: translateY(-50%) !important
}

.cssskin-jobnet_step .c-none .c-img img {
  border-radius: 0 0 6px 6px !important
}

.cssskin-jobnet_step .c-lead {
  border: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  position: absolute !important;
  top: 50% !important;
  left: -30px !important;
  transform: translateY(-50%) !important
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_step .column {
    margin: 0 0 50px 0 !important;
    border-radius: 6px !important
  }

  .cssskin-jobnet_step .column:last-child {
    margin: 0 !important
  }

  .cssskin-jobnet_step .c-large_headline {
    line-height: 46px !important;
    border-radius: 6px !important;
    text-align: left !important;
    padding: 0 10px 0 82px !important;
    position: relative
  }

  .cssskin-jobnet_step .c-large_headline .c-img {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50% !important;
    left: 5px;
    transform: translateY(-50%) !important
  }

  .cssskin-jobnet_step .c-none .c-img img {
    border-radius: 0 0 6px 6px !important
  }

  .cssskin-jobnet_step .c-none .c-img {
    position: absolute;
    top: 0;
    right: 0
  }

  .cssskin-jobnet_step .c-none .c-img img {
    height: 46px;
    width: 100px;
    border: 4px solid #728db4;
    border-radius: 6px !important
  }

  .cssskin-jobnet_step .c-lead {
    border: none !important;
    background-color: rgba(0, 0, 0, 0) !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    position: absolute !important;
    top: -40px !important;
    left: 50% !important;
    transform: translate(-50%, 0) rotate(90deg) !important
  }
}

.cssskin-jobnet_step_ttitle {
  height: 200px
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_step_ttitle {
    height: auto
  }
}

.cssskin-jobnet_voice {
  position: relative;
  background-position: top !important
}

.cssskin-jobnet_voice .c-lead {
  background-color: #fff;
  display: inline-block;
  width: 140px;
  height: 140px;
  padding: 38px;
  border-radius: 80px;
  position: absolute;
  top: -70px;
  left: 50%;
  transform: translateX(-50%)
}

.cssskin-jobnet_voice .c-enclosure {
  position: relative;
  padding: 30px 30px 30px 80px;
  margin: 0 0 30px 60px
}

.cssskin-jobnet_voice .c-enclosure .c-img {
  position: absolute;
  top: 50%;
  left: -50px;
  transform: translateY(-50%)
}

.cssskin-jobnet_voice .c-title {
  padding-bottom: 40px !important
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_voice .c-title {
    padding-bottom: 20px !important
  }

  .cssskin-jobnet_voice .c-lead {
    width: 80px;
    height: 80px;
    padding: 16px;
    position: absolute;
    top: -40px
  }

  .cssskin-jobnet_voice .c-lead img {
    width: 48px;
    height: 48px
  }

  .cssskin-jobnet_voice .c-enclosure {
    position: relative;
    padding: 10px 10px 10px 64px;
    margin: 0 0 10px 0;
    line-height: 1.4 !important
  }

  .cssskin-jobnet_voice .c-enclosure .c-img {
    position: absolute;
    top: 8px;
    left: 8px;
    transform: translateY(0);
    width: 48px;
    height: 48px
  }

  .cssskin-jobnet_voice {
    background-position: top right !important
  }
}

.cssskin-jobnet_youtube .column.-column1 {
  width: 100% !important;
  padding: 70px 80px !important
}

.cssskin-jobnet_youtube .c-title {
  font-size: 30px !important;
  border: none !important
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_youtube .column.-column1 {
    padding: 43px 15px 15px 15px !important
  }

  .cssskin-jobnet_youtube .c-title {
    font-size: 18px !important;
    padding: 20px 0 10px 0 !important;
    top: -30px !important
  }

  .cssskin-jobnet_youtube .c-lead {
    font-size: 16px !important;
    width: 240px !important;
    top: -46px !important
  }
}

.cssskin-jpbnet_point .column {
  padding: 60px 0 0 0 !important
}

.cssskin-jpbnet_point .c-lead {
  border: none !important;
  background: rgba(0, 0, 0, 0) !important;
  border-radius: 0px !important;
  top: -49px !important;
  padding: 0px !important
}

.cssskin-jpbnet_point .c-large_headline {
  padding: 0 20px 30px 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 106px
}

.cssskin-jpbnet_point .c-none .c-img img {
  padding: 0 20px 20px 20px !important
}

.cssskin-jpbnet_point .c-body {
  padding: 0 30px 30px 30px !important
}

@media only screen and (max-width: 641px) {
  .cssskin-jpbnet_point .column {
    padding: 40px 20px 20px 20px !important;
    margin-top: 60px !important
  }

  .cssskin-jpbnet_point .c-lead {
    width: 102px;
    top: -42px !important
  }

  .cssskin-jpbnet_point .c-large_headline {
    padding: 0 0 20px 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: auto
  }

  .cssskin-jpbnet_point .c-none .c-img img {
    padding: 0 20px 20px 20px !important
  }

  .cssskin-jpbnet_point .c-body {
    padding: 0 !important;
    line-height: 1.4
  }
}

@media only screen and (max-width: 1180px) {
  .cssskin-jobnet_mainblock2 .c-page_title .c-page_text {
    font-size: 30px;
    line-height: 1.1;
    margin-top: 2px
  }

  .cssskin-jobnet_mainblock2 .c-page_title .c-page_text>.catch {
    font-size: 22px
  }

  .cssskin-jobnet_mainblock2 .c-page_title .c-page_text>.small {
    font-size: 16px
  }
}

@media only screen and (max-width: 1050px) {
  .cssskin-jobnet_mainblock2 .c-page_title img {
    margin-bottom: 0
  }

  .cssskin-jobnet_mainblock2 .c-page_title .c-page_text>.sp-show-br {
    display: block
  }
}

a.bt_conversion01 {
  display: inline-block !important;
  background: #e77c22 !important;
  color: #fff !important;
  border: 2px solid #e77c22 !important;
  border-radius: 50px !important;
  min-width: 620px !important;
  max-width: 100% !important;
  font-size: 28px !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  font-weight: bold;
  cursor: pointer !important;
  padding: 24px 60px 24px 100px !important;
  margin: 30px 0 0 0 !important;
  transition: all .2s !important;
  position: relative !important
}

a.bt_conversion01::before {
  display: block !important;
  content: "" !important;
  width: 44px !important;
  height: 38px !important;
  background-image: url("../images/icon_btn_conversion01.png") !important;
  background-size: 44px 38px !important;
  position: absolute !important;
  top: 50% !important;
  left: 60px !important;
  transform: translateY(-50%) !important
}

a.bt_conversion01::after {
  display: block !important;
  content: "" !important;
  width: 28px !important;
  height: 28px !important;
  background-image: url("../images/icon_arrow01.png") !important;
  background-size: 28px 28px !important;
  background-repeat: no-repeat !important;
  position: absolute !important;
  top: 50% !important;
  right: 22px !important;
  transform: translateY(-50%) !important
}

a.bt_conversion01:visited {
  background: #e77c22 !important;
  color: #fff !important;
  border: 2px solid #e77c22 !important;
  text-decoration: none !important
}

a.bt_conversion01:active {
  background: #e77c22 !important;
  color: #fff !important;
  border: 2px solid #e77c22 !important;
  text-decoration: none !important
}

a.bt_conversion01:hover {
  background: #e77c22 !important;
  color: #fff !important;
  border: 2px solid #e77c22 !important;
  text-decoration: none !important;
  opacity: .8 !important
}

@media only screen and (max-width: 641px) {
  a.bt_conversion01 {
    min-width: 100% !important;
    max-width: 100% !important;
    font-size: 17px !important;
    padding: 20px 30px 20px 40px !important;
    margin: 18px 0 0 0 !important
  }

  a.bt_conversion01::before {
    display: block !important;
    content: "" !important;
    width: 28px !important;
    height: 24px !important;
    background-image: url("../images/icon_btn_conversion01.png") !important;
    background-size: 28px 24px !important;
    position: absolute !important;
    top: 50% !important;
    left: 20px !important;
    transform: translateY(-50%) !important
  }

  a.bt_conversion01::after {
    display: block !important;
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    background-image: url("../images/icon_arrow01.png") !important;
    background-size: 22px 22px !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    top: 50% !important;
    right: 16px !important;
    transform: translateY(-50%) !important
  }
}

a.bt_conversion02 {
  display: inline-block !important;
  background: #e77c22 !important;
  color: #fff !important;
  border: 2px solid #e77c22 !important;
  border-radius: 50px !important;
  min-width: 400px !important;
  max-width: 100% !important;
  font-size: 18px !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  font-weight: bold;
  cursor: pointer !important;
  padding: 16px 60px 16px 100px !important;
  margin: 50px 0 0 0 !important;
  transition: all .2s !important;
  position: relative !important
}

a.bt_conversion02::before {
  display: block !important;
  content: "" !important;
  width: 32px !important;
  height: 28px !important;
  background-image: url("../images/icon_btn_conversion02.png") !important;
  background-size: 32px 28px !important;
  position: absolute !important;
  top: 50% !important;
  left: 50px !important;
  transform: translateY(-50%) !important
}

a.bt_conversion02::after {
  display: block !important;
  content: "" !important;
  width: 24px !important;
  height: 24px !important;
  background-image: url("../images/icon_arrow02.png") !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  position: absolute !important;
  top: 50% !important;
  right: 18px !important;
  transform: translateY(-50%) !important
}

a.bt_conversion02:visited {
  background: #e77c22 !important;
  color: #fff !important;
  border: 2px solid #e77c22 !important;
  text-decoration: none !important
}

a.bt_conversion02:active {
  background: #e77c22 !important;
  color: #fff !important;
  border: 2px solid #e77c22 !important;
  text-decoration: none !important
}

a.bt_conversion02:hover {
  background: #e77c22 !important;
  color: #fff !important;
  border: 2px solid #e77c22 !important;
  text-decoration: none !important;
  opacity: .8 !important
}

@media only screen and (max-width: 641px) {
  a.bt_conversion02 {
    min-width: 100% !important;
    max-width: 100% !important;
    font-size: 17px !important;
    padding: 20px 30px 20px 40px !important;
    margin: 40px 0 0 0 !important
  }

  a.bt_conversion02::before {
    display: block !important;
    content: "" !important;
    width: 28px !important;
    height: 24px !important;
    background-image: url("../images/icon_btn_conversion01.png") !important;
    background-size: 28px 24px !important;
    position: absolute !important;
    top: 50% !important;
    left: 20px !important;
    transform: translateY(-50%) !important
  }

  a.bt_conversion02::after {
    display: block !important;
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    background-image: url("../images/icon_arrow01.png") !important;
    background-size: 22px 22px !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    top: 50% !important;
    right: 16px !important;
    transform: translateY(-50%) !important
  }
}

a.btn-attention {
  display: inline-block !important;
  background: rgba(0, 0, 0, 0) !important;
  color: #a32f24 !important;
  border: 2px solid #a32f24 !important;
  border-radius: 6px !important;
  min-width: 4em !important;
  max-width: 100% !important;
  font-size: 100% !important;
  font-weight: bold;
  line-height: 1.8 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  padding: 1em !important;
  transition: all .2s !important
}

a.btn-attention:visited {
  background: rgba(0, 0, 0, 0) !important;
  color: #a32f24 !important;
  border: 2px solid #a32f24 !important;
  text-decoration: none !important
}

a.btn-attention:active {
  background: #c0392b !important;
  color: #fff !important;
  border: 2px solid #c0392b !important;
  text-decoration: none !important
}

a.btn-attention:hover {
  background: #c0392b !important;
  color: #fff !important;
  border: 2px solid #c0392b !important;
  text-decoration: none !important;
  opacity: 1 !important
}

a.btn-default {
  display: inline-block !important;
  background: rgba(0, 0, 0, 0) !important;
  color: #666 !important;
  border: 2px solid #666 !important;
  border-radius: 6px !important;
  min-width: 4em !important;
  max-width: 100% !important;
  font-size: 100% !important;
  font-weight: bold;
  line-height: 1.8 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  padding: 1em !important;
  transition: all .2s !important
}

a.btn-default:visited {
  background: rgba(0, 0, 0, 0) !important;
  color: #666 !important;
  border: 2px solid #666 !important;
  text-decoration: none !important
}

a.btn-default:active {
  background: #666 !important;
  color: #fff !important;
  border: 2px solid #666 !important;
  text-decoration: none !important
}

a.btn-default:hover {
  background: #666 !important;
  color: #fff !important;
  border: 2px solid #666 !important;
  text-decoration: none !important;
  opacity: 1 !important
}

a.btn-primary {
  display: inline-block !important;
  background: rgba(0, 0, 0, 0) !important;
  color: #2980b9 !important;
  border: 2px solid #2980b9 !important;
  border-radius: 6px !important;
  min-width: 4em !important;
  max-width: 100% !important;
  font-size: 100% !important;
  font-weight: bold;
  line-height: 1.8 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  padding: 1em !important;
  transition: all .2s !important
}

a.btn-primary:visited {
  background: rgba(0, 0, 0, 0) !important;
  color: #2980b9 !important;
  border: 2px solid #2980b9 !important;
  text-decoration: none !important
}

a.btn-primary:active {
  background: #3498db !important;
  color: #fff !important;
  border: 2px solid #3498db !important;
  text-decoration: none !important
}

a.btn-primary:hover {
  background: #3498db !important;
  color: #fff !important;
  border: 2px solid #3498db !important;
  text-decoration: none !important;
  opacity: 1 !important
}

.main-icon-container {
  justify-content: center;
  margin: auto
}

.main-icon-container.pc-show {
  display: flex
}

@media only screen and (max-width: 641px) {
  .main-icon-container.pc-show {
    display: none
  }
}

.main-icon-container.sp-show {
  display: none
}

@media only screen and (max-width: 641px) {
  .main-icon-container.sp-show {
    display: flex;
    padding: 16px 0 24px
  }
}

.main-catch {
  display: block;
  padding-top: 0
}

@media only screen and (min-width: 640px) {
  .main-catch {
    padding-top: 20px
  }
}

@media only screen and (min-width: 1130px) {
  .main-catch {
    padding-top: 10px
  }
}

@media only screen and (min-width: 1250px) {
  .main-catch {
    padding-top: 0
  }
}

.main-catch>span {
  display: block;
  line-height: 1.4
}

.main-catch .sp-small {
  color: #555;
  font-size: 12px
}

@media only screen and (min-width: 1130px) {
  .main-catch .sp-small {
    font-size: 18px
  }
}

@media only screen and (min-width: 1250px) {
  .main-catch .sp-small {
    font-size: 21px
  }
}

.main-catch .first {
  color: #bb3543;
  display: block;
  font-size: 24px;
  line-height: 1.2;
  margin-top: 6px
}

@media only screen and (min-width: 640px) {
  .main-catch .first {
    display: inline;
    line-height: 1.4;
    margin-top: 0
  }
}

@media only screen and (min-width: 1130px) {
  .main-catch .first {
    font-size: 30px
  }
}

@media only screen and (min-width: 1250px) {
  .main-catch .first {
    font-size: 36px
  }
}

.main-catch .second {
  color: #3b659e;
  font-size: 16px
}

@media only screen and (min-width: 1130px) {
  .main-catch .second {
    font-size: 18px
  }
}

@media only screen and (min-width: 1250px) {
  .main-catch .second {
    font-size: 21px
  }
}

.main-catch .third {
  color: #555;
  font-size: 16px
}

@media only screen and (min-width: 1130px) {
  .main-catch .third {
    font-size: 18px
  }
}

@media only screen and (min-width: 1250px) {
  .main-catch .third {
    font-size: 21px
  }
}

.main-catch .fourth {
  color: #bb3548;
  font-size: 16px
}

@media only screen and (min-width: 640px) {
  .main-catch .fourth {
    font-size: 24px
  }
}

@media only screen and (min-width: 1130px) {
  .main-catch .fourth {
    font-size: 30px
  }
}

@media only screen and (min-width: 1250px) {
  .main-catch .fourth {
    font-size: 36px
  }
}

.main-catch .fifth {
  color: #555;
  font-size: 16px
}

@media only screen and (min-width: 1130px) {
  .main-catch .fifth {
    font-size: 18px
  }
}

@media only screen and (min-width: 1250px) {
  .main-catch .fifth {
    font-size: 21px
  }
}

.main-catch .sixth {
  display: block;
  font-size: 20px;
  line-height: 1.2
}

@media only screen and (min-width: 640px) {
  .main-catch .sixth {
    display: inline;
    font-size: 18px;
    line-height: 1.4
  }
}

@media only screen and (min-width: 1250px) {
  .main-catch .sixth {
    font-size: 21px
  }
}

.main-icon {
  border: 4px solid #99afc8;
  border-radius: 50%;
  display: block;
  height: auto;
  max-width: 228px;
  margin: auto 25px
}

@media only screen and (max-width: 641px) {
  .main-icon {
    border: 2px solid #99afc8;
    max-width: 110px;
    margin: auto 5px
  }
}

.job-catch {
  display: flex;
  margin: 0 auto 20px;
  max-width: 641px
}

@media only screen and (max-width: 641px) {
  .job-catch {
    margin-bottom: 10px
  }
}

.job-catch img {
  display: block;
  height: auto;
  margin: auto;
  width: 100%
}

.bg-voice-sp {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding: 0 !important;
  max-width: 100% !important;
  background-size: cover;
  background-position: top right;
  display: none
}

@media only screen and (max-width: 641px) {
  .bg-voice-sp {
    display: block
  }
}

.bg-conv-pc {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding: 0 !important;
  max-width: 100% !important;
  background-repeat: no-repeat;
  background-position: right top;
  display: block
}

@media only screen and (max-width: 641px) {
  .bg-conv-pc {
    display: none
  }
}

.bg-conv-sp {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding: 0 !important;
  max-width: 100% !important;
  background-position: center bottom;
  background-repeat: no-repeat;
  display: none
}

@media only screen and (max-width: 641px) {
  .bg-conv-sp {
    display: block
  }
}

.voice-container {
  position: relative;
  z-index: 2
}

.conv-container {
  position: relative;
  z-index: 2;
}

img.full-width {
  width: 100%
}

img.pc-full-width {
  width: 100%
}

@media only screen and (max-width: 641px) {
  img.pc-full-width {
    width: auto
  }
}

.feature-card {
  min-height: 462px
}

@media only screen and (max-width: 641px) {
  .feature-card {
    min-height: auto
  }
}

.menu-parts>li:first-of-type {
  border-left: 0 !important
}

#a-header,
#a-ghost_header,
#a-billboard,
#a-site_contents,
#a-footer {
  max-width: 100%
}

#a-billboard {
  background-color: #f9f1eb;
  background-image: url("/staticContent/pc/assets/general3/lp_mv_back_02.png");
  background-repeat: no-repeat;
  background-position: center top
}

.a-main-bg {
  background-color: #f9f3ec;
  background-image: url("/staticContent/pc/assets/general3/bg_main01.png");
  background-repeat: repeat
}

@media only screen and (max-width: 641px) {
  #a-header {
    padding: 0
  }

  #a-ghost_header {
    padding: 0
  }

  #a-billboard {
    padding: 0;
    background-image: url("/staticContent/pc/assets/general3/lp_ow_4_sp.jpg");
    background-repeat: no-repeat;
    background-position: 25% -25%
  }

  #a-main {
    padding: 0
  }

  #a-side-a {
    padding: 0
  }

  #a-side-b {
    padding: 0
  }

  #a-footer {
    padding: 0
  }
}

#bk18089933 {
  background-image: url("/staticContent/pc/assets/general3/bg_h2_01.png");
  background-repeat: no-repeat;
  background-position: center top;
  max-width: 1400px;
  margin: auto
}

#bk18089933>div {
  padding-left: 126px;
  padding-top: 57px;
  padding-right: 126px;
  padding-bottom: 0
}

.g-wrapper {
  margin: 0 auto;
  max-width: 1340px
}

#bk18090152>div {
  padding-left: 25px;
  padding-top: 0;
  padding-bottom: 15px
}

#bk18089950 {
  background-color: #385f98
}

#bk18089950>div {
  padding-left: 30px;
  padding-top: 40px;
  padding-right: 30px;
  padding-bottom: 40px
}

.g-container {
  margin: 0 auto;
  max-width: 1040px
}

#bk18089934>div {
  padding-left: 40px;
  padding-top: 40px;
  padding-right: 40px;
  padding-bottom: 40px
}

#bk18089935>div {
  padding-left: 40px;
  padding-top: 80px;
  padding-right: 40px;
  padding-bottom: 70px
}

#bk18089932>div {
  padding-left: 40px;
  padding-top: 0;
  padding-right: 40px;
  padding-bottom: 40px
}

#bk18089937 {
  background-color: #6f93c0;
  background-image: url("../images/bg_conversion01.png");
  background-repeat: no-repeat;
  background-position: center center
}

#bk18089937>div {
  padding-left: 40px;
  padding-top: 40px;
  padding-right: 40px;
  padding-bottom: 70px
}

#bk18089938 {
  background: #fff;
  background-size: cover
}

#bk18089938>div {
  padding-left: 40px;
  padding-top: 85px;
  padding-right: 40px;
  padding-bottom: 100px
}

#bk18089939 {
  background-color: #fbfaf6
}

#bk18089939>div {
  padding-left: 40px;
  padding-top: 50px;
  padding-right: 40px;
  padding-bottom: 20px
}

#bk18089940 {
  background-color: #fbfaf6
}

#bk18089940>div {
  padding-left: 40px;
  padding-top: 0;
  padding-right: 40px;
  padding-bottom: 130px
}

.b-container {
  position: relative;
}

.bg-voice-pc {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding: 0 !important;
  max-width: 100% !important;
  background-position: center center;
  background-size: cover;
  display: block
}

@media only screen and (max-width: 641px) {
  .bg-voice-pc {
    display: none
  }
}

#bk18089942 {
  background-color: #6f93c0
}

#bk18089942>div {
  margin: 0 auto;
  max-width: 1150px;
}

#bk18089942>div {
  padding-left: 40px;
  padding-top: 0;
  padding-right: 40px;
  padding-bottom: 0
}

.add-bg-image {
  background-color: #f6f8fb;
  background-image: url("/staticContent/pc/assets/general3/bg_main02.png");
  background-repeat: repeat
}

#bk18089943>div {
  padding-left: 40px;
  padding-top: 80px;
  padding-right: 40px;
  padding-bottom: 0
}

#bk18089944>div {
  padding-left: 40px;
  padding-top: 0;
  padding-right: 40px;
  padding-bottom: 80px
}

#bk18089947 {
  background-color: #6f93c0;
  background-image: url("/staticContent/pc/assets/general3/bg_conversion01.png");
  background-repeat: no-repeat;
  background-position: center center
}

#bk18089947>div {
  padding-left: 40px;
  padding-top: 40px;
  padding-right: 40px;
  padding-bottom: 70px
}

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

  .b-container.b-plain>.column,
  .b-container.b-plain>.g-column,
  .b-container.b-both_diff>.column,
  .b-container.b-both_diff>.g-column,
  .b-container.b-headlines>.column,
  .b-container.b-headlines>.g-column,
  .b-container.b-album>.column,
  .b-container.b-album>.g-column,
  .b-container.b-tab>.column,
  .b-container.b-tab>.g-column,
  .b-container.b-accordion>.column,
  .b-container.b-accordion>.g-column {
    margin: 0 auto;
    max-width: 100%
  }

  #bk18089933>div {
    padding-left: 20px;
    padding-top: 30px;
    padding-right: 20px;
    padding-bottom: 15px
  }

  #bk18090152>div {
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0
  }

  #bk18090152>div>.column.-col8 {
    background-color: #f6f8fb;
    margin-top: 0
  }

  #bk18089950>div {
    padding-left: 10px;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 20px
  }

  #bk18089934>div {
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 0
  }

  #bk18089935>div {
    padding-left: 10px;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 40px
  }

  #bk18090153>div {
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0
  }

  #bk18089932>div {
    padding-left: 10px;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 120px
  }

  #bk18089937>div {
    padding-left: 15px;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 40px
  }

  #bk18089938 {
    margin-top: 30px
  }

  #bk18089938>div {
    padding-left: 10px;
    padding-top: 39px;
    padding-right: 10px;
    padding-bottom: 66px
  }

  #bk18089939>div {
    padding-left: 10px;
    padding-top: 30px;
    padding-right: 10px;
    padding-bottom: 0
  }
}

@media only screen and (max-width: 641px)and (max-width: 641px) {
  #bk18089939>div h2 {
    text-align: center
  }
}

@media only screen and (max-width: 641px) {
  #bk18089940>div {
    padding-left: 10px;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 50px
  }
}

@media only screen and (max-width: 641px) {
  #bk18089942 {
    background-repeat: no-repeat;
    background-position: center bottom
  }
}

@media only screen and (max-width: 641px) {
  #bk18089942>div {
    padding-left: 15px;
    padding-top: 40px;
    padding-right: 15px;
    padding-bottom: 79.37vw;
  }
}

@media only screen and (max-width: 641px)and (max-width: 641px) {
  #bk18089942>div {
    padding-top: 32px
  }
}

@media only screen and (max-width: 641px) {
  #bk18089943>div {
    padding-left: 10px;
    padding-top: 50px;
    padding-right: 10px;
    padding-bottom: 30px
  }
}

@media only screen and (max-width: 641px) {
  #bk18089944>div {
    padding-left: 10px;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 50px
  }
}

@media only screen and (max-width: 641px) {
  #bk18089947>div {
    padding-left: 15px;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 40px
  }
}

.pc_display {
  display: block
}

.sp_display {
  display: none
}

@media only screen and (max-width: 641px) {
  .pc_display {
    display: none
  }

  .sp_display {
    display: block
  }
}

.form-area {
  width: 100%;
  max-width: 440px;
  padding: 105px 0 0 0;
  margin: 0 auto
}

.form-box {
  background-color: #fafafa;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .2);
  position: relative;
  width: 100%;
  padding: 25% 0 0 0;
  margin: 0;
  border-radius: 6px
}

.form_step {
  padding: 20px 28px 30px 28px
}

h2.form-box__h2 {
  padding: 0;
  margin: 0;
  position: absolute;
  top: -36px;
  left: 0
}

.form-area input[type=text],
.form-area input[type=email] {
  font-size: 12px;
  color: #67696f;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 7px 10px;
  transition: .3s;
  border: 1px solid #b2b3b6;
  background-color: #fff;
  border-radius: 4px;
  outline: none
}

.form-area input[type=text]:focus,
.form-area input[type=email]:focus {
  border-color: #4a7aae
}

.item_section {
  padding: 0 28px 15px 28px
}

.item_box {
  display: flex;
  align-items: center;
  padding-bottom: 0px
}

.item_title {
  width: 114px
}

p.form-box__error-detail {
  color: #9d313d;
  font-size: 12px;
  padding: 5px 0 0 114px;
  text-align: left;
  display: none
}

p.id_anno {
  padding: 5px 0 0 114px;
  color: #707070;
  font-size: 10px
}

.item_title p.form-box__item-name {
  font-size: 13px
}

.form_box {
  width: 270px
}

.form-area input.form-box__name {
  width: calc(50% - 8px)
}

.form-area .form_box.form-box--name,
.form-area .form_box.form-box--birthday {
  display: flex;
  justify-content: space-between
}

.form-area .form_box .form-basic__select {
  width: calc(33.33% - 10px)
}

.form-area .form_box .form-basic__select select {
  width: 100%;
  font-size: 12px;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 7px 10px;
  transition: .3s;
  border: 1px solid #b2b3b6;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  color: #67696f
}

.form-area .form_box .form-basic__select select::-ms-expand {
  display: none
}

p.checkcomment {
  font-size: 10px;
  text-align: center;
  width: 100%;
  padding: 10px 0 0 0
}

.button-box {
  text-align: center;
  padding: 20px 0 30px 0
}

.button-box button.form-box__submit {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  background-color: #e77c22;
  width: 80%;
  text-align: center;
  padding: 12px 56px 12px 20px;
  margin: 0 auto;
  border: none;
  border-radius: 30px;
  background-image: url("/staticContent/pc/assets/general3/icon_arrow02.png");
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 24px 24px
}

.button-box button span.surr_text {
  display: inline-block;
  background-color: #fff;
  font-weight: bold;
  color: #e77c22;
  padding: 0 12px;
  line-height: 24px;
  height: 24px;
  margin: 0 16px 0 0;
  border-radius: 12px
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_mainblock .column.-col4 .c-none {
    margin: 0 auto;
    text-align: center
  }

  .form-area {
    padding: 5% 0 0 0;
    text-align: left;
    margin: 0 auto
  }

  .form-box {
    background-color: #fafafa;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .2);
    position: relative;
    width: 100%;
    padding: 25% 0 0 0;
    margin: 0;
    border-radius: 6px
  }

  .form_step {
    padding: 5px 15px 20px 15px
  }

  h2.form-box__h2 {
    padding: 0;
    margin: 0;
    position: absolute;
    top: -36px;
    left: 0
  }

  .form-area input[type=text],
  .form-area input[type=email] {
    font-size: 12px;
    color: #67696f;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 7px 10px;
    transition: .3s;
    border: 1px solid #b2b3b6;
    background-color: #fff;
    border-radius: 4px;
    outline: none
  }

  .form-area input[type=text]:focus,
  .form-area input[type=email]:focus {
    border-color: #4a7aae
  }

  .item_section {
    padding: 0 15px 10px 15px
  }

  .item_box {
    display: flex;
    align-items: center;
    padding-bottom: 0px
  }

  .item_title {
    width: 82px
  }

  p.form-box__error-detail {
    font-size: 10px;
    padding: 5px 0 0 82px;
    text-align: left
  }

  p.id_anno {
    padding: 5px 0 0 0;
    color: #707070;
    font-size: 10px;
    text-align: center
  }

  .item_title p.form-box__item-name {
    font-size: 10px
  }

  .form_box {
    width: calc(100% - 82px)
  }

  .form-area input.form-box__name {
    width: calc(50% - 5px)
  }

  .form-area .form_box.form-box--name,
  .form-area .form_box.form-box--birthday {
    display: flex;
    justify-content: space-between
  }

  .form-area .form_box .form-basic__select {
    width: calc(33.33% - 6px)
  }

  .form-area .form_box .form-basic__select select {
    width: 100%;
    font-size: 12px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 7px 10px;
    transition: .3s;
    border: 1px solid #b2b3b6;
    background-color: #fff;
    border-radius: 4px;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    color: #67696f
  }

  .form-area .form_box .form-basic__select select::-ms-expand {
    display: none
  }

  p.checkcomment {
    font-size: 10px;
    text-align: center;
    width: 100%;
    padding: 10px 0 0 0
  }

  .button-box {
    text-align: center;
    padding: 15px 0
  }

  .button-box button.form-box__submit {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    width: calc(100% - 30px);
    padding: 12px 56px 12px 20px;
    margin: 0 15px;
    background-color: #e77c22;
    background-image: url("../images/icon_arrow02.png");
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 24px 24px;
    border: none;
    border-radius: 30px
  }

  .button-box button span.surr_text {
    display: inline-block;
    background-color: #fff;
    font-weight: bold;
    color: #e77c22;
    padding: 0 12px;
    line-height: 24px;
    height: 24px;
    margin: 0 16px 0 0;
    border-radius: 12px
  }
}

.cssskin-jobnet_conversion .column.-column1 {
  width: 70% !important;
  margin: 0 auto 0 0
}

@media only screen and (max-width: 1450px) {
  .cssskin-jobnet_conversion .column.-column1 {
    width: 50% !important;
    margin: 0 auto 0 0
  }
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_conversion .column.-column1 {
    width: 100% !important;
    margin: 0 auto
  }
}

@media only screen and (max-width: 920px) {
  .cssskin-jobnet_mainblock .column:first-child {
    width: 100% !important
  }

  .cssskin-jobnet_mainblock .column:first-child+* {
    width: 100% !important
  }
}

.cssskin-jobnet_firstplace .c-title {
  width: 740px !important;
  padding: 22px 40px 4px 40px !important
}

@media only screen and (max-width: 840px) {
  .cssskin-jobnet_firstplace .c-title {
    width: 500px !important;
    padding: 22px 60px 4px 60px !important
  }
}

#bk18090152 {
  background-image: url("/staticContent/pc/assets/general3/lp_mv_back_02.png");
  background-repeat: no-repeat;
  background-position: center bottom
}

@media only screen and (max-width: 641px) {
  #bk18090152 {
    background-image: url("/staticContent/pc/assets/general3/lp_mv_back_02_sp.png");
    background-position: center top;
    background-size: contain
  }
}

#bk18090152 .inner {
  background-image: url("/staticContent/pc/assets/general3/lp_mv_back_01.png");
  background-repeat: no-repeat;
  background-position: top 164px left 0;
  min-width: 1250px;
  max-width: 1340px;
  margin: auto;
  padding-bottom: 60px
}

@media only screen and (max-width: 641px) {
  #bk18090152 .inner {
    min-width: 1px;
    background-size: 126px;
    background-position: top 52px left 10px;
    padding-bottom: 0
  }
}

#bk18090152 .inner .b-both_diff .column {
  float: none
}

#bk18090152 .inner .g-column {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0;
  padding-left: 0
}

@media only screen and (max-width: 641px) {
  #bk18090152 .inner .g-column {
    flex-direction: column
  }
}

#bk18090152 .inner .g-column>.column {
  float: none
}

#bk18090152 .inner .g-column>.column.-col4 {
  text-align: right
}

@media only screen and (max-width: 641px) {
  #bk18090152 .inner .g-column>.column.-col8 {
    background-color: #edf2f9;
    padding-top: 12px;
    padding-bottom: 40px
  }
}

#bk18090152 .inner .g-column:before,
#bk18090152 .inner .g-column:after {
  display: none
}

#bk18090152 .inner .mv_logo {
  margin-top: 60px;
  text-align: left
}

@media only screen and (max-width: 641px) {
  #bk18090152 .inner .mv_logo {
    margin-top: 0;
    margin-left: 14px;
    width: 78px
  }
}

#bk18090152 .inner .mv_text {
  display: inline-block;
  font-family: "Yu Gothic", sans-serif;
  font-size: 38px;
  font-weight: 500;
  text-align: left;
  color: #343740;
  line-height: 145%;
  margin-top: 92px;
  padding-right: 25px
}

@media only screen and (max-width: 641px) {
  #bk18090152 .inner .mv_text {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 28px;
  }
}

#bk18090152 .inner .mv_bold {
  font-weight: bold;
  font-size: 44px;
  color: #b43700
}

@media only screen and (max-width: 641px) {
  #bk18090152 .inner .mv_bold {
    font-size: 20px
  }
}

#bk18090152 .inner .mv_bold.lsn {
  letter-spacing: -0.1em
}

#bk18090152 .inner .mv_catch {
  padding-bottom: 0
}

#bk18090152 .inner .mv_catch ul {
  display: flex;
  justify-content: space-between;
  margin-top: 40px
}

@media only screen and (max-width: 641px) {
  #bk18090152 .inner .mv_catch ul {
    background-color: #edf2f9;
    margin-top: 0;
    margin-bottom: 35px
  }
}

#bk18090152 .inner .mv_catch ul li {
  box-shadow: 0px 3px 20px rgba(172, 107, 21, .16)
}

@media only screen and (max-width: 641px) {
  #bk18090152 .inner .mv_catch ul li {
    box-shadow: none;
    filter: drop-shadow(2px 2px 5px #c3d8e1)
  }
}

#bk18090152 .inner .mv_title {
  font-size: 55px;
  font-weight: bold;
  letter-spacing: -0.1em;
  color: #343740;
  line-height: 160%
}

@media only screen and (max-width: 641px) {
  #bk18090152 .inner .mv_title {
    font-size: 25px
  }
}

#bk18089934>div {
  padding: 68px 0
}

@media only screen and (max-width: 641px) {
  #bk18089934>div {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 40px
  }
}

#bk18089934>div .column.-column1 {
  padding: 65px 40px
}

@media only screen and (max-width: 641px) {
  #bk18089934>div .column.-column1 {
    margin-top: 0;
    padding-top: 27px
  }
}

#bk18089934>div .column.-column1 p {
  font-size: 18px
}

@media only screen and (max-width: 641px) {
  #bk18089934>div .column.-column1 p {
    font-size: 14px
  }
}

.cssskin-jobnet_point01 .c-list-no_mark {
  gap: 14px 13px;
  max-width: 730px;
  margin: auto auto 25px
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_point01 .c-list-no_mark {
    gap: 12px 10px
  }
}

.cssskin-jobnet_point01 .c-list-no_mark li {
  width: 135px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #b2b3b6;
  padding: 0
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_point01 .c-list-no_mark li {
    width: 98px;
    height: 43px
  }

  .cssskin-jobnet_point01 .c-list-no_mark li img {
    max-width: 90%;
    max-height: 90%
  }
}

.job-icon-container {
  background-color: #f5f5f5;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 70px 105px
}

@media only screen and (max-width: 641px) {
  .job-icon-container {
    padding: 25px 20px 33px
  }
}

.job-icon-container>div {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  width: auto
}

@media only screen and (max-width: 641px) {
  .job-icon-container>div {
    width: calc((100% - 14px)/3);
    margin-bottom: 14px
  }
}

.job-icon-container>div:nth-of-type(n + 7) {
  margin-bottom: 0
}

.job-icon-container>div>img {
  display: block;
  height: auto;
  max-width: 100%
}

.cssskin-jobnet_case .c-large_headline {
  background-color: #6b88b2;
  color: #fff;
  font-size: 16px;
  margin: 0 !important;
  padding: 0 10px !important;
  line-height: 38px !important;
  padding-bottom: 30px;
  font-size: 16px;
  font-family: "Yu Gothic Medium", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", "MS P Gothic", sans-serif;
  font-weight: bold
}

.cssskin-jobnet_case .c-large_headline {
  background-color: #6b88b2;
  color: #fff;
  font-size: 16px !important;
  margin: 0 !important;
  line-height: 20px !important;
  letter-spacing: .05em;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center
}

@media only screen and (max-width: 641px) {
  .cssskin-jobnet_case .c-large_headline {
    display: block;
    height: auto;
    padding: 10px !important;
    letter-spacing: normal
  }
}

.c-list_indent th {
  color: #343740;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  letter-spacing: .05em;
  line-height: 20px;
  width: 75px;
  background-color: #f0f0f1;
  border-radius: 6px;
  border-style: none
}

@media only screen and (max-width: 641px) {
  .c-list_indent th {
    font-size: 12px;
    letter-spacing: .05em;
    padding: 4px;
    margin-bottom: 6px;
    border-radius: 3px
  }
}

#lp_careerup {
  padding: 76px 0 175px;
  background-color: #fbf2e9
}

@media only screen and (max-width: 641px) {
  #lp_careerup {
    padding: 50px 10px;
    margin-bottom: 93px
  }
}

#lp_careerup h2 {
  margin-bottom: 76px;
  text-align: center
}

@media only screen and (max-width: 641px) {
  #lp_careerup h2 {
    margin-bottom: 53px
  }
}

#lp_careerup ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  max-width: 960px;
  gap: 11px;
  margin: auto
}

@media only screen and (max-width: 641px) {
  #lp_careerup ul {
    flex-direction: column;
    gap: 46px
  }
}

#lp_careerup ul li {
  display: flex;
  align-items: stretch;
  padding: 5px;
  background: #fff;
  border: 1px solid #acacac;
  filter: drop-shadow(2px 2px 0px rgba(210, 189, 0, 0.5));
  max-width: 231px
}

@media only screen and (max-width: 641px) {
  #lp_careerup ul li {
    max-width: 100%
  }
}

#lp_careerup ul li .inner {
  border: 1px solid #acacac;
  padding: 40px 15px
}

@media only screen and (max-width: 641px) {
  #lp_careerup ul li .inner {
    padding-bottom: 19px
  }
}

#lp_careerup ul li .inner .point {
  display: block;
  margin: -70px auto 11px;
  text-align: center
}

#lp_careerup ul li .inner h3 {
  text-align: center;
  margin-bottom: 21px;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #343740
}

@media only screen and (max-width: 641px) {
  #lp_careerup ul li .inner .wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px
  }
}

#lp_careerup ul li .inner .img {
  text-align: center
}

@media only screen and (max-width: 641px) {
  #lp_careerup ul li .inner .img {
    width: 152px;
    flex-grow: 0;
    flex-shrink: 0
  }
}

#lp_careerup ul li .inner .text {
  text-align: left;
  margin-top: 25px;
  font-size: 16px
}

@media only screen and (max-width: 641px) {
  #lp_careerup ul li .inner .text {
    margin-top: 0;
    font-size: 14px;
    line-height: 24px
  }
}

#lp_careerup ul li .inner .text span {
  font-weight: bold
}

#lp_voice h2 {
  display: block;
  text-align: center;
  margin: -48px auto 61px auto
}

@media only screen and (max-width: 641px) {
  #lp_voice h2 {
    margin-top: -118px;
    margin-bottom: 30px
  }

  #lp_voice h2 img {
    width: 64%
  }
}

#lp_voice ul {
  max-width: 800px;
  margin: auto
}

@media only screen and (max-width: 641px) {
  #lp_voice ul {
    padding-left: 10px;
    padding-right: 10px
  }
}

#lp_voice ul li {
  position: relative;
  border-radius: 10px;
  background: #fff;
  border: 2px solid #ffe2a7;
  padding: 28px 54px 26px 0;
  margin-bottom: 50px;
  display: flex;
  justify-content: flex-end
}

@media only screen and (max-width: 641px) {
  #lp_voice ul li {
    padding: 20px 20px 0px 0;
    margin-bottom: 20px;
    overflow: hidden;
    justify-content: center;
  }
}

#lp_voice ul li:last-child {
  margin-bottom: 92px
}

@media only screen and (max-width: 641px) {
  #lp_voice ul li:last-child {
    margin-bottom: 51px
  }
}

#lp_voice ul li:nth-child(1) .inner .wrap .img img {
  max-width: 100%;
  margin-left: 0
}

@media only screen and (max-width: 641px) {
  #lp_voice ul li:nth-child(3) .inner .wrap .img img {
    margin-top: -5%;
    margin-left: -15%
  }
}

#lp_voice ul li .inner {
  max-width: 476px;
  width: 100%
}

#lp_voice ul li .inner h3 {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: .05em;
  line-height: 24px;
  color: #e0690f;
  margin-bottom: 14px
}

@media only screen and (max-width: 641px) {
  #lp_voice ul li .inner h3 {
    text-align: center
  }
}

@media only screen and (max-width: 641px) {
  #lp_voice ul li .inner .wrap {
    display: flex;
    justify-content: space-between;
    gap: 5px
  }
}

#lp_voice ul li .inner .wrap .img {
  position: absolute;
  left: 38px;
  bottom: 0
}

@media only screen and (max-width: 641px) {
  #lp_voice ul li .inner .wrap .img {
    position: relative;
    border-radius: 0 0 0 10px;
    left: 0;
    display: flex;
    align-items: flex-end;
    width: 40%;
    flex-shrink: 0;
    flex-grow: 0
  }

  #lp_voice ul li .inner .wrap .img img {
    max-width: 115%;
    margin-left: -10%
  }
}

#lp_voice ul li .inner .wrap .text {
  font-size: 16px;
  letter-spacing: .05em;
  line-height: 22px;
  color: #343740
}

@media only screen and (max-width: 641px) {
  #lp_voice ul li .inner .wrap .text {
    flex-shrink: 1;
    flex-grow: 1;
    margin-bottom: 27px;
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 20px
  }
}

.lp_btn_webstart {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: .05em;
  line-height: 24px;
  color: #fff;
  text-align: center;
  padding: 12px 56px 12px 20px;
  margin: 55px auto 0 0;
  width: 100%;
  height: 75px;
  max-width: 530px;
  border: none;
  border-radius: 38px;
  background-color: #e77c22;
  background-image: url("/staticContent/pc/lazy-images/general3/lp_btn_arrow.png");
  background-repeat: no-repeat;
  background-position: center right 15px;
  background-size: 37px 37px
}

@media only screen and (max-width: 641px) {
  .lp_btn_webstart {
    height: 46px;
    font-size: 14px;
    background-size: 24px
  }
}

.lp_btn_webstart.center {
  margin-left: auto;
  margin-right: auto;
  margin-top: 28px
}

.lp_btn_webstart .free {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #e77c22;
  font-weight: bold;
  padding: 0 23px;
  height: 40px;
  margin: 0 24px 0 0;
  background-color: #fff;
  border-radius: 20px
}

@media only screen and (max-width: 641px) {
  .lp_btn_webstart .free {
    padding: 0 12px;
    height: 24px;
    border-radius: 12px
  }
}

#bk18089942 {
  background-image: url("/staticContent/pc/lazy-images/general3/bg_conversion02.png");
  background-repeat: no-repeat;
  background-position: center right -80px;
  height: 358px
}

@media only screen and (max-width: 641px) {
  #bk18089942 {
    height: auto;
    background-image: url("/staticContent/pc/lazy-images/general3/bg_conversion02_sp.png");
    background-position: bottom center;
    background-size: contain
  }
}

#bk18089942 .lp_btn_webstart {
  margin-top: 40px
}

#bk18089940 td p {
  font-size: 16px;
  line-height: 24px
}

@media only screen and (max-width: 641px) {
  #bk18089940 td p {
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 20px;
    margin-bottom: 15px
  }
}

#bk18089940 td p .small {
  font-size: 14px;
  line-height: 40px
}

@media only screen and (max-width: 641px) {
  #bk18089940 td p .small {
    letter-spacing: .05em
  }
}

#bk18089940.c-space_normal .g-column.-col3>.column {
  height: 424px
}

@media only screen and (max-width: 641px) {
  #bk18089940.c-space_normal .g-column.-col3>.column {
    margin-bottom: 20px;
    height: auto
  }

  #bk18089940.c-space_normal .g-column.-col3>.column:last-child {
    margin-bottom: 0
  }
}

@media only screen and (max-width: 641px) {
  .lp_pc-show {
    display: none
  }
}

.lp_sp-show {
  display: none
}

@media only screen and (max-width: 641px) {
  .lp_sp-show {
    display: block
  }
}

@media only screen and (max-width: 641px) {
  #bk18089939 .c-title.c-center img {
    width: 60%;
    margin-bottom: 15px
  }
}

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

br.sp {
  display: none
}

@media only screen and (max-width: 641px) {
  br.sp {
    display: inline
  }
}

.follow__excellent {
    text-align: center;
    padding-bottom: 80px;
}
@media screen and (max-width: 640px) {
	.follow__excellent {
	    padding: 0 5% 50px;
	}
}

@media screen and (min-width: 642px) and (max-width: 1270px) {
  #bk18090152 .inner , .a-billboard , .a-main ,#a-footer{
    min-width: 610px !important;
    width: 100%;
    padding: 0 10px 20px 10px;
  }

  .mv_text{
    font-size: clamp(10px,4.32vw,38px)!important;
    margin-left: auto;
    margin-right: 0;
    display: block!important;
    width: 440px;
  }

  #bk18090152 .inner .mv_bold{
    font-size: clamp(10px,5vw,44px)!important;
  }

  #bk18090152 .inner .mv_title {
    font-size: 35px!important;
  }

  #lp_careerup ul {
    padding: 0 10px;
    flex-wrap: wrap;
    width: 100%;
  }
  #lp_careerup ul li {
    width: calc(50% - 6px);
    max-width:100%
  }
  .job-icon-container{
    padding: 70px 50px;
  }
  #bk18090152 .inner .mv_catch ul{
    gap: 20px;
  }
  #bk18090152 .inner .g-column {
    flex-direction:column;
  }
  #bk18090152 .inner .g-column .-col8 {
    margin-left: auto;
    margin-right: 0;
  }
  .form-area{
    padding: 50px 0 0 0;
  }
  .cssskin-jobnet_mainblock2 .column:first-child {
  width: 100%;
  }
  #bk18090152 .inner .mv_text{
    padding-right:0;
    width:440px;
  }
  .job-icon-container {
    justify-content: center;
    gap: 20px;
  }
  .cssskin-jobnet_step .c-large_headline {
    font-size: 1.7vw !important;
  }
  #lp_voice ul li .inner{
    width:calc(100% - 260px);
  }
}
@media screen and (min-width: 642px) and (max-width: 900px) {
  #bk18090152 .inner{
    background-size:40vw;
  }
}
@media screen and  (max-width: 875px) {
  #bk18089942 .lp_btn_webstart{
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
  }
  #bk18089942 {
    height: auto;
    background-image: url("/staticContent/pc/lazy-images/general3/bg_conversion02_sp.png");
    background-position: bottom center;
    background-size: contain
  }
  #bk18089942 {
    background-repeat: no-repeat;
    background-position: center bottom
  }
  #bk18089942>div {
    padding-left: 15px;
    padding-top: 40px;
    padding-right: 15px;
    padding-bottom: 79.37vw;
  }
  #bk18089942>div {
    padding-top: 32px
  }
    .cssskin-jobnet_conversion .g-column {
    height: auto;
    justify-content: center;
    width: 100%;
  }
  .cssskin-jobnet_conversion .c-lead {
    display: block;
    font-size: 24px
  }
  .cssskin-jobnet_conversion .c-lead {
    display: flex;
    text-align: center;
    width: 100%;
    font-size: 24px;
    line-height: 1.6;
    flex-direction: column;
  }
  .cssskin-jobnet_conversion .c-lead {
    font-size: 20px;
    line-height: 28px
  }
  .cssskin-jobnet_conversion .column.-column1 {
    width: 100% !important;
    margin: 0 auto 0 0;
  }
  .cssskin-jobnet_conversion .c-lead .c-img img {
    width: 66px;    
    margin:20px;
   }
}
@media screen and (min-width: 642px) and (max-width: 1310px) {
  #bk18090152 .copy_box{
    width:100%;
    max-width:55vw;
    margin-left: auto;
    padding: 0;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1310px) {
  #bk18090152 .copy_box{
    max-width:38vw;
  }
}