:root {
  --main-color: red;
  --first-color: #b1000f;
  --second-color: yellow;
  --third-color: #F5483A;
}

h1,h2,h3,p{font-family: "M PLUS 1p"; }

/*  font settings  */
h1.h1set{
	font-size: 35px;
}

h2.h2set{
	font-size: 35px;
}

h3.h3set{
	font-size: 35px;
}

.img-po{
	padding: 0 20px;
	color:#000;
	font-size: 35px;
	background-color: var(--second-color);
	position:absolute;
	bottom: 20px;
	right:20px;
}

a.header-top{
	font-size: 14px;
	color:#000;
	padding: 3px;
}


.tel-header1{
	font-size: 34px;
	padding:3px 0 1px 0;
	margin: 0;
	text-align: center;


}
.tel-header2{
	font-size: 14px;
	color: #fff;
	padding: 3px;
	margin: 0 0 2px 0;
	text-align: center;
	background-color: var(--main-color);


}

.txt01{
	font-size: 18px;
	padding: 0;
	margin: 0;

}
.txt02{
	font-size: 16px;
	padding: 0;
	margin: 0;

}
.txt03{
	font-size: 14px;
	padding: 0;
	margin: 0;

}



.foot-txt01{
	font-size: 25px;
	color: #fff;
	text-align: center;
	padding: 20px;
	margin: 0;

}





.foot-txt02{
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding: 20px;
	margin: 0;

}

.button-new1{
	display: block;
	color: var(--first-color);
	padding: 15px 5px;
	margin: 3px 0;
	background-color: #fff;
	border:solid 2px var(--first-color);
	text-align: center;
	border-radius: 10px;
}


.button-new1:hover{
	color: #fff;
	background-color:var(--first-color);
	text-decoration: none;
}



/*  background settings  */
.bgc-1{background-color: var(--main-color)}
.bgc-2{background-color: var(--first-color)}
.bgc-3{background-color: var(--second-color)}
.bgc-4{background-color: var(--third-color)}
.bgc-5{background-color: #333}


.bg-img-1{
	background-image: url(img/img02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.hako1{
	padding: 30px;
	background-color: rgb(255,255,255,0.8);
	border-radius: 10px;
}


/*  mobile settings  */
@media screen and (max-width:768px) {
/*  from here  */
.mobile_button1{
    width: 100%;
    background-color: var(--third-color);
    border: solid 1px #000;
    color: #fff;
    text-align: center;
    padding: 20px 0;
	z-index: 300;

	position: fixed;
	bottom: 0;
}

.mobile_button2{
	display: block;
	color: var(--main-color);
	background-color: #fff;
	border-radius: 10px;
	font-size: 18px;
	padding: 20px 10px;
	margin: 0 5px;
	text-align:center;
}
.mobile_button2:hover{
	color: #fff;
	background-color: var(--main-color);
	text-decoration: none;
}

.header-logo-tet1{
	text-align: center;
	font-size: 14px;
	padding: 0;
	margin: 0;
}

.header-logo-tet2{
	text-align: center;
	font-size: 35px;
	padding: 0;
	margin: 0;
}

/*  So far  */
}
@media screen and (min-width:769px) {
/*  from here  */
.mobile_button1{
	display: none;
	
}


.header-logo-tet1{
	text-align: left;
	font-size: 14px;
	padding: 0;
	margin: 0;
}

.header-logo-tet2{
	text-align: left;
	font-size: 35px;
	padding: 0;
	margin: 0;
}

/*  So far  */
}