@import url(//use.fontawesome.com/releases/v6.4.0/css/all.css);

/********************************************************
PC版
********************************************************/
@media screen and (min-device-width: 481px){
	.pc_none{
		display:none;
	}
	/*フロートメニュー*/
	.float_menu{
		float:right;
		padding:5px;
		position:fixed;
		margin:0 auto;
		right:20px;
		bottom:20px;
		background:#3f79ff;
		right:calc(((100% - 930px) / 2) - 200px);
	}
	.special .float_menu{
		right:20px;
	}
	.float_menu .contact_title{
		color:#FFF;
		margin:8px auto;
		font-size:14px;
		line-height:18px;
	}
	.float_menu .mail,
	.float_menu .tel{
		background:#FFF;
		width:180px;
		height:70px;
		border-radius:0px;
		box-shadow:0px 0px 6px -3px #898989;
	}
	.float_menu .mail:hover{
		background:#FF9;
	}
	.float_menu .mail{
		margin:5px auto;
		display:flex;
		align-items:center;
		justify-content: center;
		gap:10px;
	}
	.float_menu .mail img{
		float:left;
		margin:auto 10px auto 25px;
	}
	.float_menu a{
		text-decoration:none;
		display:block;
		color:#000;
	}
	.float_menu .contact_title{
		font-size:14px;
		line-height:18px;
		text-align:center;
	}
	.float_menu .mail .mail_title{
		font-size:13px;
		line-height:21px;
		float:left;
		text-align:left;
		width: 102px;
	}	
	.float_menu .tel {
		margin:5px auto 0px auto;
		overflow:hidden;
	}
	.float_menu .tel .tel_title{
		text-align:center;
		font-size:13px;
		line-height:21px;
		margin-top:5px;
	}
	.float_menu .tel p{
		display:block;
	}
	.float_menu .tel .tel_num{
		font-size:18px;
		font-weight:bold;
		color:#3f79ff;
		text-align:center;
	}
	.float_menu .tel .time{
		font-size:10px;
		color:#3f79ff;
		text-align:center;
	}
	.kitting .kitting_menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 485px;
		margin: 0 auto;
	}
	.kitting .kitting_menu dl {
		width: 155px;
		height: 155px;
		float: left;
		background: #E5F9F7;
		margin-bottom: 10px;
	}
	.kitting .kitting_menu h2 .small {
		font-size: 14px;
	}
	.kitting .kitting_menu dd.image {
		height: 95px;
	}
	.kitting .kitting_menu .account dd.image {
		height: 75px;
	}
	.kitting .kitting_menu .name {
		height: 22px;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}
	.kitting .kitting_menu .account .name {
		height: 42px;
	}
	.kitting .kitting_menu .account .name .small {
		font-size: 12px;
	}
	.kitting .kitting_menu .price {
		padding-top: 5px;
		margin-left: 10px;
		margin-right: 10px;
		text-align: center;
		box-sizing: border-box;
		border-top: 1px dashed #00c0b5;
		height: 38px;
		font-size: 14px;
		color: #e60000;
	}
	.mail svg .cls-1,
	.mail svg .cls-2,
	.mail svg .cls-3{
		fill:#3f79ff;
	}
	.mail svg {
		margin-left: auto;
	}
}
/********************************************************
タブレット版
********************************************************/
@media screen and (min-device-width: 481px) and (max-device-width: 1280px) {
	#all-bg{
		padding-bottom: 70px;
	}
	/*フロートメニュー*/
	.float_menu.sp_none{
		display: none;
	}
	.float_menu.pc_none{
		display: flex;
		left: 50%;
		transform: translate(-50%, 0%);
		height: 70px;
		background: #1F7AFF;
	}
	
	.float_menu.pc_none a{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.float_menu{
		position:fixed;
		bottom:0px;
		width:900px;
		box-sizing:border-box;
		border-top:1px solid #FFF;
		font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
		right: inherit;
	}
	
	.float_menu .contact_title{
		display:none;
	}
	.float_menu .tel,
	.float_menu .mail,
	.float_menu .ext{
		background: #1F7AFF;
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}
	.float_menu .mail .mail_title,
	.float_menu .tel .tel_num,
	.float_menu .ext .mail_title{
		color: #FFF;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		justify-content: center;
	}
	.float_menu .mail i,
	.float_menu .tel i,
	.float_menu .ext i{
		color: #FFF;
		font-size: 14px;
		font-weight: 900;
		margin-right: 5px;
	}
	
	
	.float_menu .mail, .float_menu .tel{
		border-right: 1px solid #FFF;
	}
	.float_menu .tel.sp{
		display: none;
	}
}
/********************************************************
SP版
********************************************************/

