@charset "UTF-8";
/* CSS Document */
/* contents---------------
	 1.Reset
	 2.Base
	 3.Layout
	 4.Common
	 5.Page
	 6.Script
		------------ */
/*----------------------------------------------------------
	reset
--------------------------------------------------------- */
@import url("icon.css");
body, dl, dt, dd, ul, li, h1, h2, h3, h4, form, p, th, td, input, textarea, select {
  margin: 0px;
  padding: 0px; }

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  font-weight: normal; }

img {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top; }

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

/*----------------------------------------------------------
	Base
--------------------------------------------------------- */
body {
  font-size: 0.8rem;
  color: #333333;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  /*font-family: "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo,sans-serifsans-serif;*/
  src: local("Yu Gothic Medium");
  font-weight: 400;
  margin: 0 auto; }

/*	@media screen and (max-width: 850px){
		*{-webkit-text-size-adjust: 100%;}
		}*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-break: normal; }

.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

@media screen and (max-width: 850px) {
  * {
    word-break: normal; } }

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

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

.clear {
  clear: both; }

p {
  line-height: 1.6; }

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a:link {
  color: #0075c2;
  font-style: normal;
  text-decoration: underline; }

a:visited {
  color: #0075c2; }

a:hover {
  text-decoration: none; }

a:active {
  text-decoration: none; }

a img:hover {
  opacity: 0.7; }

strong {
  font-weight: bold; }

small {
  font-size: 85%;
  line-height: 1.1; }

.cl1 {
  color: #0075c2; }

blockquote {
  padding: 2px 0 2px 1em;
  border-left: 7px #C0D9FE solid;
  margin: 10px 0; }

.spDisp {
  display: none; }

@media screen and (max-width: 850px) {
  .spDisp {
    display: block; }
  .pcDisp {
    display: none; }
  br.sp {
    display: block; }
  br.pc {
    display: none; } }

@media screen and (min-width: 851px) {
  a[href^="tel:"] {
    pointer-events: none; }
  br.sp {
    display: none; }
  br.pc {
    display: block; } }

/*----------------------------------------------------------
	Layout
--------------------------------------------------------- */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  z-index: -10; }

.sitewidth {
  position: relative;
  /*overflow: hidden;*/
  max-width: 960px;
  margin: 0 auto; }

/*
.layout2clm{
	@include flex; margin-top:15px;
	.layout_main{
		flex:1;
	}
	.layout_side{
		width:319px; padding-left:29px;
	}
}*/
@media screen and (max-width: 1079px) {
  .sitewidth {
    padding: 0 2%; } }

@media screen and (max-width: 850px) {
  #wrapper {
    display: block; }
    #wrapper header {
      width: 100%; }
    #wrapper .mainArea {
      width: auto; }
  a:hover, a:active {
    opacity: 0.7; }
  .sitewidth {
    padding: 0 2%; }
  /*.layout2clm{display:block;
	.layout_main,.layout_side{
		width:100%; padding:3% 2%; margin-top:5vh;
	}
}*/ }

/* sp */
@media screen and (orientation: landscape) {
  body #page {
    -webkit-text-size-adjust: 100%; } }

