/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

@font-face {
  font-family: 'Noto Sans JP';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP"),
    + local("Noto Sans JP"),
    url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}

html {
  color: #595757;
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

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

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

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
* {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  /*font: 16px/26px Helvetica, Helvetica Neue, Arial;*/
  font: 13px/22px "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  font-family: "Noto Sans CJK JP", sans-serif;
  -webkit-text-size-adjust: 100%;
  *font-size: small;
  *font: x-small;
  background-color: #F5F5F2;
  padding-top: 160px;
}

body.page-sub {
  padding-top: 190px;
}


ul,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

h1 {
  margin-top: 0;
  margin-bottom: 1px;
  font-size: 26px;
  font-weight: bold;
  color: #2565AD;
  border-bottom: 4px solid #2565AD;
  line-height: 1.5;
}

h2 {
  font-size: 22px;
  color: #2565AD;
  line-height: 1.4;
}


h2.bq {
  background-image: url(../img/common/bg/block_graT.png);
  background-repeat: repeat-x;
  padding: 40px 0 20px 0;
  line-height: 1.5em;
  font-size: 22px;
}

h2.bq.h2b {
  background-image: none;
  padding: 10px 0 5px 0;
}

h2.bq span {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 570px;
}

h2.bq span.sp02 {
  width: 710px;
  padding-left: 20px;
  text-align: left;
}

h2.bq span.sp03 {
  width: 600px;
}

h2.bq span.sp04 {
  width: 650px;
}

h2.bq span.sp05 {
  width: 550px;
}

h2.bq span:before {
  display: block;
  content: "";
  background-image: url(../img/common/icn/quote01.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 23px;
  height: 23px;
  margin-top: -15px;
  margin-left: -20px;
  float: left;
}

h2.bq span:after {
  display: block;
  content: "";
  background-image: url(../img/common/icn/quote02.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 23px;
  height: 23px;
  margin-top: 15px;
  margin-right: -20px;
  float: right;
}

h2.bq.white span:before {
  background-image: url(../img/common/icn/quote01_white.png);
}

h2.bq.white span:after {
  background-image: url(../img/common/icn/quote02_white.png);
}


h3 {
  padding-bottom: 10px;
  background: url("../img/common/line/barL.png") no-repeat left bottom;
  font-size: 20px;
  font-weight: bold;
  color: #2565AD;
}

h2.barS,
h3.barS {
  background: url(../img/common/line/barS.png) no-repeat left top;
  color: #2964ad;
  font-size: 20px;
  padding: 10px 0;
  line-height: 1.5;
  font-weight: bold;
}

.fL h2.barS,
.fL h3.barS,
.fR h2.barS,
.fR h3.barS {
  margin-top: 0;
}

h2.barL2,
h3.barL2 {
  padding-top: 25px;
  margin-bottom: 0px;
  font-size: 22px;
  line-height: 1.3;
  color: #2565AD;
  font-weight: normal;
  background: url("../img/common/line/barL2.png") repeat-x left top;
}

h2.bar,
h3.bar {
  margin-top: 40px;
  padding-top: 30px;
  background: url("../img/common/bg/block_graT.png") repeat-x left top;
  color: #2565AD;
  text-align: center;
}

h4 {
  margin: 30px 0 0px;
  font-size: 16px;
  font-weight: bold;
  color: #595757;
}

p {
  font-size: 13px;
  /*font-size: 14px;*/
  margin-top: 10px;
  /*color: #333333;*/
  color: #595757;
}

p.mainimg {
  margin-top: 0;
  margin-bottom: 30px;
}

a {
  -webkit-transition: .3s;
  transition: .3s;
}

a img {
  -webkit-transition: .3s;
  transition: .3s;
}

a:hover img {
  opacity: 0.6;
}

a {
  color: #333;
}

a:hover {
  color: #4964A5;
}

.bold {
  font-weight: bold;
}

.clear {
  clear: both;
}

.aC {
  text-align: center !important;
}

.aR {
  text-align: right !important;
}

.aL {
  text-align: left !important;
}

.fL {
  float: left !important;
}

.fR {
  float: right !important;
}

.imgL {
  float: left !important;
  margin-right: 20px;
  margin-bottom: 20px;
}

.imgR {
  float: right !important;
  margin-left: 20px;
  margin-bottom: 20px;
}

.w10 {
  width: 10%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w40 {
  width: 40%;
}

.w50 {
  width: 50%;
}

.w60 {
  width: 60%;
}

.w70 {
  width: 70%;
}

.w75 {
  width: 75%;
}

.w80 {
  width: 80%;
}

.w90 {
  width: 90%;
}

.w100 {
  width: 100%;
}

.m0 {
  margin: 0px !important;
}

.mT0 {
  margin-top: 0px !important;
}

.mL20 {
  margin-left: 20px !important;
}

.mR20 {
  margin-right: 20px !important;
}

.mB0 {
  margin-bottom: 0px !important;
}

.mB30 {
  margin-bottom: 30px !important;
}

.p30 {
  padding: 30px !important;
}

.pL20 {
  padding-left: 20px !important;
}

.pT10 {
  padding-top: 10px !important;
}

.pT20 {
  padding-top: 20px !important;
}

.pT30 {
  padding-top: 30px !important;
}

.pT40 {
  padding-top: 40px !important;
}

.pT50 {
  padding-top: 50px !important;
}

.pB0 {
  padding-bottom: 0px !important;
}

.pB10 {
  padding-bottom: 10px !important;
}

.pB20 {
  padding-bottom: 20px !important;
}

.pB30 {
  padding-bottom: 30px !important;
}

.pB40 {
  padding-bottom: 40px !important;
}

.pB50 {
  padding-bottom: 50px !important;
}


hr.gra {
  margin-top: 40px;
  padding-top: 30px;
  background: url("../img/common/bg/block_graT.png") repeat-x left top;
  border: none;
}


a.btnL,
a.btnS,
a.btn {
  display: block;
  background: #2565AD url("../img/common/bg/btn_grabg.png") left bottom repeat-x;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 1px #666666;
  box-shadow: 0 1px 1px #666666;
}

a.btnS.green,
a.btnL.green,
a.btn.green {
  background: #33B02A url("../img/common/bg/btn_grabg_green.png") left bottom repeat-x;
}

a.btnS.btn-life,
a.btnL.btn-life,
a.btn.btn-life {
  background: #4A8C2D;
}

a.btnS.btn-business,
a.btnL.btn-business,
a.btn.btn-business {
  background: #D94D11;
}

a.btnC {
  display: block;
  color: #333;
  text-decoration: none;
  text-align: center;
}

a.btnS em,
a.btnL em,
a.btn em {
  font-style: normal;
  font-size: 120%;
}

a.btnL:hover,
a.btnS:hover,
a.btn:hover {
  background-image: none;
}

a.btnL span,
a.btnS span,
a.btn span {
  display: block;
  padding: 8px 10px;
  font-size: 14px;
  background: url("../img/common/btn/btn_arrow.png") right 10px center no-repeat;
  text-shadow: -1px -1px 2px rgba(0, 0, 0, .5);
}

a.btnC span {
  font-size: 12px;
  padding: 3px 40px;
  background: url("../img/common/btn/btn_arrow2.png") right 10px center no-repeat;
  display: inline-block;
}

a.btnS span {
  font-size: 12px;
  padding: 3px 10px;
  background: url("../img/common/btn/btn_arrow.png") right 10px center no-repeat;
}

a.btnL span {
  font-size: 20px;
  padding: 15px;
  background: url("../img/common/btn/btn_arrow.png") right 10px center no-repeat;
}

a.btn.line2 span {
  line-height: 23px;
}

a.btnS.inline,
a.btnL.inline,
a.btn.inline {
  display: inline-block;
}

a.btnL.inline span,
a.btn.inline span {
  padding: 10px 60px;
}

a.btnS.inline span {
  padding: 5px 60px;
}

/**
 * Main Contents
 */

.wrapper {
  width: 1060px;
  /* 1140px - 10% for margins */
  margin: 0 auto;
}

#maincontent {
  float: right;
  width: 840px;
  padding: 30px 28px 30px 27px;
  /*padding: 30px;*/
  background: #FFFFFF;
  border: 1px solid #DEDFDE;
  border-radius: 5px;
}


/* ===================
    ALL: Orange Theme
   =================== */

.header-container {
  background: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.footer-container,
.main aside {}

.header-container,
.footer-container,
.main aside {}

.title {
  color: white;
}

/* ==============
    Menu
   ============== */

nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

nav.page-nav ul {
  margin: 30px 0 20px;
  text-align: center;
}

nav.page-nav ul li {
  display: inline-block;
}

nav.page-nav ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid #D3D3D3;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}

nav.page-nav ul li.active a,
nav.page-nav ul li a:hover {
  background-color: #FAF8E8;
}

/* ==============
    MOBILE: Main
   ============== */

.main {}

.main aside {}

.footer-container footer {}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
  padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/**
 * Header
 */
#logo {
  display: block;
  position: absolute;
  top: 10px;
}

#logo img {
  margin: 0 15px 0 0;
}

#logo img.ig1 {
  width: 85px;
  height: 85px;
}

#logo img.ig2 {
  width: 325px;
  height: 54px;
}

