@charset "utf-8";

/*====================
PCを基本設計にする
 - 1280px〜：大型PC
 - 960px〜1279px：小型PC
 - 600px〜959px：タブレット
 - 480px〜599px：スマートフォン横
 - 〜479px：スマートフォン縦
====================*/
 
 
 
/* 1280px〜：大型PC
ここに基本CSSを書きます。PCファーストでは、PCサイズからモバイルの大きさに向けて、以降のCSSを書いていきます。
------------------------------ */
 
 
/* 960px〜1279px：小型PC
------------------------------ */
@media screen and (min-width:960px) and (max-width:1279px) {
 
 
}
 
/* 600px〜959px：タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:959px) {
 
 
}
 
 
/* 480px〜599px：SP横
------------------------------ */
@media screen and (min-width:480px) and (max-width:599px) { 
 
 
}
 
 
/* 〜479px：スマートフォン縦
------------------------------ */
@media screen and (max-width:479px) { 
	.yoyaku_pc { display: none !important; }
    .yoyaku_sp { display: block !important; }
 
	.side_sp {
		position: fixed;
		right: 0;
		bottom: 0;
	}
}

/* メイン------------------------------------------------------------*/
@media all and (min-width: 1024px){
	.cell{
	
	width: 100%;
	
}

#main{
	width: 100%;
	margin-bottom: 20px;
	padding-top: 0px;
	margin-top: 0px;
}

.header_light{
	display:flex ;
	justify-content: left;
	align-items: center;
}

.header_light_img{
	margin-right: 10px;
}

.yoyaku_pc { display: block !important; }
.yoyaku_sp { display: none !important; }
 

.yoyaku_pc{
	display: block;
}

.yoyaku_sp{
	display: none;
}
.yoyaku_sp img{
    max-width: 100%;
    height: auto;
}


.side_pc {
	position: fixed;
	right: 0;
	bottom: 40%;
	-webkit-animation-name:side;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:side;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease;
}

@-webkit-keyframes side {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes side {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}