@charset "utf-8";

body {
  font-family: "Meiryo", "メイリオ", "sans-serif";
  font-size: 16px;
  color: #000;
}

a {
  text-decoration: none;
}

.cf:after {
  content: "";
  display: table;
  clear: both;
}

.m-color-fff {
  color: #fff;
}

.m-color-000 {
  color: #000;
}

.m-color-red {
  color: #ff0000;
}

.m-bg-fff {
  background-color: #ffffff;
}

.m-bg-000 {
  background-color: #000000;
}


.m-bg-yellow {
  background-color: #f8c629;
}

.m-bg-green {
  background-color: #61b53f;
}
.m-bg-pink {
  background-color: #eb4b4b;
}

.m-bg-pink02 {
  background-color: #f57b7b;
}
.m-bg-orange {
  background-color: #ff7200;
}

.m-bg-orange02 {
  background-color: #ed7d31;
}

.m-letter-spacing2 {
  letter-spacing: 2px;
}

.m-letter-spacing3 {
  letter-spacing: 3px;
}

.m-line-height15 {
  line-height: 1.5;
}

.l-icon-arrow {
  margin-right: 5px;
}

.m-border-right-dcdcdc {
  border-right: 1px solid #dcdcdc;
}

/* ===============================================================
sp
=============================================================== */
@media screen and (max-width:640px) {
  .is-sp-invisible {
    display: none;
  }

  .l-h2-ttl01 {
    position: relative;    /*background: #ffe100;*/
  }

  .l-h2-ttl02 {
    position: relative;
  }

  .l-h2-ttl03 {
    position: relative;    /*background: #ffe100;*/
  }

  .l-h2-ttl-txt03 {
    font-size: 28px;
    font-weight: bold;
    top: 3px;
    position: absolute;
    right: 24px;
  }

  .l-h2-ttl04 {
    position: relative;    /*background: #ffe100;*/
  }

  .l-h2-ttl-txt04 {
    font-size: 28px;
    font-weight: bold;
    top: 3px;
    position: absolute;
    right: 15px;
  }

  body {
    background-color: #fff;
  }

  img {
    width: 100%;
  }

  .m-border-top-none {
    border-top: none;
  }

  .m-sp-mr0 {
    margin-right: 0
  }

  .m-sp-mr11 {
    margin-right: 11px;
  }

  .m-sp-mr15 {
    margin-right: 15px;
  }

  .m-sp-mb13 {
    margin-bottom: 13px;
  }

  .m-sp-mb20 {
    margin-bottom: 20px;
  }

  .m-sp-mt15 {
    margin-top: 15px;
  }

  .m-sp-fz11 {
    font-size: 11px;
  }

  .m-sp-fz13 {
    font-size: 13px;
  }

  .m-sp-fz15 {
    font-size: 15px;
  }

  .m-sp-fz18 {
    font-size: 18px;
  }

  .m-sp-fz26 {
    font-size: 26px;
  }

  .m-sp-fz29 {
    font-size: 29px;
  }

  .m-sp-fz30 {
    font-size: 30px;
  }

  .m-sp-fz10 {
    font-size: 10px;
  }

  .s-ls {
    letter-spacing: -0.4px;
  }

  .l-h1-ttl {
    letter-spacing: -1px;
	  font-weight: bold;
  }

  /*-----l-global-box------*/
  .l-global-box {
    width: 100%;
  }

  .m-global-menu-first {
    background-color: #fff;
    padding: 18px 0 15px 0;
    width: 80%;
    margin: 0 auto;
  }

  .m-global-menu {
    float: left;
  }

  .m-icon-position {
    width: 15%;
    display: block;
    text-align: center;
    margin: 0 auto;
  }

  .m-icon-position-tel {
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 4px;
  }

  .l-global-box-btn {

    /*width: 33.3%;*/

    /*float: left;*/
    display: table-cell;
    vertical-align: middle;
  }

  .l-global-box-btn-tel {
    background-color: #ed7d31;
    text-align: center;
    padding: 12px 0px 11px 0px;
    max-height: 88px;
    min-height: 83px;
    padding-top: 4%;
    padding-top: 3%;
    box-sizing: border-box;
    max-height: 88px;
    min-height: 83px;
  }

  .l-global-box-btn-doc {
    background-color: #61b53f;
    text-align: center;    /* padding: 10px 9.5px 20.5px 8.5px; */
    font-size: 11px;
    padding: 13px 0px 18px 0px;
    font-weight: bold;
    box-sizing: border-box;
    max-height: 88px;
    min-height: 83px;
  }

  .l-global-box-btn-doc img {
    padding-right: 12px;
  }

  .l-global-box-btn-doc img {
    margin-bottom: 12px;
  }

  .l-global-box-btn-event {
    background-color: #f57b7b;
    text-align: center;
    padding: 13px 0px 12px 0px;
    color: #fff;
    font-size: 11px;
    box-sizing: border-box;
    max-height: 88px;
    min-height: 83px;
    letter-spacing: -1px;    /* padding-top: 3%; */
  }

  .m-global-menu-inner-tel {
    line-height: 13px;
  }

  .l-global-box-btn-event img {
    margin-bottom: 7px;
  }

  .l-global-box-btn-tel a {
    color: #fff;
  }

  .sp-header-logo {
    width: 80%;
    padding: 18px 0 15px 0;
    margin: 0 auto;
  }

  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }

  /*------sp-menu-------------*/
  .menu {

    /*position: absolute;*/
    width: 100%;
    color: #fff;
    overflow: hidden;
  }

  .button-toggle img {
    vertical-align: text-bottom;
    border-bottom: 1px solid #fff;
  }

  .menu a {
    display: block;
    color: #fff;
    text-decoration: none;
  }

  .m-bg-dred {
    background-color: #9d0102;
    font-size: 15px;
    padding: 13px 0;
    text-align: center;
    border-bottom: 1px solid #fff;
  }

  .m-bg-dred:hover {
    background-color: #ff0000;
    cursor: pointer;
  }

  .triangle-header {
    padding-right: 12px;
    color: #fff;
  }

  .triangle-header-img {
    width: 80%;
    vertical-align: middle;
  }

  .l-menu {

    /*position: absolute;*/
    width: 100%;
    color: #000;
    overflow: hidden;
  }

  .l-menu li {
    background-color: #f6f6f6;
    text-align: center;
    font-size: 15px;
    border-bottom: 2px solid #cccccc;
  }

  .l-button-toggle02 {
    vertical-align: text-bottom;
    border-bottom: 2px solid #fff;
    float: right;
    width: 10%;
    margin-top: 20px;
    position: absolute;
    right: 17px;
  }

  .l-menu a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 15px 0;
  }

  .l-menu a:hover {
    background-color: #fff;
  }

  .l-menu .close {
    background-color: #ffe100;
    color: #000;
    border-top: 2px solid #ccc;
    padding: 15px 0;
  }

  .l-menu .close:hover {
    cursor: pointer;
  }

  .l-menu .close_mark {
    display: block;
    float: right;    /* margin-right: 30px; */

    /* padding-right: 20px; */
    position: absolute;
    right: 17px;
    top: 2px;
    bottom: 0;
    font-size: 35px;
    color: #666666;
  }

  /*-------header-nav---------*/
  .l-header-nav {
    width: 100%;
  }

  .l-header-nav-inner {
    padding: 15px 15px 17.5px 15px;
  }

  .l-header-nav-location {
    float: left;
    width: 17%;
    margin-right: 10px;    /* vertical-align: middle; */
    margin-top: 5px;
  }

  .l-header-nav-ttlbox {
    float: left;
    width: 63%;
  }

  /*-------section-bg01--------*/
  .l-section-bg01 {
    background: url(../image/bg01.jpg)no-repeat;
    background-size: 100% 100%;
    padding: 15px 0 20px 0;
    margin-top: -4px;
  }

  .l-section-inner {
    width: 95%;
    margin: 0 auto;
  }

  .l-section-h2inner {
    width: 100%;
    margin: 0 auto;
  }

  .l-section-card01 {
    float: left;
    width: 48%;
    position: relative;
    color: #fff;
  }

  .l-section-card-inner {
    padding: 3% 5% 3% 5%;
  }

  .l-event_card_icon {
    width: 25%;
    text-align: center;
    display: block;
    margin: 0 auto;
  }

  .l-card-txt {
    color: #fff;
    line-height: 20px;
    font-size: 13px;
    letter-spacing: -1px;
  }

  .l-event_card_image {

    /*margin-top: 13px;*/
  }

  .l-section-card02 {
    float: left;
    width: 48%;
    position: relative;
    color: #fff;
  }

  .l-card-txt02-s {
    font-size: 10px;
    letter-spacing: -1px;
  }

  .l-section-card03 {
    float: left;
    width: 48%;
    position: relative;
    color: #fff;
  }

  .l-section-card04 {
    float: left;
    width: 48%;
    position: relative;
    color: #fff;
  }

  .l-card-text-h2 {
    font-size: 19px;
    font-family: serif;
    margin-top: 5px;
    margin-bottom: 15px;
    text-align: center;
    color: #fff;
  }

  .l-card-text-h2-below {
    font-size: 19px;
    font-family: serif;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
    letter-spacing: -1px;
    color: #fff;
  }

  .l-section-bg01-inner-bottomtext {
    margin-top: 15px;
  }

  /*--------eventtable---------*/
  .pageEvent .eventTable {

    /*display: block;*/
    width: 100%;
    margin-bottom: 19px;
  }

  .pageEvent .eventTable td {

    /* border-top: 5px solid #fff; */
    border-bottom: 5px solid #fff;
    background: #fff;    /*padding: 25px 0px 26px 0;*/
    vertical-align: middle;
    border-bottom: 0;    /*padding-bottom: 20px;*/
    display: block;
  }

  .pageEvent .eventTable .date {

    /*float: left;*/
  }

  .l-eventTable-block {
    margin-top: 18px;
  }

  .pageEvent .eventTable .icon_green {
    background-color: #71a500;
    color: #fff;
    padding: 12px 20px;
    text-align: center;
    font-size: 18px;
    float: left;
    margin-right: 10px;
  }

  .pageEvent .eventTable .icon_orange {
    background-color: #ff6600;
    color: #fff;
    padding: 12px 17px;
    text-align: center;
    float: left;
    margin-right: 10px;
  }

  .pageEvent .eventTable .icon_red {
    background-color: #ff3333;
    color: #fff;
    padding: 12px 17px;
    text-align: center;
    float: left;
    margin-right: 10px;
  }

  .pageEvent .eventTable .icon_blue {
    background-color: #3399cc;
    color: #fff;
    padding: 12px 20px;
    text-align: center;
    float: left;
    margin-right: 10px;
  }

  .event_record {
    padding: 15px 0 5px 0;
    display: block;
    border-bottom: 1px solid #d3d3d3;
  }

  .l-eventTable-gray {
    background-color: #999999;
    font-size: 16px;
    padding: 5px 8px;
    color: #fff;
    margin-right: 7.5px;
  }

  .l-eventTable-margin {
    margin: 15px 0;
  }

  .l-eventTable-fl {
    float: left;
  }

  .l-eventTable-txt {
    float: left;
    width: 80%;
  }

  .l-eventTable-txt span {
    vertical-align: sub;
  }

  .l-pageEvent-txt {
    margin: 16px 0 15px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
  }

  .l-pageEvent-txt02 {
    margin: 7.5px 0 15px 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    letter-spacing: -1px;
  }

  .l-eventTable-txt a {
    color: #000;
    text-decoration: underline;
    vertical-align: sub;
  }

  .l-nav-img {
    padding-bottom: 15px;
    border-bottom: 1px solid #d3d3d3;
  }

  .l-btn-event {
    width: 95%;
    margin: 0 auto;
  }

  .l-btn-event a {
    display: block;
    position: relative;
    background: #f57b7b;
    text-align: center;
    border-radius: 8px;
    vertical-align: middle;
    line-height: 16px;
    padding: 1em 0;
  }

  .l-btn-event a.btn-close {
    display: none;
  }

  .l-btn-event.btn-close a.more {
    display: none;
  }

  .l-btn-event.btn-close a.btn-close {
    display: block;
  }

  .l-btn-event a img.icon_arrow {
    vertical-align: middle;
    margin-right: 3%;
    width: 6%;
  }

  .l-btn-event p {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }

  .l-btn-monitor {
    width: 6%;
    display: inline-block;
    vertical-align: middle;
  }
	.l-btn-contact{
    width: 95%;
    margin: 0 auto 30px;
	}
  .l-btn-contact a {
		display: flex;
    background: #61b53f;
    text-align: center;
    border-radius: 8px;
    vertical-align: middle;
    line-height: 16px;
    padding: 0.5em 0;
		justify-content: center;
		align-items: center;
  }
	.l-btn-contact a p{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
	}
	.l-btn-contact a span{
		font-size: 12px;
    font-weight: bold;
    color: #ff0000;
		background: #fff;
		text-align: center;
		width: 35px;
		height: 35px;
		line-height: 35px;
		border-radius: 17.5px;
		margin-right: 10px;
	}
  /*-------l-section-bg02-----------*/
  .l-section-bg02 {
    background: url(../image/bg02.jpg)no-repeat;
    background-size: 100% 100%;
    padding: 12px 0 25px 0;
    margin-top: -4px;
  }

	.l-h2-ttl01-img,
	.l-h2-ttl02-img,
	.l-h2-ttl03-img,
	.l-h2-ttl04-img {
    position:relative;
    overflow: hidden;
    line-height: 1;
  }
  .l-h2-ttl01-img .l-h2-ttl-txt01,
  .l-h2-ttl02-img .l-h2-ttl-txt02,
  .l-h2-ttl03-img .l-h2-ttl-txt03,
  .l-h2-ttl04-img .l-h2-ttl-txt04 {
    position:absolute;
    width:100%;
    display: table;
    height: 100%;
    top: 0;
    left: 0;
    vertical-align: middle;
    box-sizing: border-box;
    padding-right: 10px;
    font-size: 18px;
    line-height: 1.3;
    padding-top: 4%;
	font-weight: bold;
  }
	.l-h2-ttl01-img .l-h2-ttl-txt01 {
	 padding-left: 44%;
	}
	.l-h2-ttl02-img .l-h2-ttl-txt02 {
	 padding-left: 45%;
	}
	.l-h2-ttl03-img .l-h2-ttl-txt03 {
	 padding-left: 44%;
	}
	.l-h2-ttl04-img .l-h2-ttl-txt04 {
	 padding-left: 53%;
	}
  @media screen and (max-width:321px) {
    .l-h2-ttl01-img .l-h2-ttl-txt01,
	.l-h2-ttl02-img .l-h2-ttl-txt02,
	.l-h2-ttl03-img .l-h2-ttl-txt03,
	.l-h2-ttl04-img .l-h2-ttl-txt04{
     font-size: 15px;
    }
  }



  .l-h2-ttl02-img {
    line-height: 0;
  }

  .l-h2-ttl03-img {
    line-height: 0;
  }

  .l-section-bg02-sec {
    display: block;
    width: 100%;
    font-size: 13px;
    background: #4a4a4a;
    padding: 15px 10px 5px 10px;
    margin-bottom: 10px;
  }

  .l-section-bg02-rsec {
    display: block;
    width: 100%;
    font-size: 13px;
    background: #000000;
    padding: 15px 10px 5px 10px;
    margin-bottom: 17.5px;
  }

  .l-section-bg02-txt {

    margin-bottom: 15px;
    float: left;
    width: 64%;
  }

  .l-section-bg02-sec-ttl {
    color: #fff;
    text-align: center;
    font-size: 27px;
    font-family: serif;
    margin-bottom: 15px;
  }

  .l-section-bg02-sec-fig {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 15px;
  }

  .l-section-bg02-sec-rfig {
    float: left;
    width: 48%;
  }

  .l-section-bg02-img {
    display: block;
    float: left;
    width: 30%;
    margin-right: 15px;
    margin-top: 7px;
  }

  .l-section-bg02-rimg {
    display: block;
    width: 30%;
    float: left;
    margin-top: 14px;
    margin-right: 15px;
    margin-bottom: 25px;
  }

  .l-white-area {
    background-color: #fff;
    padding: 15px 6px 9px 6px;
    margin-bottom: 22px;
  }

  .l-btn-model {
    width: 95%;
    margin: 0 auto;
    position: relative;
    background: #ffc000;
    padding: 1em 0;
    border-radius: 8px;
  }

  .l-btn-model p {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }
 @media screen and (max-width:321px) {
	 .l-btn-model p {
		font-size: 12px;
	 }
}

  /*-------l-section-bg03-----------*/
  .l-section-bg03 {
    background: url(../image/bg03.jpg)no-repeat;
    background-size: 100% 100%;
    padding: 10px 0 24px 0;
    margin-top: -4px;
  }

  .l-operation-card {
    border: 1px solid #000;
    background-color: #fff;
    padding: 10px 9px;
    margin-bottom: 6.5px;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }

  .l-operation-card a {
    color: #000;
  }

  .l-operation-card img {
    float: left;
    width: 45%;
    margin-right: 10px;
  }

  .l-operation-card-ttl {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
  }

  .l-operation-card-right {
    float: left;
    width: 50%;
  }

  .l-operation-card-txt {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 10px;
  }

  .l-operation-tip {
    background-color: #e2e2e2;
    padding: 5px;
    display: inline-block;
    font-size: 9px;
    margin-right: 2px;
  }

  .l-o-section-inner {
    width: 95%;
    margin: 0 auto;
  }

  .l-section-bg03-txt {
    margin-bottom: 14px;
    width: 95%;
    margin: 13.5px auto;
  }

  .l-o-btn {
    width: 95%;
    margin: 0 auto;
    position: relative;
    background: #ffc000;
    padding: 1em;
    border-radius: 8px;
  }

  .l-o-btn-arrow {
    width: 6%;
    display: inline-block;
    vertical-align: middle;
  }

  .l-o-btn p {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }
	 @media screen and (max-width:321px) {
	 .l-o-btn {
		 padding: 1em 0.5em;
	 }
	 .l-o-btn p {
		font-size: 15px;
		padding-left: 8px;
	 }
}

  /*--------page-top-----------*/
  .pagetop {
    position: fixed;
    right: 10px;
    display: block;
    line-height: 0;
    width: 17%;
    z-index: 999;
  }

  /*---------footer-btnarea----------*/

  .l-footer-btnarea {
    width: 80%;
    margin: 0 auto;
    padding: 15px 0px 15px 0;
  }

  .l-footer-btnarea ul {
    margin-top: -7px
  }

  .l-footer-btnarea ul li {
    float: left;
    width: 47%;
  }

  .l-footer-btntxt {
    position: absolute;
    left: 0;
    bottom: 13px;
    right: 0;
    text-align: center;
    line-height: 12px;
  }

  .l-footer-tel {
    font-size: 12px;
    font-weight: bold;
    color: #fff;    /* letter-spacing: -1px; */
  }

  .l-footer-time {
    font-size: 11px;
    color: #fff;    /* letter-spacing: -1px; */
  }

  .l-footer-btn-office {
    display: block;
    margin-left: 26%;
    margin-top: 14px;
  }

  .m-footer {
    background: #666666;
    text-align: center;
  }

  .l-footer {
    padding: 19px 0 19px 0;
  }

  .l-footer img {
    width: 70%;
    margin: 0 auto;
  }

  .l-free {
    position: absolute;
    background-color: #fff;
    color: #ff0000;
    font-size: 17.5px;
    right: 12%;
    top: 29%;
    width: 38px;
    padding: 1.5px 1px;
  }

  .l-footer-doc {
    position: absolute;
    color: #fff;
    left: 0;
    bottom: 13px;
    right: 0;
    text-align: center;
    font-size: 13px;
  }

  .l-footer-office {
    position: absolute;
    color: #fff;
    left: 0;
    bottom: 13px;
    right: 0;
    text-align: center;
    font-size: 13px;
  }

  /*-------fixed-header---------*/
  .sp_fix_nav {
    position: fixed; /* ヘッダーバーを固定 */
    top: 0; /* 上から0の位置に固定 */
    left: 0; /* 左から0の位置に固定 */
    display: none; /* ヘッダーバーを非表示 */
    z-index: 999;
    background-color: #fff;
  }

  /*.sp_fixed {
    position: fixed;
    top: 0;
    z-index: 999;
    background-color: #fff;
    width: 100%;
  }*/
  .sp_fixed .button-toggle {
    display: none;
  }

  .sp_fixed .sp-header-logo {
    display: none;
  }

  .sp_fixed .l-header-nav-location {
    display: none;
  }

  .sp_fixed .l-h1-ttl {
	width: 135%
  }

  .sp_fixed .l-h1-ttl br {
    display: none;
  }

  .sp_fixed .m-sp-fz30 {
    font-size: 20px;
  }

  .sp_fixed .m-sp-fz29 {
    font-size: 19px;
  }

  .sp_fixed .m-sp-fz26 {
    font-size: 18px;
  }

  .sp_fixed .l-button-toggle02 {
    vertical-align: text-bottom;
    border-bottom: 2px solid #fff;
    float: right;
    width: 10%;
    margin-top: 0;
    position: absolute;
    right: 17px;
  }

  .sp_fixed .fixed_none {
    display: none;
  }

  .sp_fixed .fixed_block {
    display: block;
  }

  .m-fixed-icon {
    width: 16%;
    vertical-align: middle;
  }

  .m-fixed-icon-tel {
    width: 13%;
    float: left;
    vertical-align: middle;
  }

  .m-fixed-icon-m {
    width: 25%;
    float: left;
    vertical-align: middle;
  }

  .l-fixed-doc {
    background-color: #f8c629;
    text-align: center;    /* padding: 10px 9.5px 20.5px 8.5px; */
    font-size: 11px;
    padding: 11px 5px;
    font-weight: bold;
    box-sizing: border-box;
    width: 33.3%;
    float: left;
    display: table-cell;
    vertical-align: middle;
  }

  .l-fixed-tel {
    background-color: #eb4b4b;
    text-align: center;    /* padding: 10px 9.5px 20.5px 8.5px; */
    font-size: 11px;
    padding: 11px 5px;
    font-weight: bold;
    box-sizing: border-box;
    width: 33.3%;
    float: left;
    display: table-cell;
    vertical-align: middle;
  }

  .l-fixed-event {
    background-color: #ff7200;
    text-align: center;
    padding: 11px 5px;
    color: #fff;
    font-size: 11px;
    box-sizing: border-box;
    letter-spacing: -1px;    /* padding-top: 3%; */
    width: 33.3%;
    float: left;
    display: table-cell;
    vertical-align: middle;
  }

  .fix-txt {
    padding-left: 5px;
  }

}

