@charset "UTF-8";
/* =====<=====<=====<=====<=====<=====<===== */
/* !<- HTML CONTROL ->                       */
/* =====>=====>=====>=====>=====>=====>===== */
html {
  font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "YuGo_custom", Meiryo,
    sans-serif;
  line-height: 1;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
/* =====<=====<=====<=====<=====<=====<===== */
/* !<- GENERAL CONTROL ->                    */
/* =====>=====>=====>=====>=====>=====>===== */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body,
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
div,
span,
iframe,
address,
small,
ol,
ul,
li,
dl,
dt,
dd,
table,
thead,
tbody,
tfoot,
tr,
th,
td,
caption,
details,
figure,
figcaption,
img,
audio,
canvas,
video,
b,
em,
strong,
blockquote,
q,
form,
fieldset {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
}
span {
  font-style: inherit;
  font-weight: inherit;
}
article,
aside,
main,
section,
header,
footer,
menu,
nav,
details,
figure,
figcaption,
img {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: none;
}
hr {
  height: 1px;
  display: block;
  border: 0;
  background: #ddd;
  box-shadow: 0 1px 0 white;
}
iframe {
  vertical-align: bottom;
}
strong {
  font-weight: inherit;
}
/* =====<=====<=====<=====<=====<=====<===== */
/* !<- TABLE CONTROL ->                      */
/* =====>=====>=====>=====>=====>=====>===== */
table,
th,
td,
caption {
  text-align: left;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td {
  vertical-align: middle;
}
table ul {
  display: flex;
}
table ul::before {
  content: "・";
}
/* =====<=====<=====<=====<=====<=====<===== */
/* !<- FORM CONTROL ->                       */
/* =====>=====>=====>=====>=====>=====>===== */
input,
select,
textarea {
  vertical-align: middle;
}
input[type="button"],
input[type="email"],
input[type="submit"],
input[type="tel"],
input[type="text"],
textarea {
  margin: 0;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-appearance: none;
}
label {
  cursor: pointer;
}
/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ANCHOR CONTROL ->                     */
/* =====>=====>=====>=====>=====>=====>===== */
a {
  line-height: 1;
  text-decoration: none;
}
/* =====<=====<=====<=====<=====<=====<===== */
/* !<- SPECIAL DECO CONTROL ->               */
/* =====>=====>=====>=====>=====>=====>===== */
/*===== { flex-box } =====*/
/*===== { alpha } =====*/
a,
button,
a img {
  transition: 0.4s ease-in-out;
}
a:hover,
button:hover {
  opacity: 0.6;
  cursor: pointer;
}
/*===== { tel } =====*/
.c_tel,
.c_tel img {
  pointer-events: none;
}
/*=====<=====<=====<=====<=====<=====<=====
  common
=====>=====>=====>=====>=====>=====>=====*/
body {
  min-width: 1040px;
  max-height: 100%;
  color: #222222;
}
body article {
  width: 100%;
  overflow: hidden;
}
section {
  margin: 0 auto;
  padding: 80px 0;
}
.inner {
  width: 1040px;
  margin: 0 auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "YuGo_custom", Meiryo,
    sans-serif;
  font-weight: 900;
}
p,
th,
td,
dl,
ol,
ul {
  font-size: 16px;
  line-height: 1.75;
}
@media \0screen\, screen\9 {
  p,
  a,
  li {
    max-width: 100%;
  }
}
@media screen and (min-width: 0\0) {
  p,
  a,
  li {
    max-width: 100%;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  p,
  a,
  li {
    max-width: 100%;
  }
}
_:-ms-fullscreen,
:root p,
:root a,
:root li {
  max-width: 100%;
}
p + p {
  margin-top: 1em;
}
a {
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  cursor: pointer;
}
strong {
  font-weight: bold;
}
/*===================================
  common
===================================*/
.c_icon {
  width: 24px;
  height: 24px;
}
/*===================================
  common_contents
===================================*/
.c_box_list,
.c_link_list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.c_box_list li,
.c_link_list li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.c_box_list li.w1_per_3,
.c_link_list li.w1_per_3 {
  width: 330px;
  margin-left: 25px;
}
.c_box_list li.w1_per_3:nth-of-type(3n + 1),
.c_link_list li.w1_per_3:nth-of-type(3n + 1) {
  margin-left: 0;
}
.c_box_list li.w1_per_3:nth-of-type(n + 4),
.c_link_list li.w1_per_3:nth-of-type(n + 4) {
  margin-top: 25px;
}
.c_box_list li.w1_per_2,
.c_link_list li.w1_per_2 {
  width: 500px;
  margin-left: 40px;
}
.c_box_list li.w1_per_2:nth-of-type(2n + 1),
.c_link_list li.w1_per_2:nth-of-type(2n + 1) {
  margin-left: 16px;
}
.c_box_list li.w1_per_2:nth-of-type(n + 3),
.c_link_list li.w1_per_2:nth-of-type(n + 3) {
  margin-top: 30px;
}
.c_box_list li .detail,
.c_link_list li .detail {
  width: 100%;
  padding: 20px 5px 15px;
  flex-grow: 1;
}
.c_box_list li .detail header,
.c_link_list li .detail header {
  padding: 0 0 3px;
  border-bottom: 1px solid #80d7f8;
  margin-bottom: 3px;
}
.c_box_list li .detail header h3,
.c_link_list li .detail header h3 {
  font-size: 18px;
  text-align: left;
}
.c_box_list li .detail p,
.c_link_list li .detail p {
  font-size: 14px;
}
.c_link_list li > a:not(.c_btn) {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.c_link_list li {
  padding: 10px;
  background: #ffffff;
  border: 1px solid #233f9a;
}
.c_link_list li a figure {
  position: relative;
  background: #233f9a;
  z-index: 0;
}
.c_link_list li a figure img,
.c_link_list li a figure figcaption {
  transition: 0.5s;
}
.c_link_list li a figure img {
  z-index: 1;
}
.c_link_list li a figure figcaption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  z-index: 2;
  opacity: 0;
  letter-spacing: 5px;
  padding: 0 20px;
}
.c_link_list li a:hover {
  opacity: 1;
}
.c_link_list li a:hover figure img {
  opacity: 0.3;
}
.c_link_list li a:hover figure figcaption {
  opacity: 1;
}
.c_link_list li .c_btn {
  margin-top: 0;
  margin-bottom: 20px;
}
.c_news_list li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 50px;
}
.c_news_list li:nth-of-type(odd) {
  background: #d9f5ff;
}
.c_news_list li:nth-of-type(even) {
  background: #ffffff;
}
.c_news_list li time {
  font-size: 14px;
  width: 100px;
  color: #777777;
}
.c_news_list li a {
  text-decoration: underline;
}
/*===================================
  content_title
===================================*/
.c_subheader,
.c_subheader_white {
  position: relative;
  padding-top: 30px;
  margin-bottom: 30px;
  z-index: 0;
  top: 0 !important;
}
.c_subheader h2,
.c_subheader_white h2,
.c_subheader h3,
.c_subheader_white h3 {
  font-size: 36px;
  line-height: 1;
  letter-spacing: 3px;
}
.c_subheader h2 span,
.c_subheader_white h2 span,
.c_subheader h3 span,
.c_subheader_white h3 span {
  display: block;
  padding-top: 10px;
  font-size: 14px;
}
.c_subheader::before,
.c_subheader_white::before,
.c_subheader::after,
.c_subheader_white::after {
  content: "";
  position: absolute;
  width: 80px;
  height: 40px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.c_subheader::before,
.c_subheader_white::before {
  border-radius: 50% 50% 0 0/ 100% 100% 0 0;
}
.c_subheader h2 span,
.c_subheader h3 span {
  color: #233f9a;
}
.c_subheader::before {
  border: 1px solid #80d7f8;
}
.c_subheader::after {
  border-bottom: 15px solid #ffffff;
}
.c_subheader_white h2,
.c_subheader_white h3 {
  background: inherit;
  color: #ffffff;
}
.c_subheader_white h2 span,
.c_subheader_white h3 span {
  color: #ffffff;
}
.c_subheader_white::before {
  border: 1px solid #ffffff;
}
.c_subheader_simple h2,
.c_subheader_simple2 h2,
.c_subheader_simple_bdb h2,
.c_subheader_simple h3,
.c_subheader_simple2 h3,
.c_subheader_simple_bdb h3 {
  text-align: left;
  font-size: 30px;
  color: #233f9a;
}
.c_subheader_simple {
  margin-bottom: 30px;
}
.c_subheader_simple2 {
  margin-bottom: 10px;
}
.c_subheader_simple_bdb {
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #233f9a;
}
.c_header_sideborder {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c_header_sideborder h2,
.c_header_sideborder h3 {
  padding: 0 1em;
  letter-spacing: 1px;
}
.c_header_sideborder h2 span,
.c_header_sideborder h3 span {
  font-weight: inherit;
}
.c_header_sideborder::before,
.c_header_sideborder::after {
  content: "";
  display: block;
  width: 1px;
  height: 1px;
  background: #222222;
  flex-grow: 1;
}
/*===================================
  BUTTON
===================================*/
.c_btn,
.c_btn_reset,
.c_btn_contact {
  position: relative;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #233f9a;
  margin: auto;
}
.c_btn::before,
.c_btn_reset::before,
.c_btn_contact::before,
.c_btn::after,
.c_btn_reset::after,
.c_btn_contact::after {
  position: absolute;
  display: block;
  transition: inherit;
}
.c_btn:hover,
.c_btn_reset:hover,
.c_btn_contact:hover {
  background: #ffffff;
  color: #233f9a;
  opacity: 1;
}
.c_btn {
  width: 330px;
  height: 60px;
  margin-top: 50px;
  padding-bottom: 5px;
  padding-right: 30px;
  background: #233f9a;
  color: #ffffff;
}
.c_btn svg {
  fill: #ffffff;
  margin-right: 10px;
}
.c_btn::before {
  content: "";
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  background: #80d7f8;
}
.c_btn::after {
  content: "\0025B6";
  top: 50%;
  right: 0;
  width: 30px;
  transform: translateY(-50%);
  color: #ffffff;
}
.c_btn:hover {
  background: #ffffff;
  color: #233f9a;
}
.c_btn:hover::after {
  color: #233f9a;
}
.c_btn:hover::after svg {
  fill: #233f9a;
}
.c_btn_reset {
  width: 330px;
  height: 60px;
  margin-top: 50px;
  padding-bottom: 5px;
  background: #777777;
  color: #ffffff;
}
.c_btn_reset svg {
  fill: #ffffff;
  margin-right: 10px;
}
.c_btn_reset::before {
  content: "";
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  background: #ffffff;
}
.c_btn_reset:hover {
  background: #ffffff;
  color: #222222;
}
.c_btn_reset:hover svg {
  fill: #222222;
}
.c_btn_contact {
  width: 360px;
  height: 60px;
  padding-right: 60px;
  background: #ffffff;
  color: #233f9a;
}
.c_btn_contact svg {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  fill: #233f9a;
  transition: inherit;
}
.c_btn_contact::before,
.c_btn_contact::after {
  width: 58px;
  height: 58px;
  top: 0;
  right: 0;
}
.c_btn_contact::before {
  content: "";
  background: #233f9a;
}
.c_btn_contact::after {
  content: "\0025B6";
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.c_btn_contact:hover {
  background: #233f9a;
  color: #ffffff;
}
.c_btn_contact:hover svg {
  fill: #ffffff;
}
.c_btn_contact:hover::before {
  background: #80d7f8;
}
@media all and (min-width: 768px) {
  .c_btn_list {
    margin: 50px 0 0 0 !important;
  }
}
.c_btn_list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70%;
  margin: 50px auto 0;
}
form .c_btn_list {
  margin: 50px auto 0 !important;
}
#sub_visual .c_btn_list {
  width: 100%;
  justify-content: flex-start;
  margin: 15px 0 0;
}
#main_visual .c_btn_list a,
#sub_visual .c_btn_list a {
  background: #f18d00;
  border: 1px solid #ff7508;
}
#main_visual .c_btn_list a:hover,
#sub_visual .c_btn_list a:hover {
  background: #fff;
}
#main_visual .c_btn_list a:hover:after,
#main_visual .c_btn_list a:hover,
#sub_visual .c_btn_list a:hover:after,
#sub_visual .c_btn_list a:hover {
  color: #ff7508;
}
#main_visual .c_btn_list a:before,
#sub_visual .c_btn_list a:before {
  background: #fcf0da;
}
.c_btn_list .c_btn,
.c_btn_list .c_btn_reset,
.c_btn_list .c_btn_contact {
  margin: 0;
}
#sub_visual .c_btn_list .c_btn,
#sub_visual .c_btn_list .c_btn_reset,
#sub_visual .c_btn_list .c_btn_contact {
  width: 220px;
  height: 50px;
}
#main_visual .c_btn_list .c_btn + .c_btn,
#sub_visual .c_btn_list .c_btn + .c_btn,
#sub_visual .c_btn_list .c_btn_reset + .c_btn,
#sub_visual .c_btn_list .c_btn_contact + .c_btn,
#sub_visual .c_btn_list .c_btn + .c_btn_reset,
#sub_visual .c_btn_list .c_btn_reset + .c_btn_reset,
#sub_visual .c_btn_list .c_btn_contact + .c_btn_reset,
#sub_visual .c_btn_list .c_btn + .c_btn_contact,
#sub_visual .c_btn_list .c_btn_reset + .c_btn_contact,
#sub_visual .c_btn_list .c_btn_contact + .c_btn_contact {
  margin-left: 20px;
}
.c_btn_list .c_btn_list__item {
}
.c_btn_list .c_btn_list__item span {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 14px;
}
.c_btn_list .c_btn_list__item span:before {
  content: "";
  width: 1px;
  height: 17px;
  transform: rotate(-15deg);
  background: #000;
  display: block;
  margin-right: 10px;
}
.c_btn_list .c_btn_list__item span:after {
  content: "";
  width: 1px;
  height: 17px;
  transform: rotate(15deg);
  background: #000;
  display: block;
  margin-left: 10px;
}
.c_btn_list .c_btn_list__item:nth-of-type(n + 2) {
  margin-left: 20px;
}
.c_btn_list .c_btn_list__item .c_btn {
  line-height: 1.4;
  height: 60px !important;
}
@media screen and (max-width: 768px) {
  .c_btn_list .c_btn_list__item {
    width: calc((100% - 10px) / 2);
  }
  .c_btn_list .c_btn_list__item span {
    font-size: 12px;
  }
  .c_btn_list .c_btn_list__item:nth-of-type(n + 2) {
    margin-left: 10px;
  }
  .c_btn_list .c_btn_list__item .c_btn {
    font-size: 13px;
  }
}
/*===================================
  color
===================================*/
.c_t_defalt {
  color: #222222;
}
.c_t_defalt svg {
  fill: #222222;
}
.c_t_blue {
  color: #233f9a;
}
.c_t_blue svg {
  fill: #233f9a;
}
.c_t_sky {
  color: #6fbfef;
}
.c_t_sky svg {
  fill: #6fbfef;
}
/*===================================
  background
===================================*/
.c_bg_graph {
  background: url(../img/common/bgimg_graph.jpg);
  background-position: top center;
}
.c_bg_try {
  background: url(../img/common/bgimg_triangle.jpg);
  background-position: top center;
}
.c_bg_corners {
  min-width: 1400px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/common/bgimg_triangle_tl.png) no-repeat,
    url(../img/common/bgimg_triangle_tr.png) no-repeat,
    url(../img/common/bgimg_triangle_bl.png) no-repeat,
    url(../img/common/bgimg_triangle_br.png) no-repeat;
  background-position: top left, top right, bottom left, bottom right;
}
.c_bg_dot {
  background: url(../img/common/bgimg_dotted.jpg);
  background-position: top center;
}
.c_bg_blue {
  background: #d9f5ff;
}
.c_bg_corners_dot {
  min-width: 1400px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/common/bgimg_triangle_tl.png) no-repeat,
    url(../img/common/bgimg_triangle_tr.png) no-repeat,
    url(../img/common/bgimg_triangle_bl.png) no-repeat,
    url(../img/common/bgimg_triangle_br.png) no-repeat,
    url(../img/common/bgimg_dotted.jpg);
  background-position: top left, top right, bottom left, bottom right,
    top center;
}
/*===================================
  background
===================================*/
.c_bg_white {
  background: #ffffff;
}
/*===================================
  border
===================================*/
.c_bd_1_233f9a {
  border: 1px solid #233f9a;
}
.c_bd_1_cccccc {
  border: 1px solid #cccccc;
}
.c_bdb_1_80d7f8 {
  border-bottom: 1px solid #80d7f8;
}
.c_bdb_1_cccccc {
  border-bottom: 1px solid #cccccc;
}
/*===================================
  breadcrumbs
===================================*/
#breadcrumbs {
  background: #f5f5f5;
}
#breadcrumbs ul li {
  padding: 1em 0;
}
#breadcrumbs ul li + li::before {
  content: "\00003E";
  display: inline-block;
  padding: 0 0.5em;
}
#breadcrumbs ul li a {
  color: #00b0f1;
}
.pagination {
  margin-top: 35px;
  height: 40px;
}
.pagination * {
  height: 100%;
}
.pagination,
.pagination .pages {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination a,
.pagination li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination a {
  background: #233f9a;
  border: 1px solid #233f9a;
  border-radius: 4px;
  padding: 1em;
  font-size: 14px;
  color: #ffffff;
}
.pagination span.current {
  background: #fff;
  border: 1px solid #233f9a;
  border-radius: 4px;
  padding: 1em;
  font-size: 14px;
  color: #233f9a;
}
.pagination a + a,
.pagination a + span.current,
.pagination span.current + a {
  margin-left: 0.5em;
}
.pagination a:hover,
.pagination a.active {
  color: #233f9a;
  background: #ffffff;
  opacity: 1;
}
.pagination .pages {
  margin: 0 10px;
}
.pagination .pages li {
  width: 40px;
}
.pagination .pages li + li {
  margin-left: 5px;
}
.pagination .arrow {
  width: 80px;
}

/*===================================
  HEADER
===================================*/
#header {
  background: #ffffff;
  position: relative;
}
#header .logo {
  padding: 20px 0;
}

#header .inner .logo img {
  max-width: 100px;
}

#global_navi {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 790px;
  padding: 30px 0 35px;
  z-index: 2;
}
#global_navi .main_navi,
#global_navi .sub_navi {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
#global_navi .main_navi {
  width: 540px;
  margin-right: 250px;
}
#global_navi .main_navi li a {
  position: relative;
}
#global_navi .main_navi li a.active::before {
  content: "\0025BC";
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translateX(-50%) scaleY(0.7);
  color: #80d7f8;
}
#global_navi .sub_navi {
  transform: skewX(-30deg);
  transform-origin: top right;
}
#global_navi .sub_navi a {
  position: relative;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 192px;
  height: 54px;
  background: #233f9a;
  border: 1px solid #233f9a;
}
#global_navi .sub_navi a span {
  transform: skewX(30deg);
  color: #ffffff;
}
#global_navi .sub_navi a span svg {
  fill: #ffffff;
  margin-right: 5px;
}
#global_navi .sub_navi a::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 3px;
  background: #233f9a;
  transition: 0.5s;
}
#global_navi .sub_navi a:hover {
  background: #ffffff;
  opacity: 1;
}
#global_navi .sub_navi a:hover::after {
  width: 100%;
  background: #00b0f1;
}
#global_navi .sub_navi a:hover span {
  color: #222222;
}
#global_navi .sub_navi a:hover span svg {
  fill: #222222;
  margin-right: 5px;
}
#menu_btn {
  display: none;
}
.c_products_nav {
  position: relative;
  box-shadow: 0 0 20px rgba(35, 63, 154, 0.2);
  padding: 20px 0;
  z-index: 50;
  background: #ffffff;
}
.c_products_nav ul,
.c_products_nav li,
.c_products_nav a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.c_products_nav ul {
  justify-content: space-between;
  align-items: stretch;
  border-left: 1px solid #233f9a;
  border-right: 1px solid #233f9a;
}
.c_products_nav ul li {
  justify-content: center;
  align-items: stretch;
  width: 16.666666%;
}
.c_products_nav ul li + li {
  border-left: 1px solid #233f9a;
}
.c_products_nav ul li a {
  align-items: center;
  text-align: center;
  line-height: 1.5;
  border-bottom: 1px solid #ffffff;
}
.c_products_nav ul li a:hover,
.c_products_nav ul li a.active {
  opacity: 1;
  border-bottom: 1px solid #00b0f1;
}
/*===================================
  FOOTER
===================================*/
#footer {
  margin-bottom: 76px;
}
#footer #footer_contact {
  padding: 50px 0;
}
#footer #footer_contact .inner {
  background: #ffffff;
  position: relative;
  padding: 10px;
}
#footer #footer_contact .inner .border {
  padding: 40px;
  border: 1px solid #233f9a;
}
#footer #footer_contact .c_contact_header {
  margin-bottom: 25px;
}
#footer #footer_contact .c_contact_header h2 {
  font-size: 36px;
}
#footer #footer_contact .c_contact_header p {
  font-size: 18px;
  margin-top: 20px;
  text-align: center;
}
#footer #footer_contact .contact_tel {
  display: block;
  width: 530px;
  text-align: right;
}
#footer #footer_contact .contact_tel span {
  display: inline-block;
}
#footer #footer_contact .contact_tel .telno {
  font-size: 68px;
  font-weight: bold;
}
#footer #footer_contact .contact_tel .telno svg {
  width: 60px;
  height: 60px;
  fill: #233f9a;
}
#footer #footer_contact .contact_tel .contact_time {
  margin-top: 5px;
  font-size: inherit;
}
#footer #footer_contact .contact_mail {
  width: 360px;
}
#footer #footer_contact .contact_mail .c_btn_contact + .c_btn_contact {
  margin-top: 10px;
}

#footer #footer_bottom {
  padding: 50px 0 70px;
}
#footer #footer_bottom li,
#footer #footer_bottom a p {
  letter-spacing: 2px;
}
#footer #footer_bottom .left {
  width: 340px;
}
#footer #footer_bottom .left figure {
  margin-bottom: 20px;
}
#footer #footer_bottom .left figure img {
  max-width: 100px;
}
#footer #footer_bottom .left ul li {
  font-size: 18px;
  line-height: 1.3;
}
#footer #footer_bottom .left ul li + li {
  margin-top: 5px;
}
#footer #footer_bottom .right {
  width: 680px;
  margin-top: 15px;
}
#footer #footer_bottom #footer_navi {
  flex-wrap: nowrap;
}
#footer #footer_bottom #footer_navi a {
  font-size: 14px;
}
#footer #footer_bottom #footer_navi li {
  line-height: 1;
  margin-top: 12px;
}
#footer #footer_bottom #footer_navi .main_navi {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#footer #footer_bottom #footer_navi .main_navi::before {
  content: "\0025B6";
  display: inline-block;
  margin-right: 5px;
  font-size: 10px;
  color: #233f9a;
}
#footer #footer_bottom #footer_navi .main_navi ~ ul {
  margin-left: 1.5em;
}
#footer #footer_bottom #footer_navi .main_navi ~ ul li:nth-of-type(3n + 1),
#footer #footer_bottom #footer_navi .main_navi ~ ul li:nth-of-type(3n + 2) {
  width: 30%;
}
#footer #footer_bottom #footer_navi .main_navi ~ ul li:nth-of-type(3n) {
  width: 35%;
}
#footer #footer_bottom #footer_navi .main_navi ~ ul li.sub_title {
  width: 100% !important;
}
#footer #footer_bottom #footer_navi .sub_title {
  position: relative;
}
#footer #footer_bottom #footer_navi .sub_title::before {
  content: "";
  position: absolute;
  display: inline-block;
  bottom: 50%;
  left: -1em;
  border-left: 1px solid #222222;
  border-bottom: 1px solid #222222;
  width: 0.3em;
  height: 0.7em;
}
#footer #footer_bottom #footer_navi .sub_navi::before {
  content: "・";
  color: #233f9a;
}
#footer #copy_right {
  background: #233f9a;
  padding: 1.3em 0;
}
#footer #copy_right small {
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 12px;
}
/*===================================
  main_visual
===================================*/
#main_visual {
  min-width: 1040px;
  background: url(../img/top/mv.jpg) no-repeat;
  background-position: center;
  background-size: 2000px auto;
  height: 638px;
  position: relative;
  padding-top: 100px;
}
#main_visual .mv_comment {
  padding-top: 20px;
}
#main_visual .mv_comment h1 {
  font-size: 48px;
  text-align: left;
}
#main_visual #slider {
  position: absolute;
  bottom: 0;
  width: 100%;
  /*仮置きスライダー用のＣＳＳ*/
}
#main_visual #slider .inner {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
}
#main_visual #slider header {
  background: #233f9a;
  transform-origin: top left;
  transform: skewX(30deg);
}
#main_visual #slider header h2 {
  background: #233f9a;
  transform-origin: top left;
  transform: skewX(-30deg);
  padding: 0.5em 1em;
  color: #ffffff;
  line-height: 1;
}
#main_visual #slider .slider,
#main_visual #slider .slider-list,
#main_visual #slider .arrow {
  height: 100px;
}
#main_visual #slider .slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#main_visual #slider .slider .slider-list,
#main_visual #slider .slider .arrow {
  position: absolute;
}
#main_visual #slider .slider .arrow {
  background: rgba(35, 63, 154, 0.8);
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  z-index: 1;
}
#main_visual #slider .slider .arrow span {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
#main_visual #slider .slider .arrow.prev {
  left: 0;
}
#main_visual #slider .slider .arrow.prev span {
  transform: rotate(225deg);
}
#main_visual #slider .slider .arrow.next {
  right: 0;
}
#main_visual #slider .slider .arrow.next span {
  transform: translate(-50%) rotate(45deg);
}
#main_visual #slider .slider .slider-list {
  /*width: 2840px;
  left: 50%;
  transform: translateX(-50%);*/
  /*display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;*/
  /*background: rgba(204, 204, 204, 0.4);*/
  border-top: 1px solid #ffffff;
  padding: 10px 0;
}
#main_visual #slider .slider .slider-list li {
  width: 142px !important;
  display: inline-block;
}
#main_visual #slider .slider .slider-list li img {
  margin: auto;
}
/*===================================
  sub_visual
===================================*/
#sub_visual {
  min-width: 1040px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2000px auto;
  height: 300px;
  position: relative;
}
#sub_visual.sub_header__high {
  height: 400px;
}
#sub_visual.sub01 .inner .sub_header {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 580px;
}
#sub_visual.sub01 .inner .sub_header header p {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 1px;
}
#sub_visual.sub01 .inner .sub_header header h1 {
  font-size: 36px;
  text-align: left;
  line-height: 1.3;
  margin: 10px 0;
  letter-spacing: 3px;
}
#sub_visual.sub01 .inner > p {
  color: #233f9a;
  line-height: 1.4;
  letter-spacing: 1px;
}
#sub_visual.sub02 .inner header p {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 1px;
}
#sub_visual.sub02 .inner header h1 {
  font-size: 36px;
  text-align: left;
  line-height: 1.3;
  margin: 10px 0;
  letter-spacing: 3px;
}
#sub_visual.sub02 .inner > p {
  color: #233f9a;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 1px;
}
#sub_visual.sub03 .inner h1 {
  font-size: 40px;
  text-align: left;
  line-height: 1;
}
#sub_visual.sub03 .inner p {
  color: #233f9a;
  margin-top: 20px;
  line-height: 1;
}
/*===================================
  入力フォーム
===================================*/
.c_datalist dl,
.c_form dl {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: stretch;
  background: #ffffff;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.c_datalist dl:last-of-type,
.c_form dl:last-of-type {
  border-bottom: 1px solid #cccccc;
}
.c_datalist dl dt,
.c_form dl dt {
  background: rgba(128, 215, 248, 0.2);
  width: 27%;
  padding: 20px 30px;
}
.c_datalist dl dd,
.c_form dl dd {
  width: 73%;
  padding: 20px 30px;
  font-size: 14px;
  line-height: 1.7;
}
.c_form dl dt::before {
  content: "任意";
  display: inline-block;
  background: #222222;
  color: #ffffff;
  margin-right: 0.7em;
  padding: 2px 0.3em;
  text-indent: 0;
  font-size: 12px;
}
.c_form dl dd label {
  letter-spacing: 1px;
}
.c_form dl dd input:invalid,
.c_form dl dd textarea:invalid {
  background: rgba(35, 63, 154, 0.1);
}
.c_form dl dd input {
  font-size: 16px;
}
.c_form dl dd input[type="text"],
.c_form dl dd input[type="number"],
.c_form dl dd input[type="email"],
.c_form dl dd input[type="tel"] {
  padding: 0.5em;
  border: 1px solid #cccccc;
}
.c_form dl dd input[type="text"]:invalid,
.c_form dl dd input[type="number"]:invalid,
.c_form dl dd input[type="email"]:invalid,
.c_form dl dd input[type="tel"]:invalid {
  background: rgba(35, 63, 154, 0.1);
}
.c_form dl dd input[type="checkbox"] {
  margin-right: 5px;
}
.c_form dl dd textarea {
  resize: none;
  border: 1px solid #cccccc;
  padding: 0.5em;
}
.c_form dl.required dt::before {
  content: "必須";
  background: #233f9a;
}
.c_form dl a {
  color: #233f9a;
  text-decoration: underline;
}
.c_form dl a:hover {
  opacity: 1;
  text-decoration: none;
}
.c_form dl dt {
  padding: 20px 0;
  padding-left: calc(2.5em + 30px);
  text-indent: -2.5em;
}
/*===================================
  投稿エリアの初期化CSS
===================================*/
#c_post_detail {
  border-top: 2px solid #233f9a;
  border-bottom: 1px solid #233f9a;
  padding: 20px 0;
}
#c_post_detail h1,
#c_post_detail h2,
#c_post_detail h3,
#c_post_detail h4,
#c_post_detail h5,
#c_post_detail h6 {
  font-family: "ryumin_n", serif;
  text-align: left;
}
#c_post_detail h1 {
  display: block;
  font-size: 2em;
  -webkit-margin-before: 0.67em;
  -webkit-margin-after: 0.67em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}
#c_post_detail h2 {
  display: block;
  font-size: 1.5em;
  -webkit-margin-before: 0.83em;
  -webkit-margin-after: 0.83em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}
#c_post_detail h3 {
  display: block;
  font-size: 1.17em;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}
#c_post_detail h4 {
  display: block;
  font-size: 1em;
  -webkit-margin-before: 1.33em;
  -webkit-margin-after: 1.33em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}
#c_post_detail h5 {
  display: block;
  font-size: 0.83em;
  -webkit-margin-before: 1.67em;
  -webkit-margin-after: 1.67em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}
#c_post_detail h6 {
  display: block;
  font-size: 0.67em;
  -webkit-margin-before: 2.33em;
  -webkit-margin-after: 2.33em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}