.sticky_pc #logo img.ig1 {
  width: 45px;
  height: 45px;
}

.sticky_pc #logo img.ig2 {
  width: 175px;
  height: 29px;
}

#header-search {
  position: absolute;
  top: 20px;
  left: 543px;
}

#searchtext {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  /*height: 24px;*/
  padding: 4px 27px 2px 8px;
  /*-webkit-appearance: none;*/
  /*-moz-appearance: none;*/
  /*appearance: none;*/
  border: none;
  border-radius: 5px;
  border: 1px solid #EFEFEF;
  -webkit-box-shadow: inset 1px 1px 1px #999999;
  box-shadow: inset 1px 1px 1px #999999;
  background: #FFFFFF url("../img/common/header/icn_search.png") no-repeat right 7px top 5px;
}

#searchbtn {
  position: absolute;
  display: inline-block;
  top: 2px;
  left: 205px;
  width: 40px;
  text-align: center;
  letter-spacing: 0.1em;
  padding: 3px 0px 2px;
  border: none;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 3px #999999;
  box-shadow: 0px 0px 3px #999999;
  background-color: #2565AC;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1.5;
}

#searchbtn:hover {
  opacity: 0.9;
}

.header-container .wrapper {
  position: relative;
}

#header_contact {
  position: absolute;
  right: 0;
  top: 0;
}

#header_contact_form {
  position: absolute;
  right: 0;
  top: 30px;
  -webkit-transition: .3s;
  transition: .3s;
}

.sticky_pc #header_contact_form {
  top: 10px;
}

#header_contact_tel {
  position: absolute;
  right: 260px;
  top: 30px;
  -webkit-transition: .3s;
  transition: .3s;
}

.sticky_pc #header_contact_tel {
  top: 10px;
}

.header-container a img:hover {
  opacity: 0.8;
}

#header_copy {
  position: absolute;
  top: 57px;
  left: 420px;
}

#head_nav {
  position: relative;
  margin: 95px 0 0;
  height: 60px;
  display: block;
  background-color: #4364AA;
  border: 1px solid #C0C1C1;
  border-radius: 5px;
  bottom: -10px;
  -webkit-transition: .3s;
  transition: .3s;
}

.sticky_pc #head_nav {
  margin: 55px 0 0;
  bottom: -10px;
}

#head_nav ul {
  margin: 0;
  padding: 0;
}

#head_nav ul li {
  overflow: hidden;
  display: inline-block;
  float: left;
  height: 60px;
}

#head_nav ul li.active,
#head_nav ul li:hover {
  background: url("../img/common/header/gnav_active.png") no-repeat center bottom 6px;
}

#head_nav ul li.pc_none {
  display: none;
}

#head_nav ul li a {
  margin-top: 17px;
  width: 187px;
  height: 21px;
  border-left: 1px solid #1A4779;
  border-right: 1px solid #5184BD;
  display: block;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  text-shadow: -0.8px -0.8px 0px rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: -0.8px -0.8px 0px rgba(0, 0, 0, 0.3);
  color: #fff;
  font-weight: bold;
}

#head_nav ul li:first-child a {
  border-left: none;
  width: 120px;
}

#head_nav ul li:nth-child(6) a {
  border-right: none;
}

#head_nav ul li:hover .megamenu {
  max-height: 9999px;
  opacity: 1;
}

.megamenu {
  background: rgba(255, 255, 255, 0.9);
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  width: 100%;
  position: absolute;
  top: 60px;
  left: 0;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  z-index: 999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.megamenu-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px 60px;
  border: 3px solid #3A6AB2;
  border-radius: 8px;
}

#head_nav ul li .megamenu li {
  overflow: hidden;
  display: block;
  float: none;
  height: auto;
  border: 1px solid #4364AA;
  border-radius: 6px;
  margin-bottom: 2%;
  background: #fff;
  position: relative;
}

#head_nav ul li .megamenu a {
  background: #fff;
  margin: 0;
  width: auto;
  height: auto;
  border: none;
  display: block;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  text-shadow: none;
  color: #333;
  font-weight: 100;
}

#head_nav ul li .megamenu li:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #2a64ad;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
}

.megamenu .mg1 {}

.megamenu .mg1 dl {}

.megamenu .mg1 dl.dl1 {
  width: 400px;
}

.megamenu .mg1 dl.dl2 {
  width: 260px;
}

.megamenu .mg1 dl.dl3 {
  width: 225px;
  text-align: left;
}

.megamenu .mg1 dt {
  background: #4E934E;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  border-radius: 6px;
  padding: 5px 0;
  margin: 0 0 10px 0;
}

.megamenu .mg1 dl.dl2 dt {
  background: #D85312;
}

.megamenu .mg1 dl.dl3 dt {
  background: #D5A822;
}

.megamenu .mg1 dd {}

.megamenu .mg1 dd ul {}

.megamenu .mg1 dd ul:after {
  content: "";
  display: block;
  width: 32%;
}

.megamenu .mg1 dd li {
  width: 32%;
  height: 60px !important;
  margin: 0 0 5px 0;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.megamenu .mg1 .dl2 dd li {
  width: 48.5%;
}

.megamenu .mg1 .dl3 dd li {
  width: 100%;
}

.megamenu .mg1 dd li a {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #4E934E !important;
  line-height: 1.3 !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100% !important;
  text-align: center !important;
}

.megamenu .mg1 dl.dl2 dd li a {
  color: #D85312 !important;
}

.megamenu .mg1 dl.dl3 dd li a {
  color: #333 !important;
}

#head_nav ul li .megamenu .mg1 dl.dl1 dd li {
  border-color: #009348;
}

#head_nav ul li .megamenu .mg1 dl.dl1 dd li:after {
  border-color: transparent transparent transparent #009348;
}

#head_nav ul li .megamenu .mg1 dl.dl1 dd li a:hover {
  background: #e1f9e2;
}

#head_nav ul li .megamenu .mg1 dl.dl2 dd li {
  border-color: #cd5a32;
}

#head_nav ul li .megamenu .mg1 dl.dl2 dd li:after {
  border-color: transparent transparent transparent #cd5a32;
}

#head_nav ul li .megamenu .mg1 dl.dl2 dd li a:hover {
  background: #ffe8d4;
}

#head_nav ul li .megamenu .mg1 dl.dl3 dd li {
  border-color: #d5a822;
}

#head_nav ul li .megamenu .mg1 dl.dl3 dd li:after {
  border-color: transparent transparent transparent #d5a822;
}

#head_nav ul li .megamenu .mg1 dl.dl3 dd li a:hover {
  background: #fff6d2;
}

.megamenu .mg2 dl {
  width: 100%;
}

.megamenu .mg2 dd li {
  width: 13%;
  margin-bottom: 1.5% !important;
  border-radius: 0 !important;
  margin: 0 0 5px 0;
}

.megamenu .mg2 dd li span {
  display: block;
  font-size: 12px;
  color: #4364aa;
  background: #e3f0ff;
  text-align: center;
  margin-bottom: 10px;
  padding: 5px 0;
}

.megamenu .mg2 dd li img {
  width: 100%;
}

.megamenu .mg2 dd li a {
  font-size: 14px !important;
  line-height: 1.3 !important;
  padding-bottom: 10px;
}

.megamenu .mg2 dd li a:hover {
  background: #ffecd9 !important;
}

