/* CSS Document */

#container {
	background: none;
}

/* wrapper */
#hands_free_travel {
	color: #333;
	text-align: left;
	width: 950px;
    margin: 0 auto;
}
.bgimg {
	text-indent: 200%;
	white-space: nowrap;
}

/* font */
.fs12 {
	font-size: 0.95em;
}
.fs13 {
	font-size: 1.05em;
}
.fs14 {
	font-size: 1.10em;
}
.fs18 {
	font-size: 1.40em;
}

/* 2019.06 重要なお知らせ */
.importantinfo {
	color: #f91e1e
}

/*
@-moz-document url-prefix() {
	.fs12 {
		font-size: 1.30em;
	}
	.fs13 {
		font-size: 1.40em;
	}
	.fs14 {
		font-size: 1.50em;
	}
	.fs18 {
		font-size: 1.75em;
	}
}
*/


/* ----------
 * service
 */
#hft_service {
	padding-top: 70px;
}
	#hft_service h2 {
		display: block;
		height: 36px;
		background: url(../images/service_ttl.gif) no-repeat;
	}
	#hft_service .cap {
		padding-top: 8px;
		text-align: center;
	}
	#hft_service .hft_content {
		margin-left: -22px;
		padding-top: 24px;
	}
		.hft_service_item {
			display: block;
			width: 221px;
			margin-left: 22px;
			float: left;
		}
			.hft_service_item dt {
				display: table;
				width: 221px;
				height: 50px;
				background-repeat: no-repeat;
				background-position: top;
			}
			#hft_service_item01 dt { background-image: url(../images/service_bg_01.gif); }
			#hft_service_item02 dt { background-image: url(../images/service_bg_02.gif); }
			#hft_service_item03 dt { background-image: url(../images/service_bg_03.gif); }
			#hft_service_item04 dt { background-image: url(../images/service_bg_04.gif); }
				.hft_service_item dt span {
					display: table-cell;
					padding-left: 60px;
					font-weight: bold;
					color: #fff;
					vertical-align: middle;
				}
			.hft_service_item dd {
				padding: 12px 2px 0 2px;
				line-height: 1.83;
			}
				.hft_service_item dd a {
					font-weight: bold;
					text-decoration: underline;
				}
				.hft_service_item dd a:hover {
					text-decoration: none;
				}

.text-hover {
    text-align: center;
    font-weight: bold;
}

.text-hover a {
    text-decoration: underline;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.clearFix {
    display: block;
}

.clearFix {
    display: inline-block;
}


/* ----------
 * pagetop
 */
#btn_pagetop {
	position: fixed;
	right: 0;
	bottom: 60px;
	display: none;
}



/* 追記 */

#hft_service {
    padding-top: 0;
}

.button-wrap {
    display: flex;
    flex-flow: row wrap;
}
.button {
    display: flex;
    justify-content: center;
}
.button .button__type {
    position: relative;
    align-items: center;
    justify-content: center;
    border: none;
    color: #fff;
    line-height: 1;
    text-align: center;
}
.oazukari {
    background-color: #6179cf!important;
}
.touzitsu {
    background-color: #4eb887!important;
}
img {
    max-width: 100%;
    backface-visibility: hidden;
    vertical-align: top;
}
.button__label {
    display: inline-block;
}

@media print, screen and (min-width: 761px) {
.util-pc-hidden {
    display: none;
}
#hft_lang {
    display: none;
}
.button-wrap[data-col-pc="1"] {
        flex-direction: column !important;
    }
    .button-wrap {
        margin: 1.6em 0 0;
    }
    [data-col-pc="1"]>:nth-child(1n+1) {
        margin-left: 0 !important;
    }
    [data-col-pc="1"]>:nth-child(-n+1) {
        margin-top: 0 !important;
    }
    [data-col-pc="1"]>* {
        width: 100%;
    }
    .button .button__type {
        padding: .8333em;
        border-radius: 9.6px;
        font-size: 1.92rem;
        font-weight: 700;
        line-height: 1;
    }
    .button__icon {
        position: relative;
        top: 3px;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        margin-right: 7px;
    }
}

@media only screen and (max-width: 760.98px) {
.util-sp-hidden {
    display: none;
}
.bgimg {
    display: none;
}
#hands_free_travel {
    width: auto;
}
#hft_lang {
    padding: 5px 20px;
    background: #f0e8c8;
}
#hft_lang a {
    display: table;
    width: 100%;
    color: #fff;
}
#hft_lang a span {
    display: table-cell;
    height: 35px;
    background-color: #c0a138;
    background-image: url(../images/arrow_white.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 30px auto;
    border: 1px solid #fff;
    -webkit-border-radius: 3px;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
}
#hft_service {
    padding-top: 0;
    padding-bottom: 24px;
    border-bottom: 3px solid #e6e6e8;
}
#hft_service h2 {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #008576;
    text-align: center;
    background: none;
}
#hft_service .cap {
    padding-top: 6px;
    font-size: 11px;
}
#hft_service .hft_content {
    margin: 0 auto;
}
#hft_service .hft_content {
    margin: 0 auto;
}
.hft_service_item {
    width: 100%;
    margin-left: 0;
}
.hft_service_item dt {
    display: table;
    width: 100%;
    padding: 7px 0 5px;
    height: 0;
    background-repeat: no-repeat;
    background-position: 3px 2px;
    background-size: 35px auto;
    border-radius: 3px;
}
#hft_service_item02 dt {
    background-color: #6179cf;
    background-image: url(../images/service_icon02.png);
}
#hft_service_item03 dt {
    background-color: #4eb887;
    background-image: url(../images/service_icon03.png);
}
#hft_service_item04 dt {
    background-color: #adb445;
    background-image: url(../images/service_icon04.png);
}
#hft_service_item01 dt {
    background-color: #e46a89;
    background-image: url(../images/service_icon01.png);
}
.hft_service_item dt span {
    padding-left: 36px;
}
.hft_service_item dd {
    padding: 6px 8px 18px 8px;
    font-size: 14px;
    line-height: 20px;
}
.hft_service_item dd a {
    display: inline;
    padding-right: 18px;
    background-image: url(../smp/images/icon_pc.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 11px auto;
    line-height: 1.83;
}
#hft_index h2 {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #008576;
    text-align: center;
    background: none !important;
}
}