#c_post_detail a {
  color: #0000ff;
  text-decoration: underline;
}
#c_post_detail a:hover {
  text-decoration: none;
}
#c_post_detail strong,
#c_post_detail b {
  font-weight: bold;
}
#c_post_detail i,
#c_post_detail cite,
#c_post_detail em,
#c_post_detail var,
#c_post_detail address,
#c_post_detail dfn {
  font-style: italic;
}
#c_post_detail img {
  display: inline;
  width: auto;
  max-width: 100%;
  height: auto;
}
#c_post_detail p {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  /*=====<=====<=====<=====<=====<=====<=====
	  common
	=====>=====>=====>=====>=====>=====>=====*/
  /*============================================================================================================================================
  SP_style
============================================================================================================================================*/
  /*===================================
  GENERAL
===================================*/
  body {
    min-width: 320px;
    padding-top: 50px;
    margin-top: 0;
  }
  section {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 46px;
  }
  .inner {
    width: 90%;
  }
  img,
  video {
    width: 100%;
    height: auto;
  }
  .c_tel,
  .c_tel img {
    pointer-events: auto;
  }
  p,
  th,
  td {
    font-size: 14px;
  }
  dl,
  ol,
  ul {
    font-size: 14px;
    line-height: 1.75;
  }
  /*===================================
  common
===================================*/
  /*===================================
  common_contents
===================================*/
  .c_box_list li.w1_per_3,
  .c_link_list li.w1_per_3 {
    width: 100%;
    margin-left: 0;
  }
  .c_box_list li.w1_per_3 + .w1_per_3,
  .c_link_list li.w1_per_3 + .w1_per_3 {
    margin-top: 20px;
  }
  .c_box_list li.w1_per_3:nth-of-type(n + 4),
  .c_link_list li.w1_per_3:nth-of-type(n + 4) {
    margin-top: 20px;
  }
  .c_box_list li.w1_per_2,
  .c_link_list li.w1_per_2 {
    width: 100%;
    margin-left: 0;
  }
  .c_box_list li.w1_per_2 + .w1_per_2,
  .c_link_list li.w1_per_2 + .w1_per_2 {
    margin-top: 20px;
  }
  .c_box_list li.w1_per_2:nth-of-type(2n + 1),
  .c_link_list li.w1_per_2:nth-of-type(2n + 1) {
    margin-left: 0;
  }
  .c_box_list li.w1_per_2:nth-of-type(n + 3),
  .c_link_list li.w1_per_2:nth-of-type(n + 3) {
    margin-top: 20px;
  }
  .c_box_list li .detail,
  .c_link_list li .detail {
    width: 100%;
    padding: 15px 0;
  }
  .c_box_list li .detail header h3,
  .c_link_list li .detail header h3 {
    font-size: 18px;
  }
  .c_link_list li a:hover figure img {
    opacity: 1;
  }
  .c_link_list li a:hover figure figcaption {
    opacity: 0;
  }
  .c_link_list li .c_btn {
    margin-bottom: 15px;
  }
  .c_news_list li {
    flex-wrap: wrap;
    padding: 10px;
  }
  .c_news_list li time {
    width: 100%;
    margin-bottom: 5px;
  }
  .c_news_list li a {
    width: 100%;
  }
  /*===================================
  content_title
===================================*/
  .c_subheader,
  .c_subheader_white {
    padding-top: 25px;
  }
  .c_subheader h2,
  .c_subheader_white h2,
  .c_subheader h3,
  .c_subheader_white h3 {
    font-size: 28px;
  }
  .c_subheader::before,
  .c_subheader_white::before,
  .c_subheader::after,
  .c_subheader_white::after {
    width: 60px;
    height: 30px;
  }
  .c_subheader::after {
    border-bottom: 10px solid #ffffff;
  }
  .c_subheader_simple h2,
  .c_subheader_simple2 h2,
  .c_subheader_simple_bdb h2,
  .c_subheader_simple h3,
  .c_subheader_simple2 h3,
  .c_subheader_simple_bdb h3 {
    font-size: 20px;
  }
  /*===================================
  BUTTON
===================================*/
  .c_btn {
    width: 100%;
    height: 50px;
  }
  .c_btn_reset {
    width: 100%;
    height: 50px;
  }
  .c_btn_contact {
    width: 100%;
    height: 50px;
    padding-right: 48px;
  }
  .c_btn_contact svg {
    width: 20px;
    height: 20px;
  }
  .c_btn_contact::before,
  .c_btn_contact::after {
    width: 48px;
    height: 48px;
  }
  .c_btn_list {
    flex-wrap: wrap;
    width: 100%;
  }
  #main_visual .c_btn_list,
  #sub_visual .c_btn_list {
    margin: 10px 0 0;
  }
  .c_btn_list .c_btn,
  .c_btn_list .c_btn_reset,
  .c_btn_list .c_btn_contact {
    margin: 0;
  }
  #sub_visual .c_btn_list .c_btn,
  #sub_visual .c_btn_list .c_btn_reset,
  #sub_visual .c_btn_list .c_btn_contact {
    width: 100%;
    height: 50px;
  }
  #main_visual .c_btn_list .c_btn + .c_btn,
  #sub_visual .c_btn_list .c_btn + .c_btn,
  #sub_visual .c_btn_list .c_btn_reset + .c_btn,
  #sub_visual .c_btn_list .c_btn_contact + .c_btn,
  #sub_visual .c_btn_list .c_btn + .c_btn_reset,
  #sub_visual .c_btn_list .c_btn_reset + .c_btn_reset,
  #sub_visual .c_btn_list .c_btn_contact + .c_btn_reset,
  #sub_visual .c_btn_list .c_btn + .c_btn_contact,
  #sub_visual .c_btn_list .c_btn_reset + .c_btn_contact,
  #sub_visual .c_btn_list .c_btn_contact + .c_btn_contact {
    margin-top: 15px;
    margin-left: 0;
  }
  /*===================================
  background
===================================*/
  .c_bg_graph {
    background: url(../img/common/bgimg_graph.jpg);
    background-position: top center;
    background-size: 50px;
  }
  .c_bg_try {
    background: url(../img/common/bgimg_triangle.jpg);
    background-position: top center;
  }
  .c_bg_corners {
    min-width: 0;
    position: static;
    left: 0;
    transform: translateX(0);
    background: url(../img/common/bgimg_triangle_tl.png) no-repeat,
      url(../img/common/bgimg_triangle_tr.png) no-repeat,
      url(../img/common/bgimg_triangle_bl.png) no-repeat,
      url(../img/common/bgimg_triangle_br.png) no-repeat;
    background-position: top left, top right, bottom left, bottom right;
    background-size: 5%, 5%, 5%, 5%, 100%;
  }
  .c_bg_dot {
    background: url(../img/common/bgimg_dotted.jpg);
    background-position: top center;
  }
  .c_bg_blue {
    background: #d9f5ff;
  }
  .c_bg_corners_dot {
    min-width: 0;
    position: static;
    left: 0;
    transform: translateX(0);
    background: url(../img/common/bgimg_triangle_tl.png) no-repeat,
      url(../img/common/bgimg_triangle_tr.png) no-repeat,
      url(../img/common/bgimg_triangle_bl.png) no-repeat,
      url(../img/common/bgimg_triangle_br.png) no-repeat,
      url(../img/common/bgimg_dotted.jpg);
    background-position: top left, top right, bottom left, bottom right,
      top center;
    background-size: 5%, 5%, 5%, 5%, 100%;
  }
  /* 優先度を下げるため、分ける */
  .c_sp_bg_graph {
    background: url(../img/common/bgimg_graph.jpg);
    background-position: top center;
    background-size: 50px;
  }
  .c_sp_bg_try {
    background: url(../img/common/bgimg_triangle.jpg);
    background-position: top center;
  }
  .c_sp_bg_corners {
    min-width: 0;
    position: static;
    left: 0;
    transform: translateX(0);
    background: url(../img/common/bgimg_triangle_tl.png) no-repeat,
      url(../img/common/bgimg_triangle_tr.png) no-repeat,
      url(../img/common/bgimg_triangle_bl.png) no-repeat,
      url(../img/common/bgimg_triangle_br.png) no-repeat;
    background-position: top left, top right, bottom left, bottom right;
    background-size: 5%, 5%, 5%, 5%, 100%;
  }
  .c_sp_bg_dot {
    background: url(../img/common/bgimg_dotted.jpg);
    background-position: top center;
  }
  .c_sp_bg_blue {
    background: #d9f5ff;
  }
  .c_sp_bg_corners_dot {
    min-width: 0;
    position: static;
    left: 0;
    transform: translateX(0);
    background: url(../img/common/bgimg_triangle_tl.png) no-repeat,
      url(../img/common/bgimg_triangle_tr.png) no-repeat,
      url(../img/common/bgimg_triangle_bl.png) no-repeat,
      url(../img/common/bgimg_triangle_br.png) no-repeat,
      url(../img/common/bgimg_dotted.jpg);
    background-position: top left, top right, bottom left, bottom right,
      top center;
    background-size: 5%, 5%, 5%, 5%, 100%;
  }
  .c_sp_bg_none {
    background: none;
  }
  .c_sp_bg_none.c_bg_corners,
  .c_sp_bg_none.c_bg_corners_dot {
    min-width: 0;
    left: 0;
    transform: translateX(0);
  }
  /*===================================
  breadcrumbs
===================================*/
  #breadcrumbs {
    display: none;
  }
  .pagination {
    width: 100%;
    justify-content: space-between;
  }
  .pagination .pages {
    display: none;
  }
  .pagination .arrow {
    width: 48%;
  }
  .pagination .prev {
    margin-right: 0;
  }
  .pagination .next {
    margin-left: 0;
  }
  /*===================================
  HEADER
===================================*/
  #header {
    background: #ffffff;
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    z-index: 1000;
  }
  #header .inner {
    height: 100%;
    width: 100%;
    position: relative;
    flex-wrap: nowrap;
  }
  #header .inner .logo {
    padding: 0 0 0 10px;
  }
  #header .inner .logo img {
    width: 150px;
    height: auto;
  }
  #global_navi {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    right: -100%;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 1000;
    transition: 0.6s;
  }
  #global_navi.active {
    right: 0;
  }
  #global_navi .main_navi,
  #global_navi .sub_navi {
    position: static;
  }
  #global_navi .main_navi {
    width: 100%;
    justify-content: flex-start;
    margin: 0;
  }
  #global_navi .main_navi li {
    width: 100%;
    text-align: center;
    border: 1px solid #233f9a;
    background-color: #ffffff;
  }
  #global_navi .main_navi li + li {
    margin-top: 10px;
  }
  #global_navi .main_navi li a {
    display: inline-block;
    width: 100%;
    position: relative;
    color: #233f9a;
    padding: 10px;
  }
  #global_navi .main_navi li a.active::before {
    display: none;
  }
  #global_navi .sub_navi {
    width: 100%;
    transform: skewX(0);
    transform-origin: top right;
    display: block;
    margin-top: 20px;
  }
  #global_navi .sub_navi li {
    width: 100%;
  }
  #global_navi .sub_navi li:not(:first-of-type) {
    margin-top: 5px;
  }
  #global_navi .sub_navi a {
    width: 100%;
    height: 50px;
  }
  #global_navi .sub_navi a span {
    transform: skewX(0);
    line-height: 1;
    display: flex;
    align-items: center;
  }
  #menu_btn {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    right: 2.5%;
    bottom: 0;
    margin: auto;
    z-index: 1001;
  }
  #menu_btn span {
    width: 20px;
    height: 3px;
    display: block;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #233f9a;
    transition: 0.4s;
  }
  #menu_btn span:nth-of-type(1) {
    top: 7px;
  }
  #menu_btn span:nth-of-type(2) {
    top: 14px;
  }
  #menu_btn span:nth-of-type(3) {
    top: 21px;
  }
  #menu_btn p {
    position: absolute;
    top: 27px;
    right: 15%;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    transition: 0.4s;
  }
  #menu_btn.active span {
    background-color: #ffffff;
  }
  #menu_btn.active span:nth-of-type(1) {
    transform: translateY(7px) rotate(-45deg);
  }
  #menu_btn.active span:nth-of-type(2) {
    opacity: 0;
  }
  #menu_btn.active span:nth-of-type(3) {
    transform: translateY(-7px) rotate(45deg);
  }
  #menu_btn.active p {
    color: #ffffff;
  }
  .c_products_nav {
    box-shadow: none;
    padding: 10px 0 20px;
  }
  .c_products_nav > .inner {
    flex-wrap: wrap;
    border-left: none;
    border-right: none;
  }
  .c_products_nav > .inner li {
    width: 30%;
    border-left: none;
    margin-top: 10px;
    box-shadow: 0 0 15px rgba(35, 63, 154, 0.2);
    align-items: center;
  }
  .c_products_nav > .inner li:nth-of-type(n + 4) {
    padding: 10px 0;
  }
  .c_products_nav > .inner li a {
    font-size: 10px;
    padding: 5px 0;
  }
  /*===================================
  FOOTER
===================================*/
  #footer {
    margin-bottom: 0;
  }
  #footer #footer_contact .inner {
    padding: 10px;
  }
  #footer #footer_contact .inner .border {
    padding: 10px;
  }
  #footer #footer_contact .c_contact_header {
    margin-bottom: 15px;
  }
  #footer #footer_contact .c_contact_header h2 {
    font-size: 19px;
  }
  #footer #footer_contact .c_contact_header p {
    font-size: 14px;
    margin-top: 20px;
  }
  #footer #footer_contact .contact_tel {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  #footer #footer_contact .contact_tel .telno {
    font-size: 30px;
  }
  #footer #footer_contact .contact_tel .telno svg {
    width: 25px;
    height: 25px;
  }
  #footer #footer_bottom {
    padding: 40px 0;
  }
  #footer #footer_bottom .inner {
    display: flex;
  }
  #footer #footer_bottom .left {
    margin-bottom: 20px;
  }
  #footer #footer_bottom .left figure {
    margin-bottom: 10px;
  }
  #footer #footer_bottom .left figure img {
    width: 70%;
  }
  #footer #footer_bottom .left ul li {
    font-size: 16px;
  }
  #footer #footer_bottom .right {
    width: 100%;
    margin-top: 0;
  }
  #footer #footer_bottom #footer_navi {
    flex-wrap: wrap;
    width: 100%;
  }
  #footer #footer_bottom #footer_navi .main_navi ~ ul li:nth-of-type(3n + 1),
  #footer #footer_bottom #footer_navi .main_navi ~ ul li:nth-of-type(3n + 2) {
    width: 100%;
  }
  #footer #footer_bottom #footer_navi .main_navi ~ ul li:nth-of-type(3n) {
    width: 100%;
  }
  #footer #footer_bottom #footer_navi .main_navi ~ ul li.sub_title {
    width: 100%;
  }
  #footer #copy_right {
    padding: 1em 0;
  }
  /*===================================
  main_visual
===================================*/
  #main_visual {
    min-width: 90%;
    background: url(../img/top/mv.jpg) no-repeat;
    background-position: center;
    background-size: 2000px auto;
    height: auto;
    position: relative;
    padding-top: 20px;
    padding-bottom: 142px;
  }
  #main_visual #slider {
    position: absolute;
    bottom: 0;
    width: 100%;
    /*仮置きスライダー用のＣＳＳ*/
  }
  #main_visual #slider .inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: flex-start;
  }
  #main_visual #slider header {
    background: #233f9a;
    transform-origin: top left;
    transform: skewX(30deg);
  }
  #main_visual #slider header h2 {
    background: #233f9a;
    transform-origin: top left;
    transform: skewX(-30deg);
    padding: 0.5em 1em;
    color: #ffffff;
    line-height: 1;
  }
  #main_visual #slider .slider,
  #main_visual #slider .slider-list,
  #main_visual #slider .arrow {
    height: 100px;
  }
  #main_visual #slider .slider {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  #main_visual #slider .slider .slider-list,
  #main_visual #slider .slider .arrow {
    position: absolute;
  }
  #main_visual #slider .slider .arrow {
    background: rgba(35, 63, 154, 0.8);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    z-index: 1;
  }
  #main_visual #slider .slider .arrow span {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
  }
  #main_visual #slider .slider .arrow.prev {
    left: 0;
  }
  #main_visual #slider .slider .arrow.prev span {
    transform: rotate(225deg);
  }
  #main_visual #slider .slider .arrow.next {
    right: 0;
  }
  #main_visual #slider .slider .arrow.next span {
    transform: translate(-50%) rotate(45deg);
  }
  #main_visual #slider .slider .slider-list {
    width: 2840px;
    left: 50%;
    transform: translateX(-50%);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(204, 204, 204, 0.4);
    border-top: 1px solid #ffffff;
  }
  #main_visual #slider .slider .slider-list li {
    width: 142px;
  }
  #main_visual #slider .slider .slider-list li img {
    margin: auto;
  }
  /*===================================
  sub_visual
===================================*/
  #sub_visual {
    min-width: 90%;
    height: auto;
  }
  #sub_visual.sub01 {
    background-size: cover;
    background-position: 60% 50%;
  }
  #sub_visual.sub01 .inner {
    width: 96%;
    padding: 2%;
    margin: 3em auto;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
  }
  #sub_visual.sub01 .inner .sub_header {
    position: relative;
    width: 100%;
  }
  #sub_visual.sub01 .inner .sub_header header {
    margin-top: 30px;
  }
  #sub_visual.sub01 .inner .sub_header header p {
    font-size: 18px;
  }
  #sub_visual.sub01 .inner .sub_header header h1 {
    font-size: 25px;
  }
  #sub_visual.sub01 .inner .sub_header figure {
    position: absolute;
    width: 70px;
    top: 0;
    right: 0;
  }
  #sub_visual.sub02 {
    background-size: cover;
  }
  #sub_visual.sub02 .inner {
    width: 96%;
    padding: 2%;
    margin: 3em auto;
    background: rgba(255, 255, 255, 0.7);
  }
  #sub_visual.sub02 .inner header p {
    font-size: 14px;
  }
  #sub_visual.sub02 .inner header h1 {
    font-size: 25px;
  }
  #sub_visual.sub02 .inner header h1 br {
    display: none;
  }
  #sub_visual.sub02 .inner > p {
    font-size: 12px;
  }
  #sub_visual.sub03 {
    background-size: cover;
  }
  #sub_visual.sub03 .inner {
    width: 96%;
    padding: 2%;
    margin: 3em auto;
    background: rgba(255, 255, 255, 0.7);
  }
  #sub_visual.sub03 .inner h1 {
    font-size: 30px;
  }
  #sub_visual.sub03 .inner p {
    margin-top: 10px;
  }
  /*===================================
  入力フォーム
===================================*/
  .c_datalist dl,
  .c_form dl {
    flex-wrap: wrap;
  }
  .c_datalist dl + dl,
  .c_form dl + dl {
    border-top: 0;
  }
  .c_datalist dl dt,
  .c_form dl dt {
    background: rgba(128, 215, 248, 0.2);
    width: 100%;
    padding: 10px;
  }
  .c_datalist dl dd,
  .c_form dl dd {
    width: 100%;
    padding: 10px;
  }
  .c_form dl dd label {
    letter-spacing: 1px;
  }
  .c_form dl dd input {
    font-size: 14px;
  }
  .c_form dl dt {
    padding: 1em 0;
    padding-left: 3.5em;
    text-indent: -2.5em;
  }
  /*===================================
  投稿エリアの初期化CSS
===================================*/
  #c_post_detail {
    border-top: 2px solid #233f9a;
    border-bottom: 1px solid #233f9a;
    padding: 20px 0;
  }
  #c_post_detail h1,
  #c_post_detail h2,
  #c_post_detail h3,
  #c_post_detail h4,
  #c_post_detail h5,
  #c_post_detail h6 {
    font-family: "ryumin_n", serif;
    text-align: left;
  }
  #c_post_detail h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
  }
  #c_post_detail h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
  }
  #c_post_detail h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
  }
  #c_post_detail h4 {
    display: block;
    font-size: 1em;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
  }
  #c_post_detail h5 {
    display: block;
    font-size: 0.83em;
    -webkit-margin-before: 1.67em;
    -webkit-margin-after: 1.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
  }
  #c_post_detail h6 {
    display: block;
    font-size: 0.67em;
    -webkit-margin-before: 2.33em;
    -webkit-margin-after: 2.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
  }
  #c_post_detail a {
    color: #0000ff;
    text-decoration: underline;
  }
  #c_post_detail a:hover {
    text-decoration: none;
  }
  #c_post_detail strong,
  #c_post_detail b {
    font-weight: bold;
  }
  #c_post_detail i,
  #c_post_detail cite,
  #c_post_detail em,
  #c_post_detail var,
  #c_post_detail address,
  #c_post_detail dfn {
    font-style: italic;
  }
  #c_post_detail img {
    display: inline;
    width: auto;
    max-width: 100%;
    height: auto;
  }
  #c_post_detail p {
    font-size: 15px;
  }
}
/*===================================
  COMMON CLASS px
===================================*/
.c_posr {
  position: relative;
}
.c_posa {
  position: absolute;
}
.c_posa_center {
  position: absolute;
  top: 83%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1.4;
  font-size: 22px !important;
  font-weight: bold;
}
.c_posf {
  position: fixed;
}
.c_t0 {
  top: 0px;
}
.c_l0 {
  left: 0px;
}
.c_r0 {
  right: 0px;
}
.c_b0 {
  bottom: 0px;
}
.c_t1 {
  top: 1px;
}
.c_l1 {
  left: 1px;
}
.c_r1 {
  right: 1px;
}
.c_b1 {
  bottom: 1px;
}
.c_t2 {
  top: 2px;
}
.c_l2 {
  left: 2px;
}
.c_r2 {
  right: 2px;
}
.c_b2 {
  bottom: 2px;
}
.c_t3 {
  top: 3px;
}
.c_l3 {
  left: 3px;
}
.c_r3 {
  right: 3px;
}
.c_b3 {
  bottom: 3px;
}
.c_t4 {
  top: 4px;
}
.c_l4 {
  left: 4px;
}
.c_r4 {
  right: 4px;
}
.c_b4 {
  bottom: 4px;
}
.c_t5 {
  top: 5px;
}
.c_l5 {
  left: 5px;
}
.c_r5 {
  right: 5px;
}
.c_b5 {
  bottom: 5px;
}
.c_t6 {
  top: 6px;
}
.c_l6 {
  left: 6px;
}
.c_r6 {
  right: 6px;
}
.c_b6 {
  bottom: 6px;
}
.c_t7 {
  top: 7px;
}
.c_l7 {
  left: 7px;
}
.c_r7 {
  right: 7px;
}
.c_b7 {
  bottom: 7px;
}
.c_t8 {
  top: 8px;
}
.c_l8 {
  left: 8px;
}
.c_r8 {
  right: 8px;
}
.c_b8 {
  bottom: 8px;
}
.c_t9 {
  top: 9px;
}
.c_l9 {
  left: 9px;
}
.c_r9 {
  right: 9px;
}
.c_b9 {
  bottom: 9px;
}
.c_t10 {
  top: 10px;
}
.c_l10 {
  left: 10px;
}
.c_r10 {
  right: 10px;
}
.c_b10 {
  bottom: 10px;
}
.c_db {
  display: block;
}
.c_dib {
  display: inline-block;
}
.c_di {
  display: inline;
}
.c_dn {
  display: none;
}
.c_df {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.c_fxwn {
  flex-wrap: nowrap;
}
.c_fxww {
  flex-wrap: wrap;
}
.c_jcfs {
  justify-content: flex-start;
}
.c_jcc {
  justify-content: center;
}
.c_jcsb {
  justify-content: space-between;
}
.c_aifs {
  align-items: flex-start;
}
.c_aife {
  align-items: flex-end;
}
.c_ais {
  align-items: stretch;
}
.c_bdt_0px {
  border-top-width: 0px;
}
.c_bdl_0px {
  border-left-width: 0px;
}
.c_bdr_0px {
  border-right-width: 0px;
}
.c_bdb_0px {
  border-bottom-width: 0px;
}
.c_bdt_1px {
  border-top-width: 1px;
}
.c_bdl_1px {
  border-left-width: 1px;
}
.c_bdr_1px {
  border-right-width: 1px;
}
.c_bdb_1px {
  border-bottom-width: 1px;
}
.c_bdt_2px {
  border-top-width: 2px;
}
.c_bdl_2px {
  border-left-width: 2px;
}
.c_bdr_2px {
  border-right-width: 2px;
}
.c_bdb_2px {
  border-bottom-width: 2px;
}
.c_bdt_3px {
  border-top-width: 3px;
}
.c_bdl_3px {
  border-left-width: 3px;
}
.c_bdr_3px {
  border-right-width: 3px;
}
.c_bdb_3px {
  border-bottom-width: 3px;
}
.c_bdt_4px {
  border-top-width: 4px;
}
.c_bdl_4px {
  border-left-width: 4px;
}
.c_bdr_4px {
  border-right-width: 4px;
}
.c_bdb_4px {
  border-bottom-width: 4px;
}
.c_bdt_5px {
  border-top-width: 5px;
}
.c_bdl_5px {
  border-left-width: 5px;
}
.c_bdr_5px {
  border-right-width: 5px;
}
.c_bdb_5px {
  border-bottom-width: 5px;
}
.c_tf_ty-100p {
  transform: translateY(-100%);
}
.c_tf_ty-50p {
  transform: translateY(-50%);
}
.c_tf_s50p {
  transform: scale(0.5, 0.5);
}
.c_w10p {
  width: 10%;
}
.c_w20p {
  width: 20%;
}
.c_w30p {
  width: 30%;
}
.c_w40p {
  width: 40%;
}
.c_w50p {
  width: 50%;
}
.c_w60p {
  width: 60%;
}
.c_w70p {
  width: 70%;
}
.c_w80p {
  width: 80%;
}
.c_w90p {
  width: 90%;
}
.c_w100p {
  width: 100%;
}
.c_h20p {
  height: 20%;
}
.c_h100p {
  height: 100%;
}
.c_h100p {
  height: 100%;
}
.c_h100p {
  height: 100%;
}
.c_h100p {
  height: 100%;
}
.c_w10 {
  width: 10px;
}
.c_h10 {
  height: 10px;
}
.c_w12 {
  width: 12px;
}
.c_h12 {
  height: 12px;
}
.c_w14 {
  width: 14px;
}
.c_h14 {
  height: 14px;
}
.c_w16 {
  width: 16px;
}
.c_h16 {
  height: 16px;
}
.c_w18 {
  width: 18px;
}
.c_h18 {
  height: 18px;
}
.c_w20 {
  width: 20px;
}
.c_h20 {
  height: 20px;
}
.c_w22 {
  width: 22px;
}
.c_h22 {
  height: 22px;
}
.c_w24 {
  width: 24px;
}
.c_h24 {
  height: 24px;
}
.c_w26 {
  width: 26px;
}
.c_h26 {
  height: 26px;
}
.c_w28 {
  width: 28px;
}
.c_h28 {
  height: 28px;
}
.c_w30 {
  width: 30px;
}
.c_h30 {
  height: 30px;
}
.c_w32 {
  width: 32px;
}
.c_h32 {
  height: 32px;
}
.c_w34 {
  width: 34px;
}
.c_h34 {
  height: 34px;
}
.c_w36 {
  width: 36px;
}
.c_h36 {
  height: 36px;
}
.c_w38 {
  width: 38px;
}
.c_h38 {
  height: 38px;
}
.c_w40 {
  width: 40px;
}
.c_h40 {
  height: 40px;
}
.c_w42 {
  width: 42px;
}
.c_h42 {
  height: 42px;
}
.c_w44 {
  width: 44px;
}
.c_h44 {
  height: 44px;
}
.c_w46 {
  width: 46px;
}
.c_h46 {
  height: 46px;
}
.c_w48 {
  width: 48px;
}
.c_h48 {
  height: 48px;
}
.c_w50 {
  width: 50px;
}
.c_h50 {
  height: 50px;
}
.c_w60 {
  width: 60px;
}
.c_h60 {
  height: 60px;
}
.c_w70 {
  width: 70px;
}
.c_h70 {
  height: 70px;
}
.c_w80 {
  width: 80px;
}
.c_h80 {
  height: 80px;
}
.c_w90 {
  width: 90px;
}
.c_h90 {
  height: 90px;
}
.c_w100 {
  width: 100px;
}
.c_h100 {
  height: 100px;
}
.c_w110 {
  width: 110px;
}
.c_h110 {
  height: 110px;
}
.c_w120 {
  width: 120px;
}
.c_h120 {
  height: 120px;
}
.c_w130 {
  width: 130px;
}
.c_h130 {
  height: 130px;
}
.c_w140 {
  width: 140px;
}
.c_h140 {
  height: 140px;
}
.c_w150 {
  width: 150px;
}
.c_h150 {
  height: 150px;
}
.c_w160 {
  width: 160px;
}
.c_h160 {
  height: 160px;
}
.c_w170 {
  width: 170px;
}
.c_h170 {
  height: 170px;
}
.c_w180 {
  width: 180px;
}
.c_h180 {
  height: 180px;
}
.c_w190 {
  width: 190px;
}
.c_h190 {
  height: 190px;
}
.c_w200 {
  width: 200px;
}
.c_h200 {
  height: 200px;
}
.c_w210 {
  width: 210px;
}
.c_h210 {
  height: 210px;
}
.c_w220 {
  width: 220px;
}
.c_h220 {
  height: 220px;
}
.c_w230 {
  width: 230px;
}
.c_h230 {
  height: 230px;
}
.c_w240 {
  width: 240px;
}
.c_h240 {
  height: 240px;
}
.c_w250 {
  width: 250px;
}
.c_h250 {
  height: 250px;
}
.c_w260 {
  width: 260px;
}
.c_h260 {
  height: 260px;
}
.c_w270 {
  width: 270px;
}
.c_h270 {
  height: 270px;
}
.c_w280 {
  width: 280px;
}
.c_h280 {
  height: 280px;
}
.c_w290 {
  width: 290px;
}
.c_h290 {
  height: 290px;
}
.c_w300 {
  width: 300px;
}
.c_h300 {
  height: 300px;
}
.c_w310 {
  width: 310px;
}
.c_h310 {
  height: 310px;
}
.c_w320 {
  width: 320px;
}
.c_h320 {
  height: 320px;
}
.c_w330 {
  width: 330px;
}
.c_h330 {
  height: 330px;
}
.c_w340 {
  width: 340px;
}
.c_h340 {
  height: 340px;
}
.c_w350 {
  width: 350px;
}
.c_h350 {
  height: 350px;
}
.c_w360 {
  width: 360px;
}
.c_w380 {
  width: 380px;
}
.c_w400 {
  width: 400px;
}
.c_w420 {
  width: 420px;
}
.c_w440 {
  width: 440px;
}
.c_w460 {
  width: 460px;
}
.c_w480 {
  width: 480px;
}
.c_w500 {
  width: 500px;
}
.c_w510 {
  width: 510px;
}
.c_w520 {
  width: 520px;
}
.c_w540 {
  width: 540px;
}
.c_w560 {
  width: 560px;
}
.c_w580 {
  width: 580px;
}
.c_w600 {
  width: 600px;
}
.c_w620 {
  width: 620px;
}
.c_w640 {
  width: 640px;
}
.c_w660 {
  width: 660px;
}
.c_w680 {
  width: 680px;
}
.c_w700 {
  width: 700px;
}
.c_w750 {
  width: 750px;
}
.c_w800 {
  width: 800px;
}
.c_w850 {
  width: 850px;
}
.c_w900 {
  width: 900px;
}
.c_w950 {
  width: 950px;
}
.c_w1000 {
  width: 1000px;
}
.c_ma {
  margin: auto;
}
.c_mt0 {
  margin-top: 0;
}
.c_mb0 {
  margin-bottom: 0;
}
.c_ml0 {
  margin-left: 0;
}
.c_mr0 {
  margin-right: 0;
}
.c_pt0 {
  padding-top: 0;
}
.c_pb0 {
  padding-bottom: 0;
}
.c_pl0 {
  padding-left: 0;
}
.c_pr0 {
  padding-right: 0;
}
.c_mt5 {
  margin-top: 5px;
}
.c_mb5 {
  margin-bottom: 5px;
}
.c_ml5 {
  margin-left: 5px;
}
.c_mr5 {
  margin-right: 5px;
}
.c_m5_vert {
  margin-top: 5px;
  margin-bottom: 5px;
}
.c_m5_horizon {
  margin-left: 5px;
  margin-right: 5px;
}
.c_pt5 {
  padding-top: 5px;
}
.c_pb5 {
  padding-bottom: 5px;
}
.c_pl5 {
  padding-left: 5px;
}
.c_pr5 {
  padding-right: 5px;
}
.c_p5_vert {
  padding-top: 5px;
  padding-bottom: 5px;
}
.c_p5_horizon {
  padding-left: 5px;
  padding-right: 5px;
}
.c_mt10 {
  margin-top: 10px;
}
.c_mb10 {
  margin-bottom: 10px;
}
.c_ml10 {
  margin-left: 10px;
}
.c_mr10 {
  margin-right: 10px;
}
.c_m10_vert {
  margin-top: 10px;
  margin-bottom: 10px;
}
.c_m10_horizon {
  margin-left: 10px;
  margin-right: 10px;
}
.c_pt10 {
  padding-top: 10px;
}
.c_pb10 {
  padding-bottom: 10px;
}
.c_pl10 {
  padding-left: 10px;
}
.c_pr10 {
  padding-right: 10px;
}
.c_p10_vert {
  padding-top: 10px;
  padding-bottom: 10px;
}
.c_p10_horizon {
  padding-left: 10px;
  padding-right: 10px;
}
.c_mt15 {
  margin-top: 15px;
}
.c_mb15 {
  margin-bottom: 15px;
}
.c_ml15 {
  margin-left: 15px;
}
.c_mr15 {
  margin-right: 15px;
}
.c_m15_vert {
  margin-top: 15px;
  margin-bottom: 15px;
}
.c_m15_horizon {
  margin-left: 15px;
  margin-right: 15px;
}
.c_pt15 {
  padding-top: 15px;
}
.c_pb15 {
  padding-bottom: 15px;
}
.c_pl15 {
  padding-left: 15px;
}
.c_pr15 {
  padding-right: 15px;
}
.c_p15_vert {
  padding-top: 15px;
  padding-bottom: 15px;
}
.c_p15_horizon {
  padding-left: 15px;
  padding-right: 15px;
}
.c_mt20 {
  margin-top: 20px;
}
.c_mb20 {
  margin-bottom: 20px;
}
.c_ml20 {
  margin-left: 20px;
}
.c_mr20 {
  margin-right: 20px;
}
.c_m20_vert {
  margin-top: 20px;
  margin-bottom: 20px;
}
.c_m20_horizon {
  margin-left: 20px;
  margin-right: 20px;
}
.c_pt20 {
  padding-top: 20px;
}
.c_pb20 {
  padding-bottom: 20px;
}
.c_pl20 {
  padding-left: 20px;
}
.c_pr20 {
  padding-right: 20px;
}
.c_p20_vert {
  padding-top: 20px;
  padding-bottom: 20px;
}
.c_p20_horizon {
  padding-left: 20px;
  padding-right: 20px;
}
.c_mt25 {
  margin-top: 25px;
}
.c_mb25 {
  margin-bottom: 25px;
}
.c_ml25 {
  margin-left: 25px;
}
.c_mr25 {
  margin-right: 25px;
}
.c_m25_vert {
  margin-top: 25px;
  margin-bottom: 25px;
}
.c_m25_horizon {
  margin-left: 25px;
  margin-right: 25px;
}
.c_pt25 {
  padding-top: 25px;
}
.c_pb25 {
  padding-bottom: 25px;
}
.c_pl25 {
  padding-left: 25px;
}
.c_pr25 {
  padding-right: 25px;
}
.c_p25_vert {
  padding-top: 25px;
  padding-bottom: 25px;
}
.c_p25_horizon {
  padding-left: 25px;
  padding-right: 25px;
}
.c_mt30 {
  margin-top: 30px;
}
.c_mb30 {
  margin-bottom: 30px;
}
.c_ml30 {
  margin-left: 30px;
}
.c_mr30 {
  margin-right: 30px;
}
.c_m30_vert {
  margin-top: 30px;
  margin-bottom: 30px;
}
.c_m30_horizon {
  margin-left: 30px;
  margin-right: 30px;
}
.c_pt30 {
  padding-top: 30px;
}
.c_pb30 {
  padding-bottom: 30px;
}
.c_pl30 {
  padding-left: 30px;
}
.c_pr30 {
  padding-right: 30px;
}
.c_p30_vert {
  padding-top: 30px;
  padding-bottom: 30px;
}
.c_p30_horizon {
  padding-left: 30px;
  padding-right: 30px;
}
.c_mt35 {
  margin-top: 35px;
}
.c_mb35 {
  margin-bottom: 35px;
}
.c_ml35 {
  margin-left: 35px;
}
.c_mr35 {
  margin-right: 35px;
}
.c_m35_vert {
  margin-top: 35px;
  margin-bottom: 35px;
}
.c_m35_horizon {
  margin-left: 35px;
  margin-right: 35px;
}
.c_pt35 {
  padding-top: 35px;
}
.c_pb35 {
  padding-bottom: 35px;
}
.c_pl35 {
  padding-left: 35px;
}
.c_pr35 {
  padding-right: 35px;
}
.c_p35_vert {
  padding-top: 35px;
  padding-bottom: 35px;
}
.c_p35_horizon {
  padding-left: 35px;
  padding-right: 35px;
}
.c_mt40 {
  margin-top: 40px;
}
.c_mb40 {
  margin-bottom: 40px;
}
.c_ml40 {
  margin-left: 40px;
}
.c_mr40 {
  margin-right: 40px;
}
.c_m40_vert {
  margin-top: 40px;
  margin-bottom: 40px;
}
.c_m40_horizon {
  margin-left: 40px;
  margin-right: 40px;
}
.c_pt40 {
  padding-top: 40px;
}
.c_pb40 {
  padding-bottom: 40px;
}
.c_pl40 {
  padding-left: 40px;
}
.c_pr40 {
  padding-right: 40px;
}
.c_p40_vert {
  padding-top: 40px;
  padding-bottom: 40px;
}
.c_p40_horizon {
  padding-left: 40px;
  padding-right: 40px;
}
.c_mt45 {
  margin-top: 45px;
}
.c_mb45 {
  margin-bottom: 45px;
}
.c_ml45 {
  margin-left: 45px;
}
.c_mr45 {
  margin-right: 45px;
}
.c_m45_vert {
  margin-top: 45px;
  margin-bottom: 45px;
}
.c_m45_horizon {
  margin-left: 45px;
  margin-right: 45px;
}
.c_pt45 {
  padding-top: 45px;
}
.c_pb45 {
  padding-bottom: 45px;
}
.c_pl45 {
  padding-left: 45px;
}
.c_pr45 {
  padding-right: 45px;
}
.c_p45_vert {
  padding-top: 45px;
  padding-bottom: 45px;
}
.c_p45_horizon {
  padding-left: 45px;
  padding-right: 45px;
}
.c_mt50 {
  margin-top: 50px;
}
.c_mb50 {
  margin-bottom: 50px;
}
.c_ml50 {
  margin-left: 50px;
}
.c_mr50 {
  margin-right: 50px;
}
.c_m50_vert {
  margin-top: 50px;
  margin-bottom: 50px;
}
.c_m50_horizon {
  margin-left: 50px;
  margin-right: 50px;
}
.c_pt50 {
  padding-top: 50px;
}
.c_pb50 {
  padding-bottom: 50px;
}
.c_pl50 {
  padding-left: 50px;
}
.c_pr50 {
  padding-right: 50px;
}
.c_p50_vert {
  padding-top: 50px;
  padding-bottom: 50px;
}
.c_p50_horizon {
  padding-left: 50px;
  padding-right: 50px;
}
.c_mt55 {
  margin-top: 55px;
}
.c_mb55 {
  margin-bottom: 55px;
}
.c_ml55 {
  margin-left: 55px;
}
.c_mr55 {
  margin-right: 55px;
}
.c_m55_vert {
  margin-top: 55px;
  margin-bottom: 55px;
}
.c_m55_horizon {
  margin-left: 55px;
  margin-right: 55px;
}
.c_pt55 {
  padding-top: 55px;
}
.c_pb55 {
  padding-bottom: 55px;
}
.c_pl55 {
  padding-left: 55px;
}
.c_pr55 {
  padding-right: 55px;
}
.c_p55_vert {
  padding-top: 55px;
  padding-bottom: 55px;
}
.c_p55_horizon {
  padding-left: 55px;
  padding-right: 55px;
}
.c_mt60 {
  margin-top: 60px;
}
.c_mb60 {
  margin-bottom: 60px;
}
.c_ml60 {
  margin-left: 60px;
}
.c_mr60 {
  margin-right: 60px;
}
.c_m60_vert {
  margin-top: 60px;
  margin-bottom: 60px;
}
.c_m60_horizon {
  margin-left: 60px;
  margin-right: 60px;
}
.c_pt60 {
  padding-top: 60px;
}
.c_pb60 {
  padding-bottom: 60px;
}
.c_pl60 {
  padding-left: 60px;
}
.c_pr60 {
  padding-right: 60px;
}
.c_p60_vert {
  padding-top: 60px;
  padding-bottom: 60px;
}
.c_p60_horizon {
  padding-left: 60px;
  padding-right: 60px;
}
.c_mt65 {
  margin-top: 65px;
}
.c_mb65 {
  margin-bottom: 65px;
}
.c_ml65 {
  margin-left: 65px;
}
.c_mr65 {
  margin-right: 65px;
}
.c_m65_vert {
  margin-top: 65px;
  margin-bottom: 65px;
}
.c_m65_horizon {
  margin-left: 65px;
  margin-right: 65px;
}
.c_pt65 {
  padding-top: 65px;
}
.c_pb65 {
  padding-bottom: 65px;
}
.c_pl65 {
  padding-left: 65px;
}
.c_pr65 {
  padding-right: 65px;
}
.c_p65_vert {
  padding-top: 65px;
  padding-bottom: 65px;
}
.c_p65_horizon {
  padding-left: 65px;
  padding-right: 65px;
}
.c_mt70 {
  margin-top: 70px;
}
.c_mb70 {
  margin-bottom: 70px;
}
.c_ml70 {
  margin-left: 70px;
}
.c_mr70 {
  margin-right: 70px;
}
.c_m70_vert {
  margin-top: 70px;
  margin-bottom: 70px;
}
.c_m70_horizon {
  margin-left: 70px;
  margin-right: 70px;
}
.c_pt70 {
  padding-top: 70px;
}
.c_pb70 {
  padding-bottom: 70px;
}
.c_pl70 {
  padding-left: 70px;
}
.c_pr70 {
  padding-right: 70px;
}
.c_p70_vert {
  padding-top: 70px;
  padding-bottom: 70px;
}
.c_p70_horizon {
  padding-left: 70px;
  padding-right: 70px;
}
.c_mt75 {
  margin-top: 75px;
}
.c_mb75 {
  margin-bottom: 75px;
}
.c_ml75 {
  margin-left: 75px;
}
.c_mr75 {
  margin-right: 75px;
}
.c_m75_vert {
  margin-top: 75px;
  margin-bottom: 75px;
}
.c_m75_horizon {
  margin-left: 75px;
  margin-right: 75px;
}
.c_pt75 {
  padding-top: 75px;
}
.c_pb75 {
  padding-bottom: 75px;
}
.c_pl75 {
  padding-left: 75px;
}
.c_pr75 {
  padding-right: 75px;
}
.c_p75_vert {
  padding-top: 75px;
  padding-bottom: 75px;
}
.c_p75_horizon {
  padding-left: 75px;
  padding-right: 75px;
}
.c_mt80 {
  margin-top: 80px;
}
.c_mb80 {
  margin-bottom: 80px;
}
.c_ml80 {
  margin-left: 80px;
}
.c_mr80 {
  margin-right: 80px;
}
.c_m80_vert {
  margin-top: 80px;
  margin-bottom: 80px;
}
.c_m80_horizon {
  margin-left: 80px;
  margin-right: 80px;
}
.c_pt80 {
  padding-top: 80px;
}
.c_pb80 {
  padding-bottom: 80px;
}
.c_pl80 {
  padding-left: 80px;
}
.c_pr80 {
  padding-right: 80px;
}
.c_p80_vert {
  padding-top: 80px;
  padding-bottom: 80px;
}
.c_p80_horizon {
  padding-left: 80px;
  padding-right: 80px;
}
.c_mt85 {
  margin-top: 85px;
}
.c_mb85 {
  margin-bottom: 85px;
}
.c_ml85 {
  margin-left: 85px;
}
.c_mr85 {
  margin-right: 85px;
}
.c_m85_vert {
  margin-top: 85px;
  margin-bottom: 85px;
}
.c_m85_horizon {
  margin-left: 85px;
  margin-right: 85px;
}
.c_pt85 {
  padding-top: 85px;
}
.c_pb85 {
  padding-bottom: 85px;
}
.c_pl85 {
  padding-left: 85px;
}
.c_pr85 {
  padding-right: 85px;
}
.c_p85_vert {
  padding-top: 85px;
  padding-bottom: 85px;
}
.c_p85_horizon {
  padding-left: 85px;
  padding-right: 85px;
}
.c_mt90 {
  margin-top: 90px;
}
.c_mb90 {
  margin-bottom: 90px;
}
.c_ml90 {
  margin-left: 90px;
}
.c_mr90 {
  margin-right: 90px;
}
.c_m90_vert {
  margin-top: 90px;
  margin-bottom: 90px;
}
.c_m90_horizon {
  margin-left: 90px;
  margin-right: 90px;
}
.c_pt90 {
  padding-top: 90px;
}
.c_pb90 {
  padding-bottom: 90px;
}
.c_pl90 {
  padding-left: 90px;
}
.c_pr90 {
  padding-right: 90px;
}
.c_p90_vert {
  padding-top: 90px;
  padding-bottom: 90px;
}
.c_p90_horizon {
  padding-left: 90px;
  padding-right: 90px;
}
.c_mt95 {
  margin-top: 95px;
}
.c_mb95 {
  margin-bottom: 95px;
}
.c_ml95 {
  margin-left: 95px;
}
.c_mr95 {
  margin-right: 95px;
}
.c_m95_vert {
  margin-top: 95px;
  margin-bottom: 95px;
}
.c_m95_horizon {
  margin-left: 95px;
  margin-right: 95px;
}
.c_pt95 {
  padding-top: 95px;
}
.c_pb95 {
  padding-bottom: 95px;
}
.c_pl95 {
  padding-left: 95px;
}
.c_pr95 {
  padding-right: 95px;
}
.c_p95_vert {
  padding-top: 95px;
  padding-bottom: 95px;
}
.c_p95_horizon {
  padding-left: 95px;
  padding-right: 95px;
}
.c_mt100 {
  margin-top: 100px;
}
.c_mb100 {
  margin-bottom: 100px;
}
.c_ml100 {
  margin-left: 100px;
}
.c_mr100 {
  margin-right: 100px;
}
.c_m100_vert {
  margin-top: 100px;
  margin-bottom: 100px;
}
.c_m100_horizon {
  margin-left: 100px;
  margin-right: 100px;
}
.c_pt100 {
  padding-top: 100px;
}
.c_pb100 {
  padding-bottom: 100px;
}
.c_pl100 {
  padding-left: 100px;
}
.c_pr100 {
  padding-right: 100px;
}
.c_p100_vert {
  padding-top: 100px;
  padding-bottom: 100px;
}
.c_p100_horizon {
  padding-left: 100px;
  padding-right: 100px;
}
.c_fz10 {
  font-size: 10px;
}
.c_fz12 {
  font-size: 12px;
}
.c_fz14 {
  font-size: 14px;
}
.c_fz16 {
  font-size: 16px;
}
.c_fz18 {
  font-size: 18px;
}
.c_fz20 {
  font-size: 20px;
}
.c_fz22 {
  font-size: 22px;
}
.c_fz24 {
  font-size: 24px;
}
.c_fz26 {
  font-size: 26px;
}
.c_fz28 {
  font-size: 28px;
}
.c_fz30 {
  font-size: 30px;
}
.c_fz32 {
  font-size: 32px;
}
.c_fz34 {
  font-size: 34px;
}
.c_fz36 {
  font-size: 36px;
}
.c_fz38 {
  font-size: 38px;
}
.c_fz40 {
  font-size: 40px;
}
.c_fz42 {
  font-size: 42px;
}
.c_fz44 {
  font-size: 44px;
}
.c_fz46 {
  font-size: 46px;
}
.c_fz48 {
  font-size: 48px;
}
.c_fz50 {
  font-size: 50px;
}
.c_fz52 {
  font-size: 52px;
}
.c_fz54 {
  font-size: 54px;
}
.c_fz56 {
  font-size: 56px;
}
.c_fz58 {
  font-size: 58px;
}
.c_fz60 {
  font-size: 60px;
}
.c_fz62 {
  font-size: 62px;
}
.c_fz64 {
  font-size: 64px;
}
.c_fz66 {
  font-size: 66px;
}
.c_fz68 {
  font-size: 68px;
}
.c_fz70 {
  font-size: 70px;
}
.c_lh10 {
  line-height: 1;
}
.c_lh11 {
  line-height: 1.1;
}
.c_lh12 {
  line-height: 1.2;
}
.c_lh13 {
  line-height: 1.3;
}
.c_lh14 {
  line-height: 1.4;
}
.c_lh15 {
  line-height: 1.5;
}
.c_lh16 {
  line-height: 1.6;
}
.c_lh17 {
  line-height: 1.7;
}
.c_lh18 {
  line-height: 1.8;
}
.c_lh19 {
  line-height: 1.9;
}
.c_lh20 {
  line-height: 2;
}
.c_ls01 {
  letter-spacing: 1px;
}
.c_ls02 {
  letter-spacing: 2px;
}
.c_ls03 {
  letter-spacing: 3px;
}
.c_ls04 {
  letter-spacing: 4px;
}
.c_ls05 {
  letter-spacing: 5px;
}
.c_ls06 {
  letter-spacing: 6px;
}
.c_ls07 {
  letter-spacing: 7px;
}
.c_ls08 {
  letter-spacing: 8px;
}
.c_ls09 {
  letter-spacing: 9px;
}
.c_ls10 {
  letter-spacing: 10px;
}
.c_ls11 {
  letter-spacing: 11px;
}
.c_ls12 {
  letter-spacing: 12px;
}
.c_ls13 {
  letter-spacing: 13px;
}
.c_ls14 {
  letter-spacing: 14px;
}
.c_ls15 {
  letter-spacing: 15px;
}
.c_ls16 {
  letter-spacing: 16px;
}
.c_ls17 {
  letter-spacing: 17px;
}
.c_ls18 {
  letter-spacing: 18px;
}
.c_ls19 {
  letter-spacing: 19px;
}
.c_ls20 {
  letter-spacing: 20px;
}
.c_tac {
  text-align: center;
}
.c_tal {
  text-align: left;
}
.c_tar {
  text-align: right;
}
.c_fwb {
  font-weight: bold;
}
.c_fwn {
  font-weight: normal;
}
.c_t_white {
  color: #ffffff;
}
.c_ofh {
  overflow: hidden;
}
.c_ti-5em {
  text-indent: -5em;
}
.c_ti-4em {
  text-indent: -4em;
}
.c_ti-3em {
  text-indent: -3em;
}
.c_ti-2em {
  text-indent: -2em;
}
.c_ti-1em {
  text-indent: -1em;
}
.c_pl0em {
  padding-left: 0em;
}
.c_ti0em {
  text-indent: 0em;
}
.c_pl1em {
  padding-left: 1em;
}
.c_ti1em {
  text-indent: 1em;
}
.c_pl2em {
  padding-left: 2em;
}
.c_ti2em {
  text-indent: 2em;
}
.c_pl3em {
  padding-left: 3em;
}
.c_ti3em {
  text-indent: 3em;
}
.c_pl4em {
  padding-left: 4em;
}
.c_ti4em {
  text-indent: 4em;
}
.c_pl5em {
  padding-left: 5em;
}
.c_ti5em {
  text-indent: 5em;
}
.c_zi0 {
  z-index: 0;
}
.c_zi1 {
  z-index: 1;
}
.c_zi2 {
  z-index: 2;
}
.c_zi3 {
  z-index: 3;
}
.c_zi4 {
  z-index: 4;
}
.c_zi5 {
  z-index: 5;
}
.c_zi6 {
  z-index: 6;
}
.c_zi7 {
  z-index: 7;
}
.c_zi8 {
  z-index: 8;
}
.c_zi9 {
  z-index: 9;
}
.c_zi10 {
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .c_sp_posr {
    position: relative;
  }
  .c_sp_posa {
    position: absolute;
  }
  .c_sp_posf {
    position: fixed;
  }
  .c_sp_t0 {
    top: 0px;
  }
  .c_sp_l0 {
    left: 0px;
  }
  .c_sp_r0 {
    right: 0px;
  }
  .c_sp_b0 {
    bottom: 0px;
  }
  .c_sp_t1 {
    top: 1px;
  }
  .c_sp_l1 {
    left: 1px;
  }
  .c_sp_r1 {
    right: 1px;
  }
  .c_sp_b1 {
    bottom: 1px;
  }
  .c_sp_t2 {
    top: 2px;
  }
  .c_sp_l2 {
    left: 2px;
  }
  .c_sp_r2 {
    right: 2px;
  }
  .c_sp_b2 {
    bottom: 2px;
  }
  .c_sp_t3 {
    top: 3px;
  }
  .c_sp_l3 {
    left: 3px;
  }
  .c_sp_r3 {
    right: 3px;
  }
  .c_sp_b3 {
    bottom: 3px;
  }
  .c_sp_t4 {
    top: 4px;
  }
  .c_sp_l4 {
    left: 4px;
  }
  .c_sp_r4 {
    right: 4px;
  }
  .c_sp_b4 {
    bottom: 4px;
  }
  .c_sp_t5 {
    top: 5px;
  }
  .c_sp_l5 {
    left: 5px;
  }
  .c_sp_r5 {
    right: 5px;
  }
  .c_sp_b5 {
    bottom: 5px;
  }
  .c_sp_t6 {
    top: 6px;
  }
  .c_sp_l6 {
    left: 6px;
  }
  .c_sp_r6 {
    right: 6px;
  }
  .c_sp_b6 {
    bottom: 6px;
  }
  .c_sp_t7 {
    top: 7px;
  }
  .c_sp_l7 {
    left: 7px;
  }
  .c_sp_r7 {
    right: 7px;
  }
  .c_sp_b7 {
    bottom: 7px;
  }
  .c_sp_t8 {
    top: 8px;
  }
  .c_sp_l8 {
    left: 8px;
  }
  .c_sp_r8 {
    right: 8px;
  }
  .c_sp_b8 {
    bottom: 8px;
  }
  .c_sp_t9 {
    top: 9px;
  }
  .c_sp_l9 {
    left: 9px;
  }
  .c_sp_r9 {
    right: 9px;
  }
  .c_sp_b9 {
    bottom: 9px;
  }
  .c_sp_t10 {
    top: 10px;
  }
  .c_sp_l10 {
    left: 10px;
  }
  .c_sp_r10 {
    right: 10px;
  }
  .c_sp_b10 {
    bottom: 10px;
  }
  .c_sp_db {
    display: block;
  }
  .c_sp_dib {
    display: inline-block;
  }
  .c_sp_di {
    display: inline;
  }
  .c_sp_dn {
    display: none;
  }
  .c_sp_df {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .c_sp_fxwn {
    flex-wrap: nowrap;
  }
  .c_sp_fxww {
    flex-wrap: wrap;
  }
  .c_sp_jcfs {
    justify-content: flex-start;
  }
  .c_sp_jcc {
    justify-content: center;
  }
  .c_sp_jcsb {
    justify-content: space-between;
  }
  .c_sp_aifs {
    align-items: flex-start;
  }
  .c_sp_aife {
    align-items: flex-end;
  }
  .c_sp_ais {
    align-items: stretch;
  }
  .c_sp_bdt_0px {
    border-top-width: 0px;
  }
  .c_sp_bdl_0px {
    border-left-width: 0px;
  }
  .c_sp_bdr_0px {
    border-right-width: 0px;
  }
  .c_sp_bdb_0px {
    border-bottom-width: 0px;
  }
  .c_sp_bdt_1px {
    border-top-width: 1px;
  }
  .c_sp_bdl_1px {
    border-left-width: 1px;
  }
  .c_sp_bdr_1px {
    border-right-width: 1px;
  }
  .c_sp_bdb_1px {
    border-bottom-width: 1px;
  }
  .c_sp_bdt_2px {
    border-top-width: 2px;
  }
  .c_sp_bdl_2px {
    border-left-width: 2px;
  }
  .c_sp_bdr_2px {
    border-right-width: 2px;
  }
  .c_sp_bdb_2px {
    border-bottom-width: 2px;
  }
  .c_sp_bdt_3px {
    border-top-width: 3px;
  }
  .c_sp_bdl_3px {
    border-left-width: 3px;
  }
  .c_sp_bdr_3px {
    border-right-width: 3px;
  }
  .c_sp_bdb_3px {
    border-bottom-width: 3px;
  }
  .c_sp_bdt_4px {
    border-top-width: 4px;
  }
  .c_sp_bdl_4px {
    border-left-width: 4px;
  }
  .c_sp_bdr_4px {
    border-right-width: 4px;
  }
  .c_sp_bdb_4px {
    border-bottom-width: 4px;
  }
  .c_sp_bdt_5px {
    border-top-width: 5px;
  }
  .c_sp_bdl_5px {
    border-left-width: 5px;
  }
  .c_sp_bdr_5px {
    border-right-width: 5px;
  }
  .c_sp_bdb_5px {
    border-bottom-width: 5px;
  }
  .c_sp_tf_ty-100p {
    transform: translateY(-100%);
  }
  .c_sp_tf_ty-50p {
    transform: translateY(-50%);
  }
  .c_sp_tf_s50p {
    transform: scale(0.5, 0.5);
  }
  .c_sp_w10p {
    width: 10%;
  }
  .c_sp_w20p {
    width: 20%;
  }
  .c_sp_w30p {
    width: 30%;
  }
  .c_sp_w40p {
    width: 40%;
  }
  .c_sp_w50p {
    width: 50%;
  }
  .c_sp_w60p {
    width: 60%;
  }
  .c_sp_w70p {
    width: 70%;
  }
  .c_sp_w80p {
    width: 80%;
  }
  .c_sp_w85p {
    width: 85%;
  }
  .c_sp_w90p {
    width: 90%;
  }
  .c_sp_w100p {
    width: 100%;
  }
  .c_sp_h20p {
    height: 20%;
  }
  .c_sp_h100p {
    height: 100%;
  }
  .c_sp_h100p {
    height: 100%;
  }
  .c_sp_h100p {
    height: 100%;
  }
  .c_sp_h100p {
    height: 100%;
  }
  .c_sp_w10 {
    width: 10px;
  }
  .c_sp_h10 {
    height: 10px;
  }
  .c_sp_w12 {
    width: 12px;
  }
  .c_sp_h12 {
    height: 12px;
  }
  .c_sp_w14 {
    width: 14px;
  }
  .c_sp_h14 {
    height: 14px;
  }
  .c_sp_w16 {
    width: 16px;
  }
  .c_sp_h16 {
    height: 16px;
  }
  .c_sp_w18 {
    width: 18px;
  }
  .c_sp_h18 {
    height: 18px;
  }
  .c_sp_w20 {
    width: 20px;
  }
  .c_sp_h20 {
    height: 20px;
  }
  .c_sp_w22 {
    width: 22px;
  }
  .c_sp_h22 {
    height: 22px;
  }
  .c_sp_w24 {
    width: 24px;
  }
  .c_sp_h24 {
    height: 24px;
  }
  .c_sp_w26 {
    width: 26px;
  }
  .c_sp_h26 {
    height: 26px;
  }
  .c_sp_w28 {
    width: 28px;
  }
  .c_sp_h28 {
    height: 28px;
  }
  .c_sp_w30 {
    width: 30px;
  }
  .c_sp_h30 {
    height: 30px;
  }
  .c_sp_w32 {
    width: 32px;
  }
  .c_sp_h32 {
    height: 32px;
  }
  .c_sp_w34 {
    width: 34px;
  }
  .c_sp_h34 {
    height: 34px;
  }
  .c_sp_w36 {
    width: 36px;
  }
  .c_sp_h36 {
    height: 36px;
  }
  .c_sp_w38 {
    width: 38px;
  }
  .c_sp_h38 {
    height: 38px;
  }
  .c_sp_w40 {
    width: 40px;
  }
  .c_sp_h40 {
    height: 40px;
  }
  .c_sp_w42 {
    width: 42px;
  }
  .c_sp_h42 {
    height: 42px;
  }
  .c_sp_w44 {
    width: 44px;
  }
  .c_sp_h44 {
    height: 44px;
  }
  .c_sp_w46 {
    width: 46px;
  }
  .c_sp_h46 {
    height: 46px;
  }
  .c_sp_w48 {
    width: 48px;
  }
  .c_sp_h48 {
    height: 48px;
  }
  .c_sp_w50 {
    width: 50px;
  }
  .c_sp_h50 {
    height: 50px;
  }
  .c_sp_w60 {
    width: 60px;
  }
  .c_sp_h60 {
    height: 60px;
  }
  .c_sp_w70 {
    width: 70px;
  }
  .c_sp_h70 {
    height: 70px;
  }
  .c_sp_w80 {
    width: 80px;
  }
  .c_sp_h80 {
    height: 80px;
  }
  .c_sp_w90 {
    width: 90px;
  }
  .c_sp_h90 {
    height: 90px;
  }
  .c_sp_w100 {
    width: 100px;
  }
  .c_sp_h100 {
    height: 100px;
  }
  .c_sp_w110 {
    width: 110px;
  }
  .c_sp_h110 {
    height: 110px;
  }
  .c_sp_w120 {
    width: 120px;
  }
  .c_sp_h120 {
    height: 120px;
  }
  .c_sp_w130 {
    width: 130px;
  }
  .c_sp_h130 {
    height: 130px;
  }
  .c_sp_w140 {
    width: 140px;
  }
  .c_sp_h140 {
    height: 140px;
  }
  .c_sp_w150 {
    width: 150px;
  }
  .c_sp_h150 {
    height: 150px;
  }
  .c_sp_w160 {
    width: 160px;
  }
  .c_sp_h160 {
    height: 160px;
  }
  .c_sp_w170 {
    width: 170px;
  }
  .c_sp_h170 {
    height: 170px;
  }
  .c_sp_w180 {
    width: 180px;
  }
  .c_sp_h180 {
    height: 180px;
  }
  .c_sp_w190 {
    width: 190px;
  }
  .c_sp_h190 {
    height: 190px;
  }
  .c_sp_w200 {
    width: 200px;
  }
  .c_sp_h200 {
    height: 200px;
  }
  .c_sp_w220 {
    width: 220px;
  }
  .c_sp_w240 {
    width: 240px;
  }
  .c_sp_w260 {
    width: 260px;
  }
  .c_sp_w280 {
    width: 280px;
  }
  .c_sp_w300 {
    width: 300px;
  }
  .c_sp_w320 {
    width: 320px;
  }
  .c_sp_w340 {
    width: 340px;
  }
  .c_sp_w360 {
    width: 360px;
  }
  .c_sp_w380 {
    width: 380px;
  }
  .c_sp_w400 {
    width: 400px;
  }
  .c_sp_w420 {
    width: 420px;
  }
  .c_sp_w440 {
    width: 440px;
  }
  .c_sp_w460 {
    width: 460px;
  }
  .c_sp_w480 {
    width: 480px;
  }
  .c_sp_w500 {
    width: 500px;
  }
  .c_sp_w520 {
    width: 520px;
  }
  .c_sp_w540 {
    width: 540px;
  }
  .c_sp_w560 {
    width: 560px;
  }
  .c_sp_w580 {
    width: 580px;
  }
  .c_sp_w600 {
    width: 600px;
  }
  .c_sp_w620 {
    width: 620px;
  }
  .c_sp_w640 {
    width: 640px;
  }
  .c_sp_w660 {
    width: 660px;
  }
  .c_sp_w680 {
    width: 680px;
  }
  .c_sp_w700 {
    width: 700px;
  }
  .c_sp_w750 {
    width: 750px;
  }
  .c_sp_w800 {
    width: 800px;
  }
  .c_sp_w850 {
    width: 850px;
  }
  .c_sp_w900 {
    width: 900px;
  }
  .c_sp_w950 {
    width: 950px;
  }
  .c_sp_w1000 {
    width: 1000px;
  }
  .c_sp_ma {
    margin: auto;
  }
  .c_sp_mt0 {
    margin-top: 0px;
  }
  .c_sp_mb0 {
    margin-bottom: 0px;
  }
  .c_sp_ml0 {
    margin-left: 0px;
  }
  .c_sp_mr0 {
    margin-right: 0px;
  }
  .c_sp_m0_vert {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .c_sp_m0_horizon {
    margin-left: 0px;
    margin-right: 0px;
  }
  .c_sp_pt0 {
    padding-top: 0px;
  }
  .c_sp_pb0 {
    padding-bottom: 0px;
  }
  .c_sp_pl0 {
    padding-left: 0px;
  }
  .c_sp_pr0 {
    padding-right: 0px;
  }
  .c_sp_p0_vert {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .c_sp_p0_horizon {
    padding-left: 0px;
    padding-right: 0px;
  }
  .c_sp_mt5 {
    margin-top: 5px;
  }
  .c_sp_mb5 {
    margin-bottom: 5px;
  }
  .c_sp_ml5 {
    margin-left: 5px;
  }
  .c_sp_mr5 {
    margin-right: 5px;
  }
  .c_sp_m5_vert {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .c_sp_m5_horizon {
    margin-left: 5px;
    margin-right: 5px;
  }
  .c_sp_pt5 {
    padding-top: 5px;
  }
  .c_sp_pb5 {
    padding-bottom: 5px;
  }
  .c_sp_pl5 {
    padding-left: 5px;
  }
  .c_sp_pr5 {
    padding-right: 5px;
  }
  .c_sp_p5_vert {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .c_sp_p5_horizon {
    padding-left: 5px;
    padding-right: 5px;
  }
  .c_sp_mt10 {
    margin-top: 10px;
  }
  .c_sp_mb10 {
    margin-bottom: 10px;
  }
  .c_sp_ml10 {
    margin-left: 10px;
  }
  .c_sp_mr10 {
    margin-right: 10px;
  }
  .c_sp_m10_vert {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .c_sp_m10_horizon {
    margin-left: 10px;
    margin-right: 10px;
  }
  .c_sp_pt10 {
    padding-top: 10px;
  }
  .c_sp_pb10 {
    padding-bottom: 10px;
  }
  .c_sp_pl10 {
    padding-left: 10px;
  }
  .c_sp_pr10 {
    padding-right: 10px;
  }
  .c_sp_p10_vert {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .c_sp_p10_horizon {
    padding-left: 10px;
    padding-right: 10px;
  }
  .c_sp_mt15 {
    margin-top: 15px;
  }
  .c_sp_mb15 {
    margin-bottom: 15px;
  }
  .c_sp_ml15 {
    margin-left: 15px;
  }
  .c_sp_mr15 {
    margin-right: 15px;
  }
  .c_sp_m15_vert {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .c_sp_m15_horizon {
    margin-left: 15px;
    margin-right: 15px;
  }
  .c_sp_pt15 {
    padding-top: 15px;
  }
  .c_sp_pb15 {
    padding-bottom: 15px;
  }
  .c_sp_pl15 {
    padding-left: 15px;
  }
  .c_sp_pr15 {
    padding-right: 15px;
  }
  .c_sp_p15_vert {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .c_sp_p15_horizon {
    padding-left: 15px;
    padding-right: 15px;
  }
  .c_sp_mt20 {
    margin-top: 20px;
  }
  .c_sp_mb20 {
    margin-bottom: 20px;
  }
  .c_sp_ml20 {
    margin-left: 20px;
  }
  .c_sp_mr20 {
    margin-right: 20px;
  }
  .c_sp_m20_vert {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .c_sp_m20_horizon {
    margin-left: 20px;
    margin-right: 20px;
  }
  .c_sp_pt20 {
    padding-top: 20px;
  }
  .c_sp_pb20 {
    padding-bottom: 20px;
  }
  .c_sp_pl20 {
    padding-left: 20px;
  }
  .c_sp_pr20 {
    padding-right: 20px;
  }
  .c_sp_p20_vert {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .c_sp_p20_horizon {
    padding-left: 20px;
    padding-right: 20px;
  }
  .c_sp_mt25 {
    margin-top: 25px;
  }
  .c_sp_mb25 {
    margin-bottom: 25px;
  }
  .c_sp_ml25 {
    margin-left: 25px;
  }
  .c_sp_mr25 {
    margin-right: 25px;
  }
  .c_sp_m25_vert {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .c_sp_m25_horizon {
    margin-left: 25px;
    margin-right: 25px;
  }
  .c_sp_pt25 {
    padding-top: 25px;
  }
  .c_sp_pb25 {
    padding-bottom: 25px;
  }
  .c_sp_pl25 {
    padding-left: 25px;
  }
  .c_sp_pr25 {
    padding-right: 25px;
  }
  .c_sp_p25_vert {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .c_sp_p25_horizon {
    padding-left: 25px;
    padding-right: 25px;
  }
  .c_sp_mt30 {
    margin-top: 30px;
  }
  .c_sp_mb30 {
    margin-bottom: 30px;
  }
  .c_sp_ml30 {
    margin-left: 30px;
  }
  .c_sp_mr30 {
    margin-right: 30px;
  }
  .c_sp_m30_vert {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .c_sp_m30_horizon {
    margin-left: 30px;
    margin-right: 30px;
  }
  .c_sp_pt30 {
    padding-top: 30px;
  }
  .c_sp_pb30 {
    padding-bottom: 30px;
  }
  .c_sp_pl30 {
    padding-left: 30px;
  }
  .c_sp_pr30 {
    padding-right: 30px;
  }
  .c_sp_p30_vert {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .c_sp_p30_horizon {
    padding-left: 30px;
    padding-right: 30px;
  }
  .c_sp_mt35 {
    margin-top: 35px;
  }
  .c_sp_mb35 {
    margin-bottom: 35px;
  }
  .c_sp_ml35 {
    margin-left: 35px;
  }
  .c_sp_mr35 {
    margin-right: 35px;
  }
  .c_sp_m35_vert {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .c_sp_m35_horizon {
    margin-left: 35px;
    margin-right: 35px;
  }
  .c_sp_pt35 {
    padding-top: 35px;
  }
  .c_sp_pb35 {
    padding-bottom: 35px;
  }
  .c_sp_pl35 {
    padding-left: 35px;
  }
  .c_sp_pr35 {
    padding-right: 35px;
  }
  .c_sp_p35_vert {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .c_sp_p35_horizon {
    padding-left: 35px;
    padding-right: 35px;
  }
  .c_sp_mt40 {
    margin-top: 40px;
  }
  .c_sp_mb40 {
    margin-bottom: 40px;
  }
  .c_sp_ml40 {
    margin-left: 40px;
  }
  .c_sp_mr40 {
    margin-right: 40px;
  }
  .c_sp_m40_vert {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .c_sp_m40_horizon {
    margin-left: 40px;
    margin-right: 40px;
  }
  .c_sp_pt40 {
    padding-top: 40px;
  }
  .c_sp_pb40 {
    padding-bottom: 40px;
  }
  .c_sp_pl40 {
    padding-left: 40px;
  }
  .c_sp_pr40 {
    padding-right: 40px;
  }
  .c_sp_p40_vert {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .c_sp_p40_horizon {
    padding-left: 40px;
    padding-right: 40px;
  }
  .c_sp_mt45 {
    margin-top: 45px;
  }
  .c_sp_mb45 {
    margin-bottom: 45px;
  }
  .c_sp_ml45 {
    margin-left: 45px;
  }
  .c_sp_mr45 {
    margin-right: 45px;
  }
  .c_sp_m45_vert {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .c_sp_m45_horizon {
    margin-left: 45px;
    margin-right: 45px;
  }
  .c_sp_pt45 {
    padding-top: 45px;
  }
  .c_sp_pb45 {
    padding-bottom: 45px;
  }
  .c_sp_pl45 {
    padding-left: 45px;
  }
  .c_sp_pr45 {
    padding-right: 45px;
  }
  .c_sp_p45_vert {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .c_sp_p45_horizon {
    padding-left: 45px;
    padding-right: 45px;
  }
  .c_sp_mt50 {
    margin-top: 50px;
  }
  .c_sp_mb50 {
    margin-bottom: 50px;
  }
  .c_sp_ml50 {
    margin-left: 50px;
  }
  .c_sp_mr50 {
    margin-right: 50px;
  }
  .c_sp_m50_vert {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .c_sp_m50_horizon {
    margin-left: 50px;
    margin-right: 50px;
  }
  .c_sp_pt50 {
    padding-top: 50px;
  }
  .c_sp_pb50 {
    padding-bottom: 50px;
  }
  .c_sp_pl50 {
    padding-left: 50px;
  }
  .c_sp_pr50 {
    padding-right: 50px;
  }
  .c_sp_p50_vert {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .c_sp_p50_horizon {
    padding-left: 50px;
    padding-right: 50px;
  }
  .c_sp_mt55 {
    margin-top: 55px;
  }
  .c_sp_mb55 {
    margin-bottom: 55px;
  }
  .c_sp_ml55 {
    margin-left: 55px;
  }
  .c_sp_mr55 {
    margin-right: 55px;
  }
  .c_sp_m55_vert {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .c_sp_m55_horizon {
    margin-left: 55px;
    margin-right: 55px;
  }
  .c_sp_pt55 {
    padding-top: 55px;
  }
  .c_sp_pb55 {
    padding-bottom: 55px;
  }
  .c_sp_pl55 {
    padding-left: 55px;
  }
  .c_sp_pr55 {
    padding-right: 55px;
  }
  .c_sp_p55_vert {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .c_sp_p55_horizon {
    padding-left: 55px;
    padding-right: 55px;
  }
  .c_sp_mt60 {
    margin-top: 60px;
  }
  .c_sp_mb60 {
    margin-bottom: 60px;
  }
  .c_sp_ml60 {
    margin-left: 60px;
  }
  .c_sp_mr60 {
    margin-right: 60px;
  }
  .c_sp_m60_vert {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .c_sp_m60_horizon {
    margin-left: 60px;
    margin-right: 60px;
  }
  .c_sp_pt60 {
    padding-top: 60px;
  }
  .c_sp_pb60 {
    padding-bottom: 60px;
  }
  .c_sp_pl60 {
    padding-left: 60px;
  }
  .c_sp_pr60 {
    padding-right: 60px;
  }
  .c_sp_p60_vert {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .c_sp_p60_horizon {
    padding-left: 60px;
    padding-right: 60px;
  }
  .c_sp_mt65 {
    margin-top: 65px;
  }
  .c_sp_mb65 {
    margin-bottom: 65px;
  }
  .c_sp_ml65 {
    margin-left: 65px;
  }
  .c_sp_mr65 {
    margin-right: 65px;
  }
  .c_sp_m65_vert {
    margin-top: 65px;
    margin-bottom: 65px;
  }
  .c_sp_m65_horizon {
    margin-left: 65px;
    margin-right: 65px;
  }
  .c_sp_pt65 {
    padding-top: 65px;
  }
  .c_sp_pb65 {
    padding-bottom: 65px;
  }
  .c_sp_pl65 {
    padding-left: 65px;
  }
  .c_sp_pr65 {
    padding-right: 65px;
  }
  .c_sp_p65_vert {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .c_sp_p65_horizon {
    padding-left: 65px;
    padding-right: 65px;
  }
  .c_sp_mt70 {
    margin-top: 70px;
  }
  .c_sp_mb70 {
    margin-bottom: 70px;
  }
  .c_sp_ml70 {
    margin-left: 70px;
  }
  .c_sp_mr70 {
    margin-right: 70px;
  }
  .c_sp_m70_vert {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .c_sp_m70_horizon {
    margin-left: 70px;
    margin-right: 70px;
  }
  .c_sp_pt70 {
    padding-top: 70px;
  }
  .c_sp_pb70 {
    padding-bottom: 70px;
  }
  .c_sp_pl70 {
    padding-left: 70px;
  }
  .c_sp_pr70 {
    padding-right: 70px;
  }
  .c_sp_p70_vert {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .c_sp_p70_horizon {
    padding-left: 70px;
    padding-right: 70px;
  }
  .c_sp_mt75 {
    margin-top: 75px;
  }
  .c_sp_mb75 {
    margin-bottom: 75px;
  }
  .c_sp_ml75 {
    margin-left: 75px;
  }
  .c_sp_mr75 {
    margin-right: 75px;
  }
  .c_sp_m75_vert {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .c_sp_m75_horizon {
    margin-left: 75px;
    margin-right: 75px;
  }
  .c_sp_pt75 {
    padding-top: 75px;
  }
  .c_sp_pb75 {
    padding-bottom: 75px;
  }
  .c_sp_pl75 {
    padding-left: 75px;
  }
  .c_sp_pr75 {
    padding-right: 75px;
  }
  .c_sp_p75_vert {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .c_sp_p75_horizon {
    padding-left: 75px;
    padding-right: 75px;
  }
  .c_sp_mt80 {
    margin-top: 80px;
  }
  .c_sp_mb80 {
    margin-bottom: 80px;
  }
  .c_sp_ml80 {
    margin-left: 80px;
  }
  .c_sp_mr80 {
    margin-right: 80px;
  }
  .c_sp_m80_vert {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .c_sp_m80_horizon {
    margin-left: 80px;
    margin-right: 80px;
  }
  .c_sp_pt80 {
    padding-top: 80px;
  }
  .c_sp_pb80 {
    padding-bottom: 80px;
  }
  .c_sp_pl80 {
    padding-left: 80px;
  }
  .c_sp_pr80 {
    padding-right: 80px;
  }
  .c_sp_p80_vert {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .c_sp_p80_horizon {
    padding-left: 80px;
    padding-right: 80px;
  }
  .c_sp_mt85 {
    margin-top: 85px;
  }
  .c_sp_mb85 {
    margin-bottom: 85px;
  }
  .c_sp_ml85 {
    margin-left: 85px;
  }
  .c_sp_mr85 {
    margin-right: 85px;
  }
  .c_sp_m85_vert {
    margin-top: 85px;
    margin-bottom: 85px;
  }
  .c_sp_m85_horizon {
    margin-left: 85px;
    margin-right: 85px;
  }
  .c_sp_pt85 {
    padding-top: 85px;
  }
  .c_sp_pb85 {
    padding-bottom: 85px;
  }
  .c_sp_pl85 {
    padding-left: 85px;
  }
  .c_sp_pr85 {
    padding-right: 85px;
  }
  .c_sp_p85_vert {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .c_sp_p85_horizon {
    padding-left: 85px;
    padding-right: 85px;
  }
  .c_sp_mt90 {
    margin-top: 90px;
  }
  .c_sp_mb90 {
    margin-bottom: 90px;
  }
  .c_sp_ml90 {
    margin-left: 90px;
  }
  .c_sp_mr90 {
    margin-right: 90px;
  }
  .c_sp_m90_vert {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .c_sp_m90_horizon {
    margin-left: 90px;
    margin-right: 90px;
  }
  .c_sp_pt90 {
    padding-top: 90px;
  }
  .c_sp_pb90 {
    padding-bottom: 90px;
  }
  .c_sp_pl90 {
    padding-left: 90px;
  }
  .c_sp_pr90 {
    padding-right: 90px;
  }
  .c_sp_p90_vert {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .c_sp_p90_horizon {
    padding-left: 90px;
    padding-right: 90px;
  }
  .c_sp_mt95 {
    margin-top: 95px;
  }
  .c_sp_mb95 {
    margin-bottom: 95px;
  }
  .c_sp_ml95 {
    margin-left: 95px;
  }
  .c_sp_mr95 {
    margin-right: 95px;
  }
  .c_sp_m95_vert {
    margin-top: 95px;
    margin-bottom: 95px;
  }
  .c_sp_m95_horizon {
    margin-left: 95px;
    margin-right: 95px;
  }
  .c_sp_pt95 {
    padding-top: 95px;
  }
  .c_sp_pb95 {
    padding-bottom: 95px;
  }
  .c_sp_pl95 {
    padding-left: 95px;
  }
  .c_sp_pr95 {
    padding-right: 95px;
  }
  .c_sp_p95_vert {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .c_sp_p95_horizon {
    padding-left: 95px;
    padding-right: 95px;
  }
  .c_sp_mt100 {
    margin-top: 100px;
  }
  .c_sp_mb100 {
    margin-bottom: 100px;
  }
  .c_sp_ml100 {
    margin-left: 100px;
  }
  .c_sp_mr100 {
    margin-right: 100px;
  }
  .c_sp_m100_vert {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .c_sp_m100_horizon {
    margin-left: 100px;
    margin-right: 100px;
  }
  .c_sp_pt100 {
    padding-top: 100px;
  }
  .c_sp_pb100 {
    padding-bottom: 100px;
  }
  .c_sp_pl100 {
    padding-left: 100px;
  }
  .c_sp_pr100 {
    padding-right: 100px;
  }
  .c_sp_p100_vert {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .c_sp_p100_horizon {
    padding-left: 100px;
    padding-right: 100px;
  }
  .c_sp_fz10 {
    font-size: 10px;
  }
  .c_sp_fz12 {
    font-size: 12px;
  }
  .c_sp_fz14 {
    font-size: 14px;
  }
  .c_sp_fz16 {
    font-size: 16px;
  }
  .c_sp_fz18 {
    font-size: 18px;
  }
  .c_sp_fz20 {
    font-size: 20px;
  }
  .c_sp_fz22 {
    font-size: 22px;
  }
  .c_sp_fz24 {
    font-size: 24px;
  }
  .c_sp_fz26 {
    font-size: 26px;
  }
  .c_sp_fz28 {
    font-size: 28px;
  }
  .c_sp_fz30 {
    font-size: 30px;
  }
  .c_sp_fz32 {
    font-size: 32px;
  }
  .c_sp_fz34 {
    font-size: 34px;
  }
  .c_sp_fz36 {
    font-size: 36px;
  }
  .c_sp_fz38 {
    font-size: 38px;
  }
  .c_sp_fz40 {
    font-size: 40px;
  }
  .c_sp_fz42 {
    font-size: 42px;
  }
  .c_sp_fz44 {
    font-size: 44px;
  }
  .c_sp_fz46 {
    font-size: 46px;
  }
  .c_sp_fz48 {
    font-size: 48px;
  }
  .c_sp_fz50 {
    font-size: 50px;
  }
  .c_sp_fz52 {
    font-size: 52px;
  }
  .c_sp_fz54 {
    font-size: 54px;
  }
  .c_sp_fz56 {
    font-size: 56px;
  }
  .c_sp_fz58 {
    font-size: 58px;
  }
  .c_sp_fz60 {
    font-size: 60px;
  }
  .c_sp_lh10 {
    line-height: 1;
  }
  .c_sp_lh11 {
    line-height: 1.1;
  }
  .c_sp_lh12 {
    line-height: 1.2;
  }
  .c_sp_lh13 {
    line-height: 1.3;
  }
  .c_sp_lh14 {
    line-height: 1.4;
  }
  .c_sp_lh15 {
    line-height: 1.5;
  }
  .c_sp_lh16 {
    line-height: 1.6;
  }
  .c_sp_lh17 {
    line-height: 1.7;
  }
  .c_sp_lh18 {
    line-height: 1.8;
  }
  .c_sp_lh19 {
    line-height: 1.9;
  }
  .c_sp_lh20 {
    line-height: 2;
  }
  .c_sp_tac {
    text-align: center;
  }
  .c_sp_tal {
    text-align: left;
  }
  .c_sp_tar {
    text-align: right;
  }
  .c_sp_fwb {
    font-weight: bold;
  }
  .c_sp_fwn {
    font-weight: normal;
  }
  .c_sp_ofh {
    overflow: hidden;
  }
  .c_sp_pl-5em {
    padding-left: -5em;
  }
  .c_sp_ti-5em {
    text-indent: -5em;
  }
  .c_sp_pl-4em {
    padding-left: -4em;
  }
  .c_sp_ti-4em {
    text-indent: -4em;
  }
  .c_sp_pl-3em {
    padding-left: -3em;
  }
  .c_sp_ti-3em {
    text-indent: -3em;
  }
  .c_sp_pl-2em {
    padding-left: -2em;
  }
  .c_sp_ti-2em {
    text-indent: -2em;
  }
  .c_sp_pl-1em {
    padding-left: -1em;
  }
  .c_sp_ti-1em {
    text-indent: -1em;
  }
  .c_sp_pl0em {
    padding-left: 0em;
  }
  .c_sp_ti0em {
    text-indent: 0em;
  }
  .c_sp_pl1em {
    padding-left: 1em;
  }
  .c_sp_ti1em {
    text-indent: 1em;
  }
  .c_sp_pl2em {
    padding-left: 2em;
  }
  .c_sp_ti2em {
    text-indent: 2em;
  }
  .c_sp_pl3em {
    padding-left: 3em;
  }
  .c_sp_ti3em {
    text-indent: 3em;
  }
  .c_sp_pl4em {
    padding-left: 4em;
  }
  .c_sp_ti4em {
    text-indent: 4em;
  }
  .c_sp_pl5em {
    padding-left: 5em;
  }
  .c_sp_ti5em {
    text-indent: 5em;
  }
  .c_sp_zi0 {
    z-index: 0;
  }
  .c_sp_zi1 {
    z-index: 1;
  }
  .c_sp_zi2 {
    z-index: 2;
  }
  .c_sp_zi3 {
    z-index: 3;
  }
  .c_sp_zi4 {
    z-index: 4;
  }
  .c_sp_zi5 {
    z-index: 5;
  }
  .c_sp_zi6 {
    z-index: 6;
  }
  .c_sp_zi7 {
    z-index: 7;
  }
  .c_sp_zi8 {
    z-index: 8;
  }
  .c_sp_zi9 {
    z-index: 9;
  }
  .c_sp_zi10 {
    z-index: 10;
  }
}
/*=====<=====<=====<=====<=====<=====<=====
  個々のsub_visualの設定
=====>=====>=====>=====>=====>=====>=====*/
#adman_outline.aplex.flamingoPage #sub_visual {
  background-image: url(../img/flamingo/page_header.jpg);
}
#adman_outline.aplex #sub_visual {
  background-image: url(../img/product/page_header.jpg);
}
#adman_outline #sub_visual {
  background-image: url(../img/adman/page_header.jpg);
}
#adman_feature #sub_visual {
  background-image: url(../img/adman/page_header.jpg);
}
#adman_can #sub_visual {
  background-image: url(../img/adman/page_header.jpg);
}
#adman_can_detail #sub_visual {
  background-image: url(../img/adman/page_header.jpg);
}
#adman_faq #sub_visual {
  background-image: url(../img/adman/page_header.jpg);
}
#adman_price #sub_visual {
  background-image: url(../img/adman/page_header.jpg);
}
#adman_function #sub_visual {
  background-image: url(../img/adman/page_header.jpg);
}
#sub_visual.sub_header__high {
  background-image: url(../img/adman/page_header_high.jpg) !important;
}
#reason #sub_visual {
  background-image: url(../img/reason/page_header.jpg);
}
#product #sub_visual {
  background-image: url(../img/product/page_header.jpg);
}
#case #sub_visual {
  background-image: url(../img/case/page_header.jpg);
}
#case_detail #sub_visual {
  background-image: url(../img/case_detail/page_header.jpg);
}
#column_detail #sub_visual {
  background-image: url(../img/case_detail/page_header.jpg);
}
#news #sub_visual {
  background-image: url(../img/news/page_header.jpg);
}
#news_detail #sub_visual {
  background-image: url(../img/news_detail/page_header.jpg);
}
#privacy #sub_visual {
  background-image: url(../img/privacy/page_header.jpg);
}
#faq #sub_visual {
  background-image: url(../img/faq/page_header.jpg);
}
#faq_detail #sub_visual {
  background-image: url(../img/faq_detail/page_header.jpg);
}
#company #sub_visual {
  background-image: url(../img/company/page_header.jpg);
}
#download #sub_visual {
  background-image: url(../img/download/page_header.jpg);
}
#download_detail #sub_visual {
  background-image: url(../img/download_detail/page_header.jpg);
}
#contact #sub_visual {
  background-image: url(../img/contact/page_header.jpg);
}
/*=====<=====<=====<=====<=====<=====<=====
  以下個別のCSS
=====>=====>=====>=====>=====>=====>=====*/
/*=====<=====<=====<=====<=====<=====<=====
  top
=====>=====>=====>=====>=====>=====>=====*/
#home-page #top_topics .inner {
  height: 145px;
}
#home-page #top_topics .inner .c_subheader_white {
  width: 145px;
  height: 100%;
  background: #233f9a;
  margin-bottom: 0;
  padding-top: 0;
}
#home-page #top_topics .inner .c_subheader_white h2 {
  font-size: 24px;
  position: absolute;
  top: 66px;
  left: 50%;
  transform: translateX(-50%);
  background: #233f9a;
}
#home-page #top_topics .inner .c_subheader_white::before {
  z-index: 0;
  top: 46%;
  transform: translate(-50%, -50%);
}
#home-page #top_topics .inner .c_subheader_white::after {
  border: 2px solid #ffffff;
  width: 125px;
  height: 125px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
#home-page #top_topics .inner .topics_list {
  width: 855px;
  height: 100%;
  border-bottom: 1px solid #222222;
}
#home-page #top_topics .inner .topics_list li {
  border-top: 1px solid #222222;
  height: 33.3333333%;
}
#home-page #top_topics .inner .topics_list li a {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#home-page #top_topics .inner .topics_list li a time {
  font-size: 14px;
  width: 100px;
}
#home-page #top_topics .inner .topics_list li a span {
  font-size: 16px;
}
#home-page #top_info_adman #top_recom ul {
  border-top: 1px solid #222222;
  border-left: 1px solid #222222;
}
#home-page #top_info_adman #top_recom ul + ul {
  border-top: 0;
}
#home-page #top_info_adman #top_recom ul li {
  width: 33.3333333%;
  border-bottom: 1px solid #222222;
  border-right: 1px solid #222222;
  padding: 30px 15px;
}
/*#home-page #top_info_adman #top_recom ul li + li {
  border-left: 0;
}*/
#home-page #top_info_adman #top_recom ul li p {
  width: 225px;
}
/*=====<=====<=====<=====<=====<=====<=====
  adman_feature
=====>=====>=====>=====>=====>=====>=====*/
#adman_feature {
  /*/////////////
  sec01
  ////////////*/
  /*/////////////
  sec02
  ////////////*/
}
#adman_feature #sec01 .c_df .sec01_item {
  width: 335px;
  margin-bottom: 35px;
}
#adman_feature #sec01 .c_df .sec01_item figure {
  margin-bottom: 20px;
}
#adman_feature #sec01 .c_df .sec01_item .sec01_item_header {
  font-size: 20px;
  color: #233f9a;
  text-align: center;
  margin-bottom: 20px;
}
#adman_feature #sec01 .c_df .sec01_item #sec01_item_header2 {
  margin-bottom: 45px;
}
#adman_feature #sec01 .c_df .sec01_item .sec01_item_tx {
  margin-top: 0;
}
#adman_feature #sec02 .sec02_list {
  width: 100%;
  margin: 0 auto 54px;
}
#adman_feature #sec02 .sec02_list p {
  margin-bottom: 54px;
}
#adman_feature #sec02 .sec02_list figure {
  text-align: center;
  margin: 0;
}
#adman_feature #sec02 .sec02_list figure img {
  width: auto;
  margin: 0 auto;
}
#adman_feature #sec02 #sec02_btm_tx {
  font-size: 30px;
  color: #233f9a;
  text-align: center;
  position: relative;
  padding-top: 120px;
}
#adman_feature #sec02 #sec02_btm_tx::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #222222;
  border-radius: 50%;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px -40px black;
  -webkit-box-shadow: 0px -40px black;
}
#adman_feature #sec02 #sec02_btm_tx::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #222222;
  border-radius: 50%;
  bottom: 55%;
  left: 50%;
  transform: translateX(-50%);
}
/*=====<=====<=====<=====<=====<=====<=====
  adman_feature
=====>=====>=====>=====>=====>=====>=====*/
/*////////////////////////

--  adman_outline  --

////////////////////////*/
#adman_outline .subheader_qa {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
#adman_outline .subheader_qa img {
  margin-right: 5px;
}
#adman_outline .subheader_qa h2 {
  line-height: 1;
}
#adman_outline .adman_outline_solve_list li {
  width: 346px;
}
#adman_outline .adman_outline_solve_list li:nth-of-type(n + 4) {
  margin-top: 1px;
}
#adman_outline .adman_outline_system_list + .adman_outline_system_list {
  margin-top: 50px;
}
#adman_outline .adman_outline_flow {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: stretch;
}
#adman_outline .adman_outline_flow .adman_outline_flow_items {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items
  + .adman_outline_flow_items {
  margin-left: 10px;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items
  .adman_outline_flow_list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-grow: 1;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items
  .adman_outline_flow_list
  li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  width: 200px;
  border: solid 1px #233f9a;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items
  .adman_outline_flow_list
  li
  + li {
  margin-left: 10px;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items
  .adman_outline_flow_list
  li
  header {
  background-color: #233f9a;
  padding: 9px 0 9px 9px;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items
  .adman_outline_flow_list
  li
  header
  h4 {
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  text-align: left;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items
  .adman_outline_flow_list
  li
  div {
  padding: 10px 0 80px;
  background-repeat: no-repeat;
  background-position: center bottom;
  flex-grow: 1;
  margin: 0 10px 10px;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items
  .adman_outline_flow_list
  li
  div
  p {
  line-height: 1.3;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items
  .adman_outline_flow_list
  li
  div
  p
  + p {
  margin-top: 0.5em;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items
  .adman_outline_flow_line {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 10px;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items
  .adman_outline_flow_line::before,
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items
  .adman_outline_flow_line::after {
  content: "";
  display: block;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items
  .adman_outline_flow_line
  p {
  position: relative;
  flex-grow: 1;
  font-size: 20px;
  margin: 10px 0;
  padding: 15px 0;
  line-height: 1;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items
  .adman_outline_flow_line
  p
  span {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items.prev
  .adman_outline_flow_list
  li:nth-of-type(1)
  div {
  background-image: url(../img/adman_outline/bg_img_flow01.jpg);
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items.prev
  .adman_outline_flow_list
  li:nth-of-type(2)
  div {
  background-image: url(../img/adman_outline/bg_img_flow02.jpg);
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items.prev
  .adman_outline_flow_list
  li:nth-of-type(3)
  div {
  background-image: url(../img/adman_outline/bg_img_flow03.jpg);
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items.prev
  .adman_outline_flow_line::before {
  border-right: 35px solid #ffffff;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items.prev
  .adman_outline_flow_line::after {
  border-left: 35px solid #ffffff;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items.prev
  .adman_outline_flow_line
  p {
  background: #ffffff;
  color: #233f9a;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items.next
  .adman_outline_flow_list
  li:nth-of-type(1)
  div {
  background-image: url(../img/adman_outline/bg_img_flow04.jpg);
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items.next
  .adman_outline_flow_list
  li:nth-of-type(2)
  div {
  background-image: url(../img/adman_outline/bg_img_flow05.jpg);
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items.next
  .adman_outline_flow_line::before {
  border-right: 35px solid #233f9a;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items.next
  .adman_outline_flow_line::after {
  border-left: 35px solid #233f9a;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items.next
  .adman_outline_flow_line
  p {
  background: #233f9a;
  color: #ffffff;
}
#adman_outline .adman_outline_qa_list li {
  padding: 1em 0;
  font-size: 20px;
  font-weight: bold;
  position: relative;
}
#adman_outline .adman_outline_qa_list li + li {
  border-top: 1px solid #cccccc;
}
#adman_outline .adman_outline_qa_list li::before {
  background: url(../img/faq/faq_q.jpg);
  background-size: contain;
  width: 50px;
  height: 50px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
#adman_outline .adman_outline_qa_list + .c_btn {
  margin-top: 30px;
}
/*ado*/
/*=====<=====<=====<=====<=====<=====<=====
  case
=====>=====>=====>=====>=====>=====>=====*/
#case #case_works .pref_list li {
  width: 20%;
  overflow: hidden;
  position: relative;
  background: #ffffff;
}
#case #case_works .pref_list li:nth-of-type(n + 6) {
  margin-top: 20px;
}
#case #case_works .pref_list li img {
  margin: auto;
}
/*=====<=====<=====<=====<=====<=====<=====
  case_detail
=====>=====>=====>=====>=====>=====>=====*/
#case_detail .inner .case_detail_content .case_detail_text {
  position: relative;
  background-color: #ffffff;
  border: 4px solid #233f9a;
  padding: 55px 50px;
}
#case_detail .inner .case_detail_content .case_detail_text::before {
  content: "";
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 2px solid #6fbfef;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#case_detail .inner .case_detail_content .case_detail_text + .case_detail_text {
  margin-top: 66px;
}
#case_detail
  .inner
  .case_detail_content
  .case_detail_text
  + .case_detail_text::after {
  content: url(../img/case_detail/case_detail_01.png);
  position: absolute;
  bottom: calc(100% + 3px);
  left: 50%;
  transform: translateX(-50%);
}
#case_detail .inner .case_detail_content .case_detail_text header {
  padding-bottom: 20px;
}
#case_detail .inner .case_detail_content .case_detail_text header p {
  position: relative;
  padding-bottom: 20px;
  font-size: 26px;
  text-align: center;
  line-height: 1;
}
#case_detail .inner .case_detail_content .case_detail_text header p::after {
  content: "";
  position: absolute;
  width: 80px;
  display: block;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #233f9a;
}
#case_detail .inner .case_detail_content .case_detail_text header h2 {
  padding-top: 15px;
  color: #233f9a;
  font-size: 30px;
}
#case_detail .inner .case_detail_content .case_detail_text p {
  line-height: 1.5;
}
/*=====<=====<=====<=====<=====<=====<=====
  news
=====>=====>=====>=====>=====>=====>=====*/
/*=====<=====<=====<=====<=====<=====<=====
  news_detail
=====>=====>=====>=====>=====>=====>=====*/
/*=====<=====<=====<=====<=====<=====<=====
  faq_detail
=====>=====>=====>=====>=====>=====>=====*/
#faq_detail #sec01 .cntBox .q_title {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#faq_detail #sec01 .cntBox .q_title::before {
  background: url(../img/faq/faq_q.jpg);
  background-size: contain;
  width: 50px;
  height: 50px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
#faq_detail #sec01 .cntBox .q_title h2 {
  text-align: left;
}
#faq_detail #sec01 .cntBox .a_title {
  position: relative;
}
#faq_detail #sec01 .cntBox .a_title span {
  display: inline-block;
  padding-left: 70px;
  width: 100%;
}
#faq_detail #sec01 .cntBox .a_title::before {
  background: url(../img/faq/faq_a.jpg);
  background-size: contain;
  width: 50px;
  height: 50px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  position: absolute;
}
#faq_detail #sec01 .cntBox .up_list li::before,
#adman_faq #sec01 .inner .box dl dd ul.up_list li.c_mt10::before {
  color: #233f9a;
  content: "▶";
  margin-right: 6px;
}
#faq_detail {
}
#faq_detail #content h3 {
  font-size: 20px;
  color: #233f9a;
  padding: 0 0 10px;
  margin-top: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #aaa;
  text-align: left;
}
#faq_detail #content h4 {
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 15px;
  text-align: left;
  border-left: 5px solid #233f9a;
  padding: 0 0 0 13px;
}
#faq_detail #content h5 {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: left;
  color: #233f9a;
}
#faq_detail #content .attention-box {
  background: #f4f4f4;
  margin: 1em 0 1em;
  overflow: hidden;
  padding: 15px;
}
#faq_detail #content .attention-box p {
  font-size: 14px;
}
#faq_detail #content .attention-box p {
  margin: 0;
}
#faq_detail #content ul.strong {
  margin: 10px;
}
#faq_detail #content ul.strong li {
  font-weight: bold;
}
/*=====<=====<=====<=====<=====<=====<=====
  reason
=====>=====>=====>=====>=====>=====>=====*/
/*=====<=====<=====<=====<=====<=====<=====
  reason sec01
=====>=====>=====>=====>=====>=====>=====*/
#reason .reason_title {
  width: 100%;
  height: 90px;
  margin-bottom: 15px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#reason .reason_title * {
  line-height: 1;
}
#reason .reason_title span {
  display: block;
  margin-bottom: 5px;
  font-size: 20px;
  font-family: "Open Sans", YuGothic, "Yu Gothic", "YuGo_custom", Meiryo,
    sans-serif;
  color: #6fbfef;
  text-align: center;
  font-style: italic;
}
#reason .reason_title h3 {
  font-size: 26px;
  line-height: 1.23;
}
/*=====<=====<=====<=====<=====<=====<=====
  privacy
=====>=====>=====>=====>=====>=====>=====*/
#privacy #sec01 .box + .box {
  margin-top: 60px;
}
#privacy #sec01 .box p.tar {
  width: 100%;
  display: block;
  text-align: right;
}
#privacy #sec01 .box p a {
  color: #00b0f1;
  text-decoration: underline;
}
#privacy #sec01 .box ul {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
  align-items: flex-start;
}
#privacy #sec01 .box ul li {
  width: 50%;
}
#privacy #sec01 .box ul li span {
  font-size: 0.9em;
}
/*=====<=====<=====<=====<=====<=====<=====
  faq
=====>=====>=====>=====>=====>=====>=====*/
#faq #sec01 .box ul li {
  padding: 0.6em;
  font-size: 20px;
  border-bottom: 1px solid #cccccc;
  font-weight: bold;
}
#faq #sec01 .box ul li::before {
  background: url(../img/faq/faq_q.jpg);
  background-size: contain;
  width: 50px;
  height: 50px;
  content: "";
  display: block;
  vertical-align: middle;
  margin-right: 20px;
  float: left;
}
#faq #sec01 .box ul li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#faq #sec01 .box + .box {
  margin-top: 60px;
}
/*=====<=====<=====<=====<=====<=====<=====
  adman_faq
=====>=====>=====>=====>=====>=====>=====*/
#adman_faq #sec01 .box + .box {
  margin-top: 60px;
}
#adman_faq #sec01 .box h3 {
  text-align: left;
  font-size: 25px;
  margin-bottom: 1em;
  padding-left: 0.6em;
  border-left: 5px solid #233f9a;
}
#adman_faq #sec01 .box dl {
  border: 1px solid #cccccc;
  border-radius: 4px;
  background: #ffffff;
  cursor: pointer;
}
#adman_faq #sec01 .box dl dt {
  padding: 0.6em;
  font-size: 20px;
  font-weight: bold;
  position: relative;
}
#adman_faq #sec01 .box dl dt::before {
  background: url(../img/faq/faq_q.jpg);
  background-size: contain;
  width: 50px;
  height: 50px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