.megamenu .mg2 dt {
  border: 1px solid #4364AA;
  text-align: center;
  color: #4364AA;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  border-radius: 6px;
  padding: 5px 0;
  margin: 0 0 5px 0;
}

#head_nav ul li .megamenu .mg2 li:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #2a64ad;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 8px;
}

#head_nav ul li .megamenu .mg2 .flex:after,
#head_nav ul li .megamenu .mg2 .flex:before {
  content: "";
  width: 56.5%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#head_nav ul li .megamenu .mg2 .flex:after {
  width: 13%;
}

.megamenu .mg3 dl.dl1 {
  width: 145px;
}

.megamenu .mg3 dl.dl2 {
  width: 460px;
}

.megamenu .mg3 dl.dl3 {
  width: 305px;
}

.megamenu .mg3 dt {
  background: #4364AA;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  border-radius: 6px;
  padding: 5px 0;
  margin: 0 0 10px 0;
}

.megamenu .mg3 dl.dl2 dt {
  background: #009348;
}

.megamenu .mg3 dl.dl3 dt {
  background: #F75200;
}

.megamenu .mg3 dd li {
  margin: 0 0 10px 0 !important;
  width: 100%;
  height: 60px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.megamenu .mg3 .dl2 dd li {
  width: 32%;
}

.megamenu .mg3 .dl2 dd .flex:after {
  content: "";
  width: 32%;
}

.megamenu .mg3 .dl3 dd li {
  width: 48.5%;
}

.megamenu .mg3 dd li a {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #4364aa !important;
  line-height: 1.3 !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100% !important;
  text-align: center !important;
}

.megamenu .mg3 dl.dl2 dd li a {
  color: #008e2e !important;
}

.megamenu .mg3 dl.dl3 dd li a {
  color: #f75200 !important;
}

#head_nav ul li .megamenu .mg3 dl.dl1 dd li {
  border-color: #4364aa;
}

#head_nav ul li .megamenu .mg3 dl.dl1 dd li:after {
  border-color: transparent transparent transparent #4364aa;
}

#head_nav ul li .megamenu .mg3 dl.dl1 dd li a:hover {
  background: #e3f0ff;
}

#head_nav ul li .megamenu .mg3 dl.dl2 dd li {
  border-color: #009348;
}

#head_nav ul li .megamenu .mg3 dl.dl2 dd li:after {
  border-color: transparent transparent transparent #009348;
}

#head_nav ul li .megamenu .mg3 dl.dl2 dd li a:hover {
  background: #d7f8e1;
}

#head_nav ul li .megamenu .mg3 dl.dl3 dd li {
  border-color: #f75200;
}

#head_nav ul li .megamenu .mg3 dl.dl3 dd li:after {
  border-color: transparent transparent transparent #f75200;
}

#head_nav ul li .megamenu .mg3 dl.dl3 dd li a:hover {
  background: #ffe8d3;
}

.megamenu .mg4 dl {
  width: 47%;
  border: 1px solid #4364AA;
  padding: 5px 15px 15px 15px;
  border-radius: 6px;
  background: #fff;
}

.megamenu .mg4 dt {
  border-bottom: 2px solid #4364AA;
  text-align: center;
  color: #4364AA;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 5px 0;
  margin: 0 0 15px 0;
}

.megamenu .mg4 dl.dl2 li {
  width: 37%;
  margin: 0 3% 3% 3%;
  border: none !important;
}

.megamenu .mg4 dl.dl2 ul.flex {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.megamenu .mg4 dl.dl1 li {
  width: 32%;
  border: none !important;
}

.megamenu .mg4 dl.dl1 li:after,
.megamenu .mg4 dl.dl2 li:after {
  display: none;
}

.megamenu .mg4 li a {
  font-size: 16px !important;
  color: #4364AA !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em;
}

.megamenu .mg4 li a img {
  margin: 5px 0 0 0;
}

.megamenu .megamenu-inner {
  background: #ddefff;
}

.megamenu .mg5 ul:after {
  content: "";
  width: 32%;
  display: block;
}

.megamenu .mg5 li {
  width: 32%;
  border: 1px solid #4364AA;
  border-radius: 6px;
  margin-bottom: 2%;
  background: #fff;
}

.megamenu .mg5 li a {
  font-size: 16px !important;
  color: #4364AA !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em;
  padding: 15px 0;
}

.megamenu .mg5 li a img {
  margin: 5px 0 0 0;
}

.megamenu li a:hover {
  /*background:none !important;*/
}

.megamenu li:hover {
  /*background:none !important;*/
  background-image: none !important;
}

.megamenu li img {
  width: 100%;
}

.megamenu .mg5 li a:hover {
  background: #fde9d9 !important;
}

/*    パンくずリスト*/
#breadcrumbs {
  display: block;
  width: 1060px;
  margin-bottom: 0px;
  margin-top: 10px;
  background-color: #fff;
  background: url("../img/common/bg/breadcrumb_bg.png") repeat-y center center;
  border-bottom: 1px solid #D3D3D4;
  -webkit-box-shadow: 0 1px 0 #FFFFFF;
  box-shadow: 0 1px 0 #FFFFFF;
  border-bottom: 1px solid #D2D2D3;
}

#breadcrumbs ul li {
  display: inline-block;
  padding-bottom: 1px;
  font-size: 10px;
  color: #595757;
  padding-left: 10px;
}

#breadcrumbs ul li a {
  font-size: 10px;

}

#breadcrumbs ul li a:link {
  text-decoration: none;
  color: #595757;
}

#breadcrumbs ul li a:hover {
  opacity: 0.5;
}

#breadcrumbs ul li a:visited {
  color: #595757;

}

#breadcrumbs li+li:before {
  content: "＞";
  margin-left: -5px;
  margin-right: 10px;
  color: #CCCCCC;
}

#sp_category {
  display: none;
}


/**
 * Footer
 */
.ftlogo {
  text-align: center;
  margin: 50px 0 0 0;
}

.ftlogo .ig1 {
  margin-right: 15px;
}

.footer-container {
  padding-bottom: 70px;
  margin-top: 20px;
}

.footer-container .wrapper {
  padding-top: 20px;
  border-top: 1px solid #FFFFFF;
  -webkit-box-shadow: 0px -1px 0px #D3D3D4;
  box-shadow: 0px -1px 0px #D3D3D4;
}

#footnav {
  border-bottom: 1px solid #D3D3D4;
  -webkit-box-shadow: 0px 1px 0px #FFFFFF;
  box-shadow: 0px 1px 0px #FFFFFF;
  padding-bottom: 20px;
}


#footnav .c1of5,
#footnav .c2of5,
#footnav .c3of5,
#footnav .c4of5,
#footnav .c5of5 {
  float: left;
}

#footnav .c1of5 {
  width: 290px;
  margin-right: 65px;
}

#footnav .c1of5 .c1 {
  margin-bottom: 20px;
}

#footnav .c1of5 .c2 {}

#footnav .c2of5 {
  width: 210px;
  margin-right: 10px;
}

#footnav .c3of5 {
  width: 130px;
  margin-right: 10px;
}

#footnav .c4of5 {
  width: 170px;
  margin-right: 10px;
}

#footnav .c5of5 {
  width: 140px;
}

#footnav .c1of5 .c1,
#footnav .c1of5 .c2 {
  margin-top: -15px;
  padding-left: 10px;
}

#footnav .c1of5 .c1 li li,
#footnav .c1of5 .c2 li li {
  display: inline-block;
  width: 49%;

}


#footnav h3 {
  margin: 0 0 20px;
  padding: 2px 0 0;
  height: auto;
  background-color: #DCDDDD;
  background-image: none;
  border-radius: 100px;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
}

#footnav h3 a {
  text-decoration: none;
  color: #2964AD;
}

#footnav ul {
  list-style: none;
}

#footnav li {}

#footnav li>a {
  text-decoration: none;
}

#footnav li>a:hover {}

#footnav div>ul>li {
  font-size: 14px;
  margin-bottom: 8px;
}

#footnav div>ul>li>a {
  font-weight: bold;
  font-size: 12px;
  color: #2964AD;
}

#footnav div>ul>li>ul {
  margin: 0.3em 0 1em 0;
}

#footnav div>ul>li>ul>li {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.8;
}

