html {
  overflow: auto;
}
body {
  overflow-x:hidden;
  font-size:1em;
  font-size: 16px;
  line-height:1.5;
  font-family: メイリオ, Meiryo, 'Hiragino Kaku Gothic Pro',
    'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Arial, Verdana, sans-serif;
}

/* input,select,textarea{
  font-family: メイリオ, Meiryo, 'Hiragino Kaku Gothic Pro',
 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Arial, Verdana, sans-serif;
} */

body,h1,h2,h3,h4,h5,p,ul,ol,li,dl,dd,dt{margin:0;padding:0px;}

li {
  list-style: none;
  margin: 0;
  padding: 0;
}


a {text-decoration: none; color:#7D7D7D;}
a:hover {text-decoration: none;}
/*a img:hover { opacity: 0.9; -moz-opacity: 0.9;}*/
a img {
  border-style:none;
}

img {
  vertical-align: bottom;
  line-height:0!important;
  /* display:block; */
}

/* button{
  background-color: transparent;
  border: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
button:focus,
input:focus,
select:focus{
  outline: none;
}
button:hover{
  cursor:pointer
} */

/*--------------------------------------------------------
サイト毎に変化のある定数
--------------------------------------------------------*/

.fullscreen {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.contents1000 {
  width: 1000px;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;

  box-shadow: 1px 1px 6px #545400;
}
.contents {
  width: 1000px;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
.contents1800 {
  width: 100%;
  max-width: 1800px;
  margin-right: auto;
  margin-left: auto;
}

.img_center {
  margin-left:-400px;
}

.text {
  font-size: 1rem;
  line-height:1.6;
}

.text p {
  padding-bottom: 1em;
  line-height: 1.8;
}

.back_white {background-color:#fff;}
.back_black {background-color:#000;}
.back_blue {background-color:#99B3EB;}
.back_yellow  {background-color:#FFF101;}
.back_clear {background-color: transparent;}

.white {color:#FFF;}
.black {color:#000;}
.red {color:#FF0000;}
.blue {color:#99B3EB;}

.bg_01 {
  background-color: #FFFFDB;
}


/*--------------------------------------------------------
定数
--------------------------------------------------------*/
.c {text-align:center!important;}
.cm {
  margin-left: auto;
  margin-right: auto;
}
.r {text-align:right!important;}
.l {text-align:left!important;}

.inline-block {
  display:inline-block;
}
.block {
  display:block;
}
.vertical-top {
  vertical-align: top;
}
.pointer {
  cursor: pointer;
}

.margin800 {margin-top:80%;}
.margin700 {margin-top:70%;}
.margin600 {margin-top:60%;}
.margin500 {margin-top:50%;}
.margin400 {margin-top:40%;}
.margin350 {margin-top:30.5%;}
.margin300 {margin-top:30%;}
.margin200 {margin-top:20%;}
.margin150 {margin-top:15%;}
.margin100 {margin-top:10%;}
.margin90 {margin-top:9%;}
.margin80 {margin-top:8%;}
.margin75 {margin-top:7.5%;}
.margin70 {margin-top:7%;}
.margin60 {margin-top:6%;}
.margin50 {margin-top:5%;}
.margin40 {margin-top:4%;}
.margin35 {margin-top:3.5%;}
.margin30 {margin-top:3%;}
.margin25 {margin-top:2.5%;}
.margin20 {margin-top:2%;}
.margin10 {margin-top:1%;}
.padding300 {padding-top:30%;}
.padding250 {padding-top:25%;}
.padding200 {padding-top:20%;}
.padding150 {padding-top:15%;}
.padding100 {padding-top:10%;}
.padding90 {padding-top:9%;}
.padding80 {padding-top:8%;}
.padding70 {padding-top:7%;}
.padding60 {padding-top:6%;}
.padding50 {padding-top:5%;}
.padding40 {padding-top:4%;}
.padding30 {padding-top:3%;}
.padding25 {padding-top:2.5%;}
.padding20 {padding-top:2%;}
.padding10 {padding-top:1%;}

.visible1800{display: none;}
.visible900{display: none;}
.visible750{display: none;}
.visible600{display: none;}
.visible500{display: none;}
.visible400{display: none;}
.visible320{display: none;}



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


/*重なりの優先度*/
.relative {position:relative;}
.absolute {position:absolute;}

.z0{ z-index: 0; }
.z1{ z-index: 1; }
.z2{ z-index: 2; }
.z3{ z-index: 3; }
.z4{ z-index: 4; }
.z5{ z-index: 5; }
.z6{ z-index: 6; }
.z7{ z-index: 7; }
.z8{ z-index: 8; }
.z9{ z-index: 9; }
.z10{ z-index: 10; }
.z20{ z-index: 20; }
.z30{ z-index: 30; }
.z40{ z-index: 40; }
.z50{ z-index: 50; }
.z99{ z-index: 9999; }



/*横幅*/
.w100 {width:100%;}
.w90 {width:90%;}
.w80 {width:80%;}
.w70 {width:70%;}
.w60 {width:60%;}
.w50 {width:49.5%;}
.w49 {width:43.333%;}
.w40 {width:40%;}
.w30 {width:30%;}
.w20 {width:20%;}
.w10 {width:10%;}


.img_w90 {width: auto;max-width: 90%;}
.img_w80 {width: auto;max-width: 80%;}




/*--------------------------------------------------------
定数 ※個別設定
--------------------------------------------------------*/




/*--------------------------------------------------------
アニメーション
--------------------------------------------------------*/

/* animations.cssの記述に追加 */
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* // animations.cssの記述に追加 // */


@-webkit-keyframes pickup {
  0% {
    left: 15%;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  50% {
    left: 15%;
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    left: 15%;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pickup {
  0% {
    left: 15%;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  50% {
    left: 15%;
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    left: 15%;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes pickup2 {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
         -o-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pickup2 {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
         -o-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}


.pickup{
  display: block;
   -webkit-animation-name: pickup;
  animation-name: pickup;
   -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
   -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
   -webkit-animation-delay: 0s;
  animation-delay: 0s;
   -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.pickup2{
  display: block;
   -webkit-animation-name: pickup2;
  animation-name: pickup2;
   -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
   -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
   -webkit-animation-delay: 0s;
  animation-delay: 0s;
   -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


@-webkit-keyframes flash {
  from, 25%, 50%, 75%, to {
    opacity: 1;
  }

  12.5% ,37.5% ,62.5% ,87.5% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 25%, 50%, 75%, to {
    opacity: 1;
  }

  12.5% ,37.5% ,62.5% ,87.5% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-duration: 3s!important;
  animation-duration: 3s!important;
}
.flash.go {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/*--------------------------------------------------------
//アニメーション
--------------------------------------------------------*/






/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

header {
  width:100%;
  margin:0 auto;
  line-height: 0em; /* 画像の上下に隙間が空いてしまう対策 */

  position:fixed;
  z-index:100;
  top:-1px;
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
footer {
  position:relative;
  z-index:2;
  text-align:center;
  background-color: #FFCFE5;
  color: #575757;
}
.copyright{
  padding: 7px 0;
}
.copyright,
.copyright a{
  font-size: 14px;
  color: #575757;
}
.copyright a:hover{
  text-decoration: underline;
}


/*--------------------------------------------------------
各種レイアウト
--------------------------------------------------------*/
.kv_01_01 {
  top:1%;
  left:4%;
}
.kv_01_02 {
  width:100%;
  bottom:-14%;
}

.bg_pattern_pc {
  background: url("../img/bg_pattern.jpg") repeat-y;
}

.kv2 {
  margin-top:-330px;
}
.kv_02_01 {
  width:100%;
  bottom:3%;
}

.bg_law {
  background: url("../img/bg_pattern.jpg") repeat;
}
.inner_law {
  width:88%;
  margin:3% 2%;
  padding:4% 4%;

  color:#3D3D3D;
}
.radius {
  border-radius: 10px;
}



.map01 {top:6%;  left:9%;}
.map02 {top:16%;  left:41%;}
.map03 {top:1%;  right:13%;}
.map04 {top:30%;  left:16%;}
.map05 {top:28%;  right:13%;}
.map06 {top:56%;  left:9%;}
.map07 {top:47%;  left:45%;}
.map08 {top:72%;  right:22%;}





/* 拡大 luminous 調整用 */
.lum-lightbox {
    background: rgba(99,99,99,.4)!important;
}
.lum-lightbox {
  z-index:3;
}
.lum-close-button {
  opacity: 1!important;
}
@media screen and (max-width: 1001px) {
  .lum-lightbox-inner img {
    width: auto;
  }
  .lum-lightbox-inner {
    top: 0%!important;
  }
}
@media screen and (max-width: 461px) {
  .lum-lightbox-inner img {
    width: inherit;
    max-width: 100%!important;
    max-height: 100%!important;
  }
}
/* // 拡大 luminous 調整用 // */

/*--------------------------------------------------------
//各種レイアウト
--------------------------------------------------------*/


/*--------------------------------------------------------
//サンキュー用レイアウト
--------------------------------------------------------*/



/*--------------------------------------------------------
//特定商用レイアウト
--------------------------------------------------------*/