/* ===============================================================
pc
=============================================================== */
@media (min-width:640px) {
  .is-pc-invisible {
    display: none;
  }

  .sp_fix_nav {
    display: none;
  }

  .m-border-top-dcdcdc {

    border-top: 1px solid #dcdcdc;
    padding-top: 35px;
    margin-top: -38px;
  }

  .m-pc-mr20 {
    margin-right: 20px;
  }

  .m-pc-mr25 {
    margin-right: 25px;
  }

  .m-pc-mr30 {
    margin-right: 30px;
  }

  .m-pc-mb5 {
    margin-bottom: 5px;
  }

  .m-pc-mb6 {
    margin-bottom: 6px;
  }

  .m-pc-mb20 {
    margin-bottom: 20px;
  }

  .m-pc-mt20 {
    margin-top: 20px;
  }

  .m-pc-mb30 {
    margin-bottom: 30px;
  }

  .m-pc-mb35 {
    margin-bottom: 35px;
  }

  .m-pc-fz17 {
    font-size: 17px;
  }

  .m-pc-fz11 {
    font-size: 11px;
  }

  .m-pc-fz18 {
    font-size: 18px;
  }

  .m-pc-fz21 {
    font-size: 21px;
  }

  .m-pc-fz50 {
    font-size: 50px;
  }

  .m-pc-fz56 {
    font-size: 56px;
  }

  .m-pc-fz70 {
    font-size: 70px;
  }

  .m-ml-5 {
    margin-right: -5px;
  }

  .m-pc-mr0 {
    margin-right: 0;
  }

  /*-----------header--------------*/
  .l-header-box {
    padding: 13px 0px 8px 0px;
  }

  .l-header-box-inner {
    width: 1159px;
    margin: 0 auto;
  }

  .l-header-box-right {
    float: right;
    font-size: 14px;
    line-height: 21px;
    margin-top: -1px;
  }

  .m-header-box {
    background-color: #9d0102;
    min-width: 1280px;
  }

  .m-letter-spacing2 {
    letter-spacing: 2px;
  }

  .m-letter-spacing45 {
    letter-spacing: 4.5px;
  }

  .m-padding-left3 {
    padding-left: 3px;
  }

  /*-----------global-nav--------------*/
  .pc_top_head_wp {
    min-width: 1280px;
    height: 82px;
  }

  .l-global-menu {
    width: 1220px;
    margin: 0 auto;
    min-width: 1220px;
  }

  .l-global-box {
    border-bottom: 1px solid #d1c2ba;
  }

  .m-global-menu {
    width: 273px;
    height: 81px;
  }
	.m-global-menu01 {
    width: 303px;
    height: 81px;
  }
	.m-global-menu02 {
    width: 243px;
    height: 81px;
  }

  .l-global-box li {
    list-style: none;
    text-decoration: none;
    display: table-cell; /* IE8から使用可能 */
    vertical-align: middle;
    text-align: center;
  }

  .m-global-menu-first {
    padding-left: 30px;
    padding-right: 31px;
    padding-top: 8px;
    border-left: 1px solid #d1c2ba;
  }

  .m-global-menu-inner {
    padding-left: 50px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    color: #fff;
    padding-top: 4px;
  }

  .m-global-menu-inner-tel {
    padding-left: 2em;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    color: #fff;
  }

  .m-global-menu-txt {
    margin-left: -10px;
    letter-spacing: 2px;
    font-size: 17px;
    font-weight: bold;
  }

  .m-free {
    color: red;
    background-color: #ffffff;
    padding: 3px 3px;    /* margin-left: 28px; */
    position: absolute;
    right: 10px;
    top: 27px;
  }

  .m-icon-position {
    position: absolute;
    left: 30px;
    top: 27px;
  }

  .m-icon-position-tel {
    position: absolute;
    left: 30px;
    top: 30px;
  }

  .m-icon-position-pc {
    position: absolute;
    left: 30px;
    top: 33px;
  }

  /*-----------header-nav--------------*/
  .l-header-nav {
    width: 1220px;
    margin: 0 auto;
    padding: 30px 0 13px 0;
  }
  .l-header-nav .l-header-nav-inner {
    padding-left:30px;
  } 

  .l-header-nav-location {
    float: left;
    padding-top: 13px;
  }

  .l-header-nav-ttlbox {
    padding-left: 59px;
    margin-top: -9px;
  }

  .l-h1-ttl {
    margin-top: -5px;
    font-family: "Meiryo", "メイリオ";
    margin-left: -4px;
    margin-bottom: 10px;
	  font-weight: bold;
  }

  .l-header-nav-list {
    position: relative;
  }

  .l-header-nav-list_wp {
    height: 35px;
    z-index: 999;
  }
  .l-header-nav-list ul {
    display:table;
    width: 1178px;
    margin: 0 auto;
  }

  .l-header-nav-list li {
    list-style: none;
    text-decoration: none;
    display: table-cell; /* IE8から使用可能 */
    vertical-align: middle;
    text-align: center;
    border-left: 1px #dcdcdc solid;
  }

  .l-header-nav-list-link {
    padding: 0 15px;
    color: #000;
    letter-spacing: 1px;
    display: block;
    font-size: 15px;
  }

  .l-header-nav-list-link-last {

    /*margin-left: -20px;     padding-right: 28px; */

    /*padding-left: 22px;*/
    display: inline-block;
  }

  .l-header-nav-list-bgdisable {
    background-color: #ddd;
  }

  .l-header-nav-list-disable {
    color: #f1f1f1
  }

  /*------footer-----------*/
  footer {
    min-width: 1280px;
  }

  /*------l-content-----------*/
  .l-content {
    min-width: 1220px;
  }

  /*------l-section-bg01-----------*/
  .l-h2-ttl01 {
    height: 120px;
    position: relative;
    background: #ffe100;
    min-width: 1280px;
  }

  .l-h2-ttl01-img {
    background: url(../image/h2_title01.png)no-repeat;
    height: 120px;
    background-position: center;
  }

  .l-h2-ttl-txt01 {
    font-size: 52px;
    display: block;
    width: 661px;
    margin: 0 auto 0 337px;
    padding-top: 7px;
    letter-spacing: -2px;
    line-height: 55px;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }


  .l-h2-ttl02 {
    height: 120px;
    position: relative;
    background: #ffe100;
  }

  .l-h2-ttl02-img {
    background: url(../image/h2_title02.png)no-repeat;
    height: 120px;
    background-position: center;
  }

  .l-h2-ttl-txt02 {
     font-size: 52px;
     display: block;
     width: 661px;
     margin: 0 auto 0 367px;
     padding-top: 7px;
     letter-spacing: -2px;
     line-height: 55px;
     font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }

  .l-h2-ttl03 {
    height: 120px;
    position: relative;
    background: #ffe100;
  }

  .l-h2-ttl03-img {
    background: url(../image/h2_title03.png)no-repeat;
    height: 120px;
    background-position: center;
  }

  .l-h2-ttl-txt03 {
    font-size: 52px;
	display: block;
	width: 661px;
	margin: 0 auto 0 367px;
	padding-top: 7px;
	letter-spacing: -2px;
	line-height: 55px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
}

  .l-h2-ttl04 {
    height: 120px;
    position: relative;
    background: #ffe100;
  }

  .l-h2-ttl04-img {
    background: url(../image/h2_title04.png)no-repeat;
    height: 120px;
    background-position: center;
  }

  .l-h2-ttl-txt04 {
   font-size: 52px;
   display: block;
   width: 661px;
   margin: 0 auto 0 420px;
   padding-top: 34px;
   letter-spacing: -2px;
   line-height: 55px;
   font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }

  .l-section-bg01 {
    background: url(../image/bg01.jpg)no-repeat;
    background-size: 100% 100%;
    padding: 52px 0 34px 0;
    min-width: 1280px;
  }

  .l-section-inner {
    width: 960px;
    margin: 0 auto;
  }

  .l-section-text {
    float: left;    /*font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";*/
    font-family: "Rounded Mplus 1c";
    font-weight: bold;
  }

  .l-section-tip {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    font-size: 18px;
    text-align: center;
  }

  .l-card-text-h2 {
    color: #fff;
    font-size: 26px;
    font-family: "Meiryo", "メイリオ";
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    text-align: center;
  }

  .l-card-txt {
    position: absolute;
    top: 126px;
    color: #fff;
    line-height: 23px;
    left: 15px;
    font-size: 15px;
  }

  .l-card-txt02 {
    position: absolute;
    top: 126px;
    color: #fff;
    line-height: 23px;
    left: 15px;
    font-size: 15px;
  }

  .l-card-txt02 span {
    font-size: 11px;
  }

  .l-card-txt03 {
    position: absolute;
    top: 126px;
    color: #fff;
    line-height: 23px;
    left: 15px;
    font-size: 15px;
  }

  .l-card-txt04 {
    position: absolute;
    top: 126px;
    color: #fff;
    line-height: 23px;
    left: 15px;
    font-size: 15px;
  }

  .l-section-card {
    float: left;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }

  .l-section-bg01-inner-bottomtext {
    margin-top: 22px;
    margin-left: -21px;
    text-align: center;
  }


  /*--------eventtable---------*/
  .pageEvent .eventTable {
    border-top: 1px solid #595757;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 1px;
    background: #000000;
    border-top: 1px solid #595757;
    margin-top: 38px;
    margin-bottom: 44px;
  }

  .pageEvent .eventTable th {
    border-top: 5px solid #000000;
    border-bottom: 5px solid #000000;
    background: #000000;
    text-align: center;    /*padding: 0 8px;*/
    background: #000000;
    border-bottom: 0;
    padding-bottom: 6px;
    color: #fff;
  }

  .pageEvent .eventTable th.icon02 {
    background: #000000;
    width: 12%;
    background: #000000;
  }

  .pageEvent .eventTable td {

    /*border-top: 5px solid #fff;*/
    border-bottom: 5px solid #fff;
    background: #fff;
    padding: 25px 0px 26px 0;
    vertical-align: middle;
    border-bottom: 0;
    padding-bottom: 20px;
  }

  .pageEvent .eventTable td .event {
    font-size: 100%;
    color: #fff;
    background-color: #EA6A67;
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
    white-space: nowrap;
  }

  .pageEvent .eventTable td .talk {
    font-size: 100%;
    color: #fff;
    background-color: #A5D244;
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
    white-space: nowrap;
  }

  .pageEvent .eventTable td .seminar {
    font-size: 100%;
    color: #fff;
    background-color: #FE8906;
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
    white-space: nowrap;
  }

  .pageEvent .eventTable td .watch {
    font-size: 100%;
    color: #fff;
    background-color: #54BBF6;
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
    white-space: nowrap;
  }

  .pageEvent .eventTable td.date {
    width: 80px;
    white-space: nowrap;
    letter-spacing: -2px;
    line-height: 1.5;
    padding-left: 16px;
    padding-right: 22px;
  }

  .pageEvent .eventTable td.icon2 {

    /*width: 40px;*/
    text-align: center;
    background: #fff;
  }

  .pageEvent .eventTable td.widthm {
    width: 188px;
    text-align: center;
  }

  .pageEvent .eventTable td a {
    color: #0099cc;
    text-decoration: underline;
  }

  .pageEvent .eventTable td a:hover {
    text-decoration: none;
  }

  .pageEvent .eventTable .icon_green {
    background-color: #71a500;
    color: #fff;
    padding: 5px 8px;
    text-align: center;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }

  .pageEvent .eventTable .icon_orange {
    background-color: #ff6600;
    color: #fff;
    padding: 5px 8px;
    text-align: center;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }

  .pageEvent .eventTable .icon_red {
    background-color: #ff3333;
    color: #fff;
    padding: 5px 8px;
    text-align: center;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }

  .pageEvent .eventTable .icon_blue {
    background-color: #3399cc;
    color: #fff;
    padding: 5px 8px;
    text-align: center;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }

  .l-pageEvent-txt {
    text-align: center;
    margin-top: 45px;
    margin-bottom: 31px;
    font-size: 30px;
    font-weight: bold;
    line-height: 45px;
  }

  .l-pageEvent-txt02 {
    text-align: center;
    margin-top: 7px;
    margin-bottom: 32px;
    font-size: 30px;
    font-weight: bold;
    line-height: 45px;
  }

  .eventTable_ttl01 {
    text-align: left;
    padding-left: 20px;
    width: 73px;
  }

  .eventTable_date {
    text-align: left;
    padding-left: 26px;
  }

  .eventTable_loc {
    text-align: left;
    padding-left: 32px;
  }

  .l-btn-event {
    margin: auto;
    margin-bottom: 30px;
    text-align: center;
  }

  .l-btn-event a {
    display: inline-block;
    position: relative;
    background: #f57b7b;
    text-align: center;
    border-radius: 10px;
    vertical-align: middle;
    line-height: 32px;
    padding: 35px 90px;

  }


  .l-btn-event a.btn-close {
    display: none;
  }

  .l-btn-event.btn-close a.more {
    display: none;
  }

  .l-btn-event.btn-close a.btn-close {
    display: inline-block;
  }

  .l-btn-event a img.icon_arrow {
    vertical-align: middle;
    margin-right: 30px;
  }

  .l-btn-event a:hover {
    opacity: 0.6;
  }

  .l-btn-event p {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }

  .l-btn-monitor {
    position: absolute;
    top: 30px;
    left: 65px;
  }

		.l-btn-contact {
    margin: auto;
    margin-bottom: 60px;
    text-align: center;
}
	.l-btn-contact a{
    background: #61b53f;
    text-align: center;
    border-radius: 10px;
    vertical-align: middle;
    line-height: 32px;
    padding: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 75%;
		margin: 0 auto;
	}
	.l-btn-contact a:hover{
		opacity: .7;
	}
	.l-btn-contact a p{
		font-size: 32px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
	}
	.l-btn-contact a span{
		font-size: 20px;
    font-weight: bold;
    color: #ff0000;
		background: #fff;
		text-align: center;
		width: 70px;
		height: 70px;
		line-height: 70px;
		border-radius: 35px;
		margin-right: 20px;
	}
  /*------l-section-bg02-----------*/
  .l-section-bg02 {
    background: url(../image/bg02.jpg)no-repeat;
    background-size: 100% 100%;
    padding: 55px 0 46px 0;
  }

  .l-section-bg02-img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
  }

  .l-section-bg02-rimg {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
  }

  .l-section-bg02-sec {
    float: left;
    background: #4a4a4a;
    width: 461px;
    padding: 30px 20px 5px 20px;
    margin-right: 38px;
    margin-bottom: 54px;
  }

  .l-section-bg02-rsec {
    float: left;
    background: #000;
    width: 461px;
    padding: 30px 20px 5px 20px;
  }

  .l-section-bg02-txt {
    width: 231px;
    float: left;
    letter-spacing: -1px;
    line-height: 1.6;
    margin-bottom: 27px;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }

  .l-section-bg02-rtxt {
    width: 211px;
    float: left;
    line-height: 1.6;
    position: absolute;
    top: 84px;
  }

  .l-section-bg02-sec-ttl {
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-family: "Meiryo", "メイリオ";
    margin-bottom: 28px;
  }

  .l-section-bg02-sec-fig {
    float: left;
    margin-right: 25px;
    margin-bottom: 20px;
  }

  .l-section-bg02-sec-rfig {
    float: left;
    margin-bottom: 20px;
  }

  .l-table-cell {
    display: table-cell;
    vertical-align: middle;
  }

  .l-black-area {
    padding: 20px 30px 0px 32px;
    position: relative;
    margin-top: 6px;
    background: #000;
  }

  .l-black-area-h3l {
    margin-left: -19px;    /*margin-top: 5px;*/
    position: absolute;
    left: 150px;
    top: 29px;
  }

  .l-black-area-h3r {
    margin-left: 7px;    /*margin-top: 5px;*/
    position: absolute;
    right: 144px;
    top: 29px;
  }

  .l-btn-model {
    position: relative;
    background: #ffc000;
    width: 820px;
    line-height: 102px;
    margin: auto;
    border-radius: 10px;
  }
  .l-btn-model a {
    display:block;
  }

  .l-btn-model:hover {
    opacity: 0.6;
  }

  .l-btn-model p {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding-left: 35px;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }

  /*-------施工実例-------------*/
  .l-section-bg03 {
    background: url(../image/bg03.jpg)no-repeat;
    background-size: 100% 100%;
    padding: 49px 0 55px 0;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }

  .l-o-section-inner {
    width: 924px;
    margin: 0 auto;
  }

  .l-o-ttl {
    margin-bottom: 40px;
    margin-left: -20px;
    margin-top: -1px;
  }

  .l-operation-card {
    width: 288px;
    background-color: #fff;
    padding: 15px 15px 15px 15px;
    border: 1px solid #000;
    float: left;
    margin-bottom: 32px;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 san-serif";
  }

  .l-operation-card a {
    color: #000;
  }

  .l-operation-card-ttl {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .l-operation-card-txt {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.6;
  }

  .l-operation-tip {
    background-color: #e2e2e2;
    padding: 5px;
    display: inline-block;
    font-size: 14px;
    margin-right: 2px;
  }

  .l-section-bg03-txt {
    margin-top: 3px;
  }

  .l-o-btn {
    margin-top: 32px;
    position: relative;
    background: #ffc000;
    width: 670px;
    line-height: 102px;
    margin: auto;
    border-radius: 10px;
  }
  .l-o-btn a {
   display:block;
  }

  .l-o-btn p {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding-left: 35px;
  }
  .l-o-btn-arrow {
    position: absolute;
    left: 40px;
    top: 37px;
  }

  .l-o-btn:hover {
    opacity: 0.6;
  }

  /*--トップへ戻るボタン--*/
  .pagetop {
    position: fixed;
    right: 30px;
    display: block;
    line-height: 0
  }

  /*-------footer-------------*/
  .l-footer {
    padding: 40px 0 38px 0;
  }

  .l-footer img {
    margin-left: -8px;
    margin-top: -4px;
  }

  .m-footer {
    background: #666666;
    text-align: center;
  }

  .l-footer-img {
    margin-bottom: 34px;
  }

  .l-footer-btnarea {
    width: 960px;
    margin: 0 auto;
    padding: 100px 0px 98px 0;
  }

  .l-footer-btnarea ul {
    margin-top: -7px
  }

  .m-footer-color {
    color: #cccccc;
    font-size: 13px;
  }

  .l-footer-btnarea li {
    float: left;
  }

  .l-footer-btnarea li:hover {
    opacity: 0.6;
  }

  .l-footer-btntxt {
    position: absolute;
    text-align: center;
    bottom: 22px;
    left: 0;
    right: 0;
    color: #fff;
  }

  .l-footer-tel {
    font-size: 35px;
    font-weight: bold;
  }

  .l-footer-time {
    font-size: 25px;
  }

  .l-free {
    position: absolute;
    background-color: #fff;
    color: #ff0000;
    font-size: 25px;
    right: 10%;
    top: 31%;
    width: 67px;
    padding: 1.5px 1px;
    text-align: center;
  }

  .l-footer-doc {
    position: absolute;
    color: #fff;
    left: -13px;
    bottom: 22px;
    right: 0;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
  }

  .l-footer-office {
    position: absolute;
    color: #fff;
    left: 0;
    bottom: 22px;
    right: 0;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
  }

  /*----fixed-nav------------*/
  .fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    margin: auto;
    background-color: #fff;
    z-index: 999;
  }

  .fixed ul {
    width: 1220px;
    margin: auto;
  }

  .fixed li {
    height: 55px;
  }

  .fixed .m-icon-position {
    position: absolute;
    left: 30px;
    top: 15px;
  }

  .fixed .m-icon-position-pc {
    position: absolute;
    left: 32px;
    top: 21px;
  }

  .fixed .m-icon-position-tel {
    position: absolute;
    left: 32px;
    top: 14px;
  }

  .fixed .m-free {
    color: red;
    background-color: #ffffff;
    padding: 3px 3px;    /* margin-left: 28px; */
    position: absolute;
    right: 10px;
    top: 15px;
  }

  .nav_fixed {
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    margin: auto;
    background-color: #fff;
    z-index: 999;
    padding: 5px 0;
  }

  .nav_fixed ul {
    width: 1178px;
    margin: auto;
  }

}
/* --- parts --- */
.wrap {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1280px;
}
.w1120 { width: 1120px;}/* padding: 0 80px; */
.w1150 { width: 1150px;}/* padding: 0 65px; */
.w1180 { width: 1180px;}/* padding: 0 50px; */
.w1200 { width: 1200px;}/* padding: 0 40px; */
.w1250 { width: 1250px;}/* padding: 0 15px; */
@media screen and (max-width: 768px) {
.wrap {
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
}
.w1120,
.w1150,
.w1180,
.w1200,
.w1250 { width: auto;}
}
/* - footer - */
#area-ftr .nav li a { font-size: 90%;}
#area-ftr .nav li:first-child a { font-size: 110%;}
@media screen and (max-width: 768px) {
#area-ftr .nav li a { font-size: 100%;}
#area-ftr .nav li:first-child a { font-size: 128.5%;}
}