#footnav div>ul>li>ul>li>a {}

#sitefooter {}

#copyright {
  float: left;
  width: 100px;
  font-size: 10px;
  color: #333333;
}

#footnav2 {
  display: block;
  float: right;
  width: 500px;
  text-align: right;
}

#footnav2 li {
  display: inline;
  font-size: 10px;
}

#footnav2 li+li {
  border-left: 1px solid #B3B3B1;
}

#footnav2 li a {
  padding: 2px 5px;
  text-decoration: none;
}

#pagetop img {
  position: fixed;
  bottom: 0px;
  right: 20px;
}

#pagetop img:hover {
  opacity: 0.8;
}

#sp_footer_contact {
  display: none;
}

/**
 * Sidebar
 */
#sidebar {
  width: 200px;
}

#sidebar>h3 {
  margin: 0;
  padding: 0;
  padding: 10px 12px 7px;
  border-radius: 5px 5px 0 0;
  background-color: #2864AE;
  background-image: none;
  line-height: 1.5;
  font-weight: normal;
  text-align: center;
  color: #FFFFFF;
  font-size: 12px;
}

#sidebar>h3 a {
  color: #FFFFFF;
}

#sidebar.sidebar-case>h3 {
  border-radius: 0;
}

#sidebar.sidebar-case>ul {
  border-radius: 0;
}

#sidebar.sidebar-case>h3.type_genre {
  background: url("../img/case/sidenav_case_cate.jpg") repeat 0 0;
}

#sidebar.sidebar-case>h3.type_staff {
  background: url("../img/case/sidenav_case_staff.jpg") repeat 0 0;
}

#sidebar.sidebar-case>h3.type_genre+ul {
  margin-bottom: 0;
}

#sidebar a {
  text-decoration: none;
}

#sidebar>ul {
  list-style: none;
  margin-bottom: 30px;
  padding-bottom: 5px;
  background-color: #FFFFFF;
  /*border: 1px solid #DDDDDD;*/
  border-top: none;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 2px 2px #DDDDDD;
  box-shadow: 0 2px 2px #DDDDDD;
}

#sidebar>ul>li {
  border-bottom: 1px solid #DDDDDD;
  line-height: 1.5;
}

#sidebar>ul>li>a {
  display: block;
  padding: 9px 25px 8px 23px;
  font-size: 13px;
  color: #333333;
  background: url("../img/common/sidebar/sidenav_arrowB.png") no-repeat left center;
  white-space: nowrap;
}

#sidebar>ul>li.active>a,
#sidebar>ul>li>a:hover {
  color: #2864AE;
  background: #FFFFFF url("../img/common/sidebar/sidenav_arrowB_blue.png") no-repeat left center;
}

#sidebar.sidebar-case>ul>li.active>a {
  color: #4B3421;
  background-color: #fff;
}

#sidebar.sidebar-case>ul>li.active>a,
#sidebar.sidebar-case>ul>li>a:hover {
  color: #4B3421;
  background: #FFFFFF url("../img/common/sidebar/sidenav_arrowB_brown.png") no-repeat left center;
}

#sidebar ul.sul {
  list-style: none;
  display: none;
}

#sidebar ul.sul li a {
  display: block;
  padding: 9px 25px 8px 23px;
  font-size: 13px;
  color: #333333;
  background: url("../img/genre/sidenav_arrow_genre_off3.png") no-repeat left center;
}

#sidebar ul.sul li.active a,
#sidebar ul.sul li a:hover {
  color: #549B34;
  background: url("../img/genre/sidenav_arrow_genre_green3.png") no-repeat left center;
}


#sidebar dl {}

#sidebar dt {
  padding: 9px 30px 8px 30px;
  color: #333333;
  border-top: 1px dotted #CCC;
  font-size: 13px;
  position: relative;
}

#sidebar dt:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 4px;
  left: 5px;
  top: 16px;
  background-color: #595757;
}

#sidebar dd {
  border-top: 1px dotted #CCC;
}

#sidebar dd>a {
  display: block;
  padding: 9px 30px 8px 40px;
  color: #595757;
  font-size: 12px;
  background: url("../img/common/icn/arrow_right.png") no-repeat right 10px center;
}

#sidebar dd>a:hover {
  background-color: #fff;
}

#sidebar.sidebar-firm>ul {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#sidebar.sidebar-firm>ul>li {
  border-bottom-type: dotted;
}

#sidebar.sidebar-press {
  width: 220px;
}

#sidebar.sidebar-press>ul {
  padding-bottom: 0;
  /*border: 2px solid #E95512;
  border-radius: 3px;*/
}

/*#sidebar.sidebar-press>ul>li{
  border-bottom: none;
}
#sidebar.sidebar-press>ul>li+li{
  border-top: 1px solid #FFD1B4;
}
#sidebar.sidebar-press>ul>li>a{
  display: block;
  background: url("../img/common/sidebar/sidenav_arrowB_orange.png") no-repeat left center;
}
#sidebar.sidebar-press>ul>li>a:hover,
#sidebar.sidebar-press>ul>li.active>a{
  background: #E95512 url("../img/common/icn/arrow_right_white.png") no-repeat right 9px center;
  color: #FFFFFF;
}
#sidebar.sidebar-press>ul>li>ul{
  list-style: none;
}
#sidebar.sidebar-press>ul>li>ul>li{
  border-bottom: 1px solid #DDDDDD;
  line-height: 1.5;
}
#sidebar.sidebar-press>ul>li>ul>li:last-child{
  border-bottom: none;
}
#sidebar.sidebar-press>ul>li>ul>li>a{
  display: block;
  padding: 9px 25px 8px 35px;
  font-size: 13px;
  color: #333333;
  background: url("../img/common/icn/arrow_right_orange.png") no-repeat right 9px center;
}
#sidebar.sidebar-press>ul>li>ul>li>a:hover,
#sidebar.sidebar-press>ul>li>ul>li.active>a{
  background:  url("../img/common/icn/arrow_right_orange2.png") no-repeat right 7px center;
  color: #E95512;
}*/

#sidebnr_contact:hover {
  opacity: 0.8;
}


/**
 * タブ
 */
.tabnavi {
  display: block;
  width: 752px;
  height: 52px;
  margin: 15px auto 20px;
  /*background:#2063AF url("../img/common/bg/btn_grabg.png") repeat-x left bottom;*/
  border: 1px solid #DCDDDD;
  list-style: none;
  -webkit-box-shadow: 1px 1px 3px #CCCCCC;
  box-shadow: 1px 1px 3px #CCCCCC;
}

.tabnavi li {
  margin: 0;
  padding: 0;
  width: 250px;
  display: block;
  float: left;
}

.tabnavi.c4 {
  margin-bottom: 0;
  width: 762px;
}

.tabnavi.c4+.tabnavi {
  margin-top: 0;
}

.tabnavi.c4 li {
  width: 190px;
}

.tabnavi li+li {
  border-left: 1px solid #DCDDDD;
}

.tabnavi li a {
  display: block;
  text-align: center;
  line-height: 50px;
  color: #333333;
  text-decoration: none;
  background: #FFFFFF url("../img/common/icn/arrow_right.png") no-repeat right 15px center;
}

.tabnavi.c4 li a {
  text-align: left;
  padding-left: 20px;
}

.tabnavi li.active a,
.tabnavi li.active a:hover {
  background: #2063AF url("../img/common/bg/btn_grabg.png") repeat-x left bottom;
  color: #FFFFFF;
}

.tabnavi li a:hover {
  color: #2063AF;
  background: #FFFFFF url("../img/common/icn/icn_exlink_head.png") no-repeat right 15px center;
}


/**
 * リスト
 */
/* button */
.btnlist {
  border-top: 1px solid #ccc;
  margin-top: 40px;
}

.btnlist h2 {
  background-image: none;
  padding: 0px 5px 5px 0;
  border-bottom: 1px solid #025CA6;
  margin: 30px 5px 15px 5px;
}

.btnlist ul {
  list-style: none;
  padding-left: 15px;
}

.btnlist ul li {
  width: 48%;
  float: left;
  margin: 0px 1.5% 15px 0;
}

.btnlist ul li .btn span {
  font-size: 20px;
  background-position: right 10px top 20px;
}

