@charset "UTF-8";
/*--------------------------------
1.Base
2.Layout
3.Module
4.State
5.Theme

H1.Header
H2.Logo
H3.Global Navigation

C1.Main Container
C2.BreadCrumb
C3.Page Image
C3.Page Nation
C4.Content Foot

F1.Footer
F2.Footer Navigation
F3.Office Information
F4.CopyRight

Page
P1.Index
P2.Homepage
P2.Server

Archives

Single
--------------------------------*/

/*--------------------------------
1.Foundation
--------------------------------*/

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

a img:hover {
  opacity: 0.7;
}

/*a:visited {
  color: #12709E;
}*/

a:active {
  color: #12709E;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

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

td, th {
  padding: 0;
}

/* reset */

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, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

table, caption, tbody, tfoot, thead, tr, th, td {
  border: 1;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
  line-height: 1.6;
}

@media only screen and (min-width: 769px) {
  html {
    font-size: 62.5%;
  }
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
  color: #202020;
  counter-reset: operate sort;
}

@media only screen and (min-width: 769px) {
  body {
    font-size: 1.6rem;
  }
}

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

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

a {
  outline: none;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

a img {
  border: 0;
}

a img:hover {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  opacity: .7;
}

a:link {
  color: #333;
}

/*a:visited {
  color: #333;
}*/

a:hover {
  color: #333;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

audio, canvas, img, video {
  vertical-align: middle;
}

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

caption {
  display: none;
}

address {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, ol, li, dl, dt, dd, th, td, pre {
  margin: 0;
  padding: 0;
  -ms-line-break: strict;
  line-break: strict;
  -ms-word-break: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

/*=================
共通要素
===================*/

html, body {
  height: 100%;
  width: 100%;
}

.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  content: "";
  display: block;
  clear: both;
}

.ff-gothic {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Verdana, "ヒラギノ角ゴシック", 'Hiragino Sans', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", meiryo, sans-serif;
}

.ff-mincho {
  font-family: "Times New Roman", Georgia, "ヒラギノ明朝 ProN W3", 'Hiragino Mincho ProN', "游明朝", YuMincho, "游明朝体", 'Yu Mincho', "HG明朝E", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.center {
  text-align: center;
}

.block {
  display: inline;
}

.spblock {
  display: block;
}

@media only screen and (min-width: 769px) {
  .block {
    display: block;
  }
  .spblock {
    display: inline;
  }
}

.v-pc {
  display: none;
}

@media only screen and (min-width: 769px) {
  .v-pc {
    display: inherit;
  }
  .v-sp {
    display: none;
  }
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.ml10 {
  margin-left: 10px;
}
.mt30 {
  margin-top: 30px;
}
.mark_y{
	background: linear-gradient(transparent 64%,#fcf69f 0%);
	display: inline;
	padding: 2px;
}
/*--------------------------------
Base
--------------------------------*/

.c-holizontal--rowreverse {
  flex-direction: row-reverse;
}

.c-justify--between {
  justify-content: space-between;
}

.c-justify--center {
  justify-content: center;
}

.c-alignitem--center {
  align-items: center;
}

.c-alignitem--start {
  align-items: flex-start;
}

.c-alignitem--end {
  align-items: flex-end;
}

.c-holizontal_spc {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (min-width: 769px) {
  .c-holizontal, .c-holizontal--rowreverse {
    display: flex;
    flex-wrap: wrap;
  }
}

.center {
  text-align: center;
}

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

.font16 {
  font-size: 1.6rem;
}

.font18 {
  font-size: 1.8rem;
}

.brown_t {
  color: #B28500;
}

.blue_t {
  color: #019CCC;
}

.bggray {
  background-color: #E7EEF5;
}

.widewrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1560px;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
}

.pagewrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

.pagemargin {
  margin-top: 20px;
}

@media only screen and (min-width: 769px) {
  .pagemargin {
    margin-top: 80px;
    margin-top: 30px;
  }
}
.header-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  position: fixed;
  top: 0;
  box-sizing: border-box;
  z-index: 10;
}

.header-container.pagecontents {
  background: #E7EEF5;
}
.header-container.forbanks {
  height: 60px;
}
.header-logo{
  width: 55%;
}
.header-logo img {
  width: 100%;
  padding: 0 0 0 8px;
}
.sphdmenuareaBox{
  width: 40%;
}
.sphdmenuarea li{
  margin: 0 3px;
}
@media only screen and (min-width: 769px) {
  .header-logo {
    width: 26%;
  }
  .header-logo img {
    width: 100%;
  }
  .header-logo {
    width: 26%;
  }
  .header-logo img {
    padding: 0 8px;
  }
  .menu__item.service {
    position: relative;
  }
  .submenu {
    background-color: #0188C8;
    display: block;
    visibility: hidden;
    position: absolute;
    width: 580px;
    left: 0;
    top: 35px;
    box-sizing: border-box;
    z-index: 100;
    list-style: none;
    padding: 20px 0 20px 20px;
  }
  .submenu.shien {
    width: 290px;
  }
  .submenu.company {
    width: 240px;
  }
  .submenu a::before {
    content: '>';
    padding-right: 5px;
  }
  .header-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
  }
  .header-container.forbanks {
    height: 81px;
  }
}

@media only screen and (min-width: 1025px) {
  /*.header-logo{
    width: 30%;
  }*/
}

@media only screen and (min-width: 1700px) {
  .header-logo {
    width: auto;
  }
  .header-logo img {
    width: 100%;
    padding: 0 25px;
  }
  .submenu {
    left: 0;
    top: 55px;
  }
}

.menu__item a {
  font-weight: 600;
  display: inline-block;
  position: relative;
}
.header-contact {
  display: flex;
  /*justify-content: space-between;*/
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: none;
}
.header-contact>li {
  width: 50%;
}

.header-contact.pagecontents>li {
  width: 45%;
}

.header-contact.pagecontents>li.contact__phone {
  width: 55%;
}

.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 0;
}
.humb-menu__wrap {
  height: 60px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}

.global-navigation .v-pc {
  display: none;
}

@media only screen and (min-width: 769px) {
  .header-inner {
    width: 80%;
    padding: 0;
  }
  .header-inner {
    padding: 0;
  }
  .header-contact {
    display: flex;
    width: 20%;
  }
  .header-contact.pagecontents>li {
    width: 50%;
    width: auto;
  }
  .header-contact.pagecontents>li.contact__phone {
    display: flex;
    align-items: center;
    width: auto;
    position: absolute;
    top: 5px;
    right: 160px;
  }
  .header-contact>li {
    width: auto;
    /*margin-left: auto;*/
  }
  .humb-menu__wrap {
    display: none;
  }
  .menu__item a::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    width: 100%;
    height: 4px;
    background: #01a2cd;
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform .3s;
  }
  .menu__item a:hover::after {
    transform: scale(1, 1);
  }
  .global-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 600px;
  }
  .global-navigation .v-pc {
    display: block;
  }
}

@media only screen and (min-width: 1025px) {
  .header-contact {
    width: 16%;
  }
  .header-inner {
    width: 84%;
  }
  .header-contact.pagecontents>li.contact__phone {
    right: 280px;
  }
}

@media only screen and (min-width: 1200px) {
  .header-contact {
    width: 25%;
  }
  .header-inner {
    width: 75%;
  }
  .header-contact.pagecontents>li.contact__phone {
    right: 280px;
  }
}

@media only screen and (min-width: 1700px) {
  .header-inner {
    width: 64%;
  }
  .header-contact {
    width: 36%;
  }
  .header-contact>li, .header-contact.pagecontents>li, .header-contact.pagecontents>li.contact__phone {
    width: auto;
  }
  .header-contact.pagecontents>li.contact__phone {
    display: block;
    position: static;
  }
}

.menu-trigger, .menu-trigger span {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  transition: all .4s;
}

.menu-trigger {
  position: relative;
  width: 60px;
  height: 60px;
}

.menu-trigger span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 26px;
  height: 3px;
  background-color: #003265;
}

.menu-trigger span:nth-of-type(1) {
  top: 14px;
}

.menu-trigger span:nth-of-type(2) {
  top: 22px;
}

.menu-trigger span:nth-of-type(3) {
  top: 30px;
}

.menu-trigger.is-active span:nth-of-type(1) {
  background-color: #003265;
  top: 10px;
  -webkit-transform: translateY(10px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
}

.menu-trigger.is-active span:nth-of-type(2) {
  opacity: 0;
}

.menu-trigger.is-active span:nth-of-type(3) {
  background-color: #003265;
  top: 26px;
  -webkit-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg);
}

.menu-trigger .menu__title:after {
  content: "MENU";
  top: 35px;
  left: 14px;
  color: #003265;
  font-size: 1.1rem;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  transition: all .4s;
}

.menu-trigger.is-active .menu__title:after {
  content: "閉じる";
  top: 35px;
  left: 15px;
  color: #003265;
}

@media only screen and (min-width: 769px) {
  .menu__title {
    display: none;
  }
}

.menu_list {
  box-sizing: border-box;
  left: 0;
  position: fixed;
  top: 60px;
  transition: .3s;
  width: 84%;
  z-index: 100;
  visibility: hidden;
  /*border: 10px solid #0188c8;*/
  background-color: #fff;
  overflow-y: scroll;
  height: calc(100vh - 60px);
  background: rgba(1,136,200,0.9);
  color: #fff;
 }

.menu_list.is-active {
  transition: .3s;
  z-index: 10;
  visibility: visible;
}

.menu_list li {
  width: 100%;
}

.menu__item a, .sevice1list li a, .sevice2list li a {
  border-bottom: 1px solid #0188c8;
  border-bottom: 1px solid #fff;
  color: #fff;
  display: block;
  padding: 12px 20px 12px 35px;
  position: relative;
}

.sevice1list li a, .sevice2list li a {
  padding: 12px 20px 12px 35px;
}
.menu-parent .sevice1, 
.menu-parent2 .sevice2, 
.menu-parent3 .sevice3, 
.menu-parent4 .sevice4 {
  border-bottom: 1px solid #0188c8;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  padding: 12px 20px;
  display: block;
  position: relative;
}

.menu-parent .sevice1::after, 
.menu-parent2 .sevice2::after, 
.menu-parent3 .sevice3::after, 
.menu-parent4 .sevice4::after {
  content: '+';
  position: absolute;
  top: 5px;
  right: 15px;
  font-size: 2.4rem;
}

.menu-parent.is-active .sevice1::after, 
.menu-parent2.is-active .sevice2::after, 
.menu-parent3.is-active .sevice3::after, 
.menu-parent4.is-active .sevice4::after {
  content: '-';
  position: absolute;
  top: 0px;
  right: 15px;
  font-size: 3rem;
}
.spmemberboxarea{
  margin: 10px auto;
  display: flex;
  justify-content: center;
}
.spmemberboxarea li{
  width: auto;
  margin: 0 5px;
}
.header-list {
  opacity: 0;
  transition: all .2s;
  visibility: hidden;
  z-index: 1;
}

.header-list a {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  position: relative;
}

.header-list a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #0188C8;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}

.nav-parent:hover .header-list {
  opacity: 0.88;
  visibility: visible;
  z-index: 10;
}

.header-contact .contact__counseling a {
  font-size: 1.2rem;
  display: block;
  width: 100%;
  position: relative;
  text-align: center;
}

.header-contact .contact__counseling .mail1 a {
  border-bottom: 1px solid #fff;
}

.contact__counseling a {
  background: linear-gradient(to right, #0188c8, #00d9d9 90%);
  color: #fff;
  display: block;
  font-weight: 600;
  /*padding: 10px 50px;*/
  position: inherit;
  text-align: center;
}

.contact__counseling .c-mail a {
  padding: 8px;
}

@media only screen and (min-width: 769px) {
  .header-contact .contact__counseling {
    width: 300px;
    padding: 0;
  }
  .menu__item>a {
    color: #333;
  }
  .menu__item a, .sevice1list li a {
    border: none;
    padding: 0;
  }
  .menu_list {
    background-color: transparent;
    border: none;
    position: static;
    opacity: 1;
    visibility: visible;
    padding-top: 35px;
    z-index: 1;
    display: flex;
    flex-wrap: nowrap;

    width: 100%;
    overflow-y: inherit;
    height: auto;
    background: transparent;
    color: #333;
  }
  .menu_list li {
    width: auto;
    padding: 0 5px 0 0;
    font-size: 12px;
  }
  .header-contact .contact__counseling a {
    font-size: 1.6rem;
    text-align: left;
    padding-left: 0;
  }
  .header-contact .contact__counseling a span {
    display: block;
  }
  .header-list .listarea {
    padding-right: 30px;
  }
  .header-contact .contact__counseling .c-holizontal {
    display: block;
  }
  .contact__counseling .c-mail a {
    padding: 8px 10px 8px 50px;
  }
  
}

@media only screen and (min-width: 1025px) {
  .menu_list li {
    padding: 0 15px 0 0;
    font-size: 16px;
  }
}

@media only screen and (min-width: 1201px) {s
  .header-contact .contact__counseling a span {
    display: inline;
  }
  .header-contact .contact__counseling .c-holizontal {
    display: flex;
  }
  .header-contact .c-mail a {
    padding: 12px 5px;
  }
  .contact__counseling .c-mail a {
    padding: 28px 10px 28px 35px;
  }
  .contact__counseling .c-mail.downloadbt a {
    padding: 28px 10px;
  }
  .header-contact .contact__counseling .mail1 a {
    border-bottom: none;
  }
}

@media only screen and (min-width: 1700px) {
  .menu_list {
    padding-top: 0;
  }
  .menu_list li {
    padding: 0 15px 0 0;
  }
  .header-contact .contact__counseling a {
    font-size: 1.8rem;
  }
}

.c-mail a {
  padding: 20px 5px;
  text-align: center;
}

.c-mail a::before {
  content: " ";
  background: url(../img/common/top-icon02.png) no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-right: 5px;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}
.c-mail.downloadbt a::before {
  content: none;
}
.c-mail.downloadbt .fa-download{
  margin-right: 5px;
}
@media only screen and (min-width: 769px) {
  .c-mail a {
    padding: 12px 5px;
  }
  .c-mail a::before {
    width: 27px;
    height: 20px;
    margin-right: 10px;
    left: 20px;
  }
}

@media only screen and (min-width: 769px) {
  .contact__counseling .c-mail a::before {
    width: 17px;
    height: 13px;
    margin-right: 10px;
    left: 10px;
  }
}

.header-contact .contact__phone {
  padding: 5px 10px 0;
  font-weight: bold;
  line-height: 1;
}

.header-contact .contact__phone a {
  color: #0188C8;
  display: block;
  text-align: center;
  position: relative;
}

.header-contact.pagecontents .contact__phone a {
  text-align: left;
}

.header-contact.pagecontents .contact__phone>a {
  display: block;
  text-align: left;
}

.header-contact .contact__phone>a {
  font-size: 2.0rem;
  font-weight: bold;
  padding-left: 25px;
}

.header-contact .contact__phone>a::before {
  content: "";
  background: url(../img/common/top-icon01.png) no-repeat;
  background-size: 100%;
  width: 18px;
  height: 21px;
  position: absolute;
  left: 0;
  top: 3px;
}

.header-contact .contact__phone>span {
  font-size: 1.2rem;
  color: #0188C8;
  display: block;
  text-align: center;
}

.header-contact.pagecontents .contact__phone>span {
  display: block;
  text-align: center;
}

.header-contact .cartbt {
  border-top: 1px solid #0188C8;
  margin-top: 3px;
}

.header-contact .cartbt li {
  font-size: 1.2rem;
  padding: 8px 3px;
}

.mainvisual {
  background: url(../img/index/top-bg01.png) no-repeat center 0;
  background-size: cover;
  height: 530px;
  position: relative;
  padding-top: 45px;
}

@media only screen and (min-width: 769px) {
  .header-contact .contact__phone {
    padding: 5px 10px;
    margin-left: auto;
  }
  .header-contact .contact__phone>span {
    text-align: right;
  }
  .header-contact.pagecontents .contact__phone>span {
    display: block;
    text-align: center;
  }
  .header-contact .contact__phone>a {
    font-size: 2.6rem;
  }
  .header-contact.pagecontents .contact__phone>a {
    display: inline-block;
    text-align: left;
    padding-bottom: 5px;
    padding-right: 10px;
  }
  .header-contact .cartbt {
    border-top: none;
    margin-left: 10px;
    margin-top: 0;
  }
  .header-contact .cartbt li {
    font-size: 1.4rem;
    padding: 0 3px;
  }
  .mainvisual {
    background: url(../img/index/top-bg01.png) no-repeat center;
    background-size: cover;
    height: 1068px;
    background-attachment: fixed;
    padding-top: 0;
  }
  .c-mail a {
    padding: 25px 5px;
  }
}

@media only screen and (min-width: 1367px) {
  .c-mail a {
    padding: 28px 20px;
  }
}

@media only screen and (min-width: 1700px) {
  .header-contact .contact__phone {
    padding: 0 10px;
    margin-left: auto;
  }
  .header-contact.pagecontents .contact__phone>span {
    display: inline;
    text-align: center;
  }
  .header-contact .cartbt {
    border-top: 1px solid #0188C8;
    margin-left: 0;
  }
  .header-contact .cartbt li {
    padding: 10px 10px 0;
  }
}

.main-caption {
  text-align: center;
  margin: 0 auto;
}

.main-caption img {
  padding: 10px;
  padding: 10% 25px 10px;
}

.mainmvformarea {
  margin: 0 auto;
  text-align: center;
  display: table;
  width: 94%;
}

.mainmvformarea .maintext {
  background: rgba(255, 255, 255, 0.8);
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  margin: 0 auto 5px;
}
.mainmvformarea .maintext.new {
  background: rgba(255, 255, 255, 0.8);
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  padding: 5px 10px 10px;
  text-align: center;
  margin: 0 auto 5px;
  border-radius: 5px;
  width: 100%;
}
.mainmvformarea .maintext.new .text2{
  font-size: 22px;
}
.mainmvformarea .maintext.new .text3{
  font-size: 14px;
  margin-bottom: .5em;
}
.mainmvformarea .maintext .big {
  font-size: 1.6rem;
}
.mainmvformarea .maintext .text1{
  font-weight: normal;
  font-size: 14px;
}
.mainmvformarea .maintext .text2{
  font-size: 14px;
}
.mainmvformarea .maintext .text2 .red{
  color: #cc0001;
}
.mainmvformarea .maintext .text3{
  font-size: 14px;
}
.mainmvformarea .maintext .text4{
  font-size: 16px;
}

.mainmvformarea .mainform {
  text-align: center;
  margin: 0 10px;
}
.mainmvformarea .topbt a{
  background-color: #f59308;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: .5em 3em;
}
.mainmvformarea .topbt.new a{
  background-color: #f59308;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: .5em 3em;
}
.mainmvformarea .topbt a:hover{
  opacity: .8;
}
@media only screen and (min-width: 600px) {
  .main-caption img {
    /*top: 18%;
    left: 0;
    right: 0;
    width: 40%;*/
    margin: auto;
    padding: 10% 25px 10px;
    /*position: absolute;*/
  }
  .mainmvformarea .topbt.new a{
    font-size: 24px;
  }
}

@media only screen and (min-width: 769px) {
  .main-caption img {
    width: auto;
    margin: auto;
    /*padding: 15% 25px 60px;*/
    padding: 9% 25px 30px;
  }
  .mainmvformarea {
    /*position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);*/
    margin: 0 auto;
    width: 950px;
  }
  .mainmvformarea .maintext {
    font-size: 3.8rem;
    padding: 20px 30px;
    /*transform: translateX(-50%);
    -webkit- transform: translateX(-50%);*/
    margin: 0 auto 10px;
  }
  .mainmvformarea .maintext.new {
    font-size: 3.8rem;
    padding: 20px 60px 30px;
    margin: 0 auto 10px;
    border-radius: 5px;
  }
  .mainmvformarea .maintext.new .text2{
    font-size: 30px;
    margin-bottom: .6em;
  }
  .mainmvformarea .maintext.new .text3{
    font-size: 18px;
    margin-bottom: .5em;
  }
  .mainmvformarea .maintext .big {
    font-size: 4.6rem;
  }
  .mainmvformarea .mainform {
    text-align: center;
    /*transform: translateX(-50%);
    -webkit- transform: translateX(-50%);*/
    margin: 0 auto;
  }
  .mainmvformarea .maintext .text1{
    font-size: 24px;
  }
  .mainmvformarea .maintext .text2{
    font-size: 30px;
  }
  .mainmvformarea .maintext .text3{
    font-size: 32px;
  }
  .mainmvformarea .maintext .text4{
    font-size: 38px;
  }
  .mainmvformarea .topbt a{
    font-size: 20px;
  }
}

.section-release {
  background: #006FBD;
  /*url(../images/index/object02.svg);*/
  padding: 30px 0;
  /*position: relative;*/
  z-index: 3;
}



.section-release-after {
  margin-top: -1px;
  position: relative;
  z-index: 2;
}

.release-head {
  margin: 0 0 15px 0;
  width: 70%;
}

.release-head, .release-body {
  z-index: 1;
  padding: 0 15px;
  font-size: 1.4rem;
}
.releaselistbt{
  text-align: center;
  margin-top: 1em;
}
@media only screen and (min-width: 769px) {
  .section-release {
    padding: 86px 0 0;
    position: relative;
  }
  .section-release::before {
    background: url(../images/index/object01.svg) no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .section-release::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 150px 98vw 0 0;
    border-color: #006FBD transparent transparent transparent;
    position: absolute;
    bottom: -150px;
    /*background: url(../images/index/object02.svg) no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 207px;*/
  }
  .release-head {
    margin: 0 0 30px 0;
    width: 37.8%;
  }
  .release-head, .release-body {
    padding: 0;
    font-size: 1.6rem;
  }
  .release-body {
    width: 62.2%;
  }
  .releaselistbt{
    text-align: right;
    margin-bottom: .5em;
    margin-top: 0;
  }
}

.first_line .r-date {
  border-top: solid 1px #fff;
  padding: 5px 2px 0;
}

.first_line .r-title {
  padding: 5px 2px;
}

.first_line:last-child .r-title {
  border-bottom: solid 1px #fff;
}

.r-date {
  color: #B2B200;
}

.r-title a {
  color: #fff;
}

@media only screen and (min-width: 769px) {
  .first_line .r-date, .first_line .r-title {
    border-top: solid 1px #fff;
    padding: 20px 5px;
  }
  .first_line:last-child .r-date, .first_line:last-child .r-title {
    border-bottom: solid 1px #fff;
  }
  .r-title {
    width: 80%;
  }
  .r-date {
    width: 15%;
    margin: 0 5% 0 0;
  }
}

.section-reproducing {
  background: url(../images/index/top-thumb01_2.png) no-repeat right -10%;
  background-size: cover;
  height: 300px;
  margin: -11% 0;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}

.section-reproducing .rep-inner {
  z-index: 2;
  position: relative;
}

.rep-body {
  text-align: center;
}

.main-section__title {
  color: #006FBD;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 20px;
  margin-top: 10px;
}

.main-section__title span {
  color: #000;
  font-size: 3.2rem;
  margin-top: 14px;
  display: block;
}

.main-btn__detail {
  margin: 10px 0 0;
}

.main-btn__detail a {
  background: #2282C4;
  color: #fff;
  padding: 5px 30px;
  position: relative;
}

.main-btn__detail a:hover {
  opacity: .8;
}

.arrow a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.arrow.big a:after {
  top: 50%;
  right: 10%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}

@media only screen and (min-width: 769px) {
  .section-reproducing {
    background: url(../images/index/top-thumb01_2.png) no-repeat right 0;
    background-size: cover;
    height: 689px;
    padding: 18% 0 0 0;
    margin-top: -17%;
    display: block;
  }
  .rep-body {
    display: inline-block;
  }
}

.section-restart {
  background: url(../images/index/top-thumb02_2.png) no-repeat center center;
  background-size: cover;
  height: 300px;
  z-index: 1;
  display: flex;
  align-items: center;
  margin-top: -16px;
}

@media only screen and (min-width: 769px) {
  .section-restart {
    background: url(../images/index/top-thumb02_2.png) no-repeat, linear-gradient(to right, #F2F5F7, #E0E8ED 70%);
    height: 596px;
    margin: 5% 0 0;
    display: block;
    position: relative;
  }
  .section-restart .rep-body {
    position: absolute;
    top: 37%;
    right: 21%;
  }
}

.section-consulting {
  background: url(../images/index/top-thumb03_2.png) no-repeat right 0;
  background-size: cover;
  height: 300px;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: -9%;
  z-index: 3;
}

@media only screen and (min-width: 769px) {
  .section-consulting {
    background: url(../images/index/top-thumb03_2.png) no-repeat right;
    background-size: cover;
    display: block;
    height: 502px;
    padding: 11% 0 0 0;
    margin: -7% 0 0;
  }
}

.section-proclub {
  background: url(../images/index/top-bg02.png) no-repeat center;
  background-size: cover;
  padding: 40px 0 0;
  text-align: center;
}
.section-readersalon {
  background: url(../img/index/top-bg04.jpg) no-repeat center;
  background-size: cover;
  padding: 40px 0 0;
  text-align: center;
}
.section-ebombo{
  background: url(../images/index/top-bg04.png) no-repeat center;
  background-size: cover;
  padding: 40px 0 0;
  text-align: center;  
}
.section-kakutell{
  background: url(../images/index/kakutellbg.jpg) no-repeat center;
  background-size: cover;
  padding: 40px 0 0;
  text-align: center;  
}
.section-proclub .main-section__title,
.section-readersalon .main-section__title,
.section-ebombo .main-section__title,
.section-kakutell .main-section__title {
  color: #fff;
  line-height: 1.3;
}
.section-proclub .main-section__title span,
.section-readersalon .main-section__title span,
.section-ebombo .main-section__title span,
.section-kakutell .main-section__title span {
  color: #fff;
  display: inline-block;
  font-size: 3.4rem;
  line-height: 1.2;
  margin: 20px 0 10px;
}
.section-proclub .main-btn__detail02,
.section-readersalon .main-btn__detail02,
.section-ebombo .main-btn__detail02,
.section-kakutell .main-btn__detail02 {
  border: solid 1px #fff;
  width: 110px;
  margin: 10px auto 20px;
}
.section-proclub .main-btn__detail02 a,
.section-readersalon .main-btn__detail02 a,
.section-ebombo .main-btn__detail02 a,
.section-kakutell .main-btn__detail02 a {
  color: #fff;
  padding: 5px 20px;
  position: relative;
  display: block;
}
.section-proclub .main-btn__detail02 a:hover,
.section-readersalon .main-btn__detail02 a:hover,
.section-ebombo .main-btn__detail02 a:hover,
.section-kakutell .main-btn__detail02 a:hover {
  opacity: .8;
}
.section__subtitle{
  font-size: 25px !important;
}
@media only screen and (min-width: 769px) {
  .section-proclub {
    background: url(../images/index/top-bg02.png) no-repeat center;
    background-size: cover;
    padding: 70px 0;
  }
  .section-readersalon {
    background: url(../img/index/top-bg04.jpg) no-repeat center;
    background-size: cover;
    padding: 70px 0;
  }
  .section-ebombo {
    background: url(../images/index/top-bg04.png) no-repeat center;
    background-size: cover;
    padding: 70px 0;
    transform: scale(-1,1);
  }
  .section-ebombo>div{
    transform: scale(-1,1);
  }
  .section-kakutell {
    background: url(../images/index/kakutellbg.jpg) no-repeat center;
    background-size: cover;
    padding: 70px 0;
  }
  .section-proclub .main-btn__detail02,
  .section-readersalon .main-btn__detail02,
  .section-ebombo .main-btn__detail02,
  .section-kakutell .main-btn__detail02 {
    margin: 10px auto 0;
  }
}

.section-diagnosis {
  background: linear-gradient(to left, #E3E7EA, #F7F8FA 70%);
  padding: 30px 0 0;
}

.diagnosis-inner {
  height: 300px;
  padding: 20px 0;
  text-align: center;
}

.section-diagnosis.jigyosaisei .diagnosis-inner {
  padding: 20px 0;
  height: auto;
  text-align: center;
  display: table;
  margin: 0 auto;
}

.diagnosis-caption {
  font-size: 1.6rem;
}

.diagnosis-head {
  font-size: 3.5rem;
  border-bottom: solid 1px;
  margin-bottom: 15px;
}

.orange {
  color: #FF3F00;
}

.diagnosis-text {
  font-size: 1.8rem;
  margin: 0 auto;
}

.section-diagnosis .contact__counseling {
  margin: 20px auto;
  text-align: center;
  max-width: 300px;
}

.section-diagnosis .contact__counseling a {
  width: 300px;
  position: relative;
  font-size: 2rem;
  display: block;
  padding: 10px 0;
}

.section-diagnosis .contact__counseling a:hover {
  opacity: .8;
}

@media only screen and (min-width: 769px) {
  .section-diagnosis {
    background: url(../images/index/top-thumb05.png) no-repeat 80%, linear-gradient(to left, #E3E7EA, #F7F8FA 70%);
    padding: 50px 0 0;
  }
  .section-diagnosis.jigyosaisei {
    background: url(../images/contents/re-thumb01.png) no-repeat 95%, linear-gradient(to left, #E3E7EA, #F7F8FA 70%);
    padding: 0;
  }
  .diagnosis-inner {
    height: 500px;
    max-width: 500px;
  }
  .section-diagnosis.jigyosaisei .diagnosis-inner {
    height: auto;
    max-width: inherit;
    padding: 80px 0 50px;
    margin-bottom: 50px;
  }
  .diagnosis-caption {
    font-size: 2.2rem;
  }
  .diagnosis-head {
    font-size: 5rem;
    margin-bottom: 15px;
  }
  .diagnosis-text {
    font-size: 2.6rem;
  }
  .diagnosis-text2 {
    font-size: 2rem;
  }
}

.section-message {
  background: #1177bb;
  color: #fff;
  padding: 30px 10px;
  position: relative;
  z-index: 2;
}

.message__title {
  text-align: center;
}

.message__thumb {
  text-align: center;
}

.message__thumb img {
  width: 65%;
}

.message-text {
  padding: 0 10px;
}

.message-text p {
  font-size: 1.4rem;
  margin-top: 25px;
}

.message-text .president {
  font-size: 3rem;
}

.summary__head {
  font-size: 2.5rem;
}

@media only screen and (min-width: 769px) {
  .section-message {
    padding: 4% 0 0;
  }
  .section-message::before {
    background: url(../images/index/object05.svg) no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    top: -29.5%;
    width: 100%;
    height: 450px;
    z-index: -1;
  }
  .section-message::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 200px 98vw 0 0;
    border-color: #1177BB transparent transparent transparent;
    position: absolute;
    bottom: -200px;
    /*background: url(../images/index/object06.svg) no-repeat;
    content: '';
    position: absolute;
    background-size: contain;
    bottom: -99.9%;
    width: 100%;
    height: 100%;*/
  }
  .message__title {
    margin-bottom: 95px;
    padding: 0;
    text-align: left;
  }
  .message__thumb img {
    width: 100%;
  }
  .message-text {
    width: 55%;
  }
  .message-text p {
    font-size: 1.6rem;
    margin-top: 45px;
  }
  .summary__head {
    font-size: 3.4rem;
  }
}
.rightside .m-pagenation__next,
.rightside .notNumbering {
  display: none;
}

.section-foot {
  background: url(../images/index/top-bg03.png) no-repeat bottom;
  background-size: contain;
  padding: 30px 0 43%;
  position: relative;
}

.section-foot .contact__phone a, .page-foot .contact__phone a {
  color: #0188C8;
  font-size: 3.6rem;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding-left: 30px;
}

.section-foot .contact__phone a:before, .page-foot .contact__phone a:before {
  content: "";
  background: url(../img/common/top-icon01.png) no-repeat;
  background-size: 100%;
  width: 22px;
  height: 26px;
  position: absolute;
  left: 0;
  top: 15px;
}

.section-foot .contact__counseling a, .page-foot .contact__counseling a {
  display: inline-block;
  padding: 20px 20px 20px 35px !important;
  position: relative;
  margin: 0 5px;
}

.contact__counseling a:hover {
  opacity: .8;
}

.pagefoot-body__p {
  font-size: 2rem;
  margin-bottom: 10px;
}

.footer-container {
  align-items: center;
  background: #fff;
  border-top: solid 4px #1177BB;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px;
}

.footer-logo {
  margin-bottom: 20px;
}

.f-copy {
  font-size: 1.2rem;
  margin: 0 5% 0;
}

.go__top {
  display: none;
  position: fixed;
  bottom: 76px;
  right: 0;
  cursor: pointer;
  z-index: 10;
}
.page-footer-container {
  background-color: #0177AF;
  color: #fff;
  font-size: 14px;
  padding: 30px 15px 75px;
}

.page-footer-container ul.ftmenu li a {
  position: relative;
  color: #fff;
  display: block;
  font-weight: bold;
  padding-left: 20px;
  line-height: 2;
}

.page-footer-container ul.ftmenu li a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.page-footer-container ul.ftmenu li a:hover {
  position: relative;
  color: #fff;
}

.page-f-copy {
  font-size: 1rem;
  margin-top: 20px;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .section-foot {
    background: url(../images/index/top-bg03.png) no-repeat right bottom;
    background-size: 55%;
    height: 565px;
    padding: 12% 0 0;
  }
  .section-foot .contact__phone a, .page-foot .contact__phone a {
    font-size: 4.2rem;
    padding-left: 40px;
  }
  .section-foot .contact__counseling a, .page-foot .contact__counseling a {
    font-size: 1.8rem;
    padding: 30px 30px 30px 70px !important;
  }
  .section-foot .contact__counseling .downloadbt a,
  .page-foot .contact__counseling .downloadbt a{
    padding: 30px !important;
  }
  .section-foot .contact__counseling .c-mail a::before, .page-foot .contact__counseling .c-mail a::before {
    width: 27px;
    height: 20px;
    left: 20px;
  }
  .section-foot .contact__phone a:before, .page-foot .contact__phone a:before {
    width: 31px;
    height: 36px;
    top: 13px;
  }
  .pagefoot-body__p {
    font-size: 2.6rem;
  }
  .footer-container {
    justify-content: space-between;
    padding: 20px 0;
  }
  .go__top {
    bottom: 10px;
    right: 0;
  }
  .page-footer-container {
    padding: 90px 0 10px;
    font-size: 16px;
  }
  .page-f-copy {
    font-size: 1.2rem;
    text-align: right;
    margin-top: 90px;
  }
}

@media only screen and (min-width: 1556px) {
  .section-foot {
    background: url(../images/index/top-bg03.png) no-repeat right;
    background-size: auto;
    height: 565px;
    padding: 9% 0 0;
  }
}

.page-foot {
  background: url(../images/contents/re-ft_bg02.png) no-repeat;
  background-size: cover;
  padding: 30px 0 25%;
}

.page-foot-box {
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .page-foot {
    background: url(../images/contents/re-ft_bg02.png) no-repeat;
    background-size: cover;
    padding: 0;
  }
  .page-foot-area {
    background: url(../images/contents/re-ft_bg.png) no-repeat right 0;
    height: 0;
    padding-bottom: 29%;
  }
  .page-foot-area {
    background: url(../images/contents/re-ft_bg.png) no-repeat right 0;
  }
  .page-foot-box {
    max-width: 800px;
    padding-top: 7%;
  }
}
.main-container{
  padding-top: 65px;
}
@media only screen and (min-width: 769px) {
  .main-container {
    padding-top: 81px;
  }
  .main-container .leftside {
    width: 20%;
    max-width: 220px;
    float: left;
  }
  .main-container .rightside {
    width: 78%;
    max-width: 940px;
    float: right;
  }
}

@media only screen and (min-width: 1700px) {
  .main-container {
    padding-top: 84px;
  }
}

#form {
  position: relative;
  height: 50px;
}

#s-box {
  height: 40px;
  padding: 0 10px;
  border-radius: 2px;
  border: solid 3px #eaeaea;
  outline: 0;
  margin: 0 0 10px;
  width: 100%;
  position: relative;
}

#s-btn-area {
  height: 50px;
  background: none;
  color: #666;
  border: none;
  font-size: 20px;
  outline: 0;
}

#s-btn {
  background-color: black;
  width: 50px;
  height: 30px;
  border-radius: 3px;
  font-size: 16px;
  color: #fff;
  line-height: 31px;
  position: absolute;
  right: 5px;
  top: 5px;
}

.shienkikan {
  background-color: #0080B0;
}

.idbox {
  margin: 0 auto 30px;
  width: 100%;
}

.idbox li {
  float: left;
  width: 49%;
  text-align: center;
  border: 1px solid #cc0001;
  box-sizing: border-box;
}

.idbox li:last-child {
  float: right;
  border: 1px solid #045c8c;
}

.idbox li a {
  padding-top: 35px;
  padding-bottom: 35px;
  display: block;
}

.idbox li p {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 18px 15px;
  text-align: left;
  background-color: #cc0001;
  color: #fff;
  min-height: 70px;
  box-sizing: border-box;
  line-height: 1.4;
  letter-spacing: 0.2em;
}

.idbox li:last-child p {
  background-color: #045c8c;
  padding: 10px 15px;
}

.sd_newdvd {
  border: 2px solid #000;
  background-color: #f7f7f9;
  font-size: 1.4rem;
  padding: 20px 10px 10px;
  margin-bottom: 20px;
  line-height: 1.4;
}

.sd_newdvd h2 {
  border-bottom: 1px solid #000;
  text-align: center;
  margin-bottom: 10px;
  font-size: 1.6rem;
  padding-bottom: 5px;
}

.sd_newdvd .img {
  margin: 10px 20px 0;
}

.sd_newdvd a.tonewdvd {
  display: table;
  color: #fff;
  background-color: #045c8c;
  margin: 10px auto 0;
  padding: 5px 10px;
  font-size: 1.2rem;
}

.sdmenu_1 {
  background-color: #f7f7f9;
  margin: 0 auto 1px;
  padding-bottom: 10px;
}

.sdmenu_1 p.p1 {
  font-size: 1.2rem;
  padding: 5px 15px;
  line-height: 1.3;
}

.sdmenu_1 li {
  font-size: 1.4rem;
  padding: 10px 5px;
  line-height: 1.2;
  margin: 10px auto 0;
  width: 90%;
  text-align: center;
  border: 1px solid #e0e0e0;
  background-color: #fff;
}

.sdmenu_1 li a {
  color: #0080b1;
}

.sdmenu_1 li a:hover {
  text-decoration: underline;
}

.sdmenu_1 li.mmaga {
  color: #0080b1;
  padding: 10px 0 0;
  line-height: 1.2;
  margin: 10px auto 0;
  width: 85%;
  text-align: center;
}

.sdmenu_1 li.mmaga a {
  margin-top: 10px;
  display: block;
}

.sdmenu_1 li p.p1 {
  font-size: 1.2rem;
}

.sdmenu_1 li form {
  font-size: 1.2rem;
}

.sdmenu_1 li input[type="text"] {
  width: 94%;
  margin: 5px 0;
  padding: 5px;
  font-size: 12px;
  font-size: 1.2rem;
}

.sdmenu_1 p.p2 {
  text-align: right;
  margin-top: 10px;
  margin-right: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.sdmenu_1 p.p3 {
  text-align: center;
  margin: 10px 0 0;
}

.sdmenu_1 p.p3 a {
  color: #fff;
  background-color: #8dc071;
  display: block;
  padding: 15px 0;
}

.sdmenu_1 p.p3 a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #f59308;
}

.sdmenu_2 {
  margin-bottom: 1px;
}

.sdmenu_2 li {
  margin-bottom: 2px;
}

.sdmenu_3 {
  border: 1px solid #000;
  padding: 4px;
  margin-bottom: 15px;
}

.sdmenu_3 h3 {
  text-align: center;
  background: url(../img/common/sd_9_bg.png) repeat-x;
}

.sdmenu_3 li {
  background: url(../img/common/bt1.png) no-repeat 0 9px;
  padding: 7px 0 7px 20px;
  border-bottom: 1px dotted #333;
  line-height: 1.2;
  margin: 0 6px;
}

.sdmenu_3 li:last-child {
  border-bottom: none;
}

.fbarea {
  background-color: #f7f7f9;
  padding-bottom: 20px;
  margin: 1px auto 10px;
  text-align: center;
}

.fbarea h3 {
  padding-bottom: 10px;
}
.side-movie {
  padding-bottom: 10px;
}
.side-movie h2{
  background-color: #003265;
  color: #fff;
  text-align: center;
  font-size: 16px;
  position: relative;
  padding: 5px 0;
  margin: 0;
}
.side-movie h2::after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 20px 0 20px;
  border-color: #003265 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%,0);
}
.side-movie .movielist{
  background-color: #f7f7f9;
  padding: 20px 0 10px;
}
.side-movie .movielist li{
  background-color: #fff;
  margin-bottom: 10px;
  width: 90%;
  margin: 0 auto 10px;
}
.side-movie .movielist li h3{
  padding: 5px 10px;
  font-size: 12px;
}
.side-movie .movielist li a{
  color: #202020;
}
.side-movie .movielist li a:hover{
  opacity: .6;
}