#area-ftr .nav02 a { font-size: 90%;}
#area-ftr .nav02 li:first-child a { font-size: 110%;}
@media screen and (max-width: 768px) {
#area-ftr .nav02 a { font-size: 100%;}
#area-ftr .nav02 li:first-child a { font-size: 128.5%;}
}

#area-ftr .link a {
	font-size: 70%;
	line-height: 1;
}
@media screen and (max-width: 768px) {
#area-ftr .link a {
	font-size: 100%;
	line-height: 1.3;
}
}

#area-ftr .footer a,
#area-ftr .footer .copyright {
	font-size: 53.3%;
	line-height: 1;

}
@media screen and (max-width: 768px) {
#area-ftr .footer a,
#area-ftr .footer .copyright { font-size: 100%;}
#area-ftr .footer .copyright { line-height: 1.6;}
}

#area-pagetop .btn a { font-size: 70%;}
@media screen and (max-width: 768px) {
#area-pagetop .btn a { font-size: 100%;}
}
#area-ftr {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	border-top: 1px #e6b405 solid;
	font-size: 20px;
}
/*都道府県別リンク*/
#area-ftr .fnav .area_link_nav {
	border-top: 1px solid #ccc;
	padding: 18px 0 20px;
}
#area-ftr .fnav .area_link_nav .ttl {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	float: left;
	color: #e5b837;
	width: 200px;
}
#area-ftr .fnav .area_link_nav .ttl + div {
	float: left;
}
#area-ftr .fnav .area_link_nav dl {
	display: table;
}
#area-ftr .fnav .area_link_nav dl + dl {
	margin-top: 15px;
}
#area-ftr .fnav .area_link_nav dl dt {
	width: 60px;
	padding-right: 10px;
	display: table-cell;
	font-weight: bold;
	font-size: 14px;
}
#area-ftr .fnav .area_link_nav dl dd {
	display: table-cell;
	vertical-align:middle;
}
#area-ftr .fnav .area_link_nav dl dd ul {
  width:100%;
  float:none;
}
#area-ftr .fnav .area_link_nav dl dd li {
	float: left;
	margin-top: 0;
	margin-right: 10px;
	padding-right: 10px;
	line-height: 1;
	background: url(../../../common/imgs/bg-link.png) no-repeat 100% 50%;
}
#area-ftr .fnav .area_link_nav dl dd li a:hover {
  color: #E6B92D;
}
@media screen and (max-width: 768px) {
#area-ftr .sp .area_link_nav {
	margin-top: 15px;
}
#area-ftr .sp .area_link_nav .ttl {
	width: 100%;
	background: #E6B92D;
	padding: 0.5em 0;
	font-weight: bold;
	text-align: center;
}
#area-ftr .sp .area_link_nav .ttl + div {
  padding: 12px 15px;
}
#area-ftr .sp .area_link_nav dl {
	display: table;
}
#area-ftr .sp .area_link_nav dl + dl {
	margin-top: 10px;
}
#area-ftr .sp .area_link_nav dl dt {
	width: 4em;
	display: table-cell;
	font-weight: bold;
	padding-right: 10px;
	padding-top: 4px;
}
#area-ftr .sp .area_link_nav dl dd {
	display: table-cell;
	vertical-align:middle;
}
#area-ftr .sp .area_link_nav dl dd ul {
	width:100%;
	float:none;
}
#area-ftr .sp .area_link_nav dl dd li {
	float: left;
	margin: 4px 0;
	margin-right: 10px;
	padding-right: 10px;
	line-height: 1;
	background: url(../../../common/imgs/bg-link.png) no-repeat 100% 50%;
}
}

