@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------------
	This style definition is initialize.
------------------------------------------------- */

/*html { scroll-behavior: smooth; }*/

header, section, footer, nav { display:block; }/*- html5タグをブロック要素にする基本設定 -*/

.wrapper {
	display: block;
	margin: 0 auto;
}

.clearfix:after { clear: both; content: ""; display: block; }

.clearText {
	color: transparent;
	text-align: left;
	text-indent: -100%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}

.no-spam {
	display: none;
}

a {
	text-decoration: none;
	display: inline-block;
	color: #036EB8;
}

*,
*::before,
*::after{
	box-sizing: border-box;
}


/*-
	共通設定　ここから
------------------------------------------------- */
header, header a, footer, footer a {
	color: #4D4D4D;
}

body {
	color: #4D4D4D;
}

/*-
	ロゴ一覧スライド
------------------------------------------------- */
#top_logo .logo {
	margin-bottom: 10px;
	overflow: hidden;
}
/*#top_logo .logo p {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #e9472d;
	margin: 20px 0 10px;
 padding: 15px 0;
 background-color: #FFF9EA;
}*/
#logo_text {
	text-align: center;
	margin: 20px 0 10px;
	padding: 15px 0;
	background-color: #FFF9EA;
}
#logo_text a {
	position: relative;
	display: inline-block;
	width: 600px;
	font-size: 34px;
	font-weight: bold;
	color: #e9472d;
}
#logo_text a::before {
	position: absolute;
	content: '';
	width: 2px;
	height: 42px;
	border-left: 4px solid #e9472d;
	top: 5px;
	left: 0;
	transform: rotate(-40deg);
}
#logo_text a::after {
	position: absolute;
	content: '';
	width: 2px;
	height: 42px;
	border-right: 4px solid #e9472d;
	top: 5px;
	right: 0;
	transform: rotate(40deg);
}
@media screen and (min-width:769px), print{
	#logo_note {
		margin-right: 30px;
		font-size: 12px;
		text-align: right;
	}
	#logo_note ul li {
		display: inline-block;
	}
}
@media screen and (max-width: 768px) {
	#logo_note {
		padding: 0 10px;
		font-size: 12px;
	}
	#logo_note ul li {
		text-indent: -1em;
		padding-left: 1em;
	}
}
.loopSlide {
	position: relative;
	display: flex;
	width: 100vw;
	/*width: 1200px;*/
	margin: auto;
	overflow: hidden;

	ul {
		padding: 0;
		/*width: 100vw;*/
		width: auto;
		display: flex;
		flex-shrink: 0;

		li {
			display: inline-block;
			height: 100px;
			margin: 10px;
			list-style: none;
			text-align: center;

			img {
				display: block;
				width: auto;
				height: 100%;
			}
		}
	}
	&:hover {
		ul {
			/*animation-play-state: paused;*/
		}
	}
}
@media screen and (max-width: 820px) {
	.loopSlide ul li {
		height: 50px;
	}
}
.loopSlide:nth-of-type(1) {
	/* (バナー横px + 20px) * (数 * 2) / 40 * 1s */
	ul {
		&:first-child {
			animation: slide1 96s -45s linear infinite;
		}
		&:last-child {
			animation: slide2 96s linear infinite;
		}
	}
}
.loopSlide:nth-of-type(2) {
	/* (バナー横px + 20px) * (数 * 2) / 40 * 1s */
	ul {
		&:first-child {
			animation: slide1 84s -42s linear infinite;
		}
		&:last-child {
			animation: slide2 84s linear infinite;
		}
	}
}
.loopSlide:nth-of-type(3) {
	/* (バナー横px + 20px) * (数 * 2) / 40 * 1s */
	ul {
		&:first-child {
			animation: slide1 84s -42s linear infinite;
		}
		&:last-child {
			animation: slide2 84s linear infinite;
		}
	}
}

@keyframes slide1 {
	0% {
		transform: translateX(100%);
	}

	to {
		transform: translateX(-100%);
	}
}
@keyframes slide2 {
	0% {
		transform: translateX(0%);
	}

	to {
		transform: translateX(-200%);
	}
}


/*-
	仮公開
------------------------------------------------- 
header .nav, .hamburger,
#footer #footer_menu {
	display: none !important;
}*/