/* 遅延表示 */

.lazy {
  transition-duration: 1s;
  transition-property: transform opacity;
  transition-timing-function: ease-out;
  transform: translateY(100px);
  opacity: 0;
}

.lazy-shown {
  transform: translateY(0);
  opacity: 1;
}

.pan {
  text-align: left;
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

/*ぱんくず*/

.pan ol {
  margin: 0;
  padding: 0;
}

.pan li {
  color: #999;
  float: left;
  font-size: 1.4rem;
  margin-left: 1%;
}

.pan li a {
  color: #999;
  text-decoration: none;
}

.pan li a:hover {
  text-decoration: underline;
}

.headertl .pagename {
  border-bottom: 3px solid;
  font-size: 3rem;
  line-height: 1.2;
  padding-left: 20px;
  margin-bottom: 10px;
  padding: 20px;
}

.headertl .pagename.kuro {
  border-bottom: none;
}
.headertl .pagename.forbanks {
  display: none;
}

.headertl .pagename span {
  display: block;
  font-size: 1.8rem;
  font-size: 3rem;
  margin-top: 6px;
}

@media only screen and (min-width: 769px) {
  .headertl .pagename {
    font-size: 6rem;
    line-height: 1.1;
    padding-left: 20%;
    padding: 30px 0 30px 20%;
  }
  .headertl .pagename span {
    font-size: 3rem;
  }
}

/*会社概要*/

.headertl .pagename.company {
  background: url(../img/contents/company-bg01.png) no-repeat;
  background-size: cover;
  border-bottom: none;
  color: #fff;
  display: flex;
  align-items: center;
  height: 200px;
}

.headertl .pagename.company span {
  font-size: 1.8rem;
}

@media only screen and (min-width: 769px) {
  .headertl .pagename.company {
    background: url(../img/contents/company-bg01.png) no-repeat;
    background-size: cover;
    height: 550px;
  }
  .headertl .pagename.company span {
    font-size: 3rem;
  }
}

.company_contents_hd {
  background: url(../img/contents/company-bg02.png) no-repeat center bottom;
  background-size: cover;
  padding: 50px 15px 30px;
  font-size: 14px;
}

.sloganarea {
  margin-bottom: 70px;
}

.company_contents_hd h2 {
  font-size: 2.2rem;
  margin-bottom: 20px;
  position: relative;
}

.company_contents_hd h2 span {
  font-size: 1.6rem;
  display: block;
}

.company_contents_hd h2:before {
  position: absolute;
  top: -25px;
  left: 50%;
  content: "";
  background: linear-gradient(to right, #0188C8, #00D3D8);
  background: -webkit-linear-gradient(left, #0188C8, #00D3D8);
  display: inline-block;
  width: 50px;
  height: 7px;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
}

.company_contents_hd .maintext {
  font-size: 2.4rem;
  line-height: 1.4;
}

.company_contents_hd .subtext {
  line-height: 2;
  margin-top: 20px;
}

@media only screen and (min-width: 769px) {
  .company_contents_hd {
    background: url(../img/contents/company-bg02.png) no-repeat center bottom;
    background-size: cover;
    padding: 5% 0 8%;
    font-size: 16px;
  }
  .sloganarea {
    margin-bottom: 90px;
  }
  .company_contents_hd h2 {
    font-size: 2.6rem;
  }
  .company_contents_hd h2 span {
    font-size: 1.8rem;
  }
  .company_contents_hd .maintext {
    font-size: 4.8rem;
  }
}

.pre-message {
  padding: 30px 15px;
}

.pre-message .textarea {
  text-align: left;
  font-size: 1.4rem;
}

.pre-message .textarea p {
  margin-bottom: 25px;
}

.pre-message .textarea .pre {
  font-size: 1.6rem;
}

.pre-message .textarea .pre span {
  font-size: 1.4rem;
  margin-right: 20px;
}

.pre-message h2 {
  font-size: 2rem;
  line-height: 1.4;
  margin-bottom: 20px;
}

.pre-message h2 span {
  display: block;
  font-size: 1.4rem;
}

@media only screen and (min-width: 769px) {
  .pre-message h2 {
    font-size: 4rem;
    line-height: 1.4;
    margin-bottom: 40px;
  }
  
  .pre-message h2 span {
    display: block;
    font-size: 2.4rem;
  }
  .pre-message {
    padding: 90px 0 150px;
  }
  .pre-message .textarea {
    width: 62.5%;
  }
  .pre-message .textarea .pre {
    font-size: 2.6rem;
  }
  .pre-message .textarea .pre span {
    font-size: 1.8rem;
    margin-right: 20px;
  }
}

.companydata {
  padding: 30px 15px 0;
  font-size: 14px;
}

.companydata h2 {
  font-size: 2.2rem;
  line-height: 1.4;
  margin-bottom: 30px;
}

.companydata h2 span {
  display: block;
  font-size: 1.6rem;
}

.companydata dl {
  border-top: 1px solid #C0CCCF;
  width: 100%;
}

.companydata dl:last-child {
  border-bottom: 1px solid #C0CCCF;
}

.companydata dl dt {
  padding: 10px 0 0;
}

.companydata dl dd {
  padding: 10px 0;
  line-height: 1.8;
}

.companydata dl a {
  text-decoration: underline;
}

.tourokukikan {
  font-size: 14px;
}

@media only screen and (min-width: 769px) {
  .companydata {
    padding: 90px 0 0;
    font-size: 16px;
  }
  .companydata h2 {
    font-size: 4rem;
    margin-bottom: 50px;
  }
  .companydata h2 span {
    font-size: 2.4rem;
  }
  .companydata dl {
    display: table;
    width: 100%;
  }
  .companydata dl dt {
    display: table-cell;
    width: 18%;
    padding: 20px 0;
  }
  .companydata dl dd {
    display: table-cell;
    width: 75%;
    padding: 20px 0;
  }
  .tourokukikan ul {
    width: 50%;
  }
}

.company-access {
  margin-top: 50px;
  padding: 0 15px 30px;
}

.company-access h2 {
  font-size: 2.2rem;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.4;
}

.company-access h2 span {
  font-size: 1.6rem;
  display: block;
}

.company-access ul {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 20px;
}

.company-access ul li h3 {
  font-size: 2rem;
  margin-bottom: 10px;
}

@media only screen and (min-width: 769px) {
  .company-access ul li h3 {
    font-size: 3rem;
    margin-bottom: 20px;
  }
  .company-access {
    margin-top: 70px;
    padding: 0 0 90px;
  }
  .company-access h2 {
    font-size: 3rem;
    text-align: left;
  }
  .company-access h2 span {
    font-size: 2rem;
    margin-left: 20px;
    display: inline;
  }
  .company-access ul {
    padding: 20px 20px 15px 40px;
  }
  .company-access ul li {
    width: 44.7%;
  }
  .company-access ul li:last-child {
    width: 55.3%;
  }
}

/*DVD*/

.headertl .pagename.dvd {
  background: url(../images/contents/dvd-bg01.png) no-repeat;
  background-size: cover;
  border-bottom: none;
  display: flex;
  align-items: center;
  height: 200px;
  color: #000;
}

.headertl .pagename.dvd span {
  font-size: 1.8rem;
}

@media only screen and (min-width: 769px) {
  .headertl .pagename.dvd {
    background: url(../images/contents/dvd-bg01.png) no-repeat;
    background-size: cover;
    height: 550px;
  }
  .headertl .pagename.dvd span {
    font-size: 3rem;
  }
}

.dvdareacontents {
  padding-bottom: 50px;
}

.dvd-link-list {
  margin: 0 10px 30px;
}

.dvd-link-list ul li {
  width: 50%;
}

.dvd-link-list ul li a {
  border-collapse: collapse;
  border: 1px solid #0188C8;
  color: #0188C8;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  padding: 12px 0;
}

.dvd-link-list ul li:nth-child(2n) a {
 
}

.dvd-link-list ul li:nth-child(5) a, .dvd-link-list ul li:nth-child(6) a {
  
}

@media only screen and (min-width: 769px) {
  .dvd-link-list {
    margin: 0 auto 60px;
  }
  .dvd-link-list ul li {
    width: 200px;
  }
  .dvd-link-list ul li a {
    width: 200px;
    font-size: 1.6rem;
    padding: 12px 0;
   
  }
  .dvd-link-list ul li:nth-child(2n) a {
   
  }
  .dvd-link-list ul li:last-child a {
   
  }
}

.dvd-link-list ul li a:hover {
  background-color: #0188C8;
  color: #fff;
}

.dvd_list_child {
  padding-top: 60px;
}

.dvd_list_child h2 {
  color: #0188C8;
  font-size: 2.6rem;
  position: relative;
  padding-left: 35px;
  margin-bottom: 10px;
}

.dvd_list_child h2:before {
  content: "";
  position: absolute;
  background-color: #0188C8;
  display: inline-block;
  width: 24px;
  height: 5px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}

.dvd_list_child ul li {
  background-color: #fff;
  font-size: 1.4rem;
  padding: 10px 15px 40px 10px;
  margin-bottom: 20px;
}

.dvd_list_child ul li .imgbox {
  width: 27%;
  max-width: 200px;
}

.dvd_list_child ul li .imgbox img {
  width: 100%;
}

.dvd_list_child ul li .textbox {
  width: 70%;
  position: relative;
}

.dvd_list_child ul li .textbox .tl {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.dvd_list_child ul li .textbox .tl a:hover {
  text-decoration: underline;
}

.detailbt {
  position: absolute;
  right: 0;
  bottom: -30px;
}

.detailbt a {
  color: #0077AD;
  font-weight: bold;
}

@media only screen and (min-width: 769px) {
  .dvd_list_child ul li {
    padding: 10px 20px 10px 10px;
    width: 50%;
    max-width: 766px;
  }
  .detailbt {
    bottom: 0;
  }
}

/*セミナー*/

.headertl .pagename.seminar {
  background: url(../images/contents/seminar-bg01.png) no-repeat;
  background-size: cover;
  border-bottom: none;
  display: flex;
  align-items: center;
  height: 200px;
  color: #000;
}
.headertl .pagename.lectureseminar {
  background: url(../images/contents/seminar-bg01.png) no-repeat;
  background-size: cover;
  border-bottom: none;
  display: flex;
  align-items: center;
  height: 100px;
  color: #000;
}
.headertl .pagename.seminar span,
.headertl .pagename.lectureseminar span {
  font-size: 1.8rem;
}

@media only screen and (min-width: 769px) {
  .headertl .pagename.seminar {
    background: url(../images/contents/seminar-bg01.png) no-repeat;
    background-size: cover;
    height: 550px;
  }
  .headertl .pagename.lectureseminar {
    background: url(../images/contents/seminar-bg01.png) no-repeat 0 0;
    background-size: cover;
    height: 300px;
  }
  .headertl .pagename.seminar span,
  .headertl .pagename.lectureseminar span {
    font-size: 3rem;
  }
}

.seminartl {
  margin: 0 15px 30px;
}

.seminartl h2 {
  font-size: 3.4rem;
}

.seminartl a {
  color: #0177AF;
  font-size: 1.4rem;
  position: relative;
  padding-left: 20px;
}

.seminartl a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-right: 3px solid #0177AF;
  border-bottom: 3px solid #0177AF;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.seminarlist {
  margin-bottom: 1em;
}

.seminarlist ul li {
  border-top: 1px solid #B6C0CD;
  padding: 20px 15px;
  font-size: 1.4rem;
}

.seminarlist ul li:last-child {
  border-bottom: 1px solid #B6C0CD;
}

.seminarlist ul li a {
  color: #333;
}

.seminarlist ul li .tlarea {
  border-bottom: 1px solid #B6C0CD;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.seminarlist ul li .tlarea .tlbox {
  font-size: 1.8rem;
  margin-bottom: 15px;
}

.seminarlist ul li .tlarea .tlbox a:hover {
  text-decoration: underline;
}

.seminarlist ul li .tlarea .tlbox .cat {
  background-color: #0177AF;
  color: #fff;
  display: inline-block;
  font-size: 2rem;
  margin-right: 3px;
  text-align: center;
  padding: 0 10px;
  line-height: 42px;
}

@media only screen and (min-width: 769px) {
  .seminartl {
    margin: 0 0 30px;
  }
  .seminarlist {
    margin-bottom: 100px;
  }
  .seminarlist ul li {
    padding: 20px 0;
  }
  .seminarlist ul li .tlarea {
    width: 78%;
    padding-right: 20px;
    border-right: 1px solid #B6C0CD;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .seminarlist ul li .datearea {
    width: 22%;
    padding: 0 20px;
  }
}

/*事業再生*/

.jigyosaisei_hd {
  background: url(../images/contents/re-bg01.png) no-repeat center 0;
  background-size: 157%;
  position: relative;
}

.jigyosaisei_hdimg {
  padding: 15% 25px;
}

@media only screen and (min-width: 769px) {
  .jigyosaisei_hd {
    background: url(../images/contents/re-bg01.png) no-repeat center 0;
    background-size: cover;
    height: 852px;
    background-attachment: fixed;
  }
  .jigyosaisei_hdimg {
    padding: 20% 0 0 40px;
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 1025px) {
  .jigyosaisei_hdimg {
    padding: 12% 0 0 0;
  }
}

.resultarea {
  background-color: #0177AF;
  padding: 20px;
}

.resultarea h3 {
  color: #fff;
  font-size: 3rem;
  line-height: 1.4;
  text-align: center;
}

.resultarea h3 span {
  display: block;
  font-size: 1.4rem;
}

.resultarea ul li {
  background-color: #fff;
  font-size: 1.6rem;
  padding: 10px 20px;
  text-align: center;
  margin-top: 10px;
}

.resultarea ul li .ymd {
  font-size: 1.4rem;
}

.resultarea ul li .count {
  color: #D8A300;
  font-size: 4rem;
  line-height: 1.2;
}

.resultarea ul li .count span {
  font-size: 1.6rem;
}

@media only screen and (min-width: 769px) {
  .resultarea {
    display: inline-block;
    padding: 50px;
  }
  .resultarea h3 {
    font-size: 4rem;
    margin-right: 40px;
  }
  .resultarea ul li {
    font-size: 2rem;
    padding: 20px;
    margin-left: 10px;
    margin-top: 0;
  }
  .resultarea ul li .ymd {
    font-size: 1.8rem;
  }
  .resultarea ul li .count {
    font-size: 7rem;
  }
  .resultarea ul li .count span {
    font-size: 2.2rem;
  }
}

.jigyosaisei_menu {
  padding: 30px 10px;
  margin-bottom: 50px;
}

.jigyosaisei_menu li {
  background: url(../images/contents/re-btn_bg.png) no-repeat center;
  width: 49%;
  height: 50px;
  padding-left: 27px;
  padding-top: 15px;
  position: relative;
  margin-bottom: 5px;
}

.jigyosaisei_menu li:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 5px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.jigyosaisei_menu li a {
  color: #fff;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
}

.jigyosaisei_menu li.club {
  padding-top: 7px;
}

.jigyosaisei_menu li.club a {
  font-size: 1.4rem;
  letter-spacing: -0.2em;
}

.jigyosaisei_menu .seminar:before {
  content: "";
  background: url(../images/contents/re-icon01.png) no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 14px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}

.jigyosaisei_menu .club:before {
  content: "";
  background: url(../images/contents/re-icon02.png) no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 14px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}

.jigyosaisei_menu .dvd:before {
  content: "";
  background: url(../images/contents/re-icon03.png) no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}

.jigyosaisei_menu .mailmaga:before {
  content: "";
  background: url(../images/contents/re-icon04.png) no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 14px;
  height: 17px;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}

@media only screen and (min-width: 769px) {
  .jigyosaisei_menu {
    padding: 40px 20px;
  }
  .jigyosaisei_menu li {
    width: 24%;
    max-width: 370px;
    height: 80px;
    padding-left: 62px;
    padding-top: 0;
  }
  .jigyosaisei_menu li:after {
    right: 15px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
  }
  .jigyosaisei_menu li a {
    font-size: 1.8rem;
    padding: 28px 0;
  }
  .jigyosaisei_menu li.club {
    padding-top: 0;
  }
  .jigyosaisei_menu li.club a {
    font-size: 1.8rem;
    letter-spacing: -0.2em;
    padding: 15px 0;
  }
  .jigyosaisei_menu li.club .spblock {
    display: block;
  }
  .jigyosaisei_menu .seminar:before {
    width: 28px;
    height: 29px;
    left: 20px;
  }
  .jigyosaisei_menu .club:before {
    width: 28px;
    height: 36px;
    left: 20px;
  }
  .jigyosaisei_menu .dvd:before {
    width: 36px;
    height: 36px;
    left: 20px;
  }
  .jigyosaisei_menu .mailmaga:before {
    width: 29px;
    height: 33px;
    left: 20px;
  }
}

@media only screen and (min-width: 1556px) {
  .jigyosaisei_menu {
    padding: 40px 0;
  }
  .jigyosaisei_menu li a {
    font-size: 2.6rem;
    padding: 22px 0;
  }
  .jigyosaisei_menu li.club a {
    font-size: 2.4rem;
    letter-spacing: -0.2em;
    padding: 22px 0;
  }
  .jigyosaisei_menu li.club a {
    padding: 28px 0;
  }
  .jigyosaisei_menu li.club .spblock {
    display: inline;
  }
}

.jigyosaisei_w {
  color: #fff;
  margin-bottom: 50px;
}

.forkeieikaizen {
  background: url(../images/contents/re-bg02.png) no-repeat;
  background-size: cover;
  padding: 20px 15px;
  margin-bottom: 10px;
}

.forjigyoshoukei {
  background: url(../images/contents/re-bg03.png) no-repeat right 0;
  background-size: cover;
  padding: 20px 15px;
}

.jigyosaisei_w .linktl a {
  color: #fff;
  display: inline-block;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.2;
  position: relative;
  margin-bottom: 20px;
}

.jigyosaisei_w .linktl a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -40px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.jigyosaisei_w .linktl span {
  display: block;
  font-size: 1.8rem;
}

@media only screen and (min-width: 769px) {
  .jigyosaisei_w {
    background: url(../images/contents/re-w.png) no-repeat center 0;
    background-size: cover;
    height: 440px;
    margin-bottom: 50px;
    padding: 0;
  }
  .forkeieikaizen, .forjigyoshoukei {
    width: 50%;
    height: 440px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 0 10%;
    margin-bottom: 0;
    background: none;
  }
  .jigyosaisei_w .linktl a {
    font-size: 6rem;
    margin-bottom: 20px;
  }
  .jigyosaisei_w .linktl a:after {
    top: 50%;
    right: -70px;
    width: 70px;
    height: 70px;
    margin-top: -35px;
  }
  .jigyosaisei_w .linktl span {
    font-size: 4rem;
  }
}

.jigyosaisei_top_seminar {
  padding: 30px 0 10px;
  margin-bottom: 50px;
}

.jigyosaisei_top_seminar.synthesistop {
  margin-bottom: 2em;
}

.jigyosaisei_top_seminar h2 {
  font-size: 3rem;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 20px;
}

.jigyosaisei_top_seminar h2 span {
  font-size: 1.8rem;
  display: block;
}

@media only screen and (min-width: 769px) {
  .jigyosaisei_top_seminar {
    padding: 100px 20px 30px;
  }
  .jigyosaisei_top_seminar h2 {
    font-size: 5rem;
  }
  .jigyosaisei_top_seminar h2 span {
    font-size: 2rem;
    margin-left: 20px;
    display: inline;
  }
  .jigyosaisei_top_seminar.synthesistop {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1281px) {
  .jigyosaisei_top_seminar {
    padding: 100px 0 30px;
  }
}

.jigyosaisei_power {
  background: url(../images/contents/re-bg04.png) no-repeat;
  background-position: right 0;
  background-size: cover;
}

.jigyosaisei_power .powerarea {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 20px 15px;
}

.jigyosaisei_consaltant .consaltantarea {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 20px 15px;
}

.powerarea .maintext, .consaltantarea .maintext {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.consaltantarea .maintext span {
  display: block;
  font-size: 1.8rem;
}

.powerarea .subtext, .consaltantarea .subtext {
  margin-bottom: 30px;
  line-height: 2;
}

.jigyosaisei_consaltant {
  background: url(../images/contents/re-bg05.png) no-repeat center;
  background-size: cover;
}

@media only screen and (min-width: 769px) {
  .jigyosaisei_power {
    background: url(../images/contents/re-bg04.png) no-repeat;
    background-position: 34% 0;
    background-size: cover;
  }
  .jigyosaisei_power .powerarea {
    font-size: 1.8rem;
    padding: 5% 50px 5% 36%;
  }
  .jigyosaisei_consaltant .consaltantarea {
    font-size: 1.8rem;
    padding: 5% 70px;
  }
  .powerarea .maintext, .consaltantarea .maintext {
    font-size: 4rem;
  }
  .consaltantarea .maintext span {
    font-size: 4rem;
  }
}

@media only screen and (min-width: 1025px) {
  .jigyosaisei_power {
    background: url(../images/contents/re-bg04.png) no-repeat;
    background-position: 63% 0;
    background-size: cover;
  }
}

@media only screen and (min-width: 1281px) {
  .jigyosaisei_power .powerarea {
    font-size: 1.8rem;
    padding: 5% 20px 5% 25%;
  }
  .powerarea .maintext, .consaltantarea .maintext {
    font-size: 6rem;
  }
  .jigyosaisei_consaltant .consaltantarea {
    padding: 5% 20px;
  }
}

.tolinkbt a {
  color: #000;
  display: table;
  border: 1px solid #000;
  border-radius: 25px;
  padding: 10px 50px;
  margin: 0 auto;
  text-align: center;
}

.tolinkbt a:hover {
  color: #fff;
  background-color: #000;
}

@media only screen and (min-width: 769px) {
  .tolinkbt a {
    padding: 10px 100px;
    margin: 0;
  }
}

.tolinkbt.white a {
  color: #fff;
  border: 1px solid #fff;
}

.tolinkbt.white a:hover {
  color: #000;
  background-color: #fff;
}

.top_newsarea {
  padding: 30px 15px;
}

.top_newsarea h2 {
  font-size: 3rem;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 20px;
}

.top_newsarea h2 span {
  font-size: 1.8rem;
  display: block;
}

.top_newsarea ul {
  margin-bottom: 30px;
}

.top_newsarea ul li {
  border-top: 1px solid #B6C0CD;
  padding: 15px 0;
}

.top_newsarea ul li:last-child {
  border-bottom: 1px solid #B6C0CD;
}

.top_newsarea ul li a {
  color: #333;
}

.top_newsarea ul li .cat {
  background-color: #0177AF;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  text-align: center;
  width: 120px;
  line-height: 30px;
  margin-right: 10px;
}

.top_newsarea ul li .date {
  display: inline-block;
  font-size: 1.4rem;
  margin-right: 10px;
}

.top_newsarea ul li .tl a {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
}

.top_newsarea ul li .tl a:hover {
  text-decoration: underline;
}

@media only screen and (min-width: 769px) {
  .top_newsarea {
    padding: 100px 20px;
  }
  .top_newsarea h2 {
    font-size: 5rem;
    text-align: left;
  }
  .top_newsarea h2 span {
    font-size: 2rem;
    margin-left: 20px;
    display: inline;
  }
  .top_newsarea ul {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1281px) {
  .top_newsarea {
    padding: 100px 0;
  }
}

.aboutareamenu {
  padding: 50px 0;
}

.aboutareamenu ul li {
  padding: 0 15px 30px;
}

.aboutareamenu ul li .maintext {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 15px 0;
}

.aboutareamenu ul li .maintext span {
  font-size: 1.6rem;
}

.aboutareamenu ul li .subtext {
  font-size: 1.4rem;
  margin-bottom: 20px;
  line-height: 2;
}

@media only screen and (min-width: 769px) {
  .aboutareamenu ul {
    padding: 0 30px;
  }
  .aboutareamenu ul li {
    width: 32%;
    padding: 0;
  }
  .aboutareamenu ul li .maintext {
    font-size: 2.3rem;
    line-height: 1;
    margin: 30px 0 15px;
  }
  .aboutareamenu ul li .maintext span {
    font-size: 1.8rem;
  }
  .aboutareamenu ul li .subtext {
    padding-right: 25px;
  }
}

@media only screen and (min-width: 1606px) {
  .aboutareamenu ul li {
    width: 33%;
    max-width: 516px;
    padding: 0;
  }
  .aboutareamenu ul {
    padding: 0;
  }
  .aboutareamenu ul li .maintext {
    font-size: 2.6rem;
  }
  .aboutareamenu ul li .maintext span {
    font-size: 2rem;
  }
}

.morebt a {
  color: #0177AF;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding-left: 70px;
}

.morebt a:before {
  content: "";
  background: url(../images/contents/btn-more.png) no-repeat;
  position: absolute;
  width: 60px;
  height: 8px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  top: 50%;
  left: 0;
}

.mailmagaarea {
  padding: 0 0 50px;
}

.mailmagaarea .mailmagatl {
  background-color: #0177AF;
  padding: 20px;
  text-align: center;
}

.mailmagaarea .mailmagamenu {}

.mailmagaarea .mailmagamenu ul {
  padding: 0 15px;
}

.mailmagaarea .mailmagamenu ul li {
  background-color: #fff;
  font-size: 1.4rem;
  margin-bottom: 10px;
  padding: 10px 20px;
}

.mailmagaarea .mailmagamenu ul li a {
  color: #333;
  display: block;
  padding: 30px;
}

.mailmagaarea .mailmagamenu ul li a:hover {
  opacity: .6;
}

.mailmagaarea .mailmagamenu ul li:first-child {
  background: linear-gradient(to bottom, #00E8FB, #00BBD3 90%);
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
}

.mailmagaarea .mailmagamenu ul li:first-child a {
  color: #fff;
  display: block;
  height: 100%;
  position: relative;
  padding-top: 50px;
}

.mailmagaarea .mailmagamenu ul li:first-child a:before {
  content: "";
  background: url(../images/common/top-icon02.png) no-repeat;
  display: inline-block;
  position: absolute;
  width: 33px;
  height: 25px;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
}

.mailmagaarea .mailmagamenu .maintext {
  color: #0077AE;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 15px;
}

.mailmagaarea .mailmagamenu ul li .theme {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  color: #0077AE;
  margin-bottom: 10px;
}

.mailmagaarea .mailmagamenu ul li .maintl {
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}

@media only screen and (min-width: 769px) {
  .mailmagaarea {
    padding: 100px 0;
    max-width: 1920px;
    margin: 0 auto;
  }
  .mailmagaarea .mailmagatl {
    padding: 75px 100px;
    width: 25%;
  }
  .mailmagaarea .mailmagamenu {
    width: 79%;
    margin-left: -77px;
  }
  .mailmagaarea .mailmagamenu ul {
    padding: 0;
  }
  .mailmagaarea .mailmagamenu ul li {
    width: 19%;
    max-width: 300px;
    margin-left: 20px;
    margin-left: 1%;
    margin-bottom: 0;
  }
  .mailmagaarea .mailmagamenu ul li:first-child {
    max-width: 210px;
    padding: 0;
  }
  .mailmagaarea .mailmagamenu ul li:first-child a {
    max-width: 210px;
    padding-top: 90px;
  }
  .mailmagaarea .mailmagamenu ul li:first-child a:before {
    top: 55px;
  }
  .mailmagaarea .mailmagamenu .maintext {
    font-size: 2.2rem;
    margin: 15px 0 15px 100px;
  }
  .mailmagaarea .mailmagamenu ul li .maintl {
    font-size: 1.6rem;
  }
  .mailmagaarea .mailmagamenu ul li {
    padding: 20px 15px;
  }
}

@media only screen and (min-width: 1281px) {
  .mailmagaarea .mailmagamenu ul li .maintl {
    font-size: 2.2rem;
  }
  .mailmagaarea .mailmagamenu ul li {
    padding: 30px;
  }
}

/*お知らせ*/

.datearea {
  margin-bottom: 20px;
}

.info ul,
.faq ul {
  float: right;
  display: block;
}

.info li.cat,
.faq li.cat {
  float: left;
  text-align: center;
  width: 100px;
  font-size: 10px;
  font-size: 1.0rem;
  background-color: #0080b1;
  color: #fff;
  margin-right: 10px;
  line-height: 20px;
  overflow: hidden;
  height: 20px;
}

.info li.date,
.faq li.date {
  float: left;
  font-size: 12px;
  font-size: 1.2rem;
  margin-right: 10px;
}

/* newsRelease
========================================== */

.newsRelease table {
  margin: 0 15px;
}

.newsRelease table th, .newsRelease table td {
  padding: 11px 0;
  border-bottom: 1px dotted #333;
  vertical-align: top;
}

.newsRelease table th {
  padding-right: 15px;
  white-space: nowrap;
  font-weight: normal;
}

.newsRelease table th p {
  font-size: 1.4rem;
}

.newsRelease table td.category {
  padding-right: 15px;
  width: auto;
}

.newsRelease table td p {
  line-height: 1.4;
}

span.news_icn {
  display: block;
  text-align: center;
  width: 100px;
  font-size: 10px;
  font-size: 1.0rem;
  background: #e0c3eb;
  color: #a95fcc;
  line-height: 20px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  overflow: hidden;
  height: 20px;
}

.figureBlock-left td {
  vertical-align: top;
}

.imageColumn-center table {
  text-align: center;
  margin: 0 auto;
}

/*経営相談*/

.page-id-5704 .linkList li {
  background: url(../img/common/bt1.png) no-repeat 0 7px;
  padding-left: 20px;
  margin-left: 25px;
}

.divideSection-4 {
  margin-bottom: 30px;
}

.divideSection-4 li {
  width: 30%;
  float: left;
  background: url(../img/common/bt1.png) no-repeat 0 7px;
  padding-left: 20px;
  box-sizing: border-box;
  margin-left: 20px;
}

.serviceDetailLink {
  margin: 0 0 25px 40px;
  padding: 15px;
  border: 5px solid #ADD7FF;
  zoom: 1;
}

.serviceDetailLink:after {
  /* for Modern Browser */
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

.serviceDetailLink p.lead {
  position: relative;
  top: 2px;
  margin: -6px 0 10px;
  font-weight: bold;
  font-size: 75%;
  line-height: 1.5;
  text-align: right;
}

.serviceDetailLink p.link {
  float: right;
  display: inline;
  position: relative;
  top: 2px;
  margin: -14px 0 0;
  padding: 10px 0 0 25px;
  background: url(../img/manager/arrow_06.gif) no-repeat 0 0.6em;
  font-weight: bold;
  font-size: 125%;
  line-height: 1.2;
  zoom: 1;
}

.serviceDetailLink p.link span.listIcon {
  margin: 0 0 0 -25px;
}

* html .serviceDetailLink p.link span.listIcon {
  margin: 0 0 0 -50px;
}

/* IE6 Only */

* html .serviceDetailLink p.link span.listIcon {
  margin: 0 0 0 -50px;
}

/* IE7 Only */

*:first-child+html .serviceDetailLink p.link span.listIcon {
  margin: 0 0 0 -50px;
}

.serviceDetailLink p.link span.listIcon a {
  padding: 0 0 0 25px;
  text-indent: 25px;
}

/* serviceDetailLink-image
========================================== */

.serviceDetailLink-image {
  margin: 0 0 25px;
  padding: 25px 0 0;
}

.serviceDetailLink-image .text {
  margin: 0 auto 13px;
  text-align: center;
  font-size: 0;
}

.serviceDetailLink-image .bnr {
  margin: 0 0 10px;
  text-align: center;
}

.serviceDetailLink-image .serviceDetailLink {
  margin: 0;
}

td.divideSection-tableCell-2 {
  width: 50%;
}

/* heading-lv2-image
========================================== */

.heading-lv2-image {
  position: relative;
  margin: 0 0 20px;
  padding: 20px 10px;
  border-top: 4px solid #3D5D95;
  border-bottom: 2px solid #D1D1D1;
}

.heading-lv2-image.firstElement {
  top: 0;
  margin: 0 0 15px;
}

.heading-lv2-image table {
  width: 100%;
}

.heading-lv2-image table th {
  padding: 0 10px 0 0;
  width: 15%;
}

.heading-lv2-image table td {}

.heading-lv2-image table td h2 {
  font-size: 112.5%;
  line-height: 1.445;
}

.heading-lv3-image h3 {
  background-color: #EAF5FF;
  margin: 0 0 20px 20px;
  padding-left: 10px;
}

.textList-unOrdered-2 {
  float: left;
  width: 50%;
}

.textList-unOrdered-3 {
  float: left;
  width: 48%;
}

.textList-unOrdered-3 ul {
  margin-bottom: 10px;
}

@media only screen and (min-width: 769px) {
  .textList-unOrdered-3 ul {
    margin-left: 20px;
    margin-bottom: 0;
  }
}

.textList-unOrdered-2 li {
  list-style: disc;
  margin-left: 25px;
}

.tablebox {
  float: right;
  width: 280px;
}

.tablebox table {
  width: 100%;
}

.tablebox-2 {
  float: right;
  width: 320px;
}

.tablebox-2 table {
  border-top: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
  margin: 20px 0;
  width: 100%;
}

.tablebox-2 table th, .tablebox-2 table td {
  border-right: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  white-space: nowrap;
  text-align: center;
  padding: 5px 7px;
  font-weight: normal;
}

.tablebox-2 table th.lv3 {
  background-color: #E9F4FF;
}

.tablebox-2 table th.strong {
  background-color: #FFECDD;
}

.tablebox-2 span {
  font-size: 12px;
  font-size: 1.2rem;
}

/*過去セミナー*/

span.zaimu {
  font-size: 10px;
  color: #eb1d21;
  background: #ffd1d6;
  padding: 0;
  border-radius: 3px;
  display: block;
  width: 73px;
  height: 22px;
  text-align: center;
  vertical-align: middle;
  line-height: 22px;
}

/*経営改善をお考えの方*/

.toimprovement {
  padding: 30px 15px;
  margin-bottom: 30px;
}

.toimprovement .text {
  font-size: 1.8rem;
  margin-top: 30px;
}

@media only screen and (min-width: 769px) {
  .toimprovement {
    padding: 70px 0;
    margin-bottom: 80px;
  }
  .toimprovement .text {
    font-size: 2rem;
  }
}

.improvementservice {
  border: 2px solid #E7E4DE;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 20px 10px;
}

.improvementservice h3 {
  font-size: 1.8rem;
  line-height: 1.2;
}

@media only screen and (min-width: 769px) {
  .improvementservice {
    margin-top: 70px;
    margin-bottom: 50px;
    padding: 45px 10px 20px;
  }
  .improvementservice h3 {
    font-size: 2.6rem;
  }
}

.improvementline {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0 15px;
}

.improvementline .textbox p {
  margin-bottom: 30px;
  line-height: 1.8;
}

@media only screen and (min-width: 769px) {
  .improvementline {
    margin-top: 65px;
    margin-bottom: 50px;
    padding: 0;
  }
  .improvementline .textbox {
    max-width: 465px;
  }
}

.improvementcharter {
  background-color: #0188C8;
  padding: 30px 15px;
  margin-bottom: 50px;
}

.improvementcharter h3 {
  color: #fff;
  font-size: 2.8rem;
  margin-bottom: 20px;
}

.improvementcharter h3 span {
  display: block;
  font-size: 1.8rem;
}

.improvementcharter ul li {
  color: #fff;
  font-size: 1.6rem;
  padding: 5px 0;
}

.improvementcharter ul li:before {
  content: "";
  background: url(../img/contents/improveno_1.png) no-repeat 0 0;
  background-size: 100%;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
}

.improvementcharter ul li.no2:before {
  background: url(../img/contents/improveno_2.png) no-repeat 0 0;
  background-size: 100%;
}

.improvementcharter ul li.no3:before {
  background: url(../img/contents/improveno_3.png) no-repeat 0 0;
  background-size: 100%;
}

.improvementcharter ul li.no4:before {
  background: url(../img/contents/improveno_4.png) no-repeat 0 0;
  background-size: 100%;
}

.improvementcharter ul li.no5:before {
  background: url(../img/contents/improveno_5.png) no-repeat 0 0;
  background-size: 100%;
}

.improvementcharter ul li.no6:before {
  background: url(../img/contents/improveno_6.png) no-repeat 0 0;
  background-size: 100%;
}

.improvementcharter ul li.no7:before {
  background: url(../img/contents/improveno_7.png) no-repeat 0 0;
  background-size: 100%;
}

.improvementcharter ul li.no8:before {
  background: url(../img/contents/improveno_8.png) no-repeat 0 0;
  background-size: 100%;
}

.improvementcharter ul li.no9:before {
  background: url(../img/contents/improveno_9.png) no-repeat 0 0;
  background-size: 100%;
}

.improvementcharter ul li.no10:before {
  background: url(../img/contents/improveno_10.png) no-repeat 0 0;
  background-size: 100%;
}

.improvementcharter ul li.no11:before {
  background: url(../img/contents/improveno_11.png) no-repeat 0 0;
  background-size: 100%;
}

@media only screen and (min-width: 769px) {
  .improvementcharter {
    padding: 50px 60px;
    margin-bottom: 100px;
  }
  .improvementcharter h3 {
    font-size: 3.2rem;
    margin-bottom: 50px;
  }
  .improvementcharter h3 span {
    display: block;
    font-size: 2.4rem;
  }
  .improvementcharter ul li {
    font-size: 2rem;
  }
  .improvementcharter ul li:before {
    width: 32px;
    height: 32px;
    margin-right: 15px;
  }
}

.improvementtl {
  font-size: 2.8rem;
  line-height: 1.4;
  margin-bottom: 30px;
}

.improvementtl span {
  display: block;
  font-size: 1.8rem;
}

@media only screen and (min-width: 769px) {
  .improvementtl {
    font-size: 3.4rem;
    margin-bottom: 70px;
  }
  .improvementtl span {
    font-size: 2.2rem;
  }
}

.improvementcashflow, .reorganization, .eightpolicy {
  padding: 30px 15px;
}

.improvementcashflow .textbox h4, .reorganization .textbox h4 {
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.improvementcashflow p, .reorganization p {
  line-height: 1.8;
  margin-bottom: 30px;
}

.reorganization .textbox {
  max-width: 600px;
}

@media only screen and (min-width: 769px) {
  .improvementcashflow, .reorganization {
    padding: 90px 0;
  }
  .improvementcashflow .textbox {
    max-width: 660px;
  }
  .improvementcashflow .textbox h4, .reorganization .textbox h4 {
    font-size: 2.6rem;
    margin-bottom: 20px;
  }
  .improvementcashflow p, .reorganization p {
    line-height: 1.8;
    margin-bottom: 30px;
  }
  .reorganization .textbox {
    max-width: 600px;
  }
}

.eightpolicy {
  padding-top: 50px;
}

.policycatchcopy {
  color: #ff6600;
  text-align: center;
  margin-bottom: 10px;
  font-size: 2.4rem;
  font-weight: bold;
}

.headertl .pagename.aka {
  background: url(../img/contents/improvement_1.png) no-repeat center 0;
  background-size: cover;
  border-bottom: none;
  color: #fff;
  display: flex;
  align-items: center;
  height: 200px;
}

.headertl .pagename.aka span {
  font-size: 1.8rem;
}

@media only screen and (min-width: 769px) {
  .headertl .pagename.aka {
    background: url(../img/contents/improvement_1.png) no-repeat center 0;
    background-size: cover;
    height: 550px;
  }
  .headertl .pagename.aka span {
    font-size: 3rem;
  }
}

/*プライバシーポリシーー*/

.heading-lv2 h2 {
  font-size: 20px;
  font-size: 2.0rem;
  border-top: 4px solid #3d5d95;
  border-bottom: 2px solid #d1d1d1;
  padding: 10px;
  margin-bottom: 20px;
}

.paragraph {
  margin-bottom: 30px;
  padding: 0 10px;
}

p.mm_notice {
  color: #3d5d95;
  margin: 0.5em 10px 20px 10px;
}

.textList-unOrdered {
  margin-bottom: 30px;
}

.textList-unOrdered li {
  list-style: disc;
  margin-left: 25px;
}

.anchorLink {
  margin-bottom: 30px;
}

.anchorLink li {
  background: url(../img/common/bt1.png) no-repeat 0 7px;
  padding-left: 20px;
  margin-left: 15px;
}

.casestudyList {
  margin: 0 0 20px 10px;
}

.casestudyList .head {
  font-size: 16px;
  font-size: 1.6rem;
  border-bottom: 1px dotted #d1d1d1;
  margin-bottom: 10px;
}

.casestudyList .listIcon {
  background: url(../img/contents/bt.jpg) no-repeat 0 50%;
  padding-left: 25px;
}

.casestudyList .body {
  padding: 0 20px;
}

.pagetopLink {
  text-align: right;
}

.heading-lv1-image {
  margin-bottom: 30px;
  text-align: center;
}
.heading-lv1-txt{
  color: #0B528D;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  padding: 0 10px;
}
.catchcopy {
  padding-left: 20px;
  color: #ff6600;
  margin-bottom: 30px;
}

.heading-lv3 {
  border-bottom: 1px dotted #d1d1d1;
  margin-bottom: 10px;
}
.casetable{
  margin-bottom: 30px;
}
.casetable td{
  padding: 10px 20px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 769px) {
  .heading-lv1-txt{
    font-size: 24px;
    margin-bottom: 30px;
  }
  .heading-lv3 {
    margin-left: 20px;
  }
}

.textList-unOrdered {
  margin-left: 20px;
}

.divideSection-table td {
  vertical-align: top;
}

.textList-notes {
  margin-left: 20px;
}

td.divideSection-tableCell {
  width: 40%;
}

.columnBlock-step {
  background: url(../img/contents/bg_01.gif) repeat-y;
  margin: 0 0 25px 20px;
  position: relative;
  zoom: 1;
}

.columnBlock-step .wrap {
  background: url(../img/contents/bg_02.gif) no-repeat 0 100%;
  padding: 10px 0 1px 40px;
  zoom: 1;
}

.columnBlock-step .step {
  position: absolute;
  top: 0;
  left: 0;
}
.columnBlock-step .step:after {
  content: none;
}
.columnBlock-step .paragraph {
  margin-left: 20px;
}

.imageUnit {
  text-align: center;
  margin-bottom: 20px;
}

.heading-lv3 table th {
  padding: 0 10px 10px 0;
}

.paragraph_2 {
  padding: 0 30px;
  margin-bottom: 10px;
}

.divideSection-2 {
  padding: 0 20px;
  margin-bottom: 30px;
}

.textList-ordered {
  margin-left: 30px;
  margin-bottom: 30px;
}

.heading-lv4 {
  margin-left: 30px;
}

.tableSet {
  margin: 0 0 25px 30px;
  zoom: 1;
}

.tableSet p.profile {
  padding: 10px 0 0 0;
  font-size: 12px;
  font-weight: bold;
}

.tableSet p.profiletext {
  font-size: 12px;
  line-height: 24px;
}

.tableSet table.tableSet-table {
  /*  border-collapse: separate;*/
  border: solid #DCDCDC;
  border-width: 1px 0 0 1px;
}

* html .tableSet table.tableSet-table {
  /* border-collapse: collapse;*/
}

*:first-child+html .tableSet table.tableSet-table {
  /* border-collapse: collapse;*/
}

.tableSet table.tableSet-table th.tableSet-cell, .tableSet table.tableSet-table td.tableSet-cell {
  padding: 10px;
  border: solid #DCDCDC;
  border-width: 0 1px 1px 0;
}

.tableSet table.tableSet-table td.tableSet-cell {
  text-align: center;
}

.tableSet table.tableSet-table th.tableSet-cell {
  /*  width:36%;*/
  text-align: center;
}

.tableSet table.tableSet-table th.lv1 {
  background-color: #BBDEFF;
}

.tableSet table.tableSet-table th.lv2 {
  background-color: #DEEFFF;
}

.tableSet table.tableSet-table th.lv3 {
  background-color: #E9F4FF;
}

.tableSet table.tableSet-table th.strong {
  background-color: #FFECDD;
}

.tableSet table.tableSet-table .tableSet-cell p.tableSet-text {
  /*                  position: relative;
                    top: 4px;
                    margin: -8px 0 0;
                    line-height: 1.5;*/
}

.tableSet table.tableSet-table td.tableSet-cell .tableSet-inner {
  margin: 0 0 -12px;
  zoom: 1;
}

.tableSet table.tableSet-table td.tableSet-cell .heading-lv4, .tableSet table.tableSet-table td.tableSet-cell .paragraph, .tableSet table.tableSet-table td.tableSet-cell .paragraph p, .tableSet table.tableSet-table td.tableSet-cell .paragraph ul li, .tableSet table.tableSet-table td.tableSet-cell .linkList, .tableSet table.tableSet-table td.tableSet-cell .linkList ul li, .tableSet table.tableSet-table td.tableSet-cell .textList-unOrdered, .tableSet table.tableSet-table td.tableSet-cell .textList-ordered, .tableSet table.tableSet-table td.tableSet-cell .textList-notes, .tableSet table.tableSet-table td.tableSet-cell .imageUnit {
  margin-bottom: 12px;
}

.tableSet table.tableSet-table td.tableSet-cell .paragraph ul li ul, .tableSet table.tableSet-table td.tableSet-cell .linkList ul li ul {
  margin-top: 12px;
}

.tableSet table.tableSet-table td.tableSet-cell .heading-lv4, .tableSet table.tableSet-table td.tableSet-cell .paragraph, .tableSet table.tableSet-table td.tableSet-cell .linkList, .tableSet table.tableSet-table td.tableSet-cell .linkList ul li, .tableSet table.tableSet-table td.tableSet-cell .textList-unOrdered, .tableSet table.tableSet-table td.tableSet-cell .textList-ordered, .tableSet table.tableSet-table td.tableSet-cell .textList-notes, .tableSet table.tableSet-table td.tableSet-cell .imageUnit {
  margin-left: 0;
}

.tableSet table.tableSet-table td.tableSet-cell .imageColumn-left, .tableSet table.tableSet-table td.tableSet-cell .imageColumn-center {
  margin-left: -20px;
}

.signature {
  margin-left: 30px;
}

h3.entry-title {
  border: 1px solid #d1d1d1;
  padding: 25px;
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 20px;
}

.entry-summary {
  margin: 0 20px 30px;
  word-break: break-all;
}

.entry-summary h2 {
  font-size: 20px;
  font-size: 2.0rem;
  border-top: 4px solid #3d5d95;
  border-bottom: 2px solid #d1d1d1;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.entry-summary h3 {
  font-size: 18px;
  font-size: 1.8rem;
  border-left: 5px solid #3d5d95;
  background-color: #f0f0f0;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.entry-summary h4 {
  font-size: 16px;
  font-size: 1.6rem;
  border-left: 5px solid #3d5d95;
  padding: 5px 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.entry-summary h5 {
  font-size: 16px;
  font-size: 1.6rem;
  border-bottom: 3px solid #3d5d95;
  padding: 0 10px 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.entry-summary ul li {
  list-style-type: disc;
  margin: 0 0 0 40px;
}

.entry-summary ol li {
  list-style-type: decimal;
  margin: 0 0 0 40px;
}

.entry-summary iframe {
  height: 405px;
  width: 100%;
}

.single-seminar .entry-summary table {
  width: 100%;
}

.single-seminar .entry-summary table td {
  vertical-align: top;
}

.single-seminar .entry-summary table td img {
  width: 100%;
}

.social span span {
  height: 21px !important;
}
.faq .columnunderarea,
.faq .kanrenlist ul{
  display: inherit;
  float: none;
}
@media only screen and (min-width: 769px) {
  .faq .columnunderarea{
    display: flex;
    float: none;
  }
}
.columnunderarea li{
  list-style: none !important;
  margin: 30px 0 0 0 !important;
  max-width: 435px;
}
h3.entry-title2 {
  background: url(../img/common/bt1.png) no-repeat 10px 11px;
  padding: 5px 5px 5px 30px;
  border-bottom: 1px dotted #333;
}

.columnlist-bt {
  margin: 1em 0 2em;
}

.columnlist-bt a {
  color: #333;
  position: relative;
}

.columnlist-bt a:hover {
  opacity: .6;
}

.columnlist-bt a:before {
  content: ">";
}

.pagination {
  margin-top: 30px;
  border: 1px solid #ccc;
  padding: 0 10px;
  line-height: 30px;
  margin-bottom: 30px;
}

.pagination span.pages {
  margin-right: 30px;
}

.pagination a {
  color: #333;
  text-decoration: none;
  display: inline-block;
  padding: 0 5px;
  margin-right: 1px;
}

.pagination a:hover {
  color: #fff;
  background-color: #0A4596;
}

.pagination span.current {
  color: #fff;
  background-color: #0A4596;
  padding: 0 5px;
  display: inline-block;
  margin-right: 1px;
}
.single-post .entry-summary a{
  color: #0080b1;
  text-decoration: underline;
}
.single-post .entry-summary a:hover{
  opacity: .6;
}
/*よくある質問*/

.divideSection-3 {
  margin-bottom: 50px;
}

.divideSection-3 .linkList {
  padding: 0 20px;
}

.divideSection-3 .linkList a, .anchorLink a, .faq_linkList a {
  color: #0080b1;
}

.divideSection-3 .linkList a:hover, .anchorLink a:hover, .faq_linkList a:hover {
  text-decoration: underline;
}

@media only screen and (min-width: 769px) {
  .divideSection-3 {
    float: left;
    width: 49%;
  }
  .divideSection-3 .firstElement {
    margin-right: 20px;
  }
}

.heading-lv1 h2 {
  border: 1px solid #d1d1d1;
  padding: 25px;
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 20px;
}

.faqUnit .faqUnit-q {
  margin: 0 0 35px;
  padding: 20px 0;
  border-top: 4px solid #3D5D95;
  border-bottom: 2px solid #D1D1D1;
}

.faqUnit .faqUnit-q table th {
  padding: 0 10px;
  color: #0078FF;
  white-space: nowrap;
}

.faqUnit .faqUnit-q table p {
  font-weight: bold;
}

.faqUnit .faqUnit-a {
  margin: 0 20px;
  padding: 0 0 10px;
  border-bottom: 1px dotted #ccc;
}

.faqUnit .faqUnit-a table {}

.faqUnit .faqUnit-a table th {
  padding: 0 10px 0 0;
  color: #FF0000;
  white-space: nowrap;
  vertical-align: top;
}

.faqUnit .faqUnit-a table td {}

.faqUnit .faqUnit-a table p {
  font-weight: bold;
}

/* faq_q_paragraph
========================================== */

.faq_q_paragraph {
  margin: 0 0 25px 60px;
}

.faq_q_paragraph p {
  margin: 0 0 15px;
}

/* faq_a_paragraph
========================================== */

.faq_a_paragraph {
  margin: 10px 20px 25px;
}

.faq_a_paragraph p {
  margin: 0 0 15px;
}

@media only screen and (min-width: 769px) {
  .faq_a_paragraph {
    margin: 10px 0 25px 70px;
  }
}

/* faq_linkList
========================================== */

.faq_linkList {
  margin: 0 20px 25px;
}

@media only screen and (min-width: 769px) {
  .faq_linkList {
    margin: 0 0 25px 70px;
  }
}

/*コンサルタント紹介*/

.consultantbox {
  background-color: #F8F8F8;
}

.consultantbox .maintop {
  position: relative;
}

.consultantbox .mainimg {
  width: 100%;
}

.consultantbox .mainimg img {
  width: 100%;
  height: auto;
}

.consultantbox .profiler {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  box-sizing: border-box;
}

.consultantbox .profilel {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  box-sizing: border-box;
}

.consultantbox .youtube {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.consultantbox .youtube iframe {
  height: 100%;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .consultantbox .mainimg {
    width: 100%;
    min-width: 980px;
    max-height: 800px;
    overflow: hidden;
  }
  .consultantbox .profiler {
    position: absolute;
    top: 100px;
    left: 5%;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    width: 600px;
  }
  .consultantbox .profilel {
    position: absolute;
    top: 100px;
    right: 2%;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    width: 600px;
  }
  .consultantbox .youtube {
    position: relative;
    width: 560px;
    padding-top: 56%;
    overflow: hidden;
  }
  .consultantbox .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
}

.consultantbox .c_profile h3.c-name {
  font-size: 3.8rem;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  line-height: 1.2;
}

.consultantbox .c_profile p.sub {
  font-size: 1.6rem;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  line-height: 1.2;
  color: #999;
  margin-left: 5px;
  margin-bottom: 20px;
}

.consultantbox .mainprofile {
  width: 980px;
  margin: 0 auto 20px;
  padding: 0 20px;
  box-sizing: border-box;
}

.consultantbox .c_profile p.shikaku {
  font-size: 1.6rem;
  font-weight: bold;
}

.consultantbox h4.shosai {
  margin-top: 30px;
  font-size: 1.6rem;
  color: #4C6471;
}

.consultantbox dl {
  border-top: 1px solid #4C6471;
}

.consultantbox dt {
  float: left;
  width: 23%;
  padding: 10px 0;
  font-weight: bold;
}

.consultantbox dd {
  overflow: hidden;
  line-height: 1.6;
  padding: 10px 0;
}

.consultantbox .box2 .boxl, .consultantbox .box1 .boxr {
  padding: 20px;
  box-sizing: border-box;
}

@media only screen and (min-width: 769px) {
  .consultantbox .box1 .bgimg img, .consultantbox .box2 .bgimg img {
    width: 100%;
    min-width: 1400px;
    height: auto;
  }
  .consultantbox .box1, .consultantbox .box2 {
    position: relative;
    max-height: 800px;
    overflow: hidden;
    min-width: 980px;
  }
  .consultantbox .box2 .boxl {
    width: 450px;
    position: absolute;
    top: 50px;
    left: 70%;
    line-height: 1.7;
    margin-left: -225px;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .consultantbox .box1 .boxr {
    width: 450px;
    position: absolute;
    top: 50px;
    left: 30%;
    line-height: 1.7;
    margin-left: -225px;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

.consultantbox .box1 .boxr p img, .consultantbox .box1 .boxl p img {
  width: 40% !important;
  min-width: auto;
  height: auto;
}

.shupanarea {
  max-width: 980px;
  margin: 30px auto 0;
}

.shupanarea h2 {
  font-size: 2rem;
  border-top: 4px solid #3d5d95;
  border-bottom: 2px solid #d1d1d1;
  padding: 10px;
  margin-bottom: 40px;
}

.shupanarea ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px;
}

.shupanarea ul li {
  width: 32%;
  padding-bottom: 40px;
}

.shupanarea li {
  margin-right: 2%;
}

.shupanarea li:nth-child(3n) {
  margin-right: 0;
}

.shupanarea h3 {
  font-size: 1.6rem;
}

.shupanarea .shupandouga li iframe {
  width: 100%;
  height: 100%;
}

.c-fqa {
  width: 980px;
  margin: 30px auto 0;
}

.c-fqa .tl {
  position: relative;
  border-bottom: 2px solid #E9543D;
}

.c-fqa .tl h3 {
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  color: #E9543D;
  font-weight: normal;
  background: url(../img/contents/qabt.png) no-repeat 0 50%;
  padding-left: 35px;
}

.c-fqa .tl p.list a {
  position: absolute;
  top: 7px;
  right: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: none;
  background: url(../img/common/bt1.png) no-repeat 0 50%;
  padding-left: 15px;
  color: #333333;
}

.c-fqa .tl p.list a:hover {
  text-decoration: underline;
}

.c-fqa ul {
  margin: 0 10px;
}

.c-fqa ul li {
  background: url(../img/common/bt1.png) no-repeat 0 17px;
  padding: 10px 0 10px 15px;
  border-bottom: 1px dotted #333;
  line-height: 1.4;
  margin: 0 6px;
}

.c-fqa ul li:last-child {
  border-bottom: none;
}

li.c-list {
  background-color: #013C7C;
  float: left;
  margin-right: 2%;
  margin-bottom: 2%;
  width: 49%;
}

li.c-list:nth-child(2n) {
  margin-right: 0;
}

li.c-list .c-mainimg {
  width: 100%;
  height: 156px;
  overflow: hidden;
  background-color: #fff;
}

@media only screen and (min-width: 630px) {
  li.c-list {
    margin-right: 2.57%;
    margin-bottom: 2.57%;
    width: 23%;
    text-align: center;
  }
  li.c-list:nth-child(2n) {
    margin-right: 2.57%;
  }
  li.c-list:nth-child(4n) {
    margin-right: 0;
  }
  li.c-list .c-mainimg {
    height: 167px;
  }
}

li.c-list .c-mainimg img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
}

li.c-list a {
  color: #fff;
}

li.c-list a:hover {
  color: #fff;
  text-decoration: none;
}

li.c-list p {
  padding: 10px;
  display: block;
}

h2.c-cat {
  margin-bottom: 10px;
  padding: 5px 10px;
  font-size: 20px;
  font-size: 2.0rem;
  border-bottom: 2px solid #000;
}

/*特商法*/

.orderlist dl {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  box-sizing: border-box;
}

.orderlist dl:first-child {
  border-top: 1px solid #ccc;
}

.orderlist dl dt {
  display: table-cell;
  width: 25%;
  padding: 5px 10px;
  background-color: #f0f0f0;
}

.orderlist dl dd {
  display: table-cell;
  padding: 5px 10px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.orderlist dl dd li {
  margin-bottom: 10px;
}

.orderlist dl dd li:last-child {
  margin-bottom: 0;
}

.inheritarea h3 {
  font-size: 28px;
  font-size: 2.8rem;
  text-align: center;
  line-height: 1.2;
  font-weight: normal;
  border-top: 3px solid #0A4596;
  background-color: #F0F0F0;
  padding: 20px 10px;
  margin-bottom: 30px;
}

.inheritarea .inheritlist {
  margin-bottom: 50px;
}

.inheritarea .inheritlist li {
  background-color: #225B8E;
  font-size: 2rem;
  color: #fff;
  width: 33.3333%;
  max-width: 310px;
  line-height: 1.4;
  padding: 50px 0;
  margin-top: 30px;
}

.inheritarea .inheritlist li p {
  margin-top: 30px;
}

.inheritarea .ihrt_check {
  background: url(../img/contents/inherit_check_bg.png) no-repeat right 0;
  border: 2px solid #DDE1DF;
  background-color: #FBFCFD;
  margin: 30px 0 50px;
  padding: 30px;
}

.inheritarea .ihrt_check li {
  background: url(../img/contents/inherit_check.png) no-repeat 0 6px;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 5px 0 5px 40px;
  line-height: 1.4;
}

.inheritarea .inheritbox1 {
  padding: 0 50px;
  line-height: 2;
}

.inheritbox1 .ma-point {
  border: 2px solid #D9DEEC;
  display: table;
  padding: 20px;
}

.inheritbox1 .advicebox {
  background: url(../img/contents/inherit_list_bg.png) no-repeat right 0;
  background-color: #51616F;
  color: #fff;
  font-weight: bold;
  padding: 30px 45px;
  margin-bottom: 80px;
}

.inheritbox1 .advicebox p {
  font-size: 1.6rem;
}

.centerlist h4 {
  background: url(../img/contents/inherit_map_head.png) no-repeat center 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 2.8rem;
  margin-bottom: 30px;
  text-align: center;
  min-height: 106px;
  padding-top: 20px;
}

.table01 {
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  width: 100%;
  margin-top: 30px;
}

.table01 th {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  text-align: center;
}

.table01 td {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 10px;
}

.table01 th.th1, .table01 th.th2 {
  width: 30%;
}

.table01 th.th3 {
  width: 15%;
}

.table01 th.th4 {
  width: 25%;
}

.tabbox {
  margin-top: 30px;
}

/* ▼タブ機能を制御するラジオボタン(非表示にする) */

.tabbox input {
  display: none;
}

/* ▼タブ(共通装飾＋非選択状態の装飾) */

.tab {
  display: inline-block;
  border: 1px solid #0A4596;
  box-sizing: border-box;
  font-size: 1.6rem;
  text-align: center;
  color: #666;
  padding: 12px 0;
  width: 15.9%;
  max-width: 156px;
  margin: 0 0.92% 10px 0;
}

.tab.last {
  margin: 0 0 10px 0;
}

/* ▼タブにマウスポインタが載った際の装飾 */

.tab:hover {
  background-color: #F0F0F0;
  color: #0A4596;
  cursor: pointer;
}

/* ▼チェックが入っているラジオボタンの隣にあるタブの装飾(＝選択状態のタブ) */

input:checked+.tab {
  color: #0A4596;
  background-color: #F0F0F0;
  position: relative;
  z-index: 10;
}

/* ▼タブの中身(共通装飾＋非選択状態の装飾) */

.tabcontent {
  display: none;
  padding: 10px 0;
  position: relative;
  z-index: 0;
}

/* ▼チェックが入っているラジオボタンに対応するタブの中身を表示する */

#tabcheck1:checked~#tabcontent1 {
  display: block;
}

#tabcheck2:checked~#tabcontent2 {
  display: block;
}

#tabcheck3:checked~#tabcontent3 {
  display: block;
}

#tabcheck4:checked~#tabcontent4 {
  display: block;
}

#tabcheck5:checked~#tabcontent5 {
  display: block;
}

#tabcheck6:checked~#tabcontent6 {
  display: block;
}

#tabcontrol, #tabcontrol2, #tabcontrol3, #tabcontrol4, #tabcontrol5, #tabcontrol6 {
  background-color: #f0f0f0;
  padding: 10px 0;
  color: #999;
}

#tabcontrol span, #tabcontrol2 span, #tabcontrol3 span, #tabcontrol4 span, #tabcontrol5 span, #tabcontrol6 span {
  padding-left: 40px;
}

#tabcontrol a, #tabcontrol2 a, #tabcontrol3 a, #tabcontrol4 a, #tabcontrol5 a, #tabcontrol6 a {
  display: inline-block;
  position: relative;
  color: #0A4596;
  text-decoration: underline;
}

#tabcontrol a:hover, #tabcontrol2 a:hover, #tabcontrol3 a:hover, #tabcontrol4 a:hover, #tabcontrol5 a:hover, #tabcontrol6 a:hover {
  color: #666;
  text-decoration: none;
}

#tabcontrol a.current, #tabcontrol2 a.current, #tabcontrol3 a.current, #tabcontrol4 a.current, #tabcontrol5 a.current, #tabcontrol6 a.current {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

#tabbody div {
  position: relative;
  /* z-indexを調整するために必要 */
  z-index: 0;
  /* 重なり順序を「最も背面」にするため */
}

.ChangeElem_Panel {
  display: none;
}

.arealist {
  display: flex;
  flex-wrap: wrap;
}

.arealist li {
  border: 1px solid #0A4596;
  box-sizing: border-box;
  font-size: 1.6rem;
  text-align: center;
  color: #666;
  padding: 12px 0;
  width: 15.9%;
  max-width: 156px;
  margin: 0 0.92% 10px 0;
}

.arealist li:last-child {
  margin: 0 0 10px 0;
}

#toc_container {
  width: 97%;
  border-top: 4px solid #3d5d95 !important;
}
#toc_container p.toc_title{
  font-size: 18px;
  text-align: left;
  padding-left: 1.5em;
  color: #3d5d95;
}
#toc_container .toc_list{
  padding-left: 3em;
}
#toc_container>ul>li{
  font-weight: bold;
}
#toc_container>ul>li>ul{
  font-weight: normal;
}
#toc_container li{
  list-style: disc !important;
}
/*黒字の方へ赤字の方へ*/

