@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------

* all

------------------------------------------------------------------------------------------------------------------------------------------*/

/* screen width 768px未満
---------------------------------------------------------------------*/
a{
	transition:0.5s;
}

.pc{
	display:none;
}

/* returnTop */
#returnTop{
	z-index:999;
	position:fixed;
	bottom:10px;
	right:10px;
}

#returnTop img{
	transition:ease-in .3s all;
	cursor:pointer;
	height:45px;
	width:45px;
}

/* title */




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	.sp{
		display:none;
	}
	
	.pc{
		display:block;
	}
	
	/* returnTop */
	#returnTop img:hover{
		opacity:0.7;
	}
	
	/* title */
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	/* returnTop */
	#returnTop{
		bottom:20px;
		right:40px;
	}

	#returnTop img{
		height:50px;
		width:50px;
	}
	
	/* title */
	
}







/*------------------------------------------------------------------------------------------------------------------------------------------

* header

------------------------------------------------------------------------------------------------------------------------------------------*/

/* screen width 768px未満
---------------------------------------------------------------------*/
header{
	background:#FFFFFF;
	
}

header > div{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
}

header h1{
	padding:14px 10px;
}

header h1 img{
	height:23px;
	width:100px;
}

/* ar_r */
.ar_r{
	text-decoration:none !important;
	font-size:1.4rem;
	color:#666;
	padding:14px 10px;
}

.ar_r::after{
	content:url(../../img/ar_red_r.svg);
  	vertical-align:middle;
	margin-left:8px;
}





/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	header h1 img{
		width:auto;
	}
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	header{
		margin:0 auto;
		width: 100%;
		
	}
	
	header > div{
		align-items:center;
		width:960px;
		margin: 0 auto;
	}
	
	header h1 img{
		height:auto;
		width:402px;
	}
	
	/* ar_r */
	.ar_r{
		font-size:1.6rem;
		padding:0;
	}
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}







/*------------------------------------------------------------------------------------------------------------------------------------------

* footer

------------------------------------------------------------------------------------------------------------------------------------------*/

/* screen width 768px未満
---------------------------------------------------------------------*/
footer{
	box-sizing: border-box;
	background:#0054a7;
  	padding:30px 10px 30px;
	width:100%;
}

footer img{
	display: block;
	margin:0 auto 17px;
	height:60px;
	width:60px;
}

footer p{
	text-align:center;
	font-size:1.4rem;
	color: #fff;
}





/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	footer{
	}
	
	footer img{
		margin:0 auto 50px;
	}
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}