@charset "utf-8";
/*----------------------------------------
style_sp.css     2018.3.14

0.base
1.common
2.global-header-main
3.global-header-sub
4.global-footer
5.article-header
6.article-body
7.article-footer
6.buttons


----------------------------------------*/
/* 0.base
----------------------------------------*/
/* リセット・基本設定 */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}
article,
aside,
dialog,
figure,
figcaption,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
ul,
ol,
li {
  list-style: none;
}
img {
  vertical-align: top;
}
em {
  font-weight: bold;
  font-style: normal;
}
strong {
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
legend {
  display: none;
}
pre {
  font-family: monospace, sans-serif;
  white-space: pre-wrap;
}
input,
select {
  vertical-align: middle;
  font-family: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
  line-height: 1.5;
}
body {
  background: #fff;
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana,
    Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI",
    "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  letter-spacing: 0.02em;
  -webkit-text-size-adjust: none;
  overflow-x: hidden;
}
a {
  overflow: inherit;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.article-body p a {
  color: #0078c6;
  display: inline-block;
  padding: 0 2px;
  word-break: break-all;
}
a:focus,
a:active {
  outline: 1px dotted;
}
a {
  color: #333;
  text-decoration: none;
} /* #16387c */
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}
a:visited {
  color: #333;
}
.clr:before,
.clr:after {
  content: "";
  display: table;
}
.clr:after {
  clear: both;
}
.clr {
  *zoom: 1;
}
* {
  box-sizing: border-box;
}

hr {
  border: 1px solid #ccc;
  clear: both;
}

/* font-size */
html {
  font-size: 62.5%;
}
body {
  font-size: 16px;
  font-size: 1.6rem;
} /* 基本文字サイズ 16px */
body {
  animation: fadeIn 0.5s ease 0s 1 normal;
  -webkit-animation: fadeIn 0.5s ease 0s 1 normal;
}

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

.hide {
  display: none !important;
}

/* 写真保護 */
.img-mask,
.thumb {
  position: relative;
  display: block;
}
.img-mask:before,
.thumb:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: url(/vol1/info/images/null.gif) no-repeat;
  position: absolute;
}

/*----------------------------------------
1.common
----------------------------------------*/
html,
body,
footer {
  color: #3c3c3c;
}

.container {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  overflow: hidden;
}

article header {
  min-width: 0;
}

/* text */
p.txt {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  text-align: justify;
  text-justify: inter-ideograph;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

.txt-c,
.ad-center {
  text-align: center;
}

ruby {
  position: relative;
}

.text-bold {
  font-weight: bold;
}

.txt-normal {
  font-weight: normal;
}

/*  */
.mb-s {
  margin-bottom: 12px !important;
}

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

/* noScript */
noscript {
  display: block;
  width: 100%;
  margin: 24px auto;
}

noscript p {
  margin: 0;
}

/* photo */
img.horizontal-photo {
  max-width: 100%;
  height: auto;
}

img.vertical-photo {
  width: auto;
  max-height: 100%;
}

img.square-photo {
  max-height: 100%;
}

.img {
  position: relative;
  margin: 0 0 6px;
  padding: 0;
  text-align: center;
}

.img .img-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(/vol1/info/images/null.gif);
}

.thumb img {
  max-width: 100%;
  max-height: 100%;
}

/* for IE8 */
html>/**/body .thumb img {
  margin: -1px 0 0 \9;
}

img.inline-img {
  vertical-align: middle;
}

ul {
  list-style: none;
  margin: 0;
  text-align: left;
}

.disp-pc {
  display: none !important;
}