.page-id-5930 .hdtlbg {
  background: url(../img/contents/kurotl.png) no-repeat center 0;
  background-size: contain;
  height: 0;
  padding-top: 35.71%;
}

.page-id-5936 .hdtlbg {
  background: url(../img/contents/akatl.png) no-repeat 50% 0;
  background-size: 100% auto;
  height: 0;
  padding-top: 35.71%;
}

.page-id-5936 .pagename, .page-id-5930 .pagename, .page-id-9881 .pagename {}

/*.page-id-5936 .headertl,
.page-id-5930 .headertl,
.page-id-9881 .headertl{
  min-width:100%;
}*/

@media only screen and (min-width: 769px) {
  .page-id-5930 .hdtlbg, .page-id-5936 .hdtlbg {
    max-width: 1560px;
    margin: 0 auto 20px;
    background-size: contain;
    height: 557px;
    padding-top: 0;
  }
  .page-id-5936 .pagename, .page-id-5930 .pagename, .page-id-9881 .pagename {
    /*height:560px;*/
  }
}

.sidecontact {
  position: fixed;
  top: 50%;
  right: 0;
  margin-top: -100px;
  z-index: 100;
}

.forbox {
  /*background-color:#F0F0F0;*/
  padding-top: 30px;
  margin-bottom: 30px;
}

