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


/* スマフォ */


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

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

.visible-xs {
  display: inline;
}

.hidden-xs {
  display: none;
}
.slicknav_menu {
  display: block;
}

#wrapper {
min-width: initial;
    width:100% !important;
    padding-top:55px;
}


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


/* header */


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

header {
       display:none;
}
.siteName {
  z-index:10;
  position: absolute;
  top: 0;
  left: 0;
}
.siteName a {
  width: 230px;
  height: 50px;
  display:block;
  position: absolute;
  top: 0;
  left: 0;
}
.siteName span {
  display:none;
}
/*---------------------------------------------------------- */


/* .page */


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


/* .page h2 
/*---------------------------------------------------------- */

.page h2,
.page h1 {
    width: 100%;
    height: 209px;
    margin-top: 0px;
}
.page .h2Area {
    width: 100%;
    height: initial;
    margin-top: 0px;
    margin-bottom:55px;
}
.page h2 div,
.page h1 div {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    color: #fff;
    padding-top: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
}

.page h2 div.pt1,
.page h1 div.pt1 {
    padding-top: 30px;
}

.page h2 div .txt1,
.page h1 div .txt1 {
    font-size: 24px;
    opacity: 0.6;
}


/* .page.h2_type1
/*-------------------------------------------- */

.page.h2_type1 h2 div,
.page.h2_type1 h1 div {
    padding-top: 43px;
}

.page.h2_type1 h2 div .txt1,
.page.h2_type1 h1 div .txt1 {
    font-size: 24px;
    opacity: 1;
}


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

.page h2 div .txt2,
.page h1 div .txt2 {
    margin-top: 0px;
}

.page h2 div .txt2 span.parent,
.page h1 div .txt2 span.parent {
    font-size: 18px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    position: relative;
}

.page h2 div .txt2 span,
.page h1 div .txt2 span {
    font-size: 14px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
}

.page h2 div .txt3,
.page h1 div .txt3 {
    font-size: 13px;
    opacity: 0.6;
    margin-top: 12px;
}

.page h2 div .txt2 span.parent:before {
    display:none;
}

.page h2 div .txt2 span.parent:after {
    display:none;
}


/* .page .subNavi
/*---------------------------------------------------------- */

.page .subNavi {
    width: 100%;
    height: 54px;
    background: url(../images/common/subnavi/bg.png);
    margin-top: -54px;
    display:none;
}

.page.side .subNavi {
    height: 13px;
    margin-top: -13px;
}

.page .subNavi ul {
    margin: 0 auto;
    width: 1060px;
    padding-top: 7px;
}

.page .subNavi ul li {
    display: inline;
    float: left;
}

.page .subNavi ul li span {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    font-size: 13px;
    position: relative;
}

.page .subNavi ul li span:before {
    content: "";
    width: 19px;
    height: 19px;
    background: url(../images/common/subnavi/flag.png) no-repeat;
    position: absolute;
    top: -1px;
    left: -30px;
}

.page .subNavi ul li a {
    height: 47px;
    display: block;
    line-height: 47px;
    text-decoration: none;
    padding: 0px 38px 0px 57px;
}

.page .subNavi ul li.selected a {
    background-color: #fff;
}

.page .subNavi ul li a:hover {
    background: url(../images/common/subnavi/bg.png);
}

.page .subNavi ul li.selected a:hover {
    background-color: #fff;
}


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


/* #contents */


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

#contents {
    position: relative;
    z-index: 0;
    min-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;
}
.home #contents {
    margin-top: 0px;
}
.page #contents {
    padding:0 15px;
    margin-top: -40px;
}

#contents .secIn {
    margin: 0 auto;
    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;
}


/* .page .pankuzu
/*---------------------------------------------------------- */

