@charset "UTF-8";

.header{display: block;}
.header .logo{margin-top:68px;}


.bgimage{
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center right;
}
.bgimage .linkbox{
	display: flex;
	justify-content: flex-end;
}


.diary{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	overflow:visible;
}
.diary .bgimage{
	background-image: url(../img/img_diary.jpg);
	width: 630px;
	overflow: hidden;
}
.diary .lead{
	width: 720px;
	padding-right:70px;
}



@media (max-width: 1360px) {
	.diary .bgimage{
		background-size: auto 74%;
	}
}/*1360*/
@media (max-width: 1100px) {
	.diary .text .mov1{display: none;}
	.diary .lead_text.mb70{margin-bottom:120px;}
	.diary .bgimage{
		background-position: right bottom;
	}
}/*1100*/
@media (max-width: 900px) {
	.header{
		display: block;
		height: auto;
		padding-top:30px;
		padding-bottom:270px;
		background-position:center bottom;
		background-size: auto 240px;
		animation: bgiLoop 3s ease-in-out infinite alternate;
	}
	@keyframes bgiLoop {
    0% { background-position: center 100%;}
  	100% { background-position: center 95%;}
	}


	.header .logo{width:420px; margin-right: auto; margin-left:auto; margin-top:20px;}
	.header .logo .link{gap: 10px;}
	.header .logoimg{flex: 1;}
	.header .logotxt{
		font-size: 108%;
		padding: 8px 14px;
		transform: translate(0, .5em);
	}
	
	
	.bgimage.spbg{
		background-size:auto 270px;
		background-position: center bottom;
		padding-bottom:310px;
	}
	
	
	.bgimage .linkbox{justify-content: center;}
	
	
	.about .lead_img.mb50,
	.diary .lead_img.mb70{margin-bottom:30px;}
	
	
	.diary{display: block;}
	.diary .bgimage{width: 100%;}
	.diary .lead{
		width: 100%;
		padding-right:0;
	}
}/**900*/
@media screen and (max-width:650px){
	.header .logo{margin-left:0;}
}/*650*/
@media screen and (max-width:550px){
	.header{
		background-size: auto 190px;
		padding-bottom:220px;
	}
	.header .logo{width: 290px;}
	.header .logotxt{
		font-size: 77%;
		padding: 6px 10px;
		transform: translate(0, .55em);
	}
	
	
	.bgimage.spbg{
		padding-bottom:240px;
		background-size: auto 200px;
	}
	
	
	.diary .lead_text.mb70{margin-bottom: 20px;}
}/*550*/
@media screen and (max-width:375px){
	.diary .bgimage{
		background-position: center 4.5em;
		background-size: auto 120px;
	}
	.diary .button{
		margin-right: auto;
		margin-left: auto;
		margin-top:135px;
	}
}/*375*/