@charset "UTF-8";
* {
  font-style: normal;
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
}

.float_r {
  float: right;
}

.float_l {
  float: left;
}

.txt_c {
  text-align: center;
}

.txt_r {
  text-align: right;
}

.txt_l {
  text-align: left;
}


/* CSS Document */
/*===============
base
=================*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

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

@media screen and (min-width: 801px) {
  body {
    font-size: 14px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    color: #000;
    line-height: 1.4em;
    letter-spacing: 0.2em;
  }

  .wrapper {
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
  }

  section {
    margin-right: 0;
    margin-left: 0;
  }

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

  header {
    height: 70px;
    position: fixed;
    width: 100%;
//    left: 0px;
    top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    z-index: 9999;
	margin:auto;
  }

  #logo {
    width: 20%;
    float: left;
    margin-left: 50px;
  }

  #logo img {
    width: 120px;
	margin: 15px;
  }

  #logo a,
  .w_top a,
  .topmenu a {
    display: block;
    height: 100%;
  }

  .header_menu {
    float: none;
//    margin-right: 25px;
    width: 80%;
	margin:auto ;
	font-size: 12px;
	text-align:center;
  }

  .header_menu li {
    float: left;
    text-align: center;
  }

/*20200709修正・追加*/
  .header_menu li a {
    //display: block;
    padding: 15px;
    /*20200709追加*/
    position: relative;
    display: inline-block;
    text-decoration: none;
    /*20200709追加*/
	top: 10px;
  }
  .header_menu li a::after{
    position: absolute;
    bottom: -10px;
    left: 0;
    content: "";
    width: 100%;
    height: 3px;
    background: #91876C;
    transform: scale(0,1);
    transform-origin: center top;
    transition: transform .3s;
  }
  .header_menu li a:hover::after{
    transform: scale(1,1);
  }
/*20200709修正・追加*/

  .contact a {
    color: #000 !important;
    border: 2px solid #000;
  }

  .contact a:hover {
    color: #FFF !important;
    background-color: #000;
    text-decoration: none;
  }

  .nonpc {
    display: none;
  }

  .pc {
    display: block;
  }
}
@media only screen and (max-width: 800px) {
  body, div, dl, dt, dd, ul, ol, li, h1, a h2, h3, h4, h5, h6, form, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
  }

  img {
    max-width: 100%;
    height: auto;
  }
  .main img {
    max-width:100%;
    height: 600px;
  }

  body {
    min-width: 320px;
    font-size: 90% !important;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    color: #333;
    background: #fff;
    line-height: 1.4em;
  }

  section {
    margin-right: 0;
    margin-left: 0;
  }

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

  a:link, a:visited, a:active {
    color: #0972AE;
    text-decoration: none;
  }

  a:hover {
    color: #006e42;
    text-decoration: none;
  }

  ul, ol {
    list-style: none;
  }

  /*clearfix*/
  .clearfix:after {
    visibility: hidden;
    /*見えなくする*/
    height: 0;
    /*見えなくする*/
    display: block;
    /*block要素にする*/
    font-size: 0;
    content: " ";
    clear: both;
  }

  * html .clearfix {
    zoom: 1;
  }

  /* IE6 */
  *:first-child + html .clearfix {
    zoom: 1;
  }

  /* IE7 */
  /*footerの背景指定*/
  html {
    background: #FFF;
  }

  .nonpc {
    display: block;
  }

  .tab {
    display: none;
  }

  .pc {
    display: none;
  }

  header {
    height: 60px;
    position: fixed;
    z-index: 999;
    background-color: #fff;
    width: 100%;
  }

  #logo {
    width: 25%;
    float: left;
    margin-left: 10px;
  }

  #logo img {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .sp10 {
    margin: 10px;
  }
}
a:link,
a:visited,
a:active {
  color: #91876C;
  text-decoration: none;
}

a:hover {
  text-decoration: none; /* underline; */
}

ul,
ol,
li {
  list-style: none;
}

/*clearfix*/
.clearfix:after {
  visibility: hidden;
  /*見えなくする*/
  height: 0;
  /*見えなくする*/
  display: block;
  /*block要素にする*/
  font-size: 0;
  content: " ";
  clear: both;
}

* html .clearfix {
  zoom: 1;
}

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
}

/* IE7 */
.clear {
  clear: both;
}

/*==================
contents
====================*/
#contents {
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}

/*** custom checkboxes ***/
input[type=radio],
input[type='checkbox'] {
  display: none;
}

input[type=radio] + label {
  display: block;
}

input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  width: 20px;
  font-size: 120%;
}

input[type=radio] + label:before {
  content: "\f10c";
  font-weight: normal;
  color: #333;
  /* Radio Unchecked */
  font-style: normal;
}