.page .pankuzu {
    margin: 0px auto 35px;
    width: 100%;
    position: relative;
    padding:5px 10px;
    background-color:#f5f5f5;
      -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.page .pankuzu div {
    display:none;
}

.page .pankuzu div:after {
    content: "";
    width: 13px;
    height: 19px;
    background: url(../images/common/pankuzu_parts.jpg) no-repeat;
    position: absolute;
    top: 0px;
    right: -13px;
}

.page .pankuzu ul {
    padding-left: 0px;
}

.page .pankuzu li {
    display: inline;
    font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;
    font-size: 12px;
}

.page .pankuzu li span {
    margin: 0 5px 0 10px;
}

.page .pankuzu li a {
    text-decoration: none;
}

.page .pankuzu li a:hover {
    text-decoration: underline;
}


/* .page .sec
/*---------------------------------------------------------- */

.page .sec {
    margin-bottom: 80px;
    position: relative;
}

.page .secIn {
    margin: 0 auto;
    width: 1060px;
    position: relative;
}

.page .sec .bl {
    margin-bottom: 70px;
}

.page .catch {
    font-size: 18px;
    font-family: "Noto Serif JP", serif;
    font-weight: 700;
    margin-top:20px !important;
}


/* .post
-------------------------------------------- */

.post {
    margin-bottom: 50px;
    padding: 0 10px;
}

.post h3,
.post h3 span {
    font-size: 20px;
    border-bottom: 1px #ccc dotted;
    padding: 20px 0 20px 0;
    margin: 0;
    color: #000;
}

.post h3 span {
    border-bottom: none;
}

.post .expl {
    padding: 20px 5px 20px 5px;
}

.post .expl div {
    text-align: left !important;
}
.post .expl h5 {
    border-left: 5px #e0e0e0 solid;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    padding-left: 20px;
    margin-bottom:15px;
}
.post .expl p {
    margin-bottom: 15px;
}

.post .expl img {
    float: none !important;
    margin: 15px 0 15px 0;
    width: 100% !important;
    height:auto;
}

.post .ft {
    border-top: 1px #f5f5f5 solid;
    font-size: 12px;
    padding: 10px 0px 0px 0px;
    text-align: right;
}

.postft .sns {
    position: absolute;
    top: -30px;
    left: 0;
}


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


/* .page.side */


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

.page.side .contentsIn {
    margin: 0 auto;
    width: 100%;
}

.page.side #main {
    float: none;
    width: 100%;
}


/* .page.side
/*------------------------------------------------- */

.page.side #sideWrap {
    display:none;
}


/* .page h3
/*---------------------------------------------------------- */

.page h3 {
    width: 100%;
    font-size: 20px;
    border-bottom: 1px #cccccc solid;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    padding-bottom: 10px;
}

.page h3 span {
    display:block;
    font-size: 13px;
    color: #ccc;
    margin-left: 0px;
}


/* .page h4
/*---------------------------------------------------------- */

.page h4 {
    width: 100%;
    font-size: 18px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px 20px;
      -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}


/* .page .expl
/*---------------------------------------------------------- */

.page .expl {
    padding: 30px 5px 0 5px;
    line-height: 1.8;
}


/* .page .hyo1
/*---------------------------------------------------------- */

.page .hyo1 {
    width: 100%;
    margin-top:15px !important;
}

.page .hyo1 dl {
    width: 100%;
    display:table;
    margin:0 0 10px 0;
}