#adman_faq #sec01 .box dl dt .clicker {
  width: 30px;
  height: 30px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  right: 20px;
}
#adman_faq #sec01 .box dl dt .clicker::before,
#adman_faq #sec01 .box dl dt .clicker::after {
  content: "";
  width: 15px;
  height: 1px;
  background: #cccccc;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#adman_faq #sec01 .box dl dt .clicker::after {
  transition: 0.3s;
  transform: rotate(90deg);
}
#adman_faq #sec01 .box dl dd {
  display: none;
  padding: 0 20px 1em;
}
#adman_faq #sec01 .box dl + dl {
  margin-top: 20px;
}
#adman_faq #sec01 .box dl.active dt .clicker::after {
  transform: rotate(0);
}
/*=====<=====<=====<=====<=====<=====<=====
  adman_price
=====>=====>=====>=====>=====>=====>=====*/
#adman_price #sec01 table {
  width: 980px;
  margin: 50px auto 0;
  margin-bottom: 20px;
}
#adman_price .caption {
  font-size: 14px;
  line-height: 1.5;
  margin-left: 27px;
}
#adman_price #sec01 table tr th {
  background: #233f9a;
  color: #ffffff;
  padding: 1em 0.5em;
  font-size: 20px;
  text-align: center;
  line-height: 1.5;
}
#adman_price #sec01 table tr th + th {
  border-left: 1px solid #ffffff;
}
#adman_price #sec01 table tr td {
  background: #cccccc;
  font-size: 16px;
  padding: 1em 0.5em;
  text-align: center;
  line-height: 1.6;
}
#adman_price #sec01 table tr td + td {
  border-left: 1px solid #ffffff;
}
#adman_price #sec01 table tr + tr {
  border-top: 1px solid #ffffff;
}
#adman_price #sec01 table tr:nth-of-type(2n-1) td {
  background: #f5f5f5;
}
/*=====<=====<=====<=====<=====<=====<=====
  download
=====>=====>=====>=====>=====>=====>=====*/
#download #sec01 .box {
  width: 30%;
}
#download #sec01 .box:nth-of-type(n + 4) {
  margin-top: 60px;
}
#download #sec01 .box img {
  width: auto;
  height: 120px;
  margin: 0 auto 30px;
}
#download #sec01 .box h3 {
  font-size: 25px;
  margin-bottom: 25px;
}
#download #sec01 .box .c_btn {
  width: 250px;
  height: 50px;
  margin-top: 30px;
}
/*=====<=====<=====<=====<=====<=====<=====
  download_detail
=====>=====>=====>=====>=====>=====>=====*/
#download_detail #sec01 .inner {
  align-items: flex-start;
}
#download_detail #sec01 .left {
  width: 450px;
}
#download_detail #sec01 .left h3 {
  font-size: 30px;
  margin-bottom: 1em;
  text-align: left;
}
#download_detail #sec01 .left img {
  width: auto;
  height: 200px;
  margin: auto;
}
#download_detail #sec01 .left p {
  margin-top: 20px;
}
#download_detail #sec01 .left dl {
  margin-top: 40px;
}
#download_detail #sec01 .left dl dt {
  font-size: 25px;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #233f9a;
}
#download_detail #sec01 .right {
  width: 500px;
}
#download_detail #sec01 .right h3 {
  text-align: left;
  display: block;
  font-size: 30px;
  margin-bottom: 0.8em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #233f9a;
}
#download_detail #sec01 .right p {
  margin-bottom: 30px;
}
#download_detail #sec01 .right dl dt {
  margin-bottom: 0.5em;
}
#download_detail #sec01 .right dl dt span {
  border-radius: 2px;
  background: #222222;
  color: #ffffff;
  display: inline-block;
  margin-right: 1em;
  padding: 0.2em 1em;
  font-size: 11px;
}
#download_detail #sec01 .right dl dt span.require {
  background: #233f9a;
}
#download_detail #sec01 .right dl dd a {
  text-decoration: underline;
  color: #00b0f1;
}
#download_detail #sec01 .right dl + dl {
  margin-top: 20px;
}
#download_detail #sec01 .right input[type="text"],
#download_detail #sec01 .right input[type="email"] {
  width: 100%;
  height: 40px;
  padding: 0 0.5em;
  border: 1px solid #cccccc;
}
#download_detail #sec01 .right label input[type="text"] {
  width: 160px;
}
#download_detail #sec01 .right label + label {
  margin-left: 20px;
}
#download_detail #sec01 .right button {
  margin: 40px auto 0;
  display: block;
  width: 250px;
  height: 50px;
  font-size: 15px;
  font-family: inherit;
  transition: 0.3s;
  cursor: pointer;
}
/*=====<=====<=====<=====<=====<=====<=====
  function
=====>=====>=====>=====>=====>=====>=====*/
#adman_function #sec01 .box h3 {
  text-align: left;
  font-size: 25px;
  margin-bottom: 30px;
}
#adman_function #sec01 .box + .box {
  margin-top: 60px;
}
#adman_function #sec01 dl {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
#adman_function #sec01 dl dt {
  width: 18%;
  margin-right: 2%;
  background: #cccccc;
  font-size: 22px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
