/*----------------------------------------------------------------------------*/
/* 	共通構造 CSS													     */
/*----------------------------------------------------------------------------*/
@charset "UTF-8";

/*==========================================
	基本情報領域
===========================================*/
body {
	background: #FFF;
	font-family: 'Noto Sans JP', sans-serif;
}

main {
	margin-top: 0;
	clear: both;
	display: block;
}

/* ■ Conents ------------------------------------------*/

#wrapper {
	margin-top: 0;
	background-color: #FFF;
}

@media only screen and (min-width:768px) {
	/* PC Layout ◇ */

	#wrapper {
		margin-top: 0;
		/*			background	: url("../images/bg/bgsym01.jpg") repeat-y;	*/
		background-size: 100%;
	}
}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {

	#wrapper {
		margin-top: 0;
	}
}

main h1 {
	display: none;
}

/* ■ お問い合わせバナー -----*/

.cntbn {
	margin: 0 auto 30px auto;
	width: 100%;
	padding-bottom: 60px;
	background: url("../images/bg/bg02.png") no-repeat;
	background-size: contain;
	background-position: center 0;
	position: relative;
}

.cntbn p {
	margin: 0 auto 0 auto;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.7em;
	padding-top: 30px;
	padding-bottom: 0;
	color: #333;
}

.cntbn .contbanner {
	/*  CONTACT */
	margin: 0 auto 0 auto;
	width: 302px;
	height: 70px;
	display: block;
	text-indent: -99999px;
	/* テキスト非表示 */
	border: 0px;
}

.cntbn .contbanner a {
	overflow: hidden;
	/* 内容を非表示にする。*/
	width: 302px;
	height: 0 !important;
	height
	/**/
	: 70px;
	padding-top: 70px;
	display: block;
	background: url("../images/banner/contact_sp.png") no-repeat;
	background-size: 703px 163px;
	background-size: 302px 70px;
	/* 43% */
	background-position: 0 0;
}

.cntbn .contbanner a:hover {
	display: block;
	background: url("../images/banner/contact_sp.png") no-repeat;
	background-size: 301px 70px;
	/* 43% */
	background-position: 0 0;
}

@media only screen and (min-width:992px) {
	/*■ PC Layout  ■ */

	.cntbn {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-bottom: 50px;
		/*			background-color:#F5F5F5;	*/
		background: url("../images/bg/bg01.png") no-repeat;
		background-size: contain;
		background-position: center 0;
		position: relative;
	}

	.cntbn p {
		margin: 0 auto 0 auto;
		width: 70%;
		text-align: center;
		font-size: 18px;
		line-height: 1.8em;
		font-weight: normal;
		font-family: "NotoSansCJKjp-Medium";
		color: #fff;
		padding-top: 30px;
		padding-bottom: 0px;
	}

	.cntbn .contbanner {
		/*  CONTACT */
		margin: 0px auto 0 auto;
		width: 802px;
		height: 103px;
		display: block;
		text-indent: -99999px;
		/* テキスト非表示 */
		border: 0px;
	}

	.cntbn .contbanner a {
		overflow: hidden;
		/* 内容を非表示にする。*/
		width: 802px;
		height: 0 !important;
		height
		/**/
		: 103px;
		padding-top: 103px;
		display: block;
		background: url("../images/banner/contact.png") no-repeat;
		background-size: 802px 103px;
		background-position: 0 0;
	}

	.cntbn .contbanner a:hover {
		display: block;
		background: url("../images/banner/contact_ov.png") no-repeat;
		background-size: 802px 103px;
		background-position: 0 0;
	}
}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {}

/* ■ CTA01 section ---------------------------------------------*/

#cta01 {
	margin: 0 auto 0 auto;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 0px;
}

#cta01 .cont01 {
	margin: 0 auto 0 auto;
	width: 100%;
}

#cta01 .cont01>ul {
	margin: 0 auto 0 auto;
	width: 100%;
}

#cta01 .cont01>ul li {
	text-align: center;
}

#cta01 .cont01>ul li img {
	padding-bottom: 10px;
}

@media only screen and (min-width:768px) {

	#cta01 {
		margin: -40px auto 0 auto;
		width: 100%;
		padding-top: 0;
		padding-bottom: 0px;
		background: linear-gradient(180deg, white 0%, white 45%, #F5F5F5 45%, #F5F5F5 100%);
		/* ★ */
	}

	#cta01 .cont01 {
		margin: 0 auto 0 auto;
		padding-top: 100px;
		width: 100%;
		height: 200px;
		background: url("../images/bg/bg02.png") no-repeat;
		background-size: contain;
		background-position: center 0;
	}

	#cta01 .cont01>ul {
		margin: 20px auto 0 auto;
		width: 60%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	#cta01 .cont01>ul li {
		padding: 50px auto 150px auto;
	}

	#cta01 .cont01>ul li img {
		display: block;
		zoom: 1.0;
		padding-bottom: 0;
	}
}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {}