.page .hyo1 dt {
    display:block;
    width:100%;
    border:none;
    padding: 10px 15px;
    background-color: #f1f2f2;
      -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.page .hyo1 dd {
    display:block;
    width:100%;
    border:none;
    padding: 10px 15px;
    background-color: #fff;
      -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}



.page .hyo2 {
    width: 100%;
    margin-top:15px !important;
}

.page .hyo2 dl {
    width: 100%;
    display:table;
    margin:0 0 10px 0;
}

.page .hyo2 dt {
    display:block;
    width:100%;
    border:none;
    padding: 10px 15px;
    background-color: #258cc5 !important;
    color:#fff;
      -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.page .hyo2 dd {
    display:block;
    width:100%;
    border:none;
    padding: 10px 15px;
    background:none !important;
      -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

  /*　タブ切り替え
--------------------------------------------- */
  .tab-button-outer {
    display: none;
  }
  .tab-select-outer {
    display: block;
    margin-top:-20px;
    margin-bottom:15px;
    position: relative;
  }
  .tab-select-outer:after {
    content:"";
    width: 0;
height: 0;
border-style: solid;
border-width: 6px 3px 0 3px;
border-color: #333 transparent transparent transparent;
position: absolute;
top: 50%;
right: 10px;
margin-top:-3px;
  }
  .tab-select-outer select {
  -webkit-appearance:none;
  width: 100%;
  padding: 10px;
  font-size: 15px;
  border:1px #cccccc solid;
  background-color:#fff;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

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


/* .mailform .bl */


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

.mailform .bl .tel a {
    font-size: 22px;
    height: 24px;
    line-height: 24px;
    background: url(../../images/mailform/icon_tel.png) no-repeat 5px 7px;
    padding: 0 0 0 45px;
    text-decoration: none;
    color: #653e1e;
}

.mailform .bl .mail a {
    font-size: 20px;
    height: 24px;
    line-height: 24px;
    display: block;
    background: url(../../images/mailform/icon_mail.png) no-repeat 0 4px;
    padding: 0 0 0 40px;
    text-decoration: none;
    color: #653e1e;
}

.mailform .bl .hissu {
    background-color: #ff3300;
    padding: 2px 5px 2px 5px;
    color: #fff;
    font-size: 10px;
    margin-left: 10px;
}

.mailform .bl .hyo {}

.mailform .bl .hyo dl {
    width: 100%;
    display:table;
    border:none;
    margin-bottom:15px;
}
.mailform .bl .hyo dl:last-child {
    border:none;
}
.mailform .bl .hyo dt {
    display:block;
    width: 100%;
    border:none;
      -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  text-align:left;
  font-size:14px;
  padding: 10px 15px !important;
  background-color:#f5f5f5;
}

.mailform .bl .hyo dd {
    display:block;
    width: 100%;
    border:none;
      -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align:left;
  font-size:14px;
  padding: 5px 0 0 0 !important;

}
.mailform .bl .hyo dd dl {
    border:none;
}
.mailform .bl .hyo dd dl:last-child {
    border:none;
}

.mailform .bl .hyo dd dt {
    padding:0 !important;
    width: 100%;
    background:none;
}
.mailform .bl .hyo dd dd {
    padding:0;
    width: 100%;
}
.mailform .bl .hyo input,
.mailform .bl .hyo select,
.mailform .bl .hyo textarea {
/*  -webkit-appearance:none;*/
    padding: 5px !important;
    width: 100% !important; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;  
  border:1px #ccc solid;
  background-color:#fff;
  margin-bottom: 5px;
}
.mailform .bl .hyo .checkbox {
    width: initial !important; 
}
.mailform .bl .hyo dl:nth-child(odd) {
    background:none;
}

.mailform .bl .hyo dl:nth-child(even) {}

.mailform .bl .chui {
    padding:0px 0 10px;
}


.mailform .bl .hyo .tel input {
  width: 20% !important;
}
.mailform .bl .hyo .checkFm .mwform-radio-field input {
    margin:0px 0 5px 0 !important;
    display:inline-block !important;
}

.mailform .bl .hyo .checkFm input {
    padding: 0 !important;
    width: initial !important;
}


/* .mailform .bl .btn
------------------------------------------------- */

.mailform .bl .btn {
    margin-top: 20px;
}
.mailform .bl .btn button {
    width: 100%;
    margin-bottom:20px;
}
.mailform .bl .reset {
    display:none;
}

/* .mailform .bl .privacy
---------------------------------- */

.mailform .bl .privacy {
    background-color: #f5f5f5;
    padding: 20px;
}

.mailform .bl .privacyIn {
    height: 200px;
    overflow: auto;
}

.mailform .bl .privacyIn .bl {
    padding: 5px !important;
    margin: 0 !important;
}

.mailform .bl .privacyIn .bl h6 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    border-bottom: 1px #e8e8e8 solid;
    padding: 0px 0 5px 0px;
}

.mailform .bl .privacyIn .bl p {
    padding: 10px 0 20px;
}

/* .mailform.thanks
---------------------------------- */
.mailform.thanks .bl h3 {
    display:none;
}
.mailform.thanks .bl h4 {
    display:none;
}
.mailform.thanks .bl h5 {
    display:none;
}
.mailform.thanks .bl .txt1 {
    font-size:22px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    padding:15px 0 0 0;
}

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


/* .contactArea */


/*---------------------------------------------------------- */
#telArea {
    padding-top:55px;
    margin-top:-55px;
}
.page #telArea {
    display:none;
}
.contactArea {
    width: 100%;
    padding:40px 0 20px;
    background:none;
    background-color:#f4f4f4;
    border-top:8px #e6e6e6 solid;
}
.contactArea h3 {
    font-size: 23px;
    color: #767676;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    line-height:1.5;
    text-align:center;
    position: relative;
    margin-bottom:50px;
}
.contactArea h3:after {
    content:"";
    width: 40px;
    height: 3px;
    background-color:#333;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left:-20px;
    opacity:0.2;
}
.page .contactArea {
    background: url(../images/common/contact/bg2.jpg) no-repeat center 0;
    margin-top: 100px;
    padding-top: 45px;
    position: relative;
}

.page .contactArea:before {
    content: "";
    width: 135px;
    height: 45px;
    background: url(../images/common/contact/yajirushi.png) no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -68px;
}

.contactArea .secIn {
    width: 100% !important;
    padding:20px 15px;
     -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.contactArea .txt_catch {
    font-size: 16px;
    color: #264a64;
    text-align: left;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    margin-bottom:20px;
    padding:0 !important;
}

.contactArea ul {
    float: none;
    display: block;
    width: 100% !important;
}

.contactArea ul.R {
    float: none;
    width: 100% !important;
}

.contactArea li {
    position: relative;
    display: table;
    width: 100%;
    padding-bottom:15px;
    margin-bottom: 15px;
    border-bottom:1px #ccc dotted;
}
.contactArea li:last-child {
    padding-bottom:0px;
    margin-bottom: 0px;
    border-bottom:none;
}
.contactArea li .pic {
    display: table-cell;
    width: 90px;
}
.contactArea li .pic img {
    width: 100%;
    height:auto;
    border:3px #fff solid;
}
.contactArea li .txt {
    display: table-cell;
    vertical-align: top;
    padding-left: 22px;
}

.contactArea li .txt .md {
    font-size: 15px;
    padding:3px 10px;
    background-color:rgba(223,223,223,0.6);
      -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.contactArea li .txt .md span {
    font-size: 11px;
}

.contactArea li .txt .tel {
    font-size: 15px;
    line-height:2;
}
.contactArea li .txt .tel a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;

}

.contactArea li.fd .txt .tel .gothicB {
    font-size: 15px;
}

.contactArea li .txt .tel span {
    font-size: 12px;
}

.contactArea li .txt .tel dl {
    margin-bottom: 6px;
}

.contactArea li .txt .tel dt {
    display: block;
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 13px;
    padding: 3px 10px;
      -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.contactArea li .txt .tel dt.pt1 {
    background-color: #6c8d3d;
}

.contactArea li .txt .tel dt.pt2 {
    background-color: #264a64;
}

.contactArea li .txt .tel dd {
    display: block;
    padding-left: 0px;
    padding-top:5px;
}


/* .contactArea .btn
/*---------------------------------------------------------- */

.contactArea .btn {
    width: 100%;
    margin: 30px auto 0;
}

.contactArea .btn a {
    display: block;
    width: 100%;
    padding: 15px 0px;
    background-color: #264a64;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    text-align:center;
    border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.contactArea .btn a span {
    position: relative;
}
.contactArea .btn a span:before {
    content: "";
    background:none;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 5px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
top: 22px;
left: -16px;
}


.contactArea .btn a:hover {
    background-color: #173246;
}


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


/* .bn_side */


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

.bn_side {
    display:none;
}

.bn_madoguchi {
    display: none;
}
/*---------------------------------------------------------- */

/* .bn_mypage */


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

.bn_mypage {
    position: fixed;
    bottom: 141px;
    right: 20px;
    z-index: 1000;
}
.bn_mypage a {
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
position: relative;
top: 0;
}
.bn_mypage a img {
    width: 100px;
    height: auto;
}
.bn_mypage a:hover {
    top: -10px;
}

.bn_line_guide {
    position: fixed;
    bottom: 70px;
    right: 20px;
    z-index: 1000;
}
.bn_line_guide a {
    display: block;
}
.bn_line_guide a img {
    display: block;
    width: 160px;
    height: auto;
}
/*---------------------------------------------------------- */


/* #footer */


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

#footer {
    width: 100%;
    background-color: #333333;
    border-top: 10px #999999 solid;
    color: #fff;
/*    display:none;*/
}

#footer .footerIn {
    width: 100%;
    padding-bottom: 180px;
    position: relative;
}

#footer .footerIn .inner {
    margin: 0 auto;
    width: 100%;
    text-align: left;
    padding: 40px 0 30px 0;
    position: relative;
}

#footer .footerIn .inner .chara {
    width: 60px;
    height:auto;
    position: absolute;
    top: -35px;
    right: 5px;
}



