@charset "utf-8";
/*--------------------------------------------
	FRAMEWORK
--------------------------------------------*/
#contents {
}
#main-cts {
  width: 100%;
}
.gInner {
  width:1100px;
  margin: 0 auto;
}
.tel{
  font-family: 'Anton', sans-serif;
  line-height:1;
}
/*--------------------------------------------
	HEADER
--------------------------------------------*/
#header{
	padding:8px 0 15px;
}
#header .hdrUpper{
	margin-bottom:15px;
}
#header .h1Txt{
	font-size:12px;
	text-align:right;
	line-height:1;
	font-weight: 500;
}
#header #hLogo{
	float:left;
}
#header #hContact{
	float:right;
	padding-top:21px;
}
#header #hContact .area{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
/* 0213 */
#header #hContact .area >div{
	font-size:11px;
	line-height:1;
	background:#ddd;
	color:#fff;
	padding:4px;
    font-weight: bold;
}
#header #hContact .area #osaka{
	background:#ff972c;
    text-align: center;
}
#header #hContact .area #tokyo{
	background:#4d66d2;
	margin-top:2px;
    text-align: center;
}
#header #hContact .area #nagoya{
	background:#4d66d2;
	margin-top:2px;
    text-align: center;
}
/* 0213 */
#header #hContact .telBox{
	display:inline-block;
	vertical-align:middle;
}
#header #hContact .telBox .tel{
	font-size:42px;
	color:#ba2424;
	font-weight:bold;
	padding-left:60px;
	background:url(../Image/common/free_red.png) no-repeat center left / 50px 32px;
}
#header #hContact .telBox .hour{
	line-height:1;
	font-size:13px;
	font-weight:bold;
	color:#020202;
}
/*--------------------------------------------
	GLOBAL NAVIGATION
--------------------------------------------*/
#gNavi li{
	float:left;
	width:183px;
	text-align:center;
	border-right:dashed 1px #bdbdbd;
	line-height:1;
	box-sizing:border-box;
}
#gNavi li:first-child,
#gNavi li:last-child{
	width:184px;
}
#gNavi li span{
	display:block;
	transition:.4s;
}
#gNavi li .fontL{
	font-size:16px;
	font-weight:bold;
	color:#252628;
	margin-bottom:0.3em;
}
#gNavi li .fontS{
	color:#396bcc;
	font-weight:bold;
}
/*=============== HOVER EFFECT ===============*/
@media screen and (min-width : 768px ) {
#gNavi li a:hover .fontS{
	color:#ec7800;;
	font-weight:bold;
}
}
/*--------------------------------------------
	CONTACT BOX
--------------------------------------------*/
#contactBox .ttl_01 .hTtl,
#contactBox .ttl_01 .subTtl{
	color:#fff;
}
#contactBox .lead{
	color:#fff;
	text-align:center;
	font-weight:bold;
	margin-bottom:40px;
}
#contactBox  .cBox{
    float: left;
    width: 48%;
    background: #fff;
    text-align: center;
    padding: 21px 30px;
    box-sizing: border-box;
}
#contactBox .cBox:last-child{
	margin-left:4%;
}
#contactBox .cBox .mainTtl{
	font-size:18px;
	line-height:1;
	margin-bottom:0.5em;
}
#contactBox .telBox{
	display:inline-block;
	text-align:left;
	line-height:1
}
#contactBox .telBox .tel{
	font-size:60px;
	padding-left:100px;
	background:url(../Image/common/free_blu.png) no-repeat left center / auto 56px;
	color:#386bcc;
	margin-bottom:0.1em;
}
#contactBox .telBox .time{
	font-weight:bold;
	font-size:18px;
	color:#202125;
}
#contactBox .mailBox{
	font-size:20px;
}
#contactBox .mailBox a {
    padding: 1.4em 0;
    display: block;
    line-height: 1;
}

#contactBox .mailBox a span{
    background: url(../Image/common/mail.png) no-repeat center left /auto 20px;
    padding-left: 37px;
}