.forbox h3 {
  font-size: 32px;
  font-size: 3.2rem;
  text-align: center;
  line-height: 1.2;
  font-weight: normal;
  margin-bottom: 20px;
}

.forbox h3 span {
  color: #044184;
}

.boxarea h3 {
  font-size: 32px;
  font-size: 3.2rem;
  text-align: center;
  line-height: 1.2;
  font-weight: normal;
  border-top: 3px solid #0A4596;
  background-color: #F0F0F0;
  padding: 20px 10px;
  margin-bottom: 20px;
}

.boxarea h4 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
  color: #0A4596;
  line-height: 1.4;
  padding: 0 10px;
  margin-bottom: 20px;
}

.boxarea h5 {
  font-size: 20px;
  font-size: 2.0rem;
  color: #0A4596;
  padding: 0 10px;
  margin-bottom: 10px;
}

.boxarea .img {
  float: right;
  margin-left: 20px;
}

.boxarea .img2 {
  text-align: center;
}

.boxarea p {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 10px;
  margin-bottom: 30px;
}

.boxarea span {
  background-color: #FFFF45;
  padding: 5px;
}

.boxarea .box1 {
  background-color: #BBE4FE;
  display: inline-block;
  margin: 0 10px 30px;
  padding: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.akapoint {
  max-width: 100%;
  margin: 10px auto 0;
  text-align: center;
}

.akapoint h3 {
  font-size: 24px;
  font-size: 2.4rem;
  background: url(../img/contents/aka_11.png) no-repeat center 0;
  line-height: 50px;
  color: #fff;
  height: 60px;
}

.akapoint ul {
  background-color: #F7F3E6;
  padding: 10px;
}

@media only screen and (min-width: 769px) {
  .akapoint {
    max-width: 980px;
    margin: 10px auto 0;
    text-align: center;
  }
  .akapoint ul {
    margin: 0 10px;
    padding: 10px 0;
  }
}

.akapoint li {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  font-weight: bold;
  display: inline-block;
  padding-left: 30px;
  margin-right: 20px;
  background: url(../img/contents/bt.png) no-repeat 0 0;
}

.akabox {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 30px;
}

.akabox p {
  text-align: left;
  padding: 0 10px;
  margin-bottom: 30px;
}

.akabox p.p1 {
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 0 10px;
  margin-top: 30px;
  color: #FF6600;
}

.akabox p.p2 {
  text-align: center;
  padding: 0 10px;
  margin-bottom: 30px;
}

.akabox p.p3 {
  text-align: center;
  font-size: 30px;
  font-size: 3.0rem;
  padding: 0 10px;
  margin-top: 30px;
  color: #FF6600;
}

#check-media-query {
  display: block;
}

