@charset "utf-8";
/* CSS Document */

/* フォント(NoteSansJP)をインポート */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap');

html, body, div, span, object, iframe, h1, h2, h3, a, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, article, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, table, tr, th, td, img　address header {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-style: normal;
    vertical-align: baseline;
	font-family: 'Noto Sans JP', sans-serif;
	color: #000;
	font-weight: normal;
}
ul, ol{
	list-style: none;
}
a{
	text-decoration: none;
	cursor: pointer;
	color: inherit;
}
a:link, a:visited, a:active, a:hover{
	color: inherit;
}
a:hover{
	opacity: 0.7;
}
img{
	vertical-align: middle;
	max-width: 100%;
}
.clearfix::after{
	content: "";
	display: block;
	clear: both;
}
* {
    box-sizing: content-box;
}

/* iOSでのデフォルトスタイルをリセット */
input, textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	appearance: none;
	/* Gecko で使用できる値の一部 */
	-moz-appearance: none;
	/* WebKit/Blink (Gecko や Edge も同様) で使用できる値の一部 */
	-webkit-appearance: none;
    max-width: 100%;
}
input[type="submit"], input[type="button"], button {
	background: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.copyright {
	font-family: "circe-rounded";
}

/* PC用 */
@media screen and (min-width: 1025px){
	footer.fs-l-footer{
		border: none;
	}
  div.footer{
		background-color: #66D0BF;
		padding: 40px 0;
	  text-align: center;
	}
	img.jadma{
		margin-bottom: 20px;
	}
  div.footer-bnr{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0px auto 35px;
  }
.footer-bnr img {
        margin: 15px 15px 0px;
        width:180px;
        height: auto; /*画像の縦横比を維持 */
  }
	div.footer div.inner{
		max-width: 920px;
		margin: 0 auto 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	div.footer div.inner ul.sns{
		width: 20%;
		font-size: 0;
		letter-spacing: 0;
		text-align: center;
	}
	div.footer div.inner ul.sns li{
		display: inline-block;
		width: 30%;
	}
	div.footer div.inner ul.sns li:nth-of-type(2){
		margin: 0 3%;
	}
	div.footer div.inner ul.sns li img{
		width: 35px;
	}
	div.footer div.inner ul.nav{
		width: 33%;
		margin: 0 3%;
		font-size: 0;
		letter-spacing: 0;
		/*text-align: center;*/
		text-align: left;
	}
	div.footer div.inner ul.nav li{
		display: inline-block;
		width: 49%;
		text-align: left;
		font-size: 12px;
		margin-bottom: 15px;
		color: #fff;
	}
	div.footer div.inner ul.nav li:nth-last-child(-n+2){
		margin-bottom: 0;
	}
	div.footer div.inner > div{
		text-align: center;
	}
	div.footer div.inner > div img{
		width: 150px;
	}
	div.footer div.inner div div.copyright{
		margin-top: 15px;
		font-size: 12px;
		letter-spacing: 1px;
		color: #fff;
	}
}



/*タブレット用 縦*/
@media screen and (max-width: 1024px) and (min-width: 415px){
	footer.fs-l-footer{
		border: none;
	}
	div.footer{
		background-color: #66D0BF;
		padding: 40px 0;
		text-align: center;
	}
	img.jadma{
		margin-bottom: 20px;
	}
  div.footer-bnr{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px auto 40px;
  }
.footer-bnr img {
    margin: 0px 10px;
    width: 150px;
    height: auto; /*画像の縦横比を維持 */
  }
	div.footer div.inner{
		text-align: center;
		max-width: 95%;
		margin: 0 auto;
		font-size: 0;
		letter-spacing: 0;
		vertical-align: middle;
	}
	div.footer div.inner ul.sns{
		display: inline-block;
		width: 30%;
		margin-right: 10%;
		font-size: 0;
		letter-spacing: 0;
		text-align: center;
		vertical-align: middle;
	}
	div.footer div.inner ul.sns li{
		display: inline-block;
		width: 30%;
	}
	div.footer div.inner ul.sns li:nth-of-type(2){
		margin: 0 3%;
	}
	div.footer div.inner ul.sns li img{
		width: 35px;
	}
	div.footer div.inner ul.nav{
		display: inline-block;
		width: 50%;
		margin: 0;
		font-size: 0;
		letter-spacing: 0;
		/*text-align: center;*/
		text-align: left;
		vertical-align: middle;
	}
	div.footer div.inner ul.nav li{
		display: inline-block;
		width: 49%;
		text-align: left;
		font-size: 12px;
		margin-bottom: 10px;
		color: #fff;
	}
	div.footer div.inner ul.nav li:nth-last-child(-n+2){
		margin-bottom: 0;
	}
	div.footer div.inner > div{
		text-align: center;
		margin-top: 40px;
	}
	div.footer div.inner > div img{
		width: 150px;
	}
	div.footer div.inner div div.copyright{
		margin-top: 5px;
		font-size: 12px;
		letter-spacing: 1px;
		color: #fff;
	}
}

/*タブレット用 横*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
	footer.fs-l-footer{
		border: none;
	}
	div.footer{
		background-color: #66D0BF;
		padding: 50px 0;
		text-align: center;
	}
	img.jadma{
		margin-bottom: 20px;
	}
	div.footer div.inner{
		max-width: 920px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	div.footer div.inner ul.sns{
		width: 20%;
		font-size: 0;
		letter-spacing: 0;
		text-align: center;
	}
	div.footer div.inner ul.sns li{
		display: inline-block;
		width: 30%;
	}
	div.footer div.inner ul.sns li:nth-of-type(2){
		margin: 0 3%;
	}
	div.footer div.inner ul.sns li img{
		width: 35px;
	}
	div.footer div.inner ul.nav{
		width: 33%;
		margin: 0 3%;
		font-size: 0;
		letter-spacing: 0;
		/*text-align: center;*/
		text-align: left;
	}
	div.footer div.inner ul.nav li{
		display: inline-block;
		width: 49%;
		text-align: left;
		font-size: 12px;
		margin-bottom: 15px;
		color: #fff;
	}
	div.footer div.inner ul.nav li:nth-last-child(-n+2){
		margin-bottom: 0;
	}
	div.footer div.inner > div{
		text-align: center;
	}
	div.footer div.inner > div img{
		width: 150px;
	}
	div.footer div.inner div div.copyright{
		margin-top: 15px;
		font-size: 12px;
		letter-spacing: 1px;
		color: #fff;
	}
}