@media screen and (max-width: 768px) {
#area-ftr {
border-top: none;
font-size: 14px;}
}

/* nav */
#area-ftr .nav { padding: 30px 0 38px;}
#area-ftr .nav .fl {
	padding: 15px 30px;
	border-right: 1px #d7d7d7 solid;
}
#area-ftr .nav .box01 {
	width: 411px;
	border-left: 1px #d7d7d7 solid;
}
/*#area-ftr .nav .box01 ul:first-child li:first-child{
	font-size: 110%;
	margin-bottom: 10px;
    padding-left: 30px;
    background: url(../imgs/icon-arrow-right-20.png) no-repeat 0 9px;
}
@media screen and (max-width: 768px) {
	#area-ftr .nav .box01 ul:first-child li:first-child{
		font-size: 128.5%;
	}
}
*/

#area-ftr .nav .box02 { width: 426px;}
#area-ftr .nav .box03 { width: 313px;}
#area-ftr .nav li.last { margin-bottom: 30px;}
#area-ftr .nav li a {
	display: inline-block;
	padding: 5px 0 5px 55px;
	background: url(../imgs/bg-ftr-nav.png) no-repeat 30px 50%;
}
#area-ftr .nav li:first-child a {
	margin-bottom: 10px;
	padding-left: 30px;
	background: url(../imgs/icon-arrow-right-20.png) no-repeat 0 9px;
}
#area-ftr .nav li.last a { background: url(../imgs/bg-ftr-nav-last.png) no-repeat 30px 50%;}
@media screen and (max-width: 768px) {
#area-ftr .nav { padding: 0;}
#area-ftr .nav .fl {
	float: none;
	padding: 0;
	border-right: none;
}
#area-ftr .nav .box01,
#area-ftr .nav .box02,
#area-ftr .nav .box03 { width: auto;}
#area-ftr .nav .box01 { border-left: none;}
#area-ftr .nav ul {
	padding: 20px 0;
	border-top: 1px #dcdcdc solid;
}
#area-ftr .nav li.last { margin-bottom: 0;}
#area-ftr .nav .box01 ul:first-child { border-top: none;}
#area-ftr .nav li:first-child a {
	margin-bottom: 0;
	background-position: 0 6px;
}
}

