@charset "UTF-8";

/*CSSDocument*/


/* html body base
===============================================================*/


/*
html ----------------------------------------------------------*/

*{ margin:0px; padding:0px;}

body{
color:#000000;
margin:0;
padding:0;
background:#FFFFFF; /* fcfcfa */
/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
/*  font-family: 'NotoSansCJKjp', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
  font-family: 'NotoSansCJKjp', sans-serif;
text-align:center;
font-size:100%;
 -webkit-text-size-adjust: none;
 	position:relative;
}

a:link{ color:#2c54c6;text-decoration:none;}
a:visited{ color:#2c54c6;text-decoration:none;}
a:hover{ color:#27a6e1;text-decoration:none;}
a:active{ color:#2c54c6;text-decoration:none;}

ul{ list-style:none;}

img {
	padding:0px;
	margin:0px;
	vertical-align:bottom;
}
a {
 	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
a:hover {
	opacity:0.8;
}

/*
html ----------------------------------------------------------*/



/* body base
===============================================================*/

img {
	max-width: 100%;
	height: auto;
}


.l-frame {
	background: rgb(248,182,43);
	background: -moz-linear-gradient(left, rgba(248,182,43,1) 0%, rgba(37,161,58,1) 33%, rgba(0,91,160,1) 66%, rgba(240,130,0,1) 100%);
	background: -webkit-linear-gradient(left, rgba(248,182,43,1) 0%,rgba(37,161,58,1) 33%,rgba(0,91,160,1) 66%,rgba(240,130,0,1) 100%);
	background: linear-gradient(to right, rgba(248,182,43,1) 0%,rgba(37,161,58,1) 33%,rgba(0,91,160,1) 66%,rgba(240,130,0,1) 100%);
	padding: 1.04vw;
}
.l-wrap {
	background: #FFF;
}


.l-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding:  0 20px;
	box-sizing: content-box;
}


@media screen and (max-width: 640px) {
  .l-inner {
    padding:  0 10px;
  }
}


/* header
===============================================================*/

.c-header {
  background: #000;
}
.c-headerWrap {
	display: table;
	width: 100%;
}
.c-header-logo ,
.c-header-contact {
	display: table-cell;
	vertical-align: middle;
}
.c-header-logo {
	text-align: left;
	padding-left: 18px;
}
.c-header-contact {
	width: 150px;
}
.c-header-contact a {
	display: block;
	background: #fff100;
	color: #000;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 80px;
	height: 80px;
	font-style: italic;
}
@media screen and (max-width: 640px) {
	.c-header {
	}
	.c-headerWrap {
	}
	.c-header-logo ,
	.c-header-contact {
	}
	.c-header-logo {
		padding-left: 10px;
	}
	.c-header-logo img {
		width: 150px;
		height: auto;
	}
	.c-header-contact {
		width: 100px;
	}
	.c-header-contact a {
		font-size: 14px;
		line-height: 50px;
		height: 50px;
	}	

}




.c-footer {
	background: #000;
	padding: 30px 20px;
}
.c-footer-copy {
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 1.4;
	font-style: italic;	
}

@media screen and (max-width: 640px) {
	.c-footer {
		padding: 20px 10px;
	}
	.c-footer-copy {
		font-size: 12px;
		line-height: 1.4;
	}
}