.link_color_b {
	color: #4D4D4D;
}

#site_sns {
	display: flex;
	justify-content: center;
}
#site_sns li {
  margin: 30px 20px 0;
}
/*-
#site_sns li:last-of-type {
	display: none;
}
-*/

/*-
	PC版（769px以上）ここから
------------------------------------------------- */
@media screen and (min-width:769px), print{

	.pc_non { display: none !important; }
	
	a { transition: 0.15s ease-in-out; }
	a:hover { opacity: 0.6; }
	
	body {
		padding-top: 150px;
		min-width: 1180px;
	}
	
	.wrapper {
		/*width: 1124px;*/
		width: 1100px;
		
	}
	
	section{
		margin: 0 35px 90px;
	}
	
	/*-
		ヘッダー
	------------------------------------------------- */
	header{
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		z-index: 100000;
		top: 0;
		width: 100%;
		height: 90px;
		background-color: #fff;
		box-shadow: 0px 5px 5px 0px rgba(0,0,0, .2);
	}
	header .wrapper{
		display: flex;
		align-items: center;
		justify-content:space-between;
		width: 1190px;
		max-width: 99%;
		margin: 0;
	}
	header #sp_modal{
		display: block;
	}
	
	header .nav {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		font-size: 14.5px;
		letter-spacing: -0.08em;
	}
	header .nav .menu-group{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: flex-end;
		width: calc(100% - 100px);
	}
	header .menu-item {
		margin: 3px 0.8em;
		list-style: none;
		display: inline-block;
	}
	header #to_info{
		width: 100px;
	}
	header #to_info a{
		display: block;
		text-align: center;
		font-weight: bold;
		color: #FFFFFF;
		padding: 7px;
		background-color: #e9472d;
		border-radius: 25px;
		
	}
	
	
	
	.title {
		margin-right: auto;
	}
	
	
	
	#header {}
	
	#header_logo {
		display: inline-block;
		/*width: 500px;*/
		/*height: 50px;*/
		float: left;
	}
	#header_logo a {
		display: block;
		width: 300px;
		height: 80px;
		/*margin: 0 auto 20px;*/
		background-image: url("../images/app-logo.png");
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center center;
	}
	
	/*-
		コンテンツ
	------------------------------------------------- */
	/*- コンテンツタイトル -*/
	h2 {
		position: relative;
		margin-bottom: 30px;
		color: #4D4D4D;
		font-weight: bold;
		font-size: 34px;
		text-align: center;
	}
	h2::after {
		display: block;
		content: "";
		width: 80px; 
		margin: 10px auto 0;
		text-align: center;
		border-bottom: 9px dotted #C8E833;
	}
	
	/*	- コンテンツ見出し -*/
	h3{
		display: block;
		position: relative;
		font-size: 24px;
		font-weight: bold;
		padding-top: 25px;
		margin-bottom: 15px;
	}
	h3::before{
		content: "";
		display: block;
		position: absolute;
		left: -30px;
		top: calc(50% + 12px);
		transform: translateY(-50%);
		width: 15px;
		height: 40px;
		background-color: #C8E833;
	}
	
	
	/*- サブメニュー -*/
	#sub-menu {
		display: grid;
		grid-template-columns: repeat(2, 300px);
		width: 600px;
		margin: auto;
	}
	#sub-menu .sub-item {
		border: solid 1px #4D4D4D;
		border-radius: 10px;
		margin: 10px;
	}
	#sub-menu .sub-item a {
		padding: 10px;
		text-align: center;
		color: #4D4D4D;
		display: block;
		position: relative;
	}
	#sub-menu .sub-item a::before,
	#sub-menu .sub-item a::after {
		content: "";
		width: 10px;
		height: 2px;
		display: inline-block;
		border-radius: 2px;
		background: #4D4D4D;
		position: absolute;
		right: 10px;
	}
	
	#sub-menu .sub-item a::before {
		top: calc(50% - 4px);
		transform: rotate(45deg);
	}
	#sub-menu .sub-item a::after {
		bottom: calc(50% - 4px);
		transform: rotate(-45deg);
	}


	/*-
			フッター
	------------------------------------------------- */
 
 /*- ダウンロード -*/
 #download{
		padding: 50px 0;
	}
	#download .wrapper{
  width: 950px;
  margin: 0 auto;
		text-align: center;
		padding: 20px 30px 10px;
		border-radius: 25px;
	}
	#download h2{
		color: #E95738;
		margin-bottom: 12px;
  font-size: 28px;
	}
	#download h2::after{
		display: none;
	}
	
	#download ul{
		display: flex;
		justify-content: space-between;
		margin-bottom: 14px;
	}
	#download ul li{
		width: 440px;
		padding: 15px 18px;
		border-radius: 15px;
		background-color: #FFFFFF;
	}
	
	#download ul li dl{
		display: flex;
		justify-content: space-between
	}
	#download ul li dl dt{
		width: 280px;
		text-align: center;
		padding: 15px 0 10px 8px;
	}
	#download ul li dl dt p:nth-of-type(1){
		display: block;
		height: 65px;
		text-align: center;
		margin: 0 auto 15px;
	}
	#download ul li dl dt p:nth-of-type(1) a{
		display: inline-block;
		height: 100%;
	}
	#download ul li dl dt p:nth-of-type(1) a img{
		display: block;
		width: auto;
		height: 100%;
	}
	#download ul li dl dt p:nth-of-type(2){
		display: block;
		margin: 0 auto;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.2;

	}
	#download ul li dl dd{
		width: 130px;
		height: auto;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	
	#download ul li:nth-of-type(1) dl dd{ background-image: url("../images/app_qr.png");}
	#download ul li:nth-of-type(2) dl dd{ background-image: url("../images/google_qr.png");}

	#download .register{
		display: inline-block;
		text-align: center;
		font-size: 12px;
	}
	
 
 
	footer {
		padding-bottom: 10px;
	}
	footer a {
	}


	/*- copyright -*/
	footer #copy {
		text-align: center;
		color: #4D4D4D;
	}
	#footer {
		position: relative;
	}
	#footer_inquiry .inquiry_logo {
		display: block;
		width: 400px;
		height: 50px;
		margin: 0 auto 20px;
		background-image: url("../images/logo.png");
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
	}
	#footer_inquiry {
		margin: 20px 0 0;
		padding: 50px 0;
		text-align: center;
		background-color: #F1F1F1;
	}
	#footer_inquiry .footer_inquiry_title {
		position: relative;
		padding: 2px 0 5px;
		margin-bottom: 30px;
		color: #4D4D4D;
		font-weight: bold;
		font-size: 34px;
	}
	#footer_inquiry .phone_num {
		position: relative;
		text-align: center;
		width: 390px;
		margin: 0 auto;
		font-size: 48px;
		font-weight: bold;
		letter-spacing: 0.03em;
	}
	/*#footer_inquiry .phone_num::before {
		position: absolute;
		top: 17px;
		display: block;
		width: 67px;
		height: 40px;
		margin: auto;
		background: url(../images/dial_img.png) no-repeat;
		content: '';
		background-size: 100%;
	}*/
	#footer ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		font-size: 14px;
	}
	#footer ul li {
		border-right: 1px solid #4D4D4D;
	}
	#footer ul li:last-of-type {
		border-right: none;
	}
	#footer .footer_main_menu {
		padding: 25px 0;
	}
	#footer .footer_main_menu ul {}
	#footer .footer_main_menu ul li {
		line-height: 1.0;
		padding: 0 1.5em;
	}
	
	#footer .footer_sub_menu {
		padding: 10px 0;
	}
	#footer .footer_sub_menu ul {
		justify-content: flex-start;
	}
	#footer .footer_sub_menu ul li {
		padding-right: 3em;
		border: none;
	}
	#footer .boder01 {
		border-bottom: 2px solid #4D4D4D;
	}
	#footer .boder02 {
		border-bottom: 1px solid #4D4D4D;
		margin-bottom: 30px;
	}
	#footer .footer_logo {
		width: 350px;
		height: 50px;
		margin: 0 auto 20px;
		display: block;
		background-image: url("../images/logo.png");
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	/*- copyright -*/
	#footer #copy {}
	
	
	/*- ページトップへ -*/
	#footer #page-top{
		display: none;
		width: 65px;
		height: 65px;
		background-image: url("../images/to_top.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		position: fixed;
		right: 25px;
		bottom: 15px;
		z-index: 10000;
		border-radius: 40px;
		cursor: pointer;
	}
	#footer #page-top:hover{
		opacity: 0.65;
	}
	

}