#adman_function #sec01 dl dd {
  width: 80%;
  background: #cccccc;
  padding: 20px;
}
#adman_function #sec01 dl + dl {
  margin-top: 20px;
}
#adman_function #sec01 table {
  border: 1px solid #cccccc;
}
#adman_function #sec01 table tr th {
  background: #f5f5f5;
  padding: 1em;
  font-weight: bold;
}
#adman_function #sec01 table tr th + th {
  border-left: 1px solid #cccccc;
}
#adman_function #sec01 table tr td {
  background: #ffffff;
  padding: 1em;
}
#adman_function #sec01 table tr td + td {
  border-left: 1px solid #cccccc;
}
#adman_function #sec01 table tr + tr {
  border-top: 1px solid #cccccc;
}
@media screen and (max-width: 768px) {
  /*=====<=====<=====<=====<=====<=====<=====
	  top
	=====>=====>=====>=====>=====>=====>=====*/
  #home-page #top_topics .inner {
    height: auto;
  }
  #home-page #top_topics .inner .c_subheader_white {
    display: none;
  }
  #home-page #top_topics .inner .topics_list {
    width: 100%;
  }
  #home-page #top_topics .inner .topics_list li {
    height: auto;
  }
  #home-page #top_topics .inner .topics_list li a {
    padding: 1em 0;
  }
  #home-page #top_topics .inner .topics_list li a time {
    width: 85px;
  }
  #home-page #top_info_adman #top_recom ul {
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
  }
  #home-page #top_info_adman #top_recom ul + ul {
    border-top: 0;
  }
  #home-page #top_info_adman #top_recom ul li {
    width: 100%;
    border-left: 1px solid #222222;
    border-right: 1px solid #222222;
    padding: 10px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #home-page #top_info_adman #top_recom ul li + li {
    border-left: 1px solid #222222;
    border-top: 1px solid #222222;
  }
  #home-page #top_info_adman #top_recom ul li figure {
    width: 80px;
    height: 60px;
  }
  #home-page #top_info_adman #top_recom ul li figure img {
    width: auto;
    height: 100%;
    margin: auto;
  }
  #home-page #top_info_adman #top_recom ul li p {
    width: calc(100% - 80px);
  }
  /*=====<=====<=====<=====<=====<=====<=====
	  adman_feature
	=====>=====>=====>=====>=====>=====>=====*/
  #adman_feature {
    /*/////////////
  sec01
  ////////////*/
    /*/////////////
  sec02
  ////////////*/
  }
  #adman_feature #sec01 .c_df .sec01_item {
    width: 100%;
    margin-bottom: 25px;
  }
  #adman_feature #sec01 .c_df .sec01_item figure {
    margin-bottom: 10px;
  }
  #adman_feature #sec01 .c_df .sec01_item .sec01_item_header {
    font-size: 18px;
    margin-bottom: 10px;
  }
  #adman_feature #sec01 .c_df .sec01_item #sec01_item_header2 {
    margin-bottom: 10px;
  }
  #adman_feature #sec02 .sec02_list {
    width: 100%;
    margin: 0 auto 30px;
  }
  #adman_feature #sec02 .sec02_list p {
    margin-bottom: 30px;
  }
  #adman_feature #sec02 .sec02_list figure img {
    max-width: 100%;
  }
  #adman_feature #sec02 #sec02_btm_tx {
    font-size: 20px;
    padding-top: 60px;
  }
  #adman_feature #sec02 #sec02_btm_tx::before {
    width: 5px;
    height: 5px;
    box-shadow: 0px -26px black;
    -webkit-box-shadow: 0px -26px black;
  }
  #adman_feature #sec02 #sec02_btm_tx::after {
    width: 5px;
    height: 5px;
    bottom: 60%;
  }
  /*=====<=====<=====<=====<=====<=====<=====
	  adman_feature
	=====>=====>=====>=====>=====>=====>=====*/
  #adman_outline {
    /*//////////////////////
  sec05
  ///////////////////////*/
  }
  #adman_outline .subheader_qa img {
    margin-right: 5px;
    width: 40px;
  }
  #adman_outline .adman_outline_solve_list li {
    width: 100%;
  }
  #adman_outline .adman_outline_solve_list li + li {
    margin-top: 1px;
  }
  #adman_outline .adman_outline_solve_list li:nth-of-type(n + 4) {
    margin-top: 1px;
  }
  #adman_outline .adman_outline_system_list + .adman_outline_system_list {
    margin-top: 40px;
  }
  #adman_outline .adman_outline_flow {
    flex-direction: column;
  }
  #adman_outline .adman_outline_flow .adman_outline_flow_items {
    flex-direction: row;
  }
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items
    + .adman_outline_flow_items {
    margin-left: 0;
    margin-top: 10px;
  }
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items
    .adman_outline_flow_list {
    flex-direction: column;
    flex-grow: 0;
    width: calc(100% - 80px);
  }
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items
    .adman_outline_flow_list
    li {
    width: 100%;
  }
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items
    .adman_outline_flow_list
    li
    + li {
    margin-left: 0;
    margin-top: 10px;
  }
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items
    .adman_outline_flow_list
    li
    header
    h4 {
    font-size: 18px;
  }
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items
    .adman_outline_flow_list
    li
    div {
    padding: 10px 0 100px;
    background-position: center bottom;
    background-size: contain;
    margin: 0 10px 10px;
  }
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items
    .adman_outline_flow_line {
    flex-direction: column;
    margin-top: 0;
  }
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items
    .adman_outline_flow_line::before,
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items
    .adman_outline_flow_line::after {
    content: "";
    display: block;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 0;
    border-bottom: 0;
  }
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items
    .adman_outline_flow_line
    p {
    position: relative;
    flex-grow: 1;
    font-size: 20px;
    margin: 0 10px;
    padding: 0 15px;
    line-height: 1;
  }
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items
    .adman_outline_flow_line
    p
    span {
    position: absolute;
    width: auto;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    white-space: nowrap;
  }
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items.prev
    .adman_outline_flow_line::before {
    border-bottom: 35px solid #ffffff;
    border-right: 35px solid transparent;
  }
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items.prev
    .adman_outline_flow_line::after {
    border-top: 35px solid #ffffff;
    border-left: 35px solid transparent;
  }
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items.prev
    .adman_outline_flow_line
    p {
    background: #ffffff;
    color: #233f9a;
  }
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items.next
    .adman_outline_flow_line::before {
    border-bottom: 35px solid #233f9a;
    border-right: 35px solid transparent;
  }
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items.next
    .adman_outline_flow_line::after {
    border-top: 35px solid #233f9a;
    border-left: 35px solid transparent;
  }
  #adman_outline
    .adman_outline_flow
    .adman_outline_flow_items.next
    .adman_outline_flow_line
    p {
    background: #233f9a;
    color: #ffffff;
  }
  #adman_outline .adman_outline_qa_list li {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0.5em 0;
    font-size: 15px;
  }
  #adman_outline .adman_outline_qa_list li + li {
    border-top: 1px solid #cccccc;
  }
  #adman_outline .adman_outline_qa_list li::before {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  #adman_outline .adman_outline_qa_list li a {
    width: calc(100% - 40px);
  }
  #adman_outline .adman_outline_qa_list + .c_btn {
    margin-top: 30px;
  }
  /*ado*/
  /*=====<=====<=====<=====<=====<=====<=====
	  case
	=====>=====>=====>=====>=====>=====>=====*/
  #case #case_works .pref_list li {
    width: 33%;
  }
  #case #case_works .pref_list li:nth-of-type(n + 4) {
    margin-top: 20px;
  }
  /*=====<=====<=====<=====<=====<=====<=====
	  case_detail
	=====>=====>=====>=====>=====>=====>=====*/
  #case_detail .inner .case_detail_content .case_detail_text {
    border: 2px solid #233f9a;
    padding: 30px 15px;
  }
  #case_detail .inner .case_detail_content .case_detail_text::before {
    width: calc(100% - 5px);
    height: calc(100% - 5px);
  }
  #case_detail .inner .case_detail_content .case_detail_text header p {
    padding-bottom: 10px;
    font-size: 18px;
  }
  #case_detail .inner .case_detail_content .case_detail_text header h2 {
    padding-top: 7px;
    font-size: 24px;
  }
  /*=====<=====<=====<=====<=====<=====<=====
	  news
	=====>=====>=====>=====>=====>=====>=====*/
  /*=====<=====<=====<=====<=====<=====<=====
	  news_detail
	=====>=====>=====>=====>=====>=====>=====*/
  /*=====<=====<=====<=====<=====<=====<=====
	  faq_detail
	=====>=====>=====>=====>=====>=====>=====*/
  #faq_detail #sec01 .cntBox .q_title {
    align-items: flex-start;
  }
  #faq_detail #sec01 .cntBox .q_title::before {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  #faq_detail #sec01 .cntBox .q_title h2 {
    width: calc(100% - 40px);
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
  }
  #faq_detail #sec01 .cntBox .a_title {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #faq_detail #sec01 .cntBox .a_title::before {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  #faq_detail #sec01 .cntBox .a_title span {
    width: calc(100% - 40px);
    font-size: 15px;
    line-height: 1.5;
    padding-left: 40px;
  }
  #faq_detail #sec01 .cntBox .up_list li::before {
    color: #233f9a;
    content: "▶";
    margin-right: 6px;
  }
  /*=====<=====<=====<=====<=====<=====<=====
	  reason
	=====>=====>=====>=====>=====>=====>=====*/
  /*=====<=====<=====<=====<=====<=====<=====
  reason sec01
=====>=====>=====>=====>=====>=====>=====*/
  #reason .reason_title {
    height: auto;
    margin-bottom: 10px;
  }
  #reason .reason_title span {
    display: block;
    margin-bottom: 5px;
    font-size: 20px;
    font-family: "Open Sans", YuGothic, "Yu Gothic", "YuGo_custom", Meiryo,
      sans-serif;
    color: #6fbfef;
    text-align: center;
    font-style: italic;
  }
  #reason .reason_title h3 {
    font-size: 26px;
    line-height: 1.23;
  }
  #reason .c_box_list .w1_per_3 + .w1_per_3,
  #reason .c_link_list .w1_per_3 + .w1_per_3 {
    margin-top: 40px;
  }
  /*=====<=====<=====<=====<=====<=====<=====
	  privacy
	=====>=====>=====>=====>=====>=====>=====*/
  #privacy #sec01 .box + .box {
    margin-top: 40px;
  }
  #privacy #sec01 .box ul li {
    width: 100%;
  }
  /*=====<=====<=====<=====<=====<=====<=====
	  faq
	=====>=====>=====>=====>=====>=====>=====*/
  #faq #sec01 .box ul li {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 15px;
  }
  #faq #sec01 .box ul li::before {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  #faq #sec01 .box ul li a {
    width: calc(100% - 40px);
  }
  #faq #sec01 .box + .box {
    margin-top: 40px;
  }
  /*=====<=====<=====<=====<=====<=====<=====
	  adman_faq
	=====>=====>=====>=====>=====>=====>=====*/
  #adman_faq #sec01 .box + .box {
    margin-top: 40px;
  }
  #adman_faq #sec01 .box h3 {
    font-size: 16px;
    border-left: 3px solid #233f9a;
  }
  #adman_faq #sec01 .box dl {
    padding: 0.6em;
  }
  #adman_faq #sec01 .box dl dt {
    padding: 0 30px 0.6em 40px;
    font-size: 16px;
  }
  #adman_faq #sec01 .box dl dt::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin-right: 0;
  }
  #adman_faq #sec01 .box dl dt .clicker {
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
  }
  #adman_faq #sec01 .box dl dt .clicker::before,
  #adman_faq #sec01 .box dl dt .clicker::after {
    content: "";
    width: 10px;
    height: 1px;
    background: #cccccc;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  #adman_faq #sec01 .box dl dt .clicker::after {
    transition: 0.3s;
    transform: rotate(90deg);
  }
  #adman_faq #sec01 .box dl dd {
    display: none;
    padding: 0;
  }
  #adman_faq #sec01 .box dl + dl {
    margin-top: 20px;
  }
  #adman_faq #sec01 .box dl.active dt .clicker::after {
    transform: rotate(0);
  }
  /*=====<=====<=====<=====<=====<=====<=====
	  adman_price
	=====>=====>=====>=====>=====>=====>=====*/
  #adman_price #sec01 table {
    width: 100%;
    margin: 30px auto 0;
    margin-bottom: 20px;
  }
  #adman_price #sec01 table tr th {
    padding: 0.5em;
    font-size: 13px;
  }
  #adman_price #sec01 table tr td {
    font-size: 12px;
    padding: 0.5em;
  }
  #adman_price .caption {
    margin-left: 0;
    font-size: 10px;
  }
  /*=====<=====<=====<=====<=====<=====<=====
	  download
	=====>=====>=====>=====>=====>=====>=====*/
  #download #sec01 .box {
    width: 100%;
  }
  #download #sec01 .box + .box {
    margin-top: 30px;
  }
  #download #sec01 .box:nth-of-type(n + 4) {
    margin-top: 30px;
  }
  #download #sec01 .box img {
    height: 120px;
    margin: 0 auto 20px;
  }
  #download #sec01 .box h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  #download #sec01 .box .c_btn {
    width: 100%;
    margin-top: 20px;
  }
  /*=====<=====<=====<=====<=====<=====<=====
	  download_detail
	=====>=====>=====>=====>=====>=====>=====*/
  #download_detail #sec01 .inner {
    align-items: flex-start;
  }
  #download_detail #sec01 .left {
    width: 100%;
  }
  #download_detail #sec01 .left h3 {
    font-size: 20px;
  }
  #download_detail #sec01 .left img {
    height: 150px;
  }
  #download_detail #sec01 .left dl {
    margin-top: 20px;
  }
  #download_detail #sec01 .left dl dt {
    font-size: 18px;
  }
  #download_detail #sec01 .right {
    width: 100%;
    margin-top: 50px;
  }
  #download_detail #sec01 .right h3 {
    font-size: 20px;
  }
  #download_detail #sec01 .right p {
    margin-bottom: 20px;
  }
  #download_detail #sec01 .right input[type="text"],
  #download_detail #sec01 .right input[type="email"] {
    width: 100%;
    height: 30px;
  }
  #download_detail #sec01 .right label input[type="text"] {
    width: 80px;
  }
  #download_detail #sec01 .right label + label {
    margin-left: 10px;
  }
  #download_detail #sec01 .right button {
    margin: 30px auto 0;
    width: 100%;
  }
  /*=====<=====<=====<=====<=====<=====<=====
	  function
	=====>=====>=====>=====>=====>=====>=====*/
  #adman_function #sec01 .box h3 {
    font-size: 18px;
  }
  #adman_function #sec01 .box + .box {
    margin-top: 40px;
  }
  #adman_function #sec01 dl {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
  }
  #adman_function #sec01 dl dt {
    width: 18%;
    margin-right: 2%;
    background: #cccccc;
    font-size: 22px;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #adman_function #sec01 dl dd {
    width: 80%;
    background: #cccccc;
    padding: 20px;
  }
  #adman_function #sec01 dl + dl {
    margin-top: 20px;
  }
  #adman_function #sec01 table {
    border: 1px solid #cccccc;
  }
  #adman_function #sec01 table tr th {
    background: #f5f5f5;
    padding: 1em;
    font-weight: bold;
  }
  #adman_function #sec01 table tr th + th {
    border-left: 1px solid #cccccc;
  }
  #adman_function #sec01 table tr td:first-child {
    width: 30%;
  }
  #adman_function #sec01 table tr td {
    background: #ffffff;
    padding: 1em;
  }
  #adman_function #sec01 table tr td + td {
    border-left: 1px solid #cccccc;
  }
  #adman_function #sec01 table tr + tr {
    border-top: 1px solid #cccccc;
  }
}
/* add css
-----------------------------------------------------------------------------------------------*/
.formError {
  color: red;
}
.aplexBox {
  overflow: hidden;
}
.aplexBox dl {
  float: left;
  width: 30%;
  position: relative;
}
.aplexBox dl:nth-child(2):before {
  content: "OR";
  position: absolute;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  left: -25px;
  top: 40px;
}
.aplexBox dl:nth-child(3):before {
  content: "+";
  position: absolute;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border-radius: 50%;
  background: #878787;
  padding: 5px;
  left: -25px;
  top: 44px;
  line-height: 0.5;
}
.aplexBox dl + dl {
  margin-left: 3%;
}
.aplexBox dl dt {
  text-align: center;
  border-radius: 5px;
  padding: 20px 10px;
  background: #f08609;
  color: #fff;
  font-weight: bold;
}
.aplexBox dl:nth-child(2) dt {
  background: #38c4e8;
}
.aplexBox dl:nth-child(3) dt {
  background: #a2e049;
}
.aplexBox dl dt span {
  display: block;
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #fff;
  font-size: 12px;
  font-weight: normal;
}
.aplexBox dl dd {
  margin-top: 10px;
}
.solutionBox {
  overflow: hidden;
}
.solutionBox + .solutionBox {
  margin-top: 30px;
}
.solutionBox .imgright img,
.solutionBox .imgleft img {
  max-width: 100%;
  display: inline;
}
.solutionBox .imgright span,
.solutionBox .imgleft span {
  display: block;
  width: 100%;
  font-size: 14px;
  text-align: center;
  margin-top: 8px;
}
.solutionBox .imgright {
  float: right;
  max-width: 40%;
  margin: 0 0 20px 20px;
}
.solutionBox .imgleft {
  float: left;
  max-width: 40%;
  margin: 0 0 20px 20px;
}
.solutionBox a {
  display: inline;
}
.aplexlist {
}
.aplexlist li {
  position: relative;
  padding-left: 15px;
}
.aplexlist li:before {
  content: "";
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #233f9a;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 0;
}
p + .aplexlist,
.aplexlist + p {
  margin-top: 15px;
}
img.w300 {
  max-width: 300px;
  margin: 10px 0;
}
#adman_can_detail #content .attention-box {
  background: #f4f4f4;
  margin: 1em 0 1em;
  overflow: hidden;
}
#adman_can_detail #content .attention-box h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
  background: #233f9a;
  color: #fff;
}
#adman_can_detail #content .attention-box ul {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 20px 12px;
  margin: 0;
}
#adman_can_detail #content .attention-box ul.col2 li {
  width: 50%;
  padding-left: 20px;
  margin-bottom: 8px;
  margin-top: 0;
  font-weight: normal;
  position: relative;
}
#adman_can_detail #content .attention-box ul.col2 li:before {
  content: "";
  display: block;
  width: 15px;
  height: 8px;
  border-left: 3px solid #233f9a;
  border-bottom: 3px solid #233f9a;
  transform: rotate(-45deg);
  position: absolute;
  top: 7px;
  left: 0;
}
#adman_can_detail #content .attention-box li {
  width: 20%;
  margin-bottom: 8px;
  margin-top: 0;
  font-weight: normal;
}
#adman_can_detail #content h3 {
  font-size: 20px;
  color: #233f9a;
  padding: 0 0 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #aaa;
  text-align: left;
}
#adman_can_detail #content .box-col3 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
#adman_can_detail #content .box-col3 > p {
  padding: 0 10px;
  width: 33.33%;
  box-sizing: border-box;
  margin-top: 0;
}
#adman_can_detail #content .box-col3 p img {
  width: 100%;
}
#adman_can_detail #content .box-col3 p .caption {
  display: block;
  margin-top: 8px;
  text-align: center;
}
#adman_can_detail #content ul {
  margin: 1em 0;
}
#adman_can_detail #content ul li {
  font-weight: bold;
}
#adman_can_detail #content ul li + li {
  margin-top: 5px;
}
#adman_can_detail #content .box-col2 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 20px;
}
#adman_can_detail #content .box-col2 p {
  padding: 0 10px;
  width: 50%;
  box-sizing: border-box;
  margin-top: 0;
}
#adman_can_detail #content .box-col2 p img {
  width: 100%;
}
#adman_can_detail #content .pattern-box {
  margin: 1em 10px 1em;
  overflow: hidden;
  padding: 0;
  width: calc(33.33% - 20px);
  background: #fff;
  border: 1px solid #233f9a;
}
#adman_can_detail #content .pattern-box h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
  background: #233f9a;
  color: #fff;
}
#adman_can_detail #content .pattern-box .inner {
  padding: 15px;
  width: 100%;
}
.footer_action {
  /*  position: fixed;
  bottom: 0;
  left: 0; */
  width: 100%;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
  z-index: 100;
  padding: 10px 0;
  background: #cceffc;
}
.footer_action a {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  position: relative;
  background: #f18d00;
  padding: 20px 40px;
  text-align: center;
  width: 300px;
}
select {
  padding: 5px;
  font-size: 14px;
  border-radius: 0;
}
#faq_detail #content .detail h3 {
  font-size: 20px;
  color: inherit;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 0;
  text-align: left;
}
@media all and (min-width: 0px) and (max-width: 768px) {
  #main_visual h1 {
    font-size: 24px !important;
  }
  #main_visual p.c_fz20 {
    font-size: 16px !important;
  }
  #top_info_adman {
    background: none !important;
  }
  #top_info_adman header h2 {
    font-size: 26px !important;
  }
  .aplexBox dl {
    float: none;
    width: 100%;
  }
  .aplexBox dl:nth-child(2):before {
    left: calc(50% - 9px);
    top: -30px;
  }
  .aplexBox dl:nth-child(3):before {
    left: calc(50% - 9px);
    top: -30px;
  }
  .aplexBox dl + dl {
    margin-left: 0;
    margin-top: 40px;
  }
  .aplexBox dl dt {
    padding: 15px 10px;
  }
  .solutionBox .imgright {
    float: none;
    width: 100%;
    min-width: 100%;
    margin-left: 0;
  }
  .solutionBox .imgleft {
    float: none;
    width: 100%;
    min-width: 100%;
    margin-right: 0;
  }
  .c_subheader_simple {
    margin-bottom: 20px;
  }
  .c_tal {
    font-size: 30px !important;
  }
  .c_tal svg {
    width: 26px;
    height: 26px;
  }
  .c_tal .c_t_default {
    display: block;
  }
  #contact #sec01 {
    padding-bottom: 0 !important;
  }
  #adman_can_detail #content .attention-box ul {
    padding: 15px 15px 7px;
  }
  #adman_can_detail #content .attention-box li {
    width: 50%;
  }
  #adman_can_detail #content .box-col3 > p {
    width: 100%;
  }
  #adman_can_detail #content .pattern-box {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .c_pc_dn {
    display: none;
  }
}
/*---------20200305 「よくある質問」のための追記---------*/
.faq_list_style {
  padding: 15px;
  background: #eaf4fd;
  margin-top: 25px;
}
.faq_list_style p {
  font-weight: bold;
}
.ndemo {
  position: relative;
}
.ndemo:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  top: 14px;
  left: 30px;
  background: url(../img/common/ndemo.png) no-repeat 0 0;
  transform: skewX(30deg);
  position: absolute;
}
.ndemo:hover:before {
  background: url(../img/common/ndemo_on.png) no-repeat 0 0;
}
.adbody {
  position: relative;
}
.adtxt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  background: #fff;
  padding: 5px;
}
.adtxt strong {
  color: #c10000;
}
.adtxt.adde01 {
  left: 528px;
  top: 53px;
  padding-right: 50px;
}
.adtxt.adde02 {
  left: 528px;
  top: 165px;
}
.adtxt.adde03 {
  left: 528px;
  top: 283px;
  padding-right: 50px;
}
.adtxt.adde04 {
  left: 154px;
  top: 20px;
  background: #84c3c3;
  padding: 0 5px;
  color: #fff;
}
.adtxt.adde05 {
  left: 639px;
  top: 20px;
  background: #84c3c3;
  padding: 0 5px;
  color: #fff;
}
.adtxt.adde06 {
  left: 208px;
  top: 124px;
  font-weight: normal;
}
.adtxt.adde07 {
  left: 222px;
  top: 260px;
  font-weight: normal;
}
.adtxt.adde08 {
  left: 453px;
  top: 196px;
  font-weight: normal;
}
.adtxt.adde09 {
  left: 630px;
  top: 92px;
  font-weight: normal;
}
.adtxt.adde10 {
  left: 630px;
  top: 150px;
  font-weight: normal;
}
.adtxt.adde11 {
  left: 630px;
  top: 296px;
  font-weight: normal;
}
.adtxt.adde12 {
  left: 794px;
  top: 92px;
  font-weight: normal;
}
.adtxt.adde13 {
  left: 794px;
  top: 151px;
  font-weight: normal;
}
.adtxt.adde14 {
  left: 794px;
  top: 210px;
  font-weight: normal;
}
.adtxt.adde15 {
  left: 794px;
  top: 296px;
  font-weight: normal;
}
.adtxt.adde16 {
  left: 4px;
  top: 120px;
  font-weight: normal;
  background: #dceef4;
  font-size: 28px;
}
.adtxt.adde17 {
  left: 213px;
  top: 98px;
  width: 26px;
  font-weight: normal;
  background: #badee8;
}
.adtxt.adde18 {
  left: 343px;
  top: 27px;
  font-weight: normal;
  background: #badee8;
  padding: 0 5px;
}
.adtxt.adde19 {
  left: 333px;
  top: 76px;
  font-weight: normal;
  background: #badee8;
  padding: 0 5px;
}
.adtxt.adde20 {
  left: 298px;
  top: 123px;
  font-weight: normal;
  background: #badee8;
  padding: 0 5px;
}
.adtxt.adde21 {
  left: 333px;
  top: 170px;
  font-weight: normal;
  background: #badee8;
  padding: 0 5px;
}
.adtxt.adde22 {
  left: 328px;
  top: 170px;
  font-weight: normal;
  background: #badee8;
  padding: 0 5px;
}
.adtxt.adde23 {
  left: 583px;
  top: 27px;
  font-weight: normal;
  background: #badee8;
  padding: 0 5px;
}
.adtxt.adde24 {
  left: 558px;
  top: 75px;
  font-weight: normal;
  background: #badee8;
  padding: 0 5px;
}
.adtxt.adde25 {
  left: 576px;
  top: 123px;
  font-weight: normal;
  background: #badee8;
  padding: 0 5px;
}
.adtxt.adde26 {
  left: 816px;
  top: 26px;
  font-weight: normal;
  background: #badee8;
  padding: 0 5px;
}
.adtxt.adde27 {
  left: 816px;
  top: 75px;
  font-weight: normal;
  background: #badee8;
  padding: 0 5px;
}
.adtxt.adde28 {
  left: 793px;
  top: 123px;
  font-weight: normal;
  background: #badee8;
  padding: 0 5px;
}
.adtxt.adde29 {
  left: 815px;
  top: 202px;
  font-weight: normal;
  background: #badee8;
  padding: 0 5px;
}
.adtxt.adde30 {
  left: 792px;
  top: 249px;
  font-weight: normal;
  background: #badee8;
  padding: 0 5px;
}
.adtxt.adde31 {
  left: 976px;
  top: 201px;
  font-weight: normal;
  background: #badee8;
  padding: 0 5px;
  width: 28px;
  font-size: 17px;
}
.adtxt.adde32 {
  left: 3px;
  top: 396px;
  font-weight: normal;
  background: #ebf1df;
  padding: 0 5px;
  font-size: 28px;
}
.adtxt.adde33 {
  left: 342px;
  top: 355px;
  font-weight: normal;
  background: #d7e4be;
  padding: 0 5px;
}
.adtxt.adde34 {
  left: 342px;
  top: 402px;
  font-weight: normal;
  background: #d7e4be;
  padding: 0 5px;
}
.adtxt.adde35 {
  left: 326px;
  top: 449px;
  font-weight: normal;
  background: #d7e4be;
  padding: 0 5px;
}
.adtxt.adde36 {
  left: 586px;
  top: 402px;
  font-weight: normal;
  background: #d7e4be;
  padding: 0 5px;
}
.adtxt.adde37 {
  left: 585px;
  top: 450px;
  font-weight: normal;
  background: #d7e4be;
  padding: 0 5px;
}
.adtxt.adde38 {
  left: 782px;
  top: 355px;
  font-weight: normal;
  background: #d7e4be;
  padding: 0 5px;
}
.adtxt.adde39 {
  left: 822px;
  top: 402px;
  font-weight: normal;
  background: #d7e4be;
  padding: 0 5px;
}
.adtxt.adde40 {
  left: 30px;
  top: 526px;
  font-weight: normal;
  background: #f1dcdb;
  padding: 0 5px;
  font-size: 28px;
}
.adtxt.adde41 {
  left: 320px;
  top: 555px;
  font-weight: normal;
  background: #e3b9b8;
  padding: 0 5px;
}
.adtxt.adde42 {
  left: 563px;
  top: 555px;
  font-weight: normal;
  background: #e3b9b8;
  padding: 0 5px;
}
.adtxt.adde43 {
  left: 793px;
  top: 555px;
  font-weight: normal;
  background: #e3b9b8;
  padding: 0 5px;
}
.adtxt.adde44 {
  left: 318px;
  top: 219px;
  font-weight: normal;
  background: #badee8;
  padding: 0 5px;
}
.thanks_day {
  text-align: center;
  margin-top: 30px;
}
.thanks_day iframe {
  width: 100%;
  height: 820px;
}
#casedlBox {
  background: #d9f5ff;
  overflow: hidden;
  margin-bottom: 80px;
}
#casedlBox .inner {
  width: 960px;
}
#casedlBox .area-link {
}
#casedlBox img {
  max-width: 100%;
  float: right;
  margin: 0 50px 0 0;
}
#casedlBox h3 {
  position: relative;
  font-size: 26px;
  font-weight: bold;
  text-align: left;
  color: #233f9a;
  margin-bottom: 15px;
}
#casedlBox h3 span {
  position: absolute;
  right: 0;
  top: -60px;
  color: #fff;
  background: #233f9a;
  border-radius: 50%;
  padding: 55px 20px;
  display: inline-block;
  text-align: center;
  transform: rotate(20deg);
}
#casedlBox p {
}
#casedlBox a {
  float: left;
}
@media screen and (max-width: 768px) {
  .ndemo:before {
    transform: none;
    position: static;
    background-size: cover;
    margin-right: 3px;
  }
  .adbody .adtxt {
    display: none;
  }
  .thanks_day {
  }
  .thanks_day iframe {
    height: inherit;
  }
  #casedlBox {
    margin-bottom: 80px;
  }
  #casedlBox .inner {
    width: 90%;
  }
  #casedlBox img {
    float: none;
    margin: 0 auto;
    max-height: 150px;
    width: auto;
    display: block;
  }
  #casedlBox h3 {
    font-size: 20px;
    text-align: left;
    margin: 15px 0;
  }
  #casedlBox h3 span {
    padding: 40px 20px;
    text-align: center;
    transform: none;
    font-size: 14px;
    top: -180px;
    right: 0;
  }
  #casedlBox a {
    float: none;
  }
}
/*200825追記*/
#sub_visual.sub01 .inner .sub_header header h1.ad06 {
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  #sub_visual.sub01 .inner .sub_header header h1.ad06 {
    font-size: 25px;
  }
}
/*=====<=====<=====<=====<=====<=====<=====
	  event
	=====>=====>=====>=====>=====>=====>=====*/
