@charset "utf-8";

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

}

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

}

.bg-color-1 {background-color: #F3FAFC;}
.bg-color-2 {
	background: #3c5379;
	color: white;
}
.bg-color-3 {
	background-color: white;
	border-radius: 10px;
}
.bg-color-4 {background-color: #55b9c4;}

.mw-1600{max-width : 1600px;}
.mw-1200{max-width : 1200px;}
.mw-1100{max-width : 1100px;}
.mw-1000{max-width : 1000px;}
.mw-900{max-width : 900px;}
.mw-700{max-width : 700px;}
.mw-400{max-width : 400px;}

.height-50{height : 50px;}
.height-30{height : 30px;}

.text-c-l{
	text-align: center;
}
@media screen and (max-width: 575px) {
	.text-c-l{
		text-align: left;
	}
}

ul {margin-left: -40px;}
li {list-style: none;}

h1,h2{
	font-size: 1.2rem;
	line-height:50px;
}
h3{
	text-align: center;
	font-size: 3rem;
	padding: 1rem 0px;
	color: #3c5379;
	text-shadow: 3px 3px 4px rgba(112, 52, 52, 0.3);
}
@media screen and (max-width: 575px) {
h3 {
	font-size: 2.5rem;
}
}

h4 {
	font-size: 2rem;
	text-align: center;
}

h5{color: navy;}

h6 {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}

.hr-w {border-color : white;}

.font-08 {font-size: 0.8rem;}
.font-12 {font-size :1.2rem;}
.font-15 {font-size: 1.5rem;}
.font-20 {font-size: 2rem;}

.under-yellow {
	display: inline;
	background:linear-gradient(transparent 70%, #ffff7f 30%);
}

.tel-font {
	font-size : 4rem;
	font-family: 'Gabriola','Athelas','HoeflerText-Regular','Hoefler Text',sans-serif;
	text-align : center;
	color : navy;
}

.button {
	display: inline-block;
	font-size: 1.5rem;
	text-shadow: 3px 3px 4px #808080;
	width: 300px;
	padding: 7px;
	margin: 20px 0px;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	border: solid 2px white;
	border-radius: 5px;
	transition: .4s;
}
.button:hover{
	background-color: rgba(0, 64, 255, 0.5);
	text-decoration: none;
	color: #ffffff;
}

.button2 {
	display: inline-block;
	font-size: 1.5rem;
	width: 230px;
	padding: 7px;
	margin: 20px 0px;
	text-decoration: none;
	color: #9999ff;
	text-align: center;
	font-weight: bold;
	border-width: 2px;
	border: solid 2px #9999ff;
	border-radius: 5px;
	transition: .4s;
}
.button2:hover {
	text-decoration: none;
	color : #ffffff;
	background-color: rgba(0, 64, 255, 0.2);
}


/* top */
.fade_up {animation:fade_up_anime 20s linear infinite;}
@keyframes fade_up_anime{
	0% {opacity: 0;}
	25% {opacity: 0;}
	50% {opacity: 1;}
	75% {opacity: 1;}
	100% {opacity: 0;}
}

.top-font {
	font-size: clamp(2rem, 0.909rem + 5.45vw, 5rem);
	text-shadow: 3px 3px 4px #808080;
}
.top-title-a {
	font-family: '原稿用標準書体';
	letter-spacing: 2rem;
	padding-left: 2rem;
}
.top-title-b {
	font-family: Rhumani;
	font-size: 1.3em;
	margin-top: -25px;
}
@font-face {
	font-family: 原稿用標準書体;
	src: url('font/原稿用標準書体.ttf') format("opentype");
}
@font-face {
	font-family:Rhumani;
	src: url('font/Rhumani-yw5gm.otf') format("opentype");
}
/* /top */









.white-box{
	background-color: rgba(255, 255, 255, 1);
	padding: 30px 10px;
	border-radius: 10px;
	border-color: rgba(192, 192, 192, 0.3);
	box-shadow: 3px 3px 4px rgba(112, 52, 52, 0.2);
	background-repeat : no-repeat;
	background-position : right center;
}

.w-box {
	width: 100%;
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.w-box-in {
	max-width: 250px;
	background-color: #f15165;
	color: white;
	font-weight: bold;
}
.w-box-h5 {
	font-size: 3rem;
	font-weight: bold;
	padding-top: 30px;
}

.titleber{
	background-image: url(image/bg-circle.png);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 15px;
}

.border-w{
	border-width : 1px;
	border-style : solid;
	border-color : white;
}