@media screen and (max-width: 768px) {
	#area-ftr .nav li br {
		display: none;
	}
}

/* nav02 */
#area-ftr .nav02 {
	padding: 40px 0 45px;
	border-top: 1px #c0c0c0 solid;
}
#area-ftr .nav02 .fl { padding-left: 25px;}
#area-ftr .nav02 li { margin-top: 4px;}
#area-ftr .nav02 li:first-child {
	margin-top: 0;
	margin-bottom: 10px;
}
#area-ftr .nav02 a {
	padding-left: 15px;
	color: #818181;
}
#area-ftr .nav02 li:first-child a { background: url(../imgs/icon-arrow02-right.png) no-repeat 0 50%;}
#area-ftr .nav02 .box01 { width: 335px;}
#area-ftr .nav02 .box02 { width: 410px;}
#area-ftr .nav02 .box03 { width: 175px;}
@media screen and (max-width: 768px) {
#area-ftr .nav02 { padding: 30px 0 20px;}
#area-ftr .nav02 .fl {
	float: none;
	padding-left: 0;
	margin-top: 20px;
}
#area-ftr .nav02 .fl:first-child { margin-top: 0;}
#area-ftr .nav02 a { color: #000;}
#area-ftr .nav02 .box01,
#area-ftr .nav02 .box02,
#area-ftr .nav02 .box03 { width: auto;}
}