#event #sub_visual {
  background-image: url(../img/download/page_header.jpg);
}
#event_detail #sub_visual {
  background-image: url(../img/download_detail/page_header.jpg);
}
#event .box {
  width: 100%;
  margin-bottom: 52px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 52px;
}
#event .box:last-of-type {
  border: none;
}
#event .label {
  margin-bottom: 25px;
}
#event .label span {
  background: #233f9a;
  border-radius: 2px;
  color: #ffffff;
  display: inline-block;
  margin-right: 1em;
  padding: 5px 14px;
  font-size: 15px;
}
#event .label span.end {
  background: #666;
}
#event .box h3 {
  font-size: 25px;
  margin-bottom: 25px;
  text-align: left;
}
#event .box p {
  margin-bottom: 25px;
}
#event .box table {
  background: #fff;
}
#event .box table td {
  padding: 20px;
  border: 1px solid #ddd;
}
#event .box table td:nth-of-type(1) {
  background: rgba(128, 215, 248, 0.2);
  border-left: none;
  text-align: center;
  width: 240px;
}
#event .box table td:nth-of-type(2) {
  border-right: none;
}
#event_detail .flex-box div p {
  margin-top: 10px;
}
#event_detail .flex-box div p:nth-of-type(1) {
  font-weight: bold;
}
#event_detail .flex-box div p:nth-of-type(2) {
  font-size: 14px;
}
/*=====<=====<=====<=====<=====<=====<=====
  event_detail
=====>=====>=====>=====>=====>=====>=====*/
#event_detail #sec01 .inner {
  align-items: flex-start;
}
#event_detail #sec01 .left {
  width: 450px;
}
#event_detail #sec01 .left h3 {
  font-size: 30px;
  margin-bottom: 1em;
}
#event_detail #sec01 .left p {
  margin-top: 10px;
}
#event_detail #sec01 .left dl {
  margin-top: 40px;
}
#event_detail #sec01 .left dl dt {
  font-size: 25px;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #233f9a;
}
#event_detail #sec01 .right {
  width: 500px;
}
#event_detail #sec01 .right h3 {
  text-align: left;
  display: block;
  font-size: 30px;
  margin-bottom: 0.8em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #233f9a;
}
#event_detail #sec01 .right p {
  margin-bottom: 30px;
}
#event_detail #sec01 .right dl dt {
  margin-bottom: 0.5em;
}
#event_detail #sec01 .right dl dt span {
  border-radius: 2px;
  background: #222222;
  color: #ffffff;
  display: inline-block;
  margin-right: 1em;
  padding: 0.2em 1em;
  font-size: 11px;
}
#event_detail #sec01 .right dl dt span.require {
  background: #233f9a;
}
#event_detail #sec01 .right dl dd a {
  text-decoration: underline;
  color: #00b0f1;
}
#event_detail #sec01 .right dl + dl {
  margin-top: 20px;
}
#event_detail #sec01 .right input[type="text"],
#event_detail #sec01 .right input[type="email"] {
  width: 100%;
  height: 40px;
  padding: 0 0.5em;
  border: 1px solid #cccccc;
}
#event_detail #sec01 .right label input[type="text"] {
  width: 160px;
}
#event_detail #sec01 .right label + label {
  margin-left: 20px;
}
#event_detail #sec01 .right button {
  margin: 40px auto 0;
  display: block;
  width: 250px;
  height: 50px;
  font-size: 15px;
  font-family: inherit;
  transition: 0.3s;
  cursor: pointer;
}
#event_detail .flex-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#event_detail .flex-box div {
  width: 49%;
}
#event_detail .flex-box div img {
  width: 100%;
}
.sub_navi br {
  display: none;
}
.event_bnr-in {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.event_bnr-in p {
  width: 64%;
}
.event_bnr-in img {
  display: block;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  /*=====<=====<=====<=====<=====<=====<=====
	  event_detail
	=====>=====>=====>=====>=====>=====>=====*/
  #event_detail #sec01 .inner {
    align-items: flex-start;
  }
  #event_detail #sec01 .left {
    width: 100%;
  }
  #event_detail #sec01 .left h3 {
    font-size: 20px;
  }
  #event_detail #sec01 .left img {
    height: 150px;
  }
  #event_detail #sec01 .left dl {
    margin-top: 20px;
  }
  #event_detail #sec01 .left dl dt {
    font-size: 18px;
  }
  #event_detail #sec01 .right {
    width: 100%;
    margin-top: 50px;
  }
  #event_detail #sec01 .right h3 {
    font-size: 20px;
  }
  #event_detail #sec01 .right p {
    margin-bottom: 20px;
  }
  #event_detail #sec01 .right input[type="text"],
  #event_detail #sec01 .right input[type="email"] {
    width: 100%;
    height: 30px;
  }
  #event_detail #sec01 .right label input[type="text"] {
    width: 80px;
  }
  #event_detail #sec01 .right label + label {
    margin-left: 10px;
  }
  #event_detail #sec01 .right button {
    margin: 30px auto 0;
    width: 100%;
  }
  .sub_navi br {
    display: block;
  }
  .event_bnr-in {
    display: block;
  }
  .event_bnr-in p {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #event .box table td:nth-of-type(1) {
    width: 80px;
  }
}
/*----------------------------------201112　トップページ動画追加----------------------------------*/
.movie_area {
  margin-bottom: 60px;
}
.movie_area video {
  margin: 0 auto;
  width: 900px;
  display: block;
}
@media screen and (max-width: 767px) {
  .movie_area video {
    width: 100%;
  }
}
#global_navi {
  width: 39%;
}
@media screen and (max-width: 1600px) {
  #global_navi {
    width: 48%;
  }
}
@media screen and (max-width: 1200px) {
  #global_navi {
    width: 54%;
  }
}
@media screen and (max-width: 1060px) {
  #global_navi {
    width: 55%;
  }
}
#global_navi .main_navi {
  width: 100%;
}
/*=====<=====<=====<=====<=====<=====<=====
  column_detail
=====>=====>=====>=====>=====>=====>=====*/
#column_detail .inner .case_detail_content .case_detail_text {
  position: relative;
  background-color: #ffffff;
  border: 4px solid #233f9a;
  padding: 55px 50px;
}
#column_detail .inner .case_detail_content .case_detail_text::before {
  content: "";
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 2px solid #6fbfef;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#column_detail
  .inner
  .case_detail_content
  .case_detail_text
  + .case_detail_text {
  margin-top: 66px;
}
#column_detail
  .inner
  .case_detail_content
  .case_detail_text
  + .case_detail_text::after {
  content: url(../img/case_detail/case_detail_01.png);
  position: absolute;
  bottom: calc(100% + 3px);
  left: 50%;
  transform: translateX(-50%);
}
#column_detail .inner .case_detail_content .case_detail_text header {
  padding-bottom: 20px;
}
#column_detail .inner .case_detail_content .case_detail_text header p {
  position: relative;
  padding-bottom: 20px;
  font-size: 26px;
  text-align: center;
  line-height: 1;
}
#column_detail .inner .case_detail_content .case_detail_text header p::after {
  content: "";
  position: absolute;
  width: 80px;
  display: block;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #233f9a;
}
#column_detail .inner .case_detail_content .case_detail_text header h2 {
  padding-top: 15px;
  color: #233f9a;
  font-size: 30px;
}
#column_detail .inner .case_detail_content .case_detail_text p {
  line-height: 1.5;
}
#column_detail #sub_visual .inner {
  background: rgb(255, 255, 255, 0.8);
  padding: 20px 12px;
}
#column_wrap .inner {
  display: flex;
  justify-content: space-between;
}
#column_wrap .secCont {
  margin-bottom: 90px;
}
#column_wrap img {
  width: 100%;
}
.content-left {
  width: 700px;
  text-align: left;
}
.side {
  width: 290px;
  /*position: relative;*/
}
.sidebn_01 {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
}
#column_detail main > article#content {
  overflow: inherit;
}
#column_wrap dl {
  width: 270px;
  margin: 0 30px 30px 0;
}
#column_wrap dl.area-link:hover {
  opacity: 0.7;
}
#column_wrap dt {
  text-align: left;
  color: #001f50;
  font-size: 16px;
  font-weight: bold;
}
#column_wrap dt a {
  display: block;
}
#column_wrap dt img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
#column_wrap dt .time {
  float: right;
  margin: 5px 0;
  padding: 1px 15px 0 20px;
  font-size: 12px;
  font-weight: bold;
  color: #666;
  background: url(../images/icon_time.png) no-repeat 0 center;
}
@media all and (-ms-high-contrast: none) {
  #column_wrap dt .time {
    background: url(../images/icon_time.png) no-repeat 0 2px;
  }
}
#column_wrap dt span {
  text-align: left;
  font-size: 16px;
  display: block;
  clear: both;
}
#column_wrap dd {
  font-size: 14px;
  text-align: left;
}
#column_wrap dd ul {
  overflow: hidden;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #ccc;
}
#column_wrap dd ul li {
  float: left;
  margin: 0 15px 0 0;
  padding-left: 20px;
  font-size: 12px;
  background: url(../images/icon_label.png) no-repeat 0 center;
}
@media all and (-ms-high-contrast: none) {
  .articlelist dd ul li {
    background: url(../images/icon_label.png) no-repeat 0 1px;
  }
}
#column_wrap h2 {
  font-size: 32px;
  font-weight: bold;
  color: #233f9a;
  text-align: left;
  letter-spacing: 0.05em;
  margin-bottom: 25px;
}
#column_wrap h3 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 2px solid #233f9a;
  color: #233f9a;
  text-align: left;
}
#column_wrap p {
  letter-spacing: 0.05em;
}
#column_wrap dl {
  padding-bottom: 20px;
  margin-top: 60px;
  border-bottom: 1px solid #aaa;
  width: 100% !important;
}
#column_wrap dt {
  color: #666;
  font-size: 18px;
  background: #fff;
  position: relative;
}
#column_wrap dt:before {
  position: absolute;
  content: "";
  height: 1px;
  width: 647px;
  background: #aaa;
  right: 0;
  top: 14px;
}
#column_wrap dd {
  display: flex;
  width: 100%;
  align-items: flex-start;
  font-size: 16px;
  margin-top: 15px;
}
#column_wrap dd + dd {
  margin-top: 10px;
}
#column_wrap dd span {
  padding-right: 10px;
}
#column_wrap dd a {
  text-decoration: underline;
  color: #05a8c6;
}
#column_wrap dd a:hover {
  text-decoration: none;
}
#column_wrap dd.infosub {
  padding-left: 30px;
}
#column_wrap .img-wrap {
  width: 700px;
  margin: 40px auto;
}
#column_wrap .img-wrap span {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
#column_wrap .img-wrap img {
  max-width: 680px;
  margin: 0 auto;
}
#column_wrap a {
  text-decoration: underline;
  color: #233f9a;
}
#column_wrap .side .side_ttl {
  font-size: 18px;
  font-weight: bold;
  padding-top: 30px;
  margin-top: 60px;
  margin-bottom: 20px;
  position: relative;
  border-top: 2px solid #ccc;
}
#column_wrap .side .side_ttl:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  height: 2px;
  width: 80px;
  background: #00b0f1;
}
#column_wrap .side .side_ttl a {
  float: right;
  font-size: 14px;
  padding-bottom: 5px;
  border-bottom: 2px solid #001f50;
}
#column_wrap .article_side {
}
#column_wrap .article_side li {
  display: flex;
  /*align-items: center;*/
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px solid #aaa;
  padding-bottom: 20px;
}
#column_wrap .article_side li > a {
  position: relative;
}
#column_wrap .article_side li > a img {
}
#column_wrap .article_side li > a span {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  line-height: 1;
  padding: 8px 10px;
  background: #777;
}
#column_wrap .article_side li:nth-child(1) > a span {
  background: #d1af10;
}
#column_wrap .article_side li:nth-child(2) > a span {
  background: #b3b2b2;
}
#column_wrap .article_side li:nth-child(3) > a span {
  background: #d17410;
}
#column_wrap .article_side li dl {
  width: 195px;
  padding-left: 15px;
  margin: 0;
  border: none;
}
#column_wrap .article_side li dl dt {
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: bold;
}
#column_wrap .article_side li dl dd {
  float: left;
  margin-right: 15px;
}
#column_wrap .article_side li dl dd a {
  display: inline-block;
  padding-left: 15px;
  background: url(../images/icon_label.png) no-repeat 0 center;
  font-size: 12px;
}
#column_wrap .article_side dt {
  font-size: 13px;
}
#column_wrap .article_side dt:before {
  content: none !important;
}
@media screen and (max-width: 767px) {
  #column_wrap .inner {
    display: block;
  }
  .content-left {
    width: 100%;
  }
  #column_wrap h2 {
    font-size: 21px;
  }
  #column_wrap h3 {
    font-size: 18px;
    padding-bottom: 12px;
  }
  #column_wrap .img-wrap {
    width: 100%;
  }
  .side {
    width: 100%;
  }
}

