@charset "UTF-8";
/*---------------------------------------------------------------*\
	$INDEX
\*---------------------------------------------------------------*/
/*
・共通
*/
/*---------------------------------------------------------------*\
	$共通
\*---------------------------------------------------------------*/

body {
    font-family: "Noto Sans JP",sans-serif;
	min-width: 1200px;
	color: #333;
}

header {
    font-weight: 800;
    position: fixed;
    right: 0;
    top: 0;
	z-index: 99999;
	background: #3e5c6a;
}

.tel {
    top: 0;
}

.tel:hover .number {
	background: #3e5c6a;
	color: #fff;
}

.tel:hover .number i {
	color: #fff;
}

.tel_title {
    color: #fff;
	font-weight:400;
    display: inline-block;
    padding: 20px 30px;
    vertical-align: middle;
}

.number {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-size: 2.5rem;
    padding: 20px 30px;
    vertical-align: middle;
	color: #3e5c6a;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.number i {
	margin-right: 10px;
	color: #3e5c6a;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}




/*---------------------------------------------------------------*\
	$800px
\*---------------------------------------------------------------*/
@media screen and (max-width: 800px) {
	
body {
	min-width: inherit;
}

	
}

/*---------------------------------------------------------------*\
	$480px
\*---------------------------------------------------------------*/
@media screen and (max-width: 480px) {

.tel_title {
    color: #fff;
    display: inline-block;
    font-weight: 400;
    padding: 14px 20px;
    vertical-align: middle;
}

.number {
    background: #fff none repeat scroll 0 0;
    color: #3e5c6a;
    display: inline-block;
    font-size: 1.8rem;
    padding: 14px 20px;
    transition: all 0.2s ease-in-out 0s;
    vertical-align: middle;
}
}