@charset "UTF-8";
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

html {
	position: relative;
	display: block;
	background: #f6f7f9;
	}

body {
	position: relative;
	display: block;
	width: 100vw;
	margin: 0;
	padding: 5vw;
	color: #333;
	font-family: system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic UI","Segoe UI",Meiryo,sans-serif;
	font-weight: Thin;
	}

h1 {
	display: block;
	margin: 0 0 1em 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	}

h1 span {
	display: block;
	padding: 5px 0 0 0;
	font-size: 40px;
	}

p {
	display: block;
	margin: 0 0 1em 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 2em;
	text-align: center;
	}
@media screen and (max-width:767px){
p {
	font-size: 4.5vw;
	text-align: left;
	}
p br {
	display: none;
	}
}

.my_num {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0 auto 10px auto;
	padding: 1em;
	font-size: 16px;
	font-weight: 300;
	line-height: 2em;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	font-size: 20px;
	font-weight: 700;
	line-height: 1em;
	text-align: center;
	background: #fff;
	border: 2px solid #4fc4c2;
	border-radius: 50px;
	}
@media screen and (orientation: portrait) and (max-width:1024px){
.my_num {
	max-width: 100%;
	}
}

#btnCall {
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto 20px auto;
	padding: 1vw 0;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 1em;
	white-space: nowrap;
	background: #4fc4c2;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	border: 0;
	border-radius: 100px;
	transition: .3s ease;
	}
@media screen and (orientation: portrait) and (max-width:1024px){
#btnCall {
	width: 200px;
	height: auto;
	padding: 4vw 0;
	font-size: 5vw;
	border-radius: 10px;
	}
}

#btnCall:hover {
	color: #fff;
	background: #91dad9;
	}

#btnCall img {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto 5px auto;
	}
@media screen and (orientation: portrait) and (max-width:1024px){
#btnCall img {
	width: 100px;
	height: 100px;
	margin: 0 auto 3vw auto;
	}
}

.notice {
	display: block;
	font-size: 12px;
	font-weight: 300;
	line-height: 1em;
	text-align: center;
	}
@media screen and (orientation: portrait) and (max-width:1024px){
.notice li {
	font-size: 3.7vw;
	text-align: left;
	}
}


.notice li {
	display: block;
	margin: 0 0 .5em 0;
	}
@media screen and (orientation: portrait) and (max-width:1024px){
.notice li {
	padding: 0 0 0 1em;
	line-height: 1.5em;
	text-indent: -1em
	}
}