.btnlist dl {
  width: 48%;
  float: left;
  margin: 10px 1.5% 10px 0;
}

.btnlist dd {
  padding-top: 10px;
  line-height: 1.3;
}

.btnlist dd p {
  margin-bottom: 0;
  font-size: 12px;
}

.btnlist .btn,
.btnlist .btn span {
  min-height: 45px;
  line-height: 45px;
}

.btnlist dt .btn span {
  background-position: right 15px top 23px;
  font-size: 15px;
}

.btnlist img.icn {
  position: relative;
  margin-right: 5px;
  top: -3px;
}

/**
 * POINT (/elder/index)
 */
.pointlists .point {
  padding-bottom: 40px;
}

.pointlists .point:last-child {
  padding-bottom: 0;
}

.pointlists .pointimg {
  float: left;
}

.pointlists .point .detail {
  float: right;
  width: 525px;
}

.pointlists .point .detail h4 {
  padding: 20px 0 0px;
  margin-top: 0;
  background-image: url(../img/common/line/barS.png);
  background-repeat: no-repeat;
  background-position: left top;
  color: #2964ad;
  font-size: 20px;
  line-height: 1.5em;
  font-weight: bold;
}

.pointlists .point .detail p {
  font-size: 14px;
  margin-bottom: 20px;
}

.pointlists .point .detail a.btn {
  margin: 0 50px;
}




/* QA */
dl.qalist {
  margin-top: 20px;
}

dl.qalist dt {
  padding: 11px 20px 10px 45px;
  margin-bottom: 0px;
  color: #FFFFFF;
  background: #1999D1 url("../img/genre/cate_debt/faq_q.gif") no-repeat 10px 10px;
  border-radius: 5px 5px 0 0;
  font-size: 14px;
}

dl.qalist dd {
  padding: 12px 20px 10px 45px;
  margin-bottom: 20px;
  background: #EFEFEF url("../img/genre/cate_debt/faq_a.gif") 10px 10px no-repeat;
  border-radius: 0 0 5px 5px;
}

dl.qalist dd p {
  margin-top: 0;
}

dl.qalist table {
  background: #fff;
  width: 100%;
}

dl.qalist th,
dl.qalist td {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 5px 10px;
  vertical-align: top;
}

/*Q AND A*/
dl.qanda-dl {
  margin: 0 60px;
}

dl.qanda-dl dt {
  margin: 0 0 10px 0;
  padding: 6px 0 6px 40px;
  color: #48a5cc;
  font-size: 123.1%;
  font-weight: bold;
  background: url(/img/genre/cate_divorce/dt_q.jpg) no-repeat left top;
}

dl.qanda-dl dd {
  padding: 0 0 15px 40px;
  background: url(/img/genre/cate_divorce/dd_a.jpg) no-repeat left top;
}

dl.qanda-dl dd p {
  padding: 12px;
  background: url("/img/common/bg/bg.png") repeat 0 0;
  border-radius: 5px;
}

dl.qanda-dl table {
  background: #fff;
  width: 100%;
}

dl.qanda-dl th,
dl.qanda-dl td {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 5px 10px;
  vertical-align: top;
}




/* 単語説明 */
dl.dictlist {}

dl.dictlist>dt {
  display: inline-block;
  padding: 3px 10px 1px;
  margin: 0px 0 10px;
  border-radius: 3px;
  background: #2063AF;
  color: #FFFFFF;
  font-size: 14px;
}

dl.dictlist>dd {
  padding-left: 10px;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 1.5;
  border-left: 5px solid #F0F0EE;
}

dl.dictlist>dd dl {
  padding-bottom: 10px;
}

dl.dictlist>dd dl dt {
  color: #2063AF;
  padding-top: 20px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #999999;
  font-weight: bold;
}

dl.dictlist>dd dl dd {}

dl.dictlist>dd ul {
  margin-left: 20px;
}


/**
 * Table
 */
dl.tablelist {
  width: 100%;
  padding-bottom: 3px;
}

dl.tablelist dt,
dl.tablelist dd {
  border-top: 1px solid #DCDDDD;
}

dl.tablelist dt {
  clear: both;
  width: 130px;
  float: left;
  padding: 10px 0 10px 10px;
  font-weight: bold;
}

dl.tablelist dd {
  width: 600px;
  float: left;
  padding: 10px 0;
}

dl.tablelist dd p {
  margin-top: 0;
}





/**
 * 共通エリア
 */
.c2 {}

.c2 .c1of2 {
  float: left;
  width: 48%;
}

.c2 .c2of2 {
  float: right;
  width: 48%;
}


.thumbs+.inner {
  border-top: 1px solid #D5D3CA;
}

.thumbs {
  padding-top: 10px;
  padding-bottom: 25px;
}

.thumb {
  float: left;
  width: 248px;
  background: #FFFFFF;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 3px #999999;
  box-shadow: 0 0 3px #999999;
  margin-right: 20px;
  text-align: center;
}

.thumb:last-of-type {
  margin-right: 0;
}

.thumb h4 {
  margin: 15px 0px 10px;
}

.thumb p {
  padding: 0 15px;
  text-align: left;
  line-height: 1.5;
}

.thumb img {}


div.bg {
  background-color: #f5f5f3;
  border-radius: 8px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 10px 15px 10px;
}

div.bg h4 {
  margin-top: 0;
}

div.bg dl.dictlist {
  background: #fff;
  padding: 10px;
  margin-bottom: 10px;
}

div.bg dl.dictlist dd {
  margin-bottom: 0;
}

.block {}

.block_inner {
  position: relative;
  background: url("../img/common/bg/bg2.png") repeat 0 0;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 10px;
}

.block_inner:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 6px;
  left: 0;
  top: 0;
  background-color: #2864AD;
  border-radius: 5px 5px 0 0;
}

.block_inner h4 {
  margin-top: 0px;
  margin-bottom: 10px;
  padding: 7px 5px 2px;
  color: #2565ad;
  font-weight: normal;
  font-size: 18px;
}

.block_inner h4 span {
  font-size: 14px;
}

.block_inner a>img.btn {
  position: absolute;
  right: 15px;
  top: 17px;
}

.block_inner .detail {
  padding: 0px;
  border-top: 1px solid #EEEEEE;
  /*background: #FFFFFF;*/
}

.block_inner .detail p {
  margin-top: 0;
  margin-bottom: 0;
}

.block_inner .alert {
  color: #ff4c00;
}

.block_inner .detail ul {
  list-style: none;
}

.block_inner .detail li {
  width: 170px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.block_inner .detail li img.thumbnail {
  border: 1px solid #DDDDDD;
}

.block_inner .detail table {
  width: 100%;
}

.block_inner .detail th,
.block_inner .detail td {
  background: #FFFFFF;
  padding: 15px 15px;
  border-top: 1px solid #EEEEEE;
  vertical-align: top;
  text-align: left;
  font-size: 14px;
}

.block_inner .detail th {
  font-weight: normal;
}

.block_inner .detail td {}

/**
 * グレー背景.ブルーヘッダ
 */
.baseblock {
  clear: both;
  margin: 30px 0;
  padding: 0 0;
  background: #F5F5F3;
  border-radius: 5px;
}

.baseblock h3 {
  margin: 0 0 0px;
  padding: 10px 15px;
  background: #2564AD url("../img/common/bg/gra_blue.png") repeat-x 0 0;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  border-radius: 5px 5px 0 0;
}

.baseblock .inner {
  padding: 20px 30px;
}

.baseblock h4 {
  margin: 0 0 10px;
  text-align: center;
  color: #EA542A;
  font-size: 20px;
}


/**
 * バナー
 */
#content-bnr {
  position: relative;
  display: block;
  width: 784px;
  height: 330px;
  margin: 30px auto 0 auto;
  background: url("../img/common/bnr/bnr_contact_bg.jpg") no-repeat 0 0;
}

#content-bnr.bnr2 {
  background: #fcfaf3 url("../img/common/bnr/bnr_contact_bg2.jpg") no-repeat 0 0;
  background-size: 100%;
  height: 380px;
}

#content-bnr ul {
  list-style: none;
}

#bnr_contact_tel img {
  position: absolute;
  top: 112px;
  left: 33px;
}

#bnr_contact_form img {
  position: absolute;
  top: 112px;
  right: 52px;
}