#column_wrap p + .column_table,
#column_wrap .column_table + p {
  margin-top: 1em;
}
#column_wrap .column_table th,
#column_wrap .column_table td {
  padding: 15px 10px;
  border: 2px solid #ccc;
  font-size: 14px;
}
#column_wrap .column_table th {
  text-align: center;
}
#column_wrap .column_table tr:first-of-type th {
  background-color: #05a8c6;
  color: #fff;
}
#column_wrap .column_table tr th:first-of-type {
  width: 12em;
}
@media screen and (max-width: 767px) {
  #column_wrap .column_table tr:first-of-type {
    display: none;
  }
  #column_wrap .column_table th,
  #column_wrap .column_table td {
    display: block;
    width: 100% !important;
    padding: 5px 10px;
    border: none;
  }
  #column_wrap .column_table th {
    background-color: #05a8c6;
    text-align: left;
    color: #fff;
  }
  #column_wrap .column_table td {
    padding-bottom: 1em;
  }
  #column_wrap .column_table td br.pc {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  /*=====<=====<=====<=====<=====<=====<=====
	  case_detail
	=====>=====>=====>=====>=====>=====>=====*/
  #case_detail .inner .case_detail_content .case_detail_text {
    border: 2px solid #233f9a;
    padding: 30px 15px;
  }
  #case_detail .inner .case_detail_content .case_detail_text::before {
    width: calc(100% - 5px);
    height: calc(100% - 5px);
  }
  #case_detail .inner .case_detail_content .case_detail_text header p {
    padding-bottom: 10px;
    font-size: 18px;
  }
  #case_detail .inner .case_detail_content .case_detail_text header h2 {
    padding-top: 7px;
    font-size: 24px;
  }
}
/*----------------------------201224追加----------------------------*/
.t-center {
  text-align: center !important;
}
h3.h3_manga {
  font-size: 40px;
  text-align: center;
  color: #233f9a;
  margin-bottom: 40px;
}
p.txt_manga {
  font-size: 22px;
  line-height: 1.75;
  margin: 20px auto 40px;
  font-weight: 600;
  text-align: center;
}
.manga_img {
  margin-top: 40px;
}
p.sankaku {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 150px 500px 0 500px;
  border-color: #233f9a transparent transparent transparent;
  display: block;
  margin: 20px auto 15px;
}
p.ov_txt {
  position: absolute;
  top: 454px;
  text-align: center;
  font-size: 23px;
  color: #fff;
  font-weight: bold;
  left: calc(50% - 256px);
}
p.ov_txt02 {
  position: absolute;
  top: 374px;
  text-align: center;
  font-size: 23px;
  color: #fff;
  font-weight: bold;
  left: calc(50% - 256px);
}
.pc-only {
  display: block;
}
.sp-only {
  display: none;
}
.manga_area {
  display: flex;
  justify-content: space-between;
  padding: 30px 110px;
  align-items: center;
  margin-bottom: 40px;
  background: #e3f4ff;
  width: 100%;
  margin: 0 auto;
}
.manga_area a img {
  width: 78%;
  max-width: 100%;
}
.t-area p {
  font-size: 22px;
  font-weight: bold;
}
.manga_area.adman {
  margin-top: 50px;
}
.manga-area-side {
  background: #e3f4ff;
  padding: 20px;
}
.manga-area-side a {
  text-decoration: none !important;
  color: #333 !important;
  text-align: center;
  font-weight: bold !important;
}
.manga-area-side p {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}
.inner.manga {
  position: relative;
}
@media screen and (max-width: 768px) {
  p.sankaku {
    border-width: 40px 80px 0 80px;
  }
  p.ov_txt {
    position: static;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: bold;
  }
  p.ov_txt02 {
    position: static;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: bold;
  }
  p.txt_manga {
    font-size: 18px;
  }
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
  h3.h3_manga {
    font-size: 22px;
  }
  p.txt_manga {
    font-size: 16px;
  }
  .t-area p {
    text-align: center;
    font-size: 20px;
  }
  .manga_area {
    display: block;
    padding: 30px 20px;
    width: 100%;
  }
  .manga_area img {
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
  }
  .manga_area .c_btn {
    margin-top: 20px;
  }
}
span.u_line {
  background: linear-gradient(transparent 60%, #ffa99d 60%);
}
/*20210126-----------------------------------------*/
.tbl__2cell tr {
  height: 80px;
}
.tbl__2cell td {
  border: 1px solid #979797;
  padding: 10px;
}
.tbl__2cell td:first-child {
  text-align: center;
  width: 24%;
  background: #e1f8ff;
}
p.tx__blue {
  color: #233f9a;
  font-weight: bold;
}
.mt30 {
  margin-top: 30px;
}
/*20210303--------------------------------------------------*/
@media screen and (min-width: 769px) {
  #column_wrap img.bnr__dwn {
    width: 500px;
    display: block;
    margin-top: 1em;
  }
}
#column_wrap img.bnr__dwn:hover {
  opacity: 0.8;
}
.down__cnt__02 {
  margin-top: 60px;
}
.f__small {
  font-size: 0.8em;
}
#faq_detail #content h3.mt40 {
  margin-top: 40px;
}
.mb30 {
  margin-bottom: 30px;
}
.mt30 {
  margin-top: 30px;
}
#form-fields .form-preview-reqiured {
  background-color: #233f9a;
}
@media screen and (min-width: 769px) {
  #download #sec01 .box {
    margin-right: 5%;
  }
  #download #sec01 .box:nth-of-type(3n) {
    margin-right: 0;
  }
  #download .down__cnt__01 .c_df {
    justify-content: flex-start;
  }
}
/*---------210628-------------*/
#column_wrap .column-link {
  background: #f0fdff;
  padding: 10px;
  margin-top: 1rem;
  border-radius: 10px;
  border: 1px solid #ddd;
}
#column_wrap .column-link .sub-ttl {
  font-size: 14px;
  color: #233f9a;
}
#column_wrap .column-link .flex {
  display: flex;
}
#column_wrap .column-link .column-txt p {
  margin: 0;
  font-weight: bold;
  line-height: 1.5;
}
#column_wrap .column-link .column-txt .key {
  text-indent: -0.5rem;
  padding-left: 9px;
}
#column_wrap .column-link .column-btn {
  margin-left: auto;
  padding-right: 12px;
}
#column_wrap .column-link .column-btn a {
  border: 1px solid #fff;
  padding: 11px 19px;
  font-size: 12px;
  text-decoration: none;
  display: block;
  border-radius: 30px;
  font-weight: bold;
  background: #233f9a;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  #column_wrap .column-link .flex {
    display: block;
  }
  #column_wrap .column-link .column-btn {
    margin-left: none;
    margin-top: 1rem;
    padding-right: 0px;
  }
}
/*---------------------210818*/
table.info_table {
  margin-top: 1rem;
}
table.info_table td {
  border: 2px solid #afd8ff;
  padding: 10px;
  background: #f7fbff;
}
table.info_table a {
  text-decoration: underline;
  transition: 0.3s;
}
table.info_table a:hover {
  text-decoration: none;
}
.optout .caption {
  position: relative;
  margin-bottom: 1em;
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 0;
  padding-top: 60px;
  text-align: center;
  font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "YuGo_custom", Meiryo,
    sans-serif;
}
.optout .caption:before {
  content: "";
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #233f9a;
  border-radius: 2px;
}
.optout .lead {
  font-size: 26px;
  margin-bottom: 45px;
  text-align: center;
}
.optout .mail_block {
  width: 100%;
}
.optout .follow_text {
  margin: 20px 0 50px;
  text-align: center;
  font-size: 16px;
  line-height: 1.75;
}
.optout .follow_text.text2 {
  margin: 20px 0 0;
  padding-bottom: 60px;
}
.optout .btn_area {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 60px;
}
.optout .btn_area .btn_beta {
  margin: 0 8px;
  position: relative;
  top: 0;
}
.optout .btn_area .btn_beta a {
  display: block;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 10px 1.5em 10px 2em;
  line-height: 1.4;
  color: #233f9a;
  font-size: 16px;
  font-weight: bold;
  background: url(/dcms_media/image/arr01.png) no-repeat 1em center/6px auto;
  -webkit-box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 30%);
  box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 30%);
  white-space: nowrap;
}
.optout a,
.optout .t-default a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  margin: 0;
  padding: 0;
  color: #333333;
  text-decoration: none;
  transition: all 0.2s ease 0s;
}
@media screen and (max-width: 768px) {
  .optout .caption {
    font-size: 30px;
  }
}
/*20210902追記*/
#faq_detail #content .faq_q_list-title {
  border-left: 0px solid #233f9a;
  padding: 0 0 0 0px;
}
.up_list.c_pt25 {
  padding-top: 0px;
}
.side_link-text {
  margin: 20px 0;
}
/*20210909追記*/
.mt80auto {
  margin: 80px auto 0;
}
.manga_area img {
  width: 40%;
}
.c_ma:hover {
  opacity: 0.6;
  transition: 0.4s ease-in-out;
}
.manga_area:hover {
  opacity: 0.6;
  transition: 0.4s ease-in-out;
}
@media screen and (max-width: 768px) {
  .manga_area img {
    width: 100%;
  }
}
/*20210927追記*/
#adman_can_detail #content .c_link_list h3 {
  color: #222222;
  padding: 0 0 0px;
  margin-bottom: 0px;
  border-bottom: 0px solid #aaa;
}
#adman_can_detail #content .c_link_list li {
  margin-bottom: 25px;
}
/*20211015追記(flamingo-x)*/
.probrem {
  padding: 80px 0 110px;
}
.probrem__center h2 {
  text-align: center;
}
.probrem__flex {
  display: flex;
  justify-content: center;
}
.problem__list {
  margin-left: 60px;
}
.problem__list li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-size: 18px;
}
.problem__list li img {
  margin-right: 10px;
  height: fit-content;
}
@media screen and (max-width: 768px) {
  .probrem__flex {
    display: block;
  }
  .probrem__flex figure {
    margin-bottom: 20px;
  }
  .problem__list {
    margin-left: 14px;
  }
  .problem__list li {
    margin-bottom: 8px;
  }
  .problem__list li img {
    margin-right: 8px;
    width: 26px;
    height: fit-content;
  }
}
.flamingo {
  background: #0e3394;
  position: relative;
}
.flamingo img {
  position: absolute;
  top: -77px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.flamingo p {
  font-size: 40px;
  font-weight: 900;
  line-height: 1.4;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .flamingo img {
    width: 30%;
    top: -52px;
  }
  .flamingo p {
    font-size: 24px;
  }
}
.reason__flex {
  display: flex;
  justify-content: space-between;
}
.reason__flex li {
  width: 325px;
  position: relative;
}
.reason__flex li::before {
  content: "";
  display: block;
  background: #fcf2ff;
  width: 325px;
  height: 310px;
  border-radius: 8px;
  position: absolute;
  bottom: -40px;
}
.reason__flex li p {
  position: relative;
  padding: 0 20px;
}
.reason__number {
  font-size: 46px;
  font-weight: 900;
  color: #949fc5;
}
.reason__flex figure {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  position: relative;
}
.reason__subtitle {
  font-size: 28px;
  font-weight: 900;
  text-align: center;
  color: #233f9a;
  position: relative;
}
@media screen and (max-width: 768px) {
  .reason__flex {
    display: block;
  }
  .reason__flex li::before {
    width: 100%;
    height: 254px;
  }
  .reason__flex li {
    margin-bottom: 45px;
    width: 100%;
  }
  .reason__flex li:last-of-type {
    margin-bottom: 0;
  }
  .reason__number {
    text-align: center;
  }
  .reason__flex img {
    width: 65%;
  }
}
.about__flex {
  display: flex;
  justify-content: space-between;
}
.about__textarea {
  width: 580px;
}
.about__textarea p {
  margin-bottom: 50px;
}
.about__textarea .c_btn {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .about__textarea {
    width: 100%;
  }
  .about__flex {
    flex-wrap: wrap;
  }
  .about__flex figure {
    margin: 25px 0;
  }
}
.topic {
  position: relative;
  padding: 80px 0 50px 0;
}
.topic::before {
  content: "";
  display: block;
  background: #f6faff;
  width: 1170px;
  height: 1150px;
  position: absolute;
  top: 0;
  right: 0;
}
.topic ul {
  padding: 30px 0 0;
}
.topic__flex {
  display: flex;
  margin-bottom: 65px;
}
.topic__flex:nth-of-type(2) {
  display: flex;
  justify-content: center;
}
.topic .inner {
  position: relative;
}
.topic__flex:last-of-type {
  display: flex;
  justify-content: flex-end;
}
.topic__flex figure {
  margin-right: 45px;
}
.topic__textarea {
  width: 340px;
}
.topic__subtitle {
  font-size: 28px;
  font-weight: 900;
  color: #233f9a;
  margin-top: -8px;
}
@media screen and (max-width: 768px) {
  .topic {
    background: #f6faff;
  }
  .topic__flex {
    display: block;
  }
  .topic::before {
    display: none;
  }
  .topic__flex:nth-of-type(2) {
    display: block;
  }
  .topic__flex:last-of-type {
    display: block;
    margin-bottom: 0;
  }
  .topic__flex figure {
    margin-right: 0;
  }
  .topic__subtitle {
    text-align: center;
  }
  .topic__textarea {
    width: 100%;
  }
}
.price {
  background: #d9f5ff;
}
.price__flex {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 60px 0;
}
.price__flex li {
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  box-shadow: 0 2px 4px grey;
}
.price__flex li:first-of-type {
  width: 83px;
  background: #233f9a;
  color: #fff;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
.price__flex li:nth-of-type(even) {
  background: #fff;
  width: 460px;
  color: #233f9a;
}
.price__flex li:nth-of-type(3) {
  width: auto;
  color: #233f9a;
  box-shadow: none;
}
.price__flex li:nth-of-type(3) img {
  position: absolute;
}
.price__flex li:last-of-type {
  display: block;
  text-align: center;
}
.price__flex li p {
  font-size: 26px;
  font-weight: 500;
}
.price__flex li:last-of-type p {
  position: relative;
  top: 10px;
}
.price__flex li p span {
  font-size: 50px;
  font-weight: 900;
}
.price__small {
  font-size: 12px;
}
.price__caption {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .price__flex {
    display: block;
    background: #fff;
    margin: 30px 0 60px;
  }
  .price__flex li {
    height: 48px;
    border-radius: 0;
    box-shadow: none;
  }
  .price__flex li:first-of-type {
    width: 100%;
    writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
  }
  .price__flex li:nth-of-type(even) {
    width: 100%;
    margin: 20px 0;
  }
  .price__flex li:nth-of-type(3) {
    width: auto;
  }
  .price__flex li:nth-of-type(3) img {
    width: 30px;
    top: 134px;
  }
  .price__flex li:last-of-type {
    display: block;
    position: relative;
    top: -20px;
  }
  .price__flex li p {
    font-size: 18px;
  }
  .price__flex li:last-of-type p {
    top: -20px;
  }
  .price__flex li p span {
    font-size: 40px;
  }
  .price__small {
    font-size: 10px;
  }
}
.include ul {
  padding: 30px 0;
}
.include__flex {
  width: 930px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.include__flex:nth-last-of-type(2) {
  margin: 0 0 0 auto;
}
.include__flex:last-of-type {
  margin-bottom: 0;
}
.include__textarea {
  width: 510px;
}
.include__subtitle {
  font-size: 28px;
  font-weight: 900;
  color: #233f9a;
}
@media screen and (max-width: 768px) {
  .include__flex {
    width: 100%;
    flex-wrap: wrap;
  }
  .include__textarea {
    width: 100%;
  }
  .child_1 {
    order: 2;
  }
  .child_2 {
    order: 1;
  }
  .include__flex:nth-last-of-type(2) {
    margin: 0 0 40px 0;
  }
  .include__subtitle {
    font-size: 26px;
    font-weight: 900;
  }
}
.spview {
  display: none;
}
@media screen and (max-width: 768px) {
  .pcview {
    display: none;
  }
  .spview {
    display: block;
  }
}
.c_box_list li.w1_per_2,
.c_link_list li.w1_per_2 {
  width: 330px;
  margin-left: 16px;
}
.c_link_list li .c_btn {
  width: 100%;
}
.c_box_list li.w1_per_2:nth-of-type(n + 3),
.c_link_list li.w1_per_2:nth-of-type(n + 3) {
  margin-top: 0;
}
/*20211022追記(10月改善ADMAN)*/
.top h2 {
  text-align: center;
  margin-bottom: 80px;
  line-height: 1.6;
}
.top__list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}
.top__box {
  width: 250px;
  padding: 30px 0;
  background: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  position: relative;
  border-radius: 8px;
  -webkit-filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.2));
  -moz-filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.2));
  -ms-filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
}
.top__box:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff;
}
.top__box:after {
  content: "“";
  color: #f18d00;
  font-size: 100px;
  position: absolute;
  top: -70px;
  left: 0px;
}
.top__box:nth-of-type(even) {
  top: 40px;
}
.top p {
  line-height: 1.3;
}
.top span {
  font-size: 24px;
  font-weight: 900;
  color: #4d83e7;
  line-height: 1.3;
}
.top figure img {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .top__list {
    display: block;
    position: relative;
    top: -35px;
    margin-bottom: 0;
  }
  .top__box {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 0;
  }
  .top__box:nth-of-type(-n + 3):before {
    content: none;
  }
  .top__box:nth-of-type(even) {
    top: 0;
  }
  .top figure img {
    width: 100%;
  }
  .top span {
    font-size: 20px;
  }
}
.about {
  background: #d9f5ff;
  position: relative;
  padding: 60px 0;
}
.about__answer {
  font-size: 33px;
  font-weight: 900;
  text-align: center;
  color: #233f9a;
  line-height: 1.5;
  position: relative;
  margin-bottom: 80px;
}
.about__answer span {
  font-size: 40px;
  background: linear-gradient(transparent 60%, #ff6 60%);
}
.about ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.about li {
  position: relative;
  margin-bottom: 40px;
  padding: 30px 30px 25px;
  background: #fff;
}
.about li:nth-of-type(n + 3) {
  margin-bottom: 0;
}
.about__title {
  width: 88%;
  color: #fff;
  font-size: 25px;
  font-weight: 900;
  padding: 20px 30px;
  text-align: center;
  background: rgba(35, 64, 135, 0.7);
  position: absolute;
  top: 192px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto;
}
.about figure {
  margin-bottom: 20px;
}
.about img {
  width: 100%;
}
.about__img {
  width: 440px;
  height: 300px;
}
.about__circle {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100px;
  height: 100px;
  line-height: 1.1;
  z-index: 100;
  padding: 32px 0 0 40px;
  color: #f18d00;
}
.about__circle span {
  font-size: 32px;
  font-weight: 900;
  display: contents;
}
.about__over {
  text-align: center;
  color: #233f9a;
}
.about__bg img {
  width: 100%;
  height: 70px;
}
@media screen and (max-width: 768px) {
  .about {
    margin-top: 0;
    padding-top: 10px;
  }
  .about__answer {
    font-size: 22px;
    margin-bottom: 35px;
    font-weight: 900;
  }
  .about ul {
    margin-bottom: 0;
  }
  .about li {
    padding: 20px 20px 25px;
    margin-bottom: 25px;
    width: 100%;
  }
  .about li:nth-of-type(n + 3) {
    margin-bottom: 25px;
  }
  .about__title {
    width: 88%;
    font-size: 20px;
    top: 32vw;
  }
  .about__circle {
    width: 90px;
    height: 90px;
    padding: 30px 0 0 36px;
  }
  .about__circle span {
    font-size: 27px;
  }
}
.system {
  padding: 90px 0 30px;
}
.system__content {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .system__content p {
    margin-bottom: 30px;
  }
  .system__content figure {
    margin: 0 auto;
  }
  .system__content {
    margin-bottom: 0;
  }
}
.adman_outline_system_list {
  margin-bottom: 80px;
}
.adman__header {
  margin-bottom: 60px;
}
.reason__content h2,
.reason__content2 h2,
.reason__content3 h2 {
  position: relative;
  margin-left: 35px;
  z-index: 1;
}
.reason__content h2:after {
  content: "01";
  font-size: 100px;
  position: absolute;
  left: -35px;
  top: -50px;
  color: rgba(241, 141, 0, 0.3);
  z-index: -1;
}
.reason__content2 h2:after {
  content: "02";
  font-size: 100px;
  position: absolute;
  left: -35px;
  top: -50px;
  color: rgba(241, 141, 0, 0.3);
  z-index: -1;
}
.reason__content3 h2:after {
  content: "03";
  font-size: 100px;
  position: absolute;
  left: -35px;
  top: -50px;
  color: rgba(241, 141, 0, 0.3);
  z-index: -1;
}
.dr__inner {
  background: #e3f4ff;
  padding: 30px;
}
.dr__content {
  margin-bottom: 0;
}
.dr__btn {
  margin: 40px 0 0 0;
}
.column_btn {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .child_01 {
    order: 2;
  }
  .child_02 {
    order: 1;
  }
}
#top_works .works__text {
  text-align: center;
  margin-bottom: 60px;
}
/*20211201追記(11月改善ADMAN)*/
#adman_project #sub_visual,
#adman_sales #sub_visual {
  background-image: url(../img/adman/page_header.jpg);
}
.c_subheader_simple_sub {
  font-size: 20px;
  font-weight: bold;
  display: block;
}
#adman_project #sec01 .box h3,
#adman_sales #sec01 .box h3 {
  text-align: left;
  font-size: 25px;
  margin-bottom: 30px;
}
#adman_project #sec01 img,
#adman_sales #sec01 img {
  border: 1px solid #000;
}
#adman_project #sec01 .box,
#adman_sales #sec01 .box {
  margin-bottom: 80px;
}
#adman_project #sec01 .c_subheader_simple,
#adman_sales #sec01 .c_subheader_simple {
  margin-bottom: 0;
}
#adman_project #sec01 .c_subheader_simple h2,
#adman_sales #sec01 .c_subheader_simple h2 {
  display: inline-block;
  border-bottom: 3px solid #23489d;
}
.c_mtb30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.link_btn::before {
  content: "\0025B6";
  top: 50%;
  right: 0;
  width: 30px;
  transform: translateY(-50%);
  color: #233f9a;
  font-size: 0.8em;
}
@media screen and (max-width: 768px) {
  .c_subheader_simple_sub {
    font-size: 12px;
  }
  #adman_project #sec01 .box h3,
  #adman_sales #sec01 .box h3 {
    font-size: 15px;
  }
  #adman_project #sec01 .box,
  #adman_sales #sec01 .box {
    margin-bottom: 60px;
  }
}
/*20220105追記(12月改善ADMAN)*/
#adman_urikake #sub_visual,
#adman_kaikake #sub_visual {
  background-image: url(../img/adman/page_header.jpg);
}
#adman_urikake #sec01 .box h3,
#adman_kaikake #sec01 .box h3 {
  text-align: left;
  font-size: 25px;
  margin-bottom: 30px;
}
#adman_urikake #sec01 .box,
#adman_kaikake #sec01 .box {
  margin-bottom: 80px;
}
#adman_urikake #sec01 table,
#adman_kaikake #sec01 table {
  margin-top: 60px;
  /*border: 1px solid #cccccc;*/
}
#adman_urikake #sec01 table tr th,
#adman_kaikake #sec01 table tr th {
  background: #f5f5f5;
  padding: 1em;
  font-weight: bold;
  border: 1px solid #cccccc;
}
#adman_urikake #sec01 table tr td,
#adman_kaikake #sec01 table tr td {
  background: #ffffff;
  padding: 1em;
  border: 1px solid #cccccc;
}
#adman_urikake #sec01 .c_subheader_simple h2,
#adman_kaikake #sec01 .c_subheader_simple h2 {
  display: inline-block;
  border-bottom: 3px solid #23489d;
}
@media screen and (max-width: 768px) {
  #adman_urikake #sec01 .box h3,
  #adman_kaikake #sec01 .box h3 {
    font-size: 15px;
  }
  #adman_urikake #sec01 .box,
  #adman_kaikake #sec01 .box {
    margin-bottom: 60px;
  }
}
.action-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .action-wrap .close-btn {
    width: 100%;
    text-align: right;
    margin: 0 auto;
    font-size: 0;
  }
  .action-wrap .close-btn span {
    width: 44px;
    height: 30px;
    background: #cceffc;
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: -1px;
  }
  .action-wrap .close-btn span figure {
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #233f9a;
    border-left: 2px solid #233f9a;
    transform: rotate(-135deg);
    margin: 12px auto;
    transition: 0.3s;
  }
  .action-wrap .close-btn span.close-box figure {
    transform: rotate(45deg);
    margin: 14px auto;
    transition: 0.3s;
  }
  .action-wrap .footer_action {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
    transition: 0s;
  }
  .action-wrap .footer_action a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49%;
    padding: 15px 10px;
  }
  .action-wrap .footer_action a:nth-of-type(n + 3) {
    margin-top: 8px;
  }
}
/*20220131追記(1月改善ADMAN)*/
#adman_customer #sub_visual,
#adman_performance #sub_visual {
  background-image: url(../img/adman/page_header.jpg);
}
#adman_customer #sec01 .box h3,
#adman_performance #sec01 .box h3 {
  text-align: left;
  font-size: 25px;
  margin-bottom: 30px;
}
#adman_customer #sec01 .c_subheader_simple h2,
#adman_performance #sec01 .c_subheader_simple h2 {
  display: inline-block;
  border-bottom: 3px solid #23489d;
}
@media screen and (max-width: 768px) {
  #adman_customer #sec01 .box h3,
  #adman_performance #sec01 .box h3 {
    font-size: 15px;
  }
}
/*20220222追記(2月改善)*/
#top_recom_adman-option header {
  padding-top: 80px;
}
#top_recom_adman-option li {
  margin-bottom: 25px;
}
#top_recom_adman-option li p {
  text-align: center;
  color: #233f9a;
  font-weight: bold;
}
#top_recom_adman-option li img {
  width: 245px;
  border: 1px solid #233f9a;
}
#top_recom_adman-option ul::before,
#top_recom_adman-option ul::after {
  content: "";
  display: block;
  width: 245px;
  height: 166.61px;
}
#top_recom_adman-option ul::before {
  order: 1;
}
#top_recom_adman-option ul::after {
  order: 2;
}
@media screen and (max-width: 768px) {
  #top_recom_adman-option li img {
    width: 210px;
  }
  #top_recom_adman-option ul::before,
  #top_recom_adman-option ul::after {
    display: none;
  }
  #top_recom_adman-option header {
    padding-top: 50px;
  }
}
/*20220222追記(交通広告ページ追加)*/
.traffic-h2 {
  font-size: 30px;
  color: #233f9a;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .traffic-h2 {
    font-size: 24px;
  }
}
.traffic-probrem__list {
  display: flex;
  margin-top: 60px;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .traffic-probrem__list {
    flex-wrap: wrap;
  }
}
.traffic-probrem__list li {
  width: calc(100% / 4 - 20px);
}
@media screen and (max-width: 768px) {
  .traffic-probrem__list li {
    width: calc(100% / 2 - 10px);
  }
}
.traffic-probrem__list p {
  margin-top: 20px;
  background: #fff;
  padding: 20px 10px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .traffic-probrem__list p {
    padding: 20px 10px;
  }
}
.traffic-answer {
  padding: 40px 0 80px;
}
.traffic-answer h2 {
  font-size: 36px;
  position: relative;
  z-index: 10;
  line-height: 1.4;
  color: #233f9a;
  text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff,
    2px -2px 0 #fff, 0px 2px 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff;
}
@media screen and (max-width: 768px) {
  .traffic-answer h2 {
    font-size: 29px;
  }
}
.traffic-answer h2::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 80px 250px 0 250px;
  border-color: #f18d00 transparent transparent transparent;
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: -2;
}
.traffic-answer h2::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 70px 200px 0 200px;
  border-color: #f8c680 transparent transparent transparent;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .traffic-answer h2::before {
    border-width: 40px 150px 0 150px;
  }
}
.traffic-adman {
  background: #d9f5ff;
}
.traffic-adman__flex {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 0 20px rgb(35 63 154 / 20%);
}
.traffic-adman__flex p {
  margin-right: 40px;
}
@media screen and (max-width: 768px) {
  .traffic-adman__flex {
    flex-direction: column-reverse;
  }
  .traffic-adman__flex p {
    margin-right: 0;
    margin-top: 20px;
  }
}
.traffic-function {
  padding: 80px 0 0;
}
@media screen and (max-width: 768px) {
  .traffic-function .adman__header h2,
  .traffic-logo .adman__header h2 {
    font-size: 23px;
    line-height: 1.4;
  }
}
.traffic-function__list li {
  margin-bottom: 60px;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  border: 10px solid #cccccc;
}
.traffic-function__list li:last-of-type .traffic-function__container {
  margin-top: 30px;
  width: 80%;
}
.traffic-function__list li span {
  text-align: end;
  display: block;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .traffic-function__list li:last-of-type .traffic-function__container {
    width: 100%;
  }
}
.traffic-function__list li:last-of-type {
  margin-bottom: 0;
}
.traffic-function__list li h3 {
  text-align: left;
  font-size: 24px;
  margin-bottom: 20px;
  border-bottom: 1px solid #233f9a;
  padding-bottom: 8px;
  color: #233f9a;
}
.traffic-function__flex {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .traffic-function__flex {
    display: block;
  }
}
.traffic-function__flex::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 0 40px 50px;
  border-color: transparent transparent transparent #233f9a;
  position: absolute;
  top: 37%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.traffic-function__container {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .traffic-function__flex::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #233f9a transparent transparent transparent;
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .traffic-function__container {
    width: 100%;
    margin-bottom: 40px;
  }
  .traffic-function__container:last-of-type {
    margin-bottom: 0;
  }
}
.traffic-function__container p {
  font-weight: bold;
}
.traffic-function__container img {
  width: 100%;
  height: auto;
}
.traffic-custom ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 100px;
}
.traffic-custom ul li {
  width: calc(100% / 2 - 20px);
  padding: 20px;
  color: #233f9a;
  font-size: 24px;
  font-weight: bold;
  background: #fff;
  text-align: center;
  margin-bottom: 40px;
  border-radius: 50px;
  box-shadow: 0 4px 0 0 #233f9a;
}
.traffic-custom ul li:nth-of-type(n + 3) {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .traffic-custom ul {
    display: block;
  }
  .traffic-custom ul li {
    width: 100%;
    margin-bottom: 20px;
  }
  .traffic-custom ul li:nth-of-type(n + 3) {
    margin-bottom: 20px;
  }
  .traffic-custom ul li:last-of-type {
    margin-bottom: 0;
  }
}
.traffic-logo {
  padding: 20px 0 80px;
}
.traffic-logo ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.traffic-logo ul li {
  width: 20%;
  overflow: hidden;
  position: relative;
  background: #ffffff;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .traffic-logo ul li {
    width: 33%;
  }
  .traffic-feature {
    padding-top: 80px;
  }
}
.traffic-logo ul li img {
  margin: auto;
}
.traffic-logo__caption {
  text-align: center;
}
.traffic-leadtext {
  text-align: center;
  margin-bottom: 40px;
}
.traffic_header::after {
  border-bottom: 15px solid #d9f5ff;
}
.traffic_column {
  padding: 80px 0 40px !important;
}
.traffic-demo {
  padding: 0 0 80px;
}
.traffic-contact_txt {
  display: block;
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
  color: #233f9a;
  font-weight: bold;
}
/*20220301追記(トップ表記崩れ修正)*/
header.c_header_sideborder.c_pb30 {
  padding-top: 80px;
}
@media screen and (max-width: 768px) {
  header.c_header_sideborder.c_pb30 {
    padding-top: 50px;
  }
}
/*20220301追記(2月改善_機能ページ追加)*/
#adman_bill #sub_visual,
#adman_forecast #sub_visual {
  background-image: url(../img/adman/page_header.jpg);
}
#adman_bill #sec01 .box h3,
#adman_forecast #sec01 .box h3 {
  text-align: left;
  font-size: 25px;
  margin-bottom: 30px;
}
#adman_bill #sec01 .c_subheader_simple h2,
#adman_forecast #sec01 .c_subheader_simple h2 {
  display: inline-block;
  border-bottom: 3px solid #23489d;
}
#adman_forecast #sec01 .box,
#adman_bill #sec01 .box {
  margin-bottom: 80px;
}
#adman_forecast #sec01 .flex {
  display: flex;
  justify-content: space-around;
}
#adman_forecast #sec01 .flex strong {
  font-size: 18px;
}
#adman_forecast #sec01 .flex img {
  width: 430px;
}
@media screen and (max-width: 768px) {
  #adman_bill #sec01 .box h3,
  #adman_forecast #sec01 .box h3 {
    font-size: 15px;
  }
  #adman_forecast #sec01 .box,
  #adman_bill #sec01 .box {
    margin-bottom: 60px;
  }
  #adman_forecast #sec01 .flex {
    flex-direction: column;
  }
  #adman_forecast #sec01 .flex strong {
    font-size: 14px;
  }
  #adman_forecast #sec01 .flex div:nth-child(2) {
    margin-top: 30px;
  }
  #adman_forecast #sec01 .flex img {
    width: auto;
    max-width: 100%;
  }
}
/*20220330追記(3月改善_機能ページ追加)*/
#adman_system #sub_visual,
#adman_operation #sub_visual {
  background-image: url(../img/adman/page_header.jpg);
}
#adman_system #sec01 .box h3,
#adman_operation #sec01 .box h3 {
  text-align: left;
  font-size: 25px;
  margin-bottom: 30px;
}
#adman_system #sec01 .c_subheader_simple h2,
#adman_operation #sec01 .c_subheader_simple h2 {
  display: inline-block;
  border-bottom: 3px solid #23489d;
}
#adman_system #sec01 .box,
#adman_operation #sec01 .box {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #adman_system #sec01 .box h3,
  #adman_operation #sec01 .box h3 {
    font-size: 15px;
  }
  #adman_system #sec01 .box,
  #adman_operation #sec01 .box {
    margin-bottom: 60px;
  }
}
/*20220506追記(4月改善①)*/
#sec02.page_demo .wrapper {
  display: flex;
  width: 1072px;
  margin: 0 auto;
  padding: 1rem;
}
#sec02.page_demo .inner:first-child {
  padding-right: 50px;
}
#sec02.page_demo .c_subheader_simple_bdb:first-child {
  border-bottom: none;
}
#sec02.page_demo .inner:first-child .c_subheader_simple_bdb:first-child h2 {
  font-size: 30px;
}
#sec02.page_demo .inner:first-child .c_subheader_simple_bdb h2 {
  font-size: 25px;
}
#sec02.page_demo .inner:first-child img {
  margin-bottom: 30px;
}
#sec02.page_demo .inner:first-child ul {
  margin-bottom: 30px;
}
#sec02.page_demo .inner:first-child ul li::before {
  content: "・";
  color: #233f9a;
}
@media screen and (max-width: 768px) {
  #sec02.page_demo .wrapper {
    display: block;
    width: 90%;
    padding: 0;
  }
  #sec02.page_demo .wrapper .inner {
    width: 100%;
  }
  #sec02.page_demo .inner:first-child .c_subheader_simple_bdb:first-child h2 {
    font-size: 20px;
  }
  #sec02.page_demo .inner:first-child .c_subheader_simple_bdb h2 {
    font-size: 15px;
  }
  #sec02.page_demo .inner:first-child {
    margin-bottom: 60px;
  }
  #sec02.page_demo .inner:first-child {
    padding-right: 0;
  }
}
/*20220420追記(楽楽明細ページ追加)*/
#adman_outline .r-about,
#adman_outline .r-about .about__textarea p {
  margin-bottom: 0 !important;
}
#adman_outline .r-merit {
  margin-top: 0 !important;
}
#adman_outline .r-solution {
  background: #07a33e;
  margin-bottom: 40px;
}
#adman_outline .r-contact {
  padding: 40px 0 120px;
}
#adman_outline .r-about .about__flex {
  padding: 30px;
  align-items: center;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.22);
  border-radius: 8px;
}
#adman_outline .r-probrem ul li {
  width: calc(100% / 3 - 10px);
}
@media screen and (max-width: 768px) {
  #adman_outline .r-probrem ul {
    display: block;
  }
  #adman_outline .r-probrem ul li {
    width: 100%;
  }
}
#adman_outline .r-probrem ul li img {
  width: 100%;
  height: auto;
}
#adman_outline .r-merit_list li {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 20px 0;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
@media screen and (max-width: 768px) {
  #adman_outline .r-probrem ul li p {
    font-size: 18px;
  }
  #adman_outline .r-merit_list li {
    flex-direction: column-reverse;
  }
}
#adman_outline .r-merit_textarea {
  width: 580px;
}
#adman_outline .r-merit_list li img {
  width: 40%;
  height: fit-content;
}
@media screen and (max-width: 768px) {
  #adman_outline .r-merit_textarea {
    width: 100%;
  }
  #adman_outline .r-merit_list li img {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 768px) {
  #adman_outline .r-probrem ul li img {
    width: 80%;
    display: block;
    margin: 0 auto;
  }
  #adman_outline .r-merit_textarea {
    width: 100%;
  }
}
#adman_outline .r-merit_textarea h3 {
  font-size: 22px;
  text-align: left;
  background: linear-gradient(transparent 70%, #dff3e6 0%);
  display: inline;
  padding: 0 2px 1px;
}
#adman_outline .r-merit_textarea p {
  margin-top: 20px;
}
#adman_outline .r-renkei img {
  margin-bottom: 20px;
}
#adman_outline .r-btn {
  width: 700px;
  height: 80px;
  font-size: 28px;
  font-weight: bold;
}
#adman_outline .r-btn::before,
#adman_outline .r-btn::after {
  width: 80px;
  height: 80px;
  top: -1px;
  right: -1px;
}
#adman_outline .r-contact {
  padding: 40px 0 120px;
}
@media screen and (max-width: 768px) {
  #adman_outline .r-btn {
    width: 100%;
    font-size: 19px;
    padding-right: 100px;
  }
  #adman_outline .r-btn::before,
  #adman_outline .r-btn::after {
  }
  #adman_outline .r-contact {
    padding: 40px 0 120px;
  }
}
.alignment p {
  text-align: center;
  margin-top: 40px;
}
.adman-renkei {
  background: #dff3e6;
}
.adman-renkei .c_subheader::after {
  border-bottom: 15px solid #dff3e6;
}
/*20220531追記(5月改善_機能ページ追加)*/
#adman_expenses #sub_visual,
#adman_account #sub_visual {
  background-image: url(../img/adman/page_header.jpg);
}
#adman_expenses #sec01 .box h3,
#adman_account #sec01 .box h3 {
  text-align: left;
  font-size: 25px;
  margin-bottom: 30px;
}
#adman_expenses #sec01 .c_subheader_simple h2,
#adman_account #sec01 .c_subheader_simple h2 {
  display: inline-block;
  border-bottom: 3px solid #23489d;
}
#adman_expenses #sec01 .box,
#adman_account #sec01 .box {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #adman_expenses #sec01 .box h3,
  #adman_account #sec01 .box h3 {
    font-size: 15px;
  }
  #adman_expenses #sec01 .box,
  #adman_account #sec01 .box {
    margin-bottom: 60px;
  }
}
#adman_account #sec01 table {
  margin-top: 60px;
  border-bottom: 3px solid #fdc315;
}
#adman_account #sec01 table tr th {
  background: #fff;
  padding: 1em;
  font-weight: bold;
  border-top: 3px solid #fdc315;
  border-bottom: 3px solid #fdc315;
}
#adman_account #sec01 table tr td {
  padding: 1em;
}
#adman_account tbody tr:nth-child(odd) {
  background-color: #fff1cc;
}
#adman_account tbody tr:nth-child(even) {
  background-color: #fff;
}
#adman_expenses table th,
#adman_expenses table td {
  vertical-align: top;
}
#adman_expenses table th {
  width: 10%;
}
@media screen and (max-width: 768px) {
  #adman_expenses table th,
  #adman_expenses table td {
    display: block;
  }
  #adman_expenses table th {
    width: 20%;
  }
}
/*20220704追記(6月改善_機能ページ追加)*/
#adman_purchaseorder #sub_visual,
#adman_delivery_slip #sub_visual,
#adman_forecast_new #sub_visual,
#adman_order_management #sub_visual {
  background-image: url(../img/adman/page_header.jpg);
}
#adman_purchaseorder #sec01 .box h3,
#adman_delivery_slip #sec01 .box h3,
#adman_forecast_new #sec01 .box h3,
#adman_order_management #sec01 .box h3 {
  text-align: left;
  font-size: 25px;
  margin-bottom: 30px;
}
#adman_purchaseorder #sec01 .c_subheader_simple h2,
#adman_delivery_slip #sec01 .c_subheader_simple h2,
#adman_forecast_new #sec01 .c_subheader_simple h2,
#adman_order_management #sec01 .c_subheader_simple h2 {
  display: inline-block;
  border-bottom: 3px solid #23489d;
}
#adman_purchaseorder #sec01 .box,
#adman_delivery_slip #sec01 .box,
#adman_forecast_new #sec01 .box,
#adman_order_management #sec01 .box,
#adman_performance #sec01 .box {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #adman_purchaseorder #sec01 .box h3,
  #adman_delivery_slip #sec01 .box h3,
  #adman_forecast_new #sec01 .box h3,
  #adman_order_management #sec01 .box h3 {
    font-size: 15px;
  }
  #adman_purchaseorder #sec01 .box,
  #adman_delivery_slip #sec01 .box,
  #adman_forecast_new #sec01 .box,
  #adman_order_management #sec01 .box,
  #adman_performance #sec01 .box {
    margin-bottom: 60px;
  }
}
/*20220801追記(7月改善_機能ページ追加)*/
#adman_confidentiality #sub_visual,
#adman_firm_banking #sub_visual,
#adman_attaching_file #sub_visual {
  background-image: url(../img/adman/page_header.jpg);
}
#adman_confidentiality #sec01 .box h3,
#adman_firm_banking #sec01 .box h3,
#adman_attaching_file #sec01 .box h3 {
  text-align: left;
  font-size: 25px;
  margin-bottom: 30px;
}
#adman_confidentiality #sec01 .c_subheader_simple h2,
#adman_firm_banking #sec01 .c_subheader_simple h2,
#adman_attaching_file #sec01 .c_subheader_simple h2 {
  display: inline-block;
  border-bottom: 3px solid #23489d;
}
#adman_confidentiality #sec01 .box,
#adman_firm_banking #sec01 .box,
#adman_attaching_file #sec01 .box {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #adman_confidentiality #sec01 .box h3,
  #adman_firm_banking #sec01 .box h3,
  #adman_attaching_file #sec01 .box h3 {
    font-size: 15px;
  }
  #adman_confidentiality #sec01 .box,
  #adman_firm_banking #sec01 .box,
  #adman_attaching_file #sec01 .box {
    margin-bottom: 60px;
  }
}
/*20220825追記(8月改善_admanページ改修・メガメニュー追加)*/
.adman-traffic {
  background: #d9f5ff;
}
.adman-traffic .c_subheader::after {
  border-bottom: 15px solid #d9f5ff;
}
.adman-traffic__list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.adman-traffic__list li {
  width: calc(100% / 3 - 20px);
  padding: 30px 20px;
  background: url(../img/common/bgimg_dotted.jpg);
  background-position: top center;
}
.adman-traffic__list li h3 {
  text-align: center;
  font-size: 20px;
  color: #233f9a;
  margin-bottom: 30px;
}
.adman-traffic__list li h3 span {
  font-size: 30px;
  font-weight: bold;
}
.adman-traffic__list li img {
  width: 100%;
  margin-bottom: 0 !important;
}
.c_btn {
  width: 430px;
}
@media screen and (max-width: 768px) {
  .adman-traffic__list {
    display: block;
  }
  .adman-traffic__list li {
    width: 100%;
  }
  .adman-traffic__list li:not(:first-of-type) {
    margin-top: 20px;
  }
  .c_btn {
    width: 100%;
  }
}
/* ②メガメニューのスタイル */
#global_navi .megamenu-wrap {
  background-color: rgba(35, 63, 154, 0.9);
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  color: #fff;
}
#global_navi .megamenu-container {
  display: flex;
  padding: 20px;
}
#global_navi .megamenu-title {
  font-weight: bold;
  margin-right: 20px;
  background: #233f9a;
  border: 1px double #fff;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#global_navi .megamenu-list {
  padding-left: 20px;
  border-left: 1px solid #fff;
}
#global_navi .megamenu-list li {
  position: relative;
  padding-left: 10px;
}
#global_navi .megamenu-list li:not(:first-of-type) {
  margin-top: 5px;
}
#global_navi .megamenu-list li::before {
  content: "▶";
  font-size: 14px;
}
#global_navi .megamenu-list li a {
  text-decoration: underline;
}
@media screen and (min-width: 768px) and (max-width: 1366px) {
  #global_navi .megamenu-list li a {
    font-size: 14px;
  }
  #global_navi .megamenu-title {
    width: 80px;
    height: 80px;
  }
}
/*20221003追記(サイト内テキスト修正・画像差し替え)*/
#adman_forecast_new #sec01 .flex {
  display: flex;
  justify-content: space-around;
}
#adman_forecast_new #sec01 .flex img {
  width: 430px;
}
@media screen and (max-width: 768px) {
  #adman_forecast_new #sec01 .flex {
    flex-direction: column;
  }
  #adman_forecast_new #sec01 .flex img {
    width: auto;
    max-width: 100%;
  }
  #adman_forecast_new #sec01 .flex div:nth-child(2) {
    margin-top: 30px;
  }
}
/*20221128追記(一問一答導線)*/
#faq_detail #content .detail.fos18 h3 {
  font-size: 18px;
}
.osm_body {
  position: relative;
}
.osm_head {
  position: relative;
  color: #233f9a;
  font-weight: bold;
  padding: 10px 20px;
  border: 1px solid #ccc;
  border-top: 5px solid #233f9a;
}
.osm_head span {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: #233f9a;
  top: -5px;
  left: -30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  color: #fff;
  content: "×";
  line-height: 1;
  font-weight: bold;
  font-size: px;
}
.osm_head span strong {
  width: 30px;
  height: 30px;
  display: block;
  position: relative;
}
.osm_head span i {
  position: absolute;
  display: inline-block;
  width: 13px;
  height: 3px;
  background: #fff;
  left: 9px;
  top: 15px;
  transform: rotate(45deg);
  transition: 0.5s;
}
.osm_head span i + i {
  top: 15px;
  transform: rotate(-45deg);
}
.position_on .osm_head span i {
  left: 7px;
  top: 10px;
  transform: rotate(-45deg);
}
.position_on .osm_head span i + i {
  top: 17px;
  transform: rotate(45deg);
}
.option_side_inner {
  right: 0;
  top: 0;
  z-index: 50;
  position: absolute;
  width: 180px;
  transition: 0.5s;
}
@media all and (max-width: 768px) {
  .option_side_inner {
    display: none;
  }
}
.option_side_inner.position_on {
  transform: translateX(180px);
}
.option_side_inner.is-fixed {
  position: fixed;
}
.option_side_inner ul {
  padding: 5px 20px;
  border: 1px solid #ccc;
  border-top: none;
}
.option_side_inner li {
  padding-bottom: 3px;
  margin-bottom: 3px;
  border-bottom: 1px dotted #ccc;
}
.option_side_inner li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.option_side_inner li a {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.option_side_inner li a:before {
  content: "";
  margin-right: 5px;
  border-top: 3px solid transparent;
  border-left: 5px solid #233f9a;
  border-bottom: 3px solid transparent;
}
.option_side_inner li a:hover {
  color: #233f9a;
  opacity: 1;
}
h4.box-option {
  font-size: 18px;
  color: #233f9a;
  padding: 0 0 10px;
  text-align: left;
}
@media all and (max-width: 768px) {
  h4.box-option {
    font-size: 16px;
  }
}
.about ul.reilist {
  flex-wrap: nowrap;
  margin-bottom: 0;
}
.about ul.reilist li {
  padding: 0;
  margin-bottom: 0 !important;
  flex: 1;
}
.about ul.reilist li a {
  padding: 20px;
  display: block;
}
.about ul.reilist li + li {
  margin-left: 30px;
}
.about ul.reilist .about__title {
  position: static;
  transform: none;
  background: none;
  color: #233f9a;
  padding: 0;
  margin: 0 0 0px 0;
  width: inherit;
  font-size: 24px;
}
.about ul.reilist .about__over {
}
.about ul.reilist .about__circle {
  left: calc(50% - 30px);
  width: 60px;
  height: 60px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .about ul.reilist {
    flex-wrap: wrap;
  }
  .about ul.reilist li {
    flex: initial;
  }
  .about ul.reilist li + li {
    margin-left: 0;
    margin-top: 20px;
  }
}
.include ul.inclist2 {
  padding: 0;
}
@media all and (min-width: 769px) {
  .adman-traffic__list.adman-traffic__list2 h3 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .adman-traffic__list.adman-traffic__list2 li {
    width: calc(100% / 4 - 20px);
  }
  .adman-traffic__list.adman-traffic__list3 {
    justify-content: center;
    flex-wrap: wrap;
  }
  .adman-traffic__list.adman-traffic__list3 li {
    margin: 0 10px;
  }
  .adman-traffic__list.adman-traffic__list3 li:nth-child(n + 4) {
    margin-top: 20px;
  }
  .include ul.inclist2 li.include__flex {
    margin: 0 !important;
    width: 100%;
  }
  .include ul.inclist2 li.include__flex .include__textarea {
    flex: 1;
    width: inherit;
    margin-left: 30px;
  }
  .include ul.inclist2 li.include__flex + li.include__flex {
    margin-top: 50px !important;
  }
  .include ul.inclist2 li.include__flex:nth-child(2n) {
    margin-left: auto !important;
  }
  .include ul.inclist2 li.include__flex:nth-child(2n) .include__textarea {
    margin-right: 30px;
    margin-left: 0;
  }
}
.btncopy {
  margin: 50px 0 0 0;
}
.btncopy span {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.btncopy a {
  margin-top: 0;
}
.reilist li a {
  padding-bottom: 50px !important;
  background: #fff url(../img/icon_reilist.png) no-repeat;
  background-position: left 50% bottom 20px;
}
.reilist li.area-link {
  transition: 0.3s;
}
.reilist li.area-link:hover {
  opacity: 0.7;
}
.reilist li.area-link:hover a {
  opacity: 1;
}
#reason01,
#reason02,
#reason03 {
  padding-top: 15px;
}
.index-adman {
  background: #e3f4ff;
  padding: 30px;
  margin-bottom: 50px;
}
.index-adman__inner {
  display: flex;
  justify-content: space-between;
}
.iai__cont {
  width: 48%;
}
.iai__cont h3 {
  font-size: 28px;
  margin-bottom: 20px;
  text-align: left;
}
.iai__cont span {
  display: block;
  background: #fff;
  padding: 30px;
}
.iai__cont img {
  display: block;
  margin: 0 auto;
  max-width: 80%;
}
.iai__cont a {
  margin-top: 20px;
}
@media all and (max-width: 768px) {
  .index-adman {
    background: #e3f4ff;
    padding: 30px;
    margin-bottom: 50px;
  }
  .index-adman__inner {
    display: block;
  }
  .iai__cont {
    width: 100%;
  }
  .iai__cont + .iai__cont {
    margin-top: 30px;
  }
  .iai__cont h3 {
    font-size: 30px;
  }
  .iai__cont h3 br {
  }
  .iai__cont span {
    display: block;
    background: #fff;
    padding: 30px;
  }
  .iai__cont img {
    display: block;
    margin: 0 auto;
    max-width: 80%;
  }
  .iai__cont a {
    margin-top: 20px;
  }
}
.index-adman__inner2 {
  background: #fff;
  padding: 30px;
  margin-top: 30px;
}
.iai2__cont {
}
.iai2__cont h3 {
  font-size: 30px;
  margin-bottom: 20px;
}
.iai2__cont + .iai2__cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.iai2__cont + .iai2__cont a {
  margin-top: 0;
  margin-left: 30px;
  margin-bottom: 0;
}
@media all and (max-width: 768px) {
  .index-adman__inner2 {
    background: #fff;
    padding: 30px;
    margin-top: 30px;
  }
  .iai2__cont {
  }
  .iai2__cont h3 {
    font-size: 22px;
  }
  .iai2__cont h3 br {
    display: none;
  }
  .iai2__cont + .iai2__cont {
    display: block;
  }
  .iai2__cont + .iai2__cont a {
    margin-top: 20px;
    margin-left: 0;
  }
}
.service__otherList {
  display: flex;
  justify-content: space-between;
}
.service__otherList:before,
.service__otherList:after {
  display: none !important;
}
.service__otherList li {
  width: 24%;
  background: #e3f4ff;
  padding: 1%;
}
.service__otherList li .imgBox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #fff;
  margin-bottom: 10px;
  padding: 10px;
}
.service__otherList li img {
  max-width: 100%;
  max-height: 80px;
  width: auto !important;
  border: none !important;
}
.service__otherList li .soL-head {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
@media all and (max-width: 768px) {
  .service__otherList li .soL-head {
    text-align: left;
    padding: 0 8px;
  }
  .service__otherList li .soL-head br {
    display: none;
  }
}
.service__otherList li a {
  width: 100%;
  margin-top: 20px;
}
@media all and (max-width: 768px) {
  .service__otherList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .service__otherList li {
    width: 49%;
  }
  .service__otherList li .soL-head {
    font-size: 14px;
  }
  .service__otherList li a {
    padding-right: 0;
  }
  .service__otherList li a:after {
    display: none;
  }
}
.column-magazine {
  padding: 40px 50px;
  background: #fff;
  border: 4px solid #233f9a;
}
#column_wrap .column-magazine img {
  width: auto;
  max-width: 180px;
  float: right;
  margin: 0 0 40px 40px;
}
#column_wrap .column-magazine a {
  color: #fff;
  text-decoration: none;
  margin-top: 30px;
}
#column_wrap .column-magazine a:hover {
  color: #233f9a;
}
.column-magazine-head {
  position: relative;
  font-size: 26px;
  font-weight: bold;
  text-align: left;
  color: #233f9a;
  margin-bottom: 15px;
}
@media all and (min-width: 769px) {
  .column-magazine-head br {
    display: none;
  }
}
@media all and (max-width: 768px) {
  .column-magazine {
    padding: 30px 5%;
    margin-bottom: 90px;
  }
  #column_wrap .column-magazine img {
    width: auto;
    max-width: 180px;
    float: none;
    margin: 20px auto;
  }
  #column_wrap .column-magazine a {
    margin-top: 30px;
  }
  .column-magazine-head {
    font-size: 26px;
    margin-bottom: 15px;
    text-align: center;
  }
}
.index-adman__inner.index-adman__inner3 {
  background: #fff;
  margin-top: 30px;
}
.index-adman__inner.index-adman__inner3 .iai__cont3 {
  padding: 30px 0 30px 30px;
}
.index-adman__inner.index-adman__inner3 .iai__cont4 {
  padding-bottom: 30px;
}
.index-adman__inner.index-adman__inner3 .iai__cont4 a {
  margin-top: 0;
}
@media all and (max-width: 768px) {
  .index-adman__inner.index-adman__inner3 {
    padding: 30px 5%;
  }
  .index-adman__inner.index-adman__inner3 .iai__cont3 {
    padding: 0;
  }
  .index-adman__inner.index-adman__inner3 .iai__cont4 {
    padding-bottom: 0;
  }
  .index-adman__inner.index-adman__inner3 .iai__cont4 a {
    margin-top: 0;
  }
}