#area-ftr .link {
	padding: 30px 0 25px;
	background: #ebebeb;
}
#area-ftr .link li {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	padding-right: 10px;
	line-height: 1;
	background: url(../../../common/imgs/bg-link.png) no-repeat 100% 50%;
}
#area-ftr .link li:last-child {
	margin-right: 0;
	padding-right: 0;
	background: none;
}
@media screen and (max-width: 768px) {
#area-ftr .link { padding: 20px 0;}
}

#area-ftr .footer { padding: 20px 0;}
#area-ftr .footer .fr {
 font-size: 22px;
}
#area-ftr .footer ul {
	margin-bottom: 10px;
	text-align: right;
}
#area-ftr .footer li {
	display: inline;
	margin-left: 10px;
	padding-left: 10px;
	line-height: 1;
	background: url(../../../common/imgs/bg-link.png) no-repeat 0 50%;
}
#area-ftr .footer li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}
@media screen and (max-width: 768px) {
#area-ftr .footer .fl,
#area-ftr .footer .fr {
	float: none;
	text-align: center;
}
#area-ftr .footer .fr {
 font-size: 100%;
}
#area-ftr .footer .fl img {
  width:auto;
}
#area-ftr .footer .fr { margin-top: 15px;}
#area-ftr .footer ul {
	margin: 0 auto 15px;
	text-align: center;
}
}