/* Header
----------------------------------------------- */
header {
  overflow: visible !important; }
  header .sitewidth {
    margin: 16px auto 26px;
    position: relative; }
    header .sitewidth .siteid {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      align-items: center; }
      header .sitewidth .siteid h1 img {
        width: 135px; }
      header .sitewidth .siteid .slogan {
        font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
        color: #0073BF;
        line-height: 1.1;
        padding-left: 14px; }
        header .sitewidth .siteid .slogan span.main {
          font-weight: 800;
          font-size: 0.85rem;
          display: block;
          margin-bottom: 0.5em; }
        header .sitewidth .siteid .slogan span.text {
          font-size: 0.75rem; }
    header .sitewidth .headinfo {
      position: absolute;
      right: 0;
      top: 0;
      text-align: right;
      font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif; }
      header .sitewidth .headinfo div {
        color: #0075c2; }
        header .sitewidth .headinfo div span {
          margin-right: 0.5em; }
        header .sitewidth .headinfo div span:last-child {
          margin-right: 0; }
        header .sitewidth .headinfo div span:before {
          font-family: 'basicicon';
          content: "\e94e";
          position: relative;
          top: 0.1em; }
        header .sitewidth .headinfo div a {
          color: #0073BF;
          font-size: 0.8rem;
          font-weight: 500; }
      header .sitewidth .headinfo ul.member {
        margin-top: 10px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
        /*font-family: "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo,sans-serifsans-serif;*/
        src: local("Yu Gothic Medium");
        font-weight: 400;
        justify-content: flex-end;
        font-size: 0.8rem;
        font-weight: bold; }
        header .sitewidth .headinfo ul.member span.now {
          display: block;
          padding: 0.7em 1.8em 0.6em;
          line-height: 1; }
        header .sitewidth .headinfo ul.member .status {
          border: 1px solid #0075c2;
          color: #0075c2; }
          header .sitewidth .headinfo ul.member .status a {
            text-decoration: none; }
        header .sitewidth .headinfo ul.member .logout {
          background: #0075c2; }
          header .sitewidth .headinfo ul.member .logout a {
            display: block;
            padding: 0.7em 1.8em 0.6em;
            line-height: 1;
            color: #FFF;
            text-decoration: none; }
          header .sitewidth .headinfo ul.member .logout a:before {
            font-family: 'basicicon';
            content: "\ea68";
            margin-right: 0.5em;
            font-weight: normal; }
        header .sitewidth .headinfo ul.member .admin {
          background: #f39800; }
          header .sitewidth .headinfo ul.member .admin a:before {
            font-family: 'basicicon';
            content: "\ea67";
            margin-right: 0.5em;
            font-weight: normal; }
  header .gnav .visitor {
    background: #0075c2; }
    header .gnav .visitor ul {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      max-width: 960px;
      margin: auto;
      margin: 0 auto;
      padding: 0; }
      header .gnav .visitor ul li {
        flex: 2;
        text-align: center;
        line-height: 1;
        text-align: center;
        position: relative; }
        header .gnav .visitor ul li a {
          color: #FFF;
          background: #0075c2;
          display: block;
          padding: 19px 0;
          text-decoration: none;
          font-weight: bold;
          transition: .3s;
          font-size: 0.92rem; }
        header .gnav .visitor ul li a:hover {
          background: #f39800; }
        header .gnav .visitor ul li ul.child {
          position: absolute;
          top: 100%;
          display: block;
          width: 100%;
          z-index: 10;
          visibility: hidden;
          opacity: 0;
          transition: .2s ease-in-out; }
          header .gnav .visitor ul li ul.child li {
            background: #0075c2; }
            header .gnav .visitor ul li ul.child li a {
              padding: 14px 0;
              font-weight: normal; }
      header .gnav .visitor ul li:hover > ul.child {
        visibility: visible;
        opacity: 1; }
      header .gnav .visitor ul li.home {
        flex: 1; }
        header .gnav .visitor ul li.home a {
          background: #fff;
          color: #0075c2;
          font-size: 12px;
          font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
          font-weight: normal;
          position: relative;
          padding: 20px 10px 20px 32px;
          line-height: 1.05; }
          header .gnav .visitor ul li.home a:before {
            font-family: 'basicicon';
            content: "\ea66";
            font-size: 200%;
            position: absolute;
            top: 25%;
            left: 10px;
            margin-right: 0.2em; }
        header .gnav .visitor ul li.home a:hover {
          background: #E1F5FF; }
  header .gnav .member {
    background: #1860B1;
    border-top: 1px solid #fff; }
    header .gnav .member ul {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      max-width: 960px;
      margin: auto;
      margin: 0 auto;
      padding: 0;
      justify-content: center; }
      header .gnav .member ul li {
        flex: 1;
        text-align: center; }
        header .gnav .member ul li a {
          color: #FFF;
          background: #1860B1;
          display: block;
          padding: 17px 0.5rem;
          text-decoration: none;
          font-weight: bold;
          transition: .3s;
          font-size: 0.92rem; }
        header .gnav .member ul li a:hover {
          background: #f39800; }

@media screen and (max-width: 850px) {
  header .sitewidth {
    margin: 15px auto 20px; }
    header .sitewidth .siteid h1 img {
      max-width: 60vw;
      width: auto; }
    header .sitewidth .siteid .slogan {
      display: none; }
    header .sitewidth .headinfo {
      position: static;
      text-align: center; }
      header .sitewidth .headinfo ul.member {
        display: none;
        font-size: 0.7rem;
        margin: 15px auto; }
        header .sitewidth .headinfo ul.member a, header .sitewidth .headinfo ul.member span.now {
          display: block;
          padding: 0.7em 1em 0.6em;
          line-height: 1; }
    header .sitewidth .spDisp.status {
      text-align: right;
      border: 1px solid #0075c2;
      color: #0075c2;
      display: inline;
      padding: 0.3em;
      line-height: 1;
      float: right;
      margin: 6px 0; }
      header .sitewidth .spDisp.status a {
        text-decoration: none; }
      header .sitewidth .spDisp.status:before {
        content: none; }
  header .gnav .visitor a, header .gnav .member a, header .gnav .tool a {
    color: #FFF;
    background: #0075c2;
    display: block;
    padding: 19px 0;
    text-decoration: none;
    font-weight: bold;
    transition: .3s;
    font-size: 0.92rem; }
  header .gnav .visitor a:hover, header .gnav .member a:hover, header .gnav .tool a:hover {
    background: #f39800; }
  header .gnav .visitor ul {
    display: block;
    padding: 0; }
    header .gnav .visitor ul li {
      width: 100%;
      text-align: left;
      border-bottom: 1px dashed #CAEAFF; }
      header .gnav .visitor ul li a {
        padding: 1.5em 1em;
        font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
        font-weight: 400;
        transition: none; }
      header .gnav .visitor ul li ul.child {
        visibility: visible;
        position: static;
        opacity: 1; }
        header .gnav .visitor ul li ul.child li {
          border-bottom: none; }
          header .gnav .visitor ul li ul.child li a {
            padding: 1em 1em; }
          header .gnav .visitor ul li ul.child li a:before {
            font-family: 'basicicon';
            content: "\73";
            color: #fff;
            margin-right: 0.3em; }
    header .gnav .visitor ul li:last-child {
      border-bottom: 0; }
    header .gnav .visitor ul li.home {
      width: 100%; }
      header .gnav .visitor ul li.home a {
        background: #0075c2;
        color: #fff;
        padding: 1.5em 1em;
        font-size: 0.92rem; }
        header .gnav .visitor ul li.home a:before {
          position: relative;
          font-size: 110%;
          left: 0; }
      header .gnav .visitor ul li.home a:hover {
        background: #f39800; }
  header .gnav .member ul {
    display: block;
    padding: 0; }
    header .gnav .member ul li {
      border-bottom: 1px dashed #CAEAFF; }
    header .gnav .member ul li:last-child {
      border-bottom: 0; }
  header .gnav .tool ul.tool {
    border-top: 4px double #fff;
    background: #5C5C5C;
    padding: 0;
    margin: 0; }
    header .gnav .tool ul.tool li {
      border-bottom: 1px dashed #CAEAFF; }
    header .gnav .tool ul.tool li:last-child {
      border-bottom: 0; }
    header .gnav .tool ul.tool li a {
      display: block;
      font-size: 0.92rem;
      padding: 1.5em 1em;
      font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
      font-weight: 400;
      color: #FFF;
      text-decoration: none;
      background: #5C5C5C; }
    header .gnav .tool ul.tool .access a:before {
      font-family: 'basicicon';
      content: "\e8b9";
      margin-right: 0.3em; }
    header .gnav .tool ul.tool .lang a:before {
      font-family: 'basicicon';
      content: "\e80b";
      margin-right: 0.3em; } }

@media screen and (max-width: 850px) and (orientation: landscape) {
  header .gnav .visitor ul li a, header .gnav .member ul li a, header .gnav .tool ul li a {
    -webkit-text-size-adjust: 100%; } }

@media screen and (max-width: 850px) {
  header .logout a:before {
    font-family: 'basicicon';
    content: "\ea68";
    margin-right: 0.5em;
    font-weight: normal; } }

/* sp */
/* navi下段 */
.gNavLower {
  background: #1860B1;
  border-top: 1px solid #fff; }
  .gNavLower a {
    color: #FFF;
    background: #1860B1;
    display: block;
    padding: 17px 1rem;
    text-decoration: none;
    font-weight: bold;
    transition: .3s;
    font-size: 0.92rem; }
  .gNavLower a:hover {
    background: #f39800; }
  .gNavLower table {
    max-width: 960px;
    margin: auto;
    border-collapse: collapse;
    border-spacing: 0px; }
    .gNavLower table tbody {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      border-collapse: collapse;
      border-spacing: 0px;
      /*td.menu{flex:1;}*/ }
      .gNavLower table tbody tr {
        flex: 1;
        display: block; }
        .gNavLower table tbody tr td.menu {
          text-align: center;
          display: block; }
        .gNavLower table tbody tr a {
          display: block; }
      .gNavLower table tbody td.nodisp {
        display: none; }
  @media screen and (max-width: 850px) {
    .gNavLower a {
      color: #FFF;
      background: #1860B1;
      display: block;
      transition: .3s;
      font-size: 0.92rem; }
    .gNavLower a:hover {
      background: #f39800;
      color: #FFF;
      opacity: 1 !important; }
    .gNavLower table {
      max-width: none; }
      .gNavLower table tbody {
        flex-wrap: wrap; }
        .gNavLower table tbody tr {
          width: 50%;
          display: block;
          flex: none;
          max-width: 50%; }
        .gNavLower table tbody td {
          text-align: center;
          display: block; } }

/* Contents
----------------------------------------------- */
#wrapper {
  padding-bottom: 50px; }

#contents {
  /*	ul{padding: 0;}
	ol{padding:0;}*/ }

/* Footer
----------------------------------------------- */
footer {
  margin-top: 50px; }
  footer .pagetop {
    text-align: right; }
    footer .pagetop a {
      display: inline-block;
      background: #0075c2;
      color: #fff;
      text-decoration: none;
      padding: 0.6em 1.5em;
      font-size: 0.75rem;
      font-weight: bold;
      transition: .3s; }
    footer .pagetop a:hover {
      opacity: 0.7; }
  footer .copyright {
    color: #fff;
    text-align: center;
    font-size: 0.6rem;
    padding: 2em 0; }
  footer .footArea {
    background: #0075c2;
    padding-top: 6px; }
    footer .footArea .bnrArea {
      background: #E3ECFB;
      padding: 10px 0 13px; }
      footer .footArea .bnrArea ul {
        max-width: 960px;
        margin: auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        margin: 0 auto;
        padding: 0; }
        footer .footArea .bnrArea ul li {
          width: 25%;
          paddign: 0 1%; }
    footer .footArea .inner {
      color: #fff;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      padding: 4vh 0 7vh;
      justify-content: flex-end;
      font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
      font-weight: 200; }
      footer .footArea .inner .info {
        margin-right: auto;
        flex: 1; }
        footer .footArea .inner .info dl dt {
          font-size: 1.2rem;
          font-weight: 500;
          margin-bottom: 0.4em; }
        footer .footArea .inner .info dl dd {
          font-size: 1rem;
          font-weight: 200; }
        footer .footArea .inner .info dl dd.address {
          margin-bottom: 0.3em; }
      footer .footArea .inner .nav a {
        color: #fff; }
      footer .footArea .inner .nav nav {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex; }
        footer .footArea .inner .nav nav ul {
          padding: 0 2em; }
          footer .footArea .inner .nav nav ul li {
            font-size: 0.82rem;
            padding: 0.5em 0; }
          footer .footArea .inner .nav nav ul li:before {
            font-family: 'basicicon';
            content: "\73";
            margin-right: 0.3em; }

@media screen and (max-width: 850px) {
  footer .pagetop {
    text-align: center; }
  footer .footArea .bnrArea ul {
    width: 96%;
    margin: 0 auto;
    flex-wrap: wrap;
    padding: 0; }
    footer .footArea .bnrArea ul li {
      width: 50%;
      padding: 1.5% 1%; }
  footer .footArea .inner {
    padding: 3vh 3%;
    display: block; }
    footer .footArea .inner .info {
      text-align: left;
      border-bottom: 1px solid #fff;
      padding-bottom: 2vh;
      margin-bottom: 2vh; }
      footer .footArea .inner .info dl dt {
        font-size: 1rem; }
      footer .footArea .inner .info dl dd {
        font-size: 0.9rem; }
    footer .footArea .inner .nav nav {
      display: block; }
      footer .footArea .inner .nav nav ul {
        padding: 0;
        margin: 0; } }

/* sp */
/*----------------------------------------------------------
	Page
--------------------------------------------------------- */
/*  common
----------------------------------------------- */
.breadcrumbs {
  font-size: 0.8rem;
  margin: 1em auto 1.5em; }
  .breadcrumbs ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex; }
    .breadcrumbs ul li::after {
      font-family: 'basicicon';
      content: "\73";
      margin: 0 0.2em 0;
      color: #0075c2;
      position: relative;
      top: 0.15em; }
  .breadcrumbs .now {
    width: 15em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .breadcrumbs:after {
    font-family: 'basicicon';
    content: "\e9aa";
    margin-left: 0.2em;
    color: #0075c2;
    position: relative;
    top: 0.1em; }
  @media screen and (max-width: 850px) {
    .breadcrumbs {
      display: none; } }

p em {
  color: #1860B1;
  font-weight: bold;
  font-style: normal; }

.em1 {
  color: #1860B1;
  border-bottom: 1px dotted #f39800; }

.page_cont .box1 {
  margin: 20px auto;
  font-size: 1rem;
  text-align: center;
  color: #0075c2;
  background: #E3ECFB;
  padding: 3%;
  line-height: 1.8;
  font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  font-weight: 300; }
  .page_cont .box1 p {
    margin-bottom: 0 !important;
    font-size: 1rem; }

/*  headline
----------------------------------------------- */
h2.arrow-b {
  color: #585858;
  font-weight: bold;
  font-size: 1.1rem;
  border: 1px solid #0075c2;
  border-bottom: 2px solid #1860B1;
  padding: 0.6em 1em 0.55em; }
  h2.arrow-b:before {
    font-family: 'basicicon';
    content: "\e602";
    color: #0075c2;
    font-weight: normal;
    margin-right: 0.4em; }

h2.border {
  position: relative;
  color: #4a4a4a;
  font-size: 1.23rem;
  font-weight: bold;
  text-align: center;
  padding: 0.5em 0;
  margin: 0.5em 0; }
  h2.border::after {
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    content: "";
    width: 35px;
    height: 4px;
    background: #0075c2; }

h3.border-lr {
  color: #1860B1;
  font-weight: bold;
  font-size: 1rem; }
  h3.border-lr:before {
    font-family: 'basicicon';
    content: "\e619";
    color: #0075c2;
    font-weight: normal;
    margin-right: 0.3em; }
  h3.border-lr:after {
    font-family: 'basicicon';
    content: "\e619";
    color: #0075c2;
    font-weight: normal;
    margin-left: 0.3em; }

.main_h1title {
  background: #e2f4ff;
  padding: 0.8em 3% 1.1em;
  margin-bottom: 15px;
  font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  color: #1860B1; }
  .main_h1title .pbTitleBlock {
    padding-left: 1em;
    text-indent: -1em; }
  .main_h1title .pbTitleBlock:before {
    font-family: 'basicicon';
    content: "\e892";
    margin-right: 0.5em;
    font-size: 70%;
    font-weight: normal;
    position: relative;
    top: -0.2em; }
  @media screen and (max-width: 850px) {
    .main_h1title {
      font-size: 1.4rem; } }

.page_cont h1.subtitle, .single_cont .postEditor h1.subtitle {
  font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  font-weight: 500;
  color: #0075c2;
  font-size: 1.4rem;
  margin: 0.4em auto 0.6em; }

.page_cont h2:first-child, .single_cont .postEditor h2:first-child {
  margin-top: 0; }

.page_cont h2, .single_cont .postEditor h2 {
  position: relative;
  color: #4a4a4a;
  font-size: 1.35rem;
  font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  padding: 0.4em 0.7em;
  margin: 0.7em 0;
  border-left: 6px #0075c2 solid; }

.page_cont h3, .single_cont .postEditor h3 {
  font-size: 1.23rem;
  font-weight: 500;
  font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  padding: 0.5em;
  border-top: 4px double #ccc;
  margin: 0.7em 0; }
  .page_cont h3:before, .single_cont .postEditor h3:before {
    font-family: 'basicicon';
    content: "\e908";
    margin-right: 0.5em;
    color: #0075c2;
    position: relative;
    top: 0.1em; }

.page_cont h4, .single_cont .postEditor h4 {
  font-size: 1.15rem;
  background: #eee;
  padding: 0.4em 0.8em;
  font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  font-weight: 400;
  margin: 0.7em 0; }

.page_cont h5, .single_cont .postEditor h5 {
  font-size: 1rem;
  font-weight: bold;
  color: #404040;
  padding: 0.7em 0 0.7em 1.35rem;
  text-indent: -1.35rem;
  margin: 0.7em 0; }
  .page_cont h5:before, .single_cont .postEditor h5:before {
    font-family: 'basicicon';
    content: "\7a";
    margin-right: 0.25em;
    position: relative;
    top: 0em;
    color: #0075c2; }

.page_cont h6, .single_cont .postEditor h6 {
  font-size: 0.9rem;
  font-weight: bold;
  color: #0075c2;
  margin: 0.5em 0; }

.page_cont p, .single_cont .postEditor p {
  margin-bottom: 1em;
  font-size: 0.9rem; }

.page_cont em, .single_cont .postEditor em {
  color: #D0362E; }

.page_cont strong, .single_cont .postEditor strong {
  font-weight: bold; }

.page_cont ul, .page_cont ol, .single_cont .postEditor ul, .single_cont .postEditor ol {
  font-size: 0.9rem;
  line-height: 1.6; }

.page_cont ul, .single_cont .postEditor ul {
  padding: 0;
  margin: 0.5em 0; }
  .page_cont ul li, .single_cont .postEditor ul li {
    padding-left: 1em;
    text-indent: -1em;
    margin: 0.3em 0; }
  .page_cont ul li:before, .single_cont .postEditor ul li:before {
    font-family: 'basicicon';
    content: "\e625";
    color: #0075c2; }

.page_cont ol, .single_cont .postEditor ol {
  padding-left: 1.5em; }

.page_cont hr, .single_cont .postEditor hr {
  border-top: 1px dashed #bbb;
  margin: 10px auto; }

.page_cont .cbox, .single_cont .postEditor .cbox {
  overflow: hidden;
  height: auto; }
  .page_cont .cbox:after, .single_cont .postEditor .cbox:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both; }
  .page_cont .cbox .imgL, .page_cont .cbox .imgR, .single_cont .postEditor .cbox .imgL, .single_cont .postEditor .cbox .imgR {
    margin-bottom: 10px;
    width: 50%; }
  .page_cont .cbox .imgL, .single_cont .postEditor .cbox .imgL {
    float: left;
    margin-right: 2% !important; }
  .page_cont .cbox .imgR, .single_cont .postEditor .cbox .imgR {
    float: right;
    margin-left: 2% !important; }
  .page_cont .cbox p, .single_cont .postEditor .cbox p {
    overflow: auto;
    height: auto; }
  @media screen and (max-width: 850px) {
    .page_cont .cbox .imgL, .page_cont .cbox imgR, .single_cont .postEditor .cbox .imgL, .single_cont .postEditor .cbox imgR {
      width: 80%;
      float: none;
      text-align: center;
      margin: 0 auto 10px !important; } }

@media screen and (max-width: 850px) {
  .page_cont h2, .single_cont .postEditor h2 {
    font-size: 1.2rem; }
  .page_cont h3, .single_cont .postEditor h3 {
    font-size: 1.1rem; }
  .page_cont h4, .single_cont .postEditor h4 {
    font-size: 1rem; }
  .page_cont h5, .single_cont .postEditor h5 {
    font-size: 0.9rem; }
  .page_cont h6, .single_cont .postEditor h6 {
    font-size: 0.9rem; } }

/*  icon
----------------------------------------------- */
.mk-mp3:before {
  font-family: 'basicicon';
  content: "\6d";
  font-size: 26px;
  color: #2c8eb2;
  margin-right: 0.2em;
  position: relative;
  top: 0.2em; }

.mk-doc:before {
  font-family: 'basicicon';
  content: "\64";
  font-size: 26px;
  color: #4c90ff;
  margin-right: 0.2em;
  position: relative;
  top: 0.2em; }

.mk-xls:before {
  font-family: 'basicicon';
  content: "\78";
  font-size: 26px;
  color: #84dd3b;
  margin-right: 0.2em;
  position: relative;
  top: 0.2em; }

.mk-pdf:before {
  font-family: 'basicicon';
  content: "\70";
  font-size: 26px;
  color: #f25454;
  margin-right: 0.2em;
  position: relative;
  top: 0.2em; }

.mk-ppt:before {
  font-family: 'basicicon';
  content: "\74";
  font-size: 26px;
  color: #ffa544;
  margin-right: 0.2em;
  position: relative;
  top: 0.2em; }

.mk-img:before {
  font-family: 'basicicon';
  content: "\6a";
  font-size: 26px;
  color: #d078ed;
  margin-right: 0.2em;
  position: relative;
  top: 0.2em; }

.mk-etc:before {
  font-family: 'basicicon';
  content: "\65";
  font-size: 26px;
  color: #7a7a7a;
  margin-right: 0.2em;
  position: relative;
  top: 0.2em; }

.mk-popup:before {
  font-family: 'basicicon';
  content: "\24";
  margin-right: 0.2em;
  position: relative;
  top: 0.1em;
  color: #0075c2; }

.mk-up:before {
  font-family: 'basicicon';
  content: "\e94f";
  margin-right: 0.2em;
  position: relative;
  top: 0.1em;
  color: #0075c2; }

.mk-down:before {
  font-family: 'basicicon';
  content: "\e94c";
  margin-right: 0.2em;
  position: relative;
  top: 0.1em;
  color: #0075c2; }

.mk-next:before {
  font-family: 'basicicon';
  content: "\e94e";
  margin-right: 0.2em;
  position: relative;
  top: 0.1em;
  color: #0075c2; }

.mk-prev:before {
  font-family: 'basicicon';
  content: "\e94d";
  margin-right: 0.2em;
  position: relative;
  top: 0.1em;
  color: #0075c2; }

/*  post archive
----------------------------------------------- */
.frameBox {
  border-left: 1px solid #0075c2;
  border-right: 1px solid #0075c2;
  border-bottom: 1px solid #0075c2;
  height: 500px;
  overflow: auto; }

.type_archive ul.yearNav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 20px;
  padding: 0; }
  .type_archive ul.yearNav li {
    flex: 1;
    list-style-type: none;
    padding-left: 0 !important;
    text-indent: 0 !important;
    margin: 0 !important;
    text-align: center; }
    .type_archive ul.yearNav li::before {
      content: none !important; }
    .type_archive ul.yearNav li a {
      display: block;
      border: 1px solid #0075c2;
      padding: 0.5em;
      border-right: 0;
      transition: .3s; }
    .type_archive ul.yearNav li a:hover {
      background: #d6ebff; }
  .type_archive ul.yearNav li:last-child a {
    border-right: 1px solid #0075c2; }

.newsList .post {
  padding: 1em;
  border-bottom: 1px solid #CDCDCD;
  font-size: 0.85rem; }
  .newsList .post span.date {
    font-size: 0.8rem;
    margin-right: 0.8em; }
  .newsList .post span.cat {
    font-size: 0.75rem;
    font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
    font-weight: 600;
    margin-right: 1em; }
    .newsList .post span.cat span {
      color: #0075c2; }
  .newsList .post span.title {
    display: block;
    font-size: 1rem; }
  .newsList .post .excerpt {
    margin: 8px auto 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex; }
    .newsList .post .excerpt .thumb {
      max-width: 220px;
      margin-right: 15px; }
      .newsList .post .excerpt .thumb img {
        max-width: 220px; }
      .newsList .post .excerpt .thumb .caption {
        font-size: 0.8rem;
        color: #7C7C7C; }
    .newsList .post .excerpt .text {
      flex: 1;
      word-break: break-all; }

.newsList.trip > .pbNested > .pbNestedWrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: 2vh; }
  .newsList.trip > .pbNested > .pbNestedWrapper .post {
    padding: 0.5em 1em;
    border: 1px solid #CDCDCD;
    font-size: 0.85rem;
    width: 49%;
    position: relative;
    border-radius: 5px;
    margin-bottom: 10px; }
    .newsList.trip > .pbNested > .pbNestedWrapper .post .date {
      font-size: 0.7rem;
      margin-right: 0;
      text-align: right; }
    .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip {
      font-size: 0.75rem;
      font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
      font-weight: 600;
      position: absolute;
      left: 0;
      top: 0;
      padding: 0.3em 0.5em; }
      .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.hokkaido {
        color: #3494d8; }
        .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.hokkaido:before {
          content: "● 北海道"; }
      .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.tohoku {
        color: #0eb2a9; }
        .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.tohoku:before {
          content: "● 東北"; }
      .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.kantou_shinetsu {
        color: #079933; }
        .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.kantou_shinetsu:before {
          content: "● 関東・信越"; }
      .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.hokuriku {
        color: #8c4ec9; }
        .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.hokuriku:before {
          content: "● 北陸"; }
      .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.tokai {
        color: #7ca500; }
        .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.tokai:before {
          content: "● 東海"; }
      .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.kinki {
        color: #bcba00; }
        .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.kinki:before {
          content: "● 近畿"; }
      .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.chugoku {
        color: #f78b16; }
        .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.chugoku:before {
          content: "● 中国"; }
      .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.shikoku {
        color: #e5276a; }
        .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.shikoku:before {
          content: "● 四国"; }
      .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.kyushu {
        color: #d11717; }
        .newsList.trip > .pbNested > .pbNestedWrapper .post span.trip.kyushu:before {
          content: "● 九州"; }
    .newsList.trip > .pbNested > .pbNestedWrapper .post .title {
      display: block;
      font-size: 0.9rem;
      margin-top: 1.4em; }
    .newsList.trip > .pbNested > .pbNestedWrapper .post .excerpt {
      margin: 8px auto 0;
      display: block; }
      .newsList.trip > .pbNested > .pbNestedWrapper .post .excerpt .thumb {
        max-width: 220px;
        margin: 0 auto 10px; }
        .newsList.trip > .pbNested > .pbNestedWrapper .post .excerpt .thumb img {
          max-width: 220px;
          margin: auto; }
      .newsList.trip > .pbNested > .pbNestedWrapper .post .excerpt .text {
        font-size: 0.8rem; }
  .newsList.trip > .pbNested > .pbNestedWrapper .post:nth-child(even) {
    margin-left: 1%; }
  .newsList.trip > .pbNested > .pbNestedWrapper .post:nth-child(odd) {
    margin-right: 1%; }
  @media screen and (max-width: 850px) {
    .newsList.trip > .pbNested > .pbNestedWrapper .post .excerpt .thumb {
      max-width: 100%; }
      .newsList.trip > .pbNested > .pbNestedWrapper .post .excerpt .thumb img {
        max-width: 100%; }
    .newsList.trip > .pbNested > .pbNestedWrapper .post .excerpt .text {
      display: none; } }

.post.legal span.cat {
  color: #0075c2; }
  .post.legal span.cat.katei:before {
    content: "家庭問題"; }
  .post.legal span.cat.fudosan:before {
    content: "不動産取引"; }
  .post.legal span.cat.tsuhan:before {
    content: "通信販売等"; }
  .post.legal span.cat.songai:before {
    content: "損害賠償"; }
  .post.legal span.cat.kinsen:before {
    content: "金銭貸借"; }
  .post.legal span.cat.other:before {
    content: "その他"; }

@media screen and (max-width: 850px) {
  .newsList .post span.title {
    display: block;
    margin-top: 0.4em; }
  .newsList .post .excerpt {
    display: block !important; }
    .newsList .post .excerpt .thumb {
      max-width: none;
      margin-right: 0;
      margin-bottom: 10px;
      text-align: center; }
      .newsList .post .excerpt .thumb img {
        max-height: 300px; }
      .newsList .post .excerpt .thumb .caption {
        display: block; } }

/* sp */
/*  single
----------------------------------------------- */
/* topics */
.titleArea {
  background: #CAEAFF;
  padding: 13px 3%;
  margin-bottom: 15px; }
  .titleArea .branch {
    font-size: 0.75rem;
    color: #0075c2;
    font-weight: bold;
    margin-bottom: 0.5em; }
  .titleArea h2 {
    font-size: 1.3rem;
    border-bottom: 1px solid #FFF;
    padding-bottom: 0.4em; }
  .titleArea .pbNestedWrapper .pbTitleBlock:last-child {
    border-top: 1px solid #FFF;
    margin-top: 2px;
    text-align: right;
    padding-top: 1em; }

.single_cont .postDetail .imglist {
  margin-bottom: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: stretch;
  padding: 0; }
  .single_cont .postDetail .imglist li {
    flex: 1;
    padding: 0 1% 0 0;
    list-style-type: none; }
    .single_cont .postDetail .imglist li img {
      max-height: 300px; }
  .single_cont .postDetail .imglist li:last-child {
    padding-right: 0; }

.single_cont .postDetail .fleximg {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 20px; }
  .single_cont .postDetail .fleximg img {
    width: 205px;
    height: auto;
    margin: 0 5px; }

.single_cont .postDetail .attachmentList {
  border-top: 2px dashed #f2f2f2;
  padding: 15px;
  word-wrap: break-word;
  margin-top: 20px; }
  .single_cont .postDetail .attachmentList div {
    font-size: 0.9rem;
    margin: 0.8em 0; }
    .single_cont .postDetail .attachmentList div a:before {
      content: "・";
      margin-right: 0.2em;
      position: relative;
      top: 0.2em;
      display: inline-block; }
    .single_cont .postDetail .attachmentList div a:after {
      font-family: 'basicicon';
      content: "\65";
      font-size: 26px;
      color: #7a7a7a;
      margin-left: 0.2em;
      position: relative;
      top: 0.2em;
      display: inline-block; }
    .single_cont .postDetail .attachmentList div a[href$=".pdf"]:after {
      font-family: 'basicicon';
      content: "\70";
      font-size: 26px;
      color: #f25454;
      margin-left: 0.2em;
      position: relative;
      top: 0.2em; }
    .single_cont .postDetail .attachmentList div a[href$=".doc"]:after, .single_cont .postDetail .attachmentList div a[href$=".docx"]:after {
      font-family: 'basicicon';
      content: "\64";
      font-size: 26px;
      color: #4c90ff;
      margin-left: 0.2em;
      position: relative;
      top: 0.2em; }
    .single_cont .postDetail .attachmentList div a[href$=".xls"]:after, .single_cont .postDetail .attachmentList div a[href$=".xlsx"]:after {
      font-family: 'basicicon';
      content: "\78";
      font-size: 26px;
      color: #84dd3b;
      margin-left: 0.2em;
      position: relative;
      top: 0.2em; }
    .single_cont .postDetail .attachmentList div a[href$=".ppt"]:after, .single_cont .postDetail .attachmentList div a[href$=".pptx"]:after {
      font-family: 'basicicon';
      content: "\74";
      font-size: 26px;
      color: #ffa544;
      margin-left: 0.2em;
      position: relative;
      top: 0.2em; }
    .single_cont .postDetail .attachmentList div a[href$=".png"]:after, .single_cont .postDetail .attachmentList div a[href$=".jpg"]:after, .single_cont .postDetail .attachmentList div a[href$=".gif"]:after {
      font-family: 'basicicon';
      content: "\6a";
      font-size: 26px;
      color: #d078ed;
      margin-left: 0.2em;
      position: relative;
      top: 0.2em; }

@media screen and (max-width: 850px) {
  .single_cont .postDetail {
    padding: 0 4%; }
    .single_cont .postDetail .photoArea ul.imglist {
      display: block; }
      .single_cont .postDetail .photoArea ul.imglist li {
        margin: 0 auto 10px;
        width: 80%;
        text-align: center; }
        .single_cont .postDetail .photoArea ul.imglist li img {
          max-height: 40vh; }
    .single_cont .postDetail .photoArea .fleximg {
      display: block;
      margin-bottom: 20px;
      text-align: center; }
      .single_cont .postDetail .photoArea .fleximg img {
        max-width: 80%;
        max-height: 40vh;
        margin-bottom: 6px;
        width: auto;
        height: auto; } }

/*  page
----------------------------------------------- */
.ggmap {
  position: relative;
  padding-bottom: 40%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-top: 30px; }

.ggmap iframe,
.ggmapr object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px; }

/*----------------------------------------------------------
	Common
--------------------------------------------------------- */
a.btn {
  transition: .3s; }

a.btn:hover {
  opacity: 0.8; }

.basicBtn a {
  display: inline-block;
  background: #0075c2;
  text-decoration: none;
  color: #FFF;
  font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  font-weight: 500;
  padding: 0.8em 1.8em;
  border-radius: 5px;
  font-size: 120%; }

/*  list
----------------------------------------------- */
ol {
  margin: 0;
  padding-left: 22px; }

ol li {
  list-style: decimal;
  margin: 0.5em 0px;
  line-height: 1.6; }

ul.normal li, ul.border li, ul.arrow li, ul.dot li, ul.record li, ul.notice li, ul.notice-red li {
  margin: 0.3em 0; }

ul.normal li:before {
  font-family: 'basicicon';
  content: "\e625";
  color: #0075c2; }

ul.border li:before {
  font-family: 'basicicon';
  content: "\71";
  color: #0075c2; }

ul.arrow li:before {
  font-family: 'basicicon';
  content: "\73";
  color: #0075c2; }

ul.dot li:before {
  font-family: 'basicicon';
  content: "\e625";
  color: #f39800; }

ul.record li:before {
  font-family: 'basicicon';
  content: "\e620"; }

ul.notice-red li {
  color: #CC0000; }

ul.notice li:before, ul.notice-red li:before {
  font-family: 'basicicon';
  content: "\31";
  font-size: 90%;
  margin-right: 0.5em;
  position: relative;
  top: 1px; }

ul.indent {
  padding-left: 0;
  margin-left: 0; }

ul.indent li {
  margin: 10px 0;
  padding-left: 1em;
  text-indent: -1em; }

ol.paren {
  counter-reset: item; }
  ol.paren li {
    padding-left: 1.5em;
    text-indent: -1.5em;
    list-style-type: none; }
  ol.paren li:before {
    content: "(" counters(item, "-") ")";
    counter-increment: item;
    margin-right: 0.5em; }

ol.maru {
  counter-reset: my-counter;
  list-style: none;
  padding: 0; }
  ol.maru li {
    list-style: none;
    margin-bottom: 0.8em;
    padding-left: 35px;
    position: relative; }
  ol.maru li:before {
    font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
    font-weight: 500;
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #0075c2;
    color: #FFF;
    display: block;
    float: left;
    line-height: 30px;
    margin-left: -35px;
    text-align: center;
    height: 30px;
    width: 30px;
    border-radius: 50%; }

ul.check li {
  margin: 0.7em 0; }

ul.check li:before {
  font-family: 'basicicon';
  content: "\e946";
  color: #0075c2;
  font-size: 150%;
  margin-right: 0.3em;
  position: relative;
  top: 0.1em; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }

/*  table
----------------------------------------------- */
table.data {
  margin: 10px 0;
  border: 1px solid #999;
  border-collapse: collapse;
  border: 1px solid #999;
  word-break: break-all; }

table.data th {
  padding: 5px 8px;
  color: #333;
  background: #254676;
  border-bottom: solid 1px #999;
  border-top: none;
  border-right: solid 1px #999;
  border-left: solid 1px #999;
  font-size: 105%;
  text-align: center;
  color: #FFF;
  font-weight: 300; }

table.data th.h2 {
  background: #C8D0E5;
  font-weight: 300;
  color: #4A4A4A; }

table.data td.h1 {
  text-align: center !important; }

table.data td {
  word-break: break-all;
  padding: 10px 8px;
  border-bottom: solid 1px #999;
  border-top: none;
  border-right: solid 1px #999;
  border-left: none; }

/*
@media screen and (max-width: 850px){
table.data{width:100%; border-bottom:none;}
table.data td,table.data th{width:100%;display:block;text-align:left;}
table.data th{border:none;padding:8px;}
table.data td{border-right:none;padding-bottom:1.3em;}
table.data table.layout td,table.data table.layout th{width:auto;display:inline-table;}
table.data table.layout.line tr{border-bottom:$keycolor;}
}
*/
@media screen and (max-width: 850px) {
  table.data.sp {
    font-size: 13px;
    letter-spacing: -1px; }
  table.data.sp th {
    font-size: 12px; } }

/* 表 (レイアウト用) */
table.layout {
  border: none;
  thpadding: 0;
  border: none; }
  table.layout td {
    padding: 0 5px;
    border: none; }

/*  box
----------------------------------------------- */
.box {
  background: #eee;
  padding: 15px 20px;
  margin: 0.7em 0px; }

.textclm2 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start; }
  .textclm2 .clm {
    padding: 0 2.5% 0 0;
    width: 50%; }
  .textclm2 .clm:nth-child(even) {
    padding: 0 0 0 2.5%; }

@media screen and (max-width: 850px) {
  .textclm2 {
    display: initial; }
    .textclm2 .clm {
      padding: 0; }
    .textclm2 .clm:nth-child(even) {
      padding: 0; } }

/* sp */
.clearBox:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

.clearBox {
  overflow: hidden;
  height: auto; }
  .clearBox .img-l, .clearBox .img-r {
    margin-bottom: 10px; }
  .clearBox .img-l {
    float: left;
    margin-right: 3vw !important; }
  .clearBox .img-r {
    float: right;
    margin-left: 3vw !important; }
  .clearBox .hidden {
    height: auto; }
  .clearBox .auto {
    overflow: auto;
    height: auto; }

.imgBlockT {
  align-items: flex-start; }

.imgBlockB {
  align-items: baseline; }

.imgBlockC {
  align-items: center; }

.imgBlockB, .imgBlockC, .imgBlockT {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-content: space-between; }
  .imgBlockB .img-l, .imgBlockC .img-l, .imgBlockT .img-l {
    margin-right: 2vw; }
  .imgBlockB .img-r, .imgBlockC .img-r, .imgBlockT .img-r {
    margin-left: 2vw; }

.w10vw {
  max-width: 10vw; }
  .w10vw + .text {
    width: 76vw; }

.w20vw {
  max-width: 20vw; }
  .w20vw + .text {
    width: 66vw; }

.w30vw {
  max-width: 30vw; }
  .w30vw + .text {
    width: 56vw; }

.w40vw {
  max-width: 40vw; }
  .w40vw + .text {
    width: 46vw; }

.w50vw {
  max-width: 50vw; }
  .w50vw + .text {
    width: 36vw; }

.w60vw {
  max-width: 60vw; }
  .w60vw + .text {
    width: 26vw; }

.w70vw {
  max-width: 70vw; }
  .w70vw + .text {
    width: 16vw; }

.w80vw {
  max-width: 80vw; }
  .w80vw + .text {
    width: 6vw; }

.clm2, .clm3 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  .clm2 span.caption, .clm3 span.caption {
    display: block;
    margin: 0.5em 0;
    padding-left: 1.2em;
    text-indent: -1.2em; }
    .clm2 span.caption:before, .clm3 span.caption:before {
      font-family: 'basicicon';
      content: "\77";
      margin-right: 0.2em; }
  .clm2 .sp1, .clm3 .sp1 {
    padding: 1vw; }
  .clm2 .sp2, .clm3 .sp2 {
    padding: 2vw; }

.clm2 .clm {
  width: 50%;
  justify-content: space-between; }

.clm3 .clm {
  width: 33%;
  justify-content: space-between; }

@media screen and (max-width: 850px) {
  .imgBlockB, .imgBlockC, .imgBlockT {
    display: block; }
    .imgBlockB .img-l, .imgBlockB .img-r, .imgBlockC .img-l, .imgBlockC .img-r, .imgBlockT .img-l, .imgBlockT .img-r {
      margin: 15px auto; }
    .imgBlockB .text, .imgBlockC .text, .imgBlockT .text {
      width: 100%; }
    .imgBlockB .w10vw, .imgBlockB .w20vw, .imgBlockB .w30vw, .imgBlockB .w40vw, .imgBlockB .w50vw, .imgBlockC .w10vw, .imgBlockC .w20vw, .imgBlockC .w30vw, .imgBlockC .w40vw, .imgBlockC .w50vw, .imgBlockT .w10vw, .imgBlockT .w20vw, .imgBlockT .w30vw, .imgBlockT .w40vw, .imgBlockT .w50vw {
      max-width: 60%; }
    .imgBlockB .w60vw, .imgBlockB .w70vw, .imgBlockB .w80vw, .imgBlockC .w60vw, .imgBlockC .w70vw, .imgBlockC .w80vw, .imgBlockT .w60vw, .imgBlockT .w70vw, .imgBlockT .w80vw {
      max-width: 100%; }
  div.clearBox .img-l, div.clearBox .img-r {
    float: none;
    text-align: center;
    margin: 10px auto !important; }
  div.clearBox .auto {
    overflow: inherit; }
  div.clearBox .hidden {
    text-align: left; }
  /*.clm2,.clm3{display:block;}
.clm2 .clm,
.clm3 .clm{
	width:100% !important;
}*/ }

/* sp */
/*  Arrangement
----------------------------------------------- */
.align-r {
  text-align: right; }

.align-c {
  text-align: center; }

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

.valign-t {
  vertical-align: top; }

/*  Margin
----------------------------------------------- */
*.sp-v0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

*.sp-v5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

*.sp-v10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

*.sp-v15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

*.sp-v20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

*.sp-v25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important; }

*.sp-v30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

*.sp-v40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

*.sp-v50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important; }

*.sp-t0 {
  margin-top: 0px !important; }

*.sp-t5 {
  margin-top: 5px !important; }

*.sp-t10 {
  margin-top: 10px !important; }

*.sp-t15 {
  margin-top: 15px !important; }

*.sp-t20 {
  margin-top: 20px !important; }

*.sp-t25 {
  margin-top: 25px !important; }

*.sp-t30 {
  margin-top: 30px !important; }

*.sp-t40 {
  margin-top: 40px !important; }

*.sp-t50 {
  margin-top: 50px !important; }

*.sp-b0 {
  margin-bottom: 0px !important; }

*.sp-b5 {
  margin-bottom: 5px !important; }

*.sp-b10 {
  margin-bottom: 10px !important; }

*.sp-b15 {
  margin-bottom: 15px !important; }

*.sp-b20 {
  margin-bottom: 20px !important; }

*.sp-b25 {
  margin-bottom: 25px !important; }

*.sp-b30 {
  margin-bottom: 30px !important; }

*.sp-b40 {
  margin-bottom: 40px !important; }

*.sp-b50 {
  margin-bottom: 50px !important; }

*.w10per {
  width: 10%; }

*.w20per {
  width: 20%; }

*.w30per {
  width: 30%; }

*.w40per {
  width: 40%; }

*.w50per {
  width: 50%; }

*.w60per {
  width: 60%; }

*.w70per {
  width: 70%; }

*.w80per {
  width: 80%; }

*.w90per {
  width: 90%; }

*.w100per {
  width: 100%; }

@media screen and (min-width: 849px) {
  *.w100 {
    max-width: 100px; }
  *.w130 {
    max-width: 130px; }
  *.w150 {
    max-width: 150px; }
  *.w200 {
    max-width: 200px; }
  *.w250 {
    max-width: 250px; }
  *.w300 {
    max-width: 300px; }
  *.w350 {
    max-width: 350px; }
  *.w400 {
    max-width: 400px; }
  *.w500 {
    max-width: 500px; }
  *.w600 {
    max-width: 600px; } }

@media screen and (max-width: 850px) {
  *.w100 {
    max-width: 40%; }
  *.w130 {
    max-width: 40%; }
  *.w150 {
    max-width: 50%; }
  *.w200 {
    max-width: 60%; }
  *.w250 {
    max-width: 80%; }
  *.w300 {
    max-width: 80%; }
  *.w350 {
    max-width: 80%; }
  *.w400 {
    max-width: 90%; }
  *.w500 {
    max-width: 90%; }
  *.w600 {
    max-width: 90%; } }

*.pd-lr5 {
  padding-right: 5px;
  padding-left: 5px; }

*.pd-lr10 {
  padding-right: 10px;
  padding-left: 10px; }

*.pd-lr15 {
  padding-right: 15px;
  padding-left: 15px; }

*.pd-lr20 {
  padding-right: 20px;
  padding-left: 20px; }

.indent {
  margin-left: 1em; }

/*  hr
----------------------------------------------- */
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0; }

hr.type2 {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #fff; }

hr.type3 {
  border-top: 4px double #bbb; }

/*  form
----------------------------------------------- */
.pbCornerQueryLabelRequired {
  /* 必須マーク */
  color: #DB1414;
  border: 1px solid #DB1414;
  padding: 0.2em 0.3em;
  font-size: 0.7rem;
  margin: 0 0.2em;
  display: inline-block;
  line-height: 1;
  border-radius: 3px; }

.formBox table td {
  padding: 10px 0; }
  .formBox table td table td div input[type="radio"], .formBox table td table td div input[type="radio"] + label {
    margin-bottom: 15px; }
  .formBox table td table td div:last-child input[type="radio"], .formBox table td table td div:last-child input[type="radio"] + label {
    margin-bottom: 0; }

.formBox table td.pbLabel {
  font-weight: bold; }

.formBox table td.pbLabel:before {
  font-family: 'basicicon';
  content: "\e60f";
  color: #0075c2;
  font-weight: normal; }

.formBox table td.error {
  border: 1px solid #e24931 !important;
  padding: 15px;
  color: #e24931; }
  .formBox table td.error:before {
    content: "※ご確認ください";
    font-weight: bold;
    border-bottom: 1px solid #e24931;
    margin-bottom: 0.5em;
    display: inline-block; }
  .formBox table td.error .pbErrorMsg:before {
    font-family: 'basicicon';
    content: "\e622";
    color: #f39800;
    margin-right: 0.3em; }

.formBox table td.btn {
  text-align: center;
  border-bottom: none; }

.formBox table.confirm {
  width: 100%; }
  .formBox table.confirm td {
    padding: 1em 0; }
  .formBox table.confirm td.btn_submit {
    border-bottom: none !important;
    text-align: center; }
    .formBox table.confirm td.btn_submit input.pbQueryOk {
      margin-right: 10px; }
    .formBox table.confirm td.btn_submit input.pbQueryCancel {
      background: #A0A0A0; }
  .formBox table.confirm td.cmt_check {
    text-align: center;
    padding: 1.3em 0; }
  .formBox table.confirm td.pbLabel {
    width: 30%; }
  .formBox table.confirm td.pbData {
    width: 70%;
    word-break: break-all; }

@media screen and (max-width: 850px) {
  .formBox table th, .formBox table td {
    display: block; }
  .formBox table td, .formBox table td.pbLabel, .formBox table td.pbData {
    width: 100% !important; }
  .formBox table td table td {
    padding: 0; } }

#inquiry .formBox table td {
  border-bottom: 1px solid #eee; }

#inquiry .formBox table td.btn {
  text-align: center;
  border-bottom: none; }

#inquiry .formBox table .c-name {
  /*input{width:40%;}*/ }

#inquiry .formBox table .c-type table td div, #inquiry .formBox table .c-member table td div {
  margin-bottom: 5px; }

#inquiry .formBox table .c-type table td div:last-child, #inquiry .formBox table .c-member table td div:last-child {
  margin-bottom: 0; }

#inquiry .formBox table .c-mail div {
  margin-top: 10px; }

select, textarea,
input[type="text"], input[type="email"], input[type="tel"], input[type="password"] {
  border: #0075c2 1px solid;
  background: #FFF;
  color: #333;
  padding: 10px 6px;
  width: 100%; }

textarea.pbInputForm {
  border: #0075c2 1px solid;
  background: #FFF;
  color: #333;
  padding: 10px 6px;
  width: 100%;
  height: 10em; }

input[type="radio"]:checked + label {
  background: linear-gradient(transparent 60%, #fff0ad 60%); }

input[type="button"], input[type="submit"] {
  background: #0075c2;
  color: #FFF;
  padding: 0.8em 1em;
  line-height: 1;
  border: none;
  font-size: 1.1rem;
  font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  border-bottom: #8b8b8b 2px solid;
  border-radius: 4px; }

input[type="button"]:hover,
input[type="submit"]:hover {
  border-bottom: none;
  position: relative;
  margin-top: 2px;
  opacity: 0.9; }

.form {
  padding: 3%;
  background: #FFF; }
  .form span.required:after {
    font-family: 'basicicon';
    content: "\e600";
    color: #F57E7E;
    font-size: 120%;
    margin-left: 5px;
    position: relative;
    top: 2px; }
  .form dl {
    margin-bottom: 1em; }
    .form dl dt {
      margin-bottom: 0.5em; }
    .form dl dt:before {
      font-family: 'basicicon';
      content: "\e60f";
      color: #f39800;
      margin-right: 0.3em; }
  .form .btnArea {
    margin: 15px auto;
    text-align: center; }
  .form .half {
    width: 60%; }

@media screen and (max-width: 850px) {
  input, select {
    width: 100%;
    font-size: 120%;
    padding: 5px; }
  input:focus, input:hover {
    background: #CAEAFF; }
  /*input{-webkit-appearance: button;}*/
  input[type="radio"], input[type="checkbox"] {
    width: auto; }
  input[type="submit"], input[type="button"] {
    -webkit-appearance: none;
    border-radius: 5px; } }

form.sent dl,
form.sent .btnArea,
form.sent .sentnodisp {
  display: none !important; }

body.thanks div.wpcf7-mail-sent-ok {
  background: #eee;
  padding: 20px;
  border: none; }

form div.wpcf7-response-output {
  background: #FFF;
  padding: 0.8em; }

form span.wpcf7-not-valid-tip:before {
  font-family: 'basicicon';
  content: "\e623";
  margin-right: 0.2em; }

/*----------------------------------------------------------
	Script
--------------------------------------------------------- */
/* page animation */
.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s; }

/*----------------------------------------------------------
	Font
--------------------------------------------------------- */
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/notosans/NotoSansCJKjp-Thin.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/notosans/NotoSansCJKjp-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-Thin.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-Thin.ttf") format("truetype");
  /* Safari, Android, iOS */ }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/notosans/NotoSansCJKjp-Light.eot");
  src: url("../fonts/notosans/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-Light.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/notosans/NotoSansCJKjp-DemiLight.eot");
  src: url("../fonts/notosans/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-DemiLight.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-DemiLight.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/notosans/NotoSansCJKjp-Regular.eot");
  src: url("../fonts/notosans/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/notosans/NotoSansCJKjp-Medium.eot");
  src: url("../fonts/notosans/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-Medium.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/notosans/NotoSansCJKjp-Bold.eot");
  src: url("../fonts/notosans/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/notosans/NotoSansCJKjp-Black.eot");
  src: url("../fonts/notosans/NotoSansCJKjp-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-Black.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-Black.ttf") format("truetype"); }

/*  iconfont
----------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon-"]:after, [class*=" icon-"]:after {
  font-family: 'basicicon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.3;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  margin-right: 3px;
  font-size: 120%; }

[class^="icon-"]:after, [class*=" icon-"]:after {
  margin-left: 3px;
  font-size: 120%; }

[class^="icon-fl_"]:before, [class*=" icon-fl_"]:before,
[class^="icon-fl_"]:after, [class*=" icon-fl_"]:after {
  font-size: 160%;
  vertical-align: middle; }

/*----------------------------------------------------------
  Script
--------------------------------------------------------- */
/* drwer menu */
.naver {
  margin: 0; }

.naver,
.naver *,
.naver *:before,
.naver *:after {
  box-sizing: border-box; }

.naver-handle {
  background: #0075c2;
  color: #FFF;
  cursor: pointer;
  display: none;
  top: 0;
  right: 0;
  position: absolute;
  width: 50px;
  height: 50px;
  font-size: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 10; }

.naver-handle:after {
  position: absolute;
  left: 20%;
  top: 20%;
  color: #FFF;
  font-family: 'basicicon';
  content: "\e61e"; }

.naver.open .naver-handle:after {
  color: #FFF;
  font-family: 'basicicon';
  content: "\e614"; }

.naver-wrapper {
  border: none;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%; }

.naver-container:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden; }

/* animation */
.naver.open .naver-wrapper {
  display: block;
  opacity: 1;
  animation-duration: 0.5s;
  animation-name: fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fade-in; }

@keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

.naver.enabled .naver-handle {
  display: block; }

.naver.enabled .naver-wrapper {
  height: 0px;
  overflow: hidden; }

.naver.enabled .naver-container {
  height: auto; }

/*----------------------------------------------------------
	PUBLIS style
--------------------------------------------------------- */
/*  page common
----------------------------------------------- */
#headerArea + #areaWrapper1 {
  max-width: 960px;
  margin: auto; }

.sideArea {
  margin-top: 50px; }

#rightArea + #areaWrapper2 > #mainArea {
  padding-right: 4.2%; }

@media screen and (max-width: 850px) {
  #headerArea + #areaWrapper1 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #headerArea + #areaWrapper1.layoutClm1 {
    display: block !important; }
  #rightArea + #areaWrapper2 {
    margin-right: 0;
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1; }
  #rightArea {
    width: 100%;
    float: none;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2; }
    #rightArea .sideArea {
      padding: 0 2%; }
  #rightArea + #areaWrapper2 > #mainArea {
    padding-right: 0;
    width: 100%; }
    #rightArea + #areaWrapper2 > #mainArea .page_cont {
      padding: 0 4%; } }

/* sp */
/* ドロップダウンメニュー用 */
#headerArea {
  overflow: visible; }
  #headerArea #area1 .pbNestedWrapper {
    overflow: visible; }

.clm2PB > .pbNested {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  .clm2PB > .pbNested .clm:last-child {
    padding-left: 3%; }
  @media screen and (max-width: 850px) {
    .clm2PB > .pbNested {
      display: block; }
      .clm2PB > .pbNested .clm {
        width: 100%;
        padding-left: 0; }
      .clm2PB > .pbNested .clm:last-child {
        padding-left: 0; } }

.clm2PBhalf > .pbNested {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  .clm2PBhalf > .pbNested .clm {
    flex: 1; }
  @media screen and (max-width: 850px) {
    .clm2PBhalf > .pbNested {
      display: block; }
      .clm2PBhalf > .pbNested .clm {
        width: 100%; } }

.layout2clm > .pbNested {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*margin-top:15px;*/ }
  .layout2clm > .pbNested .layout_main {
    flex: 1; }
  .layout2clm > .pbNested .layout_side {
    width: 319px;
    padding-left: 29px; }
  @media screen and (max-width: 850px) {
    .layout2clm > .pbNested {
      display: block; }
      .layout2clm > .pbNested .layout_main, .layout2clm > .pbNested .layout_side {
        width: 100%;
        padding: 3% 2%;
        /*margin-top:5vh;*/ }
      .layout2clm > .pbNested .layout_side {
        margin-top: 4vh; } }

.fb-page {
  display: block !important;
  width: 100%;
  max-width: 450px;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 20px; }

.moreBtn {
  text-align: center;
  margin: 20px auto; }
  .moreBtn a {
    display: inline-block;
    background: #0075c2;
    color: #fff;
    text-decoration: none;
    padding: 0.7em;
    min-width: 30%;
    border-radius: 3px;
    font-weight: bold; }

.page_subnav {
  border-radius: 5px;
  margin-top: 20px; }
  .page_subnav .pbBlockMenu span {
    border-bottom: #0075c2 dotted 1px;
    display: block; }
    .page_subnav .pbBlockMenu span a {
      display: block;
      padding: 0.8em;
      text-decoration: none;
      background: #CAEAFF;
      transition: .3s; }
    .page_subnav .pbBlockMenu span a:before {
      font-family: 'basicicon';
      content: "\73";
      color: #0075c2; }
    .page_subnav .pbBlockMenu span a:hover {
      background: #EAF8FF; }
  .page_subnav .pbBlockMenu:last-child span {
    border-bottom: none; }

/*2列表示のサブナビ */
ul.page_subnavClm2 {
  margin: 0 0 10px;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap; }
  ul.page_subnavClm2 li {
    width: 50%;
    border-bottom: #ccc 1px dashed; }
    ul.page_subnavClm2 li a {
      display: block;
      transition: .3s;
      padding: 0.5em; }
    ul.page_subnavClm2 li a:hover {
      background: #CAEAFF; }
    ul.page_subnavClm2 li a:before {
      font-family: 'basicicon';
      content: "\e94e";
      color: #0075c2; }

/*3列表示のサブナビ */
ul.page_subnavClm3 {
  margin: 0 0 10px;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap; }
  ul.page_subnavClm3 li {
    width: 33.3%; }
  ul.page_subnavClm3 li:before {
    font-family: 'basicicon';
    content: "\e94e";
    color: #0075c2; }

/* 組合トップ 旧サイトへのリンク */
.oldsite {
  background: #fff5bc;
  padding: 15px 10px 10px;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 5px; }
  .oldsite p {
    font-size: 1rem;
    font-weight: bold; }
  .oldsite a {
    font-size: 1.1rem; }
  .oldsite a:before {
    font-family: 'basicicon';
    content: "\24";
    color: #0075c2;
    margin-right: 0.3em; }

/*  top common
----------------------------------------------- */
.flexslider {
  margin: 0 0 20px !important; }
  .flexslider ul {
    padding: 0;
    margin: 0 auto; }
  .flexslider ol {
    padding: 0; }
  .flexslider ul.slides {
    margin: 25px 0 15px; }

@media screen and (max-width: 850px) {
  .flexslider {
    margin: 0 !important; }
    .flexslider ul.slides {
      margin: 0; }
    .flexslider .flex-direction-nav {
      display: none; } }

/*
.topBnr{@include sitewidth; text-align:center; margin:25px auto 10px;
	/*.swiper-container{padding:0 0 40px;
		.swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:none;}
		.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-20px; top:42%;}
		.swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before{font-family:'basicicon';content:"\61"; font-size:60px; color:$keycolor4;}
		.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:10px; top:42%;}
		.swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before{font-family:'basicicon';content:"\73"; font-size:60px; color:$keycolor4;}
		.swiper-pagination {bottom:0;
			.swiper-pagination-bullet{width:14px; height:14px; margin:0 6px;}
		}
	}
}
*/
/* top visitor */
.top_visitor_news {
  margin-bottom: 20px; }

.top_visitor_information {
  margin-bottom: 20px; }

.siteInfo {
  /* サイトからのお知らせ */
  border: 2px solid #FF8000;
  margin: 30px auto 0; }
  .siteInfo > .pbNested {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: stretch;
    align-items: center; }
    .siteInfo > .pbNested > .pbNested:first-child {
      width: 19%;
      border-right: 2px solid #FF8000;
      text-align: center;
      padding: 1.8em 0.8em;
      color: #FF8000;
      font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
      font-weight: 600;
      font-size: 0.75rem; }
      .siteInfo > .pbNested > .pbNested:first-child p:before {
        font-family: 'basicicon';
        content: "\ea65";
        font-weight: normal;
        margin-right: 0.25em;
        font-size: 150%;
        position: relative;
        top: 0.2em;
        line-height: 1; }
    .siteInfo > .pbNested > .pbNested:last-child {
      width: 81%;
      padding: 0.6em 1em;
      font-size: 0.83rem;
      line-height: 1.7; }
      .siteInfo > .pbNested > .pbNested:last-child a {
        color: #333333; }
      .siteInfo > .pbNested > .pbNested:last-child span.date {
        margin-left: 0.4em; }

@media screen and (max-width: 850px) {
  .siteInfo {
    margin: 2vh 2%; }
    .siteInfo > .pbNested {
      display: block; }
      .siteInfo > .pbNested > .pbNested:first-child {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #FF8000;
        padding: 0.8em; }
      .siteInfo > .pbNested > .pbNested:last-child {
        width: 100%; }
    .siteInfo dl {
      display: block; }
      .siteInfo dl dt, .siteInfo dl dd {
        width: 100%; }
      .siteInfo dl dt {
        border-right: none;
        border-bottom: 1px solid #FF8000;
        padding: 1em 0.8em; }
      .siteInfo dl dd {
        font-size: 0.8rem;
        padding: 0.8em; } }

.topMenu {
  /* 一般　トップメニュー　*/
  background: #CAEAFF;
  margin: 15px auto; }
  .topMenu ul {
    max-width: 960px;
    margin: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    padding: 10px 0; }
    .topMenu ul li {
      margin: 0 1.5%; }
    .topMenu ul a img {
      transition: .3s; }
  @media screen and (max-width: 850px) {
    .topMenu ul {
      flex-wrap: wrap;
      justify-content: center; }
      .topMenu ul li {
        width: 50%;
        margin: 0 0 6px;
        padding: 0 1%;
        text-align: center;
        text-indent: 0; }
      .topMenu ul li:last-child {
        margin-bottom: 0; } }

.top_visitor_members {
  /* 一般 議員バナー */
  max-width: 960px;
  margin: auto; }
  .top_visitor_members ul.member {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 15px auto;
    padding: 0; }
    .top_visitor_members ul.member li {
      width: 50%;
      margin: 10px auto;
      padding: 0 1%; }

.post.newspaper_quick {
  /* 一般 N労新聞発行速報 */
  border: 1px solid #ccc;
  padding: 3.5%; }
  .post.newspaper_quick .thumb {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin-bottom: 20px; }
    .post.newspaper_quick .thumb .title {
      color: #0075c2;
      font-size: 1.1rem;
      font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
      font-weight: 500;
      padding-left: 3.5%; }

/* 各企業本部のトップカスタム画像 */
.topCustomImg {
  margin: 15px auto 15px; }

/* 各企業本部トップへのメニュー */
.top_branchmenu {
  margin: 20px auto 10px; }
  .top_branchmenu .head {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin-bottom: 10px; }
    .top_branchmenu .head:before, .top_branchmenu .head:after {
      content: "";
      flex-grow: 1;
      border-bottom: 1px solid #0075c2; }
    .top_branchmenu .head:before {
      margin-right: 10px;
      padding-left: 15px; }
    .top_branchmenu .head:after {
      margin-left: 10px;
      padding-right: 15px; }
    .top_branchmenu .head span {
      color: #0075c2;
      font-size: 90%; }
  .top_branchmenu ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
    padding: 0; }
    .top_branchmenu ul:before {
      content: "";
      display: block;
      width: 24.5%;
      height: 0;
      order: 1; }
    .top_branchmenu ul:after {
      content: "";
      display: block;
      width: 24.5%;
      height: 0; }
    .top_branchmenu ul li {
      flex-basis: 24.5%;
      max-width: 24.5%;
      margin-bottom: 8px;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.3;
      text-align: center; }
      .top_branchmenu ul li a {
        display: block;
        text-decoration: none;
        padding: 1.3em 0.8em;
        position: relative;
        z-index: 0;
        background: #a2b4e2;
        color: #FFF;
        transition: .3; }
      .top_branchmenu ul li a:hover {
        opacity: 0.7; }
    .top_branchmenu ul li.join {
      padding: 0;
      border: 3px solid #ff8000; }
      .top_branchmenu ul li.join a {
        background: #FFF;
        padding: 10px 10px; }
  @media screen and (max-width: 850px) {
    .top_branchmenu {
      padding: 0 2%; }
      .top_branchmenu .head {
        display: block; }
        .top_branchmenu .head:before, .top_branchmenu .head:after {
          content: none; }
        .top_branchmenu .head span {
          display: block;
          font-size: 85%; }
      .top_branchmenu ul li {
        flex-basis: 100%;
        max-width: 100%;
        font-size: 16px; }
        .top_branchmenu ul li a {
          padding: 1em 0.8em; } }

/*  public top（各企業本部）
----------------------------------------------- */
@media screen and (max-width: 850px) {
  .public_top {
    padding: 0 3%; } }

.public_top .newsList {
  overflow: scroll;
  height: 500px;
  border: 1px solid #0075c2; }

.public_top .freeArea + .pbNestedWrapper > h2.arrow-b {
  margin: 0.7em 0 0;
  border-bottom: 0; }

/*  top member
----------------------------------------------- */
.topNews {
  margin-bottom: 20px; }
  .topNews h2 span.link {
    font-weight: normal;
    font-size: 0.8rem;
    margin-left: 2em; }
  .topNews .inner {
    border-right: 1px solid #0075c2;
    border-left: 1px solid #0075c2;
    border-bottom: 1px solid #0075c2; }

.topnewspaper .np_postList > .pbNested {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  .topnewspaper .np_postList > .pbNested .post {
    width: 20%;
    text-decoration: none;
    padding: 0 1%;
    border-right: 1px solid #ccc;
    margin-bottom: 20px;
    transition: .3s; }
    .topnewspaper .np_postList > .pbNested .post .title {
      margin-bottom: 10px; }
    .topnewspaper .np_postList > .pbNested .post a {
      text-decoration: none; }
    .topnewspaper .np_postList > .pbNested .post a:hover, .topnewspaper .np_postList > .pbNested .post a:active {
      opacity: 0.7; }
      .topnewspaper .np_postList > .pbNested .post a:hover dl dt, .topnewspaper .np_postList > .pbNested .post a:active dl dt {
        text-decoration: none; }
    .topnewspaper .np_postList > .pbNested .post dl dt {
      position: relative;
      margin-bottom: 10px;
      z-index: 10;
      font-size: 0.9rem;
      text-decoration: underline; }
      .topnewspaper .np_postList > .pbNested .post dl dt span.np {
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        padding: 0.3em 0.6em;
        font-weight: bold;
        z-index: 10; }
    .topnewspaper .np_postList > .pbNested .post dl dd {
      color: #333333;
      font-size: 0.7rem;
      padding-bottom: 0.5em; }
  .topnewspaper .np_postList > .pbNested .post:last-child {
    border-right: none; }

@media screen and (max-width: 850px) {
  .topnewspaper .np_postList > .pbNested {
    flex-wrap: wrap;
    align-content: center; }
    .topnewspaper .np_postList > .pbNested .post {
      width: 50%;
      padding: 0 2%; }
    .topnewspaper .np_postList > .pbNested .post:nth-child(5n) {
      border-right: 1px solid #ccc; }
    .topnewspaper .np_postList > .pbNested .post:nth-child(2n) {
      border-right: none; } }

/*  parts visitor
----------------------------------------------- */
.page_cont .loginBox .errorMsg {
  border: 1px solid #e24931 !important;
  padding: 15px;
  color: #e24931; }

.page_cont .loginBox div {
  margin-bottom: 10px;
  /*span{display:inline-block;}*/ }

.page_cont .loginBox .head {
  color: #0075c2;
  font-weight: bold;
  margin-bottom: 0.3em; }
  .page_cont .loginBox .head:before {
    font-family: 'basicicon';
    content: "\e94c";
    margin-right: 0.3em;
    font-weight: normal; }

.page_cont .loginBox .cont {
  display: block; }
  .page_cont .loginBox .cont span:first-child {
    margin-bottom: 10px;
    display: block; }
  .page_cont .loginBox .cont input[type="password"], .page_cont .loginBox .cont input[type="text"] {
    width: 50%; }
  .page_cont .loginBox .cont span.cont {
    display: inline-block; }

.page_cont .loginBox .loginBtn {
  margin-top: 10px; }

.page_cont .loginBox input[type="password"] {
  margin-bottom: 15px; }

.page_cont .loginBox.active .cont {
  font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  font-size: 120%;
  font-weight: 600;
  margin: 0.4em 0; }

@media screen and (max-width: 850px) {
  .page_cont .loginBox {
    margin-top: 15px; }
    .page_cont .loginBox .cont input[type="password"], .page_cont .loginBox .cont input[type="text"] {
      width: 100%; } }

dl.questionList dt:before {
  font-family: 'basicicon';
  content: "\e607";
  color: #0075c2;
  font-size: 1.5rem;
  position: relative;
  top: 0.1em;
  font-weight: normal; }

dl.questionList dt {
  padding-left: 1.3em;
  text-indent: -1.3em;
  color: #0075c2;
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 0.4em; }

dl.questionList dd {
  margin-bottom: 1em;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 1em; }

table.suishin {
  border-collapse: collapse;
  margin: 10px 0px;
  border: 1px solid #999; }
  table.suishin tr {
    background: #FFF; }
  table.suishin table.data tr.even {
    background: #F0F0F0; }
  table.suishin th {
    padding: 8px;
    border-bottom: solid 1px #999;
    border-top: none;
    border-right: solid 1px #999;
    border-left: none;
    text-align: left;
    vertical-align: top; }
  table.suishin th.heading {
    background-color: #DEDEDE; }
  table.suishin td {
    padding: 8px;
    border-bottom: solid 1px #999;
    border-top: none;
    border-right: solid 1px #999;
    border-left: none;
    text-align: left; }
  @media screen and (max-width: 850px) {
    table.suishin th {
      width: 40%;
      line-height: 1.5; }
    table.suishin td {
      width: 60%; } }

.officerList {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px; }
  .officerList dl {
    width: 33.3%;
    padding: 0 2%; }
    .officerList dl dt.category {
      color: #137f14;
      border-left: 4px #137f14 solid;
      padding-left: 1em;
      margin-bottom: 5px;
      line-height: 1.5; }
    .officerList dl dt.photo {
      margin-bottom: 6px;
      text-align: center; }
    .officerList dl dd.post {
      color: #0075c2;
      font-size: 90%;
      text-align: center; }
    .officerList dl dd.name {
      text-align: center;
      font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
      font-size: 0.9rem; }

.imgMenu {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap; }
  .imgMenu dl {
    width: 49%;
    text-align: center;
    border-bottom: 2px solid #ddd;
    padding: 2% 3%;
    margin-bottom: 2%; }
    .imgMenu dl dt.img {
      margin-bottom: 8px; }
    .imgMenu dl dt.title {
      font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
      font-size: 1.1rem;
      font-weight: 700;
      margin-bottom: 0.5em; }
      .imgMenu dl dt.title:before {
        font-family: 'basicicon';
        content: "\e604";
        margin-right: 0.3em;
        color: #0075c2;
        font-weight: normal;
        position: relative;
        top: 0.05em;
        font-size: 90%; }
    .imgMenu dl dd {
      text-align: left; }
  .imgMenu dl:nth-child(odd) {
    margin-right: 1%; }
  .imgMenu dl:nth-child(even) {
    margin-left: 1%; }
  @media screen and (max-width: 850px) {
    .imgMenu dl {
      width: 100%; }
    .imgMenu dl:nth-child(odd), .imgMenu dl:nth-child(even) {
      margin: 0; } }

#sitemap .sitemapList span a {
  display: inline-block;
  padding: 0.5em; }

/*  page visitor
----------------------------------------------- */
.page_cont #guide .copy {
  font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 0.8em;
  font-weight: 700;
  color: #0075c2;
  font-style: italic;
  border-bottom: 2px dashed #ddd;
  padding-bottom: 0.4em; }

.page_cont #guide .clearBox .img-r dl dt {
  margin-bottom: 6px; }

.page_cont #guide .clearBox .img-r dl dd {
  text-align: center; }
  .page_cont #guide .clearBox .img-r dl dd span {
    font-size: 90%;
    display: block;
    color: #0075c2; }

@media screen and (max-width: 850px) {
  .page_cont #guide .copy {
    font-size: 1.35rem; } }

.page_cont #insurance .product .clm2 {
  margin-bottom: 15px; }
  .page_cont #insurance .product .clm2 .clm {
    width: 49%;
    margin-right: 1%; }
  .page_cont #insurance .product .clm2 .clm:last-child {
    width: 49%;
    margin-left: 1%;
    margin-right: 0; }

.page_cont #insurance .product .head {
  font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  border-left: 6px solid #ccc;
  padding: 0.3em 0.5em;
  margin: 0.3em 0 0.5em; }

.page_cont #insurance .product .cont img {
  max-width: 150px;
  max-height: 120px; }

.page_cont #insurance .product .cont div {
  text-align: center;
  margin: 7px; }
  .page_cont #insurance .product .cont div a {
    background: #FFF;
    box-shadow: 0px 0px 7px 1px #b2b2b2;
    display: inline-block;
    border-radius: 6px;
    padding: 10px;
    font-size: 0.95rem;
    font-weight: 600;
    transition: .3s;
    font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
    text-decoration: none; }
    .page_cont #insurance .product .cont div a span {
      display: block;
      font-size: 80%;
      font-weight: normal;
      font-weight: normal; }
  .page_cont #insurance .product .cont div a:before {
    font-family: 'basicicon';
    content: "\24";
    margin-right: 0.1em;
    font-weight: normal;
    position: relative;
    top: 0.1em; }
  .page_cont #insurance .product .cont div a:hover {
    background: #e3f1f9; }

.page_cont #insurance .product .section .head {
  border-left: 0;
  font-size: 1.1rem;
  font-weight: 500;
  padding: 0;
  border-left: 0 !important; }
  .page_cont #insurance .product .section .head:before {
    font-family: 'basicicon';
    content: "\e955";
    margin-right: 0.3em;
    color: #ccc; }

.page_cont #insurance .product .sick .head span {
  color: #3a8abc; }

.page_cont #insurance .product .sick .inner {
  text-align: center;
  margin: 15px auto;
  position: relative; }
  .page_cont #insurance .product .sick .inner .bg {
    padding: 120px 86px 50px; }
  .page_cont #insurance .product .sick .inner .cont {
    position: absolute; }
    .page_cont #insurance .product .sick .inner .cont div {
      margin-top: 0; }
  .page_cont #insurance .product .sick .inner .p01 {
    top: 0%;
    left: 17%; }
    .page_cont #insurance .product .sick .inner .p01 img {
      max-height: 90px; }
  .page_cont #insurance .product .sick .inner .p02 {
    top: 4%;
    right: 13%; }
  .page_cont #insurance .product .sick .inner .p03 {
    top: 30%;
    left: 0%; }
  .page_cont #insurance .product .sick .inner .p04 {
    bottom: 36%;
    right: 0%; }
  .page_cont #insurance .product .sick .inner .p05 {
    bottom: 5%;
    left: 8%; }
  .page_cont #insurance .product .sick .inner .p06 {
    bottom: 0%;
    right: 8%; }

.page_cont #insurance .product .life, .page_cont #insurance .product .old, .page_cont #insurance .product .asset, .page_cont #insurance .product .damage, .page_cont #insurance .product .basic {
  padding: 10px 14px;
  border-radius: 5px;
  border: 1px dashed #666666; }

.page_cont #insurance .product .life .img, .page_cont #insurance .product .old .img, .page_cont #insurance .product .asset .img, .page_cont #insurance .product .damage .img {
  text-align: center;
  margin-bottom: 10px; }
  .page_cont #insurance .product .life .img img, .page_cont #insurance .product .old .img img, .page_cont #insurance .product .asset .img img, .page_cont #insurance .product .damage .img img {
    max-height: 100px; }

.page_cont #insurance .product .life .cont div a, .page_cont #insurance .product .old .cont div a, .page_cont #insurance .product .asset .cont div a, .page_cont #insurance .product .damage .cont div a {
  display: block; }

.page_cont #insurance .product .life .head {
  border-left: 6px solid #db8618; }
  .page_cont #insurance .product .life .head span {
    color: #db8618; }

.page_cont #insurance .product .old .head {
  border-left: 6px solid #7d5e99; }
  .page_cont #insurance .product .old .head span {
    color: #7d5e99; }

.page_cont #insurance .product .asset .head {
  border-left: 6px solid #b23c42; }
  .page_cont #insurance .product .asset .head span {
    color: #b23c42; }

.page_cont #insurance .product .damage .head {
  border-left: 6px solid #4b9182; }
  .page_cont #insurance .product .damage .head span {
    color: #4b9182; }

.page_cont #insurance .product .damage .cont div {
  margin-bottom: 10px; }

.page_cont #insurance .product .basic .head {
  border-left: 6px solid #666666; }
  .page_cont #insurance .product .basic .head span {
    color: #666666; }

.page_cont #insurance .product .basic .cont div {
  text-align: center; }
  .page_cont #insurance .product .basic .cont div a {
    display: block; }

.page_cont #insurance .product .basic ul li:before {
  content: none; }

.page_cont #insurance .product .basic ul li {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0.4em 0.6em;
  margin: 0.2em;
  text-indent: 0; }

@media screen and (max-width: 850px) {
  .page_cont #insurance .product .clm2 {
    display: block; }
    .page_cont #insurance .product .clm2 .clm {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px; }
    .page_cont #insurance .product .clm2 .clm:last-child {
      width: 100%;
      margin-left: 0;
      margin-bottom: 0; }
  .page_cont #insurance .product .sick .inner .bg {
    display: none;
    padding: 0; }
  .page_cont #insurance .product .sick .inner .cont {
    position: relative;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 7px 0; }
    .page_cont #insurance .product .sick .inner .cont img {
      position: absolute;
      left: 12px;
      top: 0;
      max-width: 80px;
      height: auto;
      max-height: 75px;
      bottom: 0;
      margin: auto; }
    .page_cont #insurance .product .sick .inner .cont div {
      width: 100%;
      text-align: left; }
      .page_cont #insurance .product .sick .inner .cont div a {
        display: block;
        font-size: 0.9rem;
        padding: 20px 8px 20px 94px; } }

/* history */
/* link */
.page_cont #link ul.link li {
  margin: 0.6em 0.2em; }

.page_cont #link ul.link li:before {
  font-family: 'basicicon';
  content: "\24";
  margin-right: 0.3em;
  position: relative;
  top: 0.1em; }

/* 拡張カテゴリーメニュー */
/* japanmap */
.page_cont .map {
  /*border:1px solid #ccc;*/
  border-radius: 8px;
  padding: 2%;
  width: 90%;
  margin: 5px auto; }

ul.areaNav.japanmap {
  position: relative;
  margin: 20px auto 40px;
  height: 380px;
  width: 100%;
  background: url(../img/img_japanmap.png) no-repeat center center;
  background-size: contain; }
  ul.areaNav.japanmap li {
    list-style-type: none;
    position: absolute;
    text-align: center;
    margin: 0;
    padding: 0;
    text-indent: 0; }
    ul.areaNav.japanmap li:before {
      content: none; }
    ul.areaNav.japanmap li a {
      display: inline-block;
      background: rgba(255, 255, 255, 0.7);
      padding: 1.5em 1em;
      min-width: 88px;
      border: 4px solid #FFF;
      box-shadow: 0px 0px 6px 1px #e8e8e8;
      font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
      font-weight: 500;
      font-size: 1rem;
      border-radius: 50%;
      transition: .3s; }
    ul.areaNav.japanmap li a:before {
      font-family: 'basicicon';
      content: "\e8b4";
      color: #0075c2;
      display: block;
      position: absolute;
      top: -20px;
      margin: auto;
      left: 0;
      right: 0;
      font-size: 34px;
      color: #5A5A5A; }
  ul.areaNav.japanmap li.all {
    top: 1%;
    left: 1%; }
    ul.areaNav.japanmap li.all a {
      min-width: auto;
      border-radius: 5px;
      padding: 0.7em 1.5em;
      border: 3px solid #0075c2; }
      ul.areaNav.japanmap li.all a:before {
        font-family: 'basicicon';
        content: "\e9ad";
        color: #0075c2;
        margin-right: 0.3em;
        display: inline-block;
        position: static;
        font-size: 1rem;
        transition: .3s; }
    ul.areaNav.japanmap li.all a:hover {
      background: #0075c2;
      color: #FFF;
      border: 3px solid #0075c2; }
      ul.areaNav.japanmap li.all a:hover:before {
        color: #FFF; }
  ul.areaNav.japanmap li.hokkaido {
    right: 10%;
    top: -2%; }
    ul.areaNav.japanmap li.hokkaido a {
      border: 4px solid rgba(52, 148, 216, 0.3);
      color: #585858; }
    ul.areaNav.japanmap li.hokkaido a:before {
      color: #3494d8; }
    ul.areaNav.japanmap li.hokkaido a:hover {
      background: #3494d8;
      color: #FFF; }
      ul.areaNav.japanmap li.hokkaido a:hover:before {
        content: none; }
  ul.areaNav.japanmap li.tohoku {
    right: 13%;
    top: 30%; }
    ul.areaNav.japanmap li.tohoku a {
      border: 4px solid rgba(14, 178, 169, 0.4);
      color: #585858; }
    ul.areaNav.japanmap li.tohoku a:before {
      color: #0eb2a9; }
    ul.areaNav.japanmap li.tohoku a:hover {
      background: #0eb2a9;
      color: #FFF; }
      ul.areaNav.japanmap li.tohoku a:hover:before {
        content: none; }
  ul.areaNav.japanmap li.kanto {
    right: 18%;
    bottom: 14%; }
    ul.areaNav.japanmap li.kanto a {
      border: 4px solid rgba(7, 153, 51, 0.4);
      color: #585858; }
    ul.areaNav.japanmap li.kanto a:before {
      color: #079933; }
    ul.areaNav.japanmap li.kanto a:hover {
      background: #079933;
      color: #FFF; }
      ul.areaNav.japanmap li.kanto a:hover:before {
        content: none; }
  ul.areaNav.japanmap li.hokuriku {
    right: 28%;
    bottom: 38%; }
    ul.areaNav.japanmap li.hokuriku a {
      border: 4px solid rgba(140, 78, 201, 0.5);
      color: #585858; }
    ul.areaNav.japanmap li.hokuriku a:before {
      color: #8c4ec9; }
    ul.areaNav.japanmap li.hokuriku a:hover {
      background: #8c4ec9;
      color: #FFF; }
      ul.areaNav.japanmap li.hokuriku a:hover:before {
        content: none; }
  ul.areaNav.japanmap li.tokai {
    right: 38%;
    bottom: 2%; }
    ul.areaNav.japanmap li.tokai a {
      border: 4px solid rgba(124, 165, 0, 0.4);
      color: #585858; }
    ul.areaNav.japanmap li.tokai a:before {
      color: #7ca500; }
    ul.areaNav.japanmap li.tokai a:hover {
      background: #7ca500;
      color: #FFF; }
      ul.areaNav.japanmap li.tokai a:hover:before {
        content: none; }
  ul.areaNav.japanmap li.kinki {
    left: 43%;
    bottom: 25%; }
    ul.areaNav.japanmap li.kinki a {
      border: 4px solid rgba(221, 218, 0, 0.6);
      color: #585858; }
    ul.areaNav.japanmap li.kinki a:before {
      color: #bcba00; }
    ul.areaNav.japanmap li.kinki a:hover {
      background: #ddda00;
      color: #FFF; }
      ul.areaNav.japanmap li.kinki a:hover:before {
        content: none; }
  ul.areaNav.japanmap li.chugoku {
    left: 27%;
    bottom: 30%; }
    ul.areaNav.japanmap li.chugoku a {
      border: 4px solid rgba(247, 139, 22, 0.4);
      color: #585858; }
    ul.areaNav.japanmap li.chugoku a:before {
      color: #f78b16; }
    ul.areaNav.japanmap li.chugoku a:hover {
      background: #f78b16;
      color: #FFF; }
      ul.areaNav.japanmap li.chugoku a:hover:before {
        content: none; }
  ul.areaNav.japanmap li.shikoku {
    bottom: -10%;
    left: 29%; }
    ul.areaNav.japanmap li.shikoku a {
      border: 4px solid rgba(229, 39, 106, 0.4);
      color: #585858; }
    ul.areaNav.japanmap li.shikoku a:before {
      color: #e5276a; }
    ul.areaNav.japanmap li.shikoku a:hover {
      background: #e5276a;
      color: #FFF; }
      ul.areaNav.japanmap li.shikoku a:hover:before {
        content: none; }
  ul.areaNav.japanmap li.kyushu {
    bottom: 5%;
    left: 11%; }
    ul.areaNav.japanmap li.kyushu a {
      border: 4px solid rgba(209, 23, 23, 0.4);
      color: #585858; }
    ul.areaNav.japanmap li.kyushu a:before {
      color: #d11717; }
    ul.areaNav.japanmap li.kyushu a:hover {
      background: #d11717;
      color: #FFF; }
      ul.areaNav.japanmap li.kyushu a:hover:before {
        content: none; }

@media screen and (max-width: 850px) {
  .page_cont .map {
    padding: 0;
    width: 100%;
    margin: auto; }
  ul.areaNav.japanmap {
    height: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 2vh 0;
    padding: 1% 1%; }
    ul.areaNav.japanmap li {
      list-style-type: none;
      position: static;
      width: 50%;
      padding: 1% 1%; }
      ul.areaNav.japanmap li a {
        min-width: auto;
        border-radius: 5px;
        padding: 0.7em 1em;
        display: block !important;
        background: rgba(255, 255, 255, 0.5) !important;
        border: 1px solid #0075c2; }
      ul.areaNav.japanmap li a:before {
        position: relative;
        display: inline-block;
        top: 0;
        font-size: 110%;
        margin-right: 0.3em;
        position: relative;
        top: 0.1em; }
      ul.areaNav.japanmap li a:hover {
        position: relative;
        color: #0075c2 !important;
        background: white !important; }
        ul.areaNav.japanmap li a:hover:before {
          content: "\e8b4" !important; }
    ul.areaNav.japanmap li.all a:hover:before {
      font-family: 'basicicon';
      content: "\e9ad" !important; } }

ul.catNav {
  border-bottom: 1px solid #ccc;
  padding: 0.8em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  ul.catNav.season li a {
    padding: 0.5em 1em; }
  ul.catNav li {
    border-right: 1px solid #ccc;
    margin-right: 1em;
    padding-right: 0.7em; }
    ul.catNav li:before {
      font-family: 'basicicon';
      content: "\e9f9";
      margin-right: 0.3em; }
    ul.catNav li a {
      padding: 0.5em 0.5em 0.5em 0; }
  ul.catNav li:last-child {
    border-right: 0;
    margin-right: 0; }
  ul.catNav li.all {
    font-weight: bold; }
    ul.catNav li.all:before {
      font-family: 'basicicon';
      content: "\e9ad";
      margin-right: 0.3em; }

ul.catNav.season li {
  width: 25%;
  text-align: left;
  border-right: none;
  margin: 4px 0;
  padding: 0 0.5%;
  font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  font-weight: 600;
  font-size: 1.3rem; }
  ul.catNav.season li:before {
    content: none;
    margin-right: 0; }
  ul.catNav.season li a {
    text-decoration: none;
    vertical-align: middle;
    display: block;
    padding: 6px;
    transition: .3s;
    border: 1px solid #bbd7e8;
    border-radius: 5px; }
  ul.catNav.season li a:hover {
    background: #FFF9E9; }
  ul.catNav.season li img {
    width: 70px;
    vertical-align: middle;
    margin-right: 8px; }

ul.catNav.season li.all {
  font-weight: bold;
  width: 100%;
  font-size: 0.9rem;
  font-weight: normal; }
  ul.catNav.season li.all:before {
    font-family: 'basicicon';
    content: "\e9ad";
    margin-right: 0.3em;
    position: relative;
    top: 0.1em; }
  ul.catNav.season li.all a {
    text-decoration: underline;
    display: inline-block;
    border: none; }

@media screen and (max-width: 850px) {
  ul.catNav.season li {
    text-align: center;
    font-size: 1.1rem; } }

/*  parts member
----------------------------------------------- */
#history .sections .item h3 {
  font-size: 1.15rem; }
  #history .sections .item h3 span.year {
    margin-right: 0.6em;
    color: #0075c2; }

#history .sections .item ul.events li:before {
  content: none; }

#history .sections .item ul.events li span.month {
  font-weight: bold;
  margin-right: 2%;
  display: inline-block;
  width: 7%;
  text-align: right;
  vertical-align: top; }

#history .sections .item ul.events li span.text {
  display: inline-block;
  width: 90%;
  text-indent: 0; }

@media screen and (max-width: 850px) {
  #history .sections .item ul.events li span.month {
    width: 15%; }
  #history .sections .item ul.events li span.text {
    width: 80%; } }

/*  page member
----------------------------------------------- */
.page_cont.branchTop h2 {
  margin: 0.4em 0 0.6em; }

.page_cont.branchTop .pbBlockMenu {
  margin-left: 1em; }
  .page_cont.branchTop .pbBlockMenu span {
    border-bottom: 1px dashed #ccc;
    padding: 0.5em 0;
    display: block;
    font-size: 0.9rem; }
    .page_cont.branchTop .pbBlockMenu span:before {
      font-family: 'basicicon';
      content: "\73";
      color: #0075c2;
      margin-right: 0.3em; }

/* PBstyle */
.menuBlockList {
  margin-left: 1em; }
  .menuBlockList span {
    border-bottom: 1px dashed #ccc;
    padding: 0.5em 0;
    display: block;
    font-size: 0.9rem; }
    .menuBlockList span:before {
      font-family: 'basicicon';
      content: "\73";
      color: #0075c2;
      margin-right: 0.3em; }

/*  newspaper
----------------------------------------------- */
/* カテゴリカラー */
.np.cat1 {
  background: #009fe9; }

/* 委員長コラム */
.np.cat2 {
  background: #f78996; }

/* 味の旅 */
.np.cat3 {
  background: #a076be; }

/* 法律相談 */
.np.cat4 {
  background: #f86128; }

/* 瞬間クッキング */
.np.cat5 {
  background: #23a75c; }

/* 国会フォーカス */
.np.cat6 {
  background: #0665A3; }

/* N労新聞アラカルト */
/*  layout_side(CSSでのサイドバー),sideArea(PUBLIS右エリア)
----------------------------------------------- */
.layout_side .side_member_loginstatus, .sideArea .side_member_loginstatus {
  border: 1px solid #0075c2;
  padding: 10px;
  margin-bottom: 20px; }
  .layout_side .side_member_loginstatus .loginBox, .sideArea .side_member_loginstatus .loginBox {
    text-align: center; }
    .layout_side .side_member_loginstatus .loginBox .cmt + div > div:nth-child(2), .sideArea .side_member_loginstatus .loginBox .cmt + div > div:nth-child(2) {
      display: none; }
    .layout_side .side_member_loginstatus .loginBox .cmt, .sideArea .side_member_loginstatus .loginBox .cmt {
      background: #eee;
      padding: 0.8em 0.5em;
      font-size: 0.7rem;
      margin-bottom: 6px;
      font-weight: bold; }
    .layout_side .side_member_loginstatus .loginBox div .head:before, .sideArea .side_member_loginstatus .loginBox div .head:before {
      font-family: 'basicicon';
      content: "\ea0f";
      color: #0075c2;
      margin-right: 0.3em; }
    .layout_side .side_member_loginstatus .loginBox div .head:after, .sideArea .side_member_loginstatus .loginBox div .head:after {
      content: "："; }
    .layout_side .side_member_loginstatus .loginBox div .cont, .sideArea .side_member_loginstatus .loginBox div .cont {
      color: #0075c2;
      font-weight: 600;
      font-size: 1.1rem;
      font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
      word-wrap: break-word; }
    .layout_side .side_member_loginstatus .loginBox .logoutBtn, .sideArea .side_member_loginstatus .loginBox .logoutBtn {
      text-align: right;
      margin-top: 6px; }
      .layout_side .side_member_loginstatus .loginBox .logoutBtn input, .sideArea .side_member_loginstatus .loginBox .logoutBtn input {
        font-size: 0.8rem;
        font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
        font-weight: 600; }

.layout_side .siteInfo, .sideArea .siteInfo {
  margin-top: 10px; }
  .layout_side .siteInfo > .pbNested, .sideArea .siteInfo > .pbNested {
    display: block; }
  .layout_side .siteInfo > .pbNested > .pbNested:first-child, .sideArea .siteInfo > .pbNested > .pbNested:first-child {
    width: 100%;
    border-bottom: 2px solid #FF8000;
    border-right: 0;
    padding: 1em; }
  .layout_side .siteInfo > .pbNested > .pbNested:last-child, .sideArea .siteInfo > .pbNested > .pbNested:last-child {
    width: 100%; }

.layout_side .side_fbBox .fb_chuo, .sideArea .side_fbBox .fb_chuo {
  margin-bottom: 10px; }

.layout_side .side_visitor_loginarea, .sideArea .side_visitor_loginarea {
  margin-bottom: 15px;
  padding: 15px;
  text-align: center;
  border: 1px solid #0075c2; }
  .layout_side .side_visitor_loginarea .head, .sideArea .side_visitor_loginarea .head {
    color: #0075c2;
    font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
    font-weight: 600;
    font-size: 1.1rem; }
    .layout_side .side_visitor_loginarea .head:before, .sideArea .side_visitor_loginarea .head:before {
      font-family: 'basicicon';
      content: "\ea0c";
      margin-right: 0.5em;
      font-weight: normal; }
  .layout_side .side_visitor_loginarea a.btn.login, .sideArea .side_visitor_loginarea a.btn.login {
    margin: 8px auto 10px;
    padding: 0.6em 1em;
    display: block;
    border: 2px solid #FFF;
    text-decoration: none;
    color: #FFF;
    font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    border-radius: 6px;
    background: #0075c2;
    background: -moz-linear-gradient(top, #0075c2 0%, #2ea0c9 100%);
    background: -webkit-linear-gradient(top, #0075c2 0%, #2ea0c9 100%);
    background: linear-gradient(to bottom, #0075c2 0%, #2ea0c9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075c2', endColorstr='#2ea0c9',GradientType=0 ); }
    .layout_side .side_visitor_loginarea a.btn.login span, .sideArea .side_visitor_loginarea a.btn.login span {
      display: block;
      font-size: 0.9rem;
      border-bottom: #CAEAFF solid 1px; }
  .layout_side .side_visitor_loginarea p, .sideArea .side_visitor_loginarea p {
    text-align: left;
    font-size: 90%; }

.layout_side .side_catmenu, .sideArea .side_catmenu {
  margin-bottom: 20px; }
  .layout_side .side_catmenu .head, .sideArea .side_catmenu .head {
    font-size: 1rem;
    font-weight: bold;
    border-bottom: 2px solid #0075c2;
    padding: 0 0.3em 0.5em;
    margin-bottom: 10px; }
    .layout_side .side_catmenu .head:before, .sideArea .side_catmenu .head:before {
      font-family: 'basicicon';
      content: "\e602";
      color: #0075c2;
      margin-right: 0.3em;
      position: relative;
      top: 0.05em; }
  .layout_side .side_catmenu .title, .sideArea .side_catmenu .title {
    font-weight: bold;
    font-size: 0.9rem; }
    .layout_side .side_catmenu .title:before, .sideArea .side_catmenu .title:before {
      font-family: 'basicicon';
      content: "\e94c";
      margin-right: 0.2em;
      color: #0075c2; }
  .layout_side .side_catmenu ul, .sideArea .side_catmenu ul {
    margin: 0;
    padding: 0 0 0 10px; }
    .layout_side .side_catmenu ul li, .sideArea .side_catmenu ul li {
      transition: .3s;
      border-bottom: 1px dashed #ccc; }
      .layout_side .side_catmenu ul li:before, .sideArea .side_catmenu ul li:before {
        font-family: 'basicicon';
        content: "\e8e7";
        margin-left: 0.2em;
        margin-right: 0.25em;
        font-size: 125%;
        position: relative;
        top: 0.1em;
        color: #0075c2; }
      .layout_side .side_catmenu ul li a, .sideArea .side_catmenu ul li a {
        display: inline-block;
        padding: 0.7em 0; }
    .layout_side .side_catmenu ul li:hover, .sideArea .side_catmenu ul li:hover {
      background: #E3F3FF; }

.layout_side .fb-page, .sideArea .fb-page {
  border: 1px solid #eee;
  margin: auto; }

@media screen and (max-width: 850px) {
  .layout_side .fb-page, .sideArea .fb-page {
    border: none; } }

.layout_side ul.side_bnrList, .sideArea ul.side_bnrList {
  margin: 0;
  padding: 0; }
  .layout_side ul.side_bnrList li, .sideArea ul.side_bnrList li {
    margin-bottom: 10px;
    text-align: center; }

.layout_side .side_quiz, .sideArea .side_quiz {
  margin: 10px 0; }
  .layout_side .side_quiz p, .sideArea .side_quiz p {
    line-height: 1; }
  .layout_side .side_quiz a, .sideArea .side_quiz a {
    display: block;
    padding: 26px 10px 20px;
    border: 4px solid #f39801;
    text-align: center;
    background: #FFF4E3;
    border-radius: 5px;
    position: relative;
    color: #f39801;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1.2;
    transition: .3s; }
    .layout_side .side_quiz a span.url, .sideArea .side_quiz a span.url {
      font-size: 0.8rem;
      font-weight: normal; }
  .layout_side .side_quiz a:before, .sideArea .side_quiz a:before {
    content: "QUIZ";
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.1em;
    background: #f39801;
    color: #FFF;
    padding: 2px 8px 5px 5px;
    line-height: 1;
    border-radius: 0 0 5px 0; }
  .layout_side .side_quiz a:hover, .sideArea .side_quiz a:hover {
    background: #f39801;
    color: #FFF; }
  .layout_side .side_quiz .quizBnr:nth-child(n + 2), .sideArea .side_quiz .quizBnr:nth-child(n + 2) {
    margin-top: 8px; }

.layout_side .side_present, .sideArea .side_present {
  margin: 10px 0; }
  .layout_side .side_present p, .sideArea .side_present p {
    line-height: 1; }
  .layout_side .side_present a, .sideArea .side_present a {
    display: block;
    padding: 26px 10px 20px;
    border: 4px solid #68c157;
    text-align: center;
    background: #f0ffed;
    border-radius: 5px;
    position: relative;
    color: #68c157;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1.2;
    transition: .3s; }
    .layout_side .side_present a span.url, .sideArea .side_present a span.url {
      font-size: 0.8rem;
      font-weight: normal; }
  .layout_side .side_present a:before, .sideArea .side_present a:before {
    font-family: 'basicicon';
    content: "\e989";
    position: absolute;
    left: 4px;
    top: 4px;
    font-size: 20px;
    color: #68c157;
    line-height: 1;
    border-radius: 0 0 5px 0;
    font-weight: normal; }
  .layout_side .side_present a:hover, .sideArea .side_present a:hover {
    background: #68c157;
    color: #FFF; }
  .layout_side .side_present a:nth-child(n + 2), .sideArea .side_present a:nth-child(n + 2) {
    margin-top: 8px; }
  .layout_side .side_present .bnr:nth-child(n + 2), .sideArea .side_present .bnr:nth-child(n + 2) {
    margin-top: 8px; }

.layout_side .side_otherLink ul, .sideArea .side_otherLink ul {
  margin: 0;
  padding: 0; }
  .layout_side .side_otherLink ul li, .sideArea .side_otherLink ul li {
    border-bottom: #ccc 1px dashed; }
    .layout_side .side_otherLink ul li:before, .sideArea .side_otherLink ul li:before {
      font-family: 'basicicon';
      content: "\e94e";
      margin-right: 0.3em;
      color: #0075c2; }
    .layout_side .side_otherLink ul li a, .sideArea .side_otherLink ul li a {
      display: inline-block;
      padding: 0.5em 0; }

.layout_side .sidebnr_custom, .sideArea .sidebnr_custom {
  margin: 8px auto;
  text-align: center; }
  .layout_side .sidebnr_custom p, .sideArea .sidebnr_custom p {
    line-height: 1; }
  .layout_side .sidebnr_custom .orange a, .sideArea .sidebnr_custom .orange a {
    display: block;
    padding: 26px 10px 20px;
    border: 4px solid #f39801;
    text-align: center;
    background: #FFF4E3;
    border-radius: 5px;
    position: relative;
    margin-bottom: 8px;
    color: #f39801;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1.2;
    transition: .3s; }
    .layout_side .sidebnr_custom .orange a span.url, .sideArea .sidebnr_custom .orange a span.url {
      font-size: 0.8rem;
      font-weight: normal; }
  .layout_side .sidebnr_custom .orange a:hover, .sideArea .sidebnr_custom .orange a:hover {
    background: #f39801;
    color: #FFF; }
  .layout_side .sidebnr_custom .blue a, .sideArea .sidebnr_custom .blue a {
    display: block;
    padding: 26px 10px 20px;
    border: 4px solid #1193EE;
    text-align: center;
    background: #D4EDFF;
    border-radius: 5px;
    position: relative;
    margin-bottom: 8px;
    color: #1193EE;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1.2;
    transition: .3s; }
    .layout_side .sidebnr_custom .blue a span.url, .sideArea .sidebnr_custom .blue a span.url {
      font-size: 0.8rem;
      font-weight: normal; }
  .layout_side .sidebnr_custom .blue a:hover, .sideArea .sidebnr_custom .blue a:hover {
    background: #1193EE;
    color: #FFF; }
  .layout_side .sidebnr_custom .green a, .sideArea .sidebnr_custom .green a {
    display: block;
    padding: 26px 10px 20px;
    border: 4px solid #68c157;
    text-align: center;
    background: #f0ffed;
    border-radius: 5px;
    position: relative;
    margin-bottom: 8px;
    color: #68c157;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1.2;
    transition: .3s; }
    .layout_side .sidebnr_custom .green a span.url, .sideArea .sidebnr_custom .green a span.url {
      font-size: 0.8rem;
      font-weight: normal; }
  .layout_side .sidebnr_custom .green a:hover, .sideArea .sidebnr_custom .green a:hover {
    background: #68c157;
    color: #FFF; }
  .layout_side .sidebnr_custom .img a, .sideArea .sidebnr_custom .img a {
    margin-bottom: 8px; }

@media screen and (max-width: 850px) {
  .layout_side .siteInfo {
    margin: 2vh 2%; }
    .layout_side .siteInfo dl {
      display: block; }
      .layout_side .siteInfo dl dt, .layout_side .siteInfo dl dd {
        width: 100%; }
      .layout_side .siteInfo dl dt {
        border-right: none;
        border-bottom: 1px solid #FF8000;
        padding: 1em 0.8em; }
      .layout_side .siteInfo dl dd {
        font-size: 0.8rem;
        padding: 0.8em; }
  .layout_side .bnr .quiz a {
    line-height: 1.8; }
    .layout_side .bnr .quiz a span.url {
      display: block; }
  .layout_side ul.member li {
    text-align: center; } }

/* sp */
/*　一般　サイドバー　*/