#content-bnr img:hover {
  opacity: 0.9;
}

#content-bnr.bnr2 #bnr_contact_tel img {
  top: 210px;
  left: 15px;
  width: 395px;
}

#content-bnr.bnr2 #bnr_contact_form img {
  top: 210px;
  right: 15px;
  width: 350px;
}

#content-bnr2 {
  margin: 30px 0;
  padding: 20px;
  background-color: #2864AD;
  border-radius: 5px;
}

#content-bnr2 h3 {
  margin: 0 0 20px;
  padding: 0 0 15px;
  text-align: center;
  color: #FFFFFF;
  background: none;
  font-size: 24px;
  font-weight: normal;
  border-bottom: 1px solid #FFFFFF;
}

#content-bnr2 ul {
  list-style: none;
}

#content-bnr2 ul li {
  display: inline;
  margin: 0;
  padding: 0;
}

#content-bnr2 ul li+li {
  padding-left: 8px;
}

.formbnrtel {
  padding: 5px;
  font-size: 22px;
  font-weight: bold;
  border-bottom: 1px solid #CCCCCC;
}

.formbnrtel img {
  margin-left: 30px;
  vertical-align: baseline;
}

.formbnrtel span {
  font-size: 32px;
  color: #549B34;
  margin-left: 5px;

}

.formbnr {
  width: 745px;
  margin: 10px 20px;
  border: 1px solid #DCDDDD;
  padding: 3px;
  margin-bottom: 5px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}

.formbnr a {
  display: block;
  width: auto;
  height: 120px;
  padding-left: 30px;
  padding-top: 12px;
  color: #FFFFFF;
  background-color: #2864AE;
  text-decoration: none;
  line-height: 1.6;
  border-radius: 5px;
}

.formbnr a:hover {
  opacity: 0.6;
}

.formbnr a>strong {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.3;
}

.formbnr a>strong>span {
  /*font-size: 32px;*/
/* change 220801*/
  font-size: 23px;
}



.formbnr.formbnr_rousai a {
  background: url("../img/consultation/formbnr_rousai.jpg") left top no-repeat;
}
.formbnr.formbnr_asbest2 a {
  background: url("../img/consultation/formbnr_asbest2.jpg") left top no-repeat;
}

.formbnr.formbnr_debt a {
  background: url("../img/consultation/formbnr_debt.jpg") left top no-repeat;
}

.formbnr.formbnr_accident a {
  background: url("../img/consultation/formbnr_accident.jpg") left top no-repeat;
}

.formbnr.formbnr_rikon a {
  background: url("../img/consultation/formbnr_rikon.jpg") left top no-repeat;
}

.formbnr.formbnr_elder a {
  background: url("../img/consultation/formbnr_elder.jpg") left top no-repeat;
}

.formbnr.formbnr_bgata a {
  background: #E6A400 url("../img/consultation/formbnr_bgata.jpg") left top no-repeat;
}

.formbnr.formbnr_asbest a {
  background: #c78020 url("../img/consultation/formbnr_asbest.jpg") left top no-repeat;
}

.formbnr.formbnr_kabarai a {
  background: #EB5C00 url("../img/consultation/formbnr_kabarai.jpg") left top no-repeat;
}

.formbnr.formbnr_criminal a {
  background: url("../img/consultation/formbnr_criminal.jpg") left top no-repeat;
}

.formbnr.formbnr_hoken a {
  background: url("../img/consultation/formbnr_hoken.jpg") left top no-repeat;
}

.formbnr.formbnr_loan a {
  background: url("../img/consultation/formbnr_loan.jpg") left top no-repeat;
}

.formbnr.formbnr_adviser a {
  background: url("../img/consultation/formbnr_adviser.jpg") left top no-repeat;
}

.formbnr.formbnr_setsuritsu a {
  background: url("../img/consultation/formbnr_setsuritsu.jpg") left top no-repeat;
}

.formbnr.formbnr_bankrupt a {
  background: url("../img/consultation/formbnr_bankrupt.jpg") left top no-repeat;
}

.formbnr.formbnr_labor a {
  background: url("../img/consultation/formbnr_labor.jpg") left top no-repeat;
}

.formbnr.formbnr_unpaid a {
  background: url("../img/consultation/formbnr_unpaid.jpg") left top no-repeat;
}

.formbnr.formbnr_tachinoki a {
  background: #74A50C url("../img/consultation/formbnr_tachinoki.jpg") left top no-repeat;
}

.formbnr.formbnr_seminar a {
  background: url("../img/consultation/formbnr_seminar.jpg") left top no-repeat;
}




/*---- 関連リンク ----*/
.link-bnrs {
  clear: both;
  border: 1px solid #CCCCCC;
  background: #F5F5F3;
  padding: 20px;
  margin: 20px 0 30px;
  border-radius: 10px;
  display: none;
}

.link-bnrs h3 {
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 2px;
  padding-left: 37px;
  background: url("../img/common/icn/icn_exlink_head.png") 0 0 no-repeat;
  border-bottom: 2px solid #2063AF;
}

.link-bnrs dl {
  padding: 0;
  margin-top: 15px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  background: #fff url("../img/common/bg/bg2.png") 0 0 repeat;
}

.link-bnrs dl+dl {
  margin-top: 0px;
}

.link-bnrs dl+h3 {
  margin-top: 30px;
}

.link-bnrs dl:hover {
  border-color: #2063AF;
}

.link-bnrs dl:hover,
.link-bnrs dl:hover dt,
.link-bnrs dl:hover dd {
  background: #EEFAFF;
}

.link-bnrs dt {
  width: 170px;
  float: left;
  padding: 12px 0 10px 13px;
  background: #fff;
  border-radius: 5px 0 0 5px;
}

.link-bnrs dt img {
  width: 144px;
  height: auto;
}

.link-bnrs dd {
  float: left;
  width: 540px;
  padding: 10px 15px 5px;
  line-height: 1.7;
}

.link-bnrs dd a {
  display: block;
  margin-bottom: 0px;
  padding-left: 20px;
  padding-top: 0;
  padding-bottom: 0px;
  background: url("../img/common/icn/arrow_blue.png") 0 4px no-repeat;
  text-decoration: none;
  font-size: 16px;
  color: #2063AF;
}


/*--------------------------------------------------------------------------------------------------------------*/
/* formエリア共通 */
/*------------------------------------------*/
.formArea {
  margin: 30px;
}

.formArea table {
  border: none;
  margin: 2px 0 10px 12px;
  width: 100%;
  font-size: 12px;
}

.formArea th {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  padding: 10px 0 10px 8px;
  width: 161px;
}

.formArea td {
  vertical-align: top;
  padding: 10px 0;
}

.formArea td span.pT1 {
  display: block;
  padding-top: 1em;
}

/*--青い点線のあるテ－ブル--*/
.formTb01 th {
  background-image: url(../../img/line_form1.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
}

.formTb01 td {
  background-image: url(../../img/line_form1.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
}

/*--青い点線のないテ－ブル--*/
.formTb02 {
  background-image: url(../../img/line_form1.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
  padding-bottom: 8px;
}

.formTb02 th {
  padding: 0 0 4px 8px;
}

.formTb02 td {
  padding: 0 0 4px;
}

/*--※メールが届かない場合--*/
.formTb01 .ak td {
  background-image: none;
  font-size: 90%;
}

/*--内容を確認--*/
.formArea ul {
  list-style: none;
  width: 612px;
  text-align: center;
}

.formArea ul li {
  display: inline;
}

/*--赤で囲んだボックス--*/
.formArea .akaBox2 {
  margin: 20px 0 20px;
  clear: both;
}

.formArea .akaBox1 {
  clear: both;
  padding: 25px;
  margin: 20px 0 20px;
  border: 1px #e82222 solid;
  border-radius: 5px;
}

.formArea dt {
  color: #e82222;
  font-size: 120%;
  font-weight: bold;
}

.formArea .akaBox1 dd {}

.formArea .akaBox2 dd {
  padding: 0 24px 0 39px;
}

.formArea dd ol {
  padding-left: 25px;
}

.formArea dd li {
  padding: 5px 0;
}

.formArea dd li+li {
  border-top: 1px dotted #CCC;
}

.formArea .akaBox2 p {
  padding-top: 0;
}

/*--べリサイン--*/
.secureArea {
  padding-top: 20px;
}

/*--新フォームへのボタン--*/
.formArea .formbtn {
  width: 642px;
  height: 72px;
  margin: 20px 0 50px 10px;
}



/**
 * Page: common
 * 共通
 */
p.catename {
  margin: 0px 0 3px;
  padding: 8px 28px 6px;
  font: bold;
  font-size: 22px;
  line-height: 1.5;
  color: #2063AF;
  background: url("../img/common/icn/icn_category.png") no-repeat left center;
}

p.catename a {
  color: #2063AF;
  text-decoration: none;
}

p.catename a:hover {
  opacity: 0.7;
}








/**
 * スタッフカルーセル
 */
#common_lawyers {
  margin: 10px 30px;
  padding: 5px 20px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  background: url("../img/common/bg/bg.png") repeat 0 0;
}

#common_lawyers li {
  float: left;
  margin-right: 5px;
}

#common_lawyers li img {
  width: 70px;
  height: auto;
  line-height: 0;
}

