@charset "UTF-8";
.display_pc {
  display: block !important;
}
@media only screen and (max-width: 768px) {
  .display_pc {
    display: none !important;
  }
}
.display_pc.inline {
  display: inline-block !important;
}
@media only screen and (max-width: 768px) {
  .display_pc.inline {
    display: none !important;
  }
}

.display_sp {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .display_sp {
    display: block !important;
  }
}
.display_sp.inline {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .display_sp.inline {
    display: inline-block !important;
  }
}

.common-h2, .global-nav h2, .search-word h2, .article-list-title {
  line-height: 1.8;
  font-family: "Sawarabi Mincho";
  font-size: 20px;
  text-align: center;
  color: #111;
}
@media only screen and (max-width: 768px) {
  .common-h2, .global-nav h2, .search-word h2, .article-list-title {
    font-size: 14px;
    line-height: 1.28571;
  }
}

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



@media print {
	img { display: none !important; }
  figure { display: none !important; }
  .noBgPrint { background-image: none !important; }
}

html {
  overflow-y: scroll;
}

body {
  line-height: 1;
  word-break: break-all;
}

p {
  margin: 0 0 1em;
  line-height: 1.73;
  font-size: 18px;
}
@media only screen and (max-width: 959px) {
  p {
    margin: 0 0 0.5em;
    font-size: 14px;
    line-height: 1.57143;
  }
}

em,
address {
  font-style: normal;
}

strong {
  font-weight: bold;
  color: #a22316;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section, blockquote {
  display: block;
}