/* ■ CTA02 section ---------------------------------------------*/

#cta02 {
	margin: -20px auto 0 auto;
	width: 100%;
	padding-bottom: 0px;
	background-color: #FFF;
}

#cta02 h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

#cta02 .cont01 {
	margin: 0 auto 0 auto;
	width: 100%;
}

#cta02 .cont02 {
	margin: 0 auto 0 auto;
	width: 100%;
}

#cta02 .cont02>ul {
	margin: 0 auto 0 auto;
	width: 70%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#cta02 .cont02>ul li {
	padding: 0 auto 0 auto;
}

#cta02 .cont02>ul li img {
	display: block;
	zoom: 0.5;
}

@media only screen and (min-width:768px) {

	#cta02 {
		margin: 50px auto 50px auto;
		width: 100%;
		padding-bottom: 0px;
	}

	#cta02 .cont01 {
		margin: 0 auto 0 auto;
		width: 100%;
	}

	#cta02 .cont02 {
		margin: 0 auto 0 auto;
		width: 80%;
	}

	#cta02 .cont02>ul {
		margin: 0 auto 0 35%;
		width: 30%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	#cta02 .cont02>ul li {
		padding: 50px auto 50px auto;
	}

	#cta02 .cont02>ul li img {
		zoom: 0.8;
	}
}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {}

/* ■ CTA03 section ---------------------------------------------*/

#cta03 {
	display: block;
	position: fixed;
	bottom: -1px;
	right: 60px;
	z-index: 9999;
	width: 83%;
	padding-top: 20px;
	padding-bottom: 0px;
}

#cta03>ul {
	margin: 0 auto 0 auto;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#cta03>ul li {
	width: 50%;
	text-align: center;
}

#cta03>ul li a {
	display: block;
}

#cta03>ul li a img {
	display: block;
	margin: 0 auto 0 auto;
	padding-bottom: 0;
}

@media only screen and (min-width:768px) {

	#cta03 {
		display: none;
	}
}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {}

/* ■ facebook　-------------------------------------------------------*/

#toFacebook {
	position: fixed;
	bottom: 300px;
	right: 18px;
	z-index: 9999;
}

#toFacebook a {
	display: block;
	width: 39px;
	background: url(../images/sns/facebook.png) no-repeat;
}

#toFacebook a:hover img {
	visibility: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

	#toFacebook {
		position: fixed;
		bottom: 250px;
		right: 0px;
		z-index: 9999;
	}
}

/*	@media only screen and (max-width: 768px) {*/
@media only screen and (max-width: 992px) {

	#toFacebook {
		display: none;
		position: fixed;
		bottom: 150px;
		right: 0px;
		z-index: 99;
	}
}

/* ■ Instagram　-------------------------------------------------------*/

#toInstagram {
	position: fixed;
	bottom: 220px;
	right: 8px;
	z-index: 9999;
}

#toInstagram a {
	display: block;
	width: 57px;
	background: url(../images/sns/instagram.png) no-repeat;
}

#toInstagram a:hover img {
	visibility: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

	#toInstagram {
		position: fixed;
		bottom: 250px;
		right: 0px;
		z-index: 9999;
	}
}

/*	@media only screen and (max-width: 768px) {*/
@media only screen and (max-width: 992px) {

	#toInstagram {
		display: none;
		position: fixed;
		bottom: 150px;
		right: 0px;
		z-index: 99;
	}
}

/* ■ お問い合わせ　----------------------------------------------*/

#toContact {
	position: fixed;
	bottom: 100px;
	right: 0px;
	z-index: 0;
}

#toContact a {
	display: block;
	width: 81px;
	background: url(../images/menu/rentcarlogin_ov.png) no-repeat;
}

#toContact a:hover img {
	visibility: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

	#toContact {
		position: fixed;
		bottom: 250px;
		right: 0px;
		z-index: 1;
	}
}

/*	@media only screen and (max-width: 768px) {*/
@media only screen and (max-width: 992px) {

	#toContact {
		display: none;
		position: fixed;
		bottom: 150px;
		right: 0px;
		z-index: 1;
	}
}

/* ■ お問い合わせ#2　----------------------------------------------*/

#toCont {
	position: fixed;
	bottom: 100px;
	right: 7px;
	z-index: 9999;
	/*はじめは非表示*/
	opacity: 0;
	transform: translateX(100px);
}

#toCont a {
	display: block;
	width: 63px;
	background: url(../images/menu/rentcarlogin_ov.png) no-repeat;
}