input[type=radio]:checked + label:before {
  content: "\f192";
  color: #e94709;
  /* Radio Checked */
}

input[type="checkbox"] + label:before {
  content: "\f096";
  /* Checkbox Unchecked */
}

input[type="checkbox"]:checked + label:before {
  content: "\f046";
  color: #e94709;
  /* Checkbox Checked */
}

.radio label,
.checkbox label {
  padding-left: 0;
}

input[type="email"], input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"], input[type="url"], textarea, select {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 10px;
}

.type-list input[type=radio] {
  position: relative;
  top: -3px;
}

.pager ul.pageNav01 {
  margin: 0 0 10px;
  padding: 10px 10px 5px;
  text-align: center;
}

.pager ul.pageNav01 li {
  display: inline;
  padding: 0;
  margin-top: 0;
  margin-right: 2px;
  margin-bottom: 0;
  margin-left: 2px;
}

.pager ul.pageNav01 li a {
  display: inline-block;
  margin-bottom: 5px;
  border: 1px solid #aaa;
  text-decoration: none;
  vertical-align: middle;
  padding-top: 3px;
  padding-right: 12px;
  padding-bottom: 3px;
  padding-left: 12px;
  background-color: #FFF;
  color: #246c97;
}

.pager ul.pageNav01 li span {
  display: inline-block;
  margin-bottom: 5px;
  border: 1px solid #aaa;
  text-decoration: none;
  vertical-align: middle;
  padding-top: 3px;
  padding-right: 12px;
  padding-bottom: 3px;
  padding-left: 12px;
  background-color: #5391c5;
  color: #FFF;
  font-weight: bold;
}

.pager ul.pageNav01 li a:hover {
  background-color: #5391c5;
  color: #FFFFFF;
  border-top-color: #2b71b4;
  border-right-color: #2b71b4;
  border-bottom-color: #2b71b4;
  border-left-color: #2b71b4;
}

.linktxt {
  float: right;
  width: 250px;
  position: relative;
  margin-top: 25px;
}

.linktxt a:after {
  position: absolute;
  right: .6em;
  font-size: 1.4em;
  font-family: 'FontAwesome';
  content: "\f105";
  color: #FFF;
}

.linktxt a {
  display: block;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 20px;
  color: #FFF !important;
  background-color: #1790bf;
  font-weight: bold;
}

.linktxt a:hover {
  background-color: #626262;
  text-decoration: none;
}

.link_orange a {
  color: #EC631A;
}

/* font-size */
.fs09 {
  font-size: 60%;
}

.fs10 {
  font-size: 77%;
}

.fs11 {
  font-size: 85%;
}

.fs12 {
  font-size: 90%;
}

.fs13 {
  font-size: 95%;
}

.fs14 {
  font-size: 108%;
}

.fs15 {
  font-size: 116%;
}

.fs16 {
  font-size: 16px;
}

.fs17 {
  font-size: 131%;
}

.fs18 {
  font-size: 138.5%;
}

.fs19 {
  font-size: 146.5%;
}

.fs20 {
  font-size: 153.9%;
}

.fs21 {
  font-size: 161.6%;
}

.fs22 {
  font-size: 167%;
}

.fs23 {
  font-size: 174%;
}

.fs24 {
  font-size: 182%;
}

.fs25 {
  font-size: 189%;
}

.fs26 {
  font-size: 197%;
}

.fw_bold {
  font-weight: bold;
}

/* font-color */
.font-wh {
  color: #fff;
}

.font-rd {
  color: #c00;
}

.font-or {
  color: #ea5503;
}

.font-gr {
  color: #006e42;
}

.font-brown {
  color: #554400;
}

.font-bl {
  color: #0972ae;
}

.black a {
  color: #333;
  text-decoration: none;
}

.m10 {
  margin: 10px;
}

/* margin-top */
.mt00 {
  margin-top: 0px;
}

.mt02 {
  margin-top: 2px;
}

.mt03 {
  margin-top: 3px;
}

.mt05 {
  margin-top: 5px;
}