@media screen and (max-device-width: 480px){

.fontawesome:before{
font-family: "Font Awesome 5 Free";
content: '\f007';
font-weight: 900;
}
	.sp_none{
		display:none;
	}
	/*フロートメニュー*/
	.float_menu{
		position:fixed;
		bottom:0px;
		width:100%;
		background:#36F;
		border-top:1px solid #FFF;
		font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
		z-index: 990;
		height: 50px;
	}
	.float_menu .contact_title{
		display:none;
	}
	/*
	.float_menu .mail{
		width:100%;
		float:left;
		height:7vh;
		line-height:7vh;
		text-align:center;
		font-size:3vw;
	}
	*/
	.float_menu.pc_none {
		display: table;
	} 
	.float_menu .mail,
	.float_menu .tel{
		border-right:1px solid #FFF;
		box-sizing:content-box;
	}
	.float_menu .mail,
	.float_menu .tel,
	.float_menu .ext{
		width: calc(100% / 3);
		line-height: 1.2em;
		text-align: center;
		font-size: 12px;
		padding: 5px 0;
		text-decoration:none;
		box-sizing:border-box;
		height: 50px;
		vertical-align: middle;
		display: table-cell;
	}
	.float_menu .tel {
		width: 34%;
	}
	.float_menu .mail img{
		height:1em;
	}
/*	.float_menu .mail,
	.float_menu .tel{
		border-bottom:1px solid #FFF;
	}*/

	.float_menu .tel p,
	.float_menu .mail p,
	.float_menu .ext p,
	.float_menu .chat p,
	.float_menu .tel i,
	.float_menu .mail i,
	.float_menu .ext i,
	.float_menu .chat i{
		display:inline;
		color:#FFF;
		margin-left:1%;
		width: 100%;
	}
	.float_menu .tel p,
	.float_menu .mail p,
	.float_menu .ext p,
	.float_menu .chat p {
		display: inline-block;
		margin: auto 0;
	}
	.float_menu .ext img{
		height:1em;
		width:auto;
	}
	.float_menu .mail i,
	.float_menu .ext i,
	.float_menu .tel i{
		margin-right:1vw;
	}
	.float_menu .tel.tab{
		display: none;
	}
	#ch-plugin-launcher img{
		transform: scale(1.8);
	}
	.kitting .kitting_menu dl {
	margin-bottom: 1vh;
	border: 1px #00c0b5 solid;
	height: 9vh;
	}
	.kitting .kitting_menu dt.name {
		float: right;
		width: 70%;
		font-size: 2.0vh;
		font-weight: bold;
		margin-top: 1.5vh;
	}
	.kitting .kitting_menu .account dt.name {
		margin-top: 0;
	}
	.kitting .kitting_menu dt.name .small {
		font-weight: normal;
	}
	.kitting .kitting_menu dd.image {
		width: 27%;
		height: 9vh;
		box-sizing: border-box;
		padding-right: 3%;
		border-right: #00c0b5 1px solid;
		float: left;
		position: relative;
	}
	.kitting .kitting_menu dd.image img {
		width: auto;
		height: auto;
		max-width: 90%;
		max-height: 90%;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.kitting .kitting_menu .account dd.image img {
		width: 85%;
		height: 85%;
	}
	.kitting .kitting_menu dd.price {
		float: right;
		width: 70%;
		font-size: 2.2vh;
		color: #e60000;
	}
}