p {
	text-align: justify;
	text-justify: inter-ideograph; /* IE用 */
}
.alphabet {
	font-family: 'Anton', sans-serif;
}
img {
	vertical-align: bottom;
	line-height: 1.0em;
}
.img-right {
	width: 300px;
	float: right;
	margin-left: 15px;
}
.img-caption {
	margin-top: 0.3em;
	font-size: 0.9em;
	letter-spacing: 1px;
}
.lnk {
	width: 100%;
	height: 100%;
	display: block;
}
a {
	color: #395CA3;
}
a .btn {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a.btn {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover {
	text-decoration: none;
}
.text-shadow {
	text-shadow: 0 0 25px #666, 0 0 20px #666, 0 0 0.40px #666;
}
.text-orange {
	color: #FF9326;
}
.text-strong {
	font-size: 1.0em;
	font-weight: 600;
	font-style: italic;
	color: #000;
}
.p_small{
	font-size: 0.9em;
	}
.copy {
	color: #666666;
	text-align: center;
	margin-bottom: 40px;
}
sup{
	font-size: 10px;
	}
.hr01 {
	width: 100%;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(207,207,207,0), rgba(207,207,207,0.75), rgba(207,207,207,0));
	background-image: -moz-linear-gradient(left, rgba(207,207,207,0), rgba(207,207,207,0.75), rgba(207,207,207,0));
	background-image: -ms-linear-gradient(left, rgba(207,207,207,0), rgba(207,207,207,0.75), rgba(207,207,207,0));
	background-image: -o-linear-gradient(left, rgba(207,207,207,0), rgba(207,207,207,0.75), rgba(207,207,207,0));
}

.scroll-table {
  overflow: auto;
  white-space: nowrap;
}





.movie-wrap {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}




@media only screen and (max-width:767px) {
p {
	text-align: left!important;
	text-justify: auto; /* IE用 */
}
.img-caption{
	text-align: center!important;
	}
p small{
	line-height: 0.5em!important;		
}
}
/* image */
	
.frame {
	display: inline-block;
	position: relative;
}
.frame:after {
	position: absolute;
	content: "";
	box-shadow: 0 15px 10px rgba(0,0,0, .5);
	transform: rotate(3deg);
	right: 5px;
	left: auto;
	top: auto;
	bottom: 15px;
	z-index: -1;
	width: 50%;
	height: 20%;
}
/* dl */

dl {
	margin: 15px 0 15px 0;
	color: #666;
	font-weight: 300;
}
dt {
	padding: 5px 10px 5px 10px;
}
dd {
	padding: 5px 10px 5px 10px;
}
/* list */

.list-mark {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.list-mark li {
	margin: 2px 0 2px 20px;
	list-style-type: circle;
}
.ol {
	margin: 0 0 0 45px;
	padding: 0 0 0 0;
}
.ol li {
	margin: 5px 0 5px 0;
}
.ol-s {
	margin: 5px 0 10px 20px;
	padding: 0 0 0 0;
	font-size: 0.9em;
}
.ul {
	margin: 5px 0 10px 25px;
	padding: 0 0 0 0;
}
.ul li {
	list-style-type: circle;
	margin: 5px 0 5px 0;
}
.ul-s {
	margin: 5px 0 10px 20px;
	padding: 0 0 0 0;
	font-size: 0.9em;
}
.p-s {
	margin: 5px 0 10px 10px;
	padding: 0 0 0 0;
	font-size: 0.9em;
}
/* p */

.p {
	margin: 10px 0 10px 25px;
}
.p00 {
	margin: 0 0 0 0;
}

@media only screen and (max-width:767px) {
.p {
	margin: 0 0 0 0;
}
}
/* div */

.box01 {
	margin: 20px 0 10px 15px;
}
.margin-t00 {
	margin-top: 0!important;
}
.padding-t00 {
	padding-top: 0!important;
}
@media only screen and (max-width:767px) {
.padding-t00 {
	margin-top: -5px;
	padding-top: 0!important;
}
}
/* text */
.text-orange {
	color: #FA5300;
}
.text-big {
	font-size: 1.2em;
}
.text-big2 {
	font-size: 1.1em;
}
/* btn */

.btn-bn {
	border: 2px solid rgba(57,92,163,0.3);
	color: rgba(57,92,163,0.5);
	font-weight: 500;
	font-size: 1.1em;
	padding: 10px 0;
	box-shadw: 2px 2px 1px #9CADD1;
}
.btn-bn:hover {
	background-color: rgba(57,92,163,0.1);
	color: rgba(57,92,163,0.8);
}
.btn-bn i {
	color: rgba(57,92,163,0.3);
	margin-right: 5px;
}
.btn-bn i:hover {
	color: rgba(57,92,163,0.5);
}
.btn-support {
	background-color: #FF9326;
	color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 20px 0 0 0;
	padding: 10px;
	border-radius: 5px;
	font-size: 1.2em;
}
.btn-support:hover {
	background-color: #fff;
	border: 1px solid #FF9326;
	color: #FF9326;
}
.btn-support i {
	margin-right: 5px;
	color: #fff;
}
.btn-support:hover i {
	color: #FF9326;
}
.btn-primary {
	background-color: #395AA3;
}
/* jumbotron */

.jumbotron {
	text-align: center;
	margin: 0 0 -10px 0;
	padding: 15px 0 20px 0;
}
.jumbotron h1 {
	font-size: 1.2em;
	line-height: 0.8em;
	color: #fff;
	opacity: 0.9;
	font-family: 'Audiowide', cursive;
	text-transform: uppercase;
	letter-spacing: 4px;
	text-shadow: 0 0 25px #395AA3, 0 0 20px #395AA3, 0 0 0.40px #395AA3;
}
.jumbotron p {
	text-align: center;
	font-size: 0.6em;
	letter-spacing: 5px;
	/*color: #395CA3;*/
	color: #fff;
	opacity: 0.8;
	padding: 5px 0 10px 0;
	font-weight: 100!important;
	text-shadow: 0 0 25px #395AA3, 0 0 20px #395AA3, 0 0 0.40px #395AA3;
}
.jumbotron-top-bg {
	background-image: url(neiye-top-bg.jpg);
	background-size: cover;
	background-position: center bottom;
}



.img-greeting img {
	margin-bottom: 15px;
}
.img-greeting .text-center {
	font-size: 1.5em;
	font-weight: 500;
	margin-bottom: -10px
}
.img-greeting .text-center small {
	font-size: 0.7em;
	font-weight: 200;
}
.greeting-kana {
	font-size: 0.5em!important;
	font-weight: 500!important;
	display: block;
	margin-left: 125px;
	letter-spacing: 2px;
	
}
@media only screen and (max-width:767px) {
.greeting-kana {
	margin-top: 5px;
	}	
	}


.table-history img {
	width: 200px;
	float: right;
	border-radius: 5px;
	margin-left: 15px;
}
@media only screen and (max-width:767px) {
.table-history img {
	width: 97.5%;
	float: none;
	border-radius: 5px;
	margin: 5px 0px 5px 0!important;
}
}


.fa-car {
	color: #ED756B;
}
.h7-car {
	color: #ED756B;
	border-bottom: 1px dotted #F7C6C2;
}
.fa-train {
	color: #FFAD24;
}
.h7-train {
	color: #FFAD24;
	border-bottom: 1px dotted #FFDEA9;
}
.fa-plane {
	color: #7AAC59;
}
.h7-plane {
	color: #7AAC59;
	border-bottom: 1px dotted #C7DCB8;
}
@media only screen and (max-width:767px) {
.access {
	margin: 10px 0 0 0;
	padding: 10px 10px 0px 10px!Important;
}
}



.sales-box {
	margin: 0 0 20px 0;
}
.sales .fa-envelope-o{
	margin-left: 2px;
	opacity: 0.5;
	}
.tit-sales {
	margin: 0 0 0 0;
	padding: 10px;
	border-bottom: 1px dotted #CDD6E8;
	border-left: 1px solid #CDD6E8;
	border-right: 1px solid #CDD6E8;
	border-top: 1px solid #CDD6E8;
	background-color: #fafafa;
	text-align: center;
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	color: #3959A3;
	font-weight: 500;
	font-size: 1.2em;
}
.sales {
	background-color: #fafafa;
	padding: 15px 15px 15px 15px;
	border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
	border-left: 1px solid #CDD6E8;
	border-right: 1px solid #CDD6E8;
	border-bottom: 1px solid #CDD6E8;
}
.sales p {
	font-size: 0.9em;
	margin: 0 0 0 0;
	text-align: center;
}
.sales ul {
	margin: 15px 0 0 20px;
	padding: 0 0 0 0;
	color: #FA5300;
}
.sales li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: circle;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.sales{
	padding-top: 10px;
	}	
}
@media(max-width:767px) {
.sales-box{
	margin-bottom: 10px;
	}
.tit-sales {
	padding: 8px 12px;
}
.sales {
	padding: 10px;
}
.sales p small{
	font-size: 0.9em;
	line-height: 0.5em !important;
}
.sales ul {
	margin: 5px 0 0 0px;
	color: #FA5300;
	font-size: 0.9em;
	line-height: 1.4em;
}
.sales li {
	list-style: none;
	margin: 10px 0 0 0;
}
}


.table-schedule {
	font-size: 0.9em;
}
.table-schedule thead th {
	background-color: #FFFFFF;
	text-align: center;
}
.schedule01 {
	width: 80px;
}
.schedule03 {
	width: 150px;
}
.schedule04 {
	width: 150px;
}
.schedule-caption{
	font-size: 0.9em;
	margin: -10px 0 -10px 0;
	}
@media(max-width:767px) {
.schedule-caption{
	font-size: 0.8em;
	margin: -10px 0 5px 0;
	}
}

.rule-box{
	margin: 10px 0 0 0;
}
.rule{
	margin: 0px 0 20px 0;
}
.rule-box .st-content{
	padding-bottom: 0px;
	}
.rule-box .p{
	margin: 0 0 0 15px!important;
	}
.rule-box .ol{
	list-style-type: decimal!important;
	margin: 0 0 0 30px;
	}
.rule-box .ol li{
    overflow: visible;
	margin-bottom: 5px;
}
.rule-box ul{
	list-style-type: circle!important;
	margin: 0 0 5px 30px;
	}
.rule-box ul li{
    overflow: visible;
}	
.rule-box .ul-s{
	margin-bottom: 15px;
	}
@media only screen and (max-width:767px) {
.rule .text-right{
	text-align: center!important;					
}
}

  .csr-pc {
     display: block !important; 
   }
  .csr-mb {
     display: none !important;
   }
 @media only screen and (max-width: 750px) {
 .csr-pc {
    display:none !important; 
   }
 .csr-mb {
    display: block !important;
   }
 }

.mynavi-box{
	padding: 15px;
	}
.message-box{
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	}
.message-box p{
	margin-top: 10px;
	text-align: center!important;
	font-size: 1.2em;
	margin-bottom: -5px;
	}
.message-box a img,.message-box a{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.message-box a:hover img{
	opacity: 0.7;
	}
.message-box a:hover{
	color: #FA5300;
}

@media only screen and (max-width:992px) {
.message-box{
	margin-bottom: 20px;
	}
}

@media only screen and (max-width:767px) {
.mynavi-box{
	padding: 10px 0 0 0;
	font-size: 0.9em;
	}
.message-box{
	margin-bottom: -20px;
	}
.message-box div div{
	margin-bottom: 20px;
	}
.h4-message{
	line-height: 0.8em;
	}
}


	
.tel {
	font-size: 2.0em;
	font-weight: 600;
	margin-right: 5px;
	margin-bottom: 5px;
}
.tel i {
	opacity: 0.5;
}
.support-box {
	background-color: #fafafa;
	margin: 25px 15px 0 15px;
	padding: 20px 10px 20px 10px;
}
.list-group {
	margin: 0 0 15px 0;
}
.area-name {
	text-align: center;
	font-weight: 600;
}
.area-title {
	text-align: center;
	padding: 5px 10px 5px 10px;
	font-weight: 600;
	color: #555;
}
.area-item {
	text-align: center;
	font-size: 0.9em;
	color: #666;
	padding: 5px 10px 5px 10px;
}
.area-title i {
	opacity: 0.3;
	margin-right: 5px;
}
.area-item i {
	opacity: 0.3;
	margin-right: 5px;
}
.area1 .list-group-item {
	border: 1px solid #D3E7F2;
}
.area2 .list-group-item {
	border: 1px solid #FCE8E7;
}
.area3 .list-group-item {
	border: 1px solid #FFF2DD;
}
.area4 .list-group-item {
	border: 1px solid #E9F1E3;
}
.area1 .area-name {
	background-color: #2485C0;
	color: #fff!important;
}
.area2 .area-name {
	background-color: #F08D85;
	color: #fff!important;
}
.area3 .area-name {
	background-color: #FFBD53;
	color: #fff!important;
}
.area4 .area-name {
	background-color: #8FB972;
	color: #fff!important;
}
.area1 .area-name:hover {
	background-color: #2485C0;
	opacity: 0.7;
}
.area2 .area-name:hover {
	background-color: #F08D85;
	opacity: 0.7;
}
.area3 .area-name:hover {
	background-color: #FFBD53;
	opacity: 0.7;
}
.area4 .area-name:hover {
	background-color: #8FB972;
	opacity: 0.7;
}
.area1 .area-title {
	background-color: #D3E7F2;
}
.area2 .area-title {
	background-color: #FCE8E7;
}
.area3 .area-title {
	background-color: #FFF2DD;
}
.area4 .area-title {
	background-color: #E9F1E3;
}
.area1 .area-item {
	background-color: #F5F9FC;
}
.area2 .area-item {
	background-color: #FEFAF9;
}
.area3 .area-item {
	background-color: #FFEBCB;
}
.area4 .area-item {
	background-color: #F5F9F2;
}
.area1-bar,.area2-bar,.area3-bar,.area4-bar,.area5-bar{
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px; 
	}
.area-tit{
	text-align: center;
	color: #fff;
	padding: 8px;
	font-size: 1.2em;
	}
.area-box {
	margin-box: 0px!important;
	padding: 10px;
	background-color: #fff;
	border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
	position: relative;
}
.area-contact {
	margin-top: 5px;
	margin-bottom: 0px;
	background-color: #fff;
	padding: 15px 30px;
	border-radius: 5px;
	text-align: center;
}
.area-box table {
	font-size: 0.9em;
	margin-bottom: 10px;
}
.area-box th {
	font-weight: 300;
	padding-right: 15px;
}
.area-box th i {
	margin-right: 5px;
	opacity: 0.5;
}
.area-box td a {
	color: #999;
	text-decoration: underline;
}
.area-box td a:hover {
	text-decoration: none;
}
.area1-bar {
	background-color: #2485C0!important;
}
.area1-box {
	background-color: #F5F9FC!important;
}
.area1-box .area-box {
	border-left: 1px solid #D3E7F2;
	border-right: 1px solid #D3E7F2;
	border-bottom: 1px solid #D3E7F2;
	padding: 15px 30px;
}
.area1-box h6 {
	background-color: #fff;
	margin-bottom: 0;
	color: #2485C0;
	border-top: 1px solid #D3E7F2;
	border-right: 1px solid #D3E7F2;
	border-left: 1px solid #D3E7F2;
	border-bottom: 1px dotted #D3E7F2;
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	font-style: normal;
	font-size: 1.2em;
	font-weight: 500;
	text-align: center;
}
.area1-box h6 i {
	opacity: 0.5;
	margin-right: 10px;
}
.area2-bar {
	background-color: #F08D85!important;
}
.area2-box {
	background-color: #FEFAF9!important;
}
.area2-box .area-box {
	border-left: 1px solid #FCE8E7;
	border-right: 1px solid #FCE8E7;
	border-bottom: 1px solid #FCE8E7;
	padding: 15px 30px;
}
.area2-box h6 {
	background-color: #fff;
	margin-bottom: 0;
	color: #F08D85;
	border-top: 1px solid #FCE8E7;
	border-right: 1px solid #FCE8E7;
	border-left: 1px solid #FCE8E7;
	border-bottom: 1px dotted #FCE8E7;
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	font-style: normal;
	font-size: 1.2em;
	font-weight: 500;
	text-align: center;
}
.area2-box h6 i {
	opacity: 0.5;
	margin-right: 10px;
}
.area3-bar {
	background-color: #FFBD53!important;
}
.area3-box {
	background-color: #FFF9EF!important;
}
.area3-box .area-box {
	border-left: 1px solid #FFF2DD;
	border-right: 1px solid #FFF2DD;
	border-bottom: 1px solid #FFF2DD;
	padding: 15px 30px;
}
.area3-box h6 {
	background-color: #fff;
	margin-bottom: 0;
	color: #FFBD53;
	border-top: 1px solid #FFF2DD;
	border-right: 1px solid #FFF2DD;
	border-left: 1px solid #FFF2DD;
	border-bottom: 1px dotted #FFF2DD;
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	font-style: normal;
	font-size: 1.2em;
	font-weight: 500;
	text-align: center;
}
.area3-box h6 i {
	opacity: 0.5;
	margin-right: 10px;
}
.area4-bar {
	background-color: #8FB972!important;
}
.area4-box {
	background-color: #F5F9F2!important;
}
.area4-box .area-box {
	border-left: 1px solid #E9F1E3;
	border-right: 1px solid #E9F1E3;
	border-bottom: 1px solid #E9F1E3;
	padding: 15px 30px;
}
.area4-box h6 {
	background-color: #fff;
	margin-bottom: 0;
	color: #8FB972;
	border-top: 1px solid #E9F1E3;
	border-right: 1px solid #E9F1E3;
	border-left: 1px solid #E9F1E3;
	border-bottom: 1px dotted #E9F1E3;
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	font-style: normal;
	font-size: 1.2em;
	font-weight: 500;
	text-align: center;
}
.area4-box h6 i {
	opacity: 0.5;
	margin-right: 10px;
}
.area5-bar {
	background-color: #B072B9!important;
}
.area5-box {
	background-color: #F7F2F9!important;
}
.area5-box .area-box {
	border-left: 1px solid #EDE2F1;
	border-right: 1px solid #EDE2F1;
	border-bottom: 1px solid #EDE2F1;
	padding: 15px 30px;
}
.area5-box h6 {
	background-color: #fff;
	margin-bottom: 0;
	color: #B072B9;
	border-top: 1px solid #EDE2F1;
	border-right: 1px solid #EDE2F1;
	border-left: 1px solid #EDE2F1;
	border-bottom: 1px dotted #EDE2F1;
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	font-style: normal;
	font-size: 1.2em;
	font-weight: 500;
	text-align: center;
}
.area5-box h6 i {
	opacity: 0.5;
	margin-right: 10px;
}
.panel-area{
	border: 1px solid rgba(57,92,163,0.5);
	}
.panel-area .panel-heading{
	background-color: rgba(57,92,163,0.8);
	color: #fff;
	}
.panel-area .panel-body{
	}
.panel-area i{
	font-size: 1.2em;
	margin-bottom: 5px;
	}
.btn-service{
	}
.btn-service:before{
	content:"\f098";
	font-family: FontAwesome;
	position: absolute;
	z-index: 99;
	left: 12px;
	top: 12px;
	font-size: 1.2em;
	opacity: 0.5;
	}
.btn-base{
	}
.btn-base:before{
	content:"\f0f7";
	font-family: FontAwesome;
	position: absolute;
	z-index: 99;
	left: 12px;
	top: 12px;
	font-size: 1.2em;
	opacity: 0.5;
	}

@media(max-width:767px) {
.list-group {
	margin: 0 0 10px 0;
}
.area-box p{
	text-align: center!important;
} 
.area1-bar {
	font-size: 0.9em;
	padding-right: 30px;
}
.area2-bar {
	font-size: 0.9em;
	padding-right: 30px;
}
.area3-bar {
	font-size: 0.9em;
	padding-right: 30px;
}
.area4-bar {
	font-size: 0.9em;
	padding-right: 30px;
}
.area1-box .area-box {
	padding: 10px 10px 0px 10px;
}
.area2-box .area-box {
	padding: 10px 10px 0px 10px;
}
.area3-box .area-box {
	padding: 10px 10px 0px 10px;
}
.area4-box .area-box {
	padding: 10px 10px 0px 10px;
}
.area1-box h6 {
	padding: 10px;
}
.area2-box h6 {
	padding: 10px;
}
.area3-box h6 {
	padding: 10px;
}
.area4-box h6 {
	padding: 10px;
}
.tel {
	font-size: 1.2em!important;
	font-weight: 600;
	margin-right: 5px;
	margin-bottom: 5px;
}
.tel i {
	opacity: 0.5;
}
.tels {
	font-size: 1.1em!important;
	font-weight: 600;
	margin-right: 5px;
	margin-bottom: 5px;
}
.tels i {
	margin-left: 5px!important;
	opacity: 0.5!important;
}
.area-box table {
	border: none!important;
	display: flex;
	overflow: auto;
	margin-bottom: 5px;
	margin-left: 30px;
}
.area-box tr {
	display: block;
	margin-bottom: 10px;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #fff;
}
.area-box th {
	display: block;
	width: auto;
	white-space: normal;
}
.area-box td {
	width: auto;
	white-space: normal;
}
.area-contact {
	margin-bottom: 0px;
	padding: 10px 15px 5px 15px!important;
	text-align: center!important;
}
.support-box {
	margin: 20px 15px 10px 15px!important;
	padding: 15px 0px!important;
}
}

@media(min-width:500px) {
.btn-area{
	position: absolute;
	right: 20px;
	bottom: 20px;
	}
.btn-area .btn{
	padding-left: 35px;
	}
}

@media(max-width:499px) {
.btn-area{
	position: relative!important;
	margin: 5px 10px 70px 10px;
	text-align: center;
	display:block;
	}
.btn-area .btn{
	width: 100%;
	margin: 0 auto;
	}
.btn-area .hidden-xxs{
	}
}







/* pc */
#top-footer {
	font-family: 'microsoft yahei', 'Source Han Sans CN',Helvetica,Arial,sans-serif;
	padding: 0;
}


@media screen and (min-width: 992px) {	
	#top-footer > .tf-inner {
		width: 100%;
		background: #111211;
	}

	#top-footer .tf-inner .tf-sitemap {
		display: flex;
		justify-content: space-between;
		width: 940px;
		padding: 29px 0 30px;
		margin: 0 auto;
	}

	#top-footer .tf-inner .tf-sitemap a {
		font-size: 14px;
		color: #999999;
		transition: .2s color;
	}

	#top-footer .tf-inner .tf-sitemap a:hover {
		color: #fff;
	}
	
	#top-footer .tf-contents {
		padding: 40px 0;
		background: #000000;
	}
	
	#top-footer .tf-contents .tf-inner {
		display: flex;
		justify-content: space-between;
		width: 940px;
		margin: auto;
	}

	#top-footer .tf-contents .tf-inner .tf-copyright {
		order: 0;
		font-size: 13px;
		color: #999999;
	}

	#top-footer .tf-contents .tf-nav {
		order: 1;
	}

	#top-footer .tf-contents .tf-nav > ul {
		display: flex;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	#top-footer .tf-contents .tf-nav > ul > li {
		margin-left: 26px;
	}

	#top-footer .tf-contents .tf-nav > ul > li a {
		font-size: 13px;
		color: #999999;
		transition: .2s color;
	}

	#top-footer .tf-contents .tf-nav > ul > li a:hover {
		color: #fff;
	}
}

