@charset "utf-8";
/* ----------------------------------------------------

★全体共通css
-------------------------------------------------------

build:2014-11
lastupdate:2015-12
version:1.1
author:kh

-------------------------------------------------------

★目次
01.reset
02.font
03.linkcolor

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

/* ■01.reset
--------------------------------------------------- */
body,
div,p,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,
form,fieldset,legend,input,textarea,blockquote,
th,td,figure,figcaption
{
    margin:0;
    padding:0;
    -webkit-text-size-adjust: none;
    letter-spacing: 0.06em;
}

/*　■動作を滑らかにする場合の記述
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
*/

h1,h2,h3,h4,h5,h6{ font-weight:inherit; /*line-height:100%;*/ }
li{ list-style:none; }
table{ border-collapse: collapse; border-spacing: 0; }

fieldset,img { border: 0; vertical-align: bottom; }
/*img{ width:100%; display: block;}*/

/* ■02.font
〇基本フォントサイズ
16px相当    100%
15px相当    0.9375
14px相当    0.875
13px相当    0.8125
12px相当    0.75
11px相当    0.6875
10px相当    0.625
 9px相当    0.5625
 8px相当    0.5

〇13px(87.5%)からの継承
16px相当    1.230769231
15px相当    1.153846154
14px相当    1.076923077
13px相当    100%
12px相当    0.923076923
11px相当    0.846153846
10px相当    0.769230769
 9px相当    0.692307692
 8px相当    0.615384615

〇14px(87.5%)からの継承
16px相当    1.142857143
15px相当    1.071428571
14px相当    100%
13px相当    0.928571429
12px相当    0.857142857
11px相当    0.785714286
10px相当    0.714285714
 9px相当    0.642857143
 8px相当    0.571428571
--------------------------------------------------- */
body,html{ overflow-x: hidden; }
@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;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

body {
    font-family: "メイリオ", Meiryo, sans-serif;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
    line-height: 1.7;
    color: #1a1a1a;
    font-weight: 300;
    font-size: 14px;
}
@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
/* ■02.横幅1300px以上（PC用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:1320px) {
/* ▼PC用================================================================== */

/* ▲PC用================================================================== */
}


/* ■03.横幅768px以上、1299px以下（Tab用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:1319px) {
/* ▼Tab用================================================================= */

/* ▲Tab用================================================================= */
}


/* ■04.横幅480px以上、767px以下（SP横用）
--------------------------------------------------- */
@media screen and (min-width:480px) and (max-width:767px) {
/* ▼SP横用================================================================ */

/* ▲SP横用================================================================ */
}


/* ■05.横幅479px以下（SP縦用）
--------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:479px) {
/* ▼SP縦用用================================================================ */

/* ▲SP縦用用================================================================ */
}

/* ■03.link
--------------------------------------------------- */
a:link{text-decoration: none;}

a img{border-style: none;}

*:focus {
  outline: none;
}
/* ■フェードイン表示
--------------------------------------------------- */
/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 80px);
    transition : all 800ms;
    }

/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    animation-delay: 0.4s;
    animation-duration:1s;
    }
    /* ■animation表示
--------------------------------------------------- */


 .box{
    position: relative;
    width: 100%;
    max-width:1000px;
    margin:0 auto 60px;
    height:198px;
}
.box ul li{
    position:absolute;
    display:inline-block;
    width:20%;
    float:left;}
.box ul li:nth-child(1) {
    left: 0;
}
.box ul li:nth-child(2) {
    left: 20%;
}
.box ul li:nth-child(3) {

    left: 40%;
}
.box ul li:nth-child(4) {
    left: 60%;
}
.box ul li:nth-child(5) {
    left: 80%;
}.box ul li img{width:100%;}.invisible {
    transition: opacity 0.5s ease;
    opacity: 0.0;
}
    /* ■animation表示
--------------------------------------------------- */
.invisible {
    transition: opacity 0.5s ease;
    opacity: 0.0;
}

