/* ブラック */
/*
:root {
  --main-color: #304ffe;
  --first-color: #00acc1;
  --second-color: yellow;
  --third-color: #0288d1;
}
*/

/* ブルー */
/*
:root {
  --main-color: #304ffe;
  --first-color: #00acc1;
  --second-color: yellow;
  --third-color: #0288d1;
}
*/

/* ブラウン */
/*
:root {
  --main-color: #795548;
  --first-color: #8d6e63;
  --second-color: yellow;
  --third-color: #ffd180;
}
*/

/* グリーン */
/*
:root {
  --main-color: #2e7d32;
  --first-color: #b2ff59;
  --second-color: yellow;
  --third-color: #66bb6a;
}
*/

/* オレンジ */

:root {
  --main-color: #ff5722;
  --first-color: #c51162;
  --second-color: yellow;
  --third-color: #F57c00;
}


/* ピンク */
/*
:root {
  --main-color: #ff4081;
  --first-color: #ff5722;
  --second-color: yellow;
  --third-color: #e91e63;
}
*/

/* レッド */
/*
:root {
  --main-color: red;
  --first-color: #b1000f;
  --second-color: yellow;
  --third-color: #F5483A;
}
*/


/* オレンジ */
/*
:root {
  --main-color: #fb8c00;
  --first-color: #ffb300;
  --second-color: yellow;
  --third-color: #ffb300;
}
*/

/* フォント */
/*
h1,h2,h3,p{font-family: "M PLUS 1p"; }

h1,h2,h3,p{font-family: "Hannari"; }


}
*/



/*  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;
	font-family: "M PLUS 1p";
}
.txt02{
	font-size: 16px;
	font-family: "M PLUS 1p";

}
.txt03{
	font-size: 14px;
	font-family: "M PLUS 1p";

}



.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  */
}