@media screen and (min-width: 1200px) {
	#top-footer .tf-inner .tf-sitemap {
		width: 1000px;
	}

	#top-footer .tf-contents .tf-inner {
		width: 1000px;

	}
}



@media only screen and (max-width: 991px) {
	#top-footer > .tf-inner {
		width: 100%;
		padding: 50px 37px 0;
		background: #111211;
		box-sizing: border-box;
	}

	#top-footer .tf-inner .tf-sitemap {
		padding: 0 11px 20px;
		text-align: left;
		border-bottom: 1px solid #999999;
	}

	#top-footer .tf-inner .tf-sitemap .tf-sitemap-heading {
		margin-bottom: 13px;
	}
	
	#top-footer .tf-inner .tf-sitemap a {
		font-size: 12px;
		color: #999999;
		transition: .2s color;
	}

	#top-footer .tf-inner .tf-sitemap a:hover {
		color: #fff;
	}
	
	#top-footer .tf-contents {
		padding: 29px 37px 45px;
		background: #000000;
	}
	
	#top-footer .tf-contents .tf-inner {
		margin: auto;
	}

	#top-footer .tf-contents .tf-inner .tf-copyright {
		font-size: 11px;
		color: #999999;
	}

	#top-footer .tf-contents .tf-nav > ul {
		list-style-type: none;
		padding: 0 11px 24px;
		margin: 0 0 26px;
		text-align: left;
		border-bottom: 1px solid #999999;
	}

	#top-footer .tf-contents .tf-nav > ul > li {
		margin-bottom: 7px;
	}

	#top-footer .tf-contents .tf-nav > ul > li a {
		font-size: 13px;
		color: #999999;
		transition: .2s color;
	}

	#top-footer .tf-contents .tf-nav > ul > li a:hover {
		color: #fff;
	}
}

/* sp */
@media screen and (max-width:787px) {
}