/******* -メルマガ一覧- *******/

.mgwrap {
  max-width: 900px;
  margin: 0 auto;
}

.magazine_litop h2 {
  text-align: center;
  font-size: 2.3rem;
  padding: 0 20px;
}

.mg-link {
  margin: 2em 0;
  padding: 1em;
  background: #f7f7f9;
}

.page-list {
  display: flex;
  flex-wrap: wrap;
  order: 3;
}

.page-list li {
  padding: 10px 20px;
  margin-left: 15px
}

.page-list li::before {
  content: url(../img/contents/arrow.png);
  margin-right: 10px
}

.mail-notes {
  margin-bottom: 60px;
}

.mail-notes h3, .mail-notes p {
  text-align: center;
}

.mail-notes h3 {
  color: #235784;
  font-size: 2.8rem;
}

.recomen {
  color: #235784;
  font-size: 2.3rem;
  font-weight: bold;
}

.trouble-box {
  border: solid 2px #bcdbdf;
  box-sizing: border-box;
  max-width: 500px;
  margin: 0 auto 30px;
  padding: 15px;
}

.trouble-box li {
  font-size: 1.6rem;
}

.trouble-box li::before {
  content: url(../img/contents/check.png);
  vertical-align: middle;
  margin-right: 10px;
}

.teachcom {
  box-sizing: border-box;
  font-size: 1.8rem;
  max-width: 500px;
  margin: 0 auto 20px;
  font-weight: 600;
}

