@charset "UTF-8";
/*==========================================
このファイルはsassで編集されています。
cssを編集しないでください。
============================================*/
/*==========================================
ボタンの設定
============================================*/
/*.btnの共通設定-----------------------------------------------------*/
.btn {
  display: block;
  width: 250px;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
  outline: none; }
  @media screen and (max-width: 760px) {
    .btn {
      width: 100%; } }
  .btn::before, .btn::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: ''; }

.btn,
.btn::before,
.btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s; }

.change-border {
  background-color: #fff;
  border: 2px solid #26499d;
  border-radius: 15px;
  color: #26499d;
  margin-top: 15px;
  font-weight: bold; }
  .change-border:hover {
    background-color: #26499d;
    border-color: #26499d;
    color: #fff; }

/*.btn2の共通設定-----------------------------------------------------*/
.btn2 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  padding: 8px 10px; }
  .btn2::before, .btn2::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: ''; }

.btn2,
.btn2::before,
.btn2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s; }

/*1.背景カラーをふわっと変更する*/
.change {
  background-color: #fff;
  color: #26499d;
  margin: 0 auto;
  font-size: 14px;
  border-radius: 3px;
  margin-top: 10px;
  padding: 8px !important;
  margin-left: 10px; }
  .change:hover {
    background-color: #26499d;
    color: #fff; }

/*.btn3の共通設定-----------------------------------------------------*/
.btn3 {
  display: inline-block;
  width: calc(100% - 30px);
  padding: 10px 25px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  outline: none; }
  @media screen and (max-width: 760px) {
    .btn3 {
      width: calc(100% - 20px);
      padding: 10px 2px; } }
  .btn3::before, .btn3::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: ''; }

.btn3,
.btn3::before,
.btn3::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s; }

/*2.背景・ボーダー・文字カラーをふわっと変更する*/
.change-border2 {
  background-color: #333;
  border: 2px solid #333;
  color: #fff; }
  .change-border2:hover {
    background-color: #fff;
    border-color: #333;
    color: #333; }

/*=====================================================================
前の記事、次の記事の設定
=======================================================================*/
.paging {
  display: flex;
  justify-content: center; }
  .paging a {
    padding: 10px;
    width: 100%;
    font-weight: 300;
    color: #fff;
    font-size: 0.9rem;
    width: 32%;
    border-radius: 5px;
    background: #858585;
    text-align: center;
    margin: 0 1%; }
    .paging a:hover {
      background: #333; }

/*=====================================================================
プライバシーポリシーの設定
=======================================================================*/
.privacy .container {
  padding: 0 0 50px; }

.privacy_table {
  width: 100%;
  margin: 10px 0 0; }
  .privacy_table td.firstChild.lastChild {
    padding: 10px; }

/*=====================================================================
パンくずリストの設定
=======================================================================*/
.breadcrumbs {
  font-size: 0.9rem;
  width: 100%;
  padding: 5px 0;
  padding-left: 10px; }
  .breadcrumbs a {
    display: inline-block; }
  @media screen and (max-width: 760px) {
    .breadcrumbs.container {
      padding-left: 0; } }

.breadcrumb {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 10px; }
  .breadcrumb a {
    display: inline-block; }
  .breadcrumb li {
    display: inline;
    /*横に並ぶように*/
    list-style: none;
    font-weight: normal;
    /* */ }
    .breadcrumb li:after {
      /* >を表示*/
      content: '>';
      padding: 0 3px;
      color: #555; }
    .breadcrumb li:last-child:after {
      content: ''; }
    .breadcrumb li a {
      text-decoration: none;
      color: gray;
      display: inline; }
      .breadcrumb li a:hover {
        text-decoration: underline; }
    .breadcrumb li:first-child a:before {
      /*家アイコン*/
      font-family: FontAwesome;
      content: '\f015';
      font-weight: normal;
      font-size: 1.1em;
      color: #2e7fea; }

.editor {
  font-size: 1rem; }
  .editor a {
    display: inline;
    text-decoration: underline; }
  .editor ol {
    list-style-type: decimal; }
  .editor ul {
    list-style-type: disc;
    margin-left: 20px; }
  .editor img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%; }
  .editor b {
    font-weight: bold; }
  .editor strong {
    font-weight: bold;
    background: linear-gradient(transparent 50%, yellow 50%); }
  .editor p {
    line-height: 30px; }
    .editor p img.alignright {
      display: block;
      margin: 0 0 0 auto !important; }
    .editor p img.alignleft {
      display: block;
      margin: 0 auto 0 0 !important; }
    .editor p img.aligncenter {
      display: block;
      margin: 0 auto !important; }
  .editor em a {
    text-decoration: none;
    color: #26499d;
    background: #F7F8F8;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    display: inline-block;
    width: 320px;
    margin: 0 5px;
    border: 2px solid #26499d;
    font-style: normal; }
    .editor em a:hover {
      background: #26499d;
      color: #fff; }
  .editor#news-post img {
    width: auto;
    max-width: 100%;
    margin: 15px 0; }
  .editor.eyecatch {
    height: 100% !important; }
    .editor.eyecatch .eyecatch {
      height: 100% !important; }
      .editor.eyecatch .eyecatch img {
        width: 100%;
        height: 100%; }
  .editor h1 {
    display: block;
    font-size: 2rem;
    color: #26499d;
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 50px;
    line-height: 2.8rem; }
    .editor h1 span {
      display: block;
      color: #898989;
      font-size: 1.5rem; }
  .editor h2 {
    display: inline-block;
    font-size: 2rem;
    color: #26499d;
    margin: 50px 0 15px;
    padding-bottom: 5px; }
  .editor h2.sub1 {
    font-size: 1.5rem;
    text-align: left;
    margin: 100px 0 20px;
    color: #333333;
    padding-bottom: 5px;
    border-bottom: 2px solid; }
    .editor h2.sub1::first-letter {
      color: #26499d; }
  .editor h2.sub2 {
    font-size: 1.5rem;
    margin: 10px auto 25px;
    color: #333333;
    padding-bottom: 5px;
    border-bottom: 2px solid #26499d; }
  .editor h2.sub3 {
    font-size: 1.3rem;
    text-decoration: underline;
    margin: 50px auto 5px;
    color: #26499d;
    padding-bottom: 5px; }
  .editor h3 {
    font-size: 1.5rem;
    display: inline-block;
    text-align: left;
    margin: 50px 0 20px;
    color: #333333;
    padding-bottom: 5px;
    border-bottom: 2px solid; }
    .editor h3::first-letter {
      color: #26499d; }
  .editor h4 {
    font-size: 1.7rem;
    margin: 50px 0 15px; }
  .editor h5 {
    font-size: 1.4rem;
    margin: 50px 0 10px; }
  .editor h6 {
    font-size: 1rem;
    margin: 50px 0 5px; }

.caret {
  position: absolute;
  top: 30%;
  right: 0; }
  @media screen and (max-width: 760px) {
    .caret {
      top: 5px; } }

/*==========================================
TablPpressの設定
============================================*/
table#tablepress-1, table#tablepress-2, table#tablepress-3 {
  text-align: left;
  background: #FFF;
  margin: 20px 0;
  font-size: 1rem; }
  table#tablepress-1 .odd td, table#tablepress-2 .odd td, table#tablepress-3 .odd td {
    background-color: #E5F0F7;
    border-bottom: #fff 2px solid; }
  table#tablepress-1 .even td, table#tablepress-2 .even td, table#tablepress-3 .even td {
    background-color: #FFFFFF;
    border-bottom: #fff 2px solid; }
  table#tablepress-1 td.column-1, table#tablepress-2 td.column-1, table#tablepress-3 td.column-1 {
    background: #26499d;
    width: 25%;
    color: #fff; }

/*=====================================================================
wp-pagenaviの設定
=======================================================================*/
.wp-pagenavi {
  clear: both;
  text-align: center;
  margin-top: 15px; }

.wp-pagenavi a, .wp-pagenavi span {
  color: #999;
  background-color: #FFF;
  border: solid 1px;
  border-color: #333333 !important;
  padding: 8px 15px !important;
  margin: 0 2px;
  white-space: nowrap;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  display: inline; }

.wp-pagenavi a:hover {
  color: #FFF;
  background-color: #333333;
  border-color: #333333; }

.wp-pagenavi span.current {
  color: #FFF;
  background-color: #333333 !important;
  border-color: #333333 !important;
  font-weight: bold; }

/*==========================================
ContactForm7のテーブル化レスポンシブ調整の設定
============================================*/
form.wpcf7-form label {
  display: flex;
  line-height: 45px; }
  @media screen and (max-width: 760px) {
    form.wpcf7-form label {
      display: block; } }
form.wpcf7-form span {
  width: 40%;
  display: inline-block;
  text-align: right;
  padding-right: 20px; }
  @media screen and (max-width: 760px) {
    form.wpcf7-form span {
      width: 100%;
      display: block;
      text-align: left;
      padding-right: none; } }
  form.wpcf7-form span b {
    font-weight: normal;
    color: red; }
form.wpcf7-form .wpcf7-form-control-wrap {
  position: relative;
  width: 60%;
  padding-right: 0; }
  @media screen and (max-width: 760px) {
    form.wpcf7-form .wpcf7-form-control-wrap {
      width: 100%; } }
form.wpcf7-form input {
  width: 100%;
  box-shadow: none;
  height: 45px;
  border: 1px solid #666;
  border-radius: 5px;
  margin-bottom: 20px;
  padding-left: 10px; }
form.wpcf7-form textarea {
  width: 100%; }
form.wpcf7-form .wpcf7-submit, form.wpcf7-form input.wpcf7-form-control.wpcf7-confirm.wpcf7c-elm-step1.wpcf7c-btn-confirm {
  padding: 5px;
  background: #26499d;
  color: #fff;
  cursor: pointer;
  width: 60%;
  margin-left: 40%; }
  @media screen and (max-width: 760px) {
    form.wpcf7-form .wpcf7-submit, form.wpcf7-form input.wpcf7-form-control.wpcf7-confirm.wpcf7c-elm-step1.wpcf7c-btn-confirm {
      width: 100%;
      margin: 0; } }
form.wpcf7-form input.wpcf7-form-control.wpcf7-back.wpcf7c-elm-step2.wpcf7c-btn-back {
  padding: 5px;
  cursor: pointer;
  width: 60%;
  margin-left: 40%; }
  @media screen and (max-width: 760px) {
    form.wpcf7-form input.wpcf7-form-control.wpcf7-back.wpcf7c-elm-step2.wpcf7c-btn-back {
      width: 100%;
      margin: 0; } }
form.wpcf7-form span.wpcf7-form-control-wrap.menu-669, form.wpcf7-form span.wpcf7-form-control-wrap.address1 {
  text-align: left;
  margin-bottom: 20px; }
form.wpcf7-form .wpcf7c-elm-step2 {
  margin-left: 40%; }
  @media screen and (max-width: 760px) {
    form.wpcf7-form .wpcf7c-elm-step2 {
      width: 100%;
      margin: 0 0 10px; } }
form.wpcf7-form input.wpcf7-form-control.wpcf7-submit.wpcf7c-elm-step2 {
  padding-left: 0; }

form.wpcf7-form span.wpcf7-not-valid-tip {
  text-align: left !important;
  width: 100% !important;
  font-size: 12px !important;
  margin: 0 0 50px;
  line-height: 0; }
  @media screen and (max-width: 760px) {
    form.wpcf7-form span.wpcf7-not-valid-tip {
      margin: 0 0 30px; } }
  @media screen and (max-width: 760px) {
    form.wpcf7-form span.wpcf7-not-valid-tip {
      line-height: 30px; } }

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid {
  margin: 0; }

span.wpcf7-list-item-label {
  width: 100% !important;
  text-align: left !important;
  padding-left: 5px; }
  @media screen and (max-width: 760px) {
    span.wpcf7-list-item-label {
      vertical-align: top;
      display: inline !important; } }

input[type="checkbox"] {
  width: auto !important; }

span.wpcf7-list-item {
  width: 100% !important; }

span.wpcf7-form-control-wrap.your-consent {
  width: 100%;
  margin-left: 40%; }
  @media screen and (max-width: 760px) {
    span.wpcf7-form-control-wrap.your-consent {
      margin-left: 0%; } }
  span.wpcf7-form-control-wrap.your-consent span.wpcf7-form-control.wpcf7-acceptance {
    width: 100%; }
    span.wpcf7-form-control-wrap.your-consent span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item form.wpcf7-form span {
      width: 100%; }

input.wpcf7-form-control.wpcf7-submit.wpcf7c-elm-step2 {
  background: #26499d; }
  input.wpcf7-form-control.wpcf7-submit.wpcf7c-elm-step2:hover {
    background: #000; }

form.wpcf7-form .wpcf7-submit, form.wpcf7-form input.wpcf7-form-control.wpcf7-confirm.wpcf7c-elm-step1.wpcf7c-btn-confirm:disabled {
  background: #999; }

p.privacy-text {
  margin-left: 40%; }
  @media screen and (max-width: 760px) {
    p.privacy-text {
      margin-left: 0%; } }