.column-document {
  margin-bottom: 50px;
  background: #ebfaff;
  border: 4px solid #233f9a;
}

.column-document-head {
  padding: 20px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #233f9a;
}

.column-document-container {
  display: flex;
  padding: 20px;
  gap: 15px;
}

.column-document-textarea {
  display: inline-block;
  width: 60%;
  padding: 10px;
  background-color: #fff;
}

.column-document-textarea p {
  font-size: 14px;
}

.column-document-textarea ul {
  font-size: 14px;
}

.column-document .column-document-container .btnarea {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

.column-document .column-document-container .btnarea img {
  margin-top: auto;
}

.column-document .column-document-container .btnarea a {
  width: 100%;
  padding: 0;
  margin-top: auto;
  margin-bottom: 0;
  text-decoration: none !important;
  color: #fff !important;
}

.column-document .column-document-container a:hover {
  color: #233f9a !important;
}

.column-document-textarea ul li {
  padding-left: 1em;
  text-indent: -1em;
}

@media all and (max-width: 768px) {
  .column-document-container {
    display: flex;
    flex-direction: column;
    padding: 20px 5%;
  }

  .column-document-textarea {
    width: 100%;
    padding: 20px;
  }

  .column-document-textarea ul li {
    br {
      display: none;
    }
  }

  .column-document-textarea p {
    text-align: center;
    padding-bottom: 10px;
    font-weight: bold;
  }

  .column-document .column-document-container .btnarea a {
    margin: 20px 0 20px 0;
  }

  .column-document .column-document-container .btnarea {
    margin: 0px;
  }

  .column-document .column-document-container .btnarea img {
    margin: 0px;
  }
}

/*//インボイス対応ページ作成*/
.page-invoice #sec03 .btncopy span {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 16px;
  color: #222222;
}
.page-invoice #sec03 .btncopy span:before {
  content: "";
  width: 2px;
  height: 17px;
  transform: rotate(-15deg);
  background: #000;
  display: block;
  margin-right: 10px;
}
.page-invoice #sec03 .btncopy span:after {
  content: "";
  width: 2px;
  height: 17px;
  transform: rotate(15deg);
  background: #000;
  display: block;
  margin-left: 10px;
}
.page-invoice #sec03 .wrapper-figure {
  width: 40rem;
  background-color: #f6faff;
  margin: 0 auto;
  padding: 5rem;
}
.page-invoice #sec02 .about__invoice {
  background: #fff;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 0 20px rgb(35 63 154 / 20%);
}
.page-invoice-list li {
  padding-left: 1rem;
  text-indent: -0.9rem;
  font-weight: bold;
}
.page-invoice .include {
  background: #d9f5ff;
}
.page-invoice .include figure {
  float: right;
  width: 40%;
  margin: 0 0 20px 20px;
}
.page-invoice .include figure img {
  margin: 0 auto;
}
.page-invoice .include .include_ul_li {
  clear: both;
  padding: 30px;
  background-color: #fff;
  overflow: auto;
  margin-bottom: 50px;
}
.page-invoice .include .include_ul_li a {
  position: relative;
  padding-left: 15px;
}
.page-invoice .include .include_ul_li a::before {
  content: "";
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #233f9a;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 0;
}
.page-invoice .include .include_ul_li_title {
  font-size: 28px;
  font-weight: 900;
  color: #233f9a;
  margin-bottom: 1em;
}
.page-invoice .include .c_subheader + p {
  text-align: center;
}
.page-invoice #top_info_adman a {
  margin-left: 0;
}
.page-invoice .reason {
  background: #d9f5ff;
}
.page-invoice #reason03 ul {
  padding: 30px 0;
}
.page-invoice #reason04 figcaption {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.reason__content4 h2 {
  position: relative;
  margin-left: 35px;
  z-index: 1;
}
.reason__content4 h2:after {
  content: "04";
  font-size: 100px;
  position: absolute;
  left: -35px;
  top: -50px;
  color: rgba(241, 141, 0, 0.3);
  z-index: -1;
}
.page-invoice #sec06 {
  background: #0e3394;
  padding: 100px 0;
}
.page-invoice #sec06 .c_btn_list {
  width: 100%;
  justify-content: center;
  margin: 0 !important;
}
.page-invoice #sec06 .c_btn_list a {
  background: #f18d00;
  border: 1px solid #ff7508;
  font-size: 20px;
  font-weight: bold;
}
.page-invoice #sec06 .c_btn_list a:hover {
  color: #ff7508;
  background: #fff;
}
.page-invoice #sec06 .c_btn_list a:hover::after {
  color: #ff7508;
}
.page-invoice #sec06 .c_btn_list span {
  color: #fff;
  font-size: 16px;
}
.page-invoice #sec06 .c_btn::before {
  background: initial;
}
.page-invoice #sec06 .c_btn_list .c_btn_list__item span:before,
.page-invoice #sec06 .c_btn_list .c_btn_list__item span:after {
  width: 2px;
  background: #fff;
}
.page-invoice #sec03 h2 {
  margin-bottom: 60px;
}
.page-invoice #sec07 h2 {
  text-align: center;
}
.page-invoice #sec07 .wrapper-price {
  margin-bottom: 40px;
  padding: 0 3rem;
}
.page-invoice #sec07 .wrapper-price_inner {
  display: flex;
  justify-content: space-around;
}
.page-invoice #sec07 .wrapper-price_child {
  width: calc((100% - 30%) / 2);
  border: 2px solid #233f9a;
}
.page-invoice #sec07 .wrapper-price_child h4 {
  background-color: #233f9a;
  color: #fff;
  padding: 1rem 0.5rem;
  font-size: 20px;
}
.page-invoice #sec07 .wrapper-price_child .price_detail {
  background-color: #fff;
  padding: 1.5rem 2rem;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}