.teachcom .t-left {
  text-align: left;
  display: block;
}

.btn {
  border-radius: 15px;
  background: #f7aa00;
  width: 220px;
  margin: 0 auto;
}

.btn a {
  color: #fff;
  font-weight: bold;
  font-size: 2.2rem;
  text-align: center;
  display: block;
  padding: 10px;
}

.unline {
  background: linear-gradient(transparent 60%, #ffff66 60%);
}

.mailmagabanar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.mailmagabanar p {
  text-align: center;
  color: #235784;
  font-size: 1.8rem;
}

.mailmagabanar li {
  margin-bottom: 20px;
}

/*お知らせ*/

.infolist ul li:first-child {
  padding-top: 10px;
}

.infolist ul li {
  border-bottom: 1px dotted #333;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
}

.infolist p.cat {
  text-align: center;
  width: 120px;
  font-size: 1.2rem;
  background-color: #0080b1;
  color: #fff;
  margin-right: 20px;
  line-height: 18px;
  overflow: hidden;
  height: 20px;
}

.infolist p.date {
  margin-right: 20px;
  color: #676767;
  line-height: 18px;
}

.infolist p.tl {
  line-height: 20px;
}

.infolist p.tl a {
  color: #0080b1;
}

.infolist p.tl a:hover {
  text-decoration: underline;
}

.authorinfo {
  margin-bottom: 30px;
}

.authorinfo h2 {
  font-size: 2rem;
  border-bottom: 1px solid;
  margin-bottom: 10px;
}

.authorinfo ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.authorinfo ul li {
  width: 76%;
}

.authorinfo ul li.img {
  width: 20%;
}

.kanrenlist {
  margin-bottom: 50px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 20px 0;
}

.kanrenlist h2 {
  font-size: 2rem;
}
.kanrenlist ul li{
  list-style: none;
  margin: 0;
}
.kanrenlist ul li a {
  background: url(../img/contents/bt8.png) no-repeat 5px 0;
  padding-left: 30px;
  text-decoration: underline;
}
.kanrenlist ul li a:hover{
  text-decoration: none;
}
.category_37 #toc_container, .category_41 #toc_container, .category_42 #toc_container, .category_55 #toc_container, .postid-9610 #toc_container,
 .postid-21592 #toc_container {
  display: none;
}

