@charset "UTF-8";
/* Link　
=========================================== */
a { display: block; text-decoration: none; color: #000; outline: 0; }

a:link, a:visited { color: #000; }

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

a:active { color: #000; }

@media screen and (min-width: 600px) { a { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } }

@media screen and (min-width: 600px) { a:hover { opacity: .7; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; } }

@media screen and (min-width: 600px) { [href^='tel'] { pointer-events: none; } }

/* Common Parts
=========================================== */
.cf:after { display: block; clear: both; content: ''; }

/* loading */
/*元々入れてた系
.loading {
  display: none;
}
.loading.is-active {
  display: block;
}

#loader-bg { position: fixed; z-index: 101; top: 0; left: 0; display: none; width: 100%; height: 100%; background: #fff; }

#loader { position: absolute; z-index: 102; display: none; width: 100%; height: 100%; margin: auto; text-align: center; } 
*/

/* ローディング画面 Un1用 
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 101;
}
#loader {
  display: none;
	margin-top: 10%;
  text-align: center;
  color: #fff;
  z-index: 102;
}
*/

/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 101;
	background:#fff;
	text-align:center;
	color:#fff;
	display: none;
}

/* Loading画像中央配置　*/
#splash_logo {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
	width:300px;
}

/* Layout
=========================================== */
* { box-sizing: border-box; }

html { overflow: auto; box-sizing: border-box; }

body { font-size: 1.3rem; font-weight: 400; line-height: 1.76; overflow: hidden; min-width: 320px; margin: 0 auto; letter-spacing: .2rem; color: #000; }

@media screen and (min-width: 600px) { body { font-size: 1.5rem; line-height: 1.67; min-width: 1100px; margin: 0 auto; } }

table { width: 100%; table-layout: fixed; }

table th { word-wrap: break-word; overflow-wrap: break-word; }

img { max-width: 100%; height: auto; }

#wrapper { position: relative; overflow: visible; }

#home { padding-top: 0; }

@media screen and (min-width: 600px) { #home { overflow-x: hidden; } }

@media screen and (min-width: 600px) { #service { overflow-x: hidden; } }

#contents { width: 100%; margin: 0 auto; }

@media screen and (min-width: 600px) { #contents { position: relative; z-index: 11; min-width: 1100px; } }

#main { width: 100%; }

#home #main { padding: 0; background: none; }

@media screen and (min-width: 600px) { #main { position: relative; padding: 0; } }

#wrap-overlay { position: absolute; z-index: 3; top: 0; display: none; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); }

/* contents
=========================================== */
#mainTit { font-size: 2.3rem; display: table; width: 100%; height: 90px; text-align: center; background: url("../img/a.png") repeat center center; }

#mainTit .tit { font-weight: 500; display: table-cell; text-align: center; vertical-align: middle; letter-spacing: .5rem; }

@media screen and (min-width: 600px) { #mainTit { font-size: 3.4rem; height: 145px; } }

#home #mainTit { font-size: 2.3rem; display: table; width: 100%; height: 180px; background: url("../img/b.png") no-repeat center center; background-size: cover; }

#home #mainTit .tit { display: table-cell; text-align: center; vertical-align: middle; }

#mainTit2 { font-size: 2.3rem; display: table; width: 100%; height: 90px; text-align: center; background: url("../img/a.png") repeat center center; }

#mainTit2 .tit { font-weight: 500; display: table-cell; text-align: center; vertical-align: middle; letter-spacing: .5rem; }

@media screen and (min-width: 600px) { #mainTit2 { font-size: 3.4rem; height: 145px; } }

#home #mainTit2 { font-size: 2.3rem; display: table; width: 100%; height: 180px; background: url("../img/b.png") no-repeat center center; background-size: cover; }

#home #mainTit2 .tit { display: table-cell; text-align: center; vertical-align: middle; }


@media screen and (max-width: 404px) { #mainImgHome .main_slide, #mainImgHome .list01, #mainImgHome .list02, #mainImgHome .list03 { min-height: 616px !important; } }

@media screen and (min-width: 405px) and (max-width: 444px) { #mainImgHome .main_slide, #mainImgHome .list01, #mainImgHome .list02, #mainImgHome .list03 { min-height: 650px !important; } }

@media screen and (min-width: 445px) and (max-width: 484px) { #mainImgHome .main_slide, #mainImgHome .list01, #mainImgHome .list02, #mainImgHome .list03 { min-height: 690px !important; } }

@media screen and (min-width: 485px) and (max-width: 524px) { #mainImgHome .main_slide, #mainImgHome .list01, #mainImgHome .list02, #mainImgHome .list03 { min-height: 730px !important; } }

@media screen and (min-width: 525px) and (max-width: 564px) { #mainImgHome .main_slide, #mainImgHome .list01, #mainImgHome .list02, #mainImgHome .list03 { min-height: 770px !important; } }

@media screen and (min-width: 565px) and (max-width: 599px) { #mainImgHome .main_slide, #mainImgHome .list01, #mainImgHome .list02, #mainImgHome .list03 { min-height: 810px !important; } }

@media screen and (max-width: 599px) { #invisalign #mainImgHome .list01, #invisalign #mainImgHome .list02, #invisalign #mainImgHome .list03 { background: url(../img/c.png) no-repeat center center; background-size: cover; }
  #mainImg { position: relative; width: 100%; height: 100px; }
  #mainImgHome { position: relative; border-bottom: 1px solid #c6c4c4; }
  #mainImgHome .catch { position: absolute; top: 50%; left: 50%; width: 100%; padding: 0 20px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
  #mainImgHome .main_slide { overflow: hidden; min-height: 650px; }
  #mainImgHome .list01, #mainImgHome .list02, #mainImgHome .list03 { min-height: 650px; }
  #mainImgHome .list01 { background: url("../img/slide_01.JPG") no-repeat center center; background-size: cover; }
  #mainImgHome .list02 { background: url("../img/slide_02.JPG") no-repeat center center; background-size: cover; }
  #mainImgHome .list03 { background: url("../img/slide_04.jpg") no-repeat center center; background-size: cover; }
  #mainImgHome .sns { position: absolute; z-index: 3; bottom: 0; display: table; width: calc(100% - 30px); margin: 0 15px 15px; background: #fff; }
  #mainImgHome .sns .bnrBox { position: absolute; top: -147px; left: 50%; width: 320px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  #mainImgHome .sns .bnrBox .img { position: absolute; top: 0; right: 0; z-index: 2; }
  #mainImgHome .sns .bnrBox .img img { width: 163px; }
  #mainImgHome .sns .bnrBox .img02 { position: absolute; top: 0; left: 0; }
  #mainImgHome .sns .bnrBox .img02 img { width: 168px; }
  #mainImgHome .sns .tit { font-size: 1.2rem; display: table-cell; width: 21%; text-align: center; vertical-align: middle; border-right: 1px solid #e5cdaa; }
  #mainImgHome .sns .txtWrap { font-size: 1.1rem; line-height: 1.45; display: table-cell; padding: 6px 30px 6px 14px; text-align: left; vertical-align: middle; letter-spacing: .1rem; position: relative; }
  #mainImgHome .sns .txtWrap :before { content: ""; width: 16px; height: 13px; display: block; position: absolute; top: 0; bottom: 0; right: 10px; background: url(../img/d.png) 0 0 no-repeat; background-size: contain; margin: auto; }
  .slick-dots { display: none; }
  .slick-dotted.slick-slider { margin-bottom: 0 !important; } }

@media screen and (min-width: 600px) { #invisalign #mainImgHome .list01, #invisalign #mainImgHome .list02, #invisalign #mainImgHome .list03 { background: url(../img/e.png) no-repeat center center; background-size: cover; }
  #mainImg { position: relative; width: 100%; height: 100px; }
  #mainImgHome { position: relative; min-width: 1100px; height: 888px; }
  #mainImgHome img { width: auto; }
  #mainImgHome .main_slide { overflow: hidden; }
  #mainImgHome .list01, #mainImgHome .list02, #mainImgHome .list03 { height: 888px; }
  #mainImgHome .list01 { background: url("../img/slide_01.JPG") no-repeat center center; background-size: cover; }
  #mainImgHome .list02 { background: url("../img/slide_02.JPG") no-repeat center center; background-size: cover; }
  #mainImgHome .list03 { background: url("../img/slide_04.jpg") no-repeat center center; background-size: cover; }
  #mainImgHome .slick-dotted.slick-slider { margin-bottom: 0 !important; }
  #mainImgHome .slick-slider { width: 100%; }
  #mainImgHome .slick-dots { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; display: block; width: 40px; height: 66px; margin: 0; margin: auto 0; padding: 17px 0 0 0; list-style: none; text-align: center; }
  #mainImgHome .slick-dots li { position: relative; display: block; width: 15px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
  #mainImgHome .slick-dots li button:before { font-family: 'slick'; font-size: 12px; line-height: 20px; position: absolute; top: 0; left: 0; width: 15px; height: 20px; content: '•'; text-align: center; opacity: 1; color: #fff; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; }
  #mainImgHome .slick-dots li.slick-active button:before { opacity: 1; color: #62573D; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; }
  #mainImgHome .slick-dotted.slick-slider { margin-bottom: 0; }
  #mainImgHome #arrows, #mainImgHome .slick-prev, #mainImgHome .slick-next, #mainImgHome .slick-prev:before, #mainImgHome .slick-next:before { display: none; }
  #mainImgHome button.slick-prev, #mainImgHome button.slick-next { display: none; }
  #mainImgHome .slick-prev, #mainImgHome .slick-next { display: none; }
  #mainImgHome .sns { position: absolute; z-index: 3; right: 0; bottom: 45px; left: 0; display: block; width: 1100px; margin: 0 auto; background: #fff; }
  #mainImgHome .sns .bnrBox .img { position: absolute; z-index: 2; top: -214px; right: 7px; }
  #mainImgHome .sns .bnrBox .img img { width: auto; }
  #mainImgHome .sns .bnrBox .img02 { position: absolute; top: -214px; right: 248px; z-index: 1; }
  #mainImgHome .sns .bnrBox .img02 img { width: auto; }
  #mainImgHome .sns .tit { font-size: 1.8rem; display: table-cell; width: 151px; text-align: center; vertical-align: middle; border-right: 1px solid #e5cdaa; }
  #mainImgHome .sns .txtWrap { font-size: 1.5rem; line-height: 1.45; position: relative; z-index: 3; display: table-cell; width: calc(1100px - 151px); padding: 22px 25px; text-align: left; vertical-align: middle; letter-spacing: .25rem; background: url(../img/d.png) right 20px center no-repeat #fff; }
  #mainImgHome .sns .txtWrap .time { display: inline-block; margin-right: 10px; }
  #mainImgHome .sns .txtWrap .txt { display: inline-block; }
  #mainImgHome .list { position: absolute; top: 55px; right: 0; left: 0; width: 1100px; margin: 0 auto; text-align: right; }
  #mainImgHome .list li { display: inline-block; }
  #breadcrumbWrap { line-height: 43px; height: auto; padding-top: 5px; }
  #breadcrumbWrap #breadcrumb { width: 1100px; margin: 0 auto; }
  #breadcrumbWrap #breadcrumb li { font-size: 1.3rem; display: inline-block; margin-right: 15px; }
  #breadcrumbWrap #breadcrumb li a { position: relative; text-decoration: underline; color: #62573D; }
  #breadcrumbWrap #breadcrumb li a:after { position: absolute; top: 0; right: -12px; bottom: 0; width: 5px; height: 5px; margin: auto 0; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 2px solid #62573D; border-right: 2px solid #62573D; } }

/*! #gHeader
=========================================== */
@media screen and (max-width: 599px) { #home #gHeader, #invisalign #gHeader { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; min-height: 75px; }
  #home #gHeader .tit01, #invisalign #gHeader .tit01 { position: relative; z-index: 4; background: #f2f2f2; }
  #home #gHeader .tit01 span, #invisalign #gHeader .tit01 span { font-size: 1rem; font-weight: 400; line-height: 20px; position: relative; top: auto; left: auto; display: block; margin: 0 auto; padding: 0 10px; letter-spacing: .05rem; color: #585858; }
  #home #gHeader .logo, #invisalign #gHeader .logo { z-index: 3; float: left !important; margin-top: -10px; padding: 0 0 0 10px !important; }
  #home #gHeader .logo img, #invisalign #gHeader .logo img { width: 95px; }
  #gHeader { position: relative; height: 55px; min-height: auto; }
  #gHeader .tit01 { position: relative; z-index: 4; background: none; }
  #gHeader .tit01 span { font-size: .9rem; font-weight: 400; position: absolute; top: 6px; left: 16px; display: block; height: auto; margin: 0 auto; padding: 0 110px 0 0; letter-spacing: .05rem; color: #585858; }
  #gHeader .logo { z-index: 3; float: left !important; margin-top: 0; padding: 70px 0 16px 16px !important; }
  #gHeader .logo img { width: 135px; }
  #gHeader .btnGnav { position: relative; z-index: 30; float: right; width: 55px; height: 55px; -webkit-transition: .1s linear; transition: .1s linear; border-bottom: 3px solid #D3C9C2; background: #fff; }
  #gHeader .btnGnav span { position: absolute; left: 17px; width: 20px; height: 2px; -webkit-transition: .1s linear; transition: .1s linear; opacity: .9; background: #62573D; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; }
  #gHeader .btnGnav span:nth-child(1) { top: 19px; }
  #gHeader .btnGnav span:nth-child(2) { top: 26px; }
  #gHeader .btnGnav span:nth-child(3) { top: 33px; }
  #gHeader .btnGnav.open span:nth-child(1) { top: 26px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  #gHeader .btnGnav.open span:nth-child(2) { top: 26px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  #gHeader .btnGnav.open span:nth-child(3) { opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; }
  #gHeader .btnGnav02 { position: relative; z-index: 30; float: right; width: 55px; height: 55px; -webkit-transition: .1s linear; transition: .1s linear; border-bottom: 3px solid #62573D; background: #D3C9C2; }
  #gHeader .btnGnav02 span { display: block; width: 55px; height: 55px; -webkit-transition: .1s linear; transition: .1s linear; background: url(../img/f.png) no-repeat center 13px; background-size: 35px; }
  #gHeader .btnGnav02.open span { background: url(../img/g.png) no-repeat center 19px; background-size: 17px; } }

@media screen and (min-width: 600px) { #home #gHeader, #invisalign #gHeader { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; min-width: 1100px; min-height: 75px; }
  #home #gHeader .headInner, #invisalign #gHeader .headInner { width: 100%; min-height: auto; margin: 0 auto; }
  #home #gHeader .tit01, #invisalign #gHeader .tit01 { position: relative; z-index: 4; background: #fff; }
  #home #gHeader .tit01 span, #invisalign #gHeader .tit01 span { font-size: 1.2rem; font-weight: 400; line-height: 30px; display: block; height: 30px; margin: 0 auto; padding: 0 40px; letter-spacing: .05rem; color: #585858; }
  #home #gHeader .logo, #invisalign #gHeader .logo { z-index: 3; float: left !important; margin-top: -30px; padding: 0 0 0 40px !important; }
  #home #gHeader .logo img, #invisalign #gHeader .logo img { width: auto; }
  #gHeader { position: relative; z-index: 100; width: 100%; min-width: 1100px; min-height: 75px; margin: 0 auto; }
  #gHeader .headInner { position: relative; width: 1100px; min-height: 160px; margin: 0 auto; }
  #gHeader .tit01 { position: relative; z-index: 4; background: #fff; }
  #gHeader .tit01 span { font-size: 1.2rem; font-weight: 400; line-height: 30px; display: block; height: 30px; margin: 0 auto; padding: 0; letter-spacing: .15rem; color: #585858; }
  #gHeader .logo { z-index: 3; float: left !important; width: 250px; margin-top: 0; padding: 20px 0 0 0 !important; }
  #gHeader .logo img { width: auto; }
  #gHeader .headBtnWrap { position: absolute; z-index: 5; top: 15px; right: 0; width: 775px; }
  #gHeader .headBtnWrap .list { display: inline-block; padding: 19px 0 0; text-align: center; }
  #gHeader .headBtnWrap .list li { display: inline-block; width: 108px; }
  #gHeader .headBtnWrap .list li img { width: 108px; }
  #gHeader .headBtnWrap .btnWrap { position: absolute; top: 0; right: 0; display: inline-block; width: 410px; }
  #gHeader .headBtnWrap .btnWrap .tel { display: inline-block; width: 185px; margin: 32px 0 0 0; vertical-align: baseline; }
  #gHeader .headBtnWrap .btnWrap .mail { position: absolute; top: 20px; right: 0; width: 200px; text-align: center; }
  #gHeader .headBtnWrap .btnWrap .mail a { font-size: 1.7rem; font-weight: 700; padding: 13px 0 10px; -webkit-transition: all ease-out .1s; transition: all ease-out .1s; color: #fff; border-bottom: 4px solid #f07200; background: #62573D; }
  #gHeader .headBtnWrap .btnWrap .mail a span { font-size: 1.2rem; line-height: 1; display: block; margin: -3px 45px 0; padding: 5px 9px; vertical-align: middle; border-radius: 15px; background: #f07200; }
  #gHeader .headBtnWrap .btnWrap .mail a:hover { margin-top: 4px; opacity: 1; border-bottom: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; }
  #gHeader .headBtnWrap .txt { font-size: 1.2rem; position: absolute; top: 105px; right: 0; width: 410px; text-align: center; background: #f5f5f5; }
  #gHeader .btnGnav { position: relative; z-index: 30; float: right; width: 55px; height: 55px; -webkit-transition: .1s linear; transition: .1s linear; border-bottom: 3px solid #f0cea4; background: #fff; }
  #gHeader .btnGnav span { position: absolute; left: 17px; width: 20px; height: 2px; -webkit-transition: .1s linear; transition: .1s linear; opacity: .9; background: #62573D; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; }
  #gHeader .btnGnav span:nth-child(1) { top: 19px; }
  #gHeader .btnGnav span:nth-child(2) { top: 26px; }
  #gHeader .btnGnav span:nth-child(3) { top: 33px; }
  #gHeader .btnGnav.open span:nth-child(1) { top: 26px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  #gHeader .btnGnav.open span:nth-child(2) { top: 26px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  #gHeader .btnGnav.open span:nth-child(3) { opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; }
  #gHeader .btnGnav02 { position: relative; z-index: 30; float: right; width: 55px; height: 55px; -webkit-transition: .1s linear; transition: .1s linear; border-bottom: 3px solid #f07200; background: #62573D; }
  #gHeader .btnGnav02 span { display: block; width: 55px; height: 55px; -webkit-transition: .1s linear; transition: .1s linear; background: url(../img/f.png) no-repeat center 13px; background-size: 35px; }
  #gHeader .btnGnav02.open span { background: url(../img/g.png) no-repeat center 19px; background-size: 17px; } }

/* .gNav
=========================================== */
@media screen and (max-width: 599px) { .gNav { position: absolute; z-index: 20; top: 110px; left: 0; display: none; width: 100%; padding: 55px 0 40px 0; background: #FFFFFF; }
  .gNav nav > ul { margin-bottom: 15px; border-top: 1px solid #62573D; }
  .gNav nav > ul > li { width: 100%; border-bottom: 1px solid #62573D; }
  .gNav nav > ul > li > a { font-size: 1.4rem; font-weight: 700; position: relative; display: block; padding: 10px 0 10px 20px; letter-spacing: .01rem; }
  .gNav nav > ul > li ul { padding: 3px 20px 23px; }
  .gNav nav > ul > li ul li { float: left; width: 33.3%; text-align: center; border-bottom: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; background: #fff; }
  .gNav nav > ul > li ul li:nth-child(3n+1) { border-left: 0; }
  .gNav nav > ul > li ul li a { padding: 9px 0 12px; }
  .gNav nav > ul > li ul li a span { font-size: 1.1rem; font-weight: 700; display: block; }
  .gNav nav > ul > li ul li a .img img { height: 45px; }
  .gNav nav > ul > li:nth-child(n+6) { float: left; width: 50%; }
  .gNav nav > ul > li:nth-child(7), .gNav nav > ul > li:nth-child(9) { border-left: 1px solid #62573D; }
  .gNav .bnr { margin-bottom: 30px; text-align: center; }
  .gNav .bnr img { width: 224px; }
  .gNav02 { position: absolute; z-index: 20; top: 110px; left: 0; display: none; width: 100%; padding: 73px 20px 30px; background: #FFFFFF; }
  .gNav02 .list { margin-bottom: 17px; text-align: center; }
  .gNav02 .list li { display: inline-block; margin: 0 1px; }
  .gNav02 .list li img { height: 75px; }
  .gNav02 .box { position: relative; z-index: 11; margin-bottom: 30px; padding: 14px 25px 20px; text-align: center; background: #fff; }
  .gNav02 .box .tit { font-size: 1.7rem; font-weight: 700; color: #fe780b; }
  .gNav02 .box .sub { font-size: 1.4rem; margin: -5px 0 12px; }
  .gNav02 .box .tel { margin-bottom: 6px; border-bottom: 4px solid #e5e5e5; }
  .gNav02 .box .tel a { padding: 11px 0 7px; border: 2px solid #fe780b; }
  .gNav02 .box .tel a img { width: 191px; }
  .gNav02 .box .mail a { font-size: 1.7rem; font-weight: 700; padding: 13px 0; color: #fff; border-bottom: 4px solid #f07200; background: #62573D; }
  .gNav02 .box .mail a span { font-size: 1.1rem; line-height: 1; display: inline-block; margin: -3px 0 0 5px; padding: 5px 9px; vertical-align: middle; border-radius: 15px; background: #f07200; } }

@media screen and (min-width: 600px) { .navBorder { padding: 16px 0 27px !important; border-top: 1px solid #e1e1e1; }
  .gNav { width: 100%; padding: 31px 0 43px; background: #fff; }
  .gNav nav { width: 1100px; margin: 0 auto; }
  .gNav nav ul { text-align: center; }
  .gNav nav ul li { font-size: 1.7rem; line-height: 1; display: inline-block; text-align: center; border-left: 1px solid #000; }
  .gNav nav ul li:last-child { border-right: 1px solid #000; }
  .gNav nav ul li a { padding: 0 16px; }
  .gNav nav ul li a:hover { opacity: 1; color: #62573D; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; }
  .gNav .box { font-size: 0; position: relative; z-index: 11; display: inline-block; }
  .gNav .box .tel { display: inline-block; width: 263px; height: 100px; vertical-align: top; border-left: 2px solid #e6e6e6; }
  .gNav .box .tel a { padding: 25px 0 0 30px; }
  .gNav .box .tel .num { margin-bottom: 6px; }
  .gNav .box .tel .sub { font-size: 1.1rem; margin-bottom: 2px; letter-spacing: .15rem; }
  .gNav .box .tel .sub span { margin-right: 8px; padding: 1px 3px; border: 1px solid #000; }
  .gNav .box .mail { font-size: 1.4rem; display: inline-block; vertical-align: top; background: #18a8b3; }
  .gNav .box .mail a { width: 139px; height: 100px; margin: 0 auto; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; background: url(../img/h.png) no-repeat center top; }
  .gNav .box .mail a:hover { background-position: 0 bottom; } }

/* #gFooter
=========================================== */
#gFooter { position: relative; }

#gFooter .goTop { text-align: center; }

#gFooter .goTop a { position: relative; width: 100%; height: 45px; background: #62573D; }

#gFooter .goTop a:after { position: absolute; z-index: 3; top: 18px; right: 0; left: 0; width: 20px; height: 20px; margin: 0 auto; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 2px solid #fff; border-left: 2px solid #fff; }

#gFooter .inner .list > li:nth-child(n+6) { float: left; width: 50%; }

#gFooter .inner .list > li:nth-child(7), #gFooter .inner .list > li:nth-child(9) { border-left: 1px solid #d5d3d3; }

#gFooter .inner .list > li a { font-size: 1.4rem; font-weight: 700; position: relative; padding: 10px 0 10px 20px; letter-spacing: .01rem; border-bottom: 1px solid #d5d3d3; }

#gFooter .inner .list > li ul li { float: left; width: 50%; }

#gFooter .inner .list > li ul li:nth-child(2n) { border-left: 1px solid #d5d3d3; }

#gFooter .inner .list > li ul li a { font-size: 1.3rem; position: relative; padding-left: 31px; }

#gFooter .inner .list > li ul li a:after { position: absolute; top: 0; bottom: 0; left: 17px; width: 5px; height: 5px; margin: auto 0; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 2px solid #62573D; border-right: 2px solid #62573D; }

#gFooter .inner .bnr { padding: 16px 0 10px; text-align: center; }

#gFooter .inner .bnr img { width: 224px; }

#gFooter .inner .bnrChild { padding-bottom: 15px; text-align: center; }

#gFooter .inner .bnrChild img { width: 224px; }

#gFooter .inner .bnrNet { padding: 0 0 20px; text-align: center; }

#gFooter .inner .bnrNet img { width: 224px; }

#gFooter .inner .sns a { width: 27px; height: 22px; margin: 0 auto; background: url(../img/i.png) no-repeat center center; background-size: contain; }

#gFooter small { font-size: 1.1rem; display: block; padding: 13px 0 13px; text-align: center; letter-spacing: .12rem; color: #585858; }

@media screen and (min-width: 600px) { #gFooter .inner .list > li a { font-size: 2.8rem; } }

@media screen and (min-width: 600px) { #gFooter { position: relative; }
  #gFooter .goTop { text-align: center; }
  #gFooter .goTop a { position: relative; width: 100%; height: 70px; background: #62573D; }
  #gFooter .goTop a:after { position: absolute; z-index: 3; top: 29px; right: 0; left: 0; width: 30px; height: 30px; margin: 0 auto; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 3px solid #fff; border-left: 3px solid #fff; }
  #gFooter .inner { position: relative; width: 1100px; min-height: 345px; margin: 0 auto; padding: 44px 0 0; }
  #gFooter .inner .list > li:nth-child(n+6) { float: none; width: auto; }
  #gFooter .inner .list > li:nth-child(7), #gFooter .inner .list > li:nth-child(9) { border-left: none; }
  #gFooter .inner .list > li:nth-child(n+2) { position: absolute; top: 44px; left: 117px; }
  #gFooter .inner .list > li:nth-child(3) { top: 80px; }
  #gFooter .inner .list > li:nth-child(4) { top: 114px; }
  #gFooter .inner .list > li:nth-child(5) { top: 148px; left: 118px; }
  #gFooter .inner .list > li:nth-child(6) { top: 44px; left: 378px; }
  #gFooter .inner .list > li:nth-child(7) { top: 81px; left: 378px; }
  #gFooter .inner .list > li:nth-child(8) { top: 116px; left: 378px; }
  #gFooter .inner .list > li:nth-child(9) { top: 150px; left: 378px; }
  #gFooter .inner .list > li a { font-size: 1.5rem; position: relative; padding: 0; letter-spacing: .1rem; border-bottom: none; }
  #gFooter .inner .list > li ul { width: 257px; padding: 4px 0 0; }
  #gFooter .inner .list > li ul li { display: inline-block; float: none; width: auto; min-width: 122px; }
  #gFooter .inner .list > li ul li:nth-child(2n) { border-left: none; }
  #gFooter .inner .list > li ul li a { font-size: 1.3rem; font-weight: 400; position: relative; padding-left: 13px; }
  #gFooter .inner .list > li ul li a:after { position: absolute; top: 0; bottom: 0; left: -4px; width: 5px; height: 5px; margin: auto 0; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 2px solid #62573D; border-right: 2px solid #62573D; }
  #gFooter .inner .bnr { position: absolute; top: 39px; right: 217px; display: inline-block; padding: 0; text-align: right; }
  #gFooter .inner .bnr a { -webkit-transition: all ease-out .15s; transition: all ease-out .15s; border-bottom: 4px solid #189ca2; }
  #gFooter .inner .bnr a img { height: auto; }
  #gFooter .inner .bnr a:hover { margin-top: 4px; opacity: 1; border-bottom: 4px solid transparent; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; }
  #gFooter .inner .bnr img { width: auto; }
  #gFooter .inner .bnrChild { position: absolute; top: 152px; right: 217px; display: inline-block; padding: 0; text-align: right; }
  #gFooter .inner .bnrChild a { -webkit-transition: all ease-out .15s; transition: all ease-out .15s; border-bottom: 4px solid #72942b; }
  #gFooter .inner .bnrChild a img { height: auto; }
  #gFooter .inner .bnrChild a:hover { margin-top: 4px; opacity: 1; border-bottom: 4px solid transparent; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; }
  #gFooter .inner .bnrChild img { width: auto; }
  #gFooter .inner .bnrNet { position: absolute; top: 50px; right: 0; display: inline-block; width: 188px; padding: 0; text-align: right; }
  #gFooter .inner .bnrNet a img { height: auto; }
  #gFooter .inner .bnrNet a:hover { opacity: .7; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; }
  #gFooter .inner .bnrNet img { width: auto; }
  #gFooter .inner .sns { position: absolute; right: 0; top: 129px; }
  #gFooter .inner .sns a { width: 32px; height: 27px; margin: 0 auto; background: url(../img/i.png) no-repeat center center; background-size: contain; }
  #gFooter small { font-size: 1.3rem; position: absolute; right: 0; bottom: 37px; left: 0; display: block; margin: 0 auto; padding: 0; text-align: center; letter-spacing: .18rem; color: #585858; } }