#footer .footerIn ul {
    display:none;
}



#footer .footerIn ul.icon_sns {
    display:flex;
    float:none;
    justify-content:center;
    align-items:center;
    gap:5px;
    width: 100%;
    position: static;
    margin:20px auto 0;
}
#footer .footerIn ul.icon_sns li {
  float:none;
  margin:0;
}
#footer .footerIn ul.icon_sns::before,
#footer .footerIn ul.icon_sns::after {
  display:none;
}


#footer .footerIn .bl {
    float: none;
    width: 100%;
    position: relative;
    text-align:center;
}


#footer .footerIn .bl .txt1 {
    font-size: 16px;
}

#footer .footerIn .bl a {
    color: #fff;
    text-decoration:none;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
}

#footer .footerIn .bl .map {
    display:none;
}

#footer p.copyright {
    margin: 0 auto;
    width: 100%;
    font-size: 11px;
    color: #8b8b8b;
    text-align:center;
    display:none;
}


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


/* .btn_pagetop */


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

a.btn_pagetop {
    width: 40px;
    height: 40px;
    display: none;
    background: url(../../images/common/btn_pagetop.jpg) no-repeat;
    background-size:40px 40px;
    position: relative;
    z-index: : 10000;
    text-indent: -10000px;
    opacity: 0.7;
}


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