.headertl .pagename.sdgs {
  background: url(../img/contents/sdgs-bg01.jpeg) no-repeat;
  background-size: cover;
  border-bottom: none;
  color: #000;
  display: flex;
  align-items: center;
  height: 200px;
}

.headertl .pagename.sdgs span {
  font-size: 1.8rem;
}

@media only screen and (min-width: 769px) {
  .headertl .pagename.sdgs {
    height: 550px;
  }
  .headertl .pagename.sdgs span {
    font-size: 3rem;
  }
}

.sdgscontents h2 {
  border-top: 4px solid #3D5D95;
  border-bottom: 2px solid #D1D1D1;
  font-size: 2rem;
  margin-bottom: 20px;
  padding: 20px 10px;
}

.sdgscontents p {
  margin-bottom: 2em;
  padding: 0 15px;
}

/*welcart*/

.member-page, .cart-page {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.top_movie {
  margin-bottom: 50px;
  position: relative;
}

.top_movie h2 {
  border-bottom: 1px solid #B6C0CD;
  font-size: 3rem;
  text-align: center;
  line-height: 1.2;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.top_movie h2 span {
  font-size: 1.8rem;
  display: block;
}

.top_movie .movie {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 15px;
}

.top_movie .movie li {
  border: 1px solid;
  width: 48%;
  margin: 0 0 2rem;
  font-size: 1.4rem;
  padding: 10px;
}

.top_movie .movie li h3 {
  font-size: 1.4rem;
  line-height: 1.4;
}

.top_movie .movie li a {
  color: #333;
}

.top_movie .movie li a:hover {
  text-decoration: underline;
}

.top_movie .movie li .img {
  height: 80px;
  overflow: hidden;
}

@media only screen and (min-width: 769px) {
  .top_movie h2 {
    font-size: 5rem;
    text-align: left;
  }
  .top_movie h2 span {
    font-size: 2rem;
    margin-left: 20px;
    display: inline;
  }
  .top_movie .movie {
    justify-content: inherit;
    padding: 0;
  }
  .top_movie .movie li {
    width: 24%;
    margin: 0 .5% 2rem;
  }
  .top_movie .movie li h3 {
    font-size: 1.8rem;
  }
  .top_movie .movie li .img {
    height: 155px;
  }
  .top_movie .moreBt{
    position: absolute;
    right: 0;
    top: 55px;
  }
}
.top_download{
  background-color: #f4f6f7;
  padding: 0 15px 15px;
  text-align: center;
  margin-top: 1em;
}
.top_download i{
  display: block;
}
.top_download h2{
  font-size: 3rem;
}
.top_download_text{
  font-size: 1.6rem;
  font-weight: bold;
}
.top_download_listbt a{
  background-color: #f7941d;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 10px 40px;
  margin-top: 1em;
}
.top_download_listbt a:hover{
  opacity: .6;
}
@media only screen and (min-width: 769px) {
  .top_download{
    padding: 0 50px 30px;
    margin-top: 3em;
  }
  .top_download h2{
    font-size: 5rem;
  }
  .top_download_text{
    font-size: 2rem;
  }
  .top_download_listbt a{
    font-size: 24px;
    padding: 10px 30px;
  }
}
/*銀行向けページ*/
.bankspan{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -35px;
  position: absolute;
  z-index: 10;
  top: 10px;

}
.bankspan li{
  font-size: 14px;
}
.bankspan li:before{
  content: " > ";
  margin: 0 2px 0 4px;
}
.bankspan li:first-child:before{
  content: "";
}
.bankspan .home::before {
  background: url(../images/bank/bank-home.png) no-repeat;
  content: '';
  display: inline-block;
  height: 16px;
  margin-right: 0.5em;
  width: 16px;
}
.bankhead {
  background: url(../images/bank/bankbg.png) no-repeat center 0;
  background-size: cover;
  height: 270px;
}

.bankpage-sliderposts {
  padding: 0 20px;
}

.slick-slide {
  background: #fff;
  margin: 30px 0 0;
}

@media only screen and (min-width: 769px) {
  .bankpage-sliderposts {
    padding: 0 100px;
  }
  .slick-slide {
    max-width: 310px;
    margin: 40px 17px 0;
  }
}

.bankpage-sliderposts li {
  position: relative;
}

.bankpage-sliderposts li .info {
  padding: 10px 20px 20px;
}

.bankpage-sliderposts li .info .date::before {
  content: url(../images/bank/icon-time.png);
  padding-right: 0.5em;
  vertical-align: middle;
}

.slick-prev {
  background: url(../images/bank/pre.png) no-repeat center 0;
  background-size: 100%;
  border: none;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: 7translate(0, -50%);
  font-size: 0;
  z-index: 10;
}

.slick-next {
  background: url(../images/bank/next.png) no-repeat center 0;
  background-size: 100%;
  border: none;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  font-size: 0;
}

@media only screen and (min-width: 769px) {
  .slick-prev {
    background: url(../images/bank/pre.png) no-repeat center 0;
    background-size: 100%;
    width: 61px;
    height: 61px;
  }
  .slick-next {
    background: url(../images/bank/next.png) no-repeat center 0;
    background-size: 100%;
    width: 61px;
    height: 61px;
  }
}

.bank-pickuparea {
  box-shadow: 0 7px 16px -7px rgba(0, 0, 0, 0.6);
  padding: 3em 0;
}

.bankTl {
  font-size: 32px;
  text-align: center;
  line-height: 1.4;
}

.bankTl span {
  color: #0183c3;
  display: block;
  font-size: 12px;
}

.bankPickuparea-list {
  background-color: #e2e9f0;
  padding: 40px 0;
  margin-bottom: 3em;
}

.bankPickuparea-list ul li .date {
  font-size: 12px;
  color: #a5a5a5;
}

.bankPickuparea-list ul li .tl a {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}
.bankPickuparea-list ul li .tl a:hover {
  opacity: .6;
}
.bankPickuparea-bt li {
  margin-bottom: 20px;
}

.bankPickuparea-bt li a {
  display: block;
  background: linear-gradient(to right, #0188c8, #00d9d9 50%, #0188c8);
  border-radius: 50px;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  padding: 24px 0px;
  margin: 0 20px;
}

.bankPickuparea-bt li a:hover {
  opacity: 0.6;
}

.bankPickuparea-bt li.ma span {
  display: block;
}

.bankPickuparea-bt li.ma span:after {
  content: "";
  background: url(../images/bank/tolinkbt.png) 100%;
  display: inline-block;
  width: 17px;
  height: 16px;
  margin-left: 10px;
}

@media only screen and (min-width: 769px) {
  .bank-pickuparea {
    padding: 3em 0 5em;
  }
  .bankPickuparea-bt li {
    margin: 0;
  }
  .bankPickuparea-bt li a {
    width: 300px;
    margin: 0 10px;
  }
}

.banlMainTl {
  background: rgba(67, 162, 252, 0.2);
  font-size: 45px;
  text-align: center;
  line-height: 1.2;
  position: relative;
  padding: 130px 0 30px;
}

.banlMainTl span.tl-slug {
  color: #0184c4;
  display: block;
  font-size: 16px;
}
.banlMainTl span.tl-name {
  letter-spacing: 0.3em;
  padding-left: 0.3em;
}
.manegement-skilstl span.tl-name {
  letter-spacing: 0;
  padding-left: 0;
}
.banlMainTl.strategytl:before {
  background: url(../images/bank/banktl1.png) 100%;
  content: "";
  position: absolute;
  width: 43px;
  height: 59px;
  top: 60px;
  left: 50%;
  transform: translate(-50%, 0);
}

.bankStrategyarea {
  background-color: #eef2f6;
  box-shadow: 0 5px 16px -7px rgba(0, 0, 0, 0.6);
  padding: 1em 10px 5em;
}

.bankmore a {
  display: block;
  background: #000;
  border-radius: 50px;
  box-shadow: 0 5px 16px -7px rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  width: 250px;
  padding: 16px 0;
  text-align: center;
  margin: 0 auto;
}

.bankmore a:hover {
  opacity: .6;
}

.banlMainTl.tacticstl:before {
  background: url(../images/bank/banktl2.png) 100%;
  content: "";
  position: absolute;
  width: 63px;
  height: 59px;
  top: 60px;
  left: 50%;
  transform: translate(-50%, 0);
}

.bankTacticsarea {
  box-shadow: 0 5px 16px -7px rgba(0, 0, 0, 0.6);
  padding: 1em 10px 5em;
}

.banlMainTl.manegement-skilstl:before {
  background: url(../images/bank/banktl3.png) 100%;
  content: "";
  position: absolute;
  width: 53px;
  height: 66px;
  top: 60px;
  left: 50%;
  transform: translate(-50%, 0);
}

.newsletterarea {
  background: #dce3ea;
  text-align: center;
  padding: 2em 10px;
}

.single-forbanks .headertl, .post-type-archive-forbanks .headertl, .tax-forbanks_category .headertl, .post-type-archive-forbanks .headertl {
  display: none;
}
.searchformarea{
  text-align: center;
  padding: 50px 10px;
}
.bankpage-container .cat {
  background: #10c0fc;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  padding: 3px 5px;
  position: absolute;
  top: -10px;
  right: 12px;
}
.bankpage-container .img{
  height: 128px;
  overflow: hidden;
}
.bankpage-container .img img {
  width: 100%;
}

.bankpage-posts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 10px;
}

.bankpage-posts li {
  background: #fff;
  box-shadow: 0 5px 16px -7px rgba(0, 0, 0, 0.6);
  margin: 0 0 30px;
  position: relative;
  width: 45%;
}

.bankpage-posts li .img .wp-post-image {
  width: 100%;
}
.bankpage-posts li .img {
  height: 128px;
  overflow: hidden;
}
.bankpage-posts.kanren li .img {
  height: 85px;
}
.bankpage-posts.kanren li .img img {
  width: 100%;
}
.bankpage-posts li .info {
  padding: 15px 10px 18px;
}
.bankpage-posts.kanren li .info {
  font-size: 14px;
  padding: 0 10px 10px;
}

.bankTacticsarea .bankpage-posts li {
  background: #eaedef;
}

.bankpage-posts li .info .date, .bankDetail-inner .date {
  color: #b6b6b6;
  font-size: 12px;
}

.bankpage-posts li .info .date::before, .bankDetail-inner .date::before {
  content: url(../images/bank/icon-time.png);
  padding-right: 0.5em;
  vertical-align: middle;
}

@media only screen and (min-width: 960px) {
  .banlMainTl {
    font-size: 60px;
  }
  .bankpage-posts {
    padding: 50px 0;
    justify-content: unset;
  }
  .bankpage-posts.kanren {
    padding: 0;
  }
  .bankpage-posts li {
    margin: 0 5.2% 35px 0;
    /* max-width: 346px; */
    width: 29.8%;
  }
  .bankpage-posts li .img {
    height: 178px;

  }
  .bankpage-posts li:nth-of-type(3n) {
    margin: 0 0 35px 0;
  }
  .bankpage-container .cat {
    font-size: 14px;
  }
  .bankpage-container .img{
    height: 145px;
  }

  .bankpage-posts.kanren li .img {
    height: 130px;
  }
  .bankpage-posts li .info {
    padding: 22px 24px 50px;
  }
  .bankpage-posts.kanren li .info {
    padding: 10px 15px 15px;
  }
  .newsletterarea {
    padding: 5em 10px;
  }
}


.bankpage-posts li a {
  font-weight: bold;
  color: #000;
}
.bankpage-posts li a:hover{
  opacity: .6;
}
.bank-search form {
  max-width: 310px;
  margin: 0 auto;
  position: relative;
}
.bank-search input[type="text"] {
  display: inline-block;
  padding: 3px;
  width: 100%;
}
.bankSearch-head {
  font-size: 22px;
  margin-bottom: 20px;
}
.bank-search button[type="submit"] {
  background-color: transparent;
  border: none;
  line-height: 2.3;
  position: absolute;
  right: 0;
  top: 0;
}
.bank-archive .pagination {
  align-items: center;
  border: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}
.archives__pagination li {
  font-size: 16px;
  line-height: 30px;
  margin-right: 5px;
}
.bank-archive .pagination span.current,
.bank-archive .pagination a:hover{
  display: inline-block;
  width: 33px;
  height: 35px;
  background: transparent;
  border: solid 1px #999;
  text-align: center;
}
.bank-archive .pagination span.pages {
  display: none;
}
.bank-archive .pagination span.current {
  background: transparent;
  color: #333;
  margin: 0 5px; 
}
.bank-archive .pagination a{
  display: inline-block;
  width: 33px;
  height: 35px;
  text-align: center;
  color: #333; 
}
.m-pagenation__next a:hover {
}

.bank-detail {
  background: #eef1f6;
  border-bottom: 5px solid #eee;
  padding: 45px 10px;
}

.bankDetail-inner {
  background: #fff;
  padding: 25px 20px 40px;
}

.inner-wrapper {
  max-width: 1157px;
  margin: 0 auto;
  position: relative;
}

.bankDetail-inner .entry-title {
  border: none;
  text-align: center;
  padding: 0;
}

.bankDetail-inner #toc_container {
  border-top: solid 1.5px #000;
  border-right: none;
  border-bottom: solid 1.5px #000;
  border-left: none;
}

.bankDetail-inner #toc_container p.toc_title {
  font-size: 22px;
  text-align: left;
  letter-spacing: 0.3em;
}

.bankDetail-inner #toc_container .toc_list li {
  line-height: 2.0;
}

.bankDetail-inner #toc_container .toc_list li::before {
  content: url(../images/bank/bank-toc.png);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.5em;
}

.bankDetail-inner .bankinner-summary {
  margin: 0 0 30px;
}

.bankDetail-inner .bankinner-summary h2 {
  background: #e5f3f9;
  border-top: none;
  border-bottom: none;
  border-left: solid 10px #0188c8;
  font-size: 20px;
  padding: 15px;
  margin: 30px 0 20px;
}

.bankDetail-inner .bankinner-summary p {
  line-height: 1.7;
  margin-bottom: 30px;
}
.bankDetail-inner .bankinner-summary ul {
  background: #e2e9f0;
  color: #333;
  font-size: 18px;
  line-height: 1.8;
  padding: 20px 40px;
}
.bankDetail-inner .bankinner-summary ul li::before {
  content: '●';
  padding-right: 0.5em;
}

h2.bankDetailbox-head {
  font-size: 20px;
}

.bank-detail .bankmore {
  border-top: 2px solid;
  padding: 20px 0 0;
}

@media only screen and (min-width: 769px) {
  .bank-detail {
    padding: 65px 0 125px;
  }
  .bankDetail-inner {
    padding: 60px 130px 95px;
  }
  .bankDetail-inner .entry-title {
    padding: 20px 0;
  }
  h2.bankDetailbox-head {
    font-size: 32px;
  }
  .bankDetail-inner .bankinner-summary h2 {
    margin: 60px 0 20px;
  }
}

.bank-detail .kanrenlist {
  border: none;
  margin: 40px auto 0;
}

.bank-detail .kanrenlist .bankpage-posts {
  margin: 30px auto 0;
}

.bank-detail .kanrenlist ul li:last-child {
  margin: 0 0 30px;
}

.bank-detail .kanrenlist ul li a {
  background: none;
  padding: 0;
}

@media only screen and (min-width: 769px) {
  .bank-detail .kanrenlist {
    margin: 90px auto 0;
  }
  .bank-detail .kanrenlist .bankpage-posts {
    margin: 25px auto 0;
  }
  .bank-detail .kanrenlist ul li {
    margin: 0 2% 35px 0;
    max-width: 264px;
    width: 23%;
  }
}

.bankDetail-category {
  box-shadow: 0 5px 16px -7px rgba(0, 0, 0, 0.3);
  padding: 50px 0;
  position: relative;
  
}

.bankDetail-category .category-list {
  margin-top: 20px;
  padding: 0 30px;
}

.bankDetail-category .category-list li {
  width: 100%;
}

.bankDetail-category .category-list li:nth-child(2) {
  margin: 20px 0;
}

.bankDetail-category .category-list li a {
  box-shadow: 0 5px 16px -7px rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 34px;
  font-weight: bold;
  display: inline-block;
  line-height: 1.3;
  padding: 30px 32px 30px 48%;
  position: relative;
  width: 100%;
}

.bankDetail-category .category-list li:first-child a {
  background: url(../images/bank/icon-strategy.png) no-repeat;
  background-color: #0188c8;
  background-position: 30% center;
  letter-spacing: 0.3em;
}

.bankDetail-category .category-list li:nth-child(2) a {
  background: url(../images/bank/icon-tactics.png) no-repeat 25px center;
  background-color: #0188c8;
  background-position: 25% center;
  letter-spacing: 0.3em;
}

.bankDetail-category .category-list li:last-child a {
  background: url(../images/bank/icon-skills.png) no-repeat;
  background-color: #0188c8;
  background-position: 18% center;
  padding: 30px 28px 30px 35%;
}

.bankDetail-category .category-list li span {
  font-size: 16px;
  font-weight: normal;
  display: block;
  letter-spacing: 0;
}

.bankDetail-category .category-list li:first-child span {
  letter-spacing: 0.1em;
}

.bankDetail-category .category-list li:nth-child(2) span {
  letter-spacing: 0.2em;
}

@media only screen and (min-width: 960px) {
  .bankDetail-category {
    padding: 50px 10px;
    
  }
  .bankDetail-category .category-list {
    margin-top: 50px;
    padding: 0;
  }
  .bankDetail-category .category-list li {
    width: calc(90% / 3 + 15px);
  }
  .bankDetail-category .category-list li:nth-child(2) {
    margin: 0;
  }
}

.page-banklist {
  background: #eef2f6;
  
}
.page-banklist.bank-archive {
  box-shadow: 0 5px 16px -7px rgba(0, 0, 0, 0.3);
  padding-bottom: 25px;

}

.section-foot.foot-bankpage {
  background-size: contain;
  display: flex;
  align-items: center;
  margin: 0;
  /* padding: 5% 0 40%; */
}

.foot-bankbnr {
  background: rgba(1, 119, 175, 0.5);
  bottom: 0;
  cursor: pointer;
  margin: 0 auto;
  opacity: 0;
  padding: 15px 0 5px;
  position: fixed;
  transition: all .3s ease;
  visibility: hidden;
  width: 100%;
}
.active{
  opacity: 1;
  transition: all .5s ease;
  visibility: visible;
}
.absolute{
  position: absolute;
}
/* 2021.11 閉じる追加 */
.foot-bankbnr .footBankbnr-img {
  position: relative;

}
.foot-bankbnr .footBankbnr-img a {
  display: block;
  margin: 0 auto;
}