#toCont a:hover img {
	visibility: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

	#toCont {
		position: fixed;
		bottom: 250px;
		right: 0px;
		z-index: 9999;
	}
}

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

	#toCont {
		display: none;
		position: fixed;
		bottom: 150px;
		right: 0px;
		z-index: 99;
	}
}

/* ■ 採用情報　----------------------------------------------*/

#toRecruit {
	position: fixed;
	bottom: 0px;
	left: 10%;
	z-index: 9;
}

#toRecruit a {
	display: block;
	width: 250px;
	background: url(../images/menu/recruit_ov.png) no-repeat;
	transition: 0.8s ease-in-out;
	-webkit-transition: 0.8s ease-in-out;
	/* Ease in-out */
	-moz-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
}

#toRecruit a:hover img {
	visibility: hidden;
	transition: 0.8s ease-in-out;
	-webkit-transition: 0.8s ease-in-out;
	/* Ease in-out */
	-moz-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

	#toRecruit {
		display: none;
	}
}

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

	#toRecruit {
		display: none;
		position: fixed;
		bottom: 27px;
		left: 0px;
		right: 0px;
		margin: auto;
		width: 250px;
		height: 47px;
		z-index: 9;
	}

	#toRecruit img {
		zoom: 0.8;
	}

	#toRecruit a {
		display: block;
		width: 250px;
		background: url(../images/menu/recruit.png ) no-repeat;
		background-size: 250px 47px;
	}

	#toRecruit a:hover {
		display: block;
		width: 256px;
		background: url(../images/menu/recruit_ov.png ) no-repeat;
		background-size: 250px 47px;
	}
}

/* ■ 電話　----------------------------------------------*/

#toTel {
	position: fixed;
	bottom: 0px;
	right: 22%;
	z-index: 9;
}

#toTel a {
	display: block;
	width: 250px;
	background: url(../images/menu/tel_ov.png) no-repeat;
	transition: 0.8s ease-in-out;
	-webkit-transition: 0.8s ease-in-out;
	/* Ease in-out */
	-moz-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
}

#toTel a:hover img {
	visibility: hidden;
	transition: 0.8s ease-in-out;
	-webkit-transition: 0.8s ease-in-out;
	/* Ease in-out */
	-moz-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

	#toTel {
		display: none;
	}
}

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

	#toTel {
		display: none;
		position: fixed;
		bottom: 27px;
		left: 0px;
		right: 0px;
		margin: auto;
		width: 250px;
		height: 47px;
		z-index: 9;
	}

	#toTel img {
		zoom: 0.8;
	}

	#toTel a {
		display: block;
		width: 250px;
		background: url(../images/menu/tel.png ) no-repeat;
		background-size: 250px 47px;
	}

	#toTel a:hover {
		display: block;
		width: 256px;
		background: url(../images/menu/tell_ov.png ) no-repeat;
		background-size: 250px 47px;
	}
}

/* ■ LINE　----------------------------------------------*/

#toLine {
	position: fixed;
	bottom: 0px;
	right: 5%;
	z-index: 9;
}

#toLine a {
	display: block;
	width: 250px;
	background: url(../images/menu/line_ov.png) no-repeat;
	transition: 0.8s ease-in-out;
	-webkit-transition: 0.8s ease-in-out;
	/* Ease in-out */
	-moz-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
}

#toLine a:hover img {
	visibility: hidden;
	transition: 0.8s ease-in-out;
	-webkit-transition: 0.8s ease-in-out;
	/* Ease in-out */
	-moz-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

	#toLine {
		display: none;
	}
}

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

	#toLine {
		display: none;
		position: fixed;
		bottom: 27px;
		left: 0px;
		right: 0px;
		margin: auto;
		width: 250px;
		height: 47px;
		z-index: 9;
	}

	#toLine img {
		zoom: 0.8;
	}

	#toLine a {
		display: block;
		width: 250px;
		background: url(../images/menu/line.png ) no-repeat;
		background-size: 250px 47px;
	}

	#toLine a:hover {
		display: block;
		width: 256px;
		background: url(../images/menu/line_ov.png ) no-repeat;
		background-size: 250px 47px;
	}
}

/* ■ ToPageTop -----------------------------------------------------*/

#toPageTop {
	position: fixed;
	bottom: 18px;
	right: 9px;
	z-index: 9999;
}

#toPageTop a {
	display: block;
	width: 44px;
	background: url(../images/com/toTop_ov.png) no-repeat;
	transition: 0.8s ease-in-out;
	-webkit-transition: 0.8s ease-in-out;
	/* Ease in-out */
	-moz-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
}

#toPageTop a:hover img {
	visibility: hidden;
	transition: 0.8s ease-in-out;
	-webkit-transition: 0.8s ease-in-out;
	/* Ease in-out */
	-moz-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

	#toPageTop {
		position: fixed;
		bottom: 30px;
		right: 0px;
		z-index: 9999;
	}
}

