@charset "UTF-8";
/* =============================================================================

共通

============================================================================= */

/*________________________________________________________

HTML SELECTORS
________________________________________________________
*/

* {
	box-sizing: border-box;
}
body {
	color: #000;
	margin: 0;
    font-family: YuGothic, '游ゴシック', "メイリオ", Meiryo, sans-serif;
    font-weight: 500;
	line-height: 1.7;
}

/*【bold】   font-family: 'Changa One', cursive;*/
h1,h2, h3 ,h4 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
p {margin: 0;}
section p {
	margin: 1em 0;
}
ul, ol {
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
ul li {
	list-style: none;
}
ul li::last-child {
	margin-bottom: 0px;
}
ul.list {
	margin-top: 8px;
	padding: 8px 16px;
}
ul.list li {
	margin: 16px 0;
	list-style: disc inside none;
	padding-left: 1em;
	text-indent: -1em;
}

ul.note {
	margin-top: 0;
	padding-left: 1.2em;
	font-size: 90%;
	line-height: 1.5;
}
ul.note li {
	margin-bottom: 8px;
	text-indent: -1em;
	padding-left: 1em;
}
ul.note li:before {
	display: inline-block;
	margin-right: 4px;
	content: '※';
}

/*________________________________________________________

LINK
________________________________________________________
*/

a {
	color: #f36300;
	text-decoration: none;
}
.btn {
	display: inline-block;
	padding: 8px 40px;
	line-height: 1.4;
	background-color: #28a7e1;
	color: #FFF;
	border-radius: 100px;
	text-align: center;
}
.btn::before {
    display: inline-block;
    margin-right: 8px;
	line-height: 1.8;
	color: #fff100;
    font-family: "Font Awesome 5 Free";
    content: '\f105';
	font-weight: 900;
}
.tel::before {
    display: inline-block;
    margin-right: 8px;
	line-height: 1.8;
    font-family: "Font Awesome 5 Free";
    content: '\f095';
	font-weight: 900;
}

/*________________________________________________________

UTILITY
________________________________________________________
*/
.grayBox {
	background-color: #f3f3f3;
	padding: 16px 32px;
	font-size: 90%;
}


/* 文字
----------------------------- */
.small { font-size: 80%;}
.big { font-size: 120%;}
.txtC { text-align: center;}
.red { color: #ff3a11;}

/*________________________________________________________

	TABLE
	________________________________________________________
*/
.tbl {
	width: 100%;
	margin: 16px 0;
	border-collapse: collapse;
	border: 3px solid #7ebb49;
}
.tbl th, .tbl td {
	border-collapse: collapse;
}
.tbl th {
	padding: 8px;
	text-align: center;
	background-color: #7ebb49;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	text-align: center;
}
.tbl td {
	padding: 8px 16px;
	border: solid #7ebb49 1px;
}


/*________________________________________________________

	header
________________________________________________________*/

h1 {
	margin: 0;
	color: #f36300;
	font-size: 60%;
}
h1 img {
	display: block;
	margin-bottom: 8px;
}

/*________________________________________________________

	footer
________________________________________________________*/

footer {
	background:  #494949;
	color: #FFF;
}
.footerInfo h2 {
	margin-bottom: 8px;
	font-size: 60%;
	color: #FFF;
}
.footerInfo h2 img {
	display: block;
	width: 160px;
	margin-bottom: 4px;
  filter: brightness(300%);
}
.tel {
	display: block;
	font-size: 200%;
}
address {
	display: block;
	font-style: normal;
	font-size: 90%;
	line-height: 1.5;
}
footer a.tel {
	color: #FFF;
}

footer .copyright {
	display: block;
	padding: 8px;
	font-size: 80%;
	color: #b2b2b2;
}
.copyright a {
	color: #b2b2b2;
}

/* 
	ページトップ
-------------------------------------*/
a.pagetop {
	position: fixed;
	display: block;
	right: 40px;
    bottom: 40px;
	width: 74px;
	height: 74px;
	padding: 8px;
    cursor: pointer;
	color: #FFF;
	font-size: 110%;
	line-height: 90%;
	text-align: center;
	text-decoration: none;
	border-radius: 100px;
	background-color: rgba(239,115,23,0.7);
    z-index: 10;
}
a.pagetop::before {
	display: block;
	line-height: 1.8;
	font-family: "Font Awesome 5 Free";
	content: '\f106';
	font-weight: 900;
}

/*________________________________________________________

HTML5
________________________________________________________
*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	display:block;
}