.foot-bankbnr .footBankbnr-img p.close {
  position: absolute;
  left: 5px;
  top: -17px;
}
.foot-bankbnr .footBankbnr-img p.close a {
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
}
.foot-bankbnr .footBankbnr-img p.close a span {
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}



@media screen and (min-width: 769px) {
  .page-banklist.bank-archive {
    padding-bottom: 45px;
  
  }
    .section-foot.foot-bankpage {
    background-size: 77%;
    background-position: right 10px 0;
    margin:  0;
    padding: 2% 0 0;
    position: relative;
  }
  .section-foot .page-foot-box {
    margin: 0 auto 20px;
    padding: 0;
  }
  .foot-bankbnr {
    padding: 25px 0;
  }
  .foot-bankbnr .footBankbnr-img a {
    max-width: 793px;
  }
  .foot-bankbnr .footBankbnr-img p.close {
    position: absolute;
    right: 175px;
    left: auto;
    top: -15px;
  }
}
.foot-bnr{
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  text-align: center;
  /*background-color: #003265;
  padding: 10px;*/
}
.foot-bnr.ver2{
  background-color: rgba(0, 0, 0, 0.7);
  padding: 5px;
}
.footbnrtl{
  font-size: 12px;
  margin-bottom: 5px;
}
.footbnrtl .free{
  background-color: #e9e105;
  color: #000;
  display: inline-block;
  font-weight: bold;
  padding: 0 3px;
  margin-right: 3px;
}
.footbnrtl .pointcolor{
  color: #e9e105;
  font-weight: bold;
}

.foot-bnr a{
  /*display: inline-block;
  background-color: darkgreen;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 10px 30px;*/
}
.foot-bnr a:after{
  /*content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-left: 5px;*/
}
.foot-bnr ul{
  display: flex;
  flex-wrap: wrap;
}
.foot-bnr ul li{
  width: 50%;
}
.foot-bnr.ver2 ul li{
  padding: 0 5px;
}
.foot-bnr ul li img{
  width: 100%;
}
.foot-bnr .pop{
  position: absolute;
  left: 10px;
  top: -15px;
  background-color: #FFFF45;
  border-radius: 10px;
  color: #000;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  line-height: 1.2;
}
.foot-bnr .pop:after{
  content: "";
  position: absolute;
  bottom: -8px;
  right: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 0 15px;
  border-color: #FFFF45 transparent transparent transparent;
}
@media screen and (min-width: 769px) {
  .foot-bnr{
    display: none !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1280px) {
  .section-foot.foot-bankpage {
    background-size: 80%;
    background-position: right;
    height: 460px;
    margin: 0;
    padding: 2% 0 0;
  }
  .section-foot .page-foot-box {
    margin: 0 auto 135px;
  }

}
@media screen and (min-width: 1500px) {
  .section-foot.foot-bankpage {
    background-size: contain;
    background-position: right 0% bottom;
    margin: 0;
    padding: 2% 0 0;
  }
}


/* 会社概要　ボタン */
.see-guide a {
  color: #008bce;
  display: block;
  margin: 10px 0 25px;
  text-decoration: underline;
}
.see-guide.ver2 a {
  margin: 0 0 10px;
}

.see-guide a:hover {
  text-decoration: none;

}
.main-container select{
  width: 100%;
}
@media screen and (min-width: 769px) {
  .main-container select{
    width: auto;
  }
}
.tagarea ul{
  display: flex;
  flex-wrap: wrap;
  margin: 0 1em 1em;

}
.tagarea ul li a{
  display: inline-block;
  border: 1px solid #000;
  border-radius: 20px;
  background-color: #f1f6fa;
  color: #000;
  font-size: 14px;
  padding: 3px 10px;
  margin-right: 5px;
}
.tagarea ul li a:hover{
  opacity: .6;
}
.indexcolumnarea{
  margin-top: 30px;
}
.indexcolumnarea h2{
  font-size: 3rem;
  margin-bottom: 20px;
  line-height: 1.2;
  text-align: center;
}
.indexcolumnarea h2 span{
  font-size: 1.8rem;
  display: block;
}
.indexcolumnlist{
  margin-bottom: 1em;
}
.indexcolumnlist ul li {
  border-top: 1px solid #B6C0CD;
  padding: 20px 15px;
  font-size: 1.4rem;
}
.indexcolumnlist ul li:last-child {
  border-bottom: 1px solid #B6C0CD;
}
.indexcolumnlist ul li a {
  color: #333;
  text-decoration: underline;
  display: block;
}
.indexcolumnlist ul li a:hover {
  text-decoration: none;
}
.indexcolumnlist ul li .date{
  margin-right: 20px;
}
.indexcolumnlist ul li .cat{
  font-size: 12px;
  background-color: #0077AD;
  color: #fff;
  display: inline-block;
  width: 135px;
  text-align: center;
  margin-right: 20px;
}
@media only screen and (min-width: 769px) {
  .indexcolumnarea{
    margin-top: 15em;
  }
  .indexcolumnarea h2{
    font-size: 5rem;
    line-height: 1.2;
  }
  .indexcolumnarea h2 span{
    font-size: 2rem;
    margin-left: 20px;
    display: inline;
  }
  .indexcolumnlist{
    margin-bottom: 0;
  }
  .indexcolumnlist ul li {
    padding: 20px 0;
  }
  .indexcolumnlist ul li a {
    display: inline-block;
  }
}
.seminarinstructorarea{
  max-width: 940px;
  margin:0 auto;
  font-size: 12px;
  padding: 0 10px;
}
.seminarinstructorMenu{
  max-width: 620px;
  margin: 0 auto;
}
.seminarinstructorMenu li{
  border: 2px solid #000;
  font-weight: bold;
  max-width: 200px;
  width: 32%;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.seminarinstructorMenu li a{
  display: block;
  font-size: 14px;
  padding: 13px 5px 24px;
}

.seminarinstructorMenu li a::after{
  content: '';
  position: absolute;
  bottom: 12px;
  left: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: translate(-50%,0) rotate(45deg);
}
.seminarinstructorMenu li a:hover{
  background-color: #000;
  color: #fff;
}
.seminarinstructorMenu li a:hover::after{
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.seminarinstructorTitle{
  font-size: 18px;
  margin: 0 0 .5em;
  padding-top: 2em;
}
.seminarinstructorTable{
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  font-size: 12px;
}
.seminarinstructorTable th{
  background-color: #3D5D95;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #fff;
  padding: 5px 2px;
  text-align: center;
}
.seminarinstructorTable td{
  padding: 5px 2px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
/*.seminarinstructorTable .th1{
  width: 20%;
}
.seminarinstructorTable .th2{
  width: 14%;
}
.seminarinstructorTable .th3{
  width: 55%;
}
.seminarinstructorTable .th4{
  width: 11%;
}*/
.seminarinstructorTable.ver1 .td1,
.seminarinstructorTable td:nth-child(1){
  font-weight: bold;
  width: 13%;
  border-right: none;
}
.seminarinstructorTable.ver1 .td2{
  width: 9%;
}
.seminarinstructorTable.ver1 .td3{
  width: 15%;
}
.seminarinstructorTable.ver1 .td4{
  width: 53%;
}
.seminarinstructorTable.ver1 .td5{
  width: 9%;
}
.seminarinstructorTable td a{
  color: #202020;
  text-decoration: underline;
}
.seminarinstructorTable td a:hover{
  text-decoration: none;
}
.seminarinstructorTable td.lineright{
  border-right: 1px solid #ccc;
}
.seminarinstructorTable.ver2,
.seminarinstructorTable.ver3{
  margin: 0 auto;
  width: 100%;
}
.seminarinstructorTable.ver2 .th1{
  width: 22%;
}
.seminarinstructorTable.ver2 .th2{
  width: 15%;
}
.seminarinstructorTable.ver2 .th3{
  width: 63%;
}
.seminarinstructorTable.ver2 td:first-child{
  width: 13%;
}
.seminarinstructorTable.ver3 .th1{
  width: 22%;
}
.seminarinstructorTable.ver3 .th2{
  width: 15%;
}
.seminarinstructorTable.ver3 .th3{
  width: 18%;
}
.seminarinstructorTable.ver3 .th4{
  width: 44%;
}
.seminarinstructorTable.ver3 td:first-child{
  width: 13%;
}
@media only screen and (min-width: 769px) {
  .seminarinstructorarea{
    font-size: 16px;
    padding: 0;
  }
  .seminarinstructorMenu li a{
    font-size: 16px;
  }
  .seminarinstructorTitle{
    font-size: 26px;
    margin: 0 0 1em;
    padding-top: 4em;
  }
  .seminarinstructorTable{
    font-size: 16px;
  }
  .seminarinstructorTable th{
    padding: 10px;
  }
  .seminarinstructorTable td{
    padding: 8px;
  }
  .seminarinstructorTable.ver1 .td1,
  .seminarinstructorTable td:nth-child(1){
    width: 11%;
  }
  .seminarinstructorTable.ver1 .td2{
    width: 11%;
  }
  .seminarinstructorTable.ver1 .td3{
    width: 15%;
  }
  .seminarinstructorTable.ver1 .td4{
    width: 51%;
  }
  .seminarinstructorTable.ver1 .td5{
    width: 11%;
  }
}
.downloadlistarea{
  max-width: 1130px;
  margin:0 auto;
  font-size: 12px;
  padding: 0 10px;
}
.downloadlistareaMenu{
  max-width: 815px;
  margin: 0 auto;
}
.downloadlistareaMenu li{
  border: 2px solid #000;
  font-weight: bold;
  max-width: 200px;
  width: 24%;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.downloadlistareaMenu li a{
  display: block;
  font-size: 12px;
  padding: 13px 4px 24px;
}

.downloadlistareaMenu li a::after{
  content: '';
  position: absolute;
  bottom: 12px;
  left: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: translate(-50%,0) rotate(45deg);
}
.downloadlistareaMenu li a:hover{
  background-color: #000;
  color: #fff;
}
.downloadlistareaMenu li a:hover::after{
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.downloadlistTitle{
  font-size: 18px;
  margin: 0 0 1em;
  padding-top: 2em;
  position: relative;
}
.downloadlistTitle::after{
  content: "";
  background-color: #000;
  display: block;
  width: 40px;
  height: 4px;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translate(-50%,0);
}
.downloadlistbox_top{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: .3em auto 0;
}
.downloadlistbox_top li{
  width: 46%;
  margin: 0 5px 10px;
}
.downloadlistbox_top li:nth-child(n+5){
  display: none;
}
.downloadlistbox li{
  border: 1px solid #f0f0f0;
  width: 47.1%;
  margin: 0 5px 1em;
  padding: 10px 10px 20px;
  text-align: center;
}
.downloadlistbox li h3{
  font-size: 14px;
  text-align: left;
  margin-top: .3em;
}
.downloadlistbox li a{
  color: #000;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 20px;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 10px;
  text-align: center;
  margin-top: .5em;
}
.downloadlistbox li a:hover{
  background-color: #000;
  color: #fff;
}
.downloadlistbox li a::after{
  font-family: Font Awesome\ 5 Free;
  content: "\f019";
  font-weight: 900;
  margin-left: 5px;
}
@media only screen and (min-width: 769px) {
  .downloadlistarea{
    font-size: 16px;
    padding: 0;
  }
  .downloadlistareaMenu li{
    width: 32%;
  }
  .downloadlistareaMenu li a{
    font-size: 16px;
  }
  .downloadlistTitle{
    font-size: 26px;
    padding-top: 4em;
  }
  .downloadlistbox li{
    width: 32.27%;
    margin: 0 5px 1em;
    padding: 10px 10px 20px;
  }
  .downloadlistbox_top li{
    width: 30%;
    margin: 0 5px 10px;
  }
  .downloadlistbox_top li:nth-child(n+5){
    display: block;
  }
  .downloadlistbox li h3{
    font-size: 18px;
  }
  .downloadlistbox li a{
    font-size: 16px;
    padding: 7px 20px;
  }
  .downloadlistbox li a::after{
    margin-left: 10px;
  }
}



.ftsnsarea{
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 10px;
}

.ftsnsarea li a{
  position: relative;
  font-size: 20px;
  display: block;
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
.ftsnsarea li a i{
  color: #0177AF;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.ftsnsarea li a i:hover{
  opacity: .6;
}
.ftsnsarea li.youtube a::after{
  font-family: "Font Awesome 6 Brands";
  content: "\f167";
  color: #fff;
  font-weight: normal;
}
.ftsnsarea li.facebook a::after{
  font-family: "Font Awesome 6 Brands";
  content: "\f09a";
  color: #fff;
  font-weight: normal;
}
.ftsnsarea li.twitter a::after{
  font-family: "Font Awesome 6 Brands";
  content: "\e61b";
  color: #fff;
  font-weight: normal;
}
/*コラムsns*/
.sns-pc{
  margin-bottom: 1em;
}
.sns-pc ul li{
  font-size: 24px;
  list-style: none;
  margin: 0 .5em 0 0;
}
.sns-pc ul li:hover{
  opacity: .6;
}
.sns-pc ul li .fa-facebook-f:before{
  color: #3561AC;
}
.sns-pc ul li .fa-twitter:before{
  color: #228CCD;
}
.sns-pc ul li .fa-get-pocket:before{
  color: #E72E4F;
}
.sns-pc ul li.hatebu:before{
  color: #E72E4F;
}
.fa-hatena:before {
  content: "B!";
  color: #1A86C9;
  font-family: Verdana;
  font-weight: bold
}


/******************************/
/** コラム記事内の装飾 **/
/******************************/
.consultation-link {
  background-color: #e8f5e8;
  border: 2px solid #28a745;
  border-radius: 8px;
  padding: 20px;
  margin: 25px 0;
  text-align: center;
}

.consultation-link a {
  color: #28a745;
  text-decoration: underline;
  font-weight: bold;
}

        .tooltip {
            position: relative;
            cursor: help;
            overflow: hidden;
        }
        .tooltip::after {
            content: attr(title);
            position: absolute;
            bottom: 125%;
            left: 50%;
            transform: translateX(-50%);
            background-color: #333;
            color: white;
            padding: 5px 10px;
            border-radius: 4px;
            white-space: nowrap;
            font-size: 12px;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s;
            z-index: 1000;
        }
        .tooltip:hover::after {
            opacity: 1;
            visibility: visible;
        }
        @media (max-width: 600px) {
            .tooltip::after {
                bottom: auto;
                top: 100%;
                left: 0;
                transform: translateX(0);
                font-size: 10px;
                padding: 4px 5px;
                white-space: normal;
                width: max-content;
                max-width: 40vw;
                overflow: auto;
            }
        }

        .check-box {
            background-color: #f0f8ff;
            border: 1px solid #b0d4f1;
            border-radius: 6px;
            padding: 20px;
            margin: 20px 0;
        }
        .diagnosis-process {
            background-color: #f8f9fa;
            border: 1px solid #dee2e6;
            border-radius: 6px;
            padding: 20px;
            margin: 20px 0;
        }
        .free-badge {
            background-color: #dc3545;
            color: white;
            padding: 5px 10px;
            border-radius: 15px;
            font-size: 14px;
            font-weight: bold;
            margin-left: 10px;
        }
        .final-cta {
            background-color: #fff3cd;
            border: 2px solid #ffc107;
            border-radius: 8px;
            padding: 20px;
            margin: 30px 0;
            text-align: center;
        }
        .certification-badge {
            background-color: #fff3cd;
            border: 2px solid #ffc107;
            border-radius: 8px;
            padding: 15px;
            margin: 20px 0;
            text-align: center;
            font-weight: bold;
        }
       .case-box {
            background-color: #f8f9fa;
            border: 1px solid #dee2e6;
            border-radius: 6px;
            padding: 20px;
            margin: 20px 0;
        }
        .highlight-box {
            background-color: #e3f2fd;
            border-left: 4px solid #2196f3;
            padding: 15px;
            margin: 15px 0;
        }



/******************************/
/** コンタクトフォームの装飾 **/
/******************************/
/*　フォーム全体　*/
#cf7-area {
  width:100%;
  margin: 0 auto;
  padding: 0 10px;
}
  
.cf7-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 0 1.75em;
}
  
.cf7-q {
  width: 30%;
  margin: 0 0 0 10px;
}
  
.cf7-a {
  width: 60%;
}
  
/*　見出し　*/
.form-heading{
  width: 100%;
  background-color: #191970;
  border-left: 1em solid #6495ED;
  border-radius: 2px;
  color: #ffffff;
  font-weight: bold;
  padding: 1em .8em;
  margin: 0 0 2em;
}
  
.form-heading p {
  margin: 0;
}
  
/* 各項目共通 */
#cf7-area label{
  font-weight:bold;
}
  
#cf7-area input[type="text"],#cf7-area input[type="email"],#cf7-area input[type="tel"],#cf7-area textarea {
  background: #F0F8FF;
  width: 100%;
  max-width:500px;
  margin-left:10px;
  padding: 10px;
  border: 1px solid #ccc;
}
  
#cf7-area input[type="text"]:focus,#cf7-area input[type="email"]:focus,#cf7-area input[type="tel"]:focus,#cf7-area textarea:focus {
  background: #FFE4E1;
  border: 2px solid #FF1493;
  outline: 0;
}
  
#cf7-area input[type="checkbox"], #cf7-area input[type="radio"]{
  appearance: auto;
}
  
#cf7-area .wpcf7-list-item {
  display: block;
}
#cf7-area .wpcf7-list-item-label{
  font-weight: normal;
}
#cf7-area textarea{
  height:200px;
  padding: 0.625em 0.4375em;
}
  
.cf7-accept-check{
  text-align: center;
  margin: 50px auto;
}
  
.cf7-submit {
  width: 40%;
  margin: 0 auto;
  text-align: center;
}
  
#cf7-area input[type="submit"]{
  width: 100%;
  background-color: #191970;
  color: #ffffff;
  border-radius: 5px;
  font-size: 1.2em;
  padding: 1em 10px;
}
  
#cf7-area input[type="submi"]:hover{
  background-color:#ffffff;
  border: 2px solid #191970;
  color:#191970;
}
  
.cf7-btn{
  width: 40%;
  margin: 0 auto;
  text-align: center;
}
  
/*　必須ラベル　*/
.cf7-req{
  font-size:.8em;
  padding: 4px 6px;
  background: #eb2a2a;
  color: #ffffff;
  margin-left: 10px;
  display:inline-block;
}
  
  @media screen and (max-width:768px){
  .cf7-item {
  display: block;
  }
  
  #cf7-area label{
  display: block;
  margin-bottom: 10px;
  }
  
  .cf7-q {
  width: 100%;
  margin: 0;
  }
  
  .cf7-a {
  width: 100%;
  }
  
  #cf7-area input[type="text"], #cf7-area input[type="email"], #cf7-area input[type="tel"], #cf7-area textarea{
  margin-left: 0;
  }
  
  .cf7-submit{
  width: 90%;
  }
  }
  .grecaptcha-badge { visibility: hidden; }