@media only screen and (max-width: 768px) {
	#toPageTop {
		position: fixed;
		bottom: 30px;
		right: 1px;
		z-index: 9999;
	}

	#toPageTop img {
		zoom: 0.8;
	}

	#toPageTop a {
		display: block;
		width: 35px;
		background: url(../images/com/toTop.png) no-repeat;
		background-size: 35px 35px;
	}
}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {

	#toPageTop {
		position: fixed;
		bottom: 5px;
		right: 5px;
		z-index: 9999;
	}
}

/* ■ side symbole ----------------------------------------------*/

#FG {
	position: fixed;
	bottom: 100px;
	left: 10px;
	z-index: 99;
}

#FG a {
	display: block;
	width: 15px;
	background: url(../images/com/logo09.png) no-repeat;
}

#FG a:hover img {
	visibility: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

	#FG {
		position: fixed;
		bottom: 130px;
		left: 0;
		z-index: 99;
	}
}

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

	#FG {
		display: none;
	}
}


/* ■Casestudy Contents #banner  */

#banner {
	margin: 0 auto 0 auto;
	width: 100%;
	padding-bottom: 30px;
	background-color: #FFF;
	background: linear-gradient(180deg, white 0%, white 37%, #F5F5F5 37%, #F5F5F5 100%);
	/* ★ */
}

#banner h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

#banner ul.bn01 {
	margin: 0 auto 0 auto;
	width: 100%;
}

#banner ul.bn01 li {
	margin: 20px auto 0 auto;
	width: 301px;
}

#banner ul.bn01 li img {
	max-width: 100%;
	height: auto;
}

#banner ul.bn02 {
	margin: 0 auto 0 auto;
	width: 100%;
}

#banner ul.bn02 li {
	margin: 20px auto 0 auto;
	width: 301px;
}

#banner ul.bn02 li a img {
	margin: 0 auto 0 auto;
	display: block;
	max-width: 85%;
	height: auto;
}

@media only screen and (max-width: 360px) {}

@media only screen and (min-width:768px) {

	#banner {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom: 0px;
		background-color: #FFF;
		background: linear-gradient(180deg, white 0%, white 25%, #F5F5F5 25%, #F5F5F5 100%);
		/* ★ */
	}

	#banner ul.bn01 {
		margin: 30px auto 30px auto;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
		width: 70%;
	}

	#banner ul.bn01 li {
		margin: 0 auto 0 auto;
		width: 301px;
		padding-bottom: 0px;
	}

	#banner ul.bn01 li a {
		display: block;
		width: 301px;
		height: 91px;
	}

	#banner ul.bn01 li img {
		width: 281px;
		height: auto;
		height: 91px;
	}

	#banner ul.bn01 li img:hover {}

	#banner ul.bn02 {
		margin: 80px auto 40px auto;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
		width: 65%;
	}

	#banner ul.bn02 li {
		margin: 0 auto 0 auto;
		width: 301px;
		padding-bottom: 0px;
	}

	#banner ul.bn02 li a {
		display: block;
	}

	#banner ul.bn02 li a img {
		display: block;
		max-width: 100%;
		height: auto;
	}

	@media only screen and (min-width: 993px) and (max-width: 1400px) {
		/*◇ PC-S */

		#banner ul.bn02 {
			margin: 80px auto 40px auto;
			width: 70%;
		}

	}
}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {

	#banner {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom: 0px;
		background-color: #FFF;
		background: linear-gradient(90deg, #F5F5F5 0%, #F5F5F5 40%, white 40%, white 100%);
		/* ★ */
	}

	#banner ul.bn02 {
		margin: 80px auto 40px auto;
		width: 80%;
	}
}

/*==========================================
	フッター 情報領域
===========================================*/

.fmenu {
	display: block;
	margin: 0 auto 0 auto;
	width: 100%;
	padding-bottom: 10px;
	background-color: #fff;
	border-top: 1px solid #BDC3C7;
	/* Siver */
	border-bottom: 1px solid #BDC3C7;
	/* Siver */
}

.fmenu ul {
	margin: 0 auto 0 auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
	width: 95%;
}

.fmenu ul.fm01 {
	margin: 20px auto 0 auto;
}

.fmenu ul.fm01 li {
	width: 12%;
	padding-bottom: 0px;
	font-size: 14px;
	color: #444;
	font-weight: normal;
	font-weight: 600;
	letter-spacing: 0.1em;
	padding-bottom: 10px;
}

.fmenu ul.fm01 li:first-child {
	width: 12%;
	margin-left: 7%;
}

.fmenu ul.fm01 li:nth-child(3) {
	width: 12%;
}

.fmenu ul.fm01 li:last-child {
	/*		padding-left:35px;	*/
}