ul, li, dl, dt, dd {
  list-style-type: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

ins {
  text-decoration: underline;
}

del {
  text-decoration: line-through;
}

mark {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  background: #ff0;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

label {
  cursor: pointer;
}

input[type="text"],
input[type="password"],
textarea, select {
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: text-bottom;
  border: 0;
}

@media only screen and (max-width: 768px) {
  img {
    max-width: 125%;
    height: auto;
    vertical-align: text-bottom;
    border: 0;
  }
}
input, select, a img {
  vertical-align: middle;
}

.blue_c{
   background-color: aliceblue;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-top: 10px;
   margin-bottom: unset;
}

a {
  cursor: pointer;
  line-height: 1.73;
  color: #008eca;
  font-size: 18px;
  text-decoration: none;
  outline: 0;
  text-decoration: underline;
}
@media only screen and (max-width: 959px) {
  a {
    font-size: 14px;
    line-height: 1.57143;
    text-decoration: underline;
  }
}

small {
  color: #5b4a10;
}

ruby {
  display: inline-table;
  margin: 0;
  padding: 0;
  border: none;
  white-space: nowrap;
  text-indent: 0;
  vertical-align: text-bottom !important;
  text-decoration: none;
  text-align: center;
  line-height: 100%;
}

ruby rt,
a:link ruby rt,
a:visited ruby rt {
  display: table-header-group;
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  font-size: 70%;
  line-height: 100%;
  text-decoration: none;
}

ruby rp {
  display: none;
}

.under-line {
  text-decoration: underline;
  font-size: inherit;
  font-weight: inherit;
}

/*#video_test img{
  width:100%;
  max-width: 840px;
  padding-left: 6.1%;
}
#video_test iframe{
  width:88.95%;
  height: 450px;
  padding-left: 6.1%;
}*/
/*@media only screen and (max-width: 900px) {
  #video_test img{
  width:85%;
  max-width: 840px;
  padding-left: 7.1%;
  }
}
@media only screen and (max-width: 768px) {
  #video_test img{
  width:85%;
  padding-left: 7.1%;
  }
  #video_test iframe{
    height: 200px;
  }
}*/
.video_test iframe{
  width:88.95%;
  height: 450px;
  padding-left: 6.1%;
}
@media only screen and (max-width: 900px) {
  .video_test iframe{
    height: 220px;
  }
}

.display_pc {
  display: block !important;
}
@media only screen and (max-width: 768px) {
  .display_pc {
    display: none !important;
  }
}
.display_pc.inline {
  display: inline-block !important;
}
@media only screen and (max-width: 768px) {
  .display_pc.inline {
    display: none !important;
  }
}

.display_sp {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .display_sp {
    display: block !important;
  }
}
.display_sp.inline {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .display_sp.inline {
    display: inline-block !important;
  }
}

.common-h2, .global-nav h2, .search-word h2, .article-list-title {
  line-height: 1.8;
  font-family: "Sawarabi Mincho";
  font-size: 20px;
  text-align: center;
  color: #111;
}
@media only screen and (max-width: 768px) {
  .common-h2, .global-nav h2, .search-word h2, .article-list-title {
    font-size: 14px;
    line-height: 1.28571;
  }
}

/* --------------------------------------------------

common

-------------------------------------------------- */
html {
  overflow-y: scroll;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  line-height: 1;
  word-break: break-all;
}

.wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

/* サイト共通ヘッダー
---------------------------------------- */
.site-header {
  margin: 0 auto;
  padding: 0;
  max-width: 1000px;
  height: 90px;
}
@media only screen and (max-width: 768px) {
  .site-header {
    width: 100%;
    height: auto;
  }
}

.wrap-header {
  display: table;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .wrap-header {
    position:relative;
    position:relative;
    top: 0;
    left: 0;
  }
}
.wrap-header .site-title {
  display: table-cell;
  margin: 0;
  padding: 0;
  width: 50%;
  height: 100%;
  text-align: left;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .wrap-header .site-title {
    display: block;
    padding: 4% 0 5%;
    width: 100%;
  }
}
.wrap-header .site-title a {
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .wrap-header .site-title a {
    display: block;
  }
}
.wrap-header .site-title h1 {
  margin: 0;
  padding: 0;
  padding-right: 32.8%;
}
@media only screen and (max-width: 768px) {
  .wrap-header .site-title h1 {
    margin: 0;
    padding: 0 15%;
  }
}
.wrap-header .site-title p {
  margin: 0;
  padding: 0;
  line-height: 1;
}
.wrap-header .site-title p:first-child {
  margin-bottom: 10px;
  padding-right: 54.4%;
}
@media only screen and (max-width: 768px) {
  .wrap-header .site-title p:first-child {
    margin: 0 0 1em;
    padding: 0 26.25%;
  }
}
.wrap-header .site-title p:last-child {
  padding-right: 32.8%;
}
@media only screen and (max-width: 768px) {
  .wrap-header .site-title p:last-child {
    margin: 0;
    padding: 0 15%;
  }
}
.wrap-header .site-title img {
  width: 100%;
}
.wrap-header .logo-aflac {
  display: table-cell;
  width: 50%;
  height: 100%;
  text-align: right;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .wrap-header .logo-aflac {
    display: block;
    position: absolute;
    top: 12%;
    right: 3.125%;
  }
}
.wrap-header .logo-aflac a {
  display: inline-block;
  width: 16.8%;
}

.wrap-header .logo-aflac img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .wrap-header .logo-aflac img {
    width: 125%;
  }
}

/* トップメインビジュアル
---------------------------------------- */
.main-visual {
  margin: 0 0 30px;
  width: 100%;
  height: 330px;
}
@media only screen and (max-width: 768px) {
  .main-visual {
    margin: 0;
    height: auto;
  }
}
.main-visual .main-image {
  margin: -180px auto 0;
  width: 1000px;
  height: 260px;
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 768px) {
  .main-visual .main-image {
    margin: -50.5% auto 0;
    padding: 0;
    width: 93.75%;
    height: auto;
  }
  .main-visual .main-image img {
    width: 100%;
  }
}

.wrap-main-visual {
  width: 100%;
  height: 250px;
  background: #0077c3;
}
@media only screen and (max-width: 768px) {
  .wrap-main-visual {
    height: auto;
    padding-top: 6%;
    padding-bottom: 55.5%;
  }
}
.wrap-main-visual p {
  margin: 0 auto;
  padding: 0;
  width: 1000px;
  height: 70px;
  line-height: 70px;
  color: #fff;
  font-size: 15px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .wrap-main-visual p {
    padding: 0 7.8125%;
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/* トップグローバルナビ
---------------------------------------- */
.global-nav {
  margin: 0 auto;
  padding: 30px 0;
  width: 1000px;
  position: relative;
  top: 0;
  left: 0;
  border-bottom: 1px solid #eee;
}
@media only screen and (max-width: 768px) {
  .global-nav {
    padding: 0 3.125%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.global-nav h2 {
  margin-bottom: 4px;
}
@media only screen and (max-width: 768px) {
  .global-nav h2 {
    height: 51px;
    line-height: 51px;
    font-size: 14px;
  }
}
.global-nav ul{
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}
@media only screen and (max-width: 768px) {
}
.global-nav li {
  padding: 5px;
  width: calc(100%/6);
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .global-nav li {
    width: calc(100%/2);
  }
}
.global-nav li a {
  display: block;
  width: 100%;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.global-nav li a:hover {
  opacity: 0.6;
}
.global-nav li a img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
}
.global-nav .view-all-link {
  position: absolute;
  top: 30px;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .global-nav .view-all-link {
    height: 43px;
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
  }
}
.global-nav .view-all-link a {
  font-size: 14px;
  font-weight: 200;
  text-decoration: none;
}
.global-nav .view-all-link a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  .global-nav .view-all-link a {
    line-height: 45px;
    font-size: 14px;
  }
}


.global-nav-under .global-nav {
  border: none;
  padding: 0;
  margin: 80px auto;
}
.global-nav-under .global-nav .view-all-link {
  top: 0;
}
@media only screen and (max-width: 768px) {
  .global-nav-under .global-nav {
    margin: 10px auto;
    padding: 0 20px;
  }
}

/* 気になるワードから探す
---------------------------------------- */
.search-word {
  margin: 0 auto;
  padding: 20px 0;
  width: 1000px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .search-word {
    width: 100%;
    padding: 20px 3.125% 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.search-word h2 {
  margin-bottom: 20px;
}
.search-word ul {
  display: inline-block;
  text-align: center;
  letter-spacing: -.4em;
}
.search-word li {
  display: inline-block;
  margin: 0 1em 1em 0;
  letter-spacing: normal;
}
.search-word li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  .search-word li {
    margin: 0 1em 1em 0;
  }
  .search-word li:last-child {
    margin-right: 0;
  }
}
.search-word li a {
  display: inline-block;
  padding-bottom: 8px;
  color: #009bdd;
  font-size: 16px;
  position: relative;
  top: 0;
  left: 0;
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  .search-word li a {
    padding-bottom: 6px;
    font-size: 13px;
    font-weight: 300;
  }
}
.search-word .openBtn, .search-word .closeBtn,
.search-word .closeBtn_02,
.search-word .openBtn_02 {
  cursor: pointer;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 200;
  color: #008eca;
  position: relative;
  top: 0;
  left: 0;
}
.search-word .openBtn:hover, .search-word .closeBtn:hover,
.search-word .closeBtn_02:hover,
.search-word .openBtn_02:hover {
  text-decoration: underline;
}
.search-word .openBtn:after, .search-word .closeBtn:after,
.search-word .closeBtn_02:after,
.search-word .openBtn_02:after {
  content: "";
  display: inline-block;
  margin-left: 11px;
  width: 7px;
  height: 7px;
  position: relative;
  top: -2px;
  left: 0;
  border-right: 1px solid #008eca;
  border-bottom: 1px solid #008eca;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (max-width: 768px) {
  .search-word .openBtn, .search-word .closeBtn,
  .search-word .closeBtn_02,
  .search-word .openBtn_02 {
    font-size: 14px;
    font-weight: 200;
  }
  .search-word .openBtn:after, .search-word .closeBtn:after,
  .search-word .closeBtn_02:after,
  .search-word .openBtn_02:after {
    width: 4px;
    height: 4px;
    top: -3px;
  }
}
.search-word .closeBtn:after,
.search-word .closeBtn_02:after {
  top: 1px;
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.search-word .hideCont {
  display: none;
}

/* コンバージョンエリア１
---------------------------------------- */
.cvr-area_01 {
  padding: 30px 0;
  width: 100%;
  background: #f1f8fc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cvr-area_01 .inner {
  margin: 0 auto;
  max-width: 1000px;
}
@media only screen and (max-width: 768px) {
  .cvr-area_01 {
    padding: 20px 3.125% !important;
  }
}
.cvr-area_01 ul {
  display: flex !important;
  flex-wrap: wrap;
  margin: 0 -10px;
}
@media only screen and (max-width: 768px) {
  .cvr-area_01 ul {
    margin: -2px !important;
  }
  .cvr-area_01.sub  ul {
    margin: -5px;
  }
}
.cvr-area_01 li {
  float: left;
  width: 33.3333% !important;
  padding: 0 10px;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .cvr-area_01 li {
    padding: 2px !important;
    margin: 0 !important;
  }
  .cvr-area_01.sub li {
    width: 100%;
    padding: 5px;
  }
}
.cvr-area_01 a {
  display: block;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.cvr-area_01 a img{
  width: 100%;
}
.cvr-area_01 a:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 768px) {
  .cvr-area_01 a:before {
    right: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .cvr-area_01 a {
    height: auto !important;
  }
}

/* PICK UP
---------------------------------------- */
.pick-up-area {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 607px;
  background: #009bdd;
}
@media only screen and (max-width: 768px) {
  .pick-up-area {
    height: auto;
  }
}
.pick-up-area .pick-up-header {
  margin: 0 auto;
  padding: 39px 0 0 0;
  width: 1000px;
  height: 129px;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .pick-up-area .pick-up-header {
    margin: 0;
    padding: 24px 0 0;
    width: 100%;
    height: 119px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.pick-up-area .pick-up-header p {
  margin: 0 0 10px;
  padding: 0;
  line-height: 1;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .pick-up-area .pick-up-header p {
    margin-bottom: 9px;
  }
}
.pick-up-area .pick-up-header span {
  line-height: 1;
  font-family: "Sawarabi Mincho";
  font-size: 18px;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .pick-up-area .pick-up-header span {
    display: block;
    line-height: 1.5;
    font-family: "Sawarabi Mincho";
    font-size: 12px;
    color: #fff;
  }
}
.pick-up-area .pick-up-header h2 {
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-family: "Sawarabi Mincho";
  font-size: 36px;
  color: #fff;
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
}
.pick-up-area .pick-up-header h2:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: -7px;
  right: -13px;
  background: url("../img/icon/common/icon-pickup.png") 0 0 no-repeat;
}
@media only screen and (max-width: 768px) {
  .pick-up-area .pick-up-header h2 {
    font-size: 24px;
  }
}
.pick-up-area .pick-up-footer {
  margin: 0 auto;
  padding: 30px 0 0;
  width: 1000px;
  height: 126px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .pick-up-area .pick-up-footer {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 70px;
  }
}
.pick-up-area .pick-up-footer .view-all-link a {
  display: block;
  margin: 0 auto;
  width: 200px;
  height: 56px;
  line-height: 52px;
  text-align: center;
  font-size: 14px;
  font-weight: 200;
  color: #fff;
  border: 2px solid #fff;
  text-decoration: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.pick-up-area .pick-up-footer .view-all-link a:hover {
  color: #009bdd;
  text-decoration: none;
  background: #fff;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
@media only screen and (max-width: 768px) {
  .pick-up-area .pick-up-footer .view-all-link a {
    margin: 0 auto;
    width: 53.125%;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    font-weight: 200;
    border: 1px solid #fff;
  }
}

.pick-up-list {
  margin: 0 auto;
  width: 1000px;
  height: 372px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .pick-up-list {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
  }
}
.pick-up-list ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.pick-up-list li {
  float: left;
  margin: 0 20px 0 0;
  position: relative;
}
.pick-up-list li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  .pick-up-list li {
    margin: 0;
    /*padding:  0 (50% / (640 / 100));*/
    padding: 0 25px;
    padding: 0 0.21%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.pick-up-list li a {
  display: block;
  overflow: hidden;
  width: 320px;
  height: 372px;
  text-decoration: none;
  background: #fff;
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.pick-up-list li a:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.pick-up-list li a:hover {
  background: #eee;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
@media only screen and (max-width: 768px) {
  .pick-up-list li a {
    padding-bottom: 10px;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.more-btn {
  position: absolute;
  bottom: 15px;
  margin: 0;
  font-size: 14px;
  border: 1px solid;
  padding: 10px 15px;
  left: 20px;
  line-height: 1em;
  padding-right: 50px;
  color: #0064a9;
  font-family: "Sawarabi Mincho";
}
.more-btn::after {
  content: "";
  display: inline-block;
  margin: 0 0 0 5px;
  width: 5px;
  height: 10px;
  position: absolute;
  bottom: 12px;
  right: 17px;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-right: 1px solid #0064a9;
}
.more-btn::before{
  content: "";
  display: inline-block;
  width: 25px;
  height: 1px;
  position: absolute;
  bottom: 15px;
  right: 15px;
  background: #0064a9;
}
@media only screen and (max-width: 768px) {
  .more-btn {
    left: 15px;
    font-size: 11px;
    bottom: 22px;
    padding: 8px 10px;
    padding-right: 45px;
  }
  .more-btn::before {
    width: 20px;
    bottom: 12px;
  }
  .more-btn::after {
    height: 7px;
    bottom: 10px;
  }
  .pick-up-list li .more-btn {
    left: 10%;
  }

}
.pick-up-list img {
  width: 100%;
}
.pick-up-list .pick-up-thum {
  position: relative;
  top: 0;
  left: 0;
}
.pick-up-list .pick-up-thum .label-new {
  width: 72px;
  height: 17px;
  line-height: 17px;
  color: #fff;
  font-family: 'Didact Gothic', sans-serif;
  font-size: 11px;
  text-indent: 15px;
  position: absolute;
  top: 2px;
  left: -9px;
  background: #f23f5c;
  -moz-transform: rotate(-29deg);
  -o-transform: rotate(-29deg);
  -ms-transform: rotate(-29deg);
  -webkit-transform: rotate(-29deg);
  transform: rotate(-29deg);
}
.pick-up-list .pick-up-thum .label-category {
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  font-weight: 200;
  text-align: center;
  position: absolute;
  bottom: -5px;
  right: 15px;
}
.pick-up-list .pick-up-thum .label-category.type_01 {
  font-size: 14px;
  background: #ff82ce;
}
.pick-up-list .pick-up-thum .label-category.type_02 {
  font-size: 14px;
  background: #3fccad;
}
.pick-up-list .pick-up-thum .label-category.type_03 {
  font-size: 14px;
  background: #bb7ceb;
}
.pick-up-list .pick-up-thum .label-category.type_04 {
  font-size: 14px;
  background: #42afe8;
}
.pick-up-list .pick-up-thum .label-category.type_05 {
  font-size: 14px;
  background: #4d75e5;
}
.pick-up-list .pick-up-thum .label-category.type_06 {
  font-size: 14px;
  background: #7988e9;
}
.pick-up-list .pick-up-cont {
  padding: 20px 20px 15px;
}
@media only screen and (max-width: 768px) {
  .pick-up-list .pick-up-cont {
    margin: 0;
    padding: 20px 13px 10px;
  }
}
.pick-up-list .pick-up-cont h3 {
  overflow: hidden;
  margin-bottom: 10px;
  height: 81px;
  line-height: 1.58824;
  font-family: "Sawarabi Mincho";
  font-size: 17px;
  color: #111;
}
@media only screen and (max-width: 768px) {
  .pick-up-list .pick-up-cont h3 {
    overflow: hidden;
    margin: 0 0 8px;
    height: 63px;
    line-height: 1.4;
    font-size: 15px;
  }
}
.pick-up-list .pick-up-cont .pick-up-txt {
  overflow: hidden;
  margin: 0;
  height: 67.5px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 200;
  color: #111;
}
@media only screen and (max-width: 768px) {
  .pick-up-list .pick-up-cont .pick-up-txt {
    overflow: hidden;
    height: 54px;
    line-height: 1.38462;
    font-size: 13px;
    font-weight: 200;
  }
}
.pick-up-list .label-kind {
  float: right;
  display: inline-block;
  margin: 0 20px 0 0;
  padding: 0 9px;
  height: 20px;
  line-height: 20px;
  color: #000;
  font-size: 10px;
  font-weight: 200;
  text-align: center;
  background: #eee;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.bx-controls.bx-has-pager {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .pick-up-list .label-kind {
    margin-bottom: 25px;
  }
}
/* スライダーの設定
---------------------------------------- */
@media only screen and (max-width: 768px) {
  .bx-controls.bx-has-pager {
    display: block !important;
  }

  /** VARIABLES
  ===================================*/
  /** RESET AND LAYOUT
  ===================================*/
  .bx-wrapper {
    position: relative;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    /* LOADER */
    /** THEME
    ===================================*/
    /* PAGER */
    /* DIRECTION CONTROLS (NEXT / PREV) */
    /* AUTO CONTROLS (START / STOP) */
    /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
    /* IMAGE CAPTIONS */
  }
  .bx-wrapper img {
    max-width: 100%;
    display: block;
  }
  .bx-wrapper .bx-loading {
    min-height: 50px;
    background: url("images/bx_loader.gif") center center no-repeat #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
  }
  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    /*
    position: absolute;
    bottom: -20px;
    */
    width: 100%;
  }
  .bx-wrapper .bx-pager-item,
  .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
    *zoom: 1;
    *display: inline;
  }
  .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 14px;
    height: 41px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .bx-wrapper .bx-pager.bx-default-pager a {
    text-indent: -9999px;
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 5px;
    outline: 0;
    background: #66c3eb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
  }
  .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #fff;
  }
  .bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
  }
  .bx-wrapper .bx-prev {
    left: 10px;
    background: url("images/controls.png") no-repeat 0 -32px;
  }
  .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
    background-position: 0 0;
  }
  .bx-wrapper .bx-next {
    right: 10px;
    background: url("images/controls.png") no-repeat -43px -32px;
  }
  .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
    background-position: -43px 0;
  }
  .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
  }
  .bx-wrapper .bx-controls-direction a.disabled {
    display: none;
  }
  .bx-wrapper .bx-controls-auto {
    text-align: center;
  }
  .bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url("images/controls.png") -86px -11px no-repeat;
    margin: 0 3px;
  }
  .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
    background-position: -86px 0;
  }
  .bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url("images/controls.png") -86px -44px no-repeat;
    margin: 0 3px;
  }
  .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
    background-position: -86px -33px;
  }
  .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
  }
  .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
  }
  .bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
  }
  .bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
  }

  .bxslider {
    margin: 0;
    padding: 0;
  }

  ul.bxslider {
    list-style: none;
  }

  .bx-viewport {
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
  }
}
/* トップページ　カテゴリ別記事一覧
---------------------------------------- */
.article-section {
  padding: 35px 0 40px;
  width: 100%;
  border-bottom: 2px solid #fff;
  background: #f7f7f7;
}
.article-section.list-page {
  padding-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .article-section.list-page {
    padding: 33px 7.8125% 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 768px) {
  .article-section.list-page.category_06 {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .article-section.list-page .article-section-header {
    margin-bottom: 20px;
  }
}
.article-section:last-child {
  border: none;
}
@media only screen and (max-width: 768px) {
  .article-section {
    padding: 30px 0 20px;
  }
}
.article-section .articla-section-wrap {
  display: block;
  margin: 0 auto;
  width: 1000px;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .article-section .articla-section-wrap {
    padding: 0 7.8125%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.article-section .article-section-header {
  margin: 0 auto 29px;
  padding-bottom: 3px;
  width: 1000px;
  position: relative;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .article-section .article-section-header {
    width: 100%;
  }
}
.article-section .article-section-header .page-title {
  line-height: 1.63636;
  font-family: "Sawarabi Mincho";
  font-size: 22px;
  color: #333;
}
@media only screen and (max-width: 768px) {
  .article-section .article-section-header .page-title {
    font-size: 18px;
  }
}
.article-section .article-section-header .view-all-link {
  line-height: 1;
  font-size: 12px;
  font-weight: 200;
  position: absolute;
  bottom: 0;
  right: 0;
}
.article-section .article-section-header .view-all-link:after {
  content: "";
  display: inline-block;
  margin: 0 0 0 5px;
  width: 7px;
  height: 7px;
  position: relative;
  top: -2px;
  right: 0;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (max-width: 768px) {
  .article-section .article-section-header .view-all-link {
    font-size: 16px;
    bottom: 1px;
  }
  .article-section .article-section-header .view-all-link:after {
    width: 5px;
    height: 5px;
  }
}
.article-section.category_00 {
  padding-top: 0;
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  .article-section.category_00 {
    padding-top: 33px;
    padding-bottom: 20px;
    border-bottom: none;
  }
}
.article-section.category_00 .article-section-header {
  border-bottom: 2px solid #009bdd;
}
.article-section.category_01 .article-section-header {
  border-bottom: 2px solid #ff82ce;
}
.article-section.category_01 .article-section-header .view-all-link {
  color: #ff82ce;
  font-size: 14px;
}
.article-section.category_01 .article-section-header .view-all-link:after {
  border-right: 1px solid #ff82ce;
  border-bottom: 1px solid #ff82ce;
}
.article-section.category_01 .pick-up-list .slider li a,
.article-section.category_01 .pick-up-list ul li a,
.article-section.category_01 .article-list .slider li a,
.article-section.category_01 .article-list ul li a {
  border-bottom: 2px solid #ff82ce;
}
.article-section.category_01 .bx-pager.bx-default-pager a {
  background: #f9e0ef;
}
.article-section.category_01 .bx-pager.bx-default-pager a:hover, .article-section.category_01 .bx-pager.bx-default-pager a.active, .article-section.category_01 .bx-pager.bx-default-pager a:focus {
  background: #ff82ce;
}
.article-section.category_02 .article-section-header {
  border-bottom: 2px solid #3fccad;
}
.article-section.category_02 .article-section-header .view-all-link {
  color: #3fccad;
  font-size: 14px;
}
.article-section.category_02 .article-section-header .view-all-link:after {
  border-right: 1px solid #3fccad;
  border-bottom: 1px solid #3fccad;
}
.article-section.category_02 .pick-up-list .slider li a,
.article-section.category_02 .pick-up-list ul li a,
.article-section.category_02 .article-list .slider li a,
.article-section.category_02 .article-list ul li a {
  border-bottom: 2px solid #3fccad;
}
.article-section.category_02 .bx-pager.bx-default-pager a {
  background: #d2eee8;
}
.article-section.category_02 .bx-pager.bx-default-pager a:hover, .article-section.category_02 .bx-pager.bx-default-pager a.active, .article-section.category_02 .bx-pager.bx-default-pager a:focus {
  background: #3fccad;
}
.article-section.category_03 .article-section-header {
  border-bottom: 2px solid #bb7ceb;
}
.article-section.category_03 .article-section-header .view-all-link {
  color: #bb7ceb;
  font-size: 14px;
}
.article-section.category_03 .article-section-header .view-all-link:after {
  border-right: 1px solid #bb7ceb;
  border-bottom: 1px solid #bb7ceb;
}
.article-section.category_03 .pick-up-list .slider li a,
.article-section.category_03 .pick-up-list ul li a,
.article-section.category_03 .article-list .slider li a,
.article-section.category_03 .article-list ul li a {
  border-bottom: 2px solid #bb7ceb;
}
.article-section.category_03 .bx-pager.bx-default-pager a {
  background: #ebdef5;
}
.article-section.category_03 .bx-pager.bx-default-pager a:hover, .article-section.category_03 .bx-pager.bx-default-pager a.active, .article-section.category_03 .bx-pager.bx-default-pager a:focus {
  background: #bb7ceb;
}
.article-section.category_04 .article-section-header {
  border-bottom: 2px solid #42afe8;
}
.article-section.category_04 .article-section-header .view-all-link {
  color: #42afe8;
  font-size: 14px;
}
.article-section.category_04 .article-section-header .view-all-link:after {
  border-right: 1px solid #42afe8;
  border-bottom: 1px solid #42afe8;
}
.article-section.category_04 .pick-up-list .slider li a,
.article-section.category_04 .pick-up-list ul li a,
.article-section.category_04 .article-list .slider li a,
.article-section.category_04 .article-list ul li a {
  border-bottom: 2px solid #42afe8;
}
.article-section.category_04 .bx-pager.bx-default-pager a {
  background: #d3e9f4;
}
.article-section.category_04 .bx-pager.bx-default-pager a:hover, .article-section.category_04 .bx-pager.bx-default-pager a.active, .article-section.category_04 .bx-pager.bx-default-pager a:focus {
  background: #42afe8;
}
.article-section.category_05 .article-section-header {
  border-bottom: 2px solid #4d75e5;
}
.article-section.category_05 .article-section-header .view-all-link {
  color: #4d75e5;
  font-size: 14px;
}
.article-section.category_05 .article-section-header .view-all-link:after {
  border-right: 1px solid #4d75e5;
  border-bottom: 1px solid #4d75e5;
}
.article-section.category_05 .pick-up-list .slider li a,
.article-section.category_05 .pick-up-list ul li a,
.article-section.category_05 .article-list .slider li a,
.article-section.category_05 .article-list ul li a {
  border-bottom: 2px solid #4d75e5;
}
.article-section.category_05 .bx-pager.bx-default-pager a {
  background: #d5ddf3;
}
.article-section.category_05 .bx-pager.bx-default-pager a:hover, .article-section.category_05 .bx-pager.bx-default-pager a.active, .article-section.category_05 .bx-pager.bx-default-pager a:focus {
  background: #4d75e5;
}
.article-section.category_06 .article-section-header {
  border-bottom: 2px solid #7988e9;
}
.article-section.category_06 .article-section-header .view-all-link {
  color: #7988e9;
  font-size: 14px;
}
.article-section.category_06 .article-section-header .view-all-link:after {
  border-right: 1px solid #7988e9;
  border-bottom: 1px solid #7988e9;
}
.article-section.category_06 .pick-up-list .slider li a,
.article-section.category_06 .pick-up-list ul li a,
.article-section.category_06 .article-list .slider li a,
.article-section.category_06 .article-list ul li a {
  border-bottom: 2px solid #7988e9;
}
.article-section.category_06 .bx-pager.bx-default-pager a {
  background: #dee1f4;
}
.article-section.category_06 .bx-pager.bx-default-pager a:hover, .article-section.category_06 .bx-pager.bx-default-pager a.active, .article-section.category_06 .bx-pager.bx-default-pager a:focus {
  background: #7988e9;
}
.article-section.category_06.list-page {
  border-bottom: none;
}

/* バナーエリア
---------------------------------------- */
.bnr-area {
  padding: 41px 0 40px;
  width: 100%;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .bnr-area {
    padding: 0;
  }
}
.bnr-area ul {
  margin: 0 auto;
  width: 1000px;
}
.bnr-area ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
@media only screen and (max-width: 768px) {
  .bnr-area ul {
    width: 100%;
  }
}
.bnr-area li {
  float: left;
}
@media only screen and (max-width: 768px) {
  .bnr-area li {
    float: none;
  }
}
.bnr-area li img {
  width: 100%;
}
.bnr-area li:nth-child(1) {
  margin-right: 40px;
  margin-bottom: 40px;
  width: 480px;
  height: 284px;
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  background-image: url(../img/top/pc/bnr_01.jpg);
  background-size: cover;
}



@media only screen and (max-width: 768px) {
  .bnr-area li:nth-child(1) {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    -moz-box-shadow: 0 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    background-image: url(../img/top/sp/bnr_01.jpg);
  background-size: cover;
  }
}
.bnr-area li:nth-child(2) {
  margin-bottom: 40px;
  width: 480px;
  height: 284px;
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 768px) {
  .bnr-area li:nth-child(2) {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    -moz-box-shadow: 0 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
  }
}
.bnr-area li:nth-child(3) {
  clear: both;
  margin: 0 auto;
  width: 570px;
  height: 120px;
  float: none;
}
@media only screen and (max-width: 768px) {
  .bnr-area li:nth-child(3) {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
  }
}
.bnr-area li:nth-child(4) {
  margin-right: 20px;
  width: 320px;
  height: 120px;
}
@media only screen and (max-width: 768px) {
  .bnr-area li:nth-child(4) {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
  }
}
.bnr-area li:nth-child(5) {
  width: 320px;
  height: 120px;
}
@media only screen and (max-width: 768px) {
  .bnr-area li:nth-child(5) {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
  }
}

/* コンバージョンエリア２
---------------------------------------- */
.cvr-area_02 {
  padding: 40px 0;
  text-align: center;
  background: #f1f8fc;
}
@media only screen and (max-width: 768px) {
  .cvr-area_02 {
    padding: 0 6.25% 26px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.cvr-area_02 h2 {
  margin: 0 auto 20px;
  width: 1000px;
  line-height: 1;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  color: #0064aa;
}
@media only screen and (max-width: 768px) {
  .cvr-area_02 h2 {
    margin: 0;
    width: 100%;
    height: 59px;
    line-height: 59px;
    font-size: 14px;
    text-align: left;
    position: relative;
    top: 0;
    left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .cvr-area_02 h2:after {
    content: "";
    width: 50%;
    height: 1px;
    position: absolute;
    top: 50%;
    right: 0;
    background: #0064aa;
  }
}
.cvr-area_02 .gan-3type,.cvr-area_02 .gan-2type {
  margin: 0 auto;
  width: 1000px;
  margin-bottom: 30px;
}
.cvr-area_02 .gan-2type {
  display: flex;
  width: 664px;
  flex-wrap: wrap;
}
.cvr-area_02 .gan-3type:after,.cvr-area_02 .gan-2type:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
@media only screen and (max-width: 768px) {
  .cvr-area_02 .gan-3type,.cvr-area_02 .gan-2type {
    margin-bottom: 20px;
    padding-bottom: 23px;
    width: 100%;
    border-bottom: 1px solid #0064aa;
  }
  .cvr-area_02 .gan-2type li img {
    width: 100%;
  }
}
.cvr-area_02 .gan-3type li {
  float: left;
  width: 320px;
  height: 169px;
}
.cvr-area_02 .gan-2type li {
  width: 320px;
  height: auto;
}
.cvr-area_02 .gan-2type li p {
  display: block;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  text-align: left;
  margin: 10px auto;
}
.cvr-area_02 .gan-3type li img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .cvr-area_02 .gan-3type li {
    float: none;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
    height: auto;
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  }
  .cvr-area_02 .gan-3type li:last-child {
    margin: 0;
  }
}
.cvr-area_02 .gan-3type li:nth-child(1) {
  margin-right: 20px;
}
.cvr-area_02 .gan-2type li:nth-child(1) {
  margin-right: 24px;
}
.cvr-area_02 .gan-3type li:nth-child(2) {
  margin-right: 20px;
}
.cvr-area_02 .gan-2type li:nth-child(2) {
  margin-right: 0;
}
.cvr-area_02 .cvr-btn {
  max-width: 664px;
  margin: 0 auto;
}
.cvr-area_02 .cvr-btn ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
@media only screen and (max-width: 768px) {
  .cvr-area_02 .cvr-btn {
    display: block;
  }
  .cvr-area_02 .gan-2type li:nth-child(1) {
    margin-right: 0;
  }
  .cvr-area_02 .gan-2type li {
    width: 100%;
}
.cvr-area_02 .gan-2type li p {
  font-size: 13px;
  line-height: 1.7;
  margin: 10px auto 30px;
}
}
.cvr-area_02 .cvr-btn li {
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .cvr-area_02 .cvr-btn li {
    width: 100%;
    padding: 5px 10px;
  }
}
.cvr-area_02 .cvr-btn a {
  display: block;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.cvr-area_02 .cvr-btn a:hover {
  opacity: 0.6;
}
.cvr-area_02 .cvr-btn a img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .cvr-area_02 .cvr-btn a:before {
    right: 15px;
  }
}
@media only screen and (max-width: 768px) {
}

/* サイトフッター
---------------------------------------- */

.site-footer .footer-nav {
  margin: 0 auto 28px;
  width: 1000px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .site-footer .footer-nav {
    margin: 0 0 30px;
    width: 100%;
  }
}
.site-footer .footer-nav ul {
  display: inline-block;
  letter-spacing: -.4em;
}
.site-footer .footer-nav li {
  display: inline-block;
  letter-spacing: normal;
}
.site-footer .footer-nav li:not(:last-child) {
  margin-right: 38px;
  position: relative;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .site-footer .footer-nav li:not(:last-child) {
    margin-right: 30px;
  }
}
.site-footer .footer-nav li:not(:last-child):after {
  content: "";
  width: 1px;
  height: 10px;
  position: absolute;
  top: 2px;
  right: -19px;
  background: #cfcfcf;
}
@media only screen and (max-width: 768px) {
  .site-footer .footer-nav li:not(:last-child):after {
    top: 4px;
    right: -15px;
  }
}
.site-footer .footer-nav li a {
  font-size: 12px;
  font-weight: 200;
  color: #999;
}
@media only screen and (max-width: 768px) {
  .site-footer .footer-nav li a {
    font-size: 10px;
  }
}


/* SNSエリア
---------------------------------------- */
.sns-area {
  margin: 0 auto 18px;
  width: 1000px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .sns-area {
    margin: 0 0 30px;
    width: 100%;
  }
}
.sns-area ul {
  display: inline-block;
  letter-spacing: -.4em;
  height: 20px;
}
.sns-area li {
  display: inline-block;
  letter-spacing: normal;
  margin: 0 10px 0 0;
}
@media only screen and (max-width: 768px) {
  .sns-area li {
    margin-right: 5px;
  }
}
.sns-area li:first-child {
  position: relative;
  top: -1px;
}
.sns-area li:nth-child(2) {
  position: relative;
  top: -1px;
}
.sns-area li:last-child {
  margin-right: 0;
}

/* トップへ戻るボタン


/* コンバージョンエリア３
---------------------------------------- */
.cvr-area_03 {
  width: 100%;
  height: 70px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99999999;
  background: #0064aa;
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 768px) {
  .cvr-area_03 {
    display: table;
    margin: 0;
    padding: 0;
    height: 60px;
  }
}
.cvr-area_03 .hamburger-btn {
  display: none;
}
@media only screen and (max-width: 768px) {
  .cvr-area_03 .hamburger-btn {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 15.625%;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    position: relative;
    top: 0;
    left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #009bdd;
  }
}
.cvr-area_03 .hamburger-btn .open {
  display: block;
}
.cvr-area_03 .hamburger-btn .close {
  display: none;
}
.cvr-area_03 .hamburger-btn.active {
  padding: 0;
}
.cvr-area_03 .hamburger-btn.active .open {
  display: none;
}
.cvr-area_03 .hamburger-btn.active .close {
  display: block;
}
.cvr-area_03 .hamburger-btn img {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.cvr-area_03 .cvr-btn {
  display: block;
  width: 100%;
  height: 70px;
  line-height: 70px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  position: relative;
  top: 0;
  left: 0;
  font-family: "Sawarabi Mincho" !important;
  letter-spacing: 0.1em;
}
.cvr-area_03 .cvr-btn:after{
  content: "";
  display: inline-block;
  margin: 0 0 0 20px;
  width: 8px;
  height: 8px;
  position: relative;
  top: -2px;
  right: 0;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}
.cvr-area_03 .cvr-btn:hover {
  background: #1889d8;
}
@media only screen and (max-width: 768px) {
  .cvr-area_03 .cvr-btn {
    display: table-cell;
    margin: 0;
    padding: 0 0 0 1px;
    width: 84.375%;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 18px;
    letter-spacing: 0.05em;
    font-weight: 300;
    position: relative;
    top: 0;
    left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

  }
  .cvr-area_03 .cvr-btn:after{
    content: "";
    display: inline-block;
    margin: 0 0 0 20px;
    width: 7px;
    height: 7px;
    position: relative;
    top: -2px;
    right: 0;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 1px solid white;
    border-bottom: 1px solid white;
  }
}
.cvr-area_03 .cvr-btn:hover {
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
}

.hamburger-nav {
  display: none;
}
@media only screen and (max-width: 768px) {
  .hamburger-nav {
    display: block;
    margin: 0;
    padding: 0 9.375% 0;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 99999;
    background: #085c96;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  .hamburger-nav.active {
    left: 0;
    z-index: 99999;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
  }
}
.hamburger-nav li:first-child a, .hamburger-nav li:nth-child(8) a, .hamburger-nav li:nth-child(9) a, .hamburger-nav li:nth-child(10) a {
  padding-left: 0;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
.hamburger-nav a {
  display: block;
  padding: 0 0 0 30px;
  height: 38px;
  line-height: 38px;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  position: relative;
  top: 0;
  left: 0;
  border-bottom: 1px dotted #84aecb;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.hamburger-nav a:after {
  content: "";
  display: block;
  margin: -5px 0 0;
  width: 6px;
  height: 11px;
  position: absolute;
  top: 50%;
  right: 0;
  background: url("../img/common/sp/icon-arrow-right.png") 0 0 no-repeat;
  background-size: contain;
}

/* --------------------------------------------------

下層ページ

-------------------------------------------------- */
/* 記事詳細ページのメインビジュアル
---------------------------------------- */
.article-visual {
  padding: 20px 0 30px;
  width: 100%;
  background: #f7f7f7;
}
.article-visual.category_00 .breadcrumb {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .article-visual {
    margin: 0;
    padding: 0 0 30px;
  }
}
.article-visual img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .article-visual.list-page {
    padding: 0;
  }
}
.article-visual.about {
  margin-bottom: 40px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .article-visual.about {
    display: none;
  }
}
.article-visual.about .breadcrumb {
  margin-bottom: 0;
}
.article-visual .profile-area {
  margin: 0 auto;
  width: 1000px;
}
@media only screen and (max-width: 768px) {
  .article-visual .profile-area {
    margin: 0 auto;
    width: 87.5%;
  }
}
.article-visual .profile-area p {
  font-size: 16px;
  font-weight: 200;
  line-height: 1.7;
  color: #111;
}
.article-visual .profile-area p.small_min {
  font-family: "Sawarabi Mincho";
  font-size: 14px;
  font-weight: 200;
  line-height: 1.7;
  color: #111;
}

@media only screen and (max-width: 768px) {
  .article-visual .profile-area p {
    font-size: 14px;
    font-weight: 200;
    line-height: 1.7;
  }
  .article-visual .profile-area p.small_min {
  font-family: "Sawarabi Mincho";
  font-size: 12px;
  font-weight: 200;
  line-height: 1.7;
  color: #111;
}
}
.article-visual .profile-area p a {
  font-size: 16px;
  font-weight: 200;
  line-height: 1.7;
}
@media only screen and (max-width: 768px) {
  .article-visual .profile-area p a {
    font-size: 14px;
    font-weight: 200;
    line-height: 1.7;
  }
}
.article-visual .profile-area small {
  display: block;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}
@media only screen and (max-width: 768px) {
  .article-visual .profile-area small {
    font-size: 13px;
    line-height: 1.7;
  }
}
.article-visual .profile-area .img-center {
  text-align: center;
}
.article-visual .profile-area .img-center img {
  width: auto;
}
@media only screen and (max-width: 768px) {
  .article-visual .profile-area .img-center img {
    width: 100%;
  }
}
.article-visual .profile-area b {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.7;
}
@media only screen and (max-width: 768px) {
  .article-visual .profile-area b {
    font-size: 14px;
    font-weight: 200;
    line-height: 1.7;
  }
}

.wrap-article-visual {
  margin: 0 auto 15px;
  width: 1000px;
  height: 267px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wrap-article-visual:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.wrap-article-visual.category_01 {
  border-top: 2px solid #ff82ce;
}
.wrap-article-visual.category_01 .label-category {
  background: #ff82ce;
}
@media only screen and (max-width: 768px) {
  .wrap-article-visual.category_01 .main-visual-text-area {
    border-top: 2px solid #ff82ce;
  }
}
.wrap-article-visual.category_02 {
  border-top: 2px solid #3fccad;
}
.wrap-article-visual.category_02 .label-category {
  background: #3fccad;
}
@media only screen and (max-width: 768px) {
  .wrap-article-visual.category_02 .main-visual-text-area {
    border-top: 2px solid #3fccad;
  }
}
.wrap-article-visual.category_03 {
  border-top: 2px solid #bb7ceb;
}
.wrap-article-visual.category_03 .label-category {
  background: #bb7ceb;
}
@media only screen and (max-width: 768px) {
  .wrap-article-visual.category_03 .main-visual-text-area {
    border-top: 2px solid #bb7ceb;
  }
}
.wrap-article-visual.category_04 {
  border-top: 2px solid #42afe8;
}
.wrap-article-visual.category_04 .label-category {
  background: #42afe8;
}
@media only screen and (max-width: 768px) {
  .wrap-article-visual.category_04 .main-visual-text-area {
    border-top: 2px solid #42afe8;
  }
}
.wrap-article-visual.category_05 {
  border-top: 2px solid #4d75e5;
}
.wrap-article-visual.category_05 .label-category {
  background: #4d75e5;
}
@media only screen and (max-width: 768px) {
  .wrap-article-visual.category_05 .main-visual-text-area {
    border-top: 2px solid #4d75e5;
  }
}
.wrap-article-visual.category_06 {
  border-top: 2px solid #7988e9;
}
.wrap-article-visual.category_06 .label-category {
  background: #7988e9;
}
@media only screen and (max-width: 768px) {
  .wrap-article-visual.category_06 .main-visual-text-area {
    border-top: 2px solid #7988e9;
  }
}
@media only screen and (max-width: 768px) {
  .wrap-article-visual {
    width: 100%;
    height: 100%;
  }
  .wrap-article-visual.category_01, .wrap-article-visual.category_02, .wrap-article-visual.category_03, .wrap-article-visual.category_04, .wrap-article-visual.category_05, .wrap-article-visual.category_06 {
    border-top: none;
  }
}
.wrap-article-visual .main-image {
  float: left;
  width: 610px;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .wrap-article-visual .main-image {
    float: none;
    width: 100%;
    height: auto;
  }
}
.wrap-article-visual .main-visual-text-area {
  float: right;
  padding: 50px 20px 0 30px;
  width: 390px;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wrap-article-visual .main-visual-text-area:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
@media only screen and (max-width: 768px) {
  .wrap-article-visual .main-visual-text-area {
    float: none;
    margin: -20px auto 0;
    padding: 25px 25px 20px 20px;
    width: 87.5%;
    height: auto;
  }
  .wrap-article-visual .main-visual-text-area:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}
.wrap-article-visual .label-category {
  display: inline-block;
  margin: 0;
  padding: 0 12px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .wrap-article-visual .label-category {
    margin: 0;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    font-weight: 200;
  }
}
.wrap-article-visual .main-visual-text-cont {
  margin: 0 0 20px;
  padding: 0;
  font-family: "Sawarabi Mincho";
  font-size: 22px;
  font-weight: 200;
  line-height: 1.6;
  color: #111;
}
@media only screen and (max-width: 768px) {
  .wrap-article-visual .main-visual-text-cont {
    margin: 0 0 5px;
    font-size: 18px;
    font-family: "Sawarabi Mincho";
    line-height: 1.7;
  }
}
.wrap-article-visual .label-kind {
  float: right;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0 9px;
  height: 20px;
  line-height: 20px;
  color: #000;
  font-size: 10px;
  font-weight: 200;
  text-align: center;
  background: #eee;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 768px) {
  .wrap-article-visual .label-kind {
    margin-right: 0;
  }
}

/* パンくずリスト
---------------------------------------- */
.breadcrumb {
  margin: 0 auto 30px;
  padding: 0;
  width: 1000px;
}
@media only screen and (max-width: 768px) {
  .breadcrumb {
    display: none;
  }
}
.breadcrumb li {
  display: inline-block;
  font-size: 12px;
  color: #111;
  position: relative;
  top: 0;
  left: 0;
}
.breadcrumb li:after {
  content: "\03e";
  display: inline-block;
  margin: 0 13px;
  position: relative;
  top: 0;
  left: 0;
}
.breadcrumb li:last-child:after {
  content: "";
  display: none;
  margin: 0;
}
.breadcrumb a {
  font-size: 12px;
  color: #0098dc;
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: underline;
}

/* 記事一覧ページのh1スタイル
---------------------------------------- */
.article-list-title {
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .article-list-title {
    margin-bottom: 10px;
    height: 51px;
    line-height: 51px;
    font-size: 14px;
  }
}

/* 記事のメインコンテンツ
---------------------------------------- */
.main-content {
  margin: 0 auto;
  padding: 37px 20px 45px;
  width: 1000px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .main-content {
    padding: 28px 6.25% 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.main-content p {
  margin: 0 0 1.4em;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.7;
  color: #111;
}
@media only screen and (max-width: 768px) {
  .main-content p {
    font-size: 16px;
    line-height: 1.7;
  }
}
.main-content .section, .main-content .lead-text {
  margin-bottom: 41px;
}
@media only screen and (max-width: 768px) {
  .main-content .section, .main-content .lead-text {
    margin-bottom: 25px;
  }
}
.main-content .section h2, .main-content .lead-text h2,
.main-content .section .page-title,
.main-content .lead-text .page-title {
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 22px;
  font-family: "Sawarabi Mincho";
  color: #111;
  position: relative;
  top: 0;
  left: 0;
}
.main-content .section h2:before, .main-content .lead-text h2:before,
.main-content .section .page-title:before,
.main-content .lead-text .page-title:before {
  content: "";
  display: block;
  width: 7px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -14px;
  background: #ff82ce;
}
@media only screen and (max-width: 768px) {
  .main-content .section h2, .main-content .lead-text h2,
  .main-content .section .page-title,
  .main-content .lead-text .page-title {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.7;
  }
}
.main-content .section .sub-title, .main-content .lead-text .sub-title {
  display: inline-block;
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 19px;
  font-family: "Sawarabi Mincho";
  color: #111;
  border-bottom: 2px solid #666;
}
@media only screen and (max-width: 768px) {
  .main-content .section .sub-title, .main-content .lead-text .sub-title {
    font-size: 17px;
    border-bottom: 1px solid #666;
  }
}
.main-content .section .sub-title a, .main-content .lead-text .sub-title a {
  line-height: 1.6;
  font-size: 19px;
  font-family: "Sawarabi Mincho";
}
@media only screen and (max-width: 768px) {
  .main-content .section .sub-title a, .main-content .lead-text .sub-title a {
    font-size: 17px;
  }
}
.main-content .section p, .main-content .lead-text p {
  margin: 0 0 1.4em;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.7;
  color: #111;
}
@media only screen and (max-width: 768px) {
  .main-content .section p, .main-content .lead-text p {
    font-size: 16px;
    line-height: 1.5;
  }
}
.main-content .section a, .main-content .lead-text a {
  font-size: 18px;
  font-weight: 200;
  line-height: 1.7;
}
@media only screen and (max-width: 768px) {
  .main-content .section a, .main-content .lead-text a {
    font-size: 16px;
    line-height: 1.5;
  }
}
.main-content .section small, .main-content .lead-text small {
  display: block;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}
@media only screen and (max-width: 768px) {
  .main-content .section small, .main-content .lead-text small {
    font-size: 13px;
    line-height: 1.7;
  }
}
.main-content .section small a, .main-content .lead-text small a {
  font-size: 14px;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .main-content .section small a, .main-content .lead-text small a {
    font-size: 13px;
    line-height: 1.7;
  }
}
.main-content .section img, .main-content .lead-text img {
  width: 100%;
}
.main-content .section .img-float, .main-content .lead-text .img-float {
  width: 100%;
}
.main-content .section .img-float:after, .main-content .lead-text .img-float:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.main-content .section .img-float .float-left, .main-content .lead-text .img-float .float-left {
  float: left;
  margin-right: 30px;
}
@media only screen and (max-width: 768px) {
  .main-content .section .img-float .float-left, .main-content .lead-text .img-float .float-left {
    float: none;
    margin-right: 0;
  }
}
.main-content .section .img-float .float-right, .main-content .lead-text .img-float .float-right {
  float: right;
  margin-left: 30px;
}
@media only screen and (max-width: 768px) {
  .main-content .section .img-float .float-right, .main-content .lead-text .img-float .float-right {
    float: none;
    margin-left: 0;
  }
}
.main-content .section .img-center, .main-content .lead-text .img-center {
  text-align: center;
}
.main-content .section .img-center img, .main-content .lead-text .img-center img {
  width: auto;
}
@media only screen and (max-width: 768px) {
  .main-content .section .img-center img, .main-content .lead-text .img-center img {
    width: 100%;
  }
}
.main-content .section .sub-visual, .main-content .lead-text .sub-visual {
  margin: 0 0 10px;
  padding: 0;
}
.main-content .section .sub-visual img, .main-content .lead-text .sub-visual img {
  width: 100%;
}
.main-content .section .order-list, .main-content .lead-text .order-list {
  margin: 0 0 1.4em;
}
.main-content .section .order-list li, .main-content .lead-text .order-list li {
  margin: 0;
  padding: 0 0 0 1em;
  line-height: 1.5;
  font-family: "Noto Sans Japanese";
  font-size: 16px;
  font-weight: 200;
  position: relative;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .main-content .section .order-list li, .main-content .lead-text .order-list li {
    font-size: 14px;
    line-height: 1.4;
  }
}
.main-content .section .order-list li:before, .main-content .lead-text .order-list li:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: relative;
  top: 15px;
  left: -1em;
  background: #333;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  .main-content .section .order-list li:before, .main-content .lead-text .order-list li:before {
    width: 4px;
    height: 4px;
    top: 12px;
  }
}
.main-content .section .serial-num-list, .main-content .lead-text .serial-num-list {
  margin: 0 0 1.4em;
}
.main-content .section .serial-num-list li, .main-content .lead-text .serial-num-list li {
  counter-increment: section;
  margin: 0;
  padding: 0 0 0 1em;
  line-height: 1.5;
  font-family: "Noto Sans Japanese";
  font-size: 16px;
  font-weight: 200;
  position: relative;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .main-content .section .serial-num-list li, .main-content .lead-text .serial-num-list li {
    font-size: 14px;
    line-height: 1.4;
  }
}
.main-content .section .serial-num-list li:before, .main-content .lead-text .serial-num-list li:before {
  content: counter(section) ".";
  display: inline-block;
  margin-right: 5px;
  position: absolute;
  top: 0;
  left: 0;
}
.main-content .section .serial-num-list li:after, .main-content .lead-text .serial-num-list li:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: relative;
  top: 15px;
  left: -1em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  .main-content .section .serial-num-list li:after, .main-content .lead-text .serial-num-list li:after {
    width: 4px;
    height: 4px;
    top: 12px;
  }
}
.main-content .section b, .main-content .lead-text b {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.7;
}
@media only screen and (max-width: 768px) {
  .main-content .section b, .main-content .lead-text b {
    font-size: 16px;
    line-height: 1.7;
  }
}
.main-content .section .txt-center, .main-content .lead-text .txt-center {
  text-align: center;
}
.main-content.about .section h2:before, .main-content.about .lead-text h2:before,
.main-content.about .section .page-title:before,
.main-content.about .lead-text .page-title:before {
  background: #009bdd;
}
/* YouTube */
.main-content .section .youtube-wrapper {
  width: 380px;
  height: 214px;
}
@media only screen and (max-width: 435px) {
  .main-content .section .youtube-wrapper {
    width: 87.36vw;
    height: 49.2vw;
  }
}

.to-next-page-btn a {
  display: block;
  margin: 0 auto 40px;
  width: 320px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #fff;
  font-family: "Sawarabi Mincho";
  font-size: 20px;
  position: relative;
  top: 0;
  left: 0;
  text-decoration: none;
  background: #009bdd;
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.to-next-page-btn a:hover {
  text-decoration: none;
  background: #4d93c4;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.to-next-page-btn a:before {
  content: "";
  display: block;
  margin: -4px 0 0;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: 30px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (max-width: 768px) {
  .to-next-page-btn a:before {
    right: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .to-next-page-btn a {
    padding: 0;
    width: 100%;
    height: 47px;
    line-height: 47px;
    vertical-align: middle;
    text-indent: 0;
    font-size: 12px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.to-prev-page-btn a {
  display: block;
  margin: 0 auto 40px;
  width: 320px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #fff;
  font-family: "Sawarabi Mincho";
  font-size: 20px;
  position: relative;
  top: 0;
  left: 0;
  text-decoration: none;
  background: #009bdd;
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.to-prev-page-btn a:hover {
  text-decoration: none;
  background: #4d93c4;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.to-prev-page-btn a:before {
  content: "";
  display: block;
  margin: -4px 0 0;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 30px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -moz-transform: rotate(-225deg);
  -o-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
}
@media only screen and (max-width: 768px) {
  .to-prev-page-btn a:before {
    right: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .to-prev-page-btn a {
    padding: 0;
    width: 100%;
    height: 47px;
    line-height: 47px;
    vertical-align: middle;
    text-indent: 0;
    font-size: 12px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/* 記事一覧ページ
---------------------------------------- */
.wrap-navigation {
  padding: 20px 0 3px;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .wrap-navigation {
    padding: 0 0 1px;
    border-top: 1px solid #f7f7f7;
  }
}

.article-list {
  margin: 0 auto;
  width: 1000px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .article-list {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
  }
}
.article-list ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.article-list li {
  float: left;
  margin: 0 20px 20px 0;
  position: relative;
}
.article-list li:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  .article-list li {
    float: none;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.article-list li a {
  display: block;
  overflow: hidden;
  width: 320px;
  height: 372px;
  text-decoration: none;
  background: #fff;
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.article-list li a:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.article-list li a:hover {
  background: #eee;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.article-list li a.type_01 {
  border-bottom: 2px solid #ff82ce;
}
.article-list li a.type_02 {
  border-bottom: 2px solid #3fccad;
}
.article-list li a.type_03 {
  border-bottom: 2px solid #bb7ceb;
}
.article-list li a.type_04 {
  border-bottom: 2px solid #42afe8;
}
.article-list li a.type_05 {
  border-bottom: 2px solid #4d75e5;
}
.article-list li a.type_06 {
  border-bottom: 2px solid #7988e9;
}
@media only screen and (max-width: 768px) {
  .article-list li a {
    padding-bottom: 10px;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.article-list img {
  width: 100%;
}
.article-list .pick-up-thum {
  position: relative;
  top: 0;
  left: 0;
}
.article-list .pick-up-thum .label-new {
  width: 72px;
  height: 17px;
  line-height: 17px;
  color: #fff;
  font-family: 'Didact Gothic', sans-serif;
  font-size: 11px;
  text-indent: 15px;
  position: absolute;
  top: 2px;
  left: -9px;
  background: #f23f5c;
  -moz-transform: rotate(-29deg);
  -o-transform: rotate(-29deg);
  -ms-transform: rotate(-29deg);
  -webkit-transform: rotate(-29deg);
  transform: rotate(-29deg);
}
.article-list .pick-up-thum .label-category {
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  font-weight: 200;
  text-align: center;
  position: absolute;
  bottom: -5px;
  right: 15px;
}
.article-list .pick-up-thum .label-category.type_01 {
  font-size: 14px;
  background: #ff82ce;
}
.article-list .pick-up-thum .label-category.type_02 {
  font-size: 14px;
  background: #3fccad;
}
.article-list .pick-up-thum .label-category.type_03 {
  font-size: 14px;
  background: #bb7ceb;
}
.article-list .pick-up-thum .label-category.type_04 {
  font-size: 14px;
  background: #42afe8;
}
.article-list .pick-up-thum .label-category.type_05 {
  font-size: 14px;
  background: #4d75e5;
}
.article-list .pick-up-thum .label-category.type_06 {
  font-size: 14px;
  background: #7988e9;
}
.article-list .pick-up-cont {
  padding: 20px 20px 15px;
}
@media only screen and (max-width: 768px) {
  .article-list .pick-up-cont {
    margin: 0;
    padding: 20px 13px 10px;
  }
}
.article-list .pick-up-cont h2,
.article-list .pick-up-cont .page-title {
  overflow: hidden;
  margin-bottom: 10px;
  height: 81px;
  line-height: 1.58824;
  font-family: "Sawarabi Mincho";
  font-size: 17px;
  color: #111;
}
@media only screen and (max-width: 768px) {
  .article-list .pick-up-cont h2,
  .article-list .pick-up-cont .page-title {
    overflow: hidden;
    margin: 0 0 8px;
    height: 63px;
    line-height: 1.4;
    font-size: 15px;
  }
}
.article-list .pick-up-cont .pick-up-txt {
  overflow: hidden;
  margin: 0;
  height: 67.5px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 200;
  color: #111;
}
@media only screen and (max-width: 768px) {
  .article-list .pick-up-cont .pick-up-txt {
    overflow: hidden;
    height: 54px;
    line-height: 1.38462;
    font-size: 13px;
    font-weight: 200;
  }
}
.article-list .label-kind {
  float: right;
  display: inline-block;
  margin: 0 20px 0 0;
  padding: 0 9px;
  height: 20px;
  line-height: 20px;
  color: #000;
  font-size: 10px;
  font-weight: 200;
  text-align: center;
  background: #eee;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 768px) {
  .article-list .label-kind {
    margin-bottom: 20px;
  }
}
/* このサイトについて
---------------------------------------- */
.about-visual {
  margin: 0 auto;
  width: 1000px;
}
@media only screen and (max-width: 768px) {
  .about-visual {
    width: 100%;
  }
}
.about-visual figure {
  margin: 0;
  padding: 0;
  width: 100%;
}
.about-visual img {
  width: 100%;
}

/* page34 */
.font_mail {
  font-family: Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','ＭＳ ゴシック','Osaka－等幅',Osaka-mono,monospace;
  font-size: 20px;
}

/* page39 */
.bg_blue {
  background-color: aliceblue;
  padding: 10px;
}
.bg_blue2 {
  background-color: aliceblue;
  padding :10px 10px 20px;
  margin:0!important;
}

/* page77 */
.wrap-article-visual .main-visual-text-cont {
  margin: 0;
}

.main-content .section .img-center .img-caption {
  display: block;
  margin: 0 auto;
  width: 560px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
@media only screen and (max-width: 768px) {
  .main-content .section .img-center .img-caption {
    width: 100%;
    font-size: 10px;
  }
}

/* page99 */
.main-content .section .img-center-caption.page99 {
  margin: 4px auto 0;
  max-width: 420px;
  font-size: 14px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .main-content .section .img-center-caption.page99 {
    margin: 6px auto 0;
    max-width: none;
    font-size: 13px;
    line-height: 1.4;
  }
}


/* ルビ
---------------------------------------- */
ruby[data-ruby] {
  position: relative;
}

ruby[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  line-height: 100%;
  text-align: center;
  left: -3em;
  right: -3em;
  transform-origin: bottom center;
  transform: scale(0.4);
  bottom: 80%;
}

ruby[data-ruby] rt {
  display: none;
}

b ruby {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

@media only screen and (max-width: 768px) {
  b ruby {
    font-size: 16px;
  }
}


/* コンバージョンエリア4
---------------------------------------- */

.cvr-area_04 {
  max-width: 500px;
  margin: 80px auto;
  text-align: center;
}
.cvr-area_04 img {
  max-width: 100%;
}
.cvr-area_04 a {
  display: block;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.cvr-area_04 a:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 768px) {
  .cvr-area_04 {
    margin: 40px auto;
    padding: 20px;
  }
}