#area-ftr .bar {
	padding: 40px 0;
	background: #f8f7f2;
}
#area-ftr .bar li {
	float: left;
	margin-left: 20px;
	width: 380px;
	height: 100%;
}
#area-ftr .bar li:first-child { margin-left: 0;}
#area-ftr .bar a {
	display: block;
	padding: 14px 49px;
	text-align: center;
	border: 1px #e6b405 solid;
	background: url(../imgs/icon-arrow-right.png) no-repeat 90% 50%;
	background-size: 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#area-ftr .bar li:first-child a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 0;
	padding-right: 0;
	background: none;
}
@media screen and (max-width: 768px) {
#area-ftr .bar { padding: 30px 0;}
#area-ftr .bar li {
	float: none;
	margin-left: 0;
	margin-top: 15px;
	width: auto;
}
#area-ftr .bar li:first-child { margin-top: 0;}
#area-ftr .bar a {
	padding: 14px 49px;
	background-size: 20px;
}
}



/* - others - */

/* sns */
#area-sns { padding: 80px 0;}
#area-sns .wrap { width: 60%;}
#area-sns li {
	float: left;
	margin-left: 14.4%;
	width: 14.2%;
}
#area-sns li:first-child { margin-left: 0;}
#area-sns li.line .line-img{
  padding-top: 32px;
}
#area-sns li a:hover{
	opacity: 0.7;
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	zoom: 1;
}
@media screen and (max-width: 768px) {
#area-sns { padding: 40px 0;}
#area-sns .wrap { width: 90%;}
#area-sns li {
	margin-left: 8%;
	width: 19%;
}
#area-sns li.line .line-img{
  padding-top: 20px;
}
#area-sns li:first-child { margin-left: 0;}
}