/*-
	SP版（768px以下）ここから
------------------------------------------------- */
@media screen and (max-width: 768px) {

	.sp_non { display: none !important; }
	
	body {
		padding-top: 90px;
		width: 100%;
		min-width: 320px
	}
	
	.wrapper {
		width: calc(100% - 30px);
	}
	
	section{
		margin-bottom: 55px;
	}
	

	/*-
		ヘッダー
	------------------------------------------------- */
	header {
		position: fixed;
		z-index: 100000;
		top: 0;
		width: 100%;
		display: block;
		height: 55px;
		background-color: #fff;
		box-shadow: 0px 5px 5px 0px rgba(0,0,0, .2);
	}
	header .wrapper{
		width: 100%;
	}
	header #sp_modal{
		display: none;
		width: 100vw;
		height: 100vh;
		height: 100dvh;
		position: fixed;
		top: 0;

		z-index: 100;
		background-color: rgba(0, 0, 0, 0.6);
	}
	header #sp_modal > div{
		display: block;
		position: relative;
		width: 315px;
		height: 100vh;
		height: 100dvh;
		margin: 0 0 0 auto;
		right: -315px;
		transition: 0.3s linear;
		overflow-y: scroll;
	}
	header #sp_modal dl{
		display: block;
		width: 100%;
	}
	
	header.open #sp_modal > div{
		right: 0;
	}
	
	header #sp_modal dl dt{
		display: block;
		width: 100%;
		min-height: calc(100vh - 200px);
		min-height: calc(100dvh - 190px);
		background-color: #F1F9CB;
		padding: 60px 20px 20px 35px;
	}
	header #sp_modal dl dd{
		display: block;
		text-align: center;
		width: 100%;
		height: 190px;
		background-color: #FFFFFF;
		padding-top: 25px;
	}
	header #sp_modal dl dd .inquiry_title{
		font-weight: bold;
		margin-bottom: 7px;
	}
	header #sp_modal dl dd .inquiry_logo{
		display: block;
		margin: 0 auto;
		width: 245px;
		height: 23px;
		background-image: url("../images/logo.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	header #sp_modal dl dd .phone_num{
		font-size: 28px;
		font-weight: bold;
	}
	
	header #sp_modal dl dt nav {
		/*display: none;*/
		display: block;
		height: 100%;
	}
	header #sp_modal dl dt nav ul.menu-group{}
	header #sp_modal dl dt nav ul.menu-group li.menu-item{
		margin-bottom: 20px;
	}
	header #to_info{
		display: block;
		width: 100%;
		margin-top: 30px;
		padding-right: 15px
	}
	header #to_info a{
		display: block;
		width: 100%;
		text-align: center;
		font-weight: bold;
		color: #FFFFFF;
		padding: 8px;
		background-color: #e9472d;
		border-radius: 30px;
		
	}
	header nav a{
		color: #4D4D4D;
		font-weight: bold;
		font-size: 18px;
	}
	
	#header_logo {
		display: block;
		/*width: calc(100% - 60px);*/
		width: calc(100% - 120px);
	}
	#header_logo a {
		display: block;
		width: 100%;
		height: 100%;
		background-image: url("../images/app-logo_sp.png");
		background-repeat: no-repeat;
		background-size: 190px;
  /*background-size: 220px;*/
		background-position: top 10px left 10px;
	}
	
	
	/*  特典リストボタン  */
	#sp_to_info {
		display : block;
		position: fixed;
		z-index : 50;
		right : 60px;
		top   : 2px;
		width : 50px;
		height: 50px;
	}
	#sp_to_info a {
		display: block;
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #FFFFFF;
		font-size: 13px;
		font-weight: bold;
		line-height: 1.3;
		padding: 6px 0;
		border-radius: 7px;
		cursor: pointer;
		text-align: center;
		background-color: #e9482f;
	}
 