/*--------------------------------------------
	FOOTER
--------------------------------------------*/
#footer {
  background: #8bb7be;
  padding: 80px 0 25px;
  color: #fff;
  position:relative;
}
#footer:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../Image/common/bg_patern02.png) repeat left top;
	z-index:1;
}
#footer #ftrInner{
	z-index:2;
	position:relative;
	padding-bottom:60px;
}
#footer #ftrMain{
	float:right;
}
#footer #ftrMain #fLogo{
	margin-bottom:20px;
}
#footer #ftrMain .tel{
	font-size:36px;
	padding-left:65px;
	background:url(../Image/common/free_wht.png) no-repeat center left/ auto 36px;
	line-height:1;
}
#footer #ftrMain .time{
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
}
#footer #ftrMain .btn_01 a{
	font-size:18px;
}

#footer #ftrNav,
#footer #baseBox{
	float:left;
}
#footer #ftrNav{
	margin-right:150px;
}
#footer #ftrNav .fNavi{
	float:left;
}
#footer #ftrNav .fNavi:first-child{
	margin-right:80px;
}
#footer #ftrNav .fNavi li{
	line-height:1;
}
#footer #ftrNav .fNavi li a{
	font-size:14px;
	color:#fff;
	font-weight:bold;
	line-height:1;
	position:relative;
	padding-bottom:4px;
}
#footer #ftrNav .fNavi li a:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:0;
	height:1px;
	background:#fff;
	transition:.4s;
}
#footer #ftrNav .fNavi li:nth-child(n+2){
	margin-top:20px;
}
#footer #baseBox dt,
#footer #baseBox dd{
	line-height:1;
	font-weight:bold;
}
#footer #baseBox dt{
	font-size:18px;
	margin-bottom:0.5em;
}
#footer #baseBox dt:before{
	content:"■";
}
#footer #baseBox dd{
	font-size:14px;
	margin-bottom:18px;
}
#footer #baseBox dd .address{
	margin-bottom:5px;
}
#footer #baseBox dd .number{
	background:url(../Image/common/phone.png) no-repeat center left / auto 12px;
    padding-left:18px;
}
#footer #baseBox dd:last-child{
	margin-bottom:0;
}
#footer #copy {
  text-align: center;
  font-size: 14px;
  font-weight:bold;
}
.totop {
	position:fixed;
	bottom:5%;
	right:5%;
	line-height:1;
	text-align:center;
	z-index:50;
}
.totop:before,
.totop:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:1;
	transition:.4s;
}
.totop:before{
  z-index:2;
  background: #ffc45c;
  background: -moz-linear-gradient(top, #ffc45c 0%, #ff972c 45%, #ec7800 60%, #ff972c 100%);
  background: -webkit-linear-gradient(top, #ffc45c 0%,#ff972c 45%,#ec7800 60%,#ff972c 100%);
  background: linear-gradient(to bottom, #ffc45c 0%,#ff972c 45%,#ec7800 60%,#ff972c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc45c', endColorstr='#ff972c',GradientType=0 );
}
.totop:after{
  z-index:1;
  background: #5e7eff;
  background: -moz-linear-gradient(top, #5e7eff 0%, #2d73ff 45%, #004eea 60%, #2d73ff 100%);
  background: -webkit-linear-gradient(top, #5e7eff 0%,#2d73ff 45%,#004eea 60%,#2d73ff 100%);
  background: linear-gradient(to bottom, #5e7eff 0%,#2d73ff 45%,#004eea 60%,#2d73ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e7eff', endColorstr='#2d73ff',GradientType=0 );
}
.totop a {
	padding:7px 0;
	width:50px;
	color:#fff;
	position:relative;
	z-index:3;
}
.totop a i {
	font-size:18px;
}
.totop a span {
  display: block;
  font-size: 16px;
  font-weight:bold;
  line-height:1
}

/*=============== HOVER EFFECT ===============*/
@media screen and (min-width : 768px ) {
#footer #ftrNav .fNavi li a:hover:after{
	width:100%;
}
.totop:hover:before{
	opacity:0;
}
}


.telLink {
	color: inherit;
}
@media (hover: hover) {
	.telLink {
		pointer-events: none;
	}
}