/* hundred thousand */

#area-ht {
	max-width:1280px;
	margin:0 auto;
}

#area-ht .wrap {
	text-align: center;
	background: url(../imgs/bg-ht.jpg) no-repeat 50% 50%;
	background-size:cover;
	width: 100%;
	padding-top:50%;
}

#area-ht .wrap p img {
	display: none;
}



@media screen and (max-width: 768px) {
#area-ht { padding: 40px 0;
	background-size: cover;}
}

/* pagetop */
#area-pagetop {
	text-align: right;
}
#area-pagetop .btn { display: inline-block;}
#area-pagetop .btn a {
	display: block;
	padding: 10px 45px 10px 30px;
	border: 1px #c9c9c9 solid;
	border-bottom: none;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: url(../../../common/imgs/icon-triangle-top.png), -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #fff8e8), color-stop(0.30, #fff));
	background: url(../../../common/imgs/icon-triangle-top.png), -webkit-linear-gradient(top, #fff 30%, #fff8e8 88%);
	background: url(../../../common/imgs/icon-triangle-top.png), -moz-linear-gradient(top, #fff 30%, #fff8e8 88%);
	background: url(../../../common/imgs/icon-triangle-top.png), -o-linear-gradient(top, #fff 30%, #fff8e8 88%);
	background: url(../../../common/imgs/icon-triangle-top.png), -ms-linear-gradient(top, #fff 30%, #fff8e8 88%);
	background: url(../../../common/imgs/icon-triangle-top.png), linear-gradient(to bottom, #fff 30%, #fff8e8 88%);
	background-position: 97% 50%;
	background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
#area-pagetop {
	padding-top: 50px;
	text-align: center;
}
#area-pagetop .wrap {
	padding-left: 0;
	padding-right: 0;
}
#area-pagetop .btn { display: block;}
#area-pagetop .btn a {
	padding: 15px 0;
	border: 1px #c9c9c7 solid;
	border-left: none;
	border-right: none;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background: url(../../../common/imgs/icon-arrow-top-20.png), -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #fff8e8), color-stop(0.30, #fff));
	background: url(../../../common/imgs/icon-arrow-top-20.png), -webkit-linear-gradient(top, #fff 30%, #fff8e8 88%);
	background: url(../../../common/imgs/icon-arrow-top-20.png), -moz-linear-gradient(top, #fff 30%, #fff8e8 88%);
	background: url(../../../common/imgs/icon-arrow-top-20.png), -o-linear-gradient(top, #fff 30%, #fff8e8 88%);
	background: url(../../../common/imgs/icon-arrow-top-20.png), -ms-linear-gradient(top, #fff 30%, #fff8e8 88%);
	background: url(../../../common/imgs/icon-arrow-top-20.png), linear-gradient(to bottom, #fff 30%, #fff8e8 88%);
	background-position: 97% 50%;
	background-repeat: no-repeat;
}
}