.page-invoice #sec07 .wrapper-price_child .price_detail span {
  font-size: 27px;
  color: #233f9a;
}
.page-invoice #sec07 a {
  text-decoration: underline;
  color: #233f9a;
}
.icon-plus {
  color: #233f9a;
  width: 40px;
  height: 40px;
  position: relative;
  top: 43%;
}
.icon-plus:before,
.icon-plus:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 40px;
  background-color: currentColor;
}
.icon-plus:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.page-invoice .index_page-invoice li {
  border-right: 1px solid #233f9a;
  padding: 0px;
  width: 180px;
}
.page-invoice .index_page-invoice li:first-child {
  border-left: 1px solid #233f9a;
}
.page-invoice .index_page-invoice li a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 10px;
  text-align: center;
}
.page-invoice .index_page-invoice {
  justify-content: center;
}
.page-invoice #sec02 .c_btn_list .c_btn {
  width: 220px;
  line-height: 1.2;
  background: #ffffff;
  color: #233f9a;
  text-align: center;
}
.page-invoice #sec02 .c_btn_list .c_btn::after {
  color: #233f9a;
  transform: rotate(90deg);
  right: 10px;
  top: auto;
}
.page-invoice #sec02 .c_btn_list .c_btn:hover {
  background: #233f9a;
  color: #ffffff;
}
.page-invoice #sec02 .c_btn_list .c_btn:hover::after {
  color: #ffffff;
}
.page-invoice #sec02 .c_btn_list {
  width: auto;
  margin: 0 0 60px 0 !important;
}
@media all and (max-width: 768px) {
  .page-invoice #sec04 figure {
    margin: 0 auto;
    margin-top: 20px;
  }
  .page-invoice #sec04 .c_subheader_simple h2 {
    margin-bottom: 60px;
  }
  .page-invoice .include figure {
    float: none;
    width: auto;
    max-width: 100%;
    margin: 20px auto;
  }
  .page-invoice #sec06 .c_btn_list {
    display: block;
  }
  .page-invoice #sec06 .c_btn_list .c_btn_list__item {
    width: 100%;
    margin-left: 0;
  }
  .page-invoice #sec06 .c_btn_list .c_btn_list__item:nth-of-type(n + 2) {
    padding-top: 15px;
  }
  .page-invoice #sec07 .wrapper-price_inner {
    display: block;
    justify-content: space-around;
  }
  .page-invoice #sec07 .wrapper-price_child {
    width: 100%;
    margin-bottom: 40px;
  }
  .page-invoice #sec07 .wrapper-price {
    padding: 0rem;
  }
  .page-invoice #sec07 h2 {
    font-size: 28px;
  }
  .icon-plus {
    display: block;
    left: 51%;
    margin-bottom: 40px;
  }
  .page-invoice #sec03 .wrapper-figure {
    width: 100%;
    padding: 2rem;
  }
  .page-invoice .index_page-invoice {
    flex-wrap: nowrap;
  }
  .page-invoice .index_page-invoice li {
    width: 50%;
  }
  .page-invoice #sec02 .c_btn_list {
    gap: 10px;
  }
}
/*トップページバナー*/
#home-page .banner_page-invoice {
  background-color: #f6faff;
  padding: 10px 30px;
  margin-bottom: 0;
}
#home-page .banner_page-invoice h3 {
  font-size: 28px;
}
#home-page .banner_page-invoice .index-adman__inner::before {
  content: "";
  background-image: url(../img/top/page-invoice_img14.png);
  display: block;
  width: 250px;
  height: 160px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 50px;
}
#home-page .banner_page-invoice .index-adman__inner {
  justify-content: center;
  align-items: center;
}
#home-page .banner_page-invoice .index-adman__inner .c_btn {
  width: 229px;
  margin: 20px 0 0 0;
}
@media all and (max-width: 768px) {
  #home-page .banner_page-invoice {
    padding: 20px;
    margin-bottom: 0;
  }
  #home-page .banner_page-invoice .index-adman__inner {
    display: block;
  }
  #home-page .banner_page-invoice .index-adman__inner::before {
    margin: auto;
    margin-bottom: 20px;
  }
  #home-page .banner_page-invoice h3 {
    font-size: 26px;
  }
  #home-page .banner_page-invoice .index-adman__inner .c_btn {
    margin: 20px auto 0;
  }
}
/*ADMANページ*/
.works__text_page-invoice {
  text-align: center;
  margin-bottom: 60px;
}
.traffic-custom .works__text_page-invoice + ul {
  margin-bottom: 0;
}
.traffic-h2_page-invoice {
  font-size: 36px;
}
@media all and (max-width: 768px) {
  .traffic-h2_page-invoice {
    font-size: 28px;
  }
}
/*2303料金表修正*/
#adman_price .caption.adman_price_caption {
  padding-left: 1.2rem;
  text-indent: -1rem;
  font-size: 15.5px;
}
@media all and (max-width: 768px) {
  #adman_price .caption.adman_price_caption {
    text-indent: -0.8rem;
    font-size: 12px;
  }
}
/*IT導入補助金ページ対応*/
#adman_outline #sec03 table tr th {
  background: #233f9a;
  color: #ffffff;
  padding: 1em 0.5em;
  font-size: 20px;
  text-align: center;
  line-height: 1.5;
}
#adman_outline .caption {
  font-size: 14px;
  line-height: 1.5;
  margin-left: 27px;
}
#adman_outline #sec03 table tr th + th {
  border-left: 1px solid #ffffff;
}
#adman_outline.page-it-hojo #sec03 table tr td {
  background: #fff;
  font-size: 16px;
  padding: 1em 0.5em;
  text-align: center;
  line-height: 1.6;
}
#adman_outline #sec03 table tr td + td {
  border-left: 1px solid #ffffff;
}
#adman_outline #sec03 table tr + tr {
  border-top: 1px solid #ffffff;
}
#adman_outline.page-it-hojo #sec03 table tr:nth-of-type(2n-1) td {
  background: #fff;
}
.hojo2layout .c_aifs {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hojo2layout .c_aifs .hojo2layout-item {
  width: 44%;
}
.hojo2layout .c_aifs .hojo2layout-item + .hojo2layout-item {
  width: 54%;
}
@media all and (max-width: 768px) {
  .hojo2layout .c_aifs {
    flex-direction: column;
    gap: 30px;
  }
  .hojo2layout .c_aifs .hojo2layout-item {
    width: 100% !important;
  }
  .hojo2layout .c_aifs .hojo2layout-item table * {
    font-size: 14px !important;
  }
  .hojo2layout .c_aifs .hojo2layout-item table td:last-child {
    white-space: nowrap;
  }
}
.ithojoman {
  display: flex;
  justify-content: space-between;
}
.wrapper_ithojoman {
  background: #fff;
  padding: 50px;
  border-radius: 10px;
  box-shadow: 0 0 20px rgb(35 63 154 / 20%);
}
.ithojoman img {
  max-width: 100%;
}
@media all and (max-width: 768px) {
  .ithojoman {
    flex-direction: column;
  }
  .wrapper_ithojoman {
    padding: 0 0 30px 0;
  }
  .wrapper_ithojoman p {
    padding: 15px;
  }
}
.page-it-hojo .sub_header h1 span {
  color: #233f9a;
}
.page-it-hojo #sec01 h2 {
  text-align: left;
}
.page-it-hojo .about__invoice h2 {
  color: #233f9a;
  margin-bottom: 60px;
}
#adman_outline.page-it-hojo #sec01 h2,
#adman_outline.page-it-hojo #sec02 h2,
#adman_outline.page-it-hojo #sec03 h2,
#adman_outline.page-it-hojo #sec04 h2,
#adman_outline.page-it-hojo #sec05 h2,
#adman_outline.page-it-hojo #sec07 h2 {
  font-size: 36px;
}
#adman_outline.page-it-hojo #sec03 .hojo2layout-item table th {
  background-color: #fff;
  color: #222;
}
#adman_outline.page-it-hojo #sec03 .hojo2layout-item table tr:first-of-type th,
#adman_outline.page-it-hojo #sec03 .hojo2layout-item table tr:first-of-type td {
  font-weight: bold;
  font-size: 20px;
}
.c-w {
  color: #fff;
}
#adman_outline.page-it-hojo #sec03 .hojo2layout-item table .bc-1 {
  background-color: #233f9a;
}
#adman_outline.page-it-hojo #sec03 .hojo2layout-item table .bc-2 {
  background-color: #2996bd;
}
#adman_outline.page-it-hojo #sec03 .hojo2layout-item table .bc-3 {
  background-color: #dbe1f5;
}
#adman_outline.page-it-hojo #sec03 .hojo2layout-item table .bc-4 {
  background-color: #d2eaf2;
}
#adman_outline.page-it-hojo #sec03 .hojo2layout-item table th,
#adman_outline.page-it-hojo #sec03 .hojo2layout-item table td {
  border: 1px solid #222;
}
.page-it-hojo #sec05 {
  padding-top: 0;
  text-align: center;
}
.page-it-hojo #sec05 h2 {
  text-align: center;
}
.page-it-hojo #sec01 img {
  width: 80%;
}
@media all and (max-width: 768px) {
  .page-it-hojo #sec01 h2 {
    margin-bottom: 60px;
  }
  .page-it-hojo .about__invoice h2 {
    font-size: 22px;
    margin-bottom: 35px;
  }
  #adman_outline.page-it-hojo #sec01 h2,
  #adman_outline.page-it-hojo #sec02 h2,
  #adman_outline.page-it-hojo #sec03 h2,
  #adman_outline.page-it-hojo #sec04 h2,
  #adman_outline.page-it-hojo #sec05 h2,
  #adman_outline.page-it-hojo #sec07 h2 {
    font-size: 28px;
  }
  .page-it-hojo #sec01 img {
    width: 100%;
  }
}
#adman_outline.page-it-hojo #sec03 .hojo2layout-item table tr:first-of-type th {
  color: #fff;
}
.page-invoice.page-it-hojo #sec03 h2 {
  margin-bottom: 40px;
}
.banner_page-it-hojo {
  margin-top: 30px;
  text-align: center;
}
.banner_page-it-hojo a {
  display: inline-block;
}
/*20230425導線改善バナー対応*/
#column_detail .column-adman__inner.column-adman__inner3 h3 {
  margin-top: 10px;
  margin-bottom: 0;
  color: #fff;
}
#column_detail
  .column-adman__inner.column-adman__inner3:hover
  .iai__cont3
  .dl_btn {
  color: #f18d00;
  background: #fff;
}
#column_detail
  .column-adman__inner.column-adman__inner3:hover
  .iai__cont3
  .dl_btn::after {
  color: #f18d00;
}
.column-adman__inner.column-adman__inner3 {
  background: #233f9a;
  margin-top: 30px;
  display: flex;
}
.column-adman__inner.column-adman__inner3 p {
  color: #fff;
  font-size: 18px;
}
.column-adman__inner.column-adman__inner3 .iai__cont3 {
  padding: 30px 0 30px 30px;
}
.column-adman__inner.column-adman__inner3 .iai__cont4 {
  padding: 30px;
}
.column__cont {
  width: 57%;
}
#column_detail .column-adman__inner.column-adman__inner3 .iai__cont3 .dl_btn {
  margin-top: 0;
  height: 50px;
  padding-bottom: 5px;
  padding-right: 50px;
  background: #f18d00;
  color: #ffffff;
  font-size: 18px;
  position: relative;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  text-decoration: none;
  opacity: 1;
}
#column_detail .column-adman__inner.column-adman__inner3 .iai__cont3 .dl_btn a {
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  cursor: pointer;
  text-decoration: none;
}
#column_detail
  .column-adman__inner.column-adman__inner3
  .iai__cont3
  .dl_btn::after {
  content: "\0025B6";
  top: 50%;
  right: 10px;
  width: 30px;
  transform: translateY(-50%);
  color: #ffffff;
  position: absolute;
}
@media all and (max-width: 768px) {
  #column_detail .column-adman {
    background: #e3f4ff;
    padding: 30px;
    margin-bottom: 50px;
  }
  #column_detail .column-adman__inner {
    flex-direction: column-reverse;
    gap: 30px;
  }
  #column_detail
    .column-adman__inner.column-adman__inner3
    .column-adman__inner.column-adman__inner3
    .iai__cont3
    .iai__cont {
    width: 100%;
  }
  #column_detail
    .column-adman__inner.column-adman__inner3
    .iai__cont3
    .iai__cont
    + .iai__cont {
    margin-top: 30px;
  }
  #column_detail
    .column-adman__inner.column-adman__inner3
    .iai__cont3
    .iai__cont
    h3 {
    font-size: 30px;
  }
  #column_detail
    .column-adman__inner.column-adman__inner3
    .iai__cont3
    .iai__cont4
    span {
    display: block;
    background: #fff;
    padding: 30px;
  }
  #column_detail
    .column-adman__inner.column-adman__inner3
    .iai__cont3
    .iai__cont4
    img {
    display: block;
    margin: 0 auto;
    max-width: 80%;
  }
  #column_detail
    .column-adman__inner.column-adman__inner3
    .iai__cont3
    .iai__cont4
    a {
    margin-top: 20px;
  }
  #column_detail .column-adman__inner.column-adman__inner3 {
    padding: 30px 5%;
  }
  #column_detail .column-adman__inner.column-adman__inner3 .iai__cont3 {
    padding: 0;
  }
  #column_detail .column-adman__inner.column-adman__inner3 .iai__cont4 {
    padding: 0;
  }
  #column_detail .column-adman__inner.column-adman__inner3 .iai__cont4 img {
    display: block;
    margin: 0 auto;
    max-width: 80%;
  }
  #column_detail .column-adman__inner.column-adman__inner3 .iai__cont4 a {
    margin-top: 0;
  }
  #column_detail
    .column-adman__inner.column-adman__inner3
    .iai__cont
    + .iai__cont {
    margin-top: 30px;
  }
  #column_detail .column-adman__inner.column-adman__inner3 .iai__cont3 h3 {
    font-size: 26px;
  }
  .column__cont {
    width: 100%;
  }
}
#column_detail
  .column-adman__inner.column-adman__inner3
  .column-adman__inner3_u_line {
  border-bottom: 3px solid #f18d00;
}
/*20230524導線改善*/
.dr__inner_other .child_01 {
  position: relative;
  left: 50px;
  z-index: 2;
}
.dr__inner_other .child_02 {
  position: relative;
  right: 50px;
  z-index: 1;
}
.dr__inner.dr__inner_other {
  background: #233f9a;
}
.dr__inner_other .c_subheader_simple2 h2 {
  color: #fff;
  font-size: 28px;
  text-shadow: 3px 3px 0 #233f9a, -3px -3px 0 #233f9a, -3px 3px 0 #233f9a,
    3px -3px 0 #233f9a, 0px 3px 0 #233f9a, 0-3px 0 #233f9a, -3px 0 0 #233f9a,
    3px 0 0 #233f9a;
}
.dr__inner_other .c_lh14 {
  color: #fff;
}
.dr__inner_other .c_btn {
  background-color: #f18d00;
}
.dr__inner_other .c_btn::before {
  display: none;
}
.dr__inner_other .c_btn:hover {
  background-color: #fff;
  color: #f18d00;
}
.dr__inner_other .c_btn:hover::after {
  color: #f18d00;
}
.adman_outline_system_list_flamingoPage .about__flex {
  margin-bottom: 80px;
}
@media all and (max-width: 768px) {
  .dr__inner_other .child_01 {
    position: static;
    left: 0px;
    z-index: auto;
  }
  .dr__inner_other .child_02 {
    position: static;
    right: 0px;
    z-index: auto;
  }
  .dr__inner_other .c_subheader_simple2 h2 {
    font-size: 20px;
  }
}
/*231114_10月改善*/
#global_navi {
  width: 50%;
}
/*231205_ADMANページ改修*/
/*スライダー*/
.main_adman .slider .slider-list li {
  width: 142px !important;
  display: inline-block;
}
.adman_slider_wrapper {
  padding: 3rem 0;
  background-color: #d9f5ff;
}
.adman_slider_wrapper .slider .bx-wrapper {
  background-color: transparent;
}
.adman_slider_wrapper .bx-controls {
  visibility: hidden;
}
.adman_slider_wrapper h2 {
  font-size: 30px;
  color: #233f9a;
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .adman_slider_wrapper {
    padding: 1.5rem 0;
  }
  .adman_slider_wrapper h2 {
    font-size: 20px;
    margin-bottom: 1rem;
  }
}
/*adman_top_onayami*/
.adman_top_onayami .traffic-probrem__list li .arrow_down {
  font-size: 3rem;
  position: relative;
  width: 0.6em;
  height: 13rem;
  background-color: #f18d00;
}
.adman_top_onayami .traffic-probrem__list li .arrow_down::before {
  position: absolute;
  bottom: -0.8em;
  left: -0.5em;
  width: 0;
  height: 0;
  content: "";
  border-top: 0.8em solid #f18d00;
  border-left: 0.8em solid transparent;
  border-right: 0.8em solid transparent;
}
.adman_top_onayami .traffic-probrem__list li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.adman_top_onayami .traffic-probrem__list li img {
  height: 158px;
}
.adman_top_onayami .traffic-probrem__list li .traffic-probrem__list_img p {
  display: grid;
  place-items: center;
}
.adman_top_onayami .traffic-probrem__list li .traffic-probrem__list_txt {
  padding: 1rem;
  border: 1px solid #233f9a;
  margin-top: 4rem;
  background-color: #fff;
  display: grid;
  place-items: center;
}
.adman_top_onayami .inner {
  position: relative;
}
.adman_top_onayami .adman_top_onayami_lead {
  color: #fff;
  font-weight: bold;
  background-color: #233f9a;
  padding: 2rem;
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.adman_top_onayami .adman_top_onayami_lead.pc-only {
  font-size: 30px;
  top: 55%;
}
@media screen and (max-width: 768px) {
  .adman_top_onayami .traffic-probrem__list li .traffic-probrem__list_txt {
    margin-top: 3rem;
  }
  .adman_top_onayami .traffic-probrem__list {
    flex-direction: column;
    row-gap: 3rem;
  }
  .adman_top_onayami .traffic-probrem__list li {
    width: 100%;
    position: relative;
  }
  .adman_top_onayami .adman_top_onayami_lead.sp-only {
    padding: 0.5rem;
  }
  .adman_top_onayami
    .traffic-probrem__list
    li:first-child
    .adman_top_onayami_lead.sp-only {
    bottom: 35%;
  }
  .adman_top_onayami
    .traffic-probrem__list
    li:nth-child(2)
    .adman_top_onayami_lead.sp-only {
    bottom: 37%;
  }
  .adman_top_onayami
    .traffic-probrem__list
    li:nth-child(3)
    .adman_top_onayami_lead.sp-only {
    bottom: 35%;
  }
  .adman_top_onayami
    .traffic-probrem__list
    li:nth-child(4)
    .adman_top_onayami_lead.sp-only {
    bottom: 34%;
  }
  .adman_top_onayami .traffic-probrem__list li .arrow_down {
    height: 8rem;
  }
  .adman_top_onayami .traffic-probrem__list li .arrow_down::before {
    bottom: -0.6em;
  }
}
/*about__answer*/
.about__answer_wrapper {
  display: flex;
  column-gap: 3rem;
  justify-content: center;
}
.about__answer_wrapper .c_btn_list__item span {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  font-weight: bold;
}
.about__answer_wrapper .c_btn_list__item span::before {
  content: "";
  height: 17px;
  transform: rotate(-15deg);
  width: 2px;
  background: #000;
  display: block;
  margin-right: 10px;
}
.about__answer_wrapper .c_btn_list__item span::after {
  content: "";
  height: 17px;
  transform: rotate(15deg);
  width: 2px;
  background: #000;
  display: block;
  margin-left: 10px;
}
.about__answer_wrapper .c_btn_list__item .c_btn {
  margin-top: 6px;
}
.about__answer_lead {
  margin-bottom: 45px;
  font-size: 34px;
}
.about__answer_lead span {
  font-size: 34px;
}
@media screen and (max-width: 768px) {
  .about__answer_wrapper {
    flex-direction: column;
    row-gap: 2rem;
  }
  .about__answer_lead {
    margin-bottom: 30px;
    font-size: 22px;
  }
  .about__answer_lead span {
    font-size: 22px;
  }
  .about__answer_sec {
    padding: 30px 0 !important;
  }
}
/*adman_overview_sec*/
.adman_overview_sec .system__content {
  display: flex;
  flex-wrap: nowrap;
  row-gap: 3rem;
  margin-bottom: 50px;
}
.adman_overview_sec .system__content .c_mt20 {
  width: 76%;
  margin-top: 0;
}
.adman_overview_sec .system__content header h2 {
  line-height: 1.6;
}
.adman_overview_sec .system__content header span {
  font-size: 44px;
}
@media screen and (max-width: 768px) {
  .adman_overview_sec .system__content {
    flex-direction: column;
    row-gap: 1rem;
  }
  .adman_overview_sec .system__content .c_mt20 {
    width: 100%;
  }
  .adman_overview_sec .system__content header span {
    font-size: 30px;
  }
}
/*adman_case-in_sec*/
.adman_case-in_sec {
  padding-top: 30px;
}
.adman_case-in_sec .adman__header h2 {
  font-size: 34px;
  color: #000;
}
.adman_case-in_sec .adman__header h2 span {
  font-size: 22px;
  color: #000;
  margin-bottom: 1rem;
}
.adman_case-in_sec .adman__header::before,
.adman_case-in_sec .adman__header::after {
  display: none;
}
.adman_case-in_sec .adman_case-in_sec_wrapper li {
  border: 1px solid #233f9a;
  display: flex;
  background-color: #fff;
}
.adman_case-in_sec .adman_case-in_sec_wrapper li:hover {
  opacity: 0.6;
  transition: 0.4s ease-in-out;
}
.adman_case-in_sec .adman_case-in_sec_wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.adman_case-in_sec .adman_case-in_sec_wrapper li .adman_case-in_sec_text {
  padding: 35px 30px;
  background-color: #f6f6f6;
  text-align: left;
}
.adman_case-in_sec .adman_case-in_sec_wrapper li figure {
  display: grid;
  place-items: center;
}
.adman_case-in_sec .adman_case-in_sec_wrapper li .adman_case-in_sec_text h3 {
  font-size: 22px;
  color: #233f9a;
  font-weight: bold;
  text-align: left;
  line-height: 1.6;
}
.adman_case-in_sec .adman_case-in_sec_wrapper li .adman_case-in_sec_text h4 {
  font-weight: normal;
  text-align: left;
  margin: 10px 0 30px;
}
.adman_case-in_sec
  .adman_case-in_sec_wrapper
  li
  .adman_case-in_sec_text
  .adman_case-in_sec_link {
  padding-top: 10px;
  text-align: right;
}
.adman_case-in_sec
  .adman_case-in_sec_wrapper
  li
  .adman_case-in_sec_text
  .adman_case-in_sec_link
  a {
  color: #233f9a;
  position: relative;
  padding-right: 40px;
}
.adman_case-in_sec
  .adman_case-in_sec_wrapper
  li
  .adman_case-in_sec_text
  .adman_case-in_sec_link
  a::before,
.adman_case-in_sec
  .adman_case-in_sec_wrapper
  li
  .adman_case-in_sec_text
  .adman_case-in_sec_link
  a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  vertical-align: middle;
}
.adman_case-in_sec
  .adman_case-in_sec_wrapper
  li
  .adman_case-in_sec_text
  .adman_case-in_sec_link
  a::before {
  width: 28px;
  height: 28px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  border: solid 1px #233f9a;
}
.adman_case-in_sec
  .adman_case-in_sec_wrapper
  li
  .adman_case-in_sec_text
  .adman_case-in_sec_link
  a::after {
  right: 13px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #233f9a;
  border-right: 1px solid #233f9a;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .adman_case-in_sec .adman__header h2 {
    font-size: 28px;
  }
  .adman_case-in_sec .adman_case-in_sec_wrapper li {
    flex-direction: column;
  }
  .adman_case-in_sec .adman_case-in_sec_wrapper li .adman_case-in_sec_text h3 {
    font-size: 20px;
  }
  .adman_case-in_sec .adman_case-in_sec_wrapper {
    margin-bottom: 2rem;
  }
}
/*adman_solution_sec*/
.adman_solution_sec .adman__header h2 {
  font-size: 34px;
  color: #000;
}
.adman_solution_sec .adman__header h2 span {
  font-size: 22px;
  color: #000;
  margin-bottom: 1rem;
}
.adman_solution_sec .adman__header::before,
.adman_solution_sec .adman__header::after {
  display: none;
}
.adman_solution_sec {
  background-color: #d9f5ff;
}
.adman_solution_sec .include_ul {
  display: flex;
  flex-direction: column;
  row-gap: 4.5rem;
}
.adman_solution_sec .include_ul_li {
  padding: 60px 50px;
  position: relative;
}
.adman_solution_sec .include_ul_li h2 {
  position: absolute;
  font-size: 54px;
  color: #f18d00;
  left: 50%;
  transform: translateX(-50%);
  top: -38px;
  font-weight: normal;
}
.adman_solution_sec .include_ul_li h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 2rem;
  color: #233f9a;
}
.adman_solution_sec .include_ul_li .adman_solution_sec_ba {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 2rem;
}
.adman_solution_sec .include_ul_li figure img {
  margin: 0 auto;
}
.adman_solution_sec .include_ul_li .adman_solution_sec_ba::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 20px;
  border-color: transparent transparent transparent #233f9a;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.adman_solution_sec
  .include_ul_li
  .adman_solution_sec_ba
  .adman_solution_sec_ba_item {
  padding: 30px 17px;
  border: 1px solid #233f9a;
  width: 48%;
}
.adman_solution_sec
  .include_ul_li
  .adman_solution_sec_ba
  .adman_solution_sec_ba_item
  h4 {
  position: relative;
  margin-bottom: 1.5rem;
}
.adman_solution_sec
  .include_ul_li
  .adman_solution_sec_ba
  .adman_solution_sec_ba_item
  h4::before {
  content: "";
  display: block;
  height: 3px;
  width: 50px;
  background-color: #6fd4f6;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
}
.adman_solution_sec
  .include_ul_li
  .adman_solution_sec_ba
  .adman_solution_sec_ba_before {
  background-color: #f5f5f5;
}
.adman_solution_sec
  .include_ul_li
  .adman_solution_sec_ba
  .adman_solution_sec_ba_after {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .adman_solution_sec .include_ul_li h2 {
    font-size: 36px;
    top: -26px;
  }
  .adman_solution_sec .c_subheader h2 {
    font-size: 28px !important;
  }
  .adman_solution_sec .c_subheader span {
    font-size: 20px !important;
  }
  .adman_solution_sec .include_ul_li h3 {
    font-size: 20px;
    margin-bottom: 1.5rem;
  }
  .adman_solution_sec .include_ul_li {
    padding: 40px 20px;
  }
  .adman_solution_sec .include_ul_li .adman_solution_sec_ba {
    flex-direction: column;
    row-gap: 4rem;
  }
  .adman_solution_sec
    .include_ul_li
    .adman_solution_sec_ba
    .adman_solution_sec_ba_item {
    width: 100%;
  }
  .adman_solution_sec .include_ul_li .adman_solution_sec_ba::after {
    border-width: 25px 20px 0 20px;
    border-color: #233f9a transparent transparent transparent;
    top: 52%;
  }
}
/*adman_habit_sec*/
.adman_habit_sec .c_subheader::before,
.adman_habit_sec .c_subheader::after {
  display: none;
}
@media screen and (max-width: 768px) {
  .adman_habit_sec .adman_outline_system_list:last-child {
    margin-bottom: 40px;
  }
}
/*adman_func_sec*/
.adman_func_sec .c_subheader::before,
.adman_habit_sec .c_subheader::after {
  display: none;
}
.adman_func_sec .adman_func_sec_lead {
  text-align: center;
  margin-bottom: 60px;
}
.adman_func_sec .adman-traffic__list {
  gap: 30px;
  flex-wrap: wrap;
}
.adman_func_sec .adman-traffic__list li {
  background-color: #e3f4ff;
  width: calc((100% - 90px) / 4);
  background-image: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.adman_func_sec .adman-traffic__list li h3 {
  color: #000;
  font-size: 18px;
  margin-bottom: 0;
}
.adman_func_sec .adman-traffic__list li img {
  height: 60px;
  width: auto;
}
.adman_func_sec .adman-traffic__list li figure {
  width: 120px;
  height: 120px;
  background-color: #fff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .adman_func_sec .adman-traffic__list {
    flex-direction: column;
  }
  .adman_func_sec .adman-traffic__list li {
    width: 100%;
  }
}
/*adman_cost_sec*/
.adman_cost_sec .c_subheader::before,
.adman_habit_sec .c_subheader::after {
  display: none;
}
.adman_cost_sec .adman_cost_sec_inner {
  background-color: #fff;
  border: 1px solid #233f9a;
  padding: 10px 100px 40px 100px;
}
.adman_cost_sec .adman_cost_sec_inner_dtl .adman_cost_sec_inner_dtl_num {
  font-size: 57px;
  font-weight: bold;
  color: #f18d00;
}
.adman_cost_sec .adman_cost_sec_inner_dtl {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  justify-content: space-around;
}
.adman_cost_sec
  .adman_cost_sec_inner_dtl
  .adman_cost_sec_inner_dtl_num_wrapper {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.adman_cost_sec
  .adman_cost_sec_inner_dtl
  .adman_cost_sec_inner_dtl_num_wrapper
  span {
  background-color: #e9e9e9;
  color: #000;
  font-size: 16px;
  padding: 7px 20px;
  border-radius: 16px;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 10px;
}
.adman_cost_sec .adman_cost_sec_inner_dtl .icon-plus::before,
.adman_cost_sec .adman_cost_sec_inner_dtl .icon-plus::after {
  width: 7px;
}
@media screen and (max-width: 768px) {
  .adman_cost_sec .adman_cost_sec_inner_dtl {
    flex-direction: column;
  }
  .adman_cost_sec
    .adman_cost_sec_inner_dtl
    .adman_cost_sec_inner_dtl_num_wrapper {
    width: 100%;
  }
  .adman_cost_sec .adman_cost_sec_inner_dtl .adman_cost_sec_inner_dtl_num {
    font-size: 25px;
  }
  .adman_cost_sec .adman_cost_sec_inner {
    padding: 10px 20px 40px;
  }
  .adman_cost_sec .adman_cost_sec_inner_dtl .icon-plus {
    margin: 20px 0;
    left: 45%;
  }
}
/*adman_flow_sec*/
.adman_flow_sec .c_df {
  justify-content: center;
  color: #000;
  font-size: 34px;
}
.adman_flow_sec .adman_outline_flow_line.adman_flow_sec_line p {
  background-color: #ebebeb !important;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items.prev
  .adman_outline_flow_line.adman_flow_sec_line::before {
  border-right: 35px solid #ebebeb;
}
#adman_outline
  .adman_outline_flow
  .adman_outline_flow_items.prev
  .adman_outline_flow_line.adman_flow_sec_line::after {
  border-left: 35px solid #ebebeb;
}
.adman_flow_sec .adman_outline_flow_list li p {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .adman_flow_sec .c_df {
    font-size: 28px;
  }
  .adman_flow_sec
    .adman_outline_flow
    .adman_outline_flow_items.prev
    .adman_outline_flow_line.adman_flow_sec_line::before {
    border-right: 35px solid transparent !important;
  }
  .adman_flow_sec
    .adman_outline_flow
    .adman_outline_flow_items.prev
    .adman_outline_flow_line::before {
    border-bottom: 35px solid #ebebeb !important;
  }
  .adman_flow_sec
    .adman_outline_flow
    .adman_outline_flow_items.prev
    .adman_outline_flow_line.adman_flow_sec_line::after {
    border-left: 35px solid transparent !important;
  }
  .adman_flow_sec
    .adman_outline_flow
    .adman_outline_flow_items.prev
    .adman_outline_flow_line::after {
    border-top: 35px solid #ebebeb !important;
  }
}
/*adman_useful_sec*/
.adman_useful_sec .c_subheader::before,
.adman_useful_sec .c_subheader::after {
  display: none;
}
.adman_useful_sec .c_subheader {
  color: #233f9a;
}
.adman_useful_sec {
  background: #d9f5ff;
}
.adman_useful_sec .adman_useful_sec_inner {
  display: flex;
  column-gap: 40px;
}
.adman_useful_sec .adman_useful_sec_inner .adman_useful_sec_inner_item {
  background-color: #fff;
  padding: 40px 35px;
}
.adman_useful_sec .adman_useful_sec_inner .adman_useful_sec_inner_item:hover {
  opacity: 0.6;
  transition: 0.4s ease-in-out;
}
.adman_useful_sec .adman_useful_sec_inner .adman_useful_sec_inner_item h3 {
  font-size: 28px;
  color: #f18d00;
  margin-bottom: 1.8rem;
}
.adman_useful_sec .adman_useful_sec_inner .adman_useful_sec_inner_item p {
  text-align: center;
}
.adman_useful_sec .adman_useful_sec_inner .adman_useful_sec_inner_item a {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .adman_useful_sec .adman_useful_sec_inner {
    flex-direction: column;
    row-gap: 2rem;
  }
}
/*adman_about_sec*/
.adman_about_sec .adman_about_sec_inner {
  display: flex;
  align-items: center;
  padding: 35px 40px;
  background-color: #fff;
  justify-content: space-between;
  border: 1px solid #233f9a;
}
.adman_about_sec .adman_about_sec_inner h2 {
  font-size: 32px;
  color: #233f9a;
}
.adman_about_sec .adman_about_sec_inner p {
  width: 64%;
}
@media screen and (max-width: 768px) {
  .adman_about_sec .adman_about_sec_inner {
    flex-direction: column;
  }
  .adman_about_sec .adman_about_sec_inner p {
    width: 100%;
  }
  .adman_about_sec .adman_about_sec_inner h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .adman_about_sec .adman_about_sec_inner {
    padding: 35px 20px;
  }
}

.nayami_checkbox {
  border: 1px solid #233f9a;
  padding: 20px;
  margin: 1em 0;
}
.nayami_checkbox p:before {
  content: "✔";
  color: #233f9a;
}
.nayami_checkbox .ty {
  font-weight: bold;
  color: #233f9a;
  margin-bottom: 1em;
  font-size: 1.2em;
}

.business_list {
  background: #eee;
  padding: 15px;
}
.business_list-label {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.business_list-inner {
  padding: 15px;
  background: #fff;
}
.business_list-item:nth-child(n + 2) {
  border-top: 1px dotted #ccc;
  margin-top: 15px;
  padding-top: 15px;
}
.business_list-item ul {
}
.business_list-item ul li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.business_list-item ul li:before {
  content: "・";
}
.business_list-item ul li {
}
.business_list-item p {
}
.business_list-item span {
  color: #113495;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  font-weight: bold;
}
.business_list-item span:before {
  content: "";
  background: #113495;
  width: 8px;
  height: 3px;
  display: inline-block;
}
.business_list-link {
  display: flex;
  justify-content: flex-end;
}
.business_list-link a {
  color: #fff;
  background: #113495;
  border-radius: 3px;
  padding: 5px 20px;
}

@media all and (max-width: 768px) {
  .sideimg {
    max-width: 100%;
    display: block;
    /*width: auto !important;*/
    margin: 0 auto;
  }
}

/* 250214 AIツール */

#column_wrap .standard-editor-content h1 {
  font-size: 32px;
  font-weight: bold;
  color: #233f9a;
  text-align: left;
  letter-spacing: 0.05em;
  margin-bottom: 25px;
}
#column_wrap .standard-editor-content h2 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 2px solid #233f9a;
  color: #233f9a;
  text-align: left;
  margin-top: 90px;
}

#column_wrap .standard-editor-content h3,
#column_wrap .standard-editor-content h4 {
  font-weight: bold;
  text-align: left;
  border-style: none;
  color: #222222;
  font-size: 16px;
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 1.75;
}
#column_wrap .standard-editor-content h3 {
  color: #233f9a;
  font-size: 20px;
  margin-top: 2.5em;
}
#column_wrap .standard-editor-content h4 {
  margin-top: 1.5em;
}
#column_wrap .standard-editor-content h3 + p {
  margin-top: 10px;
}

#column_wrap .standard-editor-content p:last-child {
  margin-bottom: 90px;
}
#column_wrap .standard-editor-content mark {
  background: none;
}
#column_wrap .standard-editor-content table {
  margin-top: 1em;
  margin-bottom: 1em;
}
#column_wrap .standard-editor-content table tr th:first-of-type {
  width: 12em;
  background-color: #05a8c6;
  color: #fff;
}
#column_wrap .standard-editor-content table tr:first-of-type th {
  background-color: #05a8c6;
  color: #fff;
}
#column_wrap .standard-editor-content table tr th,
#column_wrap .standard-editor-content table tr td {
  text-align: center;
  padding: 15px 10px;
  border: 2px solid #ccc;
  font-size: 14px;
}
#column_wrap .standard-editor-content table tr td {
  text-align: left;
}
#column_wrap .standard-editor-content table tr td:first-of-type {
  text-align: center;
}
/* #column_wrap .standard-editor-content img {
  width: 700px;
  height: 298px;
  object-fit: cover;
  } */

#column_wrap .standard-editor-content ol,
#column_wrap .standard-editor-content ul {
  margin-top: 1em;
}
#column_wrap .standard-editor-content ol li,
#column_wrap .standard-editor-content ul li {
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  #column_wrap .standard-editor-content h1 {
    font-size: 21px;
  }
  #column_wrap .standard-editor-content h2 {
    font-size: 18px;
    padding-bottom: 12px;
  }
  #column_wrap .standard-editor-content h3,
  #column_wrap .standard-editor-content h4 {
    font-size: 14px;
  }
  #column_wrap .standard-editor-content table thead tr:first-of-type {
    display: none;
  }
  #column_wrap .standard-editor-content table tr td:first-of-type {
    background-color: #05a8c6;
    text-align: left;
    color: #fff;
  }
  #column_wrap .standard-editor-content table tr td,
  #column_wrap .standard-editor-content table tr th {
    text-align: left;
  }
  #column_wrap .standard-editor-content table tr td,
  #column_wrap .standard-editor-content table tr th {
    display: block;
    width: 100% !important;
    padding: 5px 10px;
    border: none;
  }
  #column_wrap .standard-editor-content table tr td {
    padding-bottom: 1em;
  }
  #column_wrap .standard-editor-content table tr td:first-of-type {
    padding: 5px 10px;
  }
}

.standard-editor-content .column_info {
  padding-bottom: 20px;
  margin: 0 30px 30px 0;
  margin-top: 60px;
  border-bottom: 1px solid #aaa;
  width: 100% !important;
}
.standard-editor-content .column_info ul li {
  display: flex;
  width: 100%;
  align-items: flex-start;
  font-size: 16px;
  margin-top: 15px;
}
#column_wrap .standard-editor-content .column_info ul li a {
  text-decoration: underline;
  color: #05a8c6;
}
.standard-editor-content .column_info ul li:first-of-type {
  text-align: left;
  color: #666;
  font-size: 18px;
  background: #fff;
  position: relative;
  font-weight: bold;
}
.standard-editor-content .column_info ul li:first-of-type::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 647px;
  background: #aaa;
  right: 0;
  top: 14px;
}
li.w1_per_3.archive_item figure img {
  width: 310px;
  height: 210px;
  object-fit: cover;
}
/* 251028 10月改善 */
#column_wrap h4.column_h4 {
  color: #233f9a;
  font-size: 20px;
  margin-top: 2.5em;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
  padding-bottom: 0;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  #column_wrap h4.column_h4 {
    font-size: 15px;
  }
}