/*　scロゴ　*/
 #logo_text {
	text-align: center;
	margin: 20px 0 10px;
 padding: 15px 0;
 background-color: #FFF9EA;
}
#logo_text a {
 position: relative;
 display: inline-block;
 width: 80%;
 font-size: 22px;
	font-weight: bold;
	color: #e9472d;
}

#logo_text a::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 58px;
  border-left: 3px solid #e9472d;
  top: 7px;
  left: 0;
  transform: rotate(-35deg);
}
#logo_text a::after {
  position: absolute;
  content: '';
  width: 2px;
  height: 58px;
  border-right: 3px solid #e9472d;
  top: 7px;
  right: 0;
  transform: rotate(35deg);
}


 
	/*　ハンバーガーメニューボタン　*/
	.hamburger {
		display : block;
		position: fixed;
		z-index : 100;
		right : 10px;
		top   : 2px;
		width : 42px;
		height: 42px;
		cursor: pointer;
		text-align: center;
	}
	.hamburger span {
		display : block;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		position: absolute;
		width   : 28px;
		height  : 3px ;
		background : #4D4D4D;
		border-radius: 5px;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
	.hamburger span:nth-child(1) {
		top: -16px;
	}
	.hamburger span:nth-child(2) {
		top: 0;
	}
	.hamburger span:nth-child(3) {
		top: 16px;
	}
	.hamburger span:nth-child(2)::after {
		content: "menu";
		display: block;
		position: absolute;
		font-size: 12px;
		left: 50%;
		transform: translateX(-50%);
		top: 12px;
		transition: 0.15s linear;
	}
	
	header.open .hamburger span:nth-child(1) { top: 10px; width: 35px; transform: rotate(135deg);}
	header.open .hamburger span:nth-child(2) { width: 0; }
	header.open .hamburger span:nth-child(3) { top: 10px; width: 35px; transform: rotate(-135deg);}
	header.open .hamburger span:nth-child(2)::after {
		opacity: 0;
	}

	.hamburger.active span:nth-child(1) {
		top: 14px;
		left: 15px;
		transform: translateY(6px) rotate(-45deg);
		width: 50%;
	}
	
	.hamburge.activer span:nth-child(2) {
		opacity: 0;
	}
	
	.hamburger.active span:nth-child(3) {
		top: 25px;
		left: 15px;
		transform: translateY(-6px) rotate(45deg);
		width: 50%;
	}
	
	.hamburger.active span:nth-child(3)::after {
		position: absolute;
		content:"close";
		transform: translateY(0) rotate(-45deg);
		top: 5px;
		left: 9px;
	}


	/*-
		コンテンツ
	------------------------------------------------- */

	/*- コンテンツタイトル -*/
	h2 {
		position: relative;
		margin-bottom: 30px;
		color: #4D4D4D;
		font-weight: bold;
		font-size: 22px;
		text-align: center;
	}
	h2::after {
		display: block;
		content: "";
		width: 70px; 
		margin: 10px auto 0;
		text-align: center;
		border-bottom: 8px dotted #C8E833;
	}
	
	/*	- コンテンツ見出し -*/
	h3{
		display: block;
		vertical-align: middle;
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 15px;
		text-indent: -1em;
		padding: 25px 0 0 0.7em;
		line-height: 1.1;
	}
	h3::before{
		content: "";
		position: relative;
		top: -2px;
		display: inline-block;
		vertical-align: middle;
		width: 13px;
		height: 32px;
		margin-right: 8px;
		background-color: #C8E833;
	}

	/*- サブメニュー -*/
	#sub-menu {
		display: grid;
		grid-template-columns: repeat(1, 300px);
		width: 300px;
		margin: auto;
	}
	#sub-menu .sub-item {
		border: solid 1px #4D4D4D;
		border-radius: 10px;
		margin: 10px;
	}
	#sub-menu .sub-item a {
		padding: 10px;
		text-align: center;
		color: #4D4D4D;
		display: block;
		position: relative;
	}
	#sub-menu .sub-item a::before,
	#sub-menu .sub-item a::after {
		content: "";
		width: 10px;
		height: 2px;
		display: inline-block;
		border-radius: 2px;
		background: #4D4D4D;
		position: absolute;
		right: 10px;
	}
	
	#sub-menu .sub-item a::before {
		top: calc(50% - 4px);
		transform: rotate(45deg);
	}
	#sub-menu .sub-item a::after {
		bottom: calc(50% - 4px);
		transform: rotate(-45deg);
	}
	
	
	/*-
		フッター
	------------------------------------------------- */
 
 /*- ダウンロード -*/
 #download{
		padding: 30px 0;
	}
	#download .wrapper{
		padding: 20px;
		border-radius: 15px;
	}
	#download h2{
		color: #E95738;
		margin-bottom: 12px;
	}
	#download h2::after{
		display: none;
	}
	
	#download ul{
		display: flex;
		flex-direction: column;
		margin-bottom: 8px;
	}
	#download ul li{
		width: 100%;
		padding: 20px 10px 15px;
		border-radius: 12px;
		background-color: #FFFFFF;
	}
	#download ul li:last-of-type{
		margin-bottom: 20px;
	}

	#download ul li dl{
		display: block;
	}
	#download ul li dl dt{
		width: 100%;
		text-align: center;
	}
	#download ul li dl dt p:nth-of-type(1){
		display: block;
		height: 70px;
		text-align: center;
		margin: 0 auto 10px;
	}
	#download ul li dl dt p:nth-of-type(1) a{
		display: inline-block;
		height: 100%;
	}
	#download ul li dl dt p:nth-of-type(1) a img{
		display: block;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	#download ul li dl dt p:nth-of-type(2){
		display: block;
		margin: 0 auto;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.2;
		padding: 0 5px;
	}
	#download ul li dl dt p:nth-of-type(2) span{
		display: inline-block;
	}
	
	#download ul li dl dd{
		display: none;
	}
	
	#download ul li:nth-of-type(1) dl dd{ background-image: url("../images/app_qr.png");}
	#download ul li:nth-of-type(2) dl dd{ background-image: url("../images/google_qr.png");}

	#download .register{
		display: block;
		font-size: 12px;
		margin-right: -1em;
		text-indent: -1em;
	}
 
 
 
	#footer {
		position: relative;
	}

	#footer_inquiry {
		background-color: #F1F1F1;
		text-align: center;
		padding: 50px 0;
	}
	#footer_inquiry .footer_inquiry_title {
		position: relative;
		padding: 2px 0 5px;
		margin-bottom: 10px;
		color: #4D4D4D;
		font-weight: bold;
		font-size: 23px;
	}
	#footer_inquiry .inquiry_logo {
		display: block;
		width: 280px;
		height: 50px;
		margin: 0 auto;
		background-image: url("../images/logo.png");
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
	}
	#footer_inquiry .phone_num {
		position: relative;
		text-align: center;
		width: 290px;
		margin: 0 auto 5px;
		font-size: 36px;
		font-weight: bold;
		letter-spacing: 0.02em;
	}
	/*#footer_inquiry .phone_num::before {
		position: absolute;
		top: 13px;
		display: block;
		width: 50px;
		height: 30px;
		margin: auto;
		background: url(../images/dial_img.png) no-repeat;
		content: '';
		background-size: 100%;
	}*/

	#footer ul {
		width: 100%;
		font-size: 14px;
		padding: 20px 0;
	}
	#footer ul li {
		display: block;
		padding: 10px;
	}
	#footer .footer_sub_menu ul li {
		padding: 5px;
	}
	#footer .footer_sub_menu ul li::before {
		content: "●";
		font-size: 20px;
		padding-right: 5px;
	}
	#footer .boder01 {
		border-bottom: 2px solid #4D4D4D;
	}
	#footer .boder02 {
		border-bottom: 1px solid #4D4D4D;
		margin-bottom: 30px;
	}
	#footer .footer_logo{
		display: block;
		margin: 0 auto;
		max-width: 390px;
		padding-right: 70px;
	}
	#footer .footer_logo a{
		width: 250px;
		max-width: calc(100vw - 115px);
		min-width: 220px;
		height: 30px;
		margin: 0 0 20px auto;
		display: block;
		background-image: url("../images/logo.png");
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
	}

	#footer #sign{
		position: relative;
		padding-bottom: 10px;
	}
	
	/*- copyright -*/
	#footer #copy {
		text-align: center;
	}

	#footer_menu{
		position: relative;
	}
	/*- ページトップへ -*/
	#footer #page-top{
		display: block;
		width: 50px;
		height: 50px;
		background-image: url("../images/to_top.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		position: fixed;
		right: 15px;
		bottom: 30px;
		border-radius: 30px;
		z-index: 10000;
	}
	

 
}