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

/*基本設定*/

html{
	scroll-behavior: smooth;
}

body{
	background-color: white;
}

img{
	max-width: 300px;
	height: auto;
}

*{
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

a{
	text-decoration: none;
}

.container{
	margin: 0 auto;
	padding: 10px;
	max-width: 1000px;	
}

/*ロゴ配置*/

.in{
	padding: 0 10px;
	text-align: center;
	margin-top:50px;
}

.JJ{
	margin:30px;
}

.FL{
	margin:30px;
}

.yrp{
	margin:30px;
}

@media(min-width:768px){
	.in{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		max-width: 100%;
		align-items: center;
		justify-content: space-around;
	}
}

/*footer固定、背景*/
.all {
      display: flex;
      flex-direction: column;
      min-height: 100vh;
}

.footer {
    margin-top: auto;
	width: 100%;
	height: 50px;
	background-color: #4D4D4D;
	padding: 0;
}

/*footer内容*/

.footer_flex{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	max-width: 100%;
	justify-content: end;
}

.link{
	color: white;
	text-decoration: underline;
	font-size: 15px;
	font-weight: 500;
	padding: 0 20px;
	margin: 15px 0;
}

.c{
	color: white;
	font-size: 15px;
	font-weight: 300;
	padding: 0 20px;
}