.fmenu ul li>a {
	color: #444;
}

.fmenu ul li>a:hover {
	color: #A4966A;
	/* Gold01 */
}

.fmenu .fm02 {
	margin: 20px auto 0 auto;
	width: 220%;
	padding-bottom: 0px;
	padding-left: 0px;
}

.fmenu .fm02 p {
	width: 100%;
	font-size: 12px;
	font-family: "NotoSansCJKjp-Medium";
	letter-spacing: 0.1em;
	line-height: 1.3em;
	padding-left: 2.0em;
	text-indent: -2.0em;
	/* 2行目以降1字下げ */
	color: #A4966A;
	/* Gold01 */
	padding-bottom: 10px;
}

.fmenu .fm02 p a {
	color: #A4966A;
	/* Gold01 */
	color: #444;
}

.fmenu .fm02 p a:hover {
	color: #DCB122;
	/* HISAYA-brown02 */
}

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

	/* SP Layout ◇ */
	.fmenu {
		display: none;
	}
}

.footer01 {
	margin: 0 auto 0 auto;
	width: 100%;
	height: 110px;
	background-color: #FFF;
	position: relative;
}

.footer01 .flogo {
	position: absolute;
	top: 20px;
	left: 10%;
	width: 100px;
	height: 100px;
	display: block;
	text-indent: -99999px;
	/* テキスト非表示 */
	border: 0px;
}

.footer01 .flogo a {
	overflow: hidden;
	/* 内容を非表示にする。*/
	width: 100px;
	height: 0 !important;
	height
	/**/
	: 100px;
	padding-top: 100px;
	display: block;
	background: url("../images/com/logo.svg") no-repeat;
	background-size: 501px 501px;
	background-size: 100px 100px;
	/* % */
}

.footer01 .flogo a:hover {
	display: block;
	background: url("../images/com/logo.svg") no-repeat;
	background-size: 100px 100px;
}

.footer01 dl,
dt,
dd {
	display: block;
}

.footer01 dl {
	position: absolute;
	top: 25px;
	left: 20%;
	width: 450px;
	text-align: left;
}

.footer01 dt {
	font-size: 15px;
	font-weight: bold;
	font-weight: normal;
	font-weight: 600;
	/*		font-family: "NotoSansCJKjp-Medium";	*/

	color: #029f10;
	/* Gold01 */
	padding-bottom: 10px;
}

.footer01 dd {
	font-size: 13px;
	line-height: 20px;
	font-weight: 600;
	/*		font-family: "NotoSansCJKjp-Regular";*/
	color: #333;
}

.footer01 dd.copyright {
	display: none;
}

.footer01 dd a {
	color: #333;
}

.footer01 ul {
	display: block;
	position: absolute;
	top: 50px;
	left: 65%;
	left: 70.75%;
	width: 250px;
}

.footer01 li {
	float: left;
	padding-left: 50px;
	padding-bottom: 20px;
	font-size: 13px;
	font-weight: 600;
	/*		font-family: "NotoSansCJKjp-Medium";	*/
	letter-spacing: 0.1em;
}

.footer01 li a {
	color: #666;
}

.footer01 li a:hover {
	color: #A4966A;
	/* Gold01 */
}

.footer02 {
	margin: 0 auto 0 auto;
	width: 100%;
	height: 35px;
	background-color: #E6E6E6;
	border-top: 1px solid #BDC3C7;
	/* Siver */
	position: relative;
}

.footer02sp {
	display: none;
}

@media only screen and (min-width: 993px) and (max-width: 1400px) {
	/*◇ PC-S */

	.fmenu ul.fm01 {}

	.fmenu ul.fm01 li {
		font-size: 13px;
	}

	.fmenu ul.fm01 li:last-child {
		padding-left: 25px;
	}

	.fmenu .fm02 p {
		width: 85%;
		font-size: 11px;
		line-height: 1.5em;
		padding-left: 1.0em;
		text-indent: -1.0em;
		/* 2行目以降1字下げ */
	}

	.footer01 .flogo {
		position: absolute;
		top: 25px;
		left: 7.5%;
		width: 171px;
		height: 81px;
	}
}