#common_lawyers .lawyer_cate {
  font-size: 10px;
  line-height: 1.5;
  padding-top: 3px;
}

#common_lawyers p {
  margin: 0;
}

#common_lawyers dl {
  line-height: 1.5;
}

#common_lawyers dl a {
  text-decoration: none;
  color: #333333;
}

#common_lawyers dt {
  font-size: 13px;
  margin: 0;
}

#common_lawyers dd {}

#common_lawyers dd.lawyer_kana {
  font-size: 9px;
  color: #999999;
}

#common_lawyers {
  position: relative;
}

#common_lawyers .custom-navigation {}

#common_lawyers .custom-navigation a {
  position: absolute;
  height: 100%;
  width: 15px;
  background: #00539b;
  color: #FFF;
  font-size: 9px;
  text-align: center;
  margin: 0;
  z-index: 10;
  color: #FFF;
  text-decoration: none;
  display: block;
  top: 0;
}

#common_lawyers .custom-navigation span {
  margin-top: 70px;
  display: block;
}

#common_lawyers .custom-navigation .flex-prev {
  z-index: 100;
  left: 0;
  border-radius: 5px 0 0 5px;
}

#common_lawyers .custom-navigation .flex-next {
  z-index: 100;
  right: 0;
  border-radius: 0 5px 5px 0;
}



/* 過払いLPブロック */
.otameshi {
  margin: -0px 0px 30px 0px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  background: #fff;
  border-radius: 5px;
  padding: 5px;
}

@media (max-width: 640px) {
  .otameshi {
    padding: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
  }

}

.otameshi .soudan {
  padding: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFAC8), to(#FFF6A8));
  background: linear-gradient(top, #FFFAC8, #FFF6A8);
  -pie-background: linear-gradient(#FFFAC8 0%, #FFF6A8 100%);
  border-radius: 5px;
  margin-bottom: 1px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

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

.oldie .otameshi .soudan {
  zoom: 1;
}


.otameshi .soudan h2 {
  text-align: center;
  background: #fff;
  border-radius: 25px;
  margin-top: 0;
  margin-bottom: 12px;
  -webkit-box-shadow: 0px 0px 6px rgba(240, 220, 93, 0.9);
  box-shadow: 0px 0px 6px rgba(240, 220, 93, 0.9);
  width: 100%;
}

.otameshi .soudan .lead {
  text-align: center;
  margin-bottom: 10px;
  font-size: 120%;
  width: 100%;
}

.otameshi .soudan .item {
  /* float: left; */
  position: relative;
  width: 32%;
  margin-right: 2%;
  /*margin-left:10px;*/
  min-height: 163px;
}

.otameshi .soudan .item:last-of-type {
  margin-right: 0;
  /* float: right; */
}

.otameshi .soudan .item img {
  max-width: 100%;
  height: auto;
}

.otameshi .soudan .item .button {
  position: relative;
  margin-top: 10px;
  text-align: right;
}


@media (max-width: 640px) {
  .otameshi .soudan {
    padding: 5px;
  }

  .otameshi .soudan .item {
    float: none;
    width: 90%;
    margin: 0 auto 25px auto;
  }

  .otameshi .soudan .item+.item {
    border-top: 2px solid #FFFFFF;
    padding-top: 15px;
  }

  .otameshi .soudan .item:last-of-type {
    float: none;
    margin: 0 auto 25px auto;
  }

  .otameshi .soudan .item .button {
    margin-top: 0px;
  }
}


/* kabarai */
.otameshi .kabarai {
  margin: 15px 10px 10px;
  text-align: center;
}

.otameshi .kabarai img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 640px) {}




/* リマーケティングタグ */
iframe[name="google_conversion_frame"] {
  position: absolute;
  top: 0;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

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

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

#maincontent.pp ul {
  list-style-type: none;
  margin-top: 10px;
  margin-bottom: 1em;
}

#maincontent.pp ul.num-list li {
  position: relative;
  padding-left: 4em;
  margin-bottom: 5px;
}

#maincontent.pp ul.num-list li .num {
  position: absolute;
  left: 0em;
}

#maincontent.pp ul.num-list li ul {
  margin-top: 5px;
}

#maincontent.pp ul.num-list li li {
  padding-left: 2em;
}


.movs {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.movs iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  max-width: 560px;
  max-height: 315px;
}

@media only screen and (max-width: 640px) {
  .movs {
    margin: 20px 0;
  }
}

#sidebar h3.h3b {
  display: none;
}

#sidebar ul.ul2 {
  display: none;
}

#sidebar .hm04a {
  display: none;
}

#sidebar>p {
  display: none;
}

#sidebar .hm04a ul {
  margin: 0 0 0 20px;
  list-style: none;
  text-align: center;
}

#sidebar .hm04a ul img {
  width: 100%;
  height: auto;
}

#sidebar .hm04a ul li {
  margin-top: 5px;
  font-size: 11px;
  line-height: 1.3;
  text-align: center;
}

#sidebar .hm04a ul a {
  color: #333;
  text-decoration: underline;
}

#sidebar .hm04a ul a:hover {
  background: none !important;
}



.contact_txt {
  font-size: 16px;
  margin: 10px 20px;
}

.contact_txt.accident {
  color: #247a86;
}

.contact_txt.debt {
  color: #205ca8;
}

.contact_txt.bgata {
  color: #e2a12d;
}

.contact_txt.kabarai {
  color: #e55a21;
}

.contact_txt.divorce {
  color: #17959c;
}

.contact_txt.elder {
  color: #98a824;
}

.contact_txt.fubarai {
  color: #d80f21;
}

.contact_txt.criminal {
  color: #bc3314;
}

.contact_txt.unpaid {
  color: #1ba933;
}

.contact_txt.adviser {
  color: #7958de;
}

.contact_txt.kaisya {
  color: #3042ac;
}

.contact_txt.bankrupt {
  color: #326dad;
}

.contact_txt.tachinoki {
  color: #77a32c;
}

.contact_txt.asbestos {
  color: #cc7f26;
}


/* .sidr */
.sidr .sidr-inner p.sidr-class-p1 {
  margin: 0;
}

.sidr .sidr-inner p.sidr-class-p2 {
  margin: 0;
}

.sidr .sidr-inner p.sidr-class-p2 a {
  display: block;
  margin: 5px 10px;
  padding: 5px;
  text-align: center;
  background: #1e5ea2;
  color: #fff;
  text-decoration: none;
  border-radius: 20px;
}

.sidr .sidr-inner ul.sidr-class-inner {
  display: none;
}

.sidr .sidr-inner span.sidr-class-inbn {
  background-image: url(../img/common/icn/nav_plus.png);
  background-repeat: no-repeat;
  background-position: 95% center;
}

.sidr .sidr-inner span.sidr-class-inbn.act {
  background-image: url(../img/common/icn/nav_minus.png);
}

@media (max-width: 760px) {
  .sidr-class-sp_none {
    display: none !important;
  }
}


.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}




/*2020.03.23*/
/*共通エレメント*/

.common_contact {
  clear: both;
  margin: 40px 0 0;
  padding: 15px 20px 15px;
  background: #0070C5;
  background-size: 100% auto;
  border-radius: 7px;
  color: #FFFFFF;
}

.common_contact_left {
  width: 61%;
  float: left;
}