/* .ftLink */


/* ---------------------------------------------------------- */
.ftLink {
    display:table;
    width: 100%;
    height: 80px;
    background-color:#f5f5f5;
    padding:20px;
    margin-bottom:50px;
    position: relative;
    
      -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ftLink:before {
    content:"";
    width: 100%;
    height: 1px;
    background-color:#fff;
    position: absolute;
    top: 3px;
    left: 0;
}
.ftLink:after {
    content:"";
    width: 100%;
    height: 1px;
    background-color:#fff;
    position: absolute;
    bottom: 3px;
    left: 0;
}
.ftLink li {
    width: 50%;
    display:table-cell;
    text-align:left;
    vertical-align: middle;
    position: relative;
}
.ftLink li a {
    text-decoration:none;
    font-weight:bold;
    display:block;
    padding:0 0 0 25px;
    position: relative;
}
.ftLink li a:before {
    content:"";
    width: 10px;
    height: 32px;
    background:url(../../images/common/ftlink/arrow_l.svg) no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top:-16px;
    opacity:0.6;
}
.ftLink li:last-child {
    text-align:right;
}
.ftLink li:last-child a {
    padding:0 25px 0 0;
}
.ftLink li:last-child a:before {
    display:none;
}
.ftLink li:last-child a:after {
    content:"";
    width: 10px;
    height: 32px;
    background:url(../../images/common/ftlink/arrow_r.svg) no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top:-16px;
    opacity:0.6;
}
.ftLink li a span {
    font-size:12px;
    font-weight:normal;
    opacity:0.5;
}
/* ---------------------------------------------------------- */


/* #ftNavi */


/* ---------------------------------------------------------- */
#ftNavi {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100000;
    display: table;
}
#ftNavi div {
    display: table-cell;
      -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align:center;
  vertical-align: middle;
}
#ftNavi div a {
    display:block;
  padding:15px 0;
}
#ftNavi div img {
    width: auto;
    height: 25px;
}

#ftNavi div.bn2 {
    width: 50%;
    background-color: #00a560;
}

#ftNavi div.bn3 {
    width: 50%;
    background-color: #e99214;
}

/* アイコンを文字の左に置くため横並びにする */
#ftNavi div.bn2 a,
#ftNavi div.bn3 a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 13px 0;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 1;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "YuGothic", "Meiryo", sans-serif;
    font-weight: 700;
    white-space: nowrap;
}

#ftNavi div.bn2 img,
#ftNavi div.bn3 img {
    height: 22px;
    width: auto;
    display: block;
    margin: 0 10px 0 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

/* 「ガス」「住まい」と「問合せ」の間の「の」だけ小さく */
#ftNavi div.bn2 a .no,
#ftNavi div.bn3 a .no {
    font-size: 74%;
    margin: 0 1px;
}

#ftNavi div.bn3 img {
    height: 20px;
}
/*#ftNavi div.bn3 {
    width: 50%;
    background-color: rgba(127,183,83,0.95);
}*/




a.bn_cm {
    position: fixed;
    bottom: 170px;
    right: 20px;
    width: 120px;
    z-index:1000;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
        -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;

}
a.bn_cm:hover {
    bottom: 105px;
}
a.bn_cm img {
    width: 100%;
    height:auto;
}

}