@charset "UTF-8";
@media screen and (min-width: 768px),print {

.cc-ttl-Box-01{
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500;
  height: 160px; text-align: center; background: url(../images/common/h2.jpg) no-repeat top center; }
.cc-ttl-Box-01 .en{ margin-bottom: 10px; display: block; font-weight: bold; color: #d2b304; font-size: 10px; }
.cc-ttl-Box-01 .jp{ display: block; color: #fff; font-weight: bold; font-size: 27px; }

.contents-all{ width: 1100px; margin: 0 auto;  padding-top: 20px; }
.cc-w-Box{ width: 800px; float: right; }
.cc-w-Box-404{ width: 800px; background-color: #fff; padding: 20px 20px 20px 20px; margin:0 auto 30px; }

#side-menu{ width: 260px; float: left; }
#side-menu p{ margin-bottom: 10px; }
#side-menu #side-case{ background: #fff;   padding: 17px 17px 1px 17px; margin-bottom: 10px; }
#side-menu #side-case h3{ margin-bottom: 18px; }
#side-menu #side-case li{ margin-bottom: 10px; }

#side-menu #side-info{ padding-top: 30px; text-align: center; margin-bottom: 18px; background: url(../images/common/about-back.jpg); padding-bottom: 1px; }
#side-menu #side-info h3{ margin-bottom: 18px; }
#side-menu #side-info li{ margin-bottom: 10px; }

#side-menu .sns { margin-bottom: 10px; }
#side-menu .sns li{ float: left; }
#side-menu .sns li:nth-child(1){ margin-right:10px;  }

.seo_bread_list{ width: 1100px; margin: 0px auto 0px auto; padding: 10px 0px;  }
.seo_bread_list li{ float: left; margin-right: 20px;  }
.seo_bread_list li span{ color: #898989; }
.seo_bread_list li::after{ content: ">"; }
.seo_bread_list li:last-child::after{ content: ""; }
.cc-ttl-02{ font-size: 20px; font-weight: bold; width: 800px; margin: 0 auto 20px auto; background: #433526; padding:  7px 30px; color: #fff;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

.page-list li{ border: 1px solid #dcdddd; background:#eeefef;  }
.page-list li.active{ background: #000; color: #fff; }
.page-list li.active a{ color: #fff; }

.contents-pager{  width: 800px; margin: 0 auto 20px auto; height: 70px; padding-top: 20px; }
.contents-pager .list-Back{ float: right; background: #433526; padding: 7px 20px;}
.contents-pager .list-Back a{ color: #fff;  }
.contents-pager li{ float: left; margin-right: 20px; }
.contents-pager li::after{ content: "　|"; }
.contents-pager li:last-child::after{ content: ""; }

.wysiwyg p {
min-height: 15px;
min-width: 10px;
}

main{ background: url(../images/common/back-g.jpg);  }
main#index{ background: none; }
	/* 新 fit
}
}
-------------------------------------*/
.fit img {
  object-fit: cover;
  font-family: 'object-fit: cover;'
}
.fit img:hover{
-ms-filter: "alpha( opacity=80 )";filter: alpha( opacity=80 );opacity: 0.8;
}

/* ラック
-------------------------------------*/
.error{
font-size: 15px;
color: #f10000;
line-height: 1.8;
margin-bottom: 16px;
}

.form_error_wrap{
margin-top: .5em;
font-size: 14px;
color: #f10000;
line-height: 1.6;
}

.form-Box input[type="text"],input[type="email"],input[type="tel"]{
    padding: 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.from-w-02{
width: 90%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.from-list li{
margin-bottom: .3em;
}

.from-kakunin{
font-size: 20px;
margin-bottom: 24px;
font-weight: bold;
}


.form-Box textarea {
width: 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;
												min-height: 120px;
												padding: .5em .6em .4em;
												line-height: 2;
}

.form-Box button {
padding: 0px;
border: none;
cursor: pointer;
cursor: hand;
}

.from-err{
border: 1px solid #000;
padding: 24px;
font-size: 15px;
line-height: 2.5;
margin-bottom: 24px;
}

.btnArea{
text-align: center;
}

.borderwrap{
border: 1px solid #000;
padding: 24px;
font-size: 15px;
line-height: 2.5;
margin-bottom: 24px;
}

.borderwrap .con-ttl{
font-size: 16px;
font-weight: bold;
font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
letter-spacing: 1px;
margin-bottom: .5em;
padding-bottom: .5em;
border-bottom: 1px dotted #000;

}



/* ページ送り */
.page-list, .page-navi {
  margin: 20px 0;
  text-align: center; }
  .page-list li, .page-navi li {
    display: inline-block; }
  .page-list a, .page-navi a {
    padding: 0 8px;
    display: inline-block; }

.page-navi .fast {
  margin-right: 10px; }

.page-navi .last {
  margin-left: 10px; }

.page-navi .list:before, .page-navi .list:after {
  content: "|";
  display: inline-block;
  margin: 0 10px; }

/* メガニュー -------------------------------------*/
   
.pc-menu{ position: fixed; top: 0; right: 0;  z-index: 9999; }
.pc-menu:hover{
   opacity: 0.8;
   cursor: pointer;
   cursor: hand;}

.side-fix{ position: fixed; top: 150px; right: 0; z-index: 10;}

#pc-menu-open{ display: none; background: url('../images/index/copyright-bg.jpg') top center ;  width: 100vw; height: 100vh; position: fixed; top: 0; z-index: 10000; overflow-y: scroll; }
#pc-menu-open .open-main-Box{ width: 100%; margin: 0 auto;}
#pc-menu-open .open-close-01{ position: absolute; top: 0; right: 0; }

#pc-menu-open { padding: 0 0 ; line-height: 1.6; }
#pc-menu-open .menu-open-Box{ width: 100%; margin: 0 auto; font-size: 0.875em;}

#pc-menu-open .footer-Box { width: 100%; margin-left: auto; margin-right: auto; color: #010000; font-size: 14px; background: url('../images/index/open-footer-bg.jpg') top center no-repeat ; }
#pc-menu-open .footer-Box .mb-01 { margin-bottom: 0;  }



  /*  foot-contact-------------------------------------*/
.foot-contact{ width: 100%; background: url('../images/index/f-contact-bg.jpg') top center no-repeat; padding: 80px 0 125px; background-size: cover;}
.foot-contact .f-con-inner{ width: 1145px; margin: 0 auto; position: relative; }
.foot-contact .f-con-inner .abs{ position: absolute; bottom: 20px;  right: -5px; }
.foot-contact .right{ float: right; }
.foot-contact .left{ float: left; }
.foot-contact ul{ width: 1145px; margin: 0 auto 20px; }
.foot-contact h6{ margin-bottom: 35px; }
.foot-contact li{ float: left; margin-right: 20px; }
.foot-contact li:last-child{ float: left; margin-right: 0px; }
.foot-contact li:first-child{ padding-top: 15px; }
.foot-contact li:nth-child(2){ padding-top: 15px; }
.foot-contact .f-acs{ width: 750px; margin: 0 auto; }
.foot-contact .f-acs p{ font-size: 15px; padding-top: 10px; color: #fff; }
.foot-contact .f-acs p span{ font-size: 15px; padding-top: 10px; color: #fff; }
.foot-contact .f-acs p span a{ text-decoration: underline; color: #fff; }



  /* header-Box -------------------------------------*/
  .header-Box { width: 100%;  padding-top: 10px; padding-bottom: 20px; background: url('../images/index/h-bg.jpg') top center; height: 90px; }
  .header-Box .mb-01 { margin-bottom: 8px; }
  .header-Box .h-ttl-Box { width: 1100px; margin: 0 auto; position: relative; }
  .header-Box .h-ttl-Box p{ font-size: 12px; }
  .header-Box .h-ttl-Box .tel{ position: absolute; bottom: 20px; right: 255px; }
  .header-Box .h-ttl-Box .adrs{ position: absolute; bottom: 20px; right: 455px; }
  .header-Box .h-ttl-Box .conta{ position: relative; bottom: 10px; right: 0px; }
  .header-Box .h-ttl-Box .h-ttl { color: #707070; font-size: 11px; margin-bottom: 0; line-height: 1.8; }
  .header-Box .h-ttl-Box .h-logo { width: 260px; line-height: 1; float: left; }
  .header-Box .h-ttl-Box .h-logo a img{ width: 260px; line-height: 1; float: left; position: relative; top: 15px; }
  .header-Box .h-ttl-Box .h-link-list { width: 150px; line-height: 1; margin-bottom: 1px; }
  .header-Box .h-ttl-Box .h-link-list li { font-size: 12px; }
  .header-Box .h-ttl-Box .h-link-list li:nth-child(1) { margin-right: .7em; }
  .header-Box .h-ttl-Box .h-tel { width: 230px; line-height: 1; margin-bottom: 2px; }
  .header-Box .h-link-Box { width: 415px; }
  .header-Box .h-link-Box .h-add-Box { width: 300px; color: #010000; font-size: 12px; }
  .header-Box .h-link-Box .sns-list { width: 90px; }
  .header-Box .h-link-Box .sns-list li { width: 40px; }
  .header-Box .h-link-Box .sns-list li:nth-child(1) { margin-right: 10px; }
  /* g-nav-01 -------------------------------------*/
  .g-nav-01 { background-position: 0 bottom; background-repeat: repeat-x; padding-bottom: 0px;  }
  .g-nav-01-Box { width: 100%; margin-left: auto; margin-right: auto; background: url('../images/index/navi-bg.jpg') top center ; }
.g-nav-01-Box ul.glgl{ height: 80px; width: 1100px; margin: 0 auto; }
.g-nav-01-Box li { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; float: left; }
.g-nav-01-Box li a {  display: block; line-height: 1; text-align: center; }
.g-nav-01-Box .home a { padding-top: 0px; padding-bottom: 24px; padding-left: 24px; padding-right: 19px; }
.g-nav-01-Box .icon { display: block; margin-bottom: 6px; }
.g-nav-01-Box .jp { display: block; color: #000000; font-size: 14px; margin-bottom: 8px; }
.g-nav-01-Box li {  position: relative;}
.g-nav-01-Box li a {  display: block;  text-decoration: none;  box-sizing: border-box;}

.g-nav-01-Box > li:hover > a {/*layer-1*/  color: orange;  background: #afc6e2; #efefef;}
.g-nav-01-Box > li li:hover > a {/*layer-2*/  color: olive;  background: #afc6e2; #efefef;}
.g-nav-01-Box li ul {  top: 80px;  left: 0px;  position: absolute;}
.g-nav-01-Box li ul li {   overflow: hidden;  height: 0; }
.g-nav-01-Box li ul li::after { content: ">";position: absolute; top: 9px;right: 5px;}
.g-nav-01-Box li ul li a { display: block;  padding: 15px 5px 15px 10px;  width: 150px;  text-align: left;  background: #efefef;}

.g-nav-01-Box li:hover > ul > li {  overflow: visible;  width: 150px;  height: 45px;border-bottom: #060606 1px dotted!important;}
.g-nav-01-Box li:hover > ul > li::after {content: ">";position: absolute;top: 9px;right: 5px;}


  /* footer -------------------------------------*/
  .footer-Box { width: 100%; margin-left: auto; margin-right: auto; color: #010000; font-size: 14px; background: url('../images/index/footer-bg.jpg') top center no-repeat ; }
  .footer-Box .mb-01 { margin-bottom: 48px;  }
  .footer-Box .mb-02 { margin-bottom: 8px; }
  .footer-Box .mb-03 { margin-bottom: 12px; }
  .footer-Box .f-link-Box { padding-top: 32px; width: 100%; margin: 0 auto; }
  .footer-Box .f-link-inner {width: 920px;margin: 0 auto 50px;position: relative;}
  .footer-Box .f-home-link { margin-bottom: 35px; }
  .footer-Box li { width: 250px;  margin-bottom: 15px; }
  .footer-Box li:before{ content: '＞' }
  .footer-Box li.f-link-2line { line-height: 1.9; margin-top: -6px; padding-left: 1em; text-indent: -1em; }
  #pc-menu-open .footer-Box li.f-link-2line { margin-top: -2px; }
  .footer-Box .f-link-l { margin-right: 56px; }
  .footer-Box .f-link-inner .abs-inst{ position: absolute; bottom: 18px;  right: -5px; }
  .footer-Box .f-link-inner .abs-fb{ position: absolute; bottom: 0px;  right: -40px; }
  .footer-Box .copyright { color: #010000; background: url('../images/index/copyright-bg.jpg') top center ; font-size: 11px; text-align: center; width: 100%; padding-top: 30px; padding-bottom: 30px; }
  .footer-Box .f-con-Box { width: 400px; background-color: #e0e0da; padding-left: 50px; padding-right: 50px; padding-top: 72px; text-align: center; line-height: 1.65; color: #010000; font-size: 12px; }
  .footer-Box .f-con-Box .f-logo { margin-bottom: 24px; }
  .btn-deco { position: relative; }
  .btn-deco:after { position: absolute; content: url("../images/index/btn-deco-01.png"); bottom: -12px; right: -28px; }
  /*　横に引っ付くやつ　*/
  .side-fix .pc-menu { position: fixed; right: 0; top: 0; z-index: 100; }
  .side-fix .fix-list { display: none; position: fixed; right: 0; top: 180px; z-index: 100; }
  .side-fix .fix-list li { background-color: rgba(255, 255, 255, 0.9); }
  .side-fix .fix-pagetop { position: fixed; right: 0; bottom: 0; z-index: 100; }
  .side-fix .fix-pagetop img { transition: 0.3s; position: relative; bottom: 50px; }
  .side-fix .fix-pagetop img:hover { -webkit-transform: translate(0px, 4px); -moz-transform: translate(0px, 4px); -ms-transform: translate(0px, 4px); -o-transform: translate(0px, 4px); transform: translate(0px, 4px); }
  main { font-size: 14px; line-height: 2; letter-spacing: 1px; }
  /* Ten -------------------------------------*/
  .mr { margin-right: auto; }
  .ml { margin-left: auto; }
  .yazi_r a:before { content: "\FF1E"; padding-right: 0.3em; }
  img { vertical-align: bottom; }
  a { text-decoration: none; color: #090909; }
  a:hover { text-decoration: underline; }
  .nobd a:hover { text-decoration: none !important; }
  a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
  .noop a img:hover { -ms-filter: "alpha( opacity=100 )" !important; filter: alpha(opacity=100) !important; opacity: 1 !important; }
  .sis-pic { text-align: center; }
  .sis-pic img { max-width: 100% !important; height: auto !important; }
  .ten { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
  .ori { -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ten-ce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  .ten-txt-ce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
  .ten-mce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
  .ten-u { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; }
  .order { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }
  .ten-t { -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; }
  .ten-ue { -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }
  .ten-o { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }
  .ten-rt { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; flex-direction: column-reverse; }
  .ten-r { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
  /*pc・タブレットcss*/
  /*pc_defaultset*/
  .pc { display: block !important; }
  /*pcのみ表示ブロック*/
  .pc2 { display: inline-block !important; }
  /*pcのみ表示ブロック*/
  .sp, .sp2 { display: none !important; }
  /*スマホのみ表示ブロック*/
  .h_menu { display: none; }
  /*スマホ用ニュー*/
  #sp-global-nav { display: none; }
  /*スマホ用ニュー*/
  /* Antialiasing ※任意　*/
  html { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: none; overflow-x: hidden; }
  /* WEB FONTs 游ゴシックかすれ予防*/
  @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; }
  .f-min { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
  .f-min-02 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .f-gothic { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; }
  body { -webkit-text-size-adjust: 100%; }
  img { vertical-align: bottom; }
  a { text-decoration: none; color: #090909; }
  a:hover { text-decoration: underline; }
  .nobd a:hover { text-decoration: none !important; }
  /*-----float-----*/
  .fl-l { float: left; }
  .fl-r { float: right; }
  .cl-both { clear: both; }
  /*-----font-----*/
  .fw-b { font-weight: bold; }
  .ta-r { text-align: right; }
  .ta-c { text-align: center; }
  .ta-l { text-align: left; }
  /* IE10以上 不要なら削除 */
  /* Margin-Top & Padding-Top */
  .mt00 { margin-top: 0px; }
  .pt00 { padding-top: 0px; }
  .mt05 { margin-top: 5px; }
  .pt05 { padding-top: 5px; }
  .mt10 { margin-top: 10px; }
  .pt10 { padding-top: 10px; }
  .mt15 { margin-top: 15px; }
  .pt15 { padding-top: 15px; }
  .mt20 { margin-top: 20px; }
  .pt20 { padding-top: 20px; }
  .mt25 { margin-top: 25px; }
  .pt25 { padding-top: 25px; }
  .mt30 { margin-top: 30px; }
  .pt30 { padding-top: 30px; }
  .mt35 { margin-top: 35px; }
  .pt35 { padding-top: 35px; }
  .mt40 { margin-top: 40px; }
  .pt40 { padding-top: 40px; }
  .mt45 { margin-top: 45px; }
  .pt45 { padding-top: 45px; }
  .mt50 { margin-top: 50px; }
  .pt50 { padding-top: 50px; }
  .mt55 { margin-top: 55px; }
  .pt55 { padding-top: 55px; }
  .mt60 { margin-top: 60px; }
  .pt60 { padding-top: 60px; }
  .mt65 { margin-top: 65px; }
  .pt65 { padding-top: 65px; }
  .mt70 { margin-top: 70px; }
  .pt70 { padding-top: 70px; }
  .mt75 { margin-top: 75px; }
  .pt75 { padding-top: 75px; }
  .mt80 { margin-top: 80px; }
  .pt80 { padding-top: 80px; }
  .mt85 { margin-top: 85px; }
  .pt85 { padding-top: 85px; }
  .mt90 { margin-top: 90px; }
  .pt90 { padding-top: 90px; }
  .mt95 { margin-top: 95px; }
  .pt95 { padding-top: 95px; }
  .mt100 { margin-top: 100px; }
  .pt100 { padding-top: 100px; }
  /* Margin-Right & Padding-Right */
  .mr00 { margin-right: 0px; }
  .pr00 { padding-right: 0px; }
  .mr05 { margin-right: 5px; }
  .pr05 { padding-right: 5px; }
  .mr10 { margin-right: 10px; }
  .pr10 { padding-right: 10px; }
  .mr15 { margin-right: 15px; }
  .pr15 { padding-right: 15px; }
  .mr20 { margin-right: 20px; }
  .pr20 { padding-right: 20px; }
  .mr25 { margin-right: 25px; }
  .pr25 { padding-right: 25px; }
  .mr30 { margin-right: 30px; }
  .pr30 { padding-right: 30px; }
  .mr35 { margin-right: 35px; }
  .pr35 { padding-right: 35px; }
  .mr40 { margin-right: 40px; }
  .pr40 { padding-right: 40px; }
  .mr45 { margin-right: 45px; }
  .pr45 { padding-right: 45px; }
  .mr50 { margin-right: 50px; }
  .pr50 { padding-right: 50px; }
  .mr55 { margin-right: 55px; }
  .pr55 { padding-right: 55px; }
  .mr60 { margin-right: 60px; }
  .pr60 { padding-right: 60px; }
  .mr65 { margin-right: 65px; }
  .pr65 { padding-right: 65px; }
  .mr70 { margin-right: 70px; }
  .pr70 { padding-right: 70px; }
  .mr75 { margin-right: 75px; }
  .pr75 { padding-right: 75px; }
  .mr80 { margin-right: 80px; }
  .pr80 { padding-right: 80px; }
  .mr85 { margin-right: 85px; }
  .pr85 { padding-right: 85px; }
  .mr90 { margin-right: 90px; }
  .pr90 { padding-right: 90px; }
  .mr95 { margin-right: 95px; }
  .pr95 { padding-right: 95px; }
  .mr100 { margin-right: 100px; }
  .pr100 { padding-right: 100px; }
  /* Margin-Bottom & Padding-Bottom */
  .mb00 { margin-bottom: 0px; }
  .pb00 { padding-bottom: 0px; }
  .mb05 { margin-bottom: 5px; }
  .pb05 { padding-bottom: 5px; }
  .mb10 { margin-bottom: 10px; }
  .pb10 { padding-bottom: 10px; }
  .mb15 { margin-bottom: 15px; }
  .pb15 { padding-bottom: 15px; }
  .mb20 { margin-bottom: 20px; }
  .pb20 { padding-bottom: 20px; }
  .mb25 { margin-bottom: 25px; }
  .pb25 { padding-bottom: 25px; }
  .mb30 { margin-bottom: 30px; }
  .pb30 { padding-bottom: 30px; }
  .mb35 { margin-bottom: 35px; }
  .pb35 { padding-bottom: 35px; }
  .mb40 { margin-bottom: 40px; }
  .pb40 { padding-bottom: 40px; }
  .mb45 { margin-bottom: 45px; }
  .pb45 { padding-bottom: 45px; }
  .mb50 { margin-bottom: 50px; }
  .pb50 { padding-bottom: 50px; }
  .mb55 { margin-bottom: 55px; }
  .pb55 { padding-bottom: 55px; }
  .mb60 { margin-bottom: 60px; }
  .pb60 { padding-bottom: 60px; }
  .mb65 { margin-bottom: 65px; }
  .pb65 { padding-bottom: 65px; }
  .mb70 { margin-bottom: 70px; }
  .pb70 { padding-bottom: 70px; }
  .mb75 { margin-bottom: 75px; }
  .pb75 { padding-bottom: 75px; }
  .mb80 { margin-bottom: 80px; }
  .pb80 { padding-bottom: 80px; }
  .mb85 { margin-bottom: 85px; }
  .pb85 { padding-bottom: 85px; }
  .mb90 { margin-bottom: 90px; }
  .pb90 { padding-bottom: 90px; }
  .mb95 { margin-bottom: 95px; }
  .pb95 { padding-bottom: 95px; }
  .mb100 { margin-bottom: 100px; }
  .pb100 { padding-bottom: 100px; }
  /* Margin-Left & Padding-Left */
  .ml00 { margin-left: 0px; }
  .pl00 { padding-left: 0px; }
  .ml05 { margin-left: 5px; }
  .pl05 { padding-left: 5px; }
  .ml10 { margin-left: 10px; }
  .pl10 { padding-left: 10px; }
  .ml15 { margin-left: 15px; }
  .pl15 { padding-left: 15px; }
  .ml20 { margin-left: 20px; }
  .pl20 { padding-left: 20px; }
  .ml25 { margin-left: 25px; }
  .pl25 { padding-left: 25px; }
  .ml30 { margin-left: 30px; }
  .pl30 { padding-left: 30px; }
  .ml35 { margin-left: 35px; }
  .pl35 { padding-left: 35px; }
  .ml40 { margin-left: 40px; }
  .pl40 { padding-left: 40px; }
  .ml45 { margin-left: 45px; }
  .pl45 { padding-left: 45px; }
  .ml50 { margin-left: 50px; }
  .pl50 { padding-left: 50px; }
  .ml55 { margin-left: 55px; }
  .pl55 { padding-left: 55px; }
  .ml60 { margin-left: 60px; }
  .pl60 { padding-left: 60px; }
  .ml65 { margin-left: 65px; }
  .pl65 { padding-left: 65px; }
  .ml70 { margin-left: 70px; }
  .pl70 { padding-left: 70px; }
  .ml75 { margin-left: 75px; }
  .pl75 { padding-left: 75px; }
  .ml80 { margin-left: 80px; }
  .pl80 { padding-left: 80px; }
  .ml85 { margin-left: 85px; }
  .pl85 { padding-left: 85px; }
  .ml90 { margin-left: 90px; }
  .pl90 { padding-left: 90px; }
  .ml95 { margin-left: 95px; }
  .pl95 { padding-left: 95px; }
  .ml100 { margin-left: 100px; }
  .pl100 { padding-left: 100px; }
  /* clearfix */
  .clearfix { zoom: 1; }
  .clearfix:after { display: block; clear: both; height: 0; visibility: hidden; line-height: 0; content: "."; }
  /* Margin-Center */
  .ma-ce { margin-right: auto; margin-left: auto; }
  /* TextAlign */
  .al { text-align: left; }
  .ar { text-align: right; }
  .ac { text-align: center; }
  /* Float */
  .fl { float: left; }
  .fr { float: right; }
  .clear { clear: both; }
  /* position */
  .poa { position: absolute; }
  .rel { position: relative; }

/* foot-contact --------------------------------------------------------------------------------*/


  /* wysiwyg */
  .wysiwyg strong { font-weight: bolder; }
  .wysiwyg em { font-family: "ＭＳ ゴシック",sans-serif; font-style: italic; }
  .wysiwyg img { max-width: 100% !important; height: auto !important; }
  .wysiwyg h1 { font-size: 2em; margin: 0.67em 0; }
  .wysiwyg h2 { font-size: 1.5em; margin: 0.75em 0; }
  .wysiwyg h3 { font-size: 1.17em; margin: 0.83em 0; }
  .wysiwyg h4 { margin: 1.12em 0; }
  .wysiwyg h5 { font-size: .83em; margin: 1.5em 0; }
  .wysiwyg h6 { font-size: .75em; margin: 1.67em 0; }
  .wysiwyg { word-wrap: break-word; }
  .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { color: #383231; font-size: 18px; font-weight: 700; margin-bottom: 1.25em; font-weight: 700; }
  .wysiwyg h1 { background-color: #dcdcdc; padding: 16px 24px 14px; font-size: 20px; line-height: 1.6; }
  .wysiwyg h2 { border-top: 1px solid #191919; border-bottom: 1px solid #191919; padding-top: 13px; padding-bottom: 12px; font-size: 18px; line-height: 1.8; }
  .wysiwyg h3 { font-size: 17px; padding-top: 7px; padding-bottom: 6px; border-left: 6px solid #231815; padding-left: 22px; line-height: 1.8; }
  .wysiwyg h4 { line-height: 1.8; font-size: 16px; padding-bottom: 6px; border-bottom: 1px solid #000; line-height: 1.8; }
  .wysiwyg h5 { font-size: 15px; line-height: 1.8; border-bottom: 1px dashed #000; padding-bottom: 8px; }
  .wysiwyg h6 { font-size: 14px; line-height: 32px; line-height: 1.8; background-color: #c9c9c9; border: 1px dotted #000; padding: 10px 16px; }
  /* img-block */
  .img-b img { display: block; }
  /* ※なので、2行目の1文字目を空ける時 */
  .indent { padding-left: 1em; text-indent: -1em; }
  .indent-list li { padding-left: 1em; text-indent: -1em; }
  /*---------------------------------------- 　　よく使うcss用　サンプル ----------------------------------------*/
  /* アンカーリンク調整 */
  .hideAnchor { display: block; height: 0px; overflow: hidden; text-indent: -9999px; margin-top: -10px; padding-bottom: 10px; }
  /* スクロール縦 */
  .scroll-y { box-sizing: border-box; overflow-y: scroll; transform: translateZ(0); }
  /* 背景2つ　1番目が前 2番目が後ろ */
  .w-bg { background: url(../images/web/bg-01.png) 445px 20px no-repeat, url(../images/web/ptn-01.jpg) left top repeat; }
  /* リンク透明 */
  a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
  /* リンク透明にしない */
  .noop a img:hover { -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1.0; }
  /*---------------------------------------- 　　外部サービス ----------------------------------------*/
  /* ggmap */
  /* <div class="ggmap">iframeのコピーしたコード</div> */
  .ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
  .ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  /* <div class="youtube"><iframe  src="youtubeのURL?rel=0" frameborder="0" allowfullscreen></iframe></div> */
  .youtube { position: relative; width: 100%; padding-top: 56.25%; }
  .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
  /*---------------------------------------- 　　webフォント（サーバー置き）　 ----------------------------------------*/
  @font-face { font-family: 'jp-sttl01';
    /* お好きな名前にしましょう */
src: url("../font/.eot");
    /* IE9以上用 */
src: url("../font/bokutachi.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Medium.woff") format("woff"), url("../font/NotoSansCJKjp-Medium.woff") format("woff");
    /* iOS, Android用 */
    /* 念の為指定しておきます */
font-weight: normal;
    /* 念の為指定しておきます */
font-style: normal; vertical-align: top; margin: 0px; padding: 0px; }
  .myWebFontClass { font-family: 'jp-sttl01'; } }







@media screen and (max-width: 767px) {

.page-list, .page-navi { margin: 20px 0; text-align: center; }
.page-list li, .page-navi li { display: inline-block; border: 1px solid #dcdddd;}
.page-list a, .page-navi a { padding: 0 10px; display: inline-block; }
.page-list .active { background: #000;}
.page-list .active a { color: #fff;}
.page-navi .fast { margin-right: 10px; }
.page-navi .last { margin-left: 10px; }
.page-navi .list:before, .page-navi .list:after { content: "|"; display: inline-block; margin: 0 10px; }
.contents-pager { width: 94%; margin-left: auto; margin-right: auto; margin-top: 5%; margin-bottom: 5%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: #666666; font-size: 1.4rem; font-weight: 400; line-height: 25.778px; }
.contents-pager ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.contents-pager ul li { padding-right: 1.5em; }
.contents-pager ul li :before { content: "\ff1C \a0"; color: #333333; }
.contents-pager ul li:nth-child(2) { padding-left: 1.5em; text-align: right; background-image: url(../images/common/contents-pager-deco.jpg); background-repeat: no-repeat; background-position: left 3px; position: relative; }
.contents-pager ul li:nth-child(2) :before { content: "|"; color: #333333; position: absolute; left: -0.2em; }
.contents-pager ul li:nth-child(2) :after { content: "\a0 \FF1E"; color: #333333; }

.cc-w-Box{}
.cc-w-Box-404{width: 94%; margin: 0 auto 5vw; background: #fff; padding: 6vw 4vw 4vw 4vw; }


.fit img { object-fit: cover; }

.wysiwyg p {
min-height: 15px;
min-width: 10px;
}

.error{
font-size: 15px;
color: #f10000;
line-height: 1.8;
margin-bottom: 16px;
}

.form_error_wrap{
margin-top: .5em;
font-size: 14px;
color: #f10000;
line-height: 1.6;
}

.form-Box input[type="text"],input[type="email"],input[type="tel"]{
padding: .5em .6em .4em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.from-w-02{
width: 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;
}

.from-list li{
margin-bottom: .3em;
}

.form-Box textarea {
width: 100%;
padding: .5em .6em .4em;
line-height: 2;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
												min-height: 120px;;
}

.form-Box button {
padding: 0px;
border: none;
}

.from-err{
border: 1px solid #000;
padding: 24px;
font-size: 15px;
line-height: 2.5;
margin-bottom: 24px;
}

.btnArea{
text-align: center;
}

.borderwrap{
border: 1px solid #000;
padding: 24px;
font-size: 15px;
line-height: 2.5;
margin-bottom: 24px;
}

.borderwrap .con-ttl{
font-size: 16px;
font-weight: bold;
font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
letter-spacing: 1px;
margin-bottom: .5em;
padding-bottom: .5em;
border-bottom: 1px dotted #000;

}

.cc-ttl-01{width: 100%; background-color: #6b5e51;  padding: 23% 0 5% 3%;}
.cc-ttl-01 .en{display: none;}
.cc-ttl-01 .jp{font-size: 20px;font-weight: bold;color: #fff;}
.seo_bread_list{ display: none;}
.cc-ttl-02{display: none;}

/* ページ送り */
.page-list, .page-navi {
  margin: 20px 0;
  text-align: center; }
  .page-list li, .page-navi li {
    display: inline-block; }
  .page-list a, .page-navi a {
    padding: 0 8px;
    display: inline-block; }

.page-navi .fast {
  margin-right: 10px; }

.page-navi .last {
  margin-left: 10px; }

.page-navi .list:before, .page-navi .list:after {
  content: "|";
  display: inline-block;
  margin: 0 10px; }





#pc-menu-open { display: none !important; }
  img { max-width: 100%; }
  /* sp-header-Box -------------------------------------*/
  .t-sra { padding-top: 64px; }
  .sp-header-Box { width: 100%;  margin: -1px auto 0px; position: fixed; z-index: 999;  }
  .sp-header-Box .h-logo { width: 80%; }
  .sp-header-Box .sp-link-Box { width: 20%; }
  .sp-header-Box .sp-link-list { width: 100%;  }
  .sp-header-Box .sp-link-list li { width: 100%;  }
  .side-fix { display: none !important; }
  /* g-nav-01 -------------------------------------*/
  .g-nav-01 { display: none; }
  /* sp-page-top -------------------------------------*/
  .sp-page-top { margin-top: 1.5em; }
  .sp-page-top a { display: block; padding: 5%;  text-align: center; }
  /* footer -------------------------------------*/
  .footer-Box { width: 100%; margin:0 auto; color: #010000; font-size: 14px; background: url('../sp-images/common/footer-bg-logo.png') bottom center no-repeat , url('../sp-images/index/footer-bg-p.jpg') top center repeat; }
  .footer-Box .mb-01 { margin-bottom: 7%;  }
  .footer-Box .mb-02 { margin-bottom: 7%; }
  .footer-Box .mb-03 { margin-bottom: 7%; }
  .footer-Box .f-link-Box { padding-top: 45px; width: 100%; margin: 0 auto; }
  .footer-Box .f-link-inner { width:100%; margin: 0 auto; position: relative; }
  .footer-Box .f-home-link { width: 90%; margin: 0 auto 10%; padding-bottom: 4%; border-bottom: 1px solid #000;line-height: 1.5;}
  .footer-Box ul { width:90%;  margin:0 auto ;  }
  .footer-Box li { width:100%;  margin:0 auto 7%; border-bottom: 1px solid #000; padding-bottom: 4%; }
  .footer-Box li a{ font-size: 16px;  }
  .footer-Box li:before{ content: '＞' }
  .footer-Box .f-link-inner .abs-inst{ position: absolute; bottom: -25px;  left: 20px; }
  .footer-Box .f-link-inner .abs-fb{ position: absolute; bottom: -25px;  left: 60px; }
  .footer-Box .copyright { color: #010000;  font-size: 11px; text-align: center; width:100%;; padding-top: 30px; line-height: 1.5;}
  .footer-Box .f-con-Box { width:100%; background-color: #e0e0da; padding-left: 50px; padding-right: 50px; padding-top: 72px; text-align: center; line-height: 1.65; color: #010000; font-size: 12px; }
  .footer-Box .f-con-Box .f-logo { margin-bottom: 24px; }
  .btn-deco { position: relative; }
  .btn-deco:after { position: absolute; content: url("../images/index/btn-deco-01.png"); bottom: -12px; right: -28px; }
  /*　横に引っ付くやつ　*/
  .side-fix { display: none; }
  /*　下に引っ付くやつ　*/
  .sp-fix-list { position: fixed; bottom: 0; z-index: 777; }
  /*sp_defaultset*/
  html { font-size: 62.5%; }
  body { overflow-x: hidden; font-size: 1.6rem; -webkit-text-size-adjust: 100%; }
  .pc, .pc2 { display: none !important; }
  /*pcのみ表示ブロック*/
  .sp { display: block !important; }
  /*スマホのみ表示ブロック*/
  .sp2 { display: inline-block !important; }
  .closebtn{ border: none; width: 75%;  background: url(../sp-images/common/open-bg.jpg) top center;}
  .h-logo{ width: 100%; }
  /*スマホのみ表示ブロック*/
  .no-br { display: none; }
  /*スマホでbrを解除したい場合に使用*/
  .sp_display_block { display: block !important; }
  /*スマホでflexboxを解除したい場合等に使用*/
  .h_tel_fix { background: #000; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; overflow: hidden; }
  /*ページ下部固定電話・メール*/
  p.h_mail { position: absolute; top: 15px; right: 94px; width: 35px; z-index: 99996; }
  p.h_tel { position: absolute; top: 15px; right: 52px; width: 35px; z-index: 99997; }
  p.h_menu { position: fixed; top: 15px; right: 10px; width: 35px; z-index: 99998; }
  p.h_mail img, p.h_tel img, p.h_menu img { width: 35px; }
  nav#sp-global-nav { z-index: 99999; overflow: scroll; position: fixed; top: 0; width: 100vw; height: 100vh; display: none; padding: 0% 0% 0%; box-sizing: border-box; color: #fff; }
  nav#sp-global-nav li a { color: #231815; font-size: 14px; line-height: 0.4; text-decoration: none; padding: 7% 0 7% 2.5%; display: block; border-bottom: 1px solid #313131; }
  nav#sp-global-nav .list { margin-bottom: 10%; margin-left: 5%; margin-right: 5%; color: #231815; padding-top: 1%;}
  nav#sp-global-nav .list li { color: #fff; border-bottom: 1px solid #E0DAD1; line-height: 1.2; }
  nav#sp-global-nav .sns-list { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; justify-content: center; background: #ffffff; }
  nav#sp-global-nav .sns-list li a { border: none; }
  nav#sp-global-nav .top { text-align: right; }
  nav#sp-global-nav .top .closebtn { display: inline-block; color: #fff; font-size: 24px; margin-bottom: 5px; }
  nav#sp-global-nav .bottom { color: #000; text-align: center; background: #fff; font-size: 1.6rem; font-weight: bold; padding: 1rem; margin: 2rem 0 0 0; }
  .open-color-Box {width: 100%; background: url('../sp-images/common/open-bg.jpg') top center; }
  .open-color-Box figure{ width: 95%; margin: 0 auto 7%; }
  .open-close-02 { width: 100%; margin:0 auto; }
  .open-deco { background-image: url(../sp-images/common/f-deco-line.jpg); padding-bottom: 4%; background-size: 4%; }
  .open-header-Box { margin-bottom: -2px; }
  .open-header-Box .open-logo { width: 56.59%; }
  .open-header-Box .open-close-01 { padding-top: .8%; width: 11.85%; }
  .wysiwyg img { width: auto !important; height: auto !important; }
  /*ウィジウィグ内画像の縦横比調整*/
  .pagetop { text-align: center; background: #ccc; padding: 3%; }
  #footer-fix { position: fixed; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; bottom: 0; width: 100%; background: #999; padding: 8px 0; z-index: 99995; }
  #footer-fix .tel { -webkit-flex-basis: 75%; flex-basis: 75%; }
  #footer-fix .mail { -webkit-flex-basis: 25%; flex-basis: 25%; text-align: center; border-left: 1px solid #fff; }
  #footer-fix a { color: #000; display: block; text-decoration: none; }
  #footer-fix p { color: #000; margin-bottom: 2px; font-size: 1.4rem; text-align: center; letter-spacing: 0.1em; }
  #footer-fix .mail img { width: 35px; height: auto; }
  #footer-fix .number { font-size: 2.4rem; font-weight: bold; }
  .copyright { margin-bottom: 80px; display: block; }
  /* Antialiasing ※任意　*/
  html { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: none; overflow-x: hidden; }
  /* WEB FONTs 游ゴシックかすれ予防*/
  @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; }
  .f-min { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
  .f-min-02 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .f-gothic { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; }
  body { -webkit-text-size-adjust: 100%; }
  img { vertical-align: bottom; }
  a { text-decoration: none; color: #090909; }
  a:hover { text-decoration: underline; }
  .nobd a:hover { text-decoration: none !important; }
  /*-----float-----*/
  .fl-l { float: left; }
  .fl-r { float: right; }
  .cl-both { clear: both; }
  /*-----font-----*/
  .fw-b { font-weight: bold; }
  .ta-r { text-align: right; }
  .ta-c { text-align: center; }
  .ta-l { text-align: left; }
  main { font-size: 14px; line-height: 2; letter-spacing: 1px; }
  /* Ten -------------------------------------*/
  .mr { margin-right: auto; }
  .ml { margin-left: auto; }
  .yazi_r a:before { content: "\FF1E"; padding-right: 0.3em; }
  img { vertical-align: bottom; }
  a { text-decoration: none; color: #090909; }
  a:hover { text-decoration: underline; }
  .nobd a:hover { text-decoration: none !important; }
  a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
  .noop a img:hover { -ms-filter: "alpha( opacity=100 )" !important; filter: alpha(opacity=100) !important; opacity: 1 !important; }
  .sis-pic { text-align: center; }
  .sis-pic img { max-width: 100% !important; height: auto !important; }
  .ten { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
  .ori { -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ten-ce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  .ten-txt-ce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
  .ten-mce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
  .ten-u { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; }
  .order { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }
  .ten-t { -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; }
  .ten-ue { -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }
  .ten-o { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }
  .ten-rt { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; flex-direction: column-reverse; }
  .ten-r { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
  .sp-ten { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
  .sp-ori { -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sp-ten-ce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  .sp-ten-txt-ce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
  .sp-ten-mce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
  .sp-ten-u { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; }
  .sp-order { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }
  .sp-ten-t { -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; }
  .sp-ten-ue { -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }
  .sp-ten-o { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }
  .sp-ten-rt { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; flex-direction: column-reverse; }
  .sp-ten-r { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
  body { font-family: Verdana, Meiryo, sans-serif; }
  /* Margin-Top & Padding-Top */
  .mt00 { margin-top: 0px; }
  .pt00 { padding-top: 0px; }
  .mt05 { margin-top: 5px; }
  .pt05 { padding-top: 5px; }
  .mt10 { margin-top: 10px; }
  .pt10 { padding-top: 10px; }
  .mt15 { margin-top: 15px; }
  .pt15 { padding-top: 15px; }
  .mt20 { margin-top: 20px; }
  .pt20 { padding-top: 20px; }
  .mt25 { margin-top: 25px; }
  .pt25 { padding-top: 25px; }
  .mt30 { margin-top: 30px; }
  .pt30 { padding-top: 30px; }
  .mt35 { margin-top: 35px; }
  .pt35 { padding-top: 35px; }
  .mt40 { margin-top: 40px; }
  .pt40 { padding-top: 40px; }
  .mt45 { margin-top: 45px; }
  .pt45 { padding-top: 45px; }
  .mt50 { margin-top: 50px; }
  .pt50 { padding-top: 50px; }
  .mt55 { margin-top: 55px; }
  .pt55 { padding-top: 55px; }
  .mt60 { margin-top: 60px; }
  .pt60 { padding-top: 60px; }
  .mt65 { margin-top: 65px; }
  .pt65 { padding-top: 65px; }
  .mt70 { margin-top: 70px; }
  .pt70 { padding-top: 70px; }
  .mt75 { margin-top: 75px; }
  .pt75 { padding-top: 75px; }
  .mt80 { margin-top: 80px; }
  .pt80 { padding-top: 80px; }
  .mt85 { margin-top: 85px; }
  .pt85 { padding-top: 85px; }
  .mt90 { margin-top: 90px; }
  .pt90 { padding-top: 90px; }
  .mt95 { margin-top: 95px; }
  .pt95 { padding-top: 95px; }
  .mt100 { margin-top: 100px; }
  .pt100 { padding-top: 100px; }
  /* Margin-Right & Padding-Right */
  .mr00 { margin-right: 0px; }
  .pr00 { padding-right: 0px; }
  .mr05 { margin-right: 5px; }
  .pr05 { padding-right: 5px; }
  .mr10 { margin-right: 10px; }
  .pr10 { padding-right: 10px; }
  .mr15 { margin-right: 15px; }
  .pr15 { padding-right: 15px; }
  .mr20 { margin-right: 20px; }
  .pr20 { padding-right: 20px; }
  .mr25 { margin-right: 25px; }
  .pr25 { padding-right: 25px; }
  .mr30 { margin-right: 30px; }
  .pr30 { padding-right: 30px; }
  .mr35 { margin-right: 35px; }
  .pr35 { padding-right: 35px; }
  .mr40 { margin-right: 40px; }
  .pr40 { padding-right: 40px; }
  .mr45 { margin-right: 45px; }
  .pr45 { padding-right: 45px; }
  .mr50 { margin-right: 50px; }
  .pr50 { padding-right: 50px; }
  .mr55 { margin-right: 55px; }
  .pr55 { padding-right: 55px; }
  .mr60 { margin-right: 60px; }
  .pr60 { padding-right: 60px; }
  .mr65 { margin-right: 65px; }
  .pr65 { padding-right: 65px; }
  .mr70 { margin-right: 70px; }
  .pr70 { padding-right: 70px; }
  .mr75 { margin-right: 75px; }
  .pr75 { padding-right: 75px; }
  .mr80 { margin-right: 80px; }
  .pr80 { padding-right: 80px; }
  .mr85 { margin-right: 85px; }
  .pr85 { padding-right: 85px; }
  .mr90 { margin-right: 90px; }
  .pr90 { padding-right: 90px; }
  .mr95 { margin-right: 95px; }
  .pr95 { padding-right: 95px; }
  .mr100 { margin-right: 100px; }
  .pr100 { padding-right: 100px; }
  /* Margin-Bottom & Padding-Bottom */
  .mb00 { margin-bottom: 0px; }
  .pb00 { padding-bottom: 0px; }
  .mb05 { margin-bottom: 5px; }
  .pb05 { padding-bottom: 5px; }
  .mb10 { margin-bottom: 10px; }
  .pb10 { padding-bottom: 10px; }
  .mb15 { margin-bottom: 15px; }
  .pb15 { padding-bottom: 15px; }
  .mb20 { margin-bottom: 20px; }
  .pb20 { padding-bottom: 20px; }
  .mb25 { margin-bottom: 25px; }
  .pb25 { padding-bottom: 25px; }
  .mb30 { margin-bottom: 30px; }
  .pb30 { padding-bottom: 30px; }
  .mb35 { margin-bottom: 35px; }
  .pb35 { padding-bottom: 35px; }
  .mb40 { margin-bottom: 40px; }
  .pb40 { padding-bottom: 40px; }
  .mb45 { margin-bottom: 45px; }
  .pb45 { padding-bottom: 45px; }
  .mb50 { margin-bottom: 50px; }
  .pb50 { padding-bottom: 50px; }
  .mb55 { margin-bottom: 55px; }
  .pb55 { padding-bottom: 55px; }
  .mb60 { margin-bottom: 60px; }
  .pb60 { padding-bottom: 60px; }
  .mb65 { margin-bottom: 65px; }
  .pb65 { padding-bottom: 65px; }
  .mb70 { margin-bottom: 70px; }
  .pb70 { padding-bottom: 70px; }
  .mb75 { margin-bottom: 75px; }
  .pb75 { padding-bottom: 75px; }
  .mb80 { margin-bottom: 80px; }
  .pb80 { padding-bottom: 80px; }
  .mb85 { margin-bottom: 85px; }
  .pb85 { padding-bottom: 85px; }
  .mb90 { margin-bottom: 90px; }
  .pb90 { padding-bottom: 90px; }
  .mb95 { margin-bottom: 95px; }
  .pb95 { padding-bottom: 95px; }
  .mb100 { margin-bottom: 100px; }
  .pb100 { padding-bottom: 100px; }
  /* Margin-Left & Padding-Left */
  .ml00 { margin-left: 0px; }
  .pl00 { padding-left: 0px; }
  .ml05 { margin-left: 5px; }
  .pl05 { padding-left: 5px; }
  .ml10 { margin-left: 10px; }
  .pl10 { padding-left: 10px; }
  .ml15 { margin-left: 15px; }
  .pl15 { padding-left: 15px; }
  .ml20 { margin-left: 20px; }
  .pl20 { padding-left: 20px; }
  .ml25 { margin-left: 25px; }
  .pl25 { padding-left: 25px; }
  .ml30 { margin-left: 30px; }
  .pl30 { padding-left: 30px; }
  .ml35 { margin-left: 35px; }
  .pl35 { padding-left: 35px; }
  .ml40 { margin-left: 40px; }
  .pl40 { padding-left: 40px; }
  .ml45 { margin-left: 45px; }
  .pl45 { padding-left: 45px; }
  .ml50 { margin-left: 50px; }
  .pl50 { padding-left: 50px; }
  .ml55 { margin-left: 55px; }
  .pl55 { padding-left: 55px; }
  .ml60 { margin-left: 60px; }
  .pl60 { padding-left: 60px; }
  .ml65 { margin-left: 65px; }
  .pl65 { padding-left: 65px; }
  .ml70 { margin-left: 70px; }
  .pl70 { padding-left: 70px; }
  .ml75 { margin-left: 75px; }
  .pl75 { padding-left: 75px; }
  .ml80 { margin-left: 80px; }
  .pl80 { padding-left: 80px; }
  .ml85 { margin-left: 85px; }
  .pl85 { padding-left: 85px; }
  .ml90 { margin-left: 90px; }
  .pl90 { padding-left: 90px; }
  .ml95 { margin-left: 95px; }
  .pl95 { padding-left: 95px; }
  .ml100 { margin-left: 100px; }
  .pl100 { padding-left: 100px; }
  /* clearfix */
  .clearfix { zoom: 1; }
  .clearfix:after { display: block; clear: both; height: 0; visibility: hidden; line-height: 0; content: "."; }
  /* Margin-Center */
  .ma-ce { margin-right: auto; margin-left: auto; }
  /* TextAlign */
  .al { text-align: left; }
  .ar { text-align: right; }
  .ac { text-align: center; }
  /* Float */
  .fl { float: left; }
  .fr { float: right; }
  .clear { clear: both; }
  /* position */
  .poa { position: absolute; }
  .rel { position: relative; }
  /* wysiwyg */
  .wysiwyg strong { font-weight: bolder; }
  .wysiwyg em { font-family: "ＭＳ ゴシック",sans-serif; font-style: italic; }
  .wysiwyg img { max-width: 100% !important; height: auto !important; }
  .wysiwyg h1 { font-size: 2em; margin: 0.67em 0; }
  .wysiwyg h2 { font-size: 1.5em; margin: 0.75em 0; }
  .wysiwyg h3 { font-size: 1.17em; margin: 0.83em 0; }
  .wysiwyg h4 { margin: 1.12em 0; }
  .wysiwyg h5 { font-size: .83em; margin: 1.5em 0; }
  .wysiwyg h6 { font-size: .75em; margin: 1.67em 0; }
  .wysiwyg { word-wrap: break-word; }
  .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { color: #383231; font-size: 18px; font-weight: 700; margin-bottom: 1.25em; font-weight: 700; }
  .wysiwyg h1 { background-color: #dcdcdc; padding: 5%; font-size: 20px; line-height: 1.6; }
  .wysiwyg h2 { border-top: 1px solid #191919; border-bottom: 1px solid #191919; padding-top: 13px; padding-bottom: 12px; font-size: 18px; line-height: 1.8; }
  .wysiwyg h3 { font-size: 17px; padding-top: 7px; padding-bottom: 6px; border-left: 6px solid #231815; padding-left: 22px; line-height: 1.8; }
  .wysiwyg h4 { line-height: 1.8; font-size: 16px; padding-bottom: 6px; border-bottom: 1px solid #000; line-height: 1.8; }
  .wysiwyg h5 { font-size: 15px; line-height: 1.8; border-bottom: 1px dashed #000; padding-bottom: 8px; }
  .wysiwyg h6 { font-size: 14px; line-height: 32px; line-height: 1.8; background-color: #c9c9c9; border: 1px dotted #000; padding: 10px 16px; }
  /* img-block */
  .img-b img { display: block; }
  /* ※なので、2行目の1文字目を空ける時 */
  .indent { padding-left: 1em; text-indent: -1em; }
  .indent-list li { padding-left: 1em; text-indent: -1em; }
  /*---------------------------------------- 　　よく使うcss用　サンプル ----------------------------------------*/
  /* アンカーリンク調整 */
  .hideAnchor { display: block; height: 0px; overflow: hidden; text-indent: -9999px; margin-top: -10px; padding-bottom: 10px; }
  /* スクロール縦 */
  .scroll-y { box-sizing: border-box; overflow-y: scroll; transform: translateZ(0); }
  /* 背景2つ　1番目が前 2番目が後ろ */
  .w-bg { background: url(../images/web/bg-01.png) 445px 20px no-repeat, url(../images/web/ptn-01.jpg) left top repeat; }
  /* リンク透明 */
  a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
  /* リンク透明にしない */
  .noop a img:hover { -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1.0; }
  /*---------------------------------------- 　　外部サービス ----------------------------------------*/


.foot-contact{ width: 100%; background: url('../sp-images/index/f-con-bg.jpg') top center no-repeat; padding: 7% 0 0; }
.foot-contact .f-con-inner{ width: 100%; margin: 0 auto; position: relative; }
.foot-contact .f-con-inner .abs{ position: absolute; bottom: 0%;  right: 10px; }
.foot-contact .f-con-inner p{ font-size: 14px; padding-top: 10px; margin-bottom: 5%; color: #fff; line-height: 1.7;}
.foot-contact .f-con-inner li{ width: 85%; margin: 0 auto 7%; position: relative; }
.foot-contact .f-con-inner ul{ width: 100%; margin-bottom: 10%; }
.foot-contact .right{ float:left; width: 60%; float: left; margin-left: 7%;line-height: 1.7; }
.foot-contact .right span a{ color: #fff; }
.foot-contact .f-logo{ text-align: left; margin-left: 5%; width: 50%; padding-top: 3%; }
.foot-contact .tel{ text-align: center; width: 90%; margin: 0 auto 7%;  }
.foot-contact ul{ width: 90%; margin: 0 auto 20px; }
.foot-contact h6{ margin-bottom: 35px; }
/* foot-contact --------------------------------------------------------------------------------*/



  /* ggmap */
  /* <div class="ggmap">iframeのコピーしたコード</div> */
  .sp-ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
  .sp-ggmap iframe, .sp-ggmap object, .sp-ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  /* <div class="youtube"><iframe  src="youtubeのURL?rel=0" frameborder="0" allowfullscreen></iframe></div> */
  .youtube { position: relative; width: 100%; padding-top: 56.25%; }
  .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
  /*---------------------------------------- 　　webフォント（サーバー置き）　 ----------------------------------------*/
  @font-face { font-family: 'jp-sttl01';
    /* お好きな名前にしましょう */
src: url("../font/.eot");
    /* IE9以上用 */
src: url("../font/bokutachi.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Medium.woff") format("woff"), url("../font/NotoSansCJKjp-Medium.woff") format("woff");
    /* iOS, Android用 */
    /* 念の為指定しておきます */
font-weight: normal;
    /* 念の為指定しておきます */
font-style: normal; vertical-align: top; margin: 0px; padding: 0px; }
  .myWebFontClass { font-family: 'jp-sttl01'; } }
/* IE10以上 不要なら削除 */
@media screen and (max-width: 1390px) { .open-bg { background-image: url(../images/common/open-bg-t-02.png); background-repeat: no-repeat; background-position: center top; }
  .open-main-Box .deco-Box { display: block; }
  .open-main-Box .deco-Box .abs-01, .open-main-Box .deco-Box .abs-02 { position: absolute; }
  .open-main-Box .deco-Box .abs-01 { left: -72px; top: 336px; }
  .open-main-Box .deco-Box .abs-02 { right: 36px; top: 610px; } }
@media screen and (max-width: 1220px) { .open-bg { background-image: url(../images/common/open-bg-t-02.png); background-repeat: no-repeat; background-position: center top; }
  .open-main-Box .deco-Box { display: none; } }