.common_contact_right {
  width: 35%;
  float: right;
}

.common_contact_left.type2 {
  width: 55%;
  float: left;
  padding-top: 10px;
}

.common_contact_right.type2 {
  width: 43%;
  float: right;
  padding-top: 10px;
}

.common_contact_left h4 {
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.8rem;
  line-height: 1.3 !important;
  margin-top: 0;
  color: #fff !important;
  text-align: left !important;
}

/*
#maincontent .common_contact_left h4{
text-align: center;
background-color: #003EA1 !important;
color: #FFFFFF !important;
padding: 7px !important;
margin: 5px 0 10px;
font-size: 18px;
border: none !important;
}
#maincontent .common_contact h4+p{
padding: 0px 10px;
font-size: 16px;
}
*/
.common_contact ul.common_contact_icons {
  text-align: center;
  list-style: none;
  padding-bottom: 5px;
}

.common_contact ul.common_contact_icons li {
  display: inline-block;
  margin-left: 1%;
  width: 22.5%;
}

.common_contact ul.common_contact_icons li img {
  width: auto;
  max-width: 100%;
}

.common_contact_link {
  position: relative;
  background: #015DB6;
  margin-top: -35px;
}

.common_contact_link a {
  color: #FFFFFF;
  display: block;
  padding: 3px;
  text-align: center;
}

.common_contact_tel {
  background: #348DD0;
  color: #FFFFFF;
  border: 2px solid #0065B1;
}

.common_contact_tel p {
  padding: 6px 15px;
  margin: 0;
  border-bottom: 1px solid #0065B1;
}

.common_contact_tel p:last-of-type {
  border-bottom: none;
  color: #fff;
  font-size: 12px;
}

.common_contact_tel p img {
  max-width: 100%;
  margin-top: 10px;
}

.common_contact_tel p span {
  display: inline-block;
  margin-right: 10px;
  padding: 3px 7px;
  font-size: 12px;
  background-color: #2679C5;
  color: #fff;
}

.common_contact_right h4 {
  text-align: center;
  background-color: #005CB6 !important;
  color: #FFFFFF !important;
  padding: 5px !important;
  margin: 0 0 10px !important;
  font-size: 12px !important;
  border: none !important;
}

.common_contact ul.common_contact_links {
  list-style: none;
}

.common_contact ul.common_contact_links li {
  margin-bottom: 5px;
}

.common_contact ul.common_contact_links li a {
  padding-left: 5px;
  padding-right: 5px;
}

.common_contact ul.common_contact_links li a span {}

.common_contact .aC {
  color: #fff;
}

.common_contact ul.common_contact_links li {
  margin-bottom: 5px;
}

/* 共通 */
.common_contact .btn {
  position: relative;
  display: inline-block;
  background: #288DC0;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  /*padding: 5px 50px;*/
  padding: 5px 30px;
  border-radius: 100px;
}

.common_contact .btn.btn-lg {
  padding: 10px 50px;

}

.common_contact .btn.btn-block {
  display: block;
}

.common_contact .btn.btn-white {
  background: #FFFFFF;
  color: #288DC0;
}

.common_contact .btn span,
span.arrowicon {
  position: relative;
  display: inline-block;
  padding-left: 25px;
}

.common_contact .btn span:before,
.common_contact .btn span:after,
span.arrowicon:before,
span.arrowicon:after {
  position: absolute;
  content: "";
}

.common_contact .btn span:before,
span.arrowicon:before {
  width: 16px;
  height: 16px;
  left: 0;
  top: 6px;
  background: #FFFFFF;
  border-radius: 100px;
  z-index: 0;
}

.common_contact .btn span:after,
span.arrowicon:after {
  left: 5px;
  top: 10px;
  border-style: solid;
  border-width: 4px 6px;
  border-color: transparent transparent transparent #2C8FDA;
  z-index: 1;
}

span.arrowicon:after {
  border-color: transparent transparent transparent #FB8333 !important;
}

.common_contact .btn.btn-white span:before {
  background-color: #2C8FDA;
}

.common_contact .btn.btn-white span:after {
  border-color: transparent transparent transparent #FFFFFF;
}

.common_contact .btn.btn-orange span:after,
.common_contact .btn.btn-orange span.arrowicon:after {
  border-color: transparent transparent transparent #FB8333 !important;
}

.common_contact .btn[target=_blank] span:before {
  width: 15px;
  height: 13px;
  left: 0;
  top: 7px;
  background: transparent;
  border-radius: 0px;
  border-left: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}

.common_contact .btn[target=_blank] span:after {
  width: 15px;
  height: 13px;
  left: 5px;
  top: 3px;
  border: 2px solid #FFFFFF;
  z-index: 1;
}


.common_contact .btn.btn-white[target=_blank] span:before {
  border-left: 2px solid #2C8FDA;
  border-bottom: 2px solid #2C8FDA;
}

.common_contact .btn.btn-white[target=_blank] span:after {
  border: 2px solid #2C8FDA;
}

.common_contact .btn:hover {
  opacity: 0.8;
}

.common_contact .btn span {
  padding: 5px 0 5px 25px;
  font-size: 12px;
  background: none;
  text-shadow: none;
  white-space: nowrap;
}

@media only screen and (min-width: 641px) {
  .pc_none {
    display: none !important;
  }
}

@media only screen and (max-width: 640px) {
  .common_contact {
    margin: 30px 0;
    padding: 10px 10px 65px;
  }

  .common_contact_left {
    width: 100%;
    float: none;
  }

  .common_contact_right {
    width: 100%;
    float: none;
  }

  .common_contact_left.type2 {
    width: 100%;
    float: none;
    padding-top: 0px;
  }

  .common_contact_right.type2 {
    width: 100%;
    float: none;
    padding-top: 0px;
  }

  #maincontent .common_contact_left h4 {
    font-size: 5.5vw;
    line-height: 1.5;
    text-align: center;
  }

  #maincontent .common_contact h4+p {
    padding: 0px 5px;
    font-size: 14px;
    line-height: 1.5;
  }

  #maincontent .common_contact h4+p br {
    display: none;
  }

  .common_contact ul.common_contact_icons {}

  .common_contact ul.common_contact_icons li {}

  .common_contact ul.common_contact_icons li img {
    height: auto;
    width: auto;
  }

  .common_contact_link {
    margin-top: 0px;
    font-size: 12px;
  }

  .common_contact_tel {
    margin-bottom: 20px;
  }

  .common_contact_tel p {}

  .common_contact_tel p:last-of-type {}

  .common_contact_tel p img {}

  .common_contact_tel p span.note_tapcall {
    text-align: center;
  }

  #maincontent .common_contact_right h4 {}

  .common_contact ul.common_contact_links {}

  .common_contact ul.common_contact_links li {}

  .common_contact ul.common_contact_links li a {}

  .common_contact ul.common_contact_links li a span {}

  div.pc_none,
  p.pc_none,
  br.pc_none,
  span.pc_none,
  img.pc_none {
    display: block !important;
  }

  .note_tapcall {
    margin-top: 5px;
  }

}


.freeConsultationBnr {
  width: 460px;
  position: fixed;
  bottom: 20px;
  left: 50%;
  /*-webkit-transform: translate(-50%, 0);*/
  /*transform: translate(-50%, 0);*/
  z-index: 5;
/*  2023-04-06 override -200 to -156 */
  transform: translate(-156%, 0);
}

.freeConsultationBnr img {
  max-width: 100%;
}

@media only screen and (max-width: 640px) {
  .freeConsultationBnr {
    width: 180px;
    bottom: 60px;
  }
}

@media print {
  .freeConsultationBnr {
    display: none;
  }
}


.recruitDl {}

.recruitDl>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.recruitDl>div dt {
  width: 9em;
}

.recruitDl>div dd {
  width: calc(100% - 9em);
}

@media only screen and (max-width: 640px) {
  .recruitDl>div {
    display: block;
  }

  .recruitDl>div:nth-of-type(n+2) {
    margin-top: 15px;
  }

  .recruitDl>div dt {
    width: 100%;
  }

  .recruitDl>div dd {
    width: 100%;
    font-size: 13px;
  }
}


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

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


.timebnr{
  text-align: center;
  display: none;
  & img{
      max-width: 100%;
  }
}