.disp-sp {
  display: block !important;
}
.disp-xs {
  display: none;
}
.disp-pc-xs {
  display: none;
}
@media screen and (max-width: 359px) {
  .disp-xs {
    display: block;
  }
  .disp-pc-xs {
    display: block;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*----------------------------------------
2.global-header-main
----------------------------------------*/
#header-wrapper {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-transition: 0.3s;
}
.global-header-main {
  height: 42px;
  background-color: #ffffff;
  text-align: right;
  overflow: hidden;
  z-index: 10;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
.global-header-main .title {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.global-header-main .title .logo {
  width: 175px;
  height: 20px;
  display: block;
  background-color: transparent;
  background-image: url(/vol1/info/images/logo_info_sp.svg);
  background-size: 175px auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin: 13px 0 0 13px;
}
.global-header-main .title .logo-renew {
  width: 170px;
  height: 30px;
  display: block;
  background-color: transparent;
/*
  background-image: url(/vol1/info/images/logo_info_renew_sp.svg);
  background-size: 100% auto;
*/
  background-image: url(/vol1/images/v2/common/logo.svg);
  background-size: 70% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin: 9px 0 0 13px;
}
.global-header-main .title .logo-dmainichi {
  width: 118px;
  height: 20px;
  display: block;
  background-color: transparent;
  background-image: url(/vol1/info/images/logo_Dmainichi.svg);
  background-size: 118px auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin: 11px 0 0 13px;
}
.global-header-main .subtitle {
  font-size: 1.2rem;
  font-weight: bold;
  color: #0078c6;
  padding: 14px 0 0 8px;
  display: inline-block;
  vertical-align: top;
}
.global-header-main ul.nav {
  text-align: right;
  height: 42px;
  padding: 14px 10px 0 0;
}
.global-header-main ul.nav li {
  display: inline-block;
  margin: 0;
  line-height: 0.9;
  vertical-align: top;
  padding: 0 0 0 3px;
}
.global-header-main ul.nav li.n-line {
  padding: 0 6px 0 3px;
  border-right: 1px solid #0078c6;
}
.global-header-main ul.nav li.n-faq {
  padding: 0 6px 0 3px;
  border-right: 1px solid #0078c6;
}
.global-header-main ul.nav li a {
  font-size: 1.1rem;
  color: #2e76c4;
  font-weight: bold;
  line-height: 1;
}
.global-header-main ul.nav.mt {
  padding: 14px 5px 0 0;
}
@media screen and (max-width: 413px) {
  .global-header-main ul.nav {
    padding: 5px 5px 0 0;
  }
  .global-header-main ul.nav li.n-faq {
    padding: 0 0 2px 0;
    display: block;
    border-right: 0px solid #0078c6;
  }
}
.yutai .global-header-main .title {
  float: left;
}
.global-header-main a.logo-mainichi {
  width: 120px;
  height: 24px;
  float: right;
  background-color: #fff;
  background-image: url(/vol1/info/images/logo_mainichi.svg);
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin: 9px 17px 0 13px;
}

/*----------------------------------------
3.global-header-sub
----------------------------------------*/

.global-header-sub {
  position: relative;
  background-color: #51bdf6;
  width: 100%;
  height: 75px;
  text-align: center;
  border-bottom: 2px solid #ffffff;
  overflow: hidden;
  z-index: 10;
}

.global-header-sub ul.nav {
  width: 100%;
  display: -webkit-flex;
  display: flex;
}

.global-header-sub ul.nav li {
  width: 25%;
  background: #51bdf6 url(/vol1/info/images/bg_stripe_bl_1.svg) 0 0 repeat;
  background-size: 9px 9px;
  border-right: 1px solid #ffffff;
}

.global-header-sub ul.nav li a {
  height: 75px;
  display: block;
  overflow: hidden;
  animation: fadeIn 0.5s ease 0s 1 normal;
  -webkit-animation: fadeIn 0.5s ease 0s 1 normal;
}

.global-header-sub ul.nav li span {
  height: 75px;
  display: block;
  padding: 37px 0 0 0;
  font-size: 1.2rem;
  line-height: 1.1;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
  text-decoration: none;
  animation: fadeIn 0.5s ease 0s 1 normal;
  -webkit-animation: fadeIn 0.5s ease 0s 1 normal;
}

.contents-index .global-header-sub ul.nav li:nth-child(2),
.contents-case .global-header-sub ul.nav li:nth-child(2),
.contents-editorial .global-header-sub ul.nav li:nth-child(2),
.guidance .global-header-sub ul.nav li:nth-child(3),
.plan .global-header-sub ul.nav li:nth-child(4),
.global-header-sub ul.nav li.is-open {
  background: #068be1 url(/vol1/info/images/bg_stripe_bl_2.svg) 0 0 repeat;
  background-size: 9px 9px;
}

.global-header-sub ul.nav li:nth-child(5) {
  background: #ffdc27 url(/vol1/info/images/bg_stripe_yl_1.svg) 0 0 repeat;
  background-size: 9px 9px;
  border-right: none;
}

.global-header-sub ul.nav li:nth-child(1) a {
  background: transparent url(/vol1/info/images/icon_nav_about.svg) center 5px
    no-repeat;
  background-size: 30px 30px;
}
.global-header-sub ul.nav li:nth-child(2) a {
  background: transparent url(/vol1/info/images/icon_nav_contents.svg) center
    5px no-repeat;
  background-size: 30px 30px;
}
.global-header-sub ul.nav li:nth-child(3) a {
  background: transparent url(/vol1/info/images/icon_nav_guidance.svg) center
    5px no-repeat;
  background-size: 30px 30px;
}
.global-header-sub ul.nav li:nth-child(4) a {
  background: transparent url(/vol1/info/images/icon_nav_service.svg) center 5px
    no-repeat;
  background-size: 30px 30px;
}
.global-header-sub ul.nav li:nth-child(5) a {
  width: 64px;
  height: 64px;
  border-radius: 64px;
  background-color: #ffffff;
  display: block;
  margin: 6px auto 0 auto;
}

.global-header-sub ul.nav li:nth-child(5) span {
  font-size: 1.1rem;
  display: block;
  color: #0078c6;
  padding: 20px 0 0 0;
}

.global-header-sub ul.nav li.is-open a {
  background: transparent url(/vol1/info/images/icon_nav_close.svg) center 21px
    no-repeat;
  background-size: 30px 30px;
  overflow: hidden;
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

.global-header-sub ul.nav li.is-open span {
  display: none;
}
.global-header-accordion p.nav-parent a {
  font-size: 1.8rem;
  line-height: 1;
  font-weight: bold;
  color: #ffffff;
  display: block;
  width: 100%;
  padding: 21px 0 18px 48px;
}
.global-header-accordion p.nav-parent.icon-contents a {
  background: rgba(1, 93, 138, 0.8) url(/vol1/info/images/icon_nav_contents.svg)
    12px 13px no-repeat;
  background-size: 30px auto;
}
.global-header-accordion p.nav-parent.icon-guidance a {
  background: rgba(1, 93, 138, 0.8) url(/vol1/info/images/icon_nav_guidance.svg)
    12px 13px no-repeat;
  background-size: 30px auto;
}
.global-header-accordion p.nav-parent.icon-plan a {
  background: rgba(1, 93, 138, 0.8) url(/vol1/info/images/icon_nav_service.svg)
    12px 13px no-repeat;
  background-size: 30px auto;
}
.global-header-accordion ul.nav {
  width: 100%;
  background: rgba(0, 118, 176, 0.8);
}
.global-header-accordion {
  width: 100%;
  position: absolute;
  top: -300px;
  left: 0;
  transition: 0.5s top;
  z-index: 9;
}
.global-header-accordion.is-open {
  top: 117px;
}
.global-header-accordion ul.nav li a {
  display: block;
  margin: 0 47px;
  border-bottom: 1px solid #ffffff;
  padding: 15px 2px;
  text-align: left;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;
  color: #ffffff;
}
.global-header-accordion ul.nav li:last-child a {
  border-bottom: none;
}
.global-header-accordion #Accord1,
.global-header-accordion #Accord2,
.global-header-accordion #Accord3 {
  display: none;
}

/*----------------------------------------
4.global-footer
----------------------------------------*/

.global-footer {
  background: #0078c6;
  color: #ffffff;
  padding: 16px 8px 50px 8px;
  overflow: hidden;
  text-align: left;
}

.global-footer a {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
  font-style: normal;
}

.global-footer a:focus,
.global-footer a:active,
.global-footer a:hover {
  outline: 0;
}

.global-footer p {
}

.global-footer ul.nav {
  overflow: hidden;
  font-style: normal;
  margin: 0;
}

.global-footer ul.nav li {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 6px 0;
}

.global-footer ul.nav li:nth-child(4) {
  padding: 20px 0;
}

.global-footer ul.nav li a.tel.large {
  font-size: 2.6rem;
  padding: 8px 8px 8px 4px;
  font-weight: bold;
  display: inline-block;
}

.global-footer ul.nav li a.tel {
  padding: 0 8px 0 4px;
}

.global-footer address li small {
  display: block;
  font-size: 1.2rem;
  line-height: 1.5;
}

.global-footer .global-footer-copyright {
  font-size: 1.2rem;
  margin: 8px 0;
  display: block;
}

.global-footer .global-footer-copyright p {
  margin-bottom: 0;
  line-height: 1.5;
}

/* page-top button */
#page-top {
  position: fixed;
  bottom: -100px;
  right: 7px;
  font-size: 1rem;
  z-index: 100;
}

#page-top a {
  display: block;
  background: url(/vol1/images/sp/icon-totop.svg) no-repeat #007bc8 center
    center;
  background-size: 22px;
  height: 50px;
  width: 50px;
  border-radius: 25px;
  border: 3px solid #fff;
  box-sizing: border-box;
}

/*----------------------------------------
5.article-header
----------------------------------------*/

.article-header {
  position: relative;
  margin: 117px 0 0 0;
}
.article-header .img {
  background-image: url(/vol1/info/images/bg_sp_contents.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 187px;
  display: block;
  background-size: cover;
  margin: 0;
}
.top-index .article-header .img {
  background-image: url(/vol1/info/images/bg_sp_top_index.png);
  position: relative;
  height: 195px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.top-index .article-header .img:before {
  background-image: url(/vol1/info/images/txt_sp_top_index.png);
  content: " ";
  width: 100%;
  height: 20px;
  display: block;
  position: absolute;
  top: 110px;
  left: 0;
  background-size: 280px auto;
  background-repeat: no-repeat;
  background-position: center top;
}
.contents-index .article-header .img {
  background-image: url(/vol1/info/images/bg_sp_contents_index.png);
}
.contents-case .article-header .img {
  background-image: url(/vol1/info/images/bg_sp_contents.png);
}
.contents-editorial .article-header .img,
.contents-list .article-header .img {
  background-image: url(/vol1/info/images/bg_sp_contents_03.png);
}
.guidance .article-header .img {
  background-image: url(/vol1/info/images/bg_sp_guidance.png);
}
.plan .article-header .img {
  background-image: url(/vol1/info/images/bg_sp_plan.png);
  height: 135px;
}
.article-header .article-header-main {
  background: #edf9ff url(/vol1/info/images/bg_stripe_gr.svg) 0 0 repeat;
  background-size: 9px 9px;
}
.article-header .article-header-main .title {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 15px 0 5px 0;
  text-align: center;
  color: #0078c6;
}
.plan .article-header .article-header-main .subtitle {
  padding: 0 0 10px 0;
}
.article-header .article-header-main p.subtitle {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 0 0 18px 0;
  text-align: center;
}
.contents-index .article-header .article-header-main p.subtitle {
  padding: 0 0 40px 0;
}
.plan-index .article-header {
  position: relative;
  margin: 42px 0 0 0;
}

/*----------------------------------------
6.article-body
----------------------------------------*/

.article-body {
}

.article-body .container {
  position: relative;
  padding: 30px 0;
}

/* swiper */
.article-body .swiper-area {
  position: relative;
}

.article-body .swiper-area ul.list-type-A {
  color: #0078c6;
  font-size: 1.2rem;
  margin: 35px 0 0 15px;
  text-align: center;
  position: relative;
}

.article-body .swiper-area ul.list-type-A li {
  width: 240px;
  display: block;
}
.article-body .swiper-area ul.list-type-A li .img {
  width: 240px;
  height: 160px;
  display: block;
  border-radius: 4px;
  margin: 0 0 8px 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.article-body .swiper-area ul.list-type-A li .img img {
  width: 240px;
  height: auto;
  border-radius: 4px;
  margin: 0 0 8px 0;
}
.article-body .swiper-area ul.list-type-A li:last-child {
  margin-right: 35px;
}

.article-body .swiper-area ul.list-type-A .lead {
  font-size: 1.2rem;
}

.article-body .swiper-area ul.list-type-A a {
  text-decoration: none;
  display: block;
}

.article-body .swiper-area .btn-prev {
  display: none;
}

.article-body .swiper-area .btn-next {
  display: none;
}

.article-body .swiper-area .swiper-pagination {
  top: 0;
  z-index: 1;
}

/* top-index */
.top-index .article-header .txt {
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.top-index .article-body .blog-info {
  position: relative;
  overflow: visible;
  padding: 20px 0 0 0;
}
.blog-info ul {
  display: none;
}
.blog-info a.btn-digimai-blog {
  position: absolute;
  width: 88px;
  height: 116px;
  top: -51px;
  right: 15px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-size: 88px auto;
  background-image: url(/vol1/info/images/btn_blog@2x.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: 3;
}
.top-index .wrapper {
  background: #e7f7ff url(/vol1/info/images/bg_stripe_bl_3.svg) 0 0 repeat;
  background-size: 9px 9px;
  padding: 0 15px;
}
.top-index .start-digital .container {
  padding: 20px 0;
  margin-bottom: 15px;
}
.top-index .start-digital .title-everyday {
  background-color: transparent;
  background-image: url(/vol1/info/images/txt_everyday.svg);
  background-repeat: no-repeat;
  background-position: center 8px;
  background-size: 210px auto;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  height: 44px;
}
@media screen and (max-width: 374px) {
  .top-index .start-digital .title-everyday {
    margin-top: 15px;
  }
}
.top-index .start-digital .title,
.top-index .start-nav .title,
.top-index .box-info .title,
.top-index .section .title {
  text-align: center;
  color: #0078c6;
  font-size: 1.6rem;
  letter-spacing: 0.2em;
  margin-bottom: 10px;
}
.top-index .column3,
.top-index .column2 {
  letter-spacing: -0.4em;
}
.top-index .column3 > a,
.top-index .column2 > a,
.top-index .column3 > div,
.top-index .column2 > div {
  display: inline-block;
  letter-spacing: 0;
  /*letter-spacing:normal;*/
}

.top-index .start-digital .column2 {
  margin-top: 10px;
}
.top-index .start-digital .column3 a {
  margin-top: 18px;
  background-position: center top;
  background-repeat: no-repeat;
  vertical-align: top;
  width: 50%;
  background-size: 170px auto;
}
.top-index .start-digital .column2 a {
  margin-top: 18px;
  background-position: center top;
  background-repeat: no-repeat;
  vertical-align: top;
  width: 50%;
  background-size: 170px auto;
}
.top-index .start-digital .column3 a {
  padding-top: 160px;
}
.top-index .start-digital .column2 a {
  padding-top: 140px;
}
.top-index .start-digital .column3 a:last-child {
  width: 100%;
  margin-right: 0;
}
@media screen and (max-width: 420px) {
  .top-index .start-digital .column3 a,
  .top-index .start-digital .column2 a {
    background-size: 90% auto;
  }
  .top-index .start-digital .column3 a:nth-child(3) {
    background-size: 45% auto;
  }
  .top-index .start-digital .column3 a {
    padding-top: 42%;
  }
  .top-index .start-digital .column2 a {
    padding-top: 38%;
  }
}
@media screen and (min-width: 520px) {
  .top-index .start-digital .column3 a {
    width: 33%;
  }
  .top-index .start-digital .column3 a:last-child {
    width: 33%;
  }
  .top-index .start-digital .column2 {
    margin: 0 0 0 17%;
  }
  .top-index .start-digital .column2 a {
    width: 40%;
  }
}
.top-index .start-digital p.txt {
  text-align: center;
  color: #0078c6;
  font-size: 1.1rem;
  font-weight: bold;
  margin: 0;
}
.top-index .start-contents {
  background-image: url(/vol1/info/images/img_contents@2x.png);
}
.top-index .start-guidance {
  background-image: url(/vol1/info/images/img_guidance@2x.png);
}
.top-index .start-plan {
  background-image: url(/vol1/info/images/img_plan2@2x.png);
}
.top-index .start-about {
  background-image: url(/vol1/info/images/img_about@2x.png);
}
.top-index .start-recommend {
  background-image: url(/vol1/info/images/img_recommend@2x.png);
}
.top-index .start-nav {
  padding: 15px;
}
.top-index .start-nav li {
  margin: 0 0 9px 0;
}
.top-index .start-nav li a {
  background: #1799ee;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 1.7rem;
  font-weight: bold;
  padding: 18px 0;
  text-align: center;
}
.top-index .start-nav li p.txt {
  display: none;
}
.top-index .box-info {
  border: 15px solid #d5e7f5;
  border-radius: 50px;
  padding: 15px 15px 0 15px;
  background: #ffffff url(/vol1/info/images/bg_stripe_gr.svg) 0 0 repeat;
  background-size: 9px 9px;
}
.top-index .box-info.container {
  width: auto;
  position: static;
  margin: 15px;
}
.top-index .box-info .column2 > div {
  display: block;
}
.top-index .box-digimai,
.top-index .box-update {
  background: #fff;
  border-radius: 5px;
  padding: 10px 6px;
  display: block;
}
.top-index .box-update {
  margin: 15px 0 28px 0;
}
.top-index .box-info .box-digimai h4 {
  background-image: none, url(/vol1/info/images/logo_digimai_blog.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 108px auto;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.top-index .box-info .box-update h4 {
  font-size: 1.2rem;
}
.top-index .box-info .column2 ul li {
  border-bottom: 1px solid #979797;
  padding: 10px 0;
}
.top-index .box-info .column2 ul li:last-child {
  padding: 10px 0 10px;
  border-bottom: none;
}
.top-index .box-info .column2 ul li a {
  color: #696969;
  font-size: 1.1rem;
  line-height: 1.2;
  display: block;
  position: relative;
  padding-left: 65px;
}
.top-index .box-info .column2 ul li a .date {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
}
.top-index .link-sns {
  text-align: center;
  margin: 18px auto 26px auto;
  display: table;
}
.top-index .link-sns li {
  display: table-cell;
  width: 72px;
}
.top-index .link-sns li a {
  display: inline-block;
  height: 40px;
  width: 72px;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (max-width: 366px) {
  .top-index .link-sns li {
    width: 55px;
  }
  .top-index .link-sns li a {
    width: 55px;
  }
}
.top-index .link-sns li.fb a {
  background-image: url(/vol1/info/images/btn_sns_fb.svg);
  background-size: 40px auto;
}
.top-index .link-sns li.tw a {
  background-image: url(/vol1/info/images/btn_sns_tw.svg);
  background-size: 40px auto;
}
.top-index .link-sns li.ig a {
  background-image: url(/vol1/info/images/btn_sns_ig.svg);
  background-size: 40px auto;
}
.top-index .link-sns li.line a {
  background-image: url(/vol1/info/images/btn_sns_line.svg);
  background-size: 40px auto;
}
.top-index a.link-magazine {
  font-size: 1.3rem;
  font-weight: bold;
  color: #1799ee;
  position: relative;
  text-align: center;
  margin: 25px auto 30px;
  display: block;
}
.top-index a.link-magazine:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 18px;
  background-image: url(/vol1/info/images/icon_arrow_bl_b.svg);
  background-size: 5px auto;
  background-position: 7px 9px;
  background-repeat: no-repeat;
}
.top-index .link-everyone {
  margin: 0 auto;
  text-align: center;
  width: 100px;
  height: 102px;
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px auto;
  background-image: url(/vol1/info/images/btn_everyone_house@2x.png);
}
.top-index .section .subtitle {
  margin: 0 0 10px 0;
  text-align: center;
  color: #0078c6;
  font-size: 1.1rem;
  font-weight: bold;
}
.top-index .article-body .swiper-area {
  margin-bottom: 40px;
}
.top-index .article-body .swiper-area ul.list-type-A li .img {
  width: 240px !important;
  height: 160px !important;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.top-index .article-body .swiper-area .btn-prev,
.top-index .article-body .swiper-area .btn-next {
  background-position: 0 60px;
}

.top-index .swiper-pagination {
  display: none;
}

.top-index .swiper-area ul.list-type-A {
  margin: 0 0 0 15px;
}

/* about-index */
.about-index .article-body {
}
.about-index .article-body .container {
  padding: 0;
}
.about-index .article-body-header {
  margin: 117px 0 0 0;
  z-index: 1;
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0;
  background-image: url(/vol1/info/images/bg_sp_about.png);
  overflow: hidden;
}
.about-index .article-body-header-inner {
  z-index: 3;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  mix-blend-mode: multiply;
  background: linear-gradient(
      -45deg,
      rgba(77, 166, 223, 1),
      rgba(77, 166, 223, 1)
    )
    fixed;
  animation: bg-move 2s linear 0s;
}

@keyframes bg-move {
  0% {
    background: linear-gradient(
        -45deg,
        rgba(77, 166, 223, 0),
        rgba(77, 166, 223, 0)
      )
      fixed;
  }
  10% {
    background: linear-gradient(
        -45deg,
        rgba(77, 166, 223, 0.1),
        rgba(77, 166, 223, 0)
      )
      fixed;
  }
  20% {
    background: linear-gradient(
        -45deg,
        rgba(77, 166, 223, 0.2),
        rgba(77, 166, 223, 0.1)
      )
      fixed;
  }
  30% {
    background: linear-gradient(
        -45deg,
        rgba(77, 166, 223, 0.3),
        rgba(77, 166, 223, 0.2)
      )
      fixed;
  }
  40% {
    background: linear-gradient(
        -45deg,
        rgba(77, 166, 223, 0.4),
        rgba(77, 166, 223, 0.3)
      )
      fixed;
  }
  50% {
    background: linear-gradient(
        -45deg,
        rgba(77, 166, 223, 0.5),
        rgba(77, 166, 223, 0.4)
      )
      fixed;
  }
  60% {
    background: linear-gradient(
        -45deg,
        rgba(77, 166, 223, 0.6),
        rgba(77, 166, 223, 0.5)
      )
      fixed;
  }
  70% {
    background: linear-gradient(
        -45deg,
        rgba(77, 166, 223, 0.7),
        rgba(77, 166, 223, 0.6)
      )
      fixed;
  }
  80% {
    background: linear-gradient(
        -45deg,
        rgba(77, 166, 223, 0.8),
        rgba(77, 166, 223, 0.7)
      )
      fixed;
  }
  90% {
    background: linear-gradient(
        -45deg,
        rgba(77, 166, 223, 0.9),
        rgba(77, 166, 223, 0.8)
      )
      fixed;
  }
  100% {
    background: linear-gradient(
        -45deg,
        rgba(77, 166, 223, 1),
        rgba(77, 166, 223, 0.9)
      )
      fixed;
  }
}
.about-index .article-body-header-inner-bg {
  display: none;
}
.about-index .article-body-header h3.title {
  margin: 0 auto;
  position: relative;
  z-index: 3;
  display: block;
  width: 270px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 270px auto;
  background-image: url(/vol1/info/images/logo_about_dmainichi_wh.svg);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.about-index .article-body-header p.lead {
  position: relative;
  z-index: 3;
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 1.4;
  text-align: center;
  padding: 10px 0 0 0;
}
.about-index .article-body-header a.btn-scroll {
  position: relative;
  z-index: 4;
  margin: 100px auto 0 auto;
  display: block;
  width: 45px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 45px auto;
  background-image: url(/vol1/info/images/btn_sp_scroll.svg);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
.about-index .box {
  margin: 40px;
  padding: 20px 20px;
  border: 3px solid #0078c6;
  background-color: rgba(255, 255, 255, 0.8);
}
.about-index .box h4.title {
  color: #0078c6;
  font-size: 2.3rem;
  font-weight: normal;
  line-height: 1.22;
}
.about-index .box .line {
  background-color: #0078c6;
  width: 70px;
  height: 3px;
  display: block;
  margin: 20px 0;
}
.about-index .box .line.active {
  -moz-transform: scaleX(70);
  -webkit-transform: scaleX(70);
  -ms-transform: scaleX(70);
  transform: scaleX(70);
  transform-origin: 0 0;
  opacity: 1;
}
.about-index .box p.txt {
  color: #0078c6;
  font-size: 1.3rem;
  line-height: 1.92;
  margin: 0;
}
.about-index .caption {
  text-align: right;
  padding: 10px;
  font-size: 1rem;
  color: #0078c6;
}
.about-index .column-01 {
  width: 100%;
  position: relative;
}
.about-index .column-01 .box {
  margin: 20px 40px 40px 40px;
}
.about-index .column-01 .img {
  margin: 30px auto 0 auto;
  text-align: center;
  display: block;
  width: 95%;
  height: 230px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(/vol1/info/images/img_about_01@2x.png);
}
.about-index .column-02 {
  width: 100%;
  position: relative;
  padding: 0;
}
.about-index .column-02 .img-02 {
  margin: 30px 0 0 0;
  width: 100%;
  height: 250px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url(/vol1/info/images/img_about_02.png);
  background-image: none, url(/vol1/info/images/img_about_02@2x.png);
}
.about-index .column-02 .img-02 .cover {
  background-color: rgba(136, 198, 230, 0.38);
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: hard-light;
}
.about-index .column-02 .box {
  margin: 40px 40px;
}
.about-index .column-02 .img-03 {
  width: 100%;
  height: 300px;
  display: block;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  background-image: url(/vol1/info/images/img_about_03.png);
  background-image: none, url(/vol1/info/images/img_about_03@2x.png);
}
.about-index .column-02 .img-03 .cover {
  width: 100%;
  height: 300px;
  display: block;
  background-color: rgba(155, 221, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: lighten;
}
.about-index .column-03 {
  width: 100%;
  position: relative;
}
.about-index .column-03 .img-04 {
  margin: 30px 0 0 0;
  width: 100%;
  height: 440px;
  overflow: hidden;
  position: relative;
  display: block;
  background-image: url(/vol1/info/images/img_about_04@2x.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.about-index .column-03 .box {
}
.about-index .column-04 {
  width: 100%;
  position: relative;
}
.about-index .column-04 .img-05 {
  margin: 30px 0 0 0;
  width: 100%;
  height: 145px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(/vol1/info/images/img_about_05@2x.png);
}
.about-index .column-04 .box {
  margin: 30px 40px 40px 40px;
}
.about-index .column-05 {
  margin: 30px 0;
  text-align: center;
}
.about-index .column-05 p.lead {
  color: #0078c6;
  font-size: 1.3rem;
  line-height: 2.1;
  text-align: center;
  margin: 0;
}
.about-index .column-05 p.dmainichi {
  width: 150px;
  height: 30px;
  background-image: url(/vol1/info/images/logo_Dmainichi.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 150px auto;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin: 30px auto;
}

/* contents-index */
.contents-index .article-body {
  position: relative;
}

.contents-index .article-body .container {
  padding: 30px 27px 40px 27px;
  overflow: visible;
}

.contents-index .article-body .container.container-sub {
  padding: 0 0 30px 0 !important;
}

.contents-index .article-body .section {
  margin: 0 0 40px 0;
}

.contents-index .article-body .section:last-child {
  margin: 0;
}

.contents-index .article-body a.btn-case {
position: absolute;
top: -40px;
right: 7px;
width: 93px;
height: 103px;
background-color: transparent;
background-image: url(/vol1/info/images/btn_contents_index_case_off@2x.png);
background-size: 93px 103px;
text-indent: -999997px;
z-index: 5;
}

.contents-index .article-body h3.title {
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0.2em;
  font-weight: bold;
  color: #0078c6;
}

.contents-index .article-body h3.title.pb {
  padding: 0 0 20px 0;
}

.contents-index .article-body p.lead {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  padding: 0 0 15px 0;
}

.contents-index .article-body ul.list-type-A li,
.contents-index .article-body ul.list-type-C li {
  display: block;
}

.contents-index .article-body ul.list-type-A li h4.title,
.contents-index .article-body ul.list-type-C li h4.title {
  display: block;
  font-size: 1.4rem;
  background-color: #a2dfff;
  border: #0078c6 solid 2px;
  border-radius: 5px;
  font-weight: bold;
  padding: 16px 16px 16px 72px;
  margin: 8px 0;
  background-size: 50px 50px;
}

.contents-index .article-body ul.list-type-A p.txt,
.contents-index .article-body ul.list-type-C p.txt {
  font-size: 1.3rem;
  line-height: 1.4;
  padding: 0 7px;
}

.contents-index .article-body ul.list-type-B {
  display: block;
  margin: 0 0 15px 0;
}

.contents-index .article-body ul.list-type-B li {
  background-color: #cfefff;
  padding: 10px 13px;
}

.contents-index .article-body ul.list-type-B li:first-child {
  border-radius: 5px 5px 0 0;
}

.contents-index .article-body ul.list-type-B li:last-child {
  border-radius: 0 0 5px 5px;
}

.contents-index .article-body ul.list-type-B li:nth-child(even) {
  background-color: #e7f7ff;
}
.contents-index .article-body ul.list-type-B li p.lead {
  padding: 0;
}
.contents-index .article-body ul.list-type-B li p.lead a {
  color: #3c3c3c;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  padding: 0 0 4px 0;
  margin: 0;
  display: block;
  background: transparent url(/vol1/info/images/icon_link.svg) right 0 no-repeat;
  background-size: 16px auto;
}
.contents-index .article-body ul.list-type-B li p.txt {
  font-size: 1.3rem;
  line-height: 1.4;
}

.contents-index .article-body .icon-site h4.title {
  background: transparent url(/vol1/info/images/icon_sp_site.svg) 12px center
    no-repeat;
}

.contents-index .article-body .icon-app h4.title {
  background: transparent url(/vol1/info/images/icon_sp_app.svg) 12px center
    no-repeat;
}

.contents-index .article-body .icon-news h4.title {
  position: relative;
  padding: 16px 40px 16px 72px !important;
  background: transparent url(/vol1/info/images/icon_sp_news.svg) 12px center
    no-repeat;
}

.contents-index .article-body .icon-ch h4.title {
  background: transparent url(/vol1/info/images/icon_sp_ch.svg) 12px center
    no-repeat;
}

.contents-index .article-body .icon-tl h4.title {
  background: transparent url(/vol1/info/images/icon_sp_tl.svg) 12px center
    no-repeat;
}

.contents-index .article-body .icon-rc h4.title {
  background: transparent url(/vol1/info/images/icon_sp_rc.svg) 12px center
    no-repeat;
  background-size: 36px auto;
}

.contents-index .article-body .icon-search h4.title {
  background: transparent url(/vol1/info/images/icon_sp_search.svg) 12px center
    no-repeat;
}

.contents-index .article-body .icon-video h4.title {
  background: transparent url(/vol1/info/images/icon_sp_video.svg) 12px center
    no-repeat;
}

.contents-index .article-body .icon-picture h4.title {
  background: transparent url(/vol1/info/images/icon_sp_picture.svg) 12px center
    no-repeat;
}

.contents-index .article-body .icon-news h4.title:before {
  content: "";
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  right: 12px;
  margin: -13px 0 0 0;
  background: transparent url(/vol1/info/images/icon_toggle_close.svg) 0 0
    no-repeat;
  background-size: 26px 26px;
  z-index: 5;
}

.contents-index .article-body .icon-news h4.title.active:before {
  background: transparent url(/vol1/info/images/icon_toggle_open.svg) 0 0
    no-repeat;
  background-size: 26px 26px;
}
.contents-index .note-premium {
  border: 1px solid #1799ee;
  border-radius: 2px;
  padding: 15px;
  margin: 25px 0 0 0;
  text-align: center;
}
.contents-index .note-premium .title-premium {
  background-image: url(/vol1/images/v2/common/icon_key.svg);
  background-color: transparent;
  background-position: 58px 0;
  background-size: 20px auto;
  background-repeat: no-repeat;
  width: 90px;
  font-weight: 600;
  padding: 4px 0;
}
.contents-index .note-premium span {
  width: calc( 100% - 80px );
  text-align:left;
}
.contents-index .note-premium .title {
  font-weight: 600;
  width: 90px;
}
.contents-index .note-premium li {
  color: #737373;
  font-size: 1.1rem;
  line-height: 1.4;
  letter-spacing: 0;
  display:flex;
  padding:5px 0;
  align-items: flex-start;
}
.contents-index .icon-label-01,
.contents-index .icon-label-02,
.contents-index .icon-label-03,
.contents-index .icon-label-04,
.contents-index .icon-label-05,
.contents-index .icon-label-06,
.contents-index .icon-label-07,
.contents-index .icon-label-08,
.contents-index .icon-label-09{
  width: 90px!important;
  height: 30px;
  display:block;
  background-color: transparent;
  background-position: 0 0;
  background-size: 70px auto;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.contents-index .icon-label-01{
  background-image: url(/vol1/info/images/icon_label_01.svg);
}
.contents-index .icon-label-02{
  background-image: url(/vol1/info/images/icon_label_02.svg);
}
.contents-index .icon-label-03{
  background-image: url(/vol1/info/images/icon_label_03.svg);
}
.contents-index .icon-label-04{
  background-image: url(/vol1/info/images/icon_label_04.svg);
}
.contents-index .icon-label-05{
  background-image: url(/vol1/info/images/icon_label_05.svg);
}
.contents-index .icon-label-06{
  background-image: url(/vol1/info/images/icon_label_06.svg);
}
.contents-index .icon-label-07{
  background-image: url(/vol1/info/images/icon_label_07.svg);
}
.contents-index .icon-label-08{
  background-image: url(/vol1/info/images/icon_label_08.svg);
}
.contents-index .icon-label-09{
  background-image: url(/vol1/info/images/icon_label_09.svg);
}


.contents-index .article-body dl.note-premium {
  border: 1px solid #1799ee;
  border-radius: 2px;
  padding: 0 10px 10px 10px;
  margin: 25px 0 0 0;
  text-align: center;
}
.contents-index .article-body dl.note-premium dt {
  color: #737373;
  font-size: 1.1rem;
  line-height: 1.4;
  display: block;
  font-weight: 600;
  text-align: center;
  padding: 10px 0 6px;
  vertical-align: top;
}
.contents-index .article-body .photo-column {
  background-color: #f2f2f2;
  padding: 0 0 20px 0;
}
.contents-index .article-body .photo-column.bg-w {
  background-color: #fff;
}

.contents-index .article-body .photo-column p.lead {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  margin: 20px 0 0 0;
  padding: 15px 0 0 0;
  background-color: #f2f2f2;
}
.contents-index .article-body .photo-column p.lead.bg-wh {
  background-color: #ffffff;
}
.contents-index .article-body .photo-column p.txt {
  padding: 20px 34px 0;
  font-size: 1.3rem;
  line-height: 1.4;
  text-align: left;
  margin: 0;
  background-color: #f2f2f2;
}
.contents-index .article-body .photo-column p.txt.bg-wh {
  padding: 10px 34px 10px 34px;
  background-color: #ffffff;
}

.contents-index .article-body .img {
  text-align: center;
  margin: 0;
}

.contents-index .article-body .img.img-01 img {
  width: 100%;
  height: auto;
  max-width: 600px;
}

.contents-index .article-body .img.img-02 img {
  width: 100%;
  height: auto;
  max-width: 600px;
}

.contents-index .article-body .img.img-03 img {
  width: 100%;
  height: auto;
  max-width: 600px;
}

.contents-index .article-body .img.img-04 img {
  width: 100%;
  height: auto;
  max-width: 600px;
}

.contents-index .article-body .img.img-05 img {
  width: 100%;
  height: auto;
  max-width: 600px;
}

.contents-index .article-body .img.img-06 img {
  width: 90%;
  height: auto;
  max-width: 600px;
}

.contents-index .article-body .img.img-07 img {
  width: 100%;
  height: auto;
  max-width: 600px;
}

.contents-index .article-body .img.img-08 img {
  /* width: 100%;
  height: auto;
  max-width: 600px; */
  width: 90%;
  height: auto;
  background: #f4f4f4;
  padding: 17px 106px;
  border-radius: 8px;
}

.contents-index .article-body ul.list-type-D li {
  display: block;
  margin: 0 0 4px 0;
}
.contents-index .article-body ul.list-type-D li .img {
  margin: 10px 0 0 0;
  text-align: center;
  background-color: #ffffff;
}
.contents-index .article-body ul.list-type-D li .img.img-05 {
  margin: 10px 0 20px 0;
}
.contents-index .article-body ul.list-type-D li .img img {
  width: 80%;
  height: auto;
  margin: 0;
}
.contents-index .article-body ul.list-type-D li p.lead {
  padding: 0 0 4px 0;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  margin: 0;
  padding: 20px 34px 5px 34px;
  background-color: #f2f2f2;
}
.contents-index .article-body ul.list-type-D li p.txt {
  font-size: 1.3rem;
  line-height: 1.4;
  text-align: left;
  margin: 0;
  padding: 0 34px 5px;
  background-color: #f2f2f2;
}
.contents-index .article-body ul.list-type-D li p.txt.pb {
  padding: 0 34px 20px;
}
.contents-index .article-body ul.list-type-E li p.lead {
  padding: 0 0 4px 0;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  margin: 0;
}
.contents-index .article-body ul.list-type-E li {
  vertical-align: top;
}

.contents-index .article-body ul.list-type-E li:nth-child(1) {
  width: 50%;
  padding: 0 5px 0 0;
  display: inline-block;
}
.contents-index .article-body ul.list-type-E li:nth-child(2) {
  width: 50%;
  padding: 0 0 0 5px;
  display: inline-block;
}

.contents-index .article-body ul.list-type-E h3.title {
  width: 100%;
  padding: 50px 0 20px 0;
}

.contents-index .article-body ul.list-type-E li .img.disp-sp {
  background-color: #f2f2f2;
  padding: 10px 20px;
}
.contents-index .article-body ul.list-type-E li p.txt {
  font-size: 1.3rem;
  line-height: 1.4;
  text-align: left;
  background-color: #f2f2f2;
  padding: 3px 20px 20px 20px;
  margin: 0;
}
.contents-index .article-body ul.list-type-F li:first-child {
  margin: 0 0 25px 0;
}
.contents-index .article-body ul.list-type-F li p.lead {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  margin: 20px 0 0 0;
  padding: 15px 0 0 0;
  background-color: #f2f2f2;
}

.contents-index .article-body ul.list-type-F li p.txt {
  padding: 20px 34px;
  font-size: 1.3rem;
  line-height: 1.4;
  text-align: left;
  margin: 0;
  background-color: #f2f2f2;
}
.contents-index .ex-politics p.logo {
  background-image: url(/vol1/info/images/logo_politics.svg);
  background-color: transparent;
  background-position: center top;
  background-size: auto 32px;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.contents-index .ex-business p.logo {
  background-image: url(/vol1/info/images/logo_business.svg);
  background-color: transparent;
  background-position: center top;
  background-size: auto 32px;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.contents-index .ex-health p.logo {
  background-image: url(/vol1/info/images/logo_health.svg);
  background-color: transparent;
  background-position: center top;
  background-size: auto 32px;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.contents-index .ex-wsj p.logo {
  background-image: url(/vol1/info/images/logo_wsj.svg);
  background-color: transparent;
  background-position: center 6px;
  background-size: auto 21px;
  width: 100%;
  height: 30px;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.contents-index .ex-medical p.logo {
  background-image: url(/vol1/info/images/logo_medical.svg);
  background-color: transparent;
  background-position: center top;
  background-size: auto 32px;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.contents-index .ex-hanasone p.logo {
  background-image: url(/vol1/info/images/logo_hanasone.svg);
  background-color: transparent;
  background-position: center top;
  background-size: auto 32px;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.contents-index .ex-study-english p.logo {
  background-image: url(/vol1/info/images/logo_study_english.svg);
  background-color: transparent;
  background-position: center top;
  background-size: auto 32px;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.contents-index .ex-economist p.logo {
  height: 0;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.contents-index .ex-economist p.txt:before {
  content: "";
  display: block;
  background-image: url(/vol1/info/images/logo_shukan_economist@2x.png);
  background-color: transparent;
  background-position: center 0;
  background-size: 110px auto;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.contents-index .ex-smainichi p.logo {
  height: 0;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.contents-index .ex-smainichi p.txt:before {
  content: "";
  display: block;
  background-image: url(/vol1/info/images/logo_Smainichi.svg?20260106);
  background-color: transparent;
  background-position: center 0;
  background-size: auto 25px;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.contents-index .ex-business,
.contents-index .ex-health,
.contents-index .ex-wsj,
.contents-index .ex-medical,
.contents-index .ex-hanasone,
.contents-index .ex-study-english {
  margin-top: 20px !important;
}
.contents-index .ex-business p.txt,
.contents-index .ex-health p.txt,
.contents-index .ex-wsj p.txt,
.contents-index .ex-medical p.txt,
.contents-index .ex-hanasone p.txt,
.contents-index .ex-study-english p.txt {
  margin: 10px 0 0 !important;
  padding: 20px 34px 5px !important;
}

.contents-index .article-body a.btn-detail {
  display: block;
  width: 200px;
  border-radius: 5px;
  background-color: #1799ee;
  color: #ffffff;
  font-size: 1.7rem;
  font-weight: bold;
  padding: 11px 0;
  text-align: center;
  margin: 15px auto 15px;
}
.contents-index a.link-blue {
  font-size: 1.3rem;
  font-weight: bold;
  color: #1799ee;
  position: relative;
  text-align: center;
  margin: 15px;
  display: block;
}
.contents-index a.link-blue:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 18px;
  background-image: url(/vol1/info/images/icon_arrow_bl_b.svg);
  background-size: 5px auto;
  background-position: 7px 9px;
  background-repeat: no-repeat;
}
.contents-index ul.list-type-D a.link-blue,
.contents-index .photo-column a.link-blue {
  background-color: #f2f2f2;
  margin: 0 auto;
  padding-bottom: 10px;
}
.contents-index .article-body .section .photo-column .links{
  margin-top:16px;
}

/* contents-case */
.contents-case .article-body {
  background-color: #ffffff;
}

.contents-case .article-body .container {
  padding: 15px 0;
}

.contents-case .article-body .section {
  margin: 0;
}

.contents-case .article-body ul.nav {
  margin: 0 0 40px 0;
}

.contents-case .article-body ul.nav li {
}

.contents-case .article-body ul.nav li:last-child {
}

.contents-case .article-body ul.nav li a {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 105px auto;
  display: block;
  padding: 200px 0 0 0;
  font-size: 1.4rem;
  color: #0078c6;
  font-weight: bold;
  text-align: center;
  opacity: 0.5;
}
.contents-case .article-body ul.nav li a.active {
  opacity: 1;
}

.contents-case .article-body ul.nav li.nav_01 a {
  background-image: url(/vol1/info/images/btn_case01_off@2x.png);
}

.contents-case .article-body ul.nav li.nav_02 a {
  background-image: url(/vol1/info/images/btn_case02_off@2x.png);
}

.contents-case .article-body ul.nav li.nav_03 a {
  background-image: url(/vol1/info/images/btn_case03_off@2x.png);
}

.contents-case .article-body ul.nav li.nav_04 a {
  background-image: url(/vol1/info/images/btn_case04_off@2x.png);
}

.contents-case .article-body ul.nav li.nav_01 a.active {
  background-image: url(/vol1/info/images/btn_case01_on@2x.png);
}

.contents-case .article-body ul.nav li.nav_02 a.active {
  background-image: url(/vol1/info/images/btn_case02_on@2x.png);
}

.contents-case .article-body ul.nav li.nav_03 a.active {
  background-image: url(/vol1/info/images/btn_case03_on@2x.png);
}

.contents-case .article-body ul.nav li.nav_04 a.active {
  background-image: url(/vol1/info/images/btn_case04_on@2x.png);
}

.contents-case .article-body .article-body-main {
  position: relative;
  margin: 15px 15px;
  padding: 25px 7px 25px 7px;
  border-radius: 50px;
  border: 15px solid #d5e7f5;
  background-color: #ffffff;
  background-image: url(/vol1/info/images/bg_stripe_gr.svg);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 9px 9px;
}

.contents-case .article-body .article-body-main:before {
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
  border-bottom: solid 30px #d5e7f5;
  top: -30px;
  left: 50%;
  margin: 0 0 0 -15px;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  z-index: 5;
}

.contents-case .article-body .article-body-main h3.title {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  display: block;
  padding: 0 0 8px 0;
  letter-spacing: 0.1em;
}

.contents-case .article-body .article-body-main p.lead {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  display: block;
  padding: 0 0 35px 0;
}

.contents-case .article-body ul.list-type-A {
  margin: 0 0 30px 0;
}

.contents-case .article-body ul.list-type-A li {
  width: 100%;
  margin: 0 0 20px 0;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100px auto;
  min-height: 110px;
}

.contents-case .article-body ul.list-type-A li.pict01_01 {
  background-image: url(/vol1/info/images/img_case_01_01@2x.png);
}
.contents-case .article-body ul.list-type-A li.pict01_02 {
  background-image: url(/vol1/info/images/img_case_01_02@2x.png);
}
.contents-case .article-body ul.list-type-A li.pict01_03 {
  background-image: url(/vol1/info/images/img_case_01_03@2x.png);
}
.contents-case .article-body ul.list-type-A li.pict01_04 {
  background-image: url(/vol1/info/images/img_case_01_04@2x.png);
}
.contents-case .article-body ul.list-type-A li.pict02_01 {
  background-image: none, url(/vol1/info/images/img_case_02_01@2x.png);
}
.contents-case .article-body ul.list-type-A li.pict02_02 {
  background-image: none, url(/vol1/info/images/img_case_02_02@2x.png);
}
.contents-case .article-body ul.list-type-A li.pict02_03 {
  background-image: none, url(/vol1/info/images/img_case_02_03@2x.png);
}
.contents-case .article-body ul.list-type-A li.pict02_04 {
  background-image: none, url(/vol1/info/images/img_case_02_04@2x.png);
}
.contents-case .article-body ul.list-type-A li.pict03_01 {
  background-image: none, url(/vol1/info/images/img_case_03_01@2x.png);
}
.contents-case .article-body ul.list-type-A li.pict03_02 {
  background-image: none, url(/vol1/info/images/img_case_03_02@2x.png);
}
.contents-case .article-body ul.list-type-A li.pict03_03 {
  background-image: none, url(/vol1/info/images/img_case_03_03@2x.png);
}
.contents-case .article-body ul.list-type-A li.pict03_04 {
  background-image: none, url(/vol1/info/images/img_case_03_04@2x.png);
}
.contents-case .article-body ul.list-type-A li.pict04_01 {
  background-image: none, url(/vol1/info/images/img_case_04_01@2x.png);
}
.contents-case .article-body ul.list-type-A li.pict04_02 {
  background-image: none, url(/vol1/info/images/img_case_04_02@2x.png);
}
.contents-case .article-body ul.list-type-A li.pict04_03 {
  background-image: none, url(/vol1/info/images/img_case_04_03@2x.png);
}
.contents-case .article-body ul.list-type-A li.pict04_04 {
  background-image: none, url(/vol1/info/images/img_case_04_04@2x.png);
}

.contents-case .article-body ul.list-type-A li p.lead {
  font-size: 1.3rem;
  padding: 0 10px 2px 110px;
  font-weight: bold;
  text-align: left;
}
.contents-case .article-body ul.list-type-A li p.lead > span {
  font-size: 1.2rem;
  display: block;
}

.contents-case .article-body ul.list-type-A li p.txt {
  padding: 0 10px 0 110px;
  font-size: 1.3rem;
  line-height: 1.54;
}

.contents-case .article-body ul.list-type-A li p.txt span {
  background: rgba(255, 239, 32, 0.7);
}

.contents-case .article-body h4.subtitle {
  font-size: 1.3rem;
  margin: 0 0 13px 0;
  font-weight: bold;
  text-align: center;
}

.contents-case .article-body ul.list-type-B {
  margin: 0 18px;
}

.contents-case .article-body ul.list-type-B li {
  width: 100%;
  margin: 0 0 15px 0;
}

.contents-case .article-body ul.list-type-B li p.lead {
  width: 100%;
  background: rgba(255, 239, 32, 0.7);
  font-size: 1.3rem;
  text-align: center;
  padding: 4px 0;
  margin: 0 0 7px 0;
  font-weight: bold;
}

.contents-case .article-body ul.list-type-B li p.txt {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: 0;
}

.contents-case .article-body #menu01 {
  display: block;
}

.contents-case .article-body #menu02,
.contents-case .article-body #menu03,
.contents-case .article-body #menu04 {
  display: none;
}

/* contents-editorial */
.contents-editorial .article-body .section {
  padding: 15px 15px 0 15px;
  background: #f2f2f2 url(/vol1/info/images/bg_stripe_gr.svg) 0 0 repeat;
  background-size: 9px 9px;
}
.contents-editorial .article-body ul.nav-type-A {
  padding: 0;
  font-size: 0;
  margin: 10px 0 0 0;
}

.contents-editorial .article-body ul.nav-type-A li {
  display: inline-block;
  text-align: center;
  width: 50%;
  padding: 0 0 10px 0;
  font-size: 0;
}
.contents-editorial .article-body ul.nav-type-A li:nth-child(even) {
  padding: 0 0 0 10px;
}
.contents-editorial .article-body ul.nav-type-A li:nth-child(odd) {
  margin: 0;
}
.contents-editorial .article-body ul.nav-type-A li span.lead {
  padding: 0 0 2px 0;
  font-size: 1.1rem;
  font-weight: bold;
  display: block;
}
.contents-editorial .article-body ul.nav-type-A li a.btn-sort {
  display: block;
  border-radius: 50px;
  padding: 8px 0;
  background: #1799ee;
  text-align: center;
  font-size: 1.7rem;
  color: #ffffff;
}
.contents-editorial .article-body ul.nav-type-A li a.btn-sort.active {
  background: #0078c6;
}
.contents-editorial .article-body ul.list-type-B {
  margin: 0 0 20px 0;
  font-size: 0;
}
.contents-editorial .article-body ul.list-type-B li a {
  width: 100%;
  border: 1px solid #0078c6;
  border-radius: 4px;
  display: block;
  background: #ffffff;
}
.contents-editorial .article-body ul.list-type-B li {
  display: block;
  margin: 0 0 20px 0;
  position: relative;
  font-size: 0;
}
.contents-editorial .article-body ul.list-type-B li a .inner {
  padding: 13px 20px;
}

.contents-editorial .article-body ul.list-type-B li p.date {
  font-size: 1.3rem;
  padding: 0 0 15px 0;
  padding: 0 0 13px 0;
  color: #737373;
}

.contents-editorial .article-body ul.list-type-B li p.icon {
  font-size: 1.2rem;
  padding: 3px 10px;
  text-align: center;
  border: 1px solid #0078c6;
  border-radius: 20px;
  position: absolute;
  top: 10px;
  right: 20px;
  color: #0078c6;
}

.contents-editorial .article-body ul.list-type-B li .title {
  font-size: 1.6rem;
  color: #0078c6;
  line-height: 1.5;
  font-weight: bold;
  padding: 0 0 10px 0;
}

.contents-editorial .article-body ul.list-type-B li p.lead {
  font-size: 1.4rem;
  line-height: 1.5;
  width: 50%;
  padding: 0 0 0 10px;
  display: inline-block;
}

.contents-editorial .article-body ul.list-type-B li .img {
  padding: 35% 10px 0 0;
  width: 50%;
  height: 0;
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: top;
}

.contents-editorial .article-body ul.list-type-B li img {
  width: 100%;
  height: auto;
}

.contents-editorial .article-body ul.list-type-B li p.more {
  background: #cce3ef;
  border-radius: 0 0 4px 4px;
  padding: 5px 20px;
  text-align: right;
  font-size: 1.2rem;
  font-weight: bold;
  display: block;
  color: #0078c6;
}
.contents-editorial .article-body .wrapper-list {
  padding: 15px 15px 120px;
  height: 800px;
  overflow: hidden;
}
.contents-editorial .article-body .wrapper-list.active {
  height: auto;
}
.contents-editorial .article-body .container.active {
  height: auto;
}
.contents-editorial .wrapper-btn-more {
  position: relative;
  background-color: #ffffff;
  text-align: center;
  padding: 0 0 50px 0;
}
.contents-editorial a.btn-more {
  display: block;
  width: 160px;
  height: 160px;
  border-radius: 160px;
  background-color: #31a8f5;
  background-image: url(/vol1/info/images/bg_stripe_bl_1-ie.png);
  background-image: none, url(/vol1/info/images/bg_stripe_bl_1.svg);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 9px 9px;
  line-height: 1.45;
  font-size: 2.2rem;
  text-align: center;
  color: #ffffff;
  margin: 0 auto 39px auto;
  font-weight: bold;
  padding: 34px 0 0 0;
  -moz-box-shadow: -2px 4px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: -2px 4px 2px rgba(0, 0, 0, 0.5);
  -o-box-shadow: -2px 4px 2px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: -2px 4px 2px rgba(0, 0, 0, 0.5);
}
.contents-editorial .link-more {
  text-align: center;
  width: 100%;
  height: 260px;
  background: -moz-linear-gradient(top, #ffffff 0%, #ff0000 60%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #ff0000 60%);
  filter: progid:DXImageTransform.Microsoft.Gradient(
        startColorstr=rgba(255,255,255,0),
        endColorstr=rgba(255,255,255,1),
        GradientType=0 );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  position: absolute;
  top: -260px;
  left: 0;
  vertical-align: bottom;
}

.contents-editorial .link-more a {
  display: block;
  padding: 160px 0 0 0;
  font-size: 1.7rem;
  color: #0078c6;
  font-weight: bold;
  letter-spacing: 0.1em;
}

/* contents-list */
.contents-list .article-body {
  background-color: #ffffff;
}

.contents-list .article-body .container {
  position: relative;
}

.contents-list .article-body .section {
  padding: 17px 0 20px 0;
  text-align: center;
}

.contents-list .article-body .section:first-child {
  padding: 0 0 20px 0;
}

.contents-list .article-body .section:nth-child(even) {
  background-color: #f8f8f8;
}

.contents-list .article-body .title {
  color: #0078c6;
  font-size: 1.6rem;
  text-align: center;
}

.contents-list .article-body .balloon {
  border: 2px solid #0078c6;
  border-radius: 10px;
  position: relative;
  display: block;
  margin: 20px 15px 25px 15px;
  padding: 12px 23px;
  background-color: #ffffff;
}

.contents-list .article-body .balloon .balloon_arrow {
  top: -24px;
  left: 109px;
  border: solid transparent;
  content: " ";
  width: 23px;
  height: 25px;
  background: transparent url(/vol1/info/images/balloon_arrow.svg) 0 0 no-repeat;
  background-size: 23px 25px;
  position: absolute;
}

.contents-list .article-body .balloon .balloon-title {
  text-align: center;
}

.contents-list .article-body .balloon .balloon-title p.title {
  text-align: center;
  color: #0078c6;
  font-size: 1.6rem;
  letter-spacing: 0.2em;
  font-weight: bold;
  border-bottom: 2px solid #0078c6;
  display: inline;
}

.swiper-container {
  margin: 0;
}

.contents-list .article-body .balloon .balloon-main {
  text-align: left;
}

.contents-list .article-body .balloon .balloon-sub {
  text-align: left;
}

.contents-list .article-body .balloon p.txt {
  font-size: 1.3rem;
  line-height: 1.3;
  padding: 13px 0 0 0;
}

.contents-list .article-body .balloon .btn-close a {
  position: absolute;
  top: -13px;
  right: 22px;
  width: 26px;
  height: 26px;
  border-radius: 26px;
  background-color: #d2cbcb;
  background-image: url(/vol1/info/images/icon_close-ie.png);
  background-image: none, url(/vol1/info/images/icon_close.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  text-indent: -999997px;
  cursor: pointer;
}

.contents-list .article-body .balloon .btn-close a:hover {
  background-color: #acacac;
}

.contents-list .article-body .balloon a.btn-detail {
  width: 50%;
  border-radius: 5px;
  padding: 7px 0;
  background: #1799ee;
  text-align: center;
  display: block;
  font-size: 1.4rem;
  color: #ffffff;
  font-weight: bold;
  margin: 0 auto;
}

.contents-list .article-body .balloon .btn-detail a:hover {
  background: #0078c6;
  text-decoration: none;
  color: #ffffff;
}

.contents-list .swiper-area .swiper-pagination {
  display: none;
}

/* plan */
.plan .wrapper-bl2 {
  background-color: #e8f6ff;
  text-align: center;
}
.plan .wrapper-purple {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.75;
  padding: 0 0 0 0;
  margin: 18px 0 0 0;
  position: relative;
  background-image: url(/vol1/info/images/bg_stripe_purple.svg);
  background-position: 0 0;
  background-repeat: repeat;
  background-color: #e3cdd8;
  background-size: 9px 9px;
}
.plan .wrapper-purple .container {
  padding: 0 15px 22px !important;
}

/* plan-index */
.plan .article-body {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.75;
  padding: 0 0 0 0;
  position: relative;
  /*background-image: url(/vol1/info/images/bg_stripe_gr.svg);*/
  background-position: 0 0;
  background-repeat: repeat;
  background-color: #e7f7ff;
  background-size: 9px 9px;
  overflow-y: visible;
}
.plan .art77B7E9bicle-body .container {
  padding: 0 !important;
  position: relative;
  overflow-y: visible;
}
.plan .article-body {
  font-size: 14px;
  font-size: 1.4rem;
  color: #3c3c3c;
  line-height: 1.75;
  background-color: #ffffff;
}
.plan-index .article-body .wrapper {
  margin: 18px 0 0 0;
  background-color: #afe0ff;
  background-image: url(/vol1/info/images/bg_stripe_bl_4.svg);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 9px 9px;
}
.plan-index .article-body .container {
  position: relative;
  padding: 0;
}
.plan-index ul.nav_top {
  display: table;
  width: 100%;
  padding: 0 5px;
  border-collapse: separate;
  border-spacing: 5px 0;
  background-color: transparent;
  background-image: url(/vol1/info/images/bg_stripe_gr_2.svg);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: 9px 9px;
}
.plan-index ul.nav_top li {
  display: table-cell;
  vertical-align: top;
  width: 45%;
}
.plan-index ul.nav_top li.active {
  width: 55%;
}
.plan-index ul.nav_top li a {
  width: 100%;
  display: block;
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
  padding: 8px 10px 10px 10px;
  background-color: #bcbcbc;
  height: 53px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 5px 5px 0 0;
  text-align: center;
  line-height: 1.3;
  -webkit-transition: background-color 0.3s linear;
  margin: 12px 0 0 0 !important;
}
.plan-index ul.nav_top li.active a {
  padding: 20px 10px 10px 10px;
  margin: 0 !important;
  background-color: #1799ee;
  height: 65px;
  font-size: 1.3rem;
  border-radius: 5px 5px 0 0;
}
.plan-index .br-normal {
  display: block;
}
@media screen and (max-width: 413px) {
  .plan-index ul.nav_top li a,
  .plan-index ul.nav_top li.active a {
    font-size: 1.2rem;
  }
  .plan-index .br-normal {
    display: none;
  }
}
.plan-index ul.plan-box {
  padding: 19px 0 4px;
  display: block;
}
.plan-index ul.plan-box.col1 {
  padding: 19px 0 0;
}
.plan-index ul.plan-box > li {
  display: block;
  border-radius: 5px;
  margin: 0 15px 15px;
  background-color: #fff;
}
.plan-index ul.plan-box > li.p1 {
  background-color: transparent;
}
.plan-index ul.plan-box > li .plan-box-head {
  border-radius: 5px 5px 0 0;
  padding: 10px;
}
.plan-index ul.plan-box > li .plan-box-head.small {
  border-radius: 5px;
}
.plan-index ul.plan-box > li.p1 .plan-box-head {
  background-color: #f2feff;
}
.plan-index ul.plan-box > li.p2 .plan-box-head {
  background-color: #f2fbff;
}
.plan-index ul.plan-box > li.p3 .plan-box-head {
  background-color: #fdfee3;
}
.plan-index ul.plan-box > li .price {
  width: 100%;
  height: 80px;
  background-color: transparent;
  background-position: top center;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.plan-index ul.plan-box > li.p1 .price {
  background-image: url(/vol1/info/images/img_plan_price01.svg);
  background-size: auto 80px;
}
.plan-index ul.plan-box > li.p2 .price {
  background-image: url(/vol1/info/images/img_plan_price02_2.svg);
  background-size: auto 80px;
}
.plan-index ul.plan-box > li.p3 .price {
  background-image: url(/vol1/info/images/img_plan_price03_2.svg);
  background-size: auto 80px;
}
.plan-index ul.plan-box > li .plan-box-head .lead {
  font-size: 1.3rem;
  font-weight: 600;
  text-align: center;
  padding-bottom: 5px;
}
.plan-index ul.plan-box > li a.btn-apply {
  background-color: #1799ee;
  font-size: 1.7rem;
  font-weight: 600;
  color: #fff;
  border-radius: 50px;
  padding: 14px;
  text-align: center;
  display: block;
  margin: 7px auto 0;
  width: 260px;
}
.plan-index ul.plan-box > li div.btn-apply {
  background-color: #999;
  font-size: 1.7rem;
  font-weight: 600;
  color: #fff;
  border-radius: 50px;
  padding: 14px;
  text-align: center;
  display: block;
  margin: 7px auto 0;
  width: 260px;
}
.plan-index ul.plan-box-catch {
  margin: 10px auto 0 auto;
  display: table;
}
.plan-index ul.plan-box-catch li {
  padding: 0 0 0 20px;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.5;
  background-color: transparent;
  background-position: 0 2px;
  background-repeat: no-repeat;
}
.plan-index .p1 ul.plan-box-catch li {
  background-image: url(/vol1/info/images/icon_check_01.svg);
  background-size: 12px auto;
}
.plan-index .p2 ul.plan-box-catch li {
  background-image: url(/vol1/info/images/icon_check_02.svg);
  background-size: 12px auto;
}
.plan-index .p3 ul.plan-box-catch li {
  background-image: url(/vol1/info/images/icon_check_03.svg);
  background-size: 12px auto;
}
.plan-index .plan-box-features {
  padding: 20px 22px 20px;
  border-radius: 0 0 5px 5px;
}
.plan-index .plan-box-detail {
  padding-top: 22px;
}
.plan-index #plan-box-detail.is-fixed {
  padding-top: 217px;
}
.plan-index #plan-box-detail.is-fixed-up {
  padding-top: 217px;
}
.plan-index ul.plan-box > li.p1 .plan-box-features {
  background-color: #d9f9ff;
}
.plan-index ul.plan-box > li.p2 .plan-box-features {
  background-color: #d9f2ff;
}
.plan-index ul.plan-box > li.p3 .plan-box-features {
  background-color: #edecbc;
}
.plan-index ul.plan-box .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  padding-bottom: 15px;
}
.plan-index ul.plan-box > li.p1 .ttl {
  color: #18b5e0;
}
.plan-index ul.plan-box > li.p2 .ttl {
  color: #1b94e2;
}
.plan-index ul.plan-box > li.p3 .ttl {
  color: #aa941e;
}
.plan-index .btn-accord {
  display: block;
  background: #77b7e9;
  font-size: 1.4rem;
  padding: 12px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background: #77b7e9 url(/vol1/info/images/icon_accord_bl.svg) 20px center
    no-repeat;
  background-size: 21px auto;
  border-radius: 0 0 5px 5px;
}
.plan-index .btn-accord.active {
  background: #77b7e9 url(/vol1/info/images/icon_accord_bl_active.svg) 20px
    center no-repeat;
  background-size: 21px auto;
  border-radius: 0;
}
.plan-index .plan-box-features ul.column {
}
.plan-index .plan-box-features ul.column li {
  width: 100%;
  display: block;
}
.plan-index .plan-box-features ul.column li .box-img {
  width: 250px;
  height: 135px;
  display: block;
  background-color: #d2cbcb;
  margin: 0 auto;
  background-repeat: no-repeat;
}
.plan-index .plan-box-features ul.column .lead {
  width: 250px;
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  padding: 3px;
  margin: 0 auto 10px;
}
.plan-index ul.plan-box > li.p1 .plan-box-features .lead {
  background-color: #5acfef;
}
.plan-index ul.plan-box > li.p2 .plan-box-features .lead {
  background-color: #64baf2;
}
.plan-index ul.plan-box > li.p3 .plan-box-features .lead {
  background-color: #c6bf69;
}
.plan-index .plan-box-features ul.column li .txt {
  font-size: 1.2rem;
  line-height: 1.6;
  padding-bottom: 10px;
}
.plan-index .plan-box-features ul.column li .box-img.img-1-1 {
  background-image: url(/vol1/info/images/img_plan_index_1_1.png);
  background-size: auto 135px;
}
.plan-index .plan-box-features ul.column li .box-img.img-1-2 {
  background-image: url(/vol1/info/images/img_plan_index_1_2.png);
  background-size: auto 135px;
}
.plan-index .plan-box-features ul.column li .box-img.img-2-1 {
  background-image: url(/vol1/info/images/img_plan_index_2_1.png);
  background-size: auto 135px;
}
.plan-index .plan-box-features ul.column li .box-img.img-2-2 {
  background-image: url(/vol1/info/images/img_plan_index_2_2.png);
  background-size: auto 135px;
}
.plan-index .plan-box-features ul.column li .box-img.img-3-1 {
  background-image: url(/vol1/info/images/img_plan_index_3_1.png);
  background-size: auto 135px;
}
.plan-index .plan-box-features ul.column li .box-img.img-3-2 {
  background-image: url(/vol1/info/images/img_plan_index_3_2.png);
  background-size: auto 135px;
}
#plan-box-btn {
  -webkit-transition: all 0.3s linear;
}
#plan-box-btn.is-fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 1 !important;
  width: 100% !important;
}
#plan-box-btn.is-fixed-up {
  position: fixed !important;
  top: 42px;
  left: 0;
  z-index: 1 !important;
  width: 100% !important;
}
.plan-index ul.plan-box-btn {
  width: 100%;
  display: table;
  border-collapse: separate;
  border-spacing: 15px 0;
  z-index: 99;
  position: relative;
  background-color: #afe0ff;
  background-image: url(/vol1/info/images/bg_stripe_bl_4.svg);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 9px 9px;
  padding-top: 15px;
}
.plan-index ul.plan-box-btn li {
  width: 50%;
  display: table-cell;
  border-radius: 5px;
  text-align: center;
  vertical-align: top;
}
.plan-index ul.plan-box-btn li .price {
  width: 140px;
  height: 70px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin: 5px auto 0;
}
.plan-index ul.plan-box-btn > li.p2 .price {
  background-image: url(/vol1/info/images/img_plan_price02_s.svg);
  background-size: auto 65px;
}
.plan-index ul.plan-box-btn > li.p3 .price {
  background-image: url(/vol1/info/images/img_plan_price03_s.svg);
  background-size: auto 65px;
}
.plan-index ul.plan-box-btn li.p2 {
  background-color: #f2fbff;
  border: 2px solid #1799ee;
}
.plan-index ul.plan-box-btn li.p3 {
  background-color: #fdfee3;
  border: 2px solid #aa941e;
}
.plan-index ul.plan-box-btn > li .btn-apply {
  background-color: #1799ee;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  border-radius: 50px;
  padding: 10px;
  text-align: center;
  display: block;
  margin: 7px;
}
@media screen and (max-width: 320px) {
  .plan-index ul.plan-box-btn li .price {
    width: 120px;
    height: 60px;
  }
  .plan-index ul.plan-box-btn > li .btn-apply {
    font-size: 1.2rem;
  }
  .plan-index ul.plan-box-btn > li.p2 .price {
    background-size: contain;
  }
  .plan-index ul.plan-box-btn > li.p3 .price {
    background-size: auto 52px;
    background-position: center 2px;
  }
}
.plan-index .plan-box-detail .detail-table {
  width: 100%;
  display: table;
  border-collapse: separate;
  border-spacing: 15px 0;
  padding-bottom: 25px;
}
.plan-index .p1 .plan-box-detail .detail-table {
  padding-bottom: 15px;
}
.plan-index .plan-box-detail .detail-table > li {
  width:50%;
  border-radius: 5px;
  background-color: #fff;
  display: table-cell;
}
.plan-index .detail-table .ttl {
  font-size: 1.2rem !important;
  font-weight: 600;
  color: #fff !important;
  border-radius: 5px 5px 0 0;
  padding: 4px !important;
  text-align: center;
}
.plan-index .detail-table .p1 .ttl {
  background-color: #18b5e0;
}
.plan-index .detail-table .p2 .ttl {
  background-color: #1799ee;
}
.plan-index .detail-table .p3 .ttl {
  background-color: #aa941e;
}
.plan-index .detail-table ul.detail {
  padding: 9px 12px;
}
.plan-index .detail-table .p1 ul.detail {
  letter-spacing: -0.4em;
}
.plan-index .plan-box-detail ul.detail > li {
  display: block;
  margin: 0 0 5px 0;
  padding: 5px 5px 5px 5px;
  border-radius: 0;
  text-align: center;
  background-color: #fff;
  color: #3c3c3c;
  border: 1px solid #b9daef;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
  vertical-align: top;
  min-height: 38px;
}
.plan-index .plan-box-detail .p1 > ul.detail > li {
  letter-spacing: 0;
  width: 49%;
  display: inline-block;
  margin: 0 0 5px 0;
}
.plan-index .plan-box-detail .p1 > ul.detail > li:nth-child(odd) {
  margin: 0 2% 5px 0;
}
@media screen and (max-width: 320px) {
  .plan-index .plan-box-detail .p1 > ul.detail > li:nth-child(1),
  .plan-index .plan-box-detail .p1 > ul.detail > li:nth-child(2) {
    min-height: 65px;
  }
  .plan-index .plan-box-detail .p1 > ul.detail > li:nth-child(3),
  .plan-index .plan-box-detail .p1 > ul.detail > li:nth-child(4) {
    min-height: 55px;
  }
}
.plan-index .plan-box-detail ul.detail > li p {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: top;
  line-height: 1.2;
  padding: 0;
  margin: 0;
}
.plan-index span.fontB {
  font-size: 2.4rem;
  line-height: 1;
  padding: 0 5px;
}
.plan-index span.fontM {
  font-size: 1.1rem;
}
.plan-index .p1 span.fontB {
  color: #18b5e0 !important;
}
.plan-index .p2 span.fontB {
  color: #1799ee !important;
}
.plan-index .p3 span.fontB {
  color: #aa941e !important;
}
.plan-index .plan-box-detail ul.detail2 {
  padding: 12px;
  min-height: 345px;
}
@media screen and (max-width: 320px) {
  .plan-index .plan-box-detail ul.detail2 {
    min-height: 370px;
  }
}
.plan-index .plan-box-detail .p1 ul.detail2 {
  min-height: auto !important;
}
.plan-index .plan-box-detail ul.detail2 > li {
  width: 100%;
  background-color: #eeeeee;
  border-radius: 2px;
  margin: 0 0 5px 0;
  min-height: 40px;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
  padding: 5px 5px 5px 40px;
  display: table;
  border-spacing: 0;
}
.plan-index .plan-box-detail ul.detail2 > li span {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  min-height: 40px;
}
.plan-index .plan-box-detail ul.note {
  padding: 0 12px 12px;
}
.plan-index .plan-box-detail ul.note li {
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 1.5;
  padding-bottom: 5px;
  color: #737373;
}
.plan-index .plan-box-detail .icon-wsj {
  background-color: transparent;
  background-image: url(/vol1/info/images/icon_wsj.svg);
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 30px auto;
}
.plan-index .plan-box-detail .icon-shogi {
  background-color: transparent;
  background-image: url(/vol1/info/images/icon_shogi.svg);
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 30px auto;
}
.plan-index .plan-box-detail .icon-igo {
  background-color: transparent;
  background-image: url(/vol1/info/images/icon_igo.svg);
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 30px auto;
}
.plan-index .plan-box-detail .icon-shimen {
  background-color: transparent;
  background-image: url(/vol1/info/images/icon_shimen.svg);
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 30px auto;
}
.plan-index .plan-box-detail .icon-shimen2 {
  background-color: transparent;
  background-image: url(/vol1/info/images/icon_shimen2.svg);
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 30px auto;
}
.plan-index .plan-box-detail .icon-kijidb {
  background-color: transparent;
  background-image: url(/vol1/info/images/icon_kijidb.svg);
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 30px auto;
}
.plan-index .plan-box-detail .icon-tokutoku {
  background-color: transparent;
  background-image: url(/vol1/info/images/icon_tokutoku.svg);
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 30px auto;
}
.plan-index .plan-chart-sub {
  border: 0px solid #1799ee;
  background-color: #e8f6ff;
}
.plan-index a.btn-abroad {
  font-size: 1.3rem;
  line-height: 1;
  font-weight: bold;
  color: #1799ee;
  position: relative;
  text-align: center;
  margin: 10px auto 10px;
  padding: 0 10px;
  display: block;
}
.plan-index a.btn-abroad:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 18px;
  background-image: url(/vol1/info/images/icon_arrow_bl_b.svg);
  background-size: 5px auto;
  background-position: 7px 9px;
  background-repeat: no-repeat;
}
.plan-index .btn-chart {
  border-radius: 5px;
  background-color: #1799ee;
  padding: 14px;
  margin: 0 15px 35px 15px;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  color: #fff;
  font-weight: 600;
  display: block;
}
.plan p.txt-red {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #ff0000;
  font-weight: 600;
  padding: 20px 15px;
  text-align: left;
}
.plan-index .plan-box-btn p.txt-red {
  font-size: 1.1rem;
  padding: 3px 10px;
}

/* 100en camp */
.plan-index ul.plan-box > .p2 .nvtitle-camp100 {
  width: 100%;
  height: 90px;
  background-color: transparent;
  background-position: top center;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-image: url(/vol1/info/images/img-plan-index-nvtitle02-camp100.svg);
  background-size: auto 80px;
}
.plan-index a.btn-camp100 {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  color: #f44415;
  position: relative;
  display: block;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}
.plan-index a.btn-camp100:after {
  display: inline-block;
  margin: 0 0 0 7px;
  content: "";
  width: 7px;
  height: 18px;
  background-image: url(/vol1/info/images/icon_arrow_red2.svg);
  background-size: 7px auto;
  background-position: 0 5px;
  background-repeat: no-repeat;
  vertical-align: top;
}
.plan-index ul.plan-box > li .plan-box-head .lead {
  padding-bottom: 5px !important;
}
.plan-index ul.plan-box-catch {
  padding-top: 0 !important;
}
.plan-index ul.plan-box-btn > li.p2 .nvtitle-camp100 {
  width: 150px;
  height: 70px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin: 5px auto 0;
  background-image: url(/vol1/info/images/img-plan-index-nvtitle02-s-camp100.svg);
  background-size: auto 65px;
}
@media screen and (max-width: 320px) {
  .plan-index ul.plan-box-btn > li.p2 .nvtitle-camp100 {
    background-size: contain;
    width: 120px;
    height: 60px;
  }
}
.plan ul.nav_plan1 li p.price_02_camp100,
.subscribe ul.nav_plan1 li p.price_02_camp100 {
  display: block;
  height: 50px;
  background-image: url(/vol1/info/images/txt_subscribe_price_02_camp100.svg);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-size: auto 50px;
  background-position: center top;
  background-repeat: no-repeat;
}
.plan-index ul.plan-box > li .btn-camp100-standard {
  background-color: #fff;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 600;
  color: #f44415;
  border-radius: 50px;
  padding: 6px 15px;
  text-align: center;
  display: block;
  margin: 7px auto 15px;
  width: 90%;
  min-width: 260px;
  max-width: 360px;
  border: 2px solid #f44415;
}
.plan-index ul.plan-box > li .btn-camp100-standard > span {
  font-size: 1.7rem;
  display: inline;
}
.plan-index .txt-end {
  border: 1px solid #3c3c3c;
  border-radius: 5px;
  padding: 6px 6px 6px 20px;
  margin: 0 0 20px 0;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  display: block;
  color: #3c3c3c;
}
.plan-index .txt-end:before {
  content: "※";
  position: absolute;
  top: 4px;
  left: 6px;
  font-size: 1.4rem;
  line-height: 1.5;
}
.br-camp100 {
  display: none;
}
@media screen and (max-width: 410px) {
  .br-camp100 {
    display: block;
  }
}
.plan .btn-apply-camp100 {
  background-color: #1799ee;
  font-size: 1.7rem;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
  border-radius: 50px;
  padding: 7px 7px 6px 7px;
  text-align: center;
  display: block;
  margin: 7px auto 0;
  width: 260px;
}
/* 100yen camp */

.plan .wrapper-wh {
  background-color: #fff;
  text-align: center;
  padding: 19px 28px 11px;
  text-align: center;
}
.plan .wrapper-wh .container {
  padding: 0 !important;
}
.plan .wrapper-wh .btn-takuhai,
.plan-index .btn-takuhai {
  padding: 10px 0;
  background-color: #941e57;
  border-radius: 10px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
  display: block;

  margin: 0 15px 20px;
}
.plan .wrapper-wh .btn-takuhai {
  margin: 0 auto 20px;
}
.plan .wrapper-wh .btn-digital {
  padding: 10px 0;
  background-color: #1799ee;
  border-radius: 10px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
  display: block;
  margin: 0 auto 20px;
}
.plan .wrapper-wh .btn-ba {
  border: 1px solid #737373;
  padding: 6px 5px 5px;
  line-height: 1.3;
  text-align: center;
  background-color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  display: block;
  color: #3c3c3c;
  margin: 0 auto 20px;
}
.plan .wrapper-wh .btn-ba span {
  display: block;
  vertical-align: top;
  display: inline-block;
}
.plan .wrapper-wh .btn-ba > i {
  display: inline-block;
  width: 20px;
  height: 25px;
  background-color: transparent;
  background-image: url(/vol1/info/images/icon_arrow_gr.svg);
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 11px auto;
  vertical-align: top;
}
.plan .wrapper-wh .btn-link {
  text-align: center;
  background-color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  display: block;
  color: #3c3c3c;
  margin: 0 auto 8px;
}
.plan .wrapper-wh .btn-link:after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 18px;
  background-color: transparent;
  background-image: url(/vol1/info/images/icon_arrow_gr.svg);
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 6px auto;
  vertical-align: top;
}
.plan .wrapper-wh .btn-link:hover {
  opacity: 0.7;
}
.article-body-sub {
  background-color: #f4f4f4;
  text-align: center;
}
.article-body-sub .container {
  padding: 18px 0 23px !important;
  text-align: center;
}
.article-body-sub h4.title {
  color: #1a93df;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.5 !important;
  padding: 0 0 10px 0;
}
.article-body-sub p.subtitle {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.4;
  padding: 0 15px;
}
.article-body-sub p.lead {
  color: #1799ee;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 5px;
  line-height: 1.2;
  display: block;
  border-bottom: 1px solid #1799ee;
  margin-bottom: 5px !important;
}
.article-body-sub p.txt {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.4;
  text-align: center;
}
.article-body-sub ul.list-type-C {
  text-align: center;
  margin: 20px auto 15px;
}
.article-body-sub ul.list-type-C li {
  width: 100%;
  padding: 0 34px 10px 34px;
}
.article-body-sub a.btn-account {
  display: block;
  width: 260px;
  border-radius: 100px;
  background-color: #1799ee;
  color: #ffffff;
  font-size: 1.7rem;
  font-weight: bold;
  padding: 15px 0;
  text-align: center;
  margin: 0 auto;
}
.plan-chart .article-body-sub a.btn-account,
.subscribe .article-body-sub a.btn-account {
  margin-top: 20px;
}
.plan a.btn-tolp {
  background-color: #fff;
  padding: 7px;
  text-align: center;
  margin: 0 28px 20px 28px;
  display: block;
}
.plan a.btn-tolp:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
.plan a.btn-tolp span {
  color: #3c3c3c;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 600;
  vertical-align: top;
  display: inline-block;
}
.plan a.btn-tolp span:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 27px;
  right: auto;
  width: 20px;
  height: 25px;
  background-color: transparent;
  background-position: 6px 0;
  background-repeat: no-repeat;
  background-size: 11px auto;
  background-image: url(/vol1/info/images/icon_arrow_bk_sp.svg);
  vertical-align: top;
}
.plan .newspaper a.btn-tolp {
  background-color: #fff;
  padding: 7px;
  text-align: left;
  margin: 20px 0 0 0;
  padding: 10px 0 10px 20px;
  display: block;
}
.plan .newspaper a.btn-tolp span {
  color: #3c3c3c;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 600;
  vertical-align: top;
  display: block;
  position: relative;
}
.plan .newspaper a.btn-tolp span:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 20px;
  width: 20px;
  height: 25px;
  background-color: transparent;
  background-position: 6px 0;
  background-repeat: no-repeat;
  background-size: 11px auto;
  background-image: url(/vol1/info/images/icon_arrow_bk_sp.svg);
  vertical-align: top;
}
.plan .newspaper .btn-chart {
  border-radius: 5px;
  background-color: #1799ee;
  padding: 14px;
  margin: 10px 0 35px 0;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  color: #fff;
  font-weight: 600;
  display: block;
}
.plan .newspaper .btn-bottom {
  display: none;
}

/* plan-chart */
/* subscribe-index */
.plan-chart .tabContents {
  margin: 0 0 0 0;
}
.plan-chart .article-body .container,
.subscribe .article-body .container {
  padding: 0;
}
.plan-chart .wrapper-bl {
  margin: 0;
  background-color: #afe0ff;
}
.subscribe .wrapper-bl {
  margin: 0;
  padding: 0;
  background-color: #afe0ff;
}
.plan-chart .wrapper-red {
  margin: 0;
  padding: 20px 15px;
  background-color: #ead1dd;
}
.plan-chart .wrapper-red .red-caution {
  text-align: center;
}
.plan-chart .wrapper-red .red-caution a {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  display: inline;
}
.plan-chart .wrapper-red .red-caution a > span {
  border-bottom: 2px solid #941e57;
  color: #3c3c3c;
}
.plan-chart ul.nav_top {
  display: table;
  width: 100%;
  padding: 0 5px;
  border-collapse: separate;
  border-spacing: 5px 0;
  background-color: transparent;
  background-image: url(/vol1/info/images/bg_stripe_gr_2.svg);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: 9px 9px;
}
.plan-chart ul.nav_top li {
  display: table-cell;
  vertical-align: top;
  width: 50%;
}
.plan-chart ul.nav_top li a {
  width: 100%;
  height: 65px;
  display: block;
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
  padding: 38px 10px 10px 10px;
  background-color: #bcbcbc;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 5px 5px 0 0;
  text-align: center;
  line-height: 1.3;
  -webkit-transition: background-color 0.3s linear;
  margin: 10px 0 0 0 !important;
  background-position: center 7px;
  background-repeat: no-repeat;
}
.plan-chart ul.nav_top li.nav_top_01 a {
  background-size: auto 30px;
  background-image: url(/vol1/info/images/icon_digital.svg);
}
.plan-chart ul.nav_top li.nav_top_02 a {
  background-size: auto 30px;
  background-image: url(/vol1/info/images/icon_takuhai.svg);
}
.plan-chart ul.nav_top li.active a {
  padding: 48px 10px 10px 10px;
  margin: 0 !important;
  background-color: #1799ee;
  height: 75px;
  font-size: 1.3rem;
  border-radius: 5px 5px 0 0;
  background-position: center 17px;
}
.plan-chart ul.nav_top li.active a {
  padding: 48px 10px 10px 10px;
  margin: 0 !important;
  background-color: #1799ee;
  height: 75px;
  font-size: 1.3rem;
  border-radius: 5px 5px 0 0;
  background-position: center 17px;
}
.plan-chart ul.nav_top li.active.nav_top_02 a {
  background-color: #941e57;
}
.plan-chart .br-normal {
  display: block;
}
@media screen and (max-width: 413px) {
  .plan-chart ul.nav_top li a,
  .plan-chart ul.nav_top li.active a {
    font-size: 1.2rem;
  }
  .plan-chart .br-normal {
    display: none;
  }
}
.plan-chart .nav_wrap1,
.subscribe .nav_wrap1 {
  width: 100%;
  background-color: #c3f1ff;
  display: block;
  padding: 25px 15px;
}
.plan-chart .nav_wrap1 > .ttl,
.subscribe .nav_wrap1 > .ttl {
  width: 100%;
  font-size: 1.6rem;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  padding-bottom: 15px;
}
.plan-chart .nav_wrap2_3 > .ttl,
.subscribe .nav_wrap2_3 > .ttl {
  width: 100%;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  padding-bottom: 15px;
}
.plan-chart .ttl:before,
.plan-chart .ttl:after,
.subscribe .ttl:before,
.subscribe .ttl:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #444;
  display: block;
}
.plan-chart .ttl:before,
.subscribe .ttl:before {
  margin-right: 1em;
}
.plan-chart .ttl:after,
.subscribe .ttl:after {
  margin-left: 1em;
}
.plan-chart .nav_wrap2_3,
.subscribe .nav_wrap2_3 {
  width: 100%;
  background-color: #95d5ff;
  display: block;
  padding: 25px 15px;
}
.plan ul.nav_plan1,
.subscribe ul.nav_plan1 {
  display: block;
}
.plan ul.nav_plan1 li,
.subscribe ul.nav_plan1 li {
  border-radius: 5px;
  letter-spacing: 0;
  background-color: #fff;
  vertical-align: top;
  padding: 0;
  position: relative;
}
.plan ul.nav_plan1 li.p1,
.subscribe ul.nav_plan1 li.p1 {
  border: 2px solid #18b5e0;
}
.plan ul.nav_plan1 li.p2,
.subscribe ul.nav_plan1 li.p2 {
  border: 2px solid #1b94e2;
  margin: 0 0 20px 0;
}
.plan ul.nav_plan1 li.p3,
.subscribe ul.nav_plan1 li.p3 {
  border: 2px solid #c6bf69;
  margin: 0;
}
.plan ul.nav_plan2 {
  display: block;
}
.plan ul.nav_plan2 li {
  border-radius: 5px;
  border: 2px solid #941e57;
  margin: 0 0 20px 0;
  letter-spacing: 0;
  background-color: #fff;
  vertical-align: top;
  padding: 0;
}
.plan .icon-osusume,
.subscribe .icon-osusume {
  width: 123px;
  height: 85px;
  display: block;
  background-image: url(/vol1/info/images/icon_osusume_sp.svg);
  background-color: transparent;
  background-size: 123px auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 2;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.plan .tabContents p.nvtitle,
.subscribe p.nvtitle {
  border-radius: 3px 3px 0 0;
  height: 35px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  padding: 3px 0 0 0;
}
.plan .tabContents ul.nav_plan1 li.p1 p.nvtitle,
.subscribe ul.nav_plan1 li.p1 p.nvtitle {
  background-color: #18b5e0;
}
.plan .tabContents ul.nav_plan1 li.p2 p.nvtitle,
.subscribe ul.nav_plan1 li.p2 p.nvtitle {
  background-color: #1b94e2;
}
.plan .tabContents ul.nav_plan1 li.p3 p.nvtitle,
.subscribe ul.nav_plan1 li.p3 p.nvtitle {
  background-color: #c6bf69;
}
.plan .tabContents ul.nav_plan2 p.nvtitle {
  background-color: #941e57;
}
.plan .tabContents p.lead,
.subscribe p.lead {
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 5px 0;
  line-height: 1.5;
}
.plan ul.nav_plan1 li p.price,
.subscribe ul.nav_plan1 li p.price {
  display: block;
  height: 65px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-position: center top;
  background-repeat: no-repeat;
}
.plan ul.nav_plan1 li.p1 p.price,
.subscribe ul.nav_plan1 li.p1 p.price {
  background-image: url(/vol1/info/images/img_sub_price01.svg);
  background-size: auto 50px;
}
.plan ul.nav_plan1 li.p2 p.price,
.subscribe ul.nav_plan1 li.p2 p.price {
  background-image: url(/vol1/info/images/img_sub_price02_2.svg);
  background-size: auto 62px;
}
.plan ul.nav_plan1 li.p3 p.price,
.subscribe ul.nav_plan1 li.p3 p.price {
  background-image: url(/vol1/info/images/img_sub_price03_2.svg);
  background-size: auto 62px;
}
.plan ul.nav_plan2 li p.price_01 {
  display: block;
  height: 53px;
  background-image: url(/vol1/info/images/txt_nav_plan2_01.svg);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-size: auto 38px;
  background-position: center 10px;
  background-repeat: no-repeat;
}
.plan ul.nav_plan2 li p.price_02 {
  display: block;
  height: 43px;
  background-image: url(/vol1/info/images/txt_nav_plan2_02.svg);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-size: auto 38px;
  background-position: center top;
  background-repeat: no-repeat;
}
.plan ul.nav_plan2 li p.note {
  color: #941e57;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 10px 0 5px;
  line-height: 1;
}
.plan .tabContents li .btn-apply,
.subscribe li .btn-apply {
  display: block;
  color: #fff;
  border-radius: 30px;
  font-size: 1.7rem;
  font-weight: bold;
  padding: 0;
  margin: 10px 25px;
  text-align: center;
  position: relative;
  padding: 10px 0;
}
.plan .tabContents li div.btn-apply,
.subscribe li div.btn-apply {
  display: block;
  color: #fff;
  border-radius: 30px;
  font-size: 1.7rem;
  font-weight: bold;
  padding: 0;
  margin: 10px 25px;
  text-align: center;
  position: relative;
  padding: 10px 0;
  background-color: #999;
}
.plan .tabContents .btn-apply span,
.subscribe .btn-apply span {
  display: inline-block;
  vertical-align: top;
}
.plan .tabContents a.btn-apply span:after,
.subscribe a.btn-apply span:after {
  display: inline-block;
  margin: 0 0 0 10px;
  content: "";
  width: 10px;
  height: 20px;
  background-image: url(/vol1/info/images/icon_arrow_wh.svg);
  background-size: 10px auto;
  background-position: 0 bottom;
  background-repeat: no-repeat;
  vertical-align: top;
}
.plan .tabContents ul.nav_plan1 a.btn-apply,
.subscribe ul.nav_plan1 a.btn-apply {
  background-color: #1799ee;
}
.plan ul.nav_plan1 li a.btn-abroad,
.subscribe ul.nav_plan1 li a.btn-abroad {
  font-size: 1.3rem;
  font-weight: bold;
  color: #1799ee;
  position: relative;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.plan ul.nav_plan1 li a.btn-abroad:after,
.subscribe ul.nav_plan1 li a.btn-abroad:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 18px;
  background-image: url(/vol1/info/images/icon_arrow_bl_b.svg);
  background-size: 5px auto;
  background-position: 7px 9px;
  background-repeat: no-repeat;
}
.plan .tabContents ul.nav_plan2 a.btn-apply {
  background-color: #941e57;
}
.plan .tabContents a.btn-accord,
.subscribe a.btn-accord {
  display: block;
  padding: 12px 0;
  margin: 10px 0 0 0;
  text-align: center;
  border-radius: 0 0 2px 2px;
}
.plan .tabContents a.btn-accord.active,
.subscribe a.btn-accord.active {
  border-radius: 0 0 2px 2px;
}
.plan .tabContents a.btn-accord span,
.subscribe a.btn-accord span {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.2;
  padding: 3px 0 3px 26px;
  font-weight: bold;
}
.plan .tabContents ul.nav_plan1 a.btn-accord,
.subscribe ul.nav_plan1 a.btn-accord {
  background-color: #e1ecf5;
}
.plan .tabContents ul.nav_plan1 a.btn-accord span,
.subscribe ul.nav_plan1 a.btn-accord span {
  background: transparent url(/vol1/info/images/icon_accord_bl.svg) 0 0
    no-repeat;
  background-size: 21px auto;
}
.plan .tabContents ul.nav_plan1 a.btn-accord.active span,
.subscribe ul.nav_plan1 a.btn-accord.active span {
  background: transparent url(/vol1/info/images/icon_accord_bl_active.svg) 0 0
    no-repeat;
  background-size: 21px auto;
}
.plan .tabContents ul.nav_plan2 a.btn-accord {
  background-color: #f0e8ec;
}
.plan .tabContents ul.nav_plan2 a.btn-accord span {
  background: transparent url(/vol1/info/images/icon_accord_red.svg) 0 0
    no-repeat;
  background-size: 21px auto;
}
.plan .tabContents ul.nav_plan2 a.btn-accord.active span {
  background: transparent url(/vol1/info/images/icon_accord_red_active.svg) 0 0
    no-repeat;
  background-size: 21px auto;
}
.plan .tabContents ul.detail,
.subscribe ul.detail {
  margin: 10px 25px 5px;
  letter-spacing: -0.4em;
}
.plan .tabContents ul.detail li,
.subscribe ul.detail li {
  display: inline-block;
  width: 49%;
  margin: 0 2% 2% 0;
  padding: 4px 0;
  letter-spacing: 0;
  border-radius: 0;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: bold;
  height: 40px;
  color: #3c3c3c;
}
.plan .tabContents ul.nav_plan1 ul.detail li,
.subscribe ul.nav_plan1 ul.detail li {
  border: 1px solid #b9daef;
}
.plan .tabContents ul.nav_plan2 ul.detail li {
  border: 1px solid #d6b8c6;
}
.plan .tabContents ul.detail li:nth-child(even),
.subscribe ul.detail li:nth-child(even) {
  margin: 0;
}
.plan .tabContents ul.nav_plan1 ul.detail li:nth-child(3),
.subscribe ul.nav_plan1 ul.detail li:nth-child(3),
.plan .tabContents ul.nav_plan2 ul.detail li:nth-child(3) {
  padding: 13px 0 0 0;
}
.plan .tabContents ul.nav_plan2 ul.detail li:nth-child(5) {
  width: 100%;
  margin: 0 0 2% 0;
  padding: 13px 0 0 0;
}
.plan .tabContents ul.detail li p,
.subscribe ul.detail li p {
  display: inline-block;
  vertical-align: top;
  line-height: 1.2;
  padding: 0 5px;
  margin: 0;
}
.plan .tabContents span.fontB,
.subscribe span.fontB {
  font-size: 2.6rem;
}
.plan .tabContents span.color-bl,
.subscribe span.color-bl {
  color: #1799ee !important;
}
.plan .tabContents span.color-red,
.subscribe span.color-red {
  color: #941e57 !important;
}
.plan .tabContents .contents-accord,
.subscribe .contents-accord {
  padding: 0 0 0 0;
}
.plan .tabContents .contents-accord .detail2 span,
.subscribe .contents-accord .detail2 span {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-size: 1.1rem;
  padding: 5px 15px;
  color: #3c3c3c;
}
.plan .tabContents .contents-accord .detail2 li span.exp,
.subscribe .contents-accord .detail2 li span.exp {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  border-left: 1px solid #3c3c3c;
  color: #3c3c3c;
}
.plan .tabContents .contents-accord .detail2,
.subscribe .contents-accord .detail2 {
}
.plan .tabContents .contents-accord .detail2 li,
.subscribe .contents-accord .detail2 li {
  margin: 0;
  padding: 10px 0;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 0;
  border: 0px solid #fff;
}
.plan .tabContents ul.nav_plan1 .contents-accord .detail2 li,
.subscribe ul.nav_plan1 .contents-accord .detail2 li {
  color: #1799ee;
}
.plan .tabContents ul.nav_plan2 .contents-accord .detail2 li {
  color: #941e57;
}
.plan .tabContents ul.nav_plan1 .contents-accord .detail2 li:nth-child(even),
.subscribe ul.nav_plan1 .contents-accord .detail2 li:nth-child(even) {
  background-color: #e3f3ff;
}
.plan .tabContents ul.nav_plan1 .contents-accord .detail2 li:last-child,
.subscribe ul.nav_plan1 .contents-accord .detail2 li:nth-child(even) {
  border-radius: 0 0 2px 2px;
}
.plan .tabContents ul.nav_plan2 .contents-accord .detail2 li:nth-child(even) {
  background-color: #fbf3f9;
}
.plan .tabContents ul.nav_plan2 .contents-accord .detail2 li:last-child {
  border-radius: 0 0 2px 2px;
}
.plan li #contents-accord,
.subscribe li #contents-accord {
  display: none;
}
.plan .tabContents .disp-xs .subscribe .disp-xs {
  display: none;
}
.plan-chart-sub {
  border-top: 1px solid #1799ee;
  border-bottom: 1px solid #1799ee;
  text-align: center;
  margin: 0 15px;
  padding: 10px 0 5px;
}
.plan-chart-sub h4.title {
  color: #0078c6;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.5;
  padding: 0 3px 4px 3px;
  text-align: center;
}
.plan-chart-sub .title-note {
  color: #003e82;
  font-size: 1.2rem;
}
.plan-chart-sub p.txt {
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  margin: 0 0 7px;
}
.plan-chart-sub p.note {
  font-size: 1.1rem;
  font-weight: 600;
}
.note-accord {
  padding: 10px 20px;
  font-size: 1.1rem;
  line-height: 1.5;
  font-weight: 500;
  display: block;
}
.plan-chart .txt-end,
.subscribe .txt-end {
  padding: 8px 0 0 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  display: block;
  position: relative;
  color: #3c3c3c;
}
.plan-chart .txt-end:before,
.subscribe .txt-end:before {
  content: "※";
  position: absolute;
  top: 6px;
  left: 0;
  font-size: 1.4rem;
  line-height: 1.5;
}
.plan-chart-sub .box-image {
  display: block;
  width: 100%;
  height: 110px;
  background-image: url(/vol1/info/images/img_sp_plan_1month.png);
  background-size: 300px auto;
  background-position: center 0;
  background-repeat: no-repeat;
  margin-top: 5px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (max-width: 374px) {
  .plan .tabContents .icon-osusume + p.nvtitle,
  .subscribe .icon-osusume + p.nvtitle {
    padding: 3px 0 0 60px;
  }
  .plan .tabContents ul.detail li,
  .subscribe ul.detail li {
    width: 100% !important;
    margin: 0 0 2% 0;
  }
  .plan .tabContents ul.detail li:nth-child(even),
  .subscribe ul.detail li:nth-child(even) {
    margin: 0 0 2% 0 !important;
  }
  .plan .tabContents .disp-xs,
  .subscribe .disp-xs {
    display: block;
  }
  .plan-chart-sub .box-image {
    height: 105px;
    background-size: 280px auto;
  }
}

.plan #tabContents #plan2 {
  display: none;
}

.subscribe .article-header {
  margin: 42px 0 0 0;
  background-color: #e6f7ff;
}
.subscribe .article-header .container {
  text-align: center;
  padding: 25px 15px 25px;
}
.subscribe .article-header .title {
  font-size: 2.2rem;
  line-height: 1.25;
  font-weight: bold;
  color: #0078c6;
}
.subscribe .article-header .subtitle {
  font-size: 1.3rem;
  padding: 10px 0 0 0;
  font-weight: bold;
  color: #0078c6;
}
.subscribe ul.nav_plan_sub {
  margin: 20px auto 0;
  text-align: center;
}
.subscribe ul.nav_plan_sub li {
  vertical-align: top;
  font-size: 1rem;
  text-align: center;
}
.subscribe ul.nav_plan_sub li a {
  border-radius: 30px;
  border: 2px solid #941e57;
  display: block;
  padding: 4px;
  color: #941e57;
  background-color: #fff;
  margin: 10px 25px;
}
.subscribe ul.nav_plan_sub li a span {
  font-size: 1.3rem;
  text-align: center;
  font-weight: 600;
  vertical-align: middle;
  display: block;
}
.subscribe ul.nav_plan_sub li a span:after {
  display: inline-block;
  content: "";
  width: 14px;
  height: 16px;
  background-image: url(/vol1/info/images/icon_arrow_red.png);
  background-image: none, url(/vol1/info/images/icon_arrow_red.svg);
  background-size: 6px auto;
  background-position: 8px 4px;
  background-repeat: no-repeat;
  vertical-align: top;
}
/*
.subscribe ul.nav_plan_sub li:first-child a {
    border: 2px solid #1799EE;
    color:#1799EE;
    margin:5px 25px;
}
.subscribe ul.nav_plan_sub li:first-child a span:after {
    background-image: url(/vol1/info/images/icon_arrow_bl.png);
    background-image: none,url(/vol1/info/images/icon_arrow_bl.svg);
}*/
.subscribe p.txt-red {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #ff0000;
  font-weight: 600;
  padding: 20px 15px;
}

/* plan magazine */
.plan-magazine {
}
.bnt-type-apply-pm {
  width: 64px;
  height: 64px;
  border-radius: 64px;
  border: 2px solid #fff;
  display: block;
  background-color: #ffdc27;
  background-image: url(/vol1/info/images/txt_btn_apply_lp.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 48px auto;
  position: absolute;
  top: 6px;
  right: 18px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 101;
}
.plan .plan-magazine .article-header {
  margin: 42px 0 0 0;
  background-color: #e7f7ff;
  background-image: url(/vol1/info/images/bg_stripe_bl_3.svg);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 9px 9px;
}
.plan .plan-magazine .article-header .container {
  text-align: center;
  padding: 35px 15px 10px;
}
.plan-magazine .article-header .title {
  font-size: 2rem;
  line-height: 1.25;
  font-weight: bold;
  color: #0078c6;
}
.plan-magazine .article-header .subtitle {
  font-size: 1.3rem;
  padding: 6px 0;
  font-weight: bold;
  color: #0078c6;
}
.plan-magazine .article-header p.txt {
  font-size: 1.2rem;
  line-height: 1.25;
  font-weight: normal !important;
  color: #3c3c3c;
}
.plan-magazine .article-header .box-image {
  margin: 15px 0 0 0;
  height: 120px;
  background-color: transparent;
  background-image: url(/vol1/info/images/bg_magazine_01.png);
  background-image: none, url(/vol1/info/images/bg_magazine_01@2x_2.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 261px auto;
}
.plan .plan-magazine .article-body {
  background-image: none;
  background-color: #fff;
}
.plan .plan-magazine .article-body .container {
  padding: 30px 15px 15px 15px !important;
}
.plan-magazine .article-body .title {
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
  color: #0078c6;
}
.plan-magazine ul.list-magazine {
  margin: 25px 0;
}
.plan-magazine li.ex-magazine-01,
.plan-magazine li.ex-magazine-02,
.plan-magazine li.ex-magazine-03,
.plan-magazine .ex-magazine-04,
.plan-magazine .ex-magazine-05,
.plan-magazine li.ex-magazine-06 {
  background-color: #ddeef7;
  border-radius: 5px;
  border: 2px solid #0078c6;
  margin: 0 0 20px 0;
  padding: 20px;
}

.plan-magazine ul.list-magazine > li .inner {
}
.plan-magazine ul.list-magazine > li .inner2 {
}
.plan-magazine ul.list-magazine > li .title {
  font-size: 2rem;
  font-weight: bold;
  color: #0078c6;
  margin: 0;
}
.plan-magazine ul.list-magazine li ul.sub {
  margin: 10px 0;
}
.plan-magazine ul.list-magazine li ul.sub li {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  color: #0078c6;
  padding: 0 0 0 19px;
  background-color: transparent;
  background-image: url(/vol1/info/images/icon_check_magazine.svg);
  background-repeat: no-repeat;
  background-position: 0 2px;
  background-size: 13px auto;
  margin: 0 auto;
}
.plan-magazine ul.list-magazine > li p.txt {
  font-size: 1.2rem;
  margin: 0;
  font-weight: normal !important;
}
.plan-magazine ul.list-magazine > li p.txt.ht {
}
.plan-magazine ul.list-magazine > li p.txt span {
  display: block;
  font-size: 1.1rem;
  padding: 8px 0 0 0;
}
.plan-magazine li.ex-magazine-01 .title::before {
  content: "";
  display: block;
  width: 100%;
  height: 160px;
  background-color: transparent;
  background-image: url(/vol1/info/images/bg_sp_magazine_01.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 210px auto;
  margin: 0 0 15px 0;
}
.plan-magazine li.ex-magazine-02 .title::before {
  content: "";
  display: block;
  width: 100%;
  height: 160px;
  background-color: transparent;
  background-image: url(/vol1/info/images/bg_sp_magazine_02.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 210px auto;
  margin: 0 0 15px 0;
}
.plan-magazine li.ex-magazine-03 .title::before {
  content: "";
  display: block;
  width: 100%;
  height: 160px;
  background-color: transparent;
  background-image: url(/vol1/info/images/bg_sp_magazine_03.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 210px auto;
  margin: 0 0 15px 0;
}
.plan-magazine .ex-magazine-04 .title::before {
  content: "";
  display: block;
  width: 100%;
  height: 160px;
  background-color: transparent;
  background-image: url(/vol1/info/images/bg_sp_magazine_04.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 210px auto;
  margin: 0 0 15px 0;
}
.plan-magazine .ex-magazine-05 .title::before {
  content: "";
  display: block;
  width: 100%;
  height: 160px;
  background-color: transparent;
  background-image: url(/vol1/info/images/bg_sp_magazine_05.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 210px auto;
  margin: 0 0 15px 0;
}
.plan-magazine li.ex-magazine-06 .title::before {
  content: "";
  display: block;
  width: 100%;
  height: 160px;
  background-color: transparent;
  background-image: url(/vol1/info/images/bg_sp_magazine_06.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 210px auto;
  margin: 0 0 15px 0;
}
.plan-magazine ul.list-magazine > li .price_01 {
  font-size: 1.6rem;
  font-weight: bold;
  color: #0078c6;
  padding: 15px 0;
  text-align: center;
}
.plan-magazine ul.list-magazine > li .price_02 {
  height: 32px;
  margin: 15px 0;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  background-image: url(/vol1/info/images/txt_magazine_price1610.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 30px;
}
.plan-magazine ul.list-magazine > li .price_03 {
  height: 32px;
  margin: 15px 0;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  background-image: url(/vol1/info/images/txt_magazine_03.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 30px;
}
.plan-magazine ul.list-magazine > li .price_04 {
  height: 32px;
  margin: 15px 0;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  background-image: url(/vol1/info/images/txt_magazine_price1017.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 30px;
}
.plan-magazine ul.list-magazine > li .price_05 {
  height: 32px;
  margin: 15px 0;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  background-image: url(/vol1/info/images/txt_magazine_price306.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 30px;
}
.plan-magazine ul.list-magazine > li .price_06 {
  height: 32px;
  margin: 15px 0;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  background-image: url(/vol1/info/images/txt_magazine_price255.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 30px;
}
.plan-magazine ul.list-magazine > li a.btn-detail {
  display: block;
  background-color: #1799ee;
  color: #fff;
  border-radius: 5px;
  font-size: 1.7rem;
  font-weight: bold;
  padding: 15px 0;
  text-align: center;
  position: relative;
}
.plan-magazine a.btn-abroad {
  font-size: 1.2rem;
  font-weight: bold;
  color: #1799ee;
  display: block;
  text-align: center;
  margin: 10px auto 0;
}
.plan-magazine a.btn-abroad:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 18px;
  background-image: url(/vol1/info/images/icon_arrow_bl_b.svg);
  background-size: 5px auto;
  background-position: 7px 9px;
  background-repeat: no-repeat;
}
.plan-magazine a.btn-howto {
  display: none;
}
.plan-magazine a.btn-wh {
  border-radius: 5px;
  border: 2px solid #1799ee;
  padding: 18px 0;
  margin: 15px 15px 0 15px;
  background: #fff;
  text-align: center;
  display: block;
  font-size: 1.7rem;
  color: #1799ee;
  font-weight: bold;
}

/* guidance-index */
.guidance .article-body {
}
/*.guidance .grid-mix {
    letter-spacing: -.4em;
}*/
.guidance .grid-mix li {
  background-repeat: no-repeat;
  margin-bottom: 10px;
  vertical-align: top;
  /*letter-spacing: normal;*/
}
.guidance .grid-mix li:after {
  content: " ";
  clear: both;
  display: block;
}
.guidance .grid-mix h5,
.guidance .grid-column2 h5,
.guidance .grid-column3 h5 {
  font-size: 1.8rem;
  margin: 0;
  line-height: 1.2;
  padding: 19px 15px 15px 15px;
}
.guidance .grid-mix p,
.guidance .grid-column2 p,
.guidance .grid-column3 p {
  font-size: 1.3rem;
  line-height: 1.2;
  /*padding: 0 15px 19px 15px;*/
}
.guidance .column-pattern01,
.guidance .column-pattern02,
.guidance .column-pattern03,
.guidance .column-pattern04,
.guidance .column-pattern05,
.guidance .column-pattern06 {
  width: 100%;
}
.guidance .column-pattern01::before,
.guidance .column-pattern02::before,
.guidance .column-pattern03::before,
.guidance .column-pattern04::before,
.guidance .column-pattern05::before {
  display: block;
  content: " ";
}
.guidance .column-pattern01 h5,
.guidance .column-pattern02 h5,
.guidance .column-pattern03 h5,
.guidance .column-pattern04 h5,
.guidance .column-pattern05 h5 {
  text-align: center;
}
.guidance .column-pattern01,
.guidance .column-pattern02,
.guidance .column-pattern04,
.guidance .column-pattern06 {
  padding-bottom: 15px;
}
.guidance .column-pattern01 .btn-detail,
.guidance .column-pattern02 .btn-detail,
.guidance .column-pattern04 .btn-detail {
  margin: 0 auto;
}

.guidance .column-pattern04 {
  background-color: #686e6e;
}
.guidance .column-pattern07 {
    width: 100%;
    padding: 5px 15px 10px;
    margin-bottom: 0;
}
.guidance .column-pattern07-hdg {
    font-weight: bold;
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 10px;
}
.guidance .column-pattern07-hdg a {
    color: #1799ee;
}
.guidance .column-pattern07-links-list {
    display: flex;
    gap: 8px;
}
.guidance .column-pattern07-links-list li {
    margin-bottom: 0;
}
.guidance .column-pattern07-links-list li a {
    display: block;
}
.guidance .column-pattern07-links-list li img{
    width: 100%;
    height: auto;
}
.guidance .content-app {
  background-position: right bottom;
  background-color: #e7f5ff;
  background-image: url(/vol1/info/images/bg_guidance_sp_content-app.png);
  background-size: 180px auto;
  min-height: 370px;
}
.guidance .content-app h5 {
  text-align: left;
}
.guidance .content-app p {
  padding: 0 190px 15px 15px;
}
@media screen and (max-width: 374px) {
  .guidance .content-app {
    background-size: 150px auto;
    min-height: 340px;
  }
}
.guidance .content-viewer::before {
  height: 184px;
  background-position: center center;
  background-color: #e7f5ff;
  background-size: auto 100%;
  background-image: url(/vol1/info/images/bg_guidance_content-viewer_sp_v2@2x.png);
}
.guidance .content-viewer {
  background-color: #f6f6f6;
}
.guidance .content-viewer .grid-inner {
  padding: 30px 0;
}
.guidance .content-viewer p {
  padding: 0 15px 19px 15px;
}
.guidance .content-newssite::before {
  height: 248px;
  background-position: center center;
  background-size: cover;
  background-image: url(/vol1/info/images/bg_guidance_sp_newssite_renew.png);
  background-color: #e7e8eb;
}
.guidance .content-newssite {
  background-color: #e7e8eb;
}
.guidance .content-newssite p {
  padding: 0 15px 19px 15px;
}
.guidance .content-timeline::before {
  height: 248px;
  background-position: center center;
  background-size: auto 100%;
  background-image: url(/vol1/info/images/bg_guidance_content-timeline@2x.png);
}
.guidance .content-timeline {
  background-color: #dde9f4;
  letter-spacing: -0.4em;
}
.guidance .content-timeline h5 {
  display: inline-block;
  letter-spacing: 0;
  width: 50%;
  text-align: left;
  vertical-align: top;
}
.guidance .content-timeline p {
  padding: 19px 15px 19px 0;
  display: inline-block;
  width: 50%;
  letter-spacing: 0;
  vertical-align: top;
}
@media screen and (max-width: 414px) {
  .guidance .content-timeline h5 {
    width: 60%;
  }
  .guidance .content-timeline p {
    width: 40%;
  }
}
@media screen and (min-width: 500px) {
  .guidance .content-timeline h5 {
    width: 40%;
  }
  .guidance .content-timeline p {
    width: 60%;
  }
}
.guidance .content-follow::before {
  height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url(/vol1/info/images/bg_guidance_content-follow@2x.png);
}
.guidance .content-follow {
  color: #ffffff;
}
.guidance .content-follow p {
  padding: 0 15px 19px 15px;
}
.guidance .content-channel {
  background-repeat: no-repeat;
  background-size: 300px auto;
  background-position: right top;
  background-image: url(/vol1/info/images/bg_guidance_sp_content-channel@2x.png);
  color: #fff;
  background-color: #4c8bad;
}
.guidance .content-channel h5 {
  text-align: left;
}
.guidance .content-channel p {
  padding: 0 130px 19px 15px;
}
.guidance .content-sns::before {
  height: 200px;
  background-position: center center;
  background-size: cover;
  background-image: url(/vol1/info/images/bg_guidance_content-sns@2x.png);
}
.guidance .content-sns {
  background-color: #e0e1e1;
}
.guidance .content-sns p {
  padding: 0 15px 19px 15px;
}
.guidance .content-push::before {
  height: 170px;
  background-position: center center;
  background-size: cover;
  background-image: url(/vol1/info/images/bg_guidance_content-push_v2@2x.png);
  background-size: auto 325px; /*ちょうどいいのサイズの画像がくれば削除*/
}
.guidance .content-push {
  background-color: #79b1d2;
  color: #fff;
  letter-spacing: -0.4em;
}
.guidance .content-push h5 {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 50%;
  text-align: left;
}
.guidance .content-push p {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  padding: 19px 15px 19px 0;
  width: 50%;
}
@media screen and (min-width: 412px) {
  .guidance .content-push h5 {
    width: 40%;
  }
  .guidance .content-push p {
    width: 60%;
  }
}
.guidance .content-newsmail {
  background-color: #eaeaea;
}
.guidance .content-newsmail p {
  padding: 0 15px 19px 15px;
}
.guidance .content-contents {
  background-color: #e3f3ff;
}
.guidance .content-contents p {
  padding: 0 15px 19px 15px;
}
.guidance .grid-column2,
.guidance .grid-column3 {
  /*letter-spacing: -.4em;*/
  background-color: #eaeaea;
}
.guidance .grid-column2 li,
.guidance .grid-column3 li {
  width: 100%;
  /*letter-spacing: normal;*/
  vertical-align: top;
}
.guidance .grid-column2 h5,
.guidance .grid-column3 h5 {
  text-align: center;
}
.guidance .grid-column2 p,
.guidance .grid-column3 p {
  padding: 0 15px 19px 15px;
}

/* guidance-pc */
.guidance h4.title {
  font-size: 1.8rem;
  line-height: 1.2;
  padding: 0 0 5px 0;
  text-align: center;
  margin: 0 15px;
}
.guidance p.subtitle {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  padding: 0 0 15px 0;
  text-align: center;
  margin: 0 15px;
}
.guidance p.lead {
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  margin: 0 15px;
  padding-top: 15px;
  padding-bottom: 5px;
}
.guidance p.description {
  font-size: 1.3rem;
  line-height: 1.5;
  margin: 0 15px 19px;
}
.guidance p.txt {
  font-size: 1.3rem;
  line-height: 1.5;
  margin: 0 15px;
}
.guidance a.btn-detail {
  width: 155px;
  border-radius: 5px;
  background-color: #1799ee;
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  color: #ffffff;
  display: block;
  margin: 0 0 0 15px;
}
.guidance a.btn-detail:hover {
  border-radius: 10px;
  background-color: #0078c6;
  text-decoration: none;
}
.guidance a.link-blue {
  font-size: 1.3rem;
  font-weight: bold;
  color: #1799ee;
  position: relative;
  text-align: right;
  margin: 20px 15px 5px;
  display: block;
}
.guidance a.link-blue:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 18px;
  background-image: url(/vol1/info/images/icon_arrow_bl_b.svg);
  background-size: 5px auto;
  background-position: 7px 9px;
  background-repeat: no-repeat;
}

/* guidance-pc: swiper */
.guidance .article-body .swiper-area ul.list-type-A {
  margin: 0;
}
.guidance .article-body .swiper-area ul.list-type-A li {
  width: 240px;
  float: left;
  margin-right: 24px;
  background-color: #e7f7ff;
  text-align: center;
}
.guidance .article-body .swiper-area ul.list-type-A li .img {
  width: auto;
  margin: 0 auto;
}
.guidance .article-body .swiper-area ul.list-type-A li .img img {
  width: 100%;
  max-width: 220px;
  vertical-align: top;
  margin-top: 10px;
}
.guidance .article-body .swiper-area ul.list-type-A li p.lead {
  padding: 0 0 10px 0;
}

.guidance ul.list-type-A li {
  display: block;
}
.guidance ul.list-type-A li:last-child {
  margin: 0 0 0 0;
}
.guidance ul.list-type-B {
  margin: 0 0 0 0;
}

/* guidance-pc: bg-images */
.guidance .bg_01:before,
.guidance .content-shimen:before,
.guidance .bg_04:before,
.guidance .bg_05:before,
.guidance .bg_02:before {
  display: block;
  content: "";
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.guidance .bg_01:before {
  background-size: cover;
  height: 248px;
  background-image: url(/vol1/info/images/bg_guidance_pc_01@2x.png);
}
.guidance .content-shimen:before {
  background-size: cover;
  height: 248px;
  background-image: url(/vol1/info/images/bg_guidance_pc_01@2x.png);
}
.guidance .bg_04:before {
  background-size: contain;
  height: 290px;
  background-image: url(/vol1/info/images/bg_guidance_pc_04@2x.png);
}
.guidance .bg_02:before {
  background-size: contain;
  height: 200px;
  background-image: url(/vol1/info/images/bg_guidance_pc_02@2x.png);
}
.guidance .bg_05:before {
  background-size: cover;
  height: 100px;
  background-image: url(/vol1/info/images/bg_guidance_pc_01@2x.png);
}
.guidance .bg_09:before {
  width: 100%;
  height: 0;
  padding-top: 90%;
  content: "";
  display: block;
  background-size: 90% auto;
  background-image: url(/vol1/info/images/bg_sp_guidance_pc_09.png);
  background-repeat: no-repeat;
  background-position: center 8px;
}
.guidance .bg_10:before {
  width: 100%;
  height: 0;
  padding-top: 90%;
  content: "";
  display: block;
  background-size: 90% auto;
  background-image: url(/vol1/info/images/bg_sp_guidance_pc_10.png);
  background-repeat: no-repeat;
  background-position: center 8px;
}

/* guidance-pc: column-pc01 */
.guidance .column-pc01 {
  width: 100%;
  margin: 0 0 30px 0;
}
.guidance .column-pc01.content_01 p.txt {
  padding: 0 150px 0 150px;
}

.guidance .column-pc01 .img {
  width: 240px;
  height: 170px;
}
.guidance .column-pc01 a.btn-detail,
.guidance .column-pc02 a.btn-detail {
  margin: 20px auto 0;
  text-align: center;
}
.guidance .content-vision a.btn-detail {
  width: 290px;
}
/* guidance-pc: column-pc02 */
.guidance .column-pc02 {
  width: 100%;
  background-color: #e7e8eb;
  padding-bottom: 19px;
  margin: 0 0 30px 0;
}
.guidance .column-pc02 h4.title,
.guidance .column-pc02 .subtitle {
  margin-right: 15px;
  margin-left: 15px;
  text-align: center;
}
.guidance .column-pc02 h4.title {
  margin-top: 19px;
}

.guidance .content-compile {
  letter-spacing: -0.4em;
}
.guidance .content-compile .title {
  letter-spacing: 0;
}
.guidance .content-compile .content-2 {
  letter-spacing: 0;
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.guidance .content-archive {
  position: relative;
  padding-top: 0 !important;
}
.guidance .content-archive:before {
  display: block;
  content: "";
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  height: 0;
  background-image: url(/vol1/info/images/bg_guidance_pc_08_v2@2x.png);
  margin-bottom: 20px;
  padding-top: 80%;
  border: 1px solid #979797;
}
.guidance .content-archive .bg_01:before {
  height: 0;
  background-image: none;
}
.guidance .content-live .title {
  font-size: 1.5rem;
}
.guidance .content-live ul.list-type-B li:first-child {
  margin-bottom: 20px;
}

.guidance .bg-bl01 {
  background-color: #dde9f4;
}
.guidance .bg-bl02 {
  background-color: #e8f5ff;
}
.guidance .content-rich .content-left:before {
  margin-top: 19px;
}

/* guidance-sp */
.guidance .note {
  font-size: 1.2rem;
  font-weight: normal;
}
.guidance .column-sp01,
.guidance .column-sp02,
.guidance .column-sp03,
.guidance .column-sp04,
.guidance .column-sp05,
.guidance .column-sp06,
.guidance .column-sp07,
.guidance .ex-newssite {
  margin: 0 0 30px;
}
.guidance .column-sp01 > div,
.guidance .column-sp02 > div,
.guidance .column-sp03 > div,
.guidance .column-sp06 .box-description > div {
  vertical-align: top;
}
.guidance .column-sp01 .title {
  padding-bottom: 20px;
}
.guidance .column-sp05 {
  letter-spacing: -0.4em;
  padding: 20px 5px !important;
}
.guidance .column-sp05 .title {
  text-align: center;
  letter-spacing: 0;
  margin: 0;
}
.guidance .column-sp05 .content-left,
.guidance .column-sp05 .content-right {
  background-repeat: no-repeat;
  background-size: 75px auto;
  background-position: center top;
  padding-top: 65px;
  margin-top: 10px;
  width: 50%;
  letter-spacing: 0;
  display: inline-block;
  vertical-align: top;
}
.guidance .column-sp05 .content-left p.txt,
.guidance .column-sp05 .content-right p.txt {
  padding: 0 10px 19px 10px;
  margin: 0;
}
.guidance .column-sp06 .title {
  text-align: center;
}

.guidance .bg-bl01,
.guidance .bg-bl02 {
  padding: 20px 0;
}

.guidance .ex-sp {
  padding-top: 0;
}
.guidance .ex-sp li {
  display: inline-block;
}
.guidance .ex-sp .func {
  margin: 15px 0;
  padding-top: 320px;
  background-image: url(/vol1/info/images/bg_guidance_sp_01@2x.png);
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top;
}
.guidance .ex-sp .func li {
  height: 40px;
  padding-left: 65px;
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: 15px top;
  margin-bottom: 10px;
  width: 50%;
  float: left;
}
.guidance .ex-sp .func li:last-child {
  width: 100%;
}
.guidance .ex-sp .func li p {
  font-size: 1.3rem;
  font-weight: bold;
  padding-top: 10px;
}
.guidance .ex-sp .func li.icon-follow,
.guidance .ex-follow h4 {
  background-image: url(/vol1/info/images/icon_follow.svg);
}
.guidance .ex-sp .func li.icon-bookmark,
.guidance .ex-bookmark h4 {
  background-image: url(/vol1/info/images/icon_bookmark.svg);
}
.guidance .ex-sp .func li.icon-push,
.guidance .ex-push h4 {
  background-image: url(/vol1/info/images/icon_push.svg);
}
.guidance .ex-sp .func li.icon-history {
  background-image: url(/vol1/info/images/icon_history.svg);
}
.guidance .ex-sp .func li.icon-noad,
.guidance .ex-noad h4 {
  background-image: url(/vol1/info/images/icon_noad.svg);
}
.guidance .txt-blue {
  color: #1799ee;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
}
.guidance .ex-sp .download {
  margin: 10px 0 25px;
}
.guidance .ex-sp .download li {
  width: 50%;
  background-repeat: no-repeat;
  background-size: 160px;
  background-position: center top;
}
.guidance .ex-sp .download li {
  width: 50%;
  background: none;
  float: left;
}
.guidance .ex-sp .download li.qr-android a {
  margin: 0 5px 0 15px;
  display: block;
}
.guidance .ex-sp .download li.qr-ios a {
  margin: 0 15px 0 5px;
  display: block;
}

.guidance .ex-sp .download li a img {
  width: 100%;
}
.guidance .ex-sp .download li p {
  display: none;
}
.guidance .ex-sp .box-image {
  text-align: center;
  margin: 0 15px;
}
.guidance .ex-noad h4,
.guidance .ex-follow h4,
.guidance .ex-push h4,
.guidance .ex-bookmark h4 {
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: left center;
  padding-left: 50px;
  padding-top: 13px;
  height: 40px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 1.4rem;
}
.guidance .article-body .swiper-area ul.box-image {
  margin-top: 10px;
}
.guidance .article-body .swiper-area ul.box-image li {
  width: 175px;
}
.guidance .ex-noad .browser,
.guidance .ex-noad .app {
  width: 175px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
  padding-top: 340px;
  display: inline-block;
  vertical-align: top;
}
.guidance .ex-noad .browser {
  background-image: url(/vol1/info/images/bg_guidance_sp_02_renew.png);
}
.guidance .ex-noad .app {
  background-image: url(/vol1/info/images/bg_guidance_sp_03@2x.png);
}
.guidance .ex-noad .box-image p {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
}
.guidance .ex-follow .txt:before {
  content: "";
  height: 150px;
  display: block;
  margin: 0 0 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
  background-image: url(/vol1/info/images/bg_guidance_sp_04@2x.png);
}
.guidance .ex-follow .btn-detail,
.guidance .ex-shimen .btn-detail {
  margin: 20px auto 0;
}
.guidance .ex-shimen .title:before {
  content: "";
  display: block;
  width: 100%;
  height: 170px;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-size: 180px auto;
  background-position: center top;
  background-image: url(/vol1/info/images/bg_guidance_sp_05_v2@2x.png);
}
.guidance .ex-newssite {
  padding-top: 15px;
}
.guidance .ex-newssite .box-image {
  margin-top: 10px;
  width: 100%;
  height: 130px;
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: center;
  background-image: url(/vol1/info/images/bg_guidance_sp_11_renew.png);
}
.guidance .ex-newssite > ul {
  letter-spacing: -0.4em;
  padding: 0 5px;
}
.guidance .ex-newssite > ul > li {
  width: 50%;
  letter-spacing: 0;
  display: inline-block;
}
.guidance .ex-newssite > ul > li p.txt {
  margin: 0;
  padding: 0 10px 19px 10px;
}
.guidance .ex-newssite > ul > li p.lead {
  margin: 0;
  padding: 15px 10px 5px 10px;
}
.guidance .ex-push {
  margin-bottom: 30px;
}
.guidance .grid-column3.ex-newssite {
  background-color: #ffffff;
}
.guidance .ex-newssite .title,
.guidance .ex-newssite .subtitle,
.guidance .ex-newssite .lead {
  text-align: center;
}
.guidance .ex-timeline {
  background-image: url(/vol1/info/images/icon_b_tl.svg);
}
.guidance .ex-channel {
  background-image: url(/vol1/info/images/icon_b_ch.svg);
}
.guidance .ex-archive .title:after {
  content: "";
  width: 100%;
  height: 230px;
  display: block;
  margin: 15px 0;
  /*border:1px solid #979797;*/
  background-repeat: no-repeat;
  background-size: auto 230px;
  background-position: center top;
  background-image: url(/vol1/info/images/bg_guidance_sp_08_renew.png);
}
.guidance .ex-live,
.guidance .ex-live .title {
  padding: 20px 0 0 0;
}
.guidance .ex-live.bg-bl02 {
  background-color: #d5ecff;
}
.guidance .ex-live:before {
  content: "";
  width: 100%;
  height: 200px;
  display: block;
  margin: -20px 0 0 0;
  background-repeat: no-repeat;
  background-size: auto 200px;
  background-position: center top;
  background-image: url(/vol1/info/images/bg_guidance_sp_09_v2@2x.png);
}
.guidance .ex-live .box-description {
  padding-bottom: 20px;
}
.guidance .ex-live p.dl-txt {
  padding-top: 10px;
  color: #1799ee;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
}
.guidance .ex-live ul.download {
  margin: 10px 0 25px;
  letter-spacing: -0.4em;
}
.guidance .ex-live ul.download li {
  letter-spacing: 0;
  width: 50%;
  display: inline-block;
}
.guidance .ex-live ul.download li:first-child a {
  padding: 0 5px 0 15px;
  display: block;
}
.guidance .ex-live ul.download li:last-child a {
  padding: 0 15px 0 5px;
  display: block;
}
.guidance .ex-live ul.download li a img {
  width: 100%;
}
.guidance .ex-votemach .txt:before {
  content: "";
  display: block;
  float: left;
  width: 45%;
  height: 0;
  padding-top: 67%;
  max-width: 200px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
  background-image: url(/vol1/info/images/bg_guidance_sp_10@2x.png);
  margin-right: 15px;
}
.guidance .ex-votemach .txt {
  margin-top: 10px;
}
.guidance .ex-votemach .txt:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
.guidance .ex-infographic p.lead:before {
  content: "";
  margin: 40px auto 15px;
  background-repeat: no-repeat;
  max-width: 500px;
  width: 100%;
  height: 0;
  background-size: 100% auto;
  background-position: center 0;
  background-image: url(/vol1/info/images/bg_guidance_sp_12@2x.png);
  padding-top: 38%;
  display: block;
}
@media screen and (min-width: 501px) {
  .guidance .ex-infographic p.lead:before {
    padding-top: 200px;
  }
}
@media screen and (min-width: 445px) {
  .guidance .ex-votemach .txt:before {
    padding-top: 300px;
  }
}

/*guidance-email*/
.guidance .column-mail01,
.guidance .ex-mailcontents,
.guidance .column-mail02,
.guidance .column-mail03,
.guidance .column-mail04{
  margin-bottom: 30px;
}
.guidance .column-mail04 div a{
  width: 260px;
  margin: 10px auto 0;
}
.guidance .column-mail04 p.subtitle{
  padding: 0;
}
.guidance .ex-mail .txt:before {
  content: "";
  display: block;
  margin: 0 -15px 15px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  padding-top: 65%;
  height: 0;
  background-image: url(/vol1/info/images/bg_guidance_mail_01@2x.png);
}
@media screen and (min-width: 415px) {
  .guidance .ex-mail .txt:before {
    content: "";
    display: block;
    margin: 0 -15px 15px;
    background-repeat: no-repeat;
    background-size: 415px auto;
    background-position: center top;
    padding-top: 244px;
  }
}
.guidance .ex-tokutoku {
  margin-bottom: 30px;
}
.guidance .column-mail02 .subtitle {
  margin: 35px 0 0 0;
}
.guidance .column-mail02 a.btn-open {
  margin: 20px auto 0 auto;
  width: 200px;
  border: 1px solid #3c3c3c;
  padding: 4px 0;
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  color: #3c3c3c;
  text-align: center;
  background-color: #fff;
}
.guidance .column-mail02 a.btn-close {
  margin: 20px auto 0 auto;
  width: 200px;
  border: 1px solid #3c3c3c;
  padding: 4px 0 4px 91px;
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  color: #3c3c3c;
  text-align: left;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 13px auto;
  background-position: 70px center;
  background-image: url(/vol1/info/images/icon_close_bk.png);
  background-image: none, url(/vol1/info/images/icon_close_bk.svg);
}
.guidance a.btn-open.nodisp,
.guidance a.btn-close.nodisp {
  display: none;
}
.guidance .column-mail02 .box {
  background-color: #fff;
  padding: 30px;
  margin: 0 15px 15px 15px;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
}

.guidance .column-mail02 .box .text_wrapper {
  position: relative;
  margin-bottom: 0;
}
.guidance .column-mail02 .box .text {
  height: 420px;
  overflow: hidden;
  padding-bottom: 90px;
}
.guidance .column-mail02 .box .show-more {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 140px;
  padding-top: 60px;
  text-align: center;
  line-height: 30px;
  background-image: linear-gradient(
    rgb(255, 255, 255, 0) 0%,
    rgb(255, 255, 255, 1) 70%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0)),
    color-stop(0.7, #fff),
    to(#fff)
  );
  cursor: pointer;
  transition: bottom 0.2s;
}
.guidance .column-mail02 .box .show-more.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}
.guidance .column-mail02 .box p {
  font-size: 1.1rem;
  line-height: 15px;
  padding: 0 0 60px 0;
}

/* guidance-my */
.guidance .article-body .container.wrap-top {
  padding: 30px 0 0 0;
}
.guidance .article-body .container.wrap-middle {
  padding: 0;
}
.guidance .article-body .container.wrap-bottom {
  padding: 0 0 30px;
}
.guidance .column-my01,
.guidance .column-my03 {
  margin: 0 0 30px;
}
.guidance .column-my02 {
  margin: 0;
}
.guidance .column-my01 > div,
.guidance .column-my02 > div,
.guidance .column-my03 > div {
  vertical-align: top;
}
.guidance .column-my01 .title {
  text-align: center;
}
.guidance .ex-mynews {
  background-color: transparent !important;
}
.guidance .ex-mynews .box-image {
  width: 100%;
  height: 220px;
  background-repeat: no-repeat;
  background-size: 320px;
  background-position: center 20px;
  background-image: url(/vol1/info/images/bg_guidance_my_01@2x.png);
}
.guidance .ex-mynews03 .btn-detail,
.guidance .ex-mynews04 .btn-detail {
  margin: 20px auto 0;
}
.guidance .ex-mynews02 {
  margin: 35px auto;
}
.guidance .ex-mynews02 .title:after {
  content: "";
  background-repeat: no-repeat;
  height: 180px;
  background-size: 320px;
  background-position: center 0;
  display: block;
  margin: 10px 0 0;
  background-image: url(/vol1/info/images/bg_guidance_my_02@2x.png);
}
.guidance .ex-mynews03 .title::after {
  content: "";
  background-repeat: no-repeat;
  height: 220px;
  background-size: 300px;
  background-position: center 0;
  display: block;
  margin: 20px 0 0;
  background-image: url(/vol1/info/images/bg_guidance_my_03@2x.png);
}
.guidance .ex-my {
  padding-top: 0;
  display: ;
}
.guidance .ex-my {
  padding-top: 0;
  display: ;
}
.guidance .ex-my li {
  display: inline-block;
}
.guidance .ex-my .func {
  padding: 15px 15px 15px 50%;
}
.guidance .ex-my .func li {
  width: auto;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: 0 top;
  margin-bottom: 10px;
  padding-left: 48px;
  display: block;
}
.guidance .ex-my .func {
  background-image: url(/vol1/info/images/bg_sp_guidance_my_04.png);
  background-size: 125px auto;
  background-repeat: no-repeat;
  background-position: calc(50% - 90px) 9px;
  display: block;
  height: 330px;
}
.guidance .ex-my .func li:last-child {
  width: 100%;
}
.guidance .ex-my .func li p {
  font-size: 1.3rem;
  font-weight: bold;
  padding-top: 10px;
}
.guidance .ex-my .func li.icon-follow {
  background-image: url(/vol1/info/images/icon_follow.svg);
}
.guidance .ex-my .func li.icon-bookmark {
  background-image: url(/vol1/info/images/icon_bookmark.svg);
}
.guidance .ex-my .func li.icon-push {
  background-image: url(/vol1/info/images/icon_push.svg);
}
.guidance .ex-my .func li.icon-history {
  background-image: url(/vol1/info/images/icon_history.svg);
}
.guidance .ex-my .func li.icon-noad {
  background-image: url(/vol1/info/images/icon_noad.svg);
}
/*guidance-viewer*/
.guidance .column-viewer01,
.guidance .column-viewer05 {
  margin: 0 0 30px 0;
}
.guidance .column-viewer01 span,
.guidance .column-viewer04 span {
  display: block;
  font-size: 1.1rem;
  line-height: 1.6;
}
.guidance .column-viewer01 .subtitle span {
  padding: 10px 0 0 0;
}
.guidance .column-viewer03 {
  margin: 30px 0;
}
.guidance .column-viewer03 .ex-digitalplus {
  min-height: 175px;
  background-repeat: no-repeat;
  background-size: 41px auto;
  background-position: 15px 33px;
  background-image: url(/vol1/info/images/icon_digitalplus.svg);
}
.guidance .column-viewer03 .ex-digitalplus p.txt {
  padding: 0 0 0 45px;
}
.guidance .column-viewer05 {
  text-align: center;
}
.guidance .column-viewer05 .download {
  margin: 10px 0 5px;
}
.guidance .column-viewer05 .download .note {
  text-align: center;
  margin-bottom: 15px;
}
.guidance .column-viewer05 .download:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
.guidance .column-viewer05 .download li {
  width: 50%;
  background-repeat: no-repeat;
  background-size: 160px;
  background-position: center top;
}
.guidance .column-viewer05 .download li {
  width: 50%;
  background: none;
  float: left;
}
.guidance .column-viewer05 .download li.qr-android a {
  margin: 0 5px 0 15px;
  display: block;
}
.guidance .column-viewer05 .download li.qr-ios a {
  margin: 0 15px 0 5px;
  display: block;
}

.guidance .column-viewer05 .download li a img {
  width: 100%;
}
.guidance .ex-gougai .subtitle:before {
  content: "";
  height: 150px;
  background-size: 300px;
  display: block;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(/vol1/info/images/bg_guidance_viewer_01.png);
}
.guidance .ex-mihiraki {
  width: 100%;
  height: 190px;
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: center 45px;
  background-image: url(/vol1/info/images/bg_guidance_viewer_02.png);
}
.guidance .ex-pickup {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: center 55px;
  background-image: url(/vol1/info/images/bg_guidance_viewer_03.png);
}
.guidance a.link-detail-viewer {
  color: #1799ee;
  font-weight: 600;
  font-size: 1.5rem;
  text-align: center;
  margin: 30px auto 10px;
  display: block;
}
.guidance ul.btn-detail-viewer {
  display: block;
  margin: 20px 15px;
}
.guidance ul.btn-detail-viewer li a {
  width: 100%;
  border-radius: 5px;
  padding: 18px 0;
  margin: 0 0 9px 0;
  background: #1799ee;
  text-align: center;
  display: block;
  font-size: 1.7rem;
  color: #ffffff;
  font-weight: bold;
}
.guidance .column-viewer04 ul.list-type-B,
.guidance .column-viewer01 ul.list-type-A {
  letter-spacing: -0.4em;
  padding: 0 5px;
}
.guidance .column-viewer04 ul.list-type-B li,
.guidance .column-viewer01 ul.list-type-A li {
  width: 50%;
  display: inline-block;
  letter-spacing: 0;
  vertical-align: top;
}
.guidance .column-viewer04 ul.list-type-B p.txt,
.guidance .column-viewer01 ul.list-type-A p.txt,
.guidance .column-viewer04 ul.list-type-B p.lead,
.guidance .column-viewer01 ul.list-type-A p.lead {
  margin: 0 10px;
}
.guidance .column-viewer01 ul.list-type-A li:last-child {
  width: 100%;
  letter-spacing: 0;
  vertical-align: top;
}

/* guidance-viewer pc */
.guidance .section-vr {
  margin: 0 0 20px;
}
.guidance .section-vr .sectitle {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  padding: 0 15px;
  text-align: center;
}
.guidance .section-vr .subtitle {
  padding: 15px 0;
}
.guidance p.txtbold {
  font-size: 1.4rem;
  line-height: 1.5em;
  font-weight: bold;
  padding: 0 15px 3px;
  text-align: center;
}
.guidance p.txt.sec {
  padding: 0 0 20px;
}
.guidance p.txt.sec.top {
  padding: 20px 0 20px;
}
.guidance .column-viewersv01 .guidance .column-viewersv02,
.guidance .column-viewersv03,
.guidance .column-viewersv04 {
  display: block;
  font-size: 1.1rem;
  line-height: 1.6;
  padding: 15px 0;
}
.guidance .column-viewersv01 {
  text-align: center;
}
.guidance .column-viewersv01 h4.title {
  text-align: center;
}
.guidance .column-viewersv01 .note {
  margin-bottom: 20px;
  display: block;
  text-align: center;
}
.guidance .column-viewersv01 ul.info-anchor {
  margin: 10px;
}
.guidance .column-viewersv01 ul.info-anchor:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
.guidance .column-viewersv01 ul.info-anchor li a {
  width: 48%;
  background-color: #1799ee;
  border-radius: 5px;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: bold;
  padding: 8px;
  margin: 0 1% 6px 1%;
  float: left;
  color: #fff;
}
.guidance .column-viewersv01 ul.info-link {
  display: block;
  margin: 20px 15px;
}
.guidance .column-viewersv01 ul.info-link li a {
  width: 100%;
  border-radius: 5px;
  padding: 18px 0;
  margin: 0 0 9px 0;
  background: #1799ee;
  text-align: center;
  display: block;
  font-size: 1.7rem;
  color: #ffffff;
  font-weight: bold;
}
.guidance .box-image-top {
  width: 100%;
  height: 100px;
  display: block;
  background-repeat: no-repeat;
  background-size: 300px auto;
  background-position: center 20px;
  background-image: url("/vol1/info/images/viewer_timg01.jpg");
}
.guidance .ex-viewerpc01 p.txt:before {
  width: 100%;
  height: 160px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 240px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_img01_renew.png");
}
.guidance .ex-viewerpc02 p.txt:before {
  width: 100%;
  height: 180px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 240px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_img02_renew.png");
}
.guidance .ex-viewerpc03 p.txt:before {
  width: 100%;
  height: 230px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 240px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_img03_renew.png");
}
.guidance .ex-viewerpc04 p.txt:before {
  width: 100%;
  height: 200px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 240px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_img04.png");
}
.guidance .ex-viewerpc05 p.txt:before {
  width: 100%;
  height: 200px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 240px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_img05.png");
}
.guidance .ex-viewerpc06 p.txt:before {
  width: 100%;
  height: 160px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 240px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_img06.png");
}
.guidance .ex-viewerpc07 p.txt:before {
  width: 100%;
  height: 160px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 240px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_img07.png");
}
.guidance .ex-viewerpc08 p.txt:before {
  width: 100%;
  height: 160px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 240px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_img08.png");
}
.guidance .ex-viewerpc09 p.txt:before {
  width: 100%;
  height: 130px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 240px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_img09.png");
}
.guidance .ex-viewerpc10 p.txt:before {
  width: 100%;
  height: 160px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 240px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_img10.png");
}
.guidance .ex-viewerpc11 p.txt:before {
  width: 100%;
  height: 190px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 240px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_img11.png");
}
.guidance .ex-viewerapp01 p.txt:before {
  width: 100%;
  height: 260px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 140px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_aimg01.jpg");
}
.guidance .ex-viewerapp02 p.txt:before {
  width: 100%;
  height: 260px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 140px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_aimg02.jpg");
}
.guidance .ex-viewerapp03 .subtitle:after {
  width: 100%;
  height: 260px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 140px auto;
  background-position: center 15px;
  background-image: url("/vol1/info/images/viewer_aimg03.jpg");
}
.guidance .ex-viewerapp04 .subtitle:after {
  width: 100%;
  height: 260px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 140px auto;
  background-position: center 15px;
  background-image: url("/vol1/info/images/viewer_aimg04.jpg");
}
.guidance .box-image-app04-2 {
  background-repeat: no-repeat;
  background-size: 290px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_aimg04_2.jpg");
  width: 100%;
  height: 90px;
  display: block;
}
.guidance .ex-viewerapp05 p.txt:before {
  width: 100%;
  height: 260px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 140px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_aimg05.jpg");
}
.guidance .ex-viewerapp06 .subtitle:after {
  width: 100%;
  height: 260px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 260px auto;
  background-position: center 20px;
  background-image: url("/vol1/info/images/viewer_aimg06.jpg");
}
.guidance .ex-viewerapp07 p.txt:before {
  width: 100%;
  height: 260px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 140px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_aimg07.jpg");
}
.guidance .ex-viewerapp08 p.txt:before {
  width: 100%;
  height: 260px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 140px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_aimg08.jpg");
}
.guidance .ex-viewerapp09 p.txt:before {
  width: 100%;
  height: 260px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 140px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_aimg09.jpg");
}
.guidance .ex-viewerapp10 p.txt:before {
  width: 100%;
  height: 260px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 140px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_aimg10.jpg");
}
.guidance .ex-viewerapp11 p.txt:before {
  width: 100%;
  height: 254px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 134px auto;
  background-position: center top;
  background-image: url("/vol1/info/images/viewer_aimg11_2.jpg");
}
.icon-abc {
  background-color: #0078c6;
  border-radius: 24px;
  margin: 0 3px;
  padding: 1px;
  width: 16px;
  height: 16px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  font-size: 1.1rem;
  font-style: normal;
  vertical-align: top;
}

/*everyone-index*/
.everyone-index .article-body-header {
  margin: 117px 0 0 0;
}
.everyone-index .everyone-hello {
  background-color: #51bdf6;
  padding: 320px 15px 15px;
  text-align: center;
  background-image: url(/vol1/info/images/img_eveone_sp01.png);
  background-position: center 15px;
  background-repeat: no-repeat;
  background-size: 300px;
}
.everyone-index .everyone-hello .title {
  background-image: url(/vol1/info/images/txt_everyone_hello.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 27px;
  text-indent: 100%;
  word-wrap: break-word;
  overflow: hidden;
  max-width: 350px;
  display: inline-block;
}
.everyone-index .everyone-baloons {
  background-image: url(/vol1/info/images/bg_stripe_bl_4.svg);
  background-position: 0 0, 0 0;
  background-repeat: repeat;
  background-color: #a2dfff;
  background-size: 9px 9px;
  padding: 20px 0;
  text-align: center;
}
.everyone-index #baloon01,
.everyone-index #baloon02,
.everyone-index #baloon03,
.everyone-index #baloon04,
.everyone-index #baloon05 {
  max-width: 370px;
  width: 100%;
  display: inline-block;
  background-repeat: no-repeat;
}
.everyone-index #baloon01 {
  background-size: 275px;
  background-position: 15px center;
  height: 170px;
  background-image: url(/vol1/info/images/img_baloon01.svg);
}
.everyone-index #baloon02 {
  height: 200px;
  background-image: url(/vol1/info/images/img_baloon02.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 250px;
  max-width: 360px;
}
.everyone-index #baloon03 {
  background-size: 285px;
  background-position: right center;
  height: 150px;
  background-image: url(/vol1/info/images/img_baloon03.svg);
  margin-top: 15px;
}
.everyone-index #baloon04 {
  background-size: 255px;
  background-position: 15px center;
  height: 150px;
  background-image: url(/vol1/info/images/img_baloon04.svg);
  margin-top: 15px;
}
.everyone-index #baloon05 {
  background-size: 310px;
  background-position: right center;
  height: 185px;
  background-image: url(/vol1/info/images/img_baloon05.svg);
  margin-top: 20px;
}
.everyone-index .rotate {
  animation-duration: 0.7s;
  animation-name: rotation;
  animation-iteration-count: 1;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(0deg);
  }
  70% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.everyone-index .baloon-left,
.everyone-index .baloon-right {
  max-width: 370px;
  width: 100%;
  display: inline-block;
  position: relative;
}
.everyone-index .baloon-right {
  text-align: right;
}
.everyone-index .baloon-left {
  text-align: left;
}
.everyone-index .everyone02 {
  background-repeat: no-repeat;
  background-size: 90px;
  background-position: left bottom;
  height: 150px;
  background-image: url(/vol1/info/images/img_eveone_sp02.png);
  margin-top: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90px;
}
.everyone-index .everyone03 {
  background-repeat: no-repeat;
  background-size: 90px;
  background-position: right bottom;
  height: 150px;
  background-image: url(/vol1/info/images/img_eveone_sp03.png);
  margin-top: 15px;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 90px;
}
.everyone-index #baloon01 p,
.everyone-index #baloon02 p,
.everyone-index #baloon03 p,
.everyone-index #baloon04 p,
.everyone-index #baloon05 p {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.everyone-index .column-box {
  display: block;
  padding: 15px;
}
.everyone-index .column-box .left {
  width: 100%;
  display: block;
  background-color: #b5ebff;
  background-image: url(/vol1/info/images/bg_stripe_bl_5.svg);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 12px 12px;
  position: relative;
  border-radius: 10px 10px 0 0;
}
.everyone-index .column-box .left .left-img {
  height: 0;
  padding-top: 210px;
  display: block;
  background-color: transparent;
  background-image: url(/vol1/info/images/img_everyone_01.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 380px auto;
}
@media screen and (max-width: 420px) {
  .everyone-index .column-box .left .left-img {
    height: 0;
    padding-top: 55.6%;
    background-size: 100% auto;
  }
}
.everyone-index .column-box .right {
  width: 100%;
  background-color: #e1f8ff;
  letter-spacing: 0;
  vertical-align: top;
  border-radius: 0 0 10px 10px;
}
.everyone-index .column-box .right .title {
  width: 100%;
  background-color: #3fbdf5;
  color: #fff;
  display: block;
  font-size: 1.7rem;
  font-weight: 600;
  letter-spacing: 0;
  padding: 9px 7px 7px 7px;
  text-align: center;
}
.everyone-index .column-box .right .txt {
  width: 100%;
  padding: 10px 20px;
  font-size: 1.2rem;
}
.everyone-index .column-box .right .qr {
  width: 100%;
  height: 115px;
  display: block;
  color: #0078c6;
  font-size: 1.2rem;
  font-weight: 600;
  background-color: transparent;
  background-image: url(/vol1/info/images/img_everyone_qr.png);
  background-repeat: no-repeat;
  background-position: center 25px;
  background-size: 84px auto;
  text-align: center;
}
.everyone-index .column-box .right .qr-txt {
  color: #3c3c3c;
  font-size: 1.1rem;
  font-weight: 500;
  text-align: center;
  padding: 5px 5px 10px 5px;
  text-decoration: underline;
}

/* LP */
.digital {
}
.digital .bnt-type-apply {
  width: 64px;
  height: 64px;
  border-radius: 64px;
  border: 2px solid #fff;
  display: block;
  background-color: #ffdc27;
  background-image: url(/vol1/info/images/txt_btn_apply_lp.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 48px auto;
  position: absolute;
  top: 6px;
  right: 18px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 100;
}
.digital .article-header {
  margin: 42px 0 0 0;
  background-color: #e7f7ff;
  background-image: url(/vol1/info/images/bg_stripe_bl_3.svg);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 9px 9px;
}
.digital .article-header .container {
  text-align: center;
  padding: 35px 15px 15px;
}
.digital .article-header .title {
  font-size: 2rem;
  line-height: 1.25;
  font-weight: bold;
  color: #0078c6;
}
.digital .article-header .subtitle {
  font-size: 1.3rem;
  padding: 6px 0 15px 0;
  font-weight: bold;
  color: #0078c6;
}
.digital .article-header .txt {
  font-size: 1.2rem;
  line-height: 1.25;
  font-weight: bold;
  color: #3c3c3c;
}
.digital .article-body .container {
  padding: 15px;
  background-color: #f4f4f4 !important;
}
.digital .article-body .title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.3;
  color: #0078c6;
  text-align: center;
  padding: 20px 0 15px;
}
.digital .article-body ul.nav-sp {
  margin: 20px 0;
}
.digital .article-body ul.nav-sp li a {
  display: block;
  background-color: #1799ee;
  color: #fff;
  border-radius: 5px;
  font-size: 1.7rem;
  font-weight: bold;
  padding: 15px 0;
  margin: 0 22px 20px;
  text-align: center;
  position: relative;
}
.digital ul.plan {
  display: block;
  margin: 0;
}
.digital ul.plan > li {
  display: block;
  border-radius: 5px;
  border: 2px solid #0078c6;
  height: auto;
  letter-spacing: 0;
  background-color: #fff;
  vertical-align: top;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
}
.digital ul.plan.aidokusha > li {
  border: 2px solid #941e57;
}
.digital ul.plan > li p.plantitle {
  background-color: #a2dfff;
  border-radius: 2px 2px 0 0;
  height: 38px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #0078c6;
  padding: 5px 0 0 0;
}
.digital ul.plan > li p.servicetitle {
  background-color: #a2dfff;
  border-radius: 2px 2px 0 0;
  height: 38px;
  text-align: center;
  font-size: 2.1rem;
  font-weight: bold;
  color: #0078c6;
  padding: 5px 0 0 0;
}
.digital ul.plan.aidokusha > li p.servicetitle {
  background-color: #e3cdd8;
  color: #941e57;
}
.digital ul.plan > li p.lead {
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.25;
}
.digital ul.plan > li p.servicelead {
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.25;
  padding: 0 20px 10px 20px;
}
.digital ul.plan > li p.servicelead:first-child {
  padding: 0 10px;
}
.digital ul.plan li p.price_01 {
  display: block;
  height: 100px;
  background-image: url(/vol1/info/images/txt_koudoku_01.svg);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-size: auto 85px;
  background-position: center 8px;
  background-repeat: no-repeat;
}
.digital ul.plan li p.price_02 {
  display: block;
  height: 100px;
  background-image: url(/vol1/info/images/txt_koudoku_02.svg);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-size: auto 85px;
  background-position: center 8px;
  background-repeat: no-repeat;
}
.digital ul.plan li p.price_03 {
  display: block;
  height: 100px;
  background-image: url(/vol1/info/images/txt_koudoku_03.svg);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-size: auto 85px;
  background-position: center 8px;
  background-repeat: no-repeat;
}
.digital ul.plan > li p.status {
  width: 155px;
  border: 1px solid #e60125;
  border-radius: 30px;
  background-color: #fff;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #e60125;
  padding: 7px 0 6px;
  margin: 15px auto 10px;
}
.digital ul.plan > li p.txt_premium {
  display: block;
  height: 75px;
  background-image: url(/vol1/info/images/txt_koudoku_premium2.svg);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-size: auto 58px;
  background-position: center top;
  background-repeat: no-repeat;
}
.digital ul.plan > li p.txt_plan1 {
  display: block;
  height: 80px;
  background-image: url(/vol1/info/images/txt_koudoku_ttl1.svg);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-size: auto 68px;
  background-position: center top;
  background-repeat: no-repeat;
}
.digital ul.plan > li p.txt_plan2 {
  display: block;
  height: 80px;
  background-image: url(/vol1/info/images/txt_koudoku_ttl2.svg);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-size: auto 68px;
  background-position: center top;
  background-repeat: no-repeat;
}
.digital ul.plan ul.plan-detail {
  margin: 17px 26px 0 40px;
}
.digital ul.plan ul.plan-detail li {
  font-size: 1.2rem;
  line-height: 1.25;
  list-style-type: disc;
  list-style-position: outside;
}
.digital ul.plan li a.btn-detail {
  display: block;
  background-color: #1799ee;
  color: #fff;
  border-radius: 5px;
  font-size: 1.7rem;
  font-weight: bold;
  padding: 15px 0;
  margin: 15px 22px 12px 22px;
  text-align: center;
  position: relative;
}
.digital ul.plan li div.btn-detail {
  display: block;
  background-color: #999;
  color: #fff;
  border-radius: 5px;
  font-size: 1.7rem;
  font-weight: bold;
  padding: 15px 0;
  margin: 15px 22px 12px 22px;
  text-align: center;
  position: relative;
}
.digital .txt-end {
  margin-top: -10px;
  padding: 0 0 20px 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  display: block;
  position: relative;
  color: #3c3c3c;
}
.digital .txt-end:before {
  content: "※";
  position: absolute;
  top: -3px;
  left: 0;
  font-size: 1.4rem;
  line-height: 1.5;
}

/* LP takuhai */
.takuhai {
}
.takuhai .bnt-type-apply {
  width: 64px;
  height: 64px;
  border-radius: 64px;
  border: 2px solid #fff;
  display: block;
  background-color: #ffdc27;
  background-image: url(/vol1/info/images/txt_btn_apply_lp.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 48px auto;
  position: absolute;
  top: 6px;
  right: 18px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 100;
}
.takuhai .article-header {
  margin: 42px 0 0 0;
  background-color: #e3cdd8;
  background-image: url(/vol1/info/images/bg_stripe_purple.svg);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 9px 9px;
}
.takuhai .article-header .container {
  text-align: center;
  padding: 35px 15px 15px;
}
.takuhai .article-header .title {
  font-size: 2rem;
  line-height: 1.25;
  font-weight: bold;
  color: #941e57;
}
.takuhai .article-header .subtitle {
  font-size: 1.3rem;
  padding: 6px 0 15px 0;
  font-weight: bold;
  color: #941e57;
}
.takuhai .article-header .txt {
  font-size: 1.2rem;
  line-height: 1.25;
  font-weight: bold;
  color: #3c3c3c;
  text-align: center;
}
.takuhai .article-body .container {
  padding: 15px;
  background-color: #f4f4f4 !important;
}
.newspaper-notice {
  font-weight: bold;
  padding: 15px 15px 0 15px;
  display: block;
}
.newspaper-notice-02 {
  padding: 5px 15px 0;
  display: block;
  font-size: 1.2rem;
}
.newspaper ul.plan {
  display: block;
  margin: 18px 0 0 0;
}
.newspaper ul.plan > li {
  display: block;
  border-radius: 5px;
  border: 2px solid #941e57;
  height: auto;
  letter-spacing: 0;
  background-color: #fff;
  vertical-align: top;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
}
.newspaper ul.plan > li:first-child {
  margin: 0 0 25px 0;
}
.newspaper ul.plan > li .left,
.newspaper ul.plan > li .right {
  margin: 0 20px;
}
.newspaper ul.plan > li .left {
  border-bottom: 2px solid #941e57;
}
.newspaper ul.plan > li .inner {
  margin: 0 15px;
}
.newspaper ul.plan > li p.plantitle {
  background-color: #b87a84;
  border-radius: 2px 2px 0 0;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  padding: 15px 0;
}
.newspaper ul.plan > li p.plantitle-s {
  background-color: #b87a84;
  border-radius: 2px 2px 0 0;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  padding: 16px 0;
  line-height: 1.25;
}
.newspaper ul.plan .more .p-box{
  text-align: center;
}
.newspaper ul.plan > li p.lead {
  margin: 1rem auto;
  display: inline-block;
  font-weight: bold;
  background-color: #aa941e;
  padding: 3px 10px 3px 13px;
  color: #fff;
}
.newspaper ul.plan li .icon-triangle {
  display: block;
  height: 28px;
  background-image: url(/vol1/info/images/icon_triangle_gr.svg);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-size: 23px auto;
  background-position: center 8px;
  background-repeat: no-repeat;
}
.newspaper ul.plan li p.plan_01 {
  display: block;
  height: 80px;
  background-image: url(/vol1/info/images/txt_takuhai_plan1.png);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-size: auto 80px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 2rem 0 1rem;
}
.newspaper ul.plan li p.plan_02 {
  display: block;
  height: 80px;
  background-image: url(/vol1/info/images/txt_takuhai_plan2.png);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-size: auto 80px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 2rem 0 1rem;
}
@media screen and (max-width: 359px) {
  .newspaper ul.plan li p.plan_02 {
    background-size: contain;
  }
}
.newspaper ul.plan li p.plan_01_txt {
  display: block;
  height: 60px;
  background-image: url(/vol1/info/images/txt_takuhai_01.png);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-size: auto 45px;
  background-position: center 0;
  background-repeat: no-repeat;
  margin: 0 15px 10px 15px;
}
.newspaper ul.plan li p.plan_02_txt {
  display: block;
  height: 60px;
  background-image: url(/vol1/info/images/txt_takuhai_02.png);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-size: auto 45px;
  background-position: center 0;
  background-repeat: no-repeat;
  margin: 0 15px 10px 15px;
}
@media screen and (max-width: 359px) {
  .newspaper ul.plan li p.plan_02_txt {
    height: 45px;
    background-size: contain;
    margin: 0 0 10px 0;
  }
}
.newspaper ul.plan li p.txt {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.newspaper ul.plan li p.more-note{
  font-size: 1.2rem;
  text-align: left;
  margin: 1rem 0 0;
}
.newspaper ul.plan li p.subtitle {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
  padding: 10px 0 0 0;
  text-align: center;
}
.newspaper ul.plan li p.title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  color: #780443;
  text-align: center;
}
.newspaper ul.plan ul.plan-detail-s {
  margin: 10px 0;
}
.newspaper ul.plan ul.plan-detail-s > li p {
  width: 100%;
  display: block;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 600;
  padding: 8px;
  text-align: center;
  color: #fff;
}
.newspaper ul.plan ul.plan-detail-s > li:after {
  content: "";
  width: 100%;
  height: 30px;
  display: block;
  background-color: #fff;
  background-image: url(/vol1/info/images/icon_plus.svg);
  background-size: 15px auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.newspaper ul.plan ul.plan-detail-s > li:last-child:after {
  content: "";
  width: 100%;
  height: 0;
}
.newspaper ul.plan ul.plan-detail-s.free > li p {
  background-color: #1371b8;
}
.newspaper ul.plan ul.plan-detail-s.premium > li p {
  background-color: #aa941e;
}
.newspaper ul.plan ul.plan-detail-s.premium {
  margin-bottom: 20px;
}
.newspaper ul.plan > li p.note {
  font-size: 1.1rem;
  line-height: 1.4;
  font-weight: normal;
  display: block;
  margin-bottom: 5px;
  text-align: left;
}
.newspaper ul.plan > li p.note a {
  border-bottom: 2px solid #941e57;
  display: inline-block;
  padding: 1px;
  color: #3c3c3c;
}
.newspaper .plan-partner {
  margin: -10px 0 20px;
}
.newspaper .plan-partner::before {
  content: "";
  width: 100%;
  height: 30px;
  display: block;
  background-color: #fff;
  background-image: url(/vol1/info/images/icon_plus.svg);
  background-size: 15px auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.newspaper .plan-partner .wrap {
  border: 2px solid #2671b8;
  padding: 8px;
  text-align: center;
  font-weight: bold;
}
.newspaper .plan-partner .period {
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 600;
}
.newspaper .plan-partner .period span {
  padding-left: 10px;
}
.newspaper .plan-partner .main {
  color: #2671b8;
  margin: 3px 0 0;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 600;
}
.newspaper p.note-b {
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 600;
  display: block;
  margin: 0 0 20px 0;
  text-align: left;
  color: #941e57;
}
.newspaper p.note-b-2 {
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 600;
  display: block;
  margin: 10px 0;
  text-align: left;
}
.newspaper p.note-b-2 a {
  border-bottom: 2px solid #941e57;
  display: inline-block;
  padding: 1px;
  color: #3c3c3c;
}
.newspaper ul.plan li a.btn-detail {
  display: block;
  background-color: #941e57;
  color: #fff;
  border-radius: 70px;
  font-size: 1.7rem;
  line-height: 1.25;
  font-weight: bold;
  padding: 18px;
  margin: 10px 20px;
  text-align: center;
  position: relative;
}
.newspaper ul.plan li a.btn-detail2 {
  font-size: 1.5rem;
  padding: 12px 0;
}
.newspaper ul.plan li p.btn-detail-under {
  color: #e00;
}

.newspaper p.note {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  color: #3c3c3c;
}
.newspaper ul.plan > li .campaign {
  font-size: 1.3rem;
  line-height: 1.8;
  text-align: center;
  font-weight: bold;
  display: block;
  margin: 20px -12px;
  color: #e91613;
}
.newspaper ul.plan > li .campaign a {
  font-size: 1.3rem;
  font-weight: normal;
  color: #e91613;
  text-decoration: underline;
}
.newspaper ul.plan > li p.label {
  font-size: 1.3rem;
  font-weight: 600;
  display: block;
  padding: 10px 0 0 0;
  text-align: center;
}
.newspaper ul.plan > li p.label-presentcamp {
  margin: 18px 0;
  font-size: 1.8rem;
  font-weight: bold;
  display: block;
  text-align: center;
}
.newspaper ul.plan > li p.label-presentcamp a {
  color: #f00;
  text-decoration: underline;
}
.newspaper ul.plan > li p.label-presentcamp a:hover {
  text-decoration: none;
}
.newspaper ul.plan > li ul.list-premium {
  letter-spacing: -0.4em;
  margin: 20px 0;
  text-align: center;
}

.newspaper ul.plan > li ul.list-premium li.item-simen-viwer {
  height: 80px;
  background-image: url(/vol1/info/images/img_takuhai_04.png);
  background-image: none, url(/vol1/info/images/img_takuhai_04@2x.png);
  background-size: 144px auto;
  background-position: center 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 375px) {
  .newspaper ul.plan > li ul.list-premium li.item-simen-viwer {
    margin-bottom: 8px;
  }
}
.newspaper ul.plan > li ul.list-premium li.item-maipo{
  margin-top: 4px;
  padding: 85px 0 0 0;
  background-image: none, url(/vol1/info/images/img_takuhai_maipo.png);
  background-size: 144px auto;
  background-position: center 0;
  background-repeat: no-repeat;
}
.newspaper ul.plan > li ul.list-premium li.item-benri-mypage {
  height: 80px;
  background-image: url(/vol1/info/images/img_takuhai_05.png);
  background-image: none, url(/vol1/info/images/img_takuhai_05@2x.png);
  background-size: 144px auto;
  background-position: center 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 375px) {
  .newspaper ul.plan > li ul.list-premium li.item-benri-mypage {
    padding-bottom: 28px;
  }
}
.newspaper ul.plan > li ul.list-premium li {
  letter-spacing: 0;
  width: 155px;
  height: auto;
  margin: 0;
  padding: 85px 0 40px 0;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
}
.newspaper ul.plan li .takuhaiplus-content .more{
  border: 2px solid #aa941e;
  border-radius: 8px;
  padding: 2rem;
  margin: 0 20px 20px;
}
.newspaper ul.plan li .takuhaiplus-content p.title{
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  color: #aa941e;
  text-align: center;
}
.newspaper ul.plan li .takuhaiplus-content ul.txt{
  padding: 0 0 9rem 0;
  text-align: center;
  background-image: none, url(/vol1/info/images/img_takuhai_06_renew.png);
  background-size: 144px auto;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.newspaper ul.plan li .takuhaiplus-content ul.txt li{
  background: url(/vol1/info/images/icon_check_black.svg) no-repeat;
  background-size: 1.4rem;
  background-position: 0 2px;
  padding-left: 1.7rem;
  padding-bottom: 0.8rem;
  line-height: 1.2;
  display: inline-block;
  font-weight: bold;
  font-size: 13px;
}

.newspaper .note-box-under {
  font-size: 1.3rem;
  line-height: 1.5;
  margin: 0;
  padding: 5px 0 10px;
}
.newspaper .note-box-campaign {
  text-align:center;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  display: block;
  padding: 10px 0;
  text-align: center;
  color:#941e57;
  padding:0;
  margin: 10px 0 0 0;
}
.newspaper .note-box-campaign:hover {
  text-decoration: underline;
}
.newspaper .note-box-campaign span {
  display:block;
  font-size: 1.6rem;
}
.newspaper a.btn-info {
  display: block;
  background-color: #941e57;
  color: #fff;
  border-radius: 70px;
  font-size: 1.7rem;
  line-height: 1.25;
  font-weight: bold;
  padding: 15px;
  margin: 15px 42px 30px 42px;
  text-align: center;
  position: relative;
}
.newspaper a.btn-info.bottom {
  margin: 35px 42px 20px 42px;
}
.newspaper .menu-box {
  border: 2px solid #941e57;
  background-color: #fff;
}
.newspaper .menu-box .inner {
  padding: 15px;
}
.newspaper .menu-box .title {
  font-size: 1.7rem;
  line-height: 1.25;
  font-weight: bold;
  color: #941e57;
  text-align: center;
  letter-spacing: 0;
  padding: 0 0 10px 0;
}
.newspaper .menu-box .subtitle {
  font-size: 1.4rem;
  font-weight: bold;
  color: #3c3c3c;
  text-align: left;
  padding: 7px 0 0 22px;
  margin: 0;
  background-image: url(/vol1/info/images/icon_check_purple.svg);
  background-size: 14px auto;
  background-position: 0 9px;
  background-repeat: no-repeat;
}
.newspaper .menu-box .txt {
  color: #737373;
  font-size: 1.1rem;
}
.newspaper .menu-box .left {
  width: 100%;
  display: block;
  vertical-align: top;
}
.newspaper .menu-box .right p.example {
  display: block;
  background-color: #ba506d;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  padding: 3px 0;
  text-align: center;
  margin: 15px 25px 0 25px;
  border-radius: 30px;
}
.newspaper .menu-box .right ul.list-type-ex {
  width: 100%;
  margin: 10px auto;
  letter-spacing: -0.4em;
  text-align: center;
}
.newspaper .menu-box .right ul.list-type-ex li {
  width: 135px;
  height: auto;
  display: inline-block;
  letter-spacing: 0;
  padding: 74px 0 0 0;
  font-size: 1.1rem;
  font-weight: bold;
  color: #737373;
  text-align: center;
  vertical-align: top;
}
.newspaper .menu-box .right ul.list-type-ex li:first-child {
  background-image: url(/vol1/info/images/img_takuhai_01@2x.png);
  background-size: 135px auto;
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 7px 0 0;
}
.newspaper .menu-box .right ul.list-type-ex li:last-child {
  background-image: url(/vol1/info/images/img_takuhai_02@2x.png);
  background-size: 135px auto;
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0;
}
.newspaper .menu-box .right {
  width: 100%;
  display: block;
}
.newspaper .menu-box .right .p-box {
  padding: 10px;
  margin: 0 20px;
  border-radius: 10px;
  border: 2px solid #aa941e;
  vertical-align: top;
  text-align: center;
}
.newspaper .menu-box .right .p-box .title {
  font-size: 1.1rem;
  font-weight: bold;
  color: #aa941e;
  line-height: 1.3;
  padding: 0;
}
.newspaper .menu-box .right .p-box p.lead {
  display: block;
  margin: 8px 0 6px 0;
}
.newspaper .menu-box .right .p-box p.lead span {
  display: inline;
  font-size: 1.1rem;
  font-weight: bold;
  color: #aa941e;
  background-color: #aa941e;
  padding: 3px 10px 3px 13px;
  color: #fff;
}
.newspaper .menu-box .right .p-box p.txt {
  display: block;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.3;
  color: #737373;
  margin: 0;
  text-align: center;
}
.newspaper .menu-box .flow {
  background-color: #f0ecee;
}
.newspaper .menu-box .flow ul.flow-list {
  margin: 5px 0;
}
.newspaper .menu-box .flow ul.flow-list li.free {
  display: block;
  border: 2px solid #1371b8;
  margin: 0 0 15px 0;
  padding: 10px 0;
  letter-spacing: 0;
  background-color: #fff;
  vertical-align: top;
}
.newspaper .menu-box .flow ul.flow-list li.premium {
  display: block;
  border: 2px solid #aa941e;
  margin: 0;
  padding: 10px 0;
  letter-spacing: 0;
  background-color: #fff;
  vertical-align: top;
}
.newspaper .menu-box .flow ul.flow-list li.free p.flowttl {
  width: 100%;
  height: 42px;
  background-image: none, url(/vol1/info/images/txt_takuhai_flow01.svg);
  background-size: auto 35px;
  background-position: center top;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.newspaper .menu-box .flow ul.flow-list li.premium p.flowttl {
  width: 100%;
  height: 42px;
  background-image: none, url(/vol1/info/images/txt_takuhai_flow02.svg);
  background-size: auto 35px;
  background-position: center top;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.newspaper .menu-box .flow ul.flow-list-01 {
  margin: 0 15px 15px 15px;
}
.newspaper .menu-box .flow ul.flow-list-01 li {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  background-color: #1371b8;
  padding: 10px 0;
  text-align: center;
}
.newspaper .menu-box .flow ul.flow-list-02 {
  margin: 0 15px 15px 15px;
}
.newspaper .menu-box .flow ul.flow-list-02 li {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  background-color: #aa941e;
  padding: 10px 0;
  text-align: center;
}
.newspaper .menu-box .flow ul.flow-list-01 .arrow-flow {
  content: "";
  display: block;
  width: 100%;
  height: 36px;
  background-color: #fff;
  background-image: url(/vol1/info/images/icon_triangle_flow1.png);
  background-image: none, url(/vol1/info/images/icon_triangle_flow1.svg);
  background-size: 18px auto;
  background-position: center 0;
  background-repeat: repeat-y;
  margin: 5px 0;
}
.newspaper .menu-box .flow ul.flow-list-02 .arrow-flow {
  content: "";
  display: block;
  width: 100%;
  height: 32px;
  background-color: #fff;
  background-image: url(/vol1/info/images/icon_triangle_flow2.png);
  background-image: none, url(/vol1/info/images/icon_triangle_flow2.svg);
  background-size: 18px auto;
  background-position: center 0;
  background-repeat: repeat-y;
  margin: 5px 0;
}
.newspaper a.btn-apply2 {
  display: block;
  background-color: #941e57 !important;
  color: #fff;
  border-radius: 70px;
  font-size: 1.7rem;
  line-height: 1.25;
  font-weight: bold;
  padding: 15px;
  margin: 21px 21px 11px 21px !important;
  text-align: center;
  position: relative;
}
.newspaper a.btn-apply2:hover {
  background-color: #780443;
}
@media screen and (max-width: 413px) {
  .takuhai ul.plan li a.btn-detail {
    margin: 10px 15px 22px 15px;
  }
  .takuhai .article-body a.btn-apply {
    margin: 32px 15px 22px 15px;
  }
}
@media screen and (max-width: 359px) {
  .takuhai .menu-box .left ul.list-type-ex li {
    display: block;
  }
  .takuhai .menu-box .left ul.list-type-ex li:first-child,
  .takuhai .menu-box .left ul.list-type-ex li:last-child {
    margin: 0 auto 10px auto;
  }
}

/* yutai */
.yutai {
}
.yutai .article-header {
  margin: 42px 0 0 0;
  text-align: center;
  height: auto;
  display: block;
  background-color: #51bdf6;
  background-image: url(/vol1/info/images/bg_stripe_bl_1.svg);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 9px 9px;
}
.yutai .article-header .container {
  width: 100%;
  text-align: center;
  padding: 35px 15px 15px 15px;
}
.yutai .article-header .box-image {
  width: 100%;
  height: 310px;
  display: block;
  background-image: url(/vol1/info/images/bg_sp_yutai_01.png),
    url(/vol1/info/images/bg_white.png);
  background-repeat: no-repeat, repeat-x;
  background-position: center 0, 0 bottom;
  background-size: auto 310px, 1px 23px;
  margin: 0;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (max-width: 374px) {
  .yutai .article-header .box-image {
    height: 260px;
    background-size: auto 260px, 1px 16px;
  }
}
.yutai .article-header .title {
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
}
.yutai .article-header .subtitle {
  font-size: 1.6rem;
  padding: 18px 0 0 0;
  font-weight: bold;
  color: #ffef20;
}
.yutai .article-body .container {
  padding: 20px 15px 15px 15px;
}
.yutai .article-body .lead {
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: bold;
  color: #0078c6;
  text-align: center;
}
.yutai .article-body a.btn-apply {
  width: 260px;
  display: block;
  border-radius: 50px;
  background-color: #1799ee;
  font-size: 1.7rem;
  padding: 15px 0;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin: 20px auto 30px auto;
}
.yutai .menu-sub {
  border: 4px solid #c6bf69;
  background-color: #e7f7ff;
  padding: 15px 28px;
}

.yutai .menu-sub ul.list-type-B {
}

.yutai .menu-sub h4.title {
  font-size: 1.4rem;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  text-align: center;
  color: #c6bf69;
}

.yutai .menu-sub ul.list-type-B li {
  width: 100%;
  margin: 0;
}

.yutai .menu-sub ul.list-type-B li:last-child {
  margin: 0 0 0 0;
}

.yutai .menu-sub ul.list-type-B li p.lead,
.yutai .menu-sub .column-premium p.lead {
  background-color: #c6bf69;
  padding: 5px 0 3px 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.3rem;
  color: #ffffff;
}

.yutai .menu-sub ul.list-type-B li p.txt,
.yutai .menu-sub .column-premium p.txt {
  padding: 6px 0;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: normal;
}

.yutai .menu_01 .menu-sub h4.title {
  color: #18b5e0;
}

.yutai .menu_02 .menu-sub h4.title {
  color: #1b94e2;
}

.yutai .menu_03 .menu-sub h4.title {
  color: #c6bf69;
}

.yutai .menu_01 .menu-sub ul.list-type-B li p.lead {
  background-color: #5dcbe9;
}

.yutai .menu_02 .menu-sub ul.list-type-B li p.lead {
  background-color: #5fb4eb;
}

.yutai .menu_03 .menu-sub .column-premium p.lead {
  background-color: #c6bf69;
}
.yutai .menu-sub .column-premium {
}
.yutai .menu-sub .column-premium .box {
  background-color: #ffffff;
  padding: 12px;
  margin: 10px 0;
}
.yutai .menu-sub .column-premium p.txt.premier {
}
.yutai .menu-sub .column-premium p.txt.center {
}
.yutai .menu-sub .column-premium .logo-economist {
  margin: 0 auto;
  width: 110px;
  height: 40px;
  background-color: transparent;
  background-image: url(/vol1/info/images/logo_shukan_economist@2x.png);
  background-position: center 5px;
  background-repeat: no-repeat;
  background-size: 110px auto;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.yutai .menu-sub .column-premium .img-economist {
  width: 100%;
  height: 150px;
  background-color: transparent;
  background-image: url(/vol1/info/images/img_economist@2x.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto;
}
.yutai .menu-sub .column-premium .logo-smainichi {
  margin: 0 auto;
  width: 89px;
  height: 40px;
  background-color: transparent;
  background-image: url(/vol1/info/images/logo_Smainichi.svg);
  background-position: center 10px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.yutai .menu-sub .column-premium .img-smainichi {
  width: 100%;
  height: 150px;
  background-color: transparent;
  background-image: url(/vol1/info/images/img_pc_service_p_02@2x.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto 10px auto;
}
.yutai .menu-sub .column-premium .img-digital {
  width: 100%;
  height: 130px;
  background-color: transparent;
  background-image: url(/vol1/info/images/img_pc_service_p_03@2x.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  margin: 0 auto 20px auto;
}
.yutai .menu-sub .column-premium .logo-tokutoku {
  margin: 0 auto;
  width: 160px;
  height: 35px;
  background-color: transparent;
  background-image: url(/vol1/info/images/logo_tokutoku.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 160px auto;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.yutai .menu-sub .column-premium p.subtitle {
  color: #d1455b;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
  margin: 5px 0 3px 0;
}
.yutai .menu-sub .column-premium ul.list-type-D {
}
.yutai .menu-sub .column-premium ul.list-type-D li {
  display: block;
  background-color: transparent;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: auto 155px;
  padding: 165px 0 0 0;
  margin: 30px 0 0 0;
}
.yutai .menu-sub .column-premium ul.list-type-D li.img_01 {
  background-image: url(/vol1/info/images/img_pc_service_p_04@2x.png);
}
.yutai .menu-sub .column-premium ul.list-type-D li.img_02 {
  background-image: url(/vol1/info/images/img_pc_service_p_05@2x.png);
}
.yutai .menu-sub .column-premium ul.list-type-D li.img_03 {
  background-image: url(/vol1/info/images/img_pc_service_p_06@2x.png);
}
.yutai .menu-sub .column-premium ul.list-type-D li p.lead {
  text-align: left;
  font-weight: bold;
  font-size: 1.2rem;
  color: #3c3c3c;
  text-align: center;
  background-color: transparent;
}
.yutai .menu-sub .column-premium ul.list-type-D li p.txt {
  padding: 0 !important;
  font-size: 1.2rem;
  line-height: 1.58 !important;
  font-weight: normal;
  display: block;
}
.yutai .menu-sub .column-premium a.btn-welbox {
  margin: 25px auto 25px auto;
  width: 180px;
  background-color: #1799ee;
  display: block;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
  padding: 6px 0;
  border-radius: 5px;
}
.yutai a.btn-plan {
  padding: 15px 0;
  margin: 30px 0 50px 0;
  background-color: #1799ee;
  display: block;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  font-size: 1.7rem;
  border-radius: 5px;
}
.yutai a.btn-plan:hover {
  background-color: #0078c6;
}
.yutai ul.list-caution {
}
.yutai ul.list-caution > li {
  border-radius: 5px;
  border: 2px solid #0078c6;
  margin: 0 0 20px 0;
}
.yutai ul.list-caution > li > .title {
  color: #0078c6;
  display: block;
  background-color: #e7f7ff;
  border-radius: 3px 3px 0 0;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
.yutai ul.list-caution > li > ul {
  margin: 0;
  padding: 12px 12px 12px 22px;
}
.yutai ul.list-caution > li > ul > li {
  font-size: 1.1rem;
  line-height: 1.5;
  list-style-type: disc;
  list-style-position: outside;
}
.yutai .wrapper-bl {
  margin: 15px -15px;
  padding: 0;
  background-color: #afe0ff;
}
.yutai .wrapper-bl p.title-plan {
  font-size: 1.7rem;
  line-height: 1.5;
  font-weight: bold;
  color: #0078c6;
  text-align: center;
  padding: 10px 0 30px;
}
.yutai ul.nav_plan1 li.p3 {
  position: relative;
}
.yutai ul.nav_plan1 li.p3:before {
  position: absolute;
  content: "";
  top: -30px;
  left: 0;
  width: 90px;
  height: 90px;
  display: block;
  background-image: url(/vol1/info/images/icon_eo@2x.png);
  background-size: 85px auto;
  background-position: center 0;
  background-repeat: no-repeat;
}
.yutai ul.plan-box > li .nvtitle {
  width: 100%;
  height: 80px;
  background-color: transparent;
  background-position: top center;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.yutai ul.plan-box > li.p1 .nvtitle {
  background-image: url(/vol1/info/images/img-plan-index-nvtitle01.svg);
  background-size: auto 80px;
  background-color: #18b5e0;
}
.yutai ul.plan-box > li.p2 .nvtitle {
  background-image: url(/vol1/info/images/img-plan-index-nvtitle02.svg);
  background-size: auto 80px;
  background-color: #1b94e2;
}
.yutai ul.plan-box > li.p3 .nvtitle {
  background-image: url(/vol1/info/images/img-plan-index-nvtitle03.svg);
  background-color: #c6bf69;
}
.yutai ul.nav_plan1 li.p2,
.yutai ul.nav_plan1 li.p3 {
  margin: 0 0 20px 0;
}
.yutai ul.nav_plan1 li.p1 {
  margin: 0;
}
/* plan/magazine/weeklyplus */
.weeklyplus .article-header {
  margin: 42px 0 0 0;
  height: auto;
  background-color: #f8f8f8;
}
.weeklyplus .article-header .container {
  text-align: center;
  padding: 20px 15px;
}
.weeklyplus .article-header .title {
  font-size: 2.2rem;
  font-weight: bold;
  color: #1c3b4b;
  padding: 0 0 14px 0;
}
.weeklyplus .article-header .subtitle {
  font-size: 1.3rem;
  font-weight: bold;
  color: #1c3b4b;
  padding: 0;
}
.weeklyplus .article-body .container {
  padding: 0 15px;
}
.weeklyplus ul.list-step li {
  margin-bottom: 18px;
}
.weeklyplus ul.list-step li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
.weeklyplus ul.list-step li .title {
  background-color: #53acdb;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  padding: 6px 15px;
  margin: 0 0 15px 0;
}
.weeklyplus ul.list-step li .subtitle {
  font-size: 1.3rem;
  font-weight: 600;
  color: #1c3b4b;
  line-height: 1.27;
  margin-bottom: 10px;
  padding: 0 15px;
  text-align: center;
}
.weeklyplus ul.list-step li p.txt {
  font-size: 1.2rem;
  line-height: 1.58;
  padding: 0 15px;
}
.weeklyplus .wrapper-gr {
  margin: 0;
  padding: 20px 0 40px;
  background-color: #f8f8f8;
}
.weeklyplus .ex-step01 .subtitle:before {
  content: "";
  display: block;
  width: 100%;
  height: 230px;
  background-image: url(/vol1/info/images/bg_weeklyplus_01@2x.png);
  background-size: 300px auto;
  background-position: center 0;
  background-repeat: no-repeat;
}
.weeklyplus .ex-step02 .subtitle:before {
  content: "";
  display: block;
  width: 100%;
  height: 350px;
  background-image: url(/vol1/info/images/bg_sp_weeklyplus_02.png);
  background-size: 300px auto;
  background-position: center 0;
  background-repeat: no-repeat;
}
.weeklyplus .ex-step03 .subtitle:before {
  content: "";
  display: block;
  width: 100%;
  height: 260px;
  background-image: url(/vol1/info/images/bg_weeklyplus_03@2x.png);
  background-size: 300px auto;
  background-position: center 0;
  background-repeat: no-repeat;
}
.weeklyplus .btn-detail {
  background-color: #1799ee;
  border-radius: 60px;
  padding: 18px;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: #fff;
  display: block;
  margin: 20px 40px;
}
.weeklyplus .link-detail {
  width: 100%;
  padding: 10px 0;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: #1c3b4b;
  display: block;
  opacity: 1;
}
.weeklyplus .link-detail:hover {
  opacity: 0.8;
}
.weeklyplus .btn-box {
  display: block;
  text-align: center;
  margin: 20px 0 0 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.weeklyplus .btn-box .btn-detail {
  margin-top: 0;
}
.mail-attention{
    width: 100%;
    margin-top: 2px;
    background-color: #E8F5FF;
}
.mail-attention p{
    padding: 30px 0;
    text-align: center;
    font-size: 16px;
    color: #3c3c3c;
}

/*----------------------------------------
7.article-footer
----------------------------------------*/
.article-footer {
  background: #ffffff;
  text-align: center;
  padding: 60px 0;
  position: relative;
}
.article-footer ul.nav {
  text-align: center;
}
.article-footer ul.nav li {
  display: block;
  margin: 0 15px;
}
.article-footer ul.nav li a {
  width: 100%;
  border-radius: 5px;
  padding: 18px 0;
  margin: 0 0 9px 0;
  background: #1799ee;
  text-align: center;
  display: block;
  font-size: 1.7rem;
  color: #ffffff;
  font-weight: bold;
}
.article-footer ul.nav-wh {
  text-align: center;
}
.article-footer ul.nav-wh li {
  display: block;
  margin: 0 15px;
}
.article-footer ul.nav-wh li a {
  width: 100%;
  border-radius: 5px;
  border: 2px solid #1799ee;
  padding: 18px 0;
  margin: 0 0 20px 0;
  background: #fff;
  text-align: center;
  display: block;
  font-size: 1.7rem;
  color: #1799ee;
  font-weight: bold;
}
.article-footer a.link-blue {
  font-size: 1.5rem;
  font-weight: bold;
  color: #1799ee;
  position: relative;
  text-align: center;
  margin: 20px;
  display: block;
}
.article-footer a.link-blue:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 18px;
  background-image: url(/vol1/info/images/icon_arrow_bl_b.svg);
  background-size: 8px auto;
  background-position: 7px 4px;
  background-repeat: no-repeat;
  vertical-align: top;
}
/*----------------------------------------
8.buttons
----------------------------------------*/

.btn-blue a {
  border-radius: 10px;
  padding: 15px 10px;
  background: #1799ee;
  text-align: center;
  display: block;
  font-size: 1.6rem;
  color: #ffffff;
  font-weight: bold;
}

/*----------------------------------------
9.campaign base
----------------------------------------*/
.plan-index a.btn-campbase,
.plan-chart a.btn-campbase,
.subscribe a.btn-campbase {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  color: #f44415;
  position: relative;
  display: block;
  padding: 0 10px;
  margin: 0 auto;
  text-align: center;
}
.plan-index a.btn-campbase > span,
.plan-chart a.btn-campbase > span,
.subscribe a.btn-campbase > span {
  font-size: 12px;
  font-size: 1.2rem;
}
.plan-index a.btn-campbase:after,
.plan-chart a.btn-campbase:after,
.subscribe a.btn-campbase:after {
  display: inline-block;
  margin: 0 0 0 7px;
  content: "";
  width: 7px;
  height: 18px;
  background-image: url(/vol1/info/images/icon_arrow_red2.svg);
  background-size: 7px auto;
  background-position: 0 5px;
  background-repeat: no-repeat;
  vertical-align: top;
}
.plan-index ul.plan-box > li .lead {
  padding-bottom: 5px !important;
}
.plan-index ul.plan-box-catch {
  padding-top: 0 !important;
}
.plan-index ul.plan-box-btn > li .price.campbase {
  background-size: auto 65px;
}
@media screen and (max-width: 320px) {
  .plan-index ul.plan-box-btn > li .price.campbase {
    background-size: contain;
  }
}
.plan-index ul.nav_plan1 li p.price.campbase {
  background-size: auto 80px;
}
.plan-index ul.plan-box-btn > li a.btn-campbase {
  display: none;
}
.plan-chart ul.nav_plan1 li p.price.campbase,
.subscribe ul.nav_plan1 li p.price.campbase {
  background-size: auto 50px;
}
.plan-chart ul.nav_plan1 li.p3 p.price.campbase,
.subscribe ul.nav_plan1 li.p3 p.price.campbase {
  background-size: auto 80px;
  height: 90px;
}
.plan-index ul.plan-box > li .price.campbase {
  background-size: auto 80px;
}
@media screen and (max-width: 359px) {
  .plan-index ul.plan-box > li .price.campbase {
    background-size: auto 75px;
  }
}
.plan-index ul.plan-box > li .btn-campbase-standard {
  background-color: #fff;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 600;
  color: #f44415;
  border-radius: 50px;
  padding: 6px 15px;
  text-align: center;
  display: block;
  margin: 7px auto 15px;
  width: 90%;
  min-width: 260px;
  max-width: 360px;
  border: 2px solid #f44415;
}
.plan-index ul.plan-box > li .btn-campbase-standard > span {
  font-size: 1.7rem;
  display: inline;
}
.br-campbase {
  display: none;
}
@media screen and (max-width: 410px) {
  .br-campbase {
    display: block;
  }
}
.plan .btn-apply-campbase {
  background-color: #1799ee;
  font-size: 1.7rem;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
  border-radius: 50px;
  padding: 7px 7px 6px 7px;
  text-align: center;
  display: block;
  margin: 7px auto 0;
  width: 260px;
}

/*----------------------------------------
98.animation
----------------------------------------*/
.animated {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.slow {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}
.fadeInUp.go {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.delay-250 {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.delay-500 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.delay-750 {
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.delay-1000 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*----------------------------------------
99.hac
----------------------------------------*/
.clr:after,
.cFix:after,
header:after,
article:after,
section:after,
article header:after,
.container:after,
.section:after,
.row:after,
.global-header-main:after,
.global-header-sub:after,
.article-header .article-header-main:after,
.article-header .article-header-sub:after,
.article-body .nav-type-A:after,
.article-body .nav:after,
.article-body .nav-top:after,
.article-body .article-body-main:after,
.article-body .menu-main:after,
.article-body .list-type-A:after,
.article-body .list-type-B:after,
.article-body .list-type-C:after,
.article-body .list-type-D:after,
.article-body .list-type-E:after,
.article-body .list-type-ph01:after,
.article-body .list-type-ph02:after,
.global-footer .nav:after,
footer:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

.caution_takuhai {
  font-size: 1.4rem;
  line-height: 1.75;
  font-weight: bold;
  color: #ff0000;
  padding: 10px 20px;
  text-align: center;
}