@media only screen and (max-width:992px) {
	/* SP Layout ◇ */

	.footer01 {
		margin: 0 auto 0 auto;
		width: 100%;
		height: 130px;
		background-color: #FFF;
		position: relative;
		border-Top: 1px solid #BDC3C7;
		/* Silver */
		position: relative;
	}

	.footer01 .flogo {
		display: block;
		position: absolute;
		top: 20px;
		left: 70%;
		width: 90px;
		height: 22px;
		text-indent: -99999px;
		/* テキスト非表示 */
		border: 0;
	}

	.footer01 .flogo a {
		overflow: hidden;
		/* 内容を非表示にする。*/
		width: 90px;
		height: 0 !important;
		height
		/**/
		: 22px;
		padding-top: 22px;
		display: block;
		background: url("../images/com/logo03.png") no-repeat;
		background-size: 224px 55px;
		background-size: 78px 19px;
		/* 35% */
		background-size: 90px 22px;
		/* 40% */
	}

	.footer01 .flogo a:hover {
		display: block;
		background: url("../images/com/logo03.png") no-repeat;
		background-size: 90px 22px;
		/* 40% */
	}

	.footer01 dl,
	dt,
	dd {
		display: block;
	}

	.footer01 dl {
		position: absolute;
		top: 20px;
		left: 5%;
		width: 95%;
		text-align: left;
	}

	.footer01 dt {
		font-size: 14px;
		font-weight: bold;
		color: #A4966A;
		/* Gold01 */
		color: #333;
		padding-bottom: 10px;
	}

	.footer01 dd {
		font-size: 11.5px;
		color: #333;
		padding-bottom: 3px;
	}

	.footer01 dd.copyright {
		display: block;
		font-size: 10px;
	}

	.footer01 ul {
		display: none;
	}

	.footer02 {
		display: none;
		margin: 0 auto 0 auto;
		width: 100%;
		height: 40px;
		padding-bottom: 0;
		position: relative;
	}

	.footer02sp {
		display: none;
		margin: 0 auto 0 auto;
		width: 100%;
		height: 30px;
		position: relative;
	}

	.footer02sp .ftanksp {
		font-size: 11px;
		color: #333;
	}

	.footer02sp #ftank03 {
		display: block;
		float: left;
		width: 50%;
		padding: 8px;
		padding-left: 20px;
	}

	.footer02sp #ftank04 {
		display: block;
		float: left;
		width: 50%;
		padding: 8px;
	}

	@media only screen and (min-width:414px) {

		.footer02sp {
			display: block;
			margin: 0 auto 0 auto;
			width: 100%;
			height: 30px;
			border-Top: 1px solid #BDC3C7;
			/* Silver */
			background-color: #F5F5F5;
			position: relative;
		}
	}

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

		.footer01 ul {
			position: absolute;
			top: 230px;
			left: -9%;
			width: 100%;
			width: 250px;
		}

		.footer02sp #ftank03 {
			width: 40%;
			height: 30px;
			padding: 8px;
		}

		.footer02sp #ftank04 {
			width: 50%;
			height: 30px;
			padding: 8px;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.footer01 {
			margin: 0 auto 0 auto;
			width: 100%;
			height: 160px;
			background-color: #FFF;
			position: relative;
		}

		.footer01 dl {
			position: absolute;
			left: 12.5%;
			left: 5%;
		}

		.footer01 ul {
			position: absolute;
			top: 150px;
			left: 60%;
			width: 300px;
		}

		.footer01 li {
			float: left;
			padding-left: 50px;
		}

		.footer01 .flogo {
			position: absolute;
			top: 45px;
			left: 80%;
		}

		.footer02sp {
			display: block;
			margin: 0 auto 0 auto;
			width: 100%;
			height: 30px;
			border-Top: 1px solid #BDC3C7;
			/* Silver */
			background-color: #F5F5F5;
			position: relative;
		}

		.footer02sp #ftank03 {
			display: block;
			float: left;
			width: 27%;
			padding: 8px;
			padding-left: 80px;
		}

		.footer02sp #ftank04 {
			display: block;
			float: left;
			width: 50%;
			padding: 8px;
		}
	}

}

.footer02 .ftank {
	font-size: 13px;
	color: #333;
}

.footer02 #ftank01 {
	position: absolute;
	top: 12px;
	right: 15%;
	right: 18%;
}

.footer02 #ftank02 {
	position: absolute;
	top: 10px;
	left: 35%;
}

/* copy right ---------------------*/

.footer03 {
	position: relative;
	width: 100%;
	height: 40px;
	background-color: #262626;
	/* mmts-black01 */
}

.footer03 .copy {
	margin: 0 auto 0 auto;
	padding-top: 12px;
	padding-left: 35%;
	text-align: left;
	font-size: 12px;
	color: #FFF;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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

	/* SP Layout ◇ */
	.footer03 {
		display: none;
	}
}

.footer03sp {
	display: none;
	margin-top: 0;
	margin-bottom: 0px;
	position: relative;
	width: 100%;
	height: 30px;
	background-color: #262626;
	/* mmts-black01 */
	z-index: 8;
}