.mt07 {
  margin-top: 7px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mt80 {
  margin-top: 80px;
}

.mt90 {
  margin-top: 90px;
}

.mt100 {
  margin-top: 100px;
}

.mt120 {
  margin-top: 120px;
}

.mt150 {
  margin-top: 150px;
}

.mt200 {
  margin-top: 200px;
}

.mt350 {
  margin-top: 350px;
}

.mt400 {
  margin-top: 400px;
}

/* margin-right */
.mr00 {
  margin-right: 0px;
}

.mr02 {
  margin-right: 2px;
}

.mr03 {
  margin-right: 3px;
}

.mr05 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr18 {
  margin-right: 18px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr35 {
  margin-right: 35px;
}

.mr40 {
  margin-right: 40px;
}

.mr45 {
  margin-right: 45px;
}

.mr50 {
  margin-right: 50px;
}

.mr55 {
  margin-right: 55px;
}

.mr60 {
  margin-right: 60px;
}

.mr70 {
  margin-right: 70px;
}

.mr80 {
  margin-right: 80px;
}

.mr90 {
  margin-right: 90px;
}

.mr100 {
  margin-right: 100px;
}
.mr030 {
  margin-right: 30%;
}

/* margin-bottom */
.mb00 {
  margin-bottom: 0px;
}

.mb02 {
  margin-bottom: 2px;
}

.mb05 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb100 {
  margin-bottom: 100px;
}

/* margin-left */
.ml00 {
  margin-left: 0px;
}

.ml02 {
  margin-left: 2px;
}

.ml05 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 40px;
}

.ml45 {
  margin-left: 45px;
}

.ml50 {
  margin-left: 50px;
}

.ml55 {
  margin-left: 55px;
}

.ml60 {
  margin-left: 60px;
}

.ml70 {
  margin-left: 70px;
}

.ml80 {
  margin-left: 80px;
}

.ml90 {
  margin-left: 60px;
}

.ml100 {
  margin-left: 100px;
}

.ml180 {
  margin-left: 180px;
}

.ml290 {
  margin-left: 290px;
}

.ml300 {
  margin-left: 300px;
}
.ml030 {
  margin-left: 30%;
}

/* padding */
.pd05 {
  padding: 5px;
}

.pd10 {
  padding: 10px;
}

/* padding-top */
.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pt70 {
  padding-top: 70px;
}

.pt75 {
  padding-top: 75px;
}

.pt80 {
  padding-top: 80px;
}

/* padding-left */
.pl03 {
  padding-left: 3px;
}

.pl10 {
  padding-left: 10px;
}

.pl30 {
  padding-left: 30px;
}

/* padding-right */
.pr10 {
  padding-right: 10px;
}

.pr30 {
  padding-right: 30px;
}

/* padding-bottom */
.pb05 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb30 {
  padding-bottom: 30px;
}

/* width */
.wd20 {
  width: 20%;
}

.wd25 {
  width: 25%;
}

.wd30 {
  width: 30%;
}

.wd35 {
  width: 35%;
}

.wd40 {
  width: 40%;
}

.wd48 {
  width: 48%;
}

.wd50 {
  width: 50%;
}

.wd60 {
  width: 60%;
}

.wd70 {
  width: 70%;
}

.wd80 {
  width: 80%;
}

.wd90 {
  width: 90%;
}

.wd100 {
  width: 100%;
}

/* height */
.hg40 {
  height: 40px;
}

.hg50 {
  height: 50%;
}

.hg60 {
  height: 60px;
}

.hg100 {
  height: 100%;
}

/* background */
.bg-grey01 {
  background-color: #F0EEE6;
}

.bg-grey02 {
  background-color: #F2F1EC;
}

.bk-sotodan {
  background-color: #f6efed;
}

.bk-power {
  background-color: #dae1e7;
}

.bk-plan {
  background-color: #fffbf8;
}

.bk-layerd {
  background-color: #1C1916;
}

.bk-white {
  background-color: #FFF;
}

/* border */
.bd01s {
  border: 1px solid #333;
}

.bd01sc {
  border: 1px solid #ccc;
}

.bd01sr {
  border: 1px solid #CC0000;
}

.bd-bt01s {
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
}

.bd-bottom-gray {
  border-bottom: 1px solid #9FA0A0;
  margin-top: 30px;
}

.bd-bt03s {
  border-bottom: 3px solid #006633;
}

.bd-b01dt {
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #9fa1a0;
}

.bd-t01dt {
  border-top: 1px dotted #ccc;
}

/*hover*/
.hv a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.relative .icon {
  position: absolute;
  left: 180px;
  top: 10px;
}

.waku {
  border: 1px solid #CCC;
  padding: 15px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.waku02 {
  border: 1px solid #CCC;
  padding: 15px;
  margin: 10px;
  font-weight: bold;
  color: #00763f;
  background-color: #EFEFEF;
  font-size: 120%;
}

.relative {
  position: relative;
}

/*==================
footer
====================*/
footer {
  margin-top: 150px;
  padding-top: 80px;
  border-top-style: solid;
//  background-color: #1f1f1f;
  text-align: justify;
  padding-bottom: 60px;
}

footer #copyright {
  text-align: center;
  color: #746247;
}