.visible {
    transition: opacity 0.5s ease;
    opacity: 1.0;
}

.grecaptcha-badge { visibility: hidden; }

.advisory-com {position: relative;margin: 0;padding: 16px 20px 16px 83px;background: #fff;}
.advisory-com__title {position: absolute;top: 0;left: 0;height: 28px;padding: 0 8px 0 16px;background: #433d32;color: #fff;font-size: 14px;line-height: 28px;z-index: 10;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.advisory-com__title:after {position: absolute;top: 0;right: -20px;content: "";width: 0;height: 0;border-style: solid;border-width: 28px 20px 0 0;border-color: #433d32 transparent transparent transparent;}
.slider {position: relative;}
.advisory-com ul {display: flex;margin: 0;padding: 0;list-style: none;}
.advisory-com li {display: inline-block;min-width: 120px;width: auto;margin: 0 20px 0 0;padding: 0;list-style: none;background: #fff;}
.advisory-com li a{display: block;width: 100%;position: relative;}
.advisory-com li a:hover:after{content: '';width: 100%;height: 60px;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;}
.advisory-com li a img{display: block;height: 60px;width: auto;margin: 0 auto;}
.advisory-com li a span{display: none;}
.advisory-com li a:hover span{display: block;font-size: 12px;line-height: 1;color: #fff;position: absolute;top: 5px;left: 5px;z-index: 999;}
.advisory-com .swiper-button-prev {display: block;width: 40px;height: 60px;position: absolute;top: 0;left: 0;background: -webkit-gradient(linear, left top, right top, color-stop(40%, #fff), to(rgba(125, 109, 80, 0)));background: -webkit-linear-gradient(left, #fff 40%, rgba(125, 109, 80, 0) 100%);background: -o-linear-gradient(left, #fff 40%, rgba(125, 109, 80, 0) 100%);background: linear-gradient(to right, #fff 40%, rgba(125, 109, 80, 0) 100%);z-index: 2;}
.advisory-com .swiper-button-next {display: block;width: 40px;height: 60px;position: absolute;top: 0;right: 0;background: -webkit-gradient(linear, right top, left top, color-stop(40%, #fff), to(rgba(125, 109, 80, 0)));background: -webkit-linear-gradient(right, #fff 40%, rgba(125, 109, 80, 0) 100%);background: -o-linear-gradient(right, #ffff 40%, rgba(125, 109, 80, 0) 100%);background: linear-gradient(to left, #fff 40%, rgba(125, 109, 80, 0) 100%);z-index: 2;}
/*.advisory-com.advisory-com li a:before{content: '';display: block;width: 100%;height: 100%;background: rgba(125,109,80,0.5);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;}*/

.table-01 {
  width: 100%;
  border: 1px solid#96804b;
  background: #fff;
}
.table-01 th {
  background: #96804b;
  color: #fff;
}
.table-01 tr:not(:last-of-type) th {
  border-bottom: 1px solid#fff;
}
.table-01 tr:not(:last-of-type) td {
  border-bottom: 1px solid#96804b;
}
@media screen and (max-width: 768px) {
  .table-scroll-wrap {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
  }

  .table-scroll {
    min-width: 700px;
  }
}
.m-0-a-10 { margin: 0 auto 10px; }
.m-0-a-20 { margin: 0 auto 20px; }
.m-0-a-30 { margin: 0 auto 30px; }
.m-0-a-40 { margin: 0 auto 40px; }
.p-30-a-0 { padding: 30px 0; }

.align-l  { text-align: left; }
.align-c  { text-align: center; }
.align-r  { text-align: right; }
.mincho-gold {
  font-family: TsukuAOldMinPr6-R,serif;
  font-weight: bold;
  color: #96804b;
}
.bold {
  font-weight: bold;
}

.page-numbers{display: inline-block;
    min-width: 22px;
    text-align: center;
    background: #fff;
    padding: 0 2px;
    border-radius: 3px;}

.red { color: red; }
ul.dot-none li:before{ content: '';}