.footer03sp .copy {
	margin: auto;
	margin-top: 0;
	width: 100%;
	max-width: 360px;
	height: 20px;
	text-align: center;
	padding-top: 8px;
	font-size: 10px;
	line-height: 12px;
	color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro", "Kozuka Gothic Pro", "メイリオ",
		Meiryo, Osaka, helvetica, arial,
		"游ゴシック体", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


@media only screen and (min-width:992px) {

	/* PC Layout ◇ */
	.footer03sp {
		display: none;
	}

	.Navsp ul {
		/*  Block横均等配置 ◆*/
		width: 100%;
		display: flex;
		justify-content: center;
		padding: 0;
		padding-top: 0px;
		list-style: none;
	}
}


/* SP メニュー -------- */
.Navsp {
	/*  ◇ SP Menu  visible  */
	margin-top: 0;
	display: block;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 88;
	width: 100%;
	height: 50px;
	background-color: rgba(255, 255, 255, 0.75);
	/*  White  透過75% */
	box-shadow: 0px 1px 3px 1px #aaa;
	-webkit-box-shadow: 0px 1px 3px 1px #aaa;
	-moz-box-shadow: 0px 1px 3px 1px #aaa;
}

.Navsp ul {
	/*  Block横均等配置 ◆*/
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: center;
	padding: 0;
	padding-top: 0px;
	list-style: 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;
}

.Navsp ul li {
	/*  Block横均等配置 ◆ */
	width: calc(100% / 2);
	height: 40px;
	margin: 5px;
	text-align: center;
	line-height: 20px;
	font-size: 13px;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.Navsp ul li:first-child {
	/* 今すぐ申し込む　エントリーFORMへ */
	position: absolute;
	top: 0;
	left: 0;
	width: 48%;
	display: block;
}

.Navsp ul li:first-child a {
	overflow: hidden;
	width: 100%;
	height: 100%;
	color: #FFF;
	padding-top: 8px;
	padding-left: 20px;
	background: url("../images/icon/entry.png") no-repeat;
	background-size: 30px 27px;
	background-position: left 4px top 4px;
	background-color: #E3007F;
	/* NS-pink */
	border: 2px solid #E3007F;
	/* NS-pink */
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	/* Ease in-out */
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
}

.Navsp ul li:first-child a:hover {
	display: block;
	width: 100%;
	color: #00C402;
	/*LINE green */
	color: #FFF;
	padding-top: 10px;
	padding-left: 20px;
	background: url("../images/icon/entry.png") no-repeat;
	background-size: 30px 27px;
	background-position: left 4px top 4px;
	background-color: #E3007F;
	/* NS-pink */
	border: 2px solid #E3007F;
	/* NS-pink */
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	/* Ease in-out */
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
}

.Navsp ul li:nth-child(2) {
	/* プライバシーポリシー */
	position: absolute;
	top: 0;
	right: 0;
	width: 48%;
}

.Navsp ul li:nth-child(2) a {
	overflow: hidden;
	width: 100%;
	height: 100%;
	color: #444;
	padding-top: 8px;
	padding-left: 20px;
	background: url("../images/icon/tel.png") no-repeat;
	background-size: 30px 29px;
	background-position: left 4px top 3px;
	background-color: #FFF;
	border: 2px solid #444;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	/* Ease in-out */
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
}

.Navsp ul li:nth-child(2) a:hover {
	display: block;
	width: 100%;
	color: #444;
	padding-top: 10px;
	padding-left: 20px;
	background: url("../images/icon/tel.png") no-repeat;
	background-size: 30px 29px;
	background-position: left 4px top 3px;
	background-color: #F4F4F4;
	border: 2px solid #444;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	/* Ease in-out */
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
}

/*	.Navsp ul li:hover{
		opacity:0.8;
	}*/

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

	.Navsp ul li {
		/*  Block横均等配置 ◆ */
		width: calc(100% / 2);
		height: 40px;
		margin: 5px;
		text-align: center;
		line-height: 20px;
		font-size: 12px;
		font-weight: bold;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.Navsp ul li:first-child {
		font-size: 11px;
	}

	.Navsp ul li:nth-child(2) {
		font-size: 12px;
	}

}

/* ■ SP MENU -----------*/
@media only screen and (min-width:768px) {
	.Navsp {
		/*  ◇ SP Menu  unvisible  */
		display: none;
	}
}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.Navsp {
		/*  ◇ SP Menu  visible  */
		display: block;
		height: 70px;
	}

	.Navsp ul {
		/*  Block横均等配置 ◆*/
		width: 100%;
		height: 60px;
		display: flex;
		justify-content: center;
		padding: 0;
		padding-top: 0px;
		list-style: 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;
	}

	.Navsp ul li {
		/*  Block横均等配置 ◆ */
		width: calc(100% / 2);
		height: 60px;
		margin: 5px;
		text-align: center;
		line-height: 20px;
		font-size: 18px;
		font-weight: bold;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.Navsp ul li:first-child {
		/* 今すぐ申し込む　エントリーFORMへ */
		position: absolute;
		top: 0;
		left: 0;
		width: 48%;
		display: block;
	}

	.Navsp ul li:first-child a {
		overflow: hidden;
		width: 100%;
		height: 100%;
		color: #FFF;
		padding-top: 17px;
		padding-left: 20px;
		background: url("../images/menu/entry_icon.png") no-repeat;
		background-size: 40px 43px;
		background-position: left 15px top 7px;
		background-color: #00C402;
		/*LINE green */
		border: 2px solid #00C402;
		/*LINE green */
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
		/* Ease in-out */
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
	}

	.Navsp ul li:first-child a:hover {
		display: block;
		width: 100%;
		color: #00C402;
		/*LINE green */
		color: #FFF;
		padding-top: 17px;
		padding-left: 20px;
		background: url("../images/menu/entry_icon.png") no-repeat;
		background-size: 40px 43px;
		background-position: left 15px top 5px;
		background-color: #00C402;
		/*LINE green */
		border: 2px solid #00C402;
		/*LINE green */
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
		/* Ease in-out */
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
	}

	.Navsp ul li:nth-child(2) {
		/* プライバシーポリシー */
		position: absolute;
		top: 0;
		right: 0;
		width: 48%;
	}

	.Navsp ul li:nth-child(2) a {
		overflow: hidden;
		width: 100%;
		height: 100%;
		color: #4DA635;
		/* MCS green01 */
		padding-top: 17px;
		background-color: #FFF;
		border: 2px solid #4DA635;
		/* MCS green01 */
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
		/* Ease in-out */
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
	}

	.Navsp ul li:nth-child(2) a:hover {
		display: block;
		width: 100%;
		color: #4DA635;
		/* MCS green01 */
		padding-top: 17px;
		background-color: #F4F4F4;
		border: 2px solid #4DA635;
		/* MCS green01 */
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
		/* Ease in-out */
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
	}
}

/* ◆Other Style ---------------------------------*/

/* ★ 要素のはみ出し解決 ----------------------------------------------- */

body {
	/* overflow-x: hidden; */
	/* ★ 横方向はみ出した部分を非表示にする */
}

/* ◇ Flexible Images ------------------------*/

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

/* ◇ placeholder ------------------------*/

/*Webkit*/
::-webkit-input-placeholder {
	color: #AAA
}

/*Firefox 19以降*/
::-moz-placeholder {
	color: #AAA
}

/*Firefox 18以前*/
:-moz-placeholder {
	color: #AAA
}

/*Windows IE*/
:-ms-input-placeholder {
	color: #AAA
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

.h2invisible {
	display: none;
}

/* ■ Others --------------------------------*/

.bold {
	font-weight: bold;
}

/* common effect */
.ease a {
	transition: 0.8s ease-in-out;
	-webkit-transition: 0.8s ease-in-out;
	/* Ease in-out */
	-moz-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
}

.ease a:hover {
	transition: 0.8s ease-in-out;
	-webkit-transition: 0.8s ease-in-out;
	/* Ease in-out */
	-moz-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
}

.ease02 a {
	transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	/* Ease in-out */
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
}

.ease02 a:hover {
	transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	/* Ease in-out */
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
}

a:hover img {
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-o-opacity: 0.5;
	filter: alpha(opacity=50);
	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)";
	/* IE 8 */
	opacity: 0.5;
}

a img {
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

/* ■ Color material */

.subt {
	color: #A4966A;
	/* Gold01 */
	font-size: 13px;
	text-align: center;
}

.subt01 {
	color: #A4966A;
	/* Gold01 */
	font-size: 15px;
}

@media only screen and (max-width:768px) {
	.subt01 {
		font-size: 12px;
	}
}

.mmts-black01 {
	color: #262626;
	/* mmts-black01 */
}

.mmts-black02 {
	color: #333333;
	/* mmts-black01 */
}

.mmts-red01 {
	color: #960021;
	/* mmts-red01 */
}

.mmts-red02 {
	color: #BF0122;
	/* mmts-red02 */
}

.mmts-gray01 {
	color: #D4D4D4;
	/* mmts-gray01 */
}

.mmts-gray02 {
	color: #E6E6E6;
	/* mmts-gray02 */
}

.mmts-gray03 {
	color: #E6E6E6;
	/* mmts-gray02 */
}

.beige-gray01 {
	color: #DAD1BB;
	/* beige-gray01 */
}

.beige-gray02 {
	color: #E7DDD2;
	/* beige-gray02 */
}


.gold {
	color: #A4966A;
	/* Gold01 */
}

.goldc02 {
	color: #B27C04;
	/* Gold02 */
}

.silver {
	color: #BDC3C7;
	/* Siver */
}

.uline {
	border-bottom: 1px solid #B27C04;
}