/* �w�b�_�[
--------------------------*/
header{
	width:100%;
	position:fixed;
	background-color:#FFF;
	z-index:99;
	top:0;
}

header #icon_area ul{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
	padding:10px 0;
}

header #icon_area ul li{
	margin-left:38px;
}

header #icon_area ul li:nth-child(-n+7){
	display:none;
}

header #t_menu{
	background-color:#003088;
	position:relative;
	box-shadow: 0 -2px 2px 0px rgba(100,100,100,0.15);
}

header #t_menu .logo{
	position:absolute;
	left:-195px;
	top:-65px;
	z-index:3;
}

header #t_menu ul{
	position:absolute;
	top:0;
	right:0;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

header #t_menu ul li a{
	display:block;
	font-size:20px;
	color:#FFF;
	padding:16px 20px;
	font-weight:bold;
	box-sizing:boder-box;
}

header #t_menu ul li a:hover{
	color:#003088;
	background-color:#FFF;
	text-decoration:none;
	border-bottom:solid 6px #ffdb00;
	padding:16px 20px 10px;
}

header h1.sp,header .logo_sp{
	display:none;
}

@media screen and (max-width:1800px) {		/*�^�u���b�g�pCSS*/
header #t_menu .logo,header #t_menu h1{
	display:none;
}

header .logo_sp{
	width:240px;
	display:inherit;
	position:absolute;
	left:0;
	top:0;
	z-index:3;
}

header h1.sp{
	width:calc(100% - 540px);
	display:inherit;
	color:#000;
}

header #icon_area ul{
	position:absolute;
	right:0;
	top:0;
}

header #icon_area ul li{
	margin-left:10px;
}

header #icon_area ul li:last-child{
	margin-right:10px;
}

header #t_menu ul{
	position:relative;
}

header #t_menu ul li a{
	font-size:18px;
	padding:24px 20px;
}

header #t_menu ul li a:hover{
	padding:24px 20px 14px;
}

}

@media screen and (max-width:767px) {		/*�X�}�z�pCSS*/
header{
	text-align:center;
}

header .logo_sp{
	position:relative;
	display:block;
	width:30%;
	margin:0 auto;
}

header h1.sp{
	display:inherit;
	width:100%;
}

header #icon_area ul{
	width:100%;
	padding:0;
	margin:0;
	display:inline-block;
}

header #icon_area ul li:nth-child(1){
	background-color:#023089;

	padding:0;
	margin:0;
}

header #icon_area ul li:nth-child(1) a{
	color:#FFF;
}

header #icon_area ul li:nth-child(-n+7){
	display:block;
}

header #icon_area ul li:nth-child(n+8) a{
	float:left;
	width:33.33%;
	padding-left:5px;
	box-sizing:border-box;
	border:none;
}

header #icon_area ul li:nth-child(n+8) img{
	width:100%;
}

header #icon_area ul li,header #icon_area ul li:last-child{
	padding-right:5px;
	margin:0;
}

header #icon_area ul a{
	display:block;
	text-align:center;
	color:#023089;
	padding:10px 0;
	border-bottom:solid 1px #eee;

}

header #t_menu ul{
	position:relative;
    -webkit-justify-content: space-between;
    justify-content: space-between;	
}

header #t_menu ul li:nth-child(1){
	width:25%;
}

header #t_menu ul li:nth-child(2){
	width:45%;
}

header #t_menu ul li:nth-child(3){
	width:30%;
}

header #t_menu ul li a{
	font-size:14px;
	padding:10px 0;
	font-weight:normal;
	border-right:solid 1px #FFF;
	text-align:center;
}

header #t_menu ul li a:hover{
	padding:10px 0 10px;
}
}



#b_menu{
	width:100%;
	box-shadow: 0 2px 2px 0px rgba(100,100,100,0.15);
	position:relative;
}

#b_menu ul{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

#b_menu ul li{
	width:16.66%;
	text-align:center;

}

#b_menu ul li a{
	display:block;
	font-size:20px;
	color:#013089;
	padding:23px 20px;
	font-weight:bold;
	box-sizing:boder-box;
}

#b_menu ul li a:hover{
	text-decoration:none;
	border-bottom:solid 6px #ffdb00;
	padding:23px 20px 17px;
}


@media screen and (max-width:1250px) {		/*�^�u���b�g�pCSS*/
#b_menu ul li a{
	font-size:18px;
	padding:30px 10px;
}

#b_menu ul li a:hover{
	padding:30px 10px 20px;
}
}

@media screen and (max-width:980px) {		/*�^�u���b�g�pCSS*/
#b_menu ul li{
	width:15%;
	text-align:center;
}

#b_menu ul li:nth-child(3),#b_menu ul li:nth-child(6){
	width:20%;
}

#b_menu ul li a{
	font-size:16px;
	padding:20px 10px;
}
}



@media screen and (max-width:767px) {		/*�X�}�z�pCSS*/
#b_menu{
	display:none;
}
}


/* ���C���摜
--------------------------*/
#main{
	background-size:100%;
	padding:calc((7.812% - 60px) / 2) 0;
}

#main h2{
	width:100%;
	height:60px;
	font-size:30px;
	text-align:center;
	vertical-align:middle;
	color:#013089;
	padding:15px;
	box-sizing:border-box;
}

@media screen and (max-width:1250px) {		/*�^�u���b�g�pCSS*/
#main{
	padding:calc((7.812% - 40px) / 2) 0;
}

#main h2{
	height:40px;
	font-size:24px;
	padding:10px;
	
}
}

@media screen and (max-width:980px) {		/*�^�u���b�g�pCSS*/
#main{
	padding:calc((7.812% - 30px) / 2) 0;
}

#main h2{
	height:30px;
	font-size:18px;
	padding:5px;
}
}

@media screen and (max-width:676px) {		/*�^�u���b�g�pCSS*/

#main h2{
	height:100px;
	text-align:left;
	font-size:24px;
	padding:35px 30px;
}
}

@media screen and (max-width:360px) {		/*�^�u���b�g�pCSS*/
#main h2{
	height:80px;
	text-align:left;
	font-size:20px;
	padding:30px;
}
}


/* �{�^��
--------------------------*/
.btn{
	text-align:center;
}

.btn a{
	display:block;
}

/* ���̑�
--------------------------*/
.dn {
	display:none;
}

.fixed{
	background-color:#FFF;
	position: fixed !important;
	top: 150px;
	left: 0;
	z-index:8;
}

.drawer-hamburger{
	display:none;
}

@media screen and (max-width:1800px) {		/*�^�u���b�g�pCSS*/
.fixed{
	top: 170px;
}
}

@media screen and (max-width:767px) {		/*�X�}�z�pCSS*/
.drawer-hamburger{
	display:inherit;
}
}

/* �y�[�W�g�b�v
--------------------------*/
#pagetop{
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 12px;
	z-index:10;
}

#pagetop a{
    background: #ffdb00;
    text-decoration: none;
    color: #023089;
    width: 170px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#pagetop a:hover{
    text-decoration: none;
    background: #666;
}

br.tb,br.sp{
	display:none;
}

@media screen and (max-width:1100px) {		/*�^�u���b�g�pCSS*/
br.tb{
	display:inherit;
}
}

@media screen and (max-width:480px) {		/*�X�}�z�pCSS*/
br.sp{
	display:inherit;
}

#pagetop{
	width:100%;
    bottom: 0;
    right: 0;
}

#pagetop a{
	width:100%;
    padding: 10px 0;
    border-radius: 0;
}
}




/* �t�b�^�[
--------------------------*/
footer{
	background-color:#013089;
	color:#FFF;
	padding:65px 0;
}

footer #contact_area{
	background-color:#FFF;
	padding:75px;
	margin-bottom:50px;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;	
	-webkit-align-items: center;
    align-items: center;
}

footer #contact_area p{
	color:#666;
}

footer #contact_area #to_inquiry a{
	display:block;
	color:#013089;
	font-weight:bold;
	background-color:#ffdb00;
	padding:22px 50px;
}


footer #contact_area #to_inquiry a:hover{
	background: -moz-radial-gradient(#aaa 0%, #999 30%, #666 90%); 
  	background: -webkit-radial-gradient(#aaa 0%, #999 30%, #666 90%); 
  	background: radial-gradient(#eee 20%,  #aaa 80%,#999 90%); 
}

footer ul{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;	
	-webkit-flex-wrap: wrap;/* Safari etc. */
	flex-wrap: wrap;
}

footer ul li a{
	display:block;
	color:#FFF;
	padding:25px 0px;
	font-weight:bold;
	box-sizing:boder-box;
}

footer ul li a:hover{
	color:#ffdb00;

}

footer ul li:nth-child(-n+3){
	width:32%;
	text-align:center;
}

footer ul li:nth-child(n+4){
	padding:0 25px;
	margin:40px 0;
}

footer ul li:nth-child(-n+3) a{
	border:solid 2px #FFF;
}

footer ul li:nth-child(-n+3) a:hover{
	border:solid 2px #ffdb00;
}

footer #copyright{
	text-align:center;
} 

@media screen and (max-width:1250px) {		/*�^�u���b�g�pCSS*/
footer #contact_area{
	padding:40px;
}

footer ul li:nth-child(n+4){
	padding:0 20px;
}
}

@media screen and (max-width:980px) {		/*�^�u���b�g�pCSS*/
footer{
	background-color:#013089;
	color:#FFF;
	padding:30px 0;
}

footer #contact_area{
	padding:30px 30px 10px;
	margin-bottom:30px;
    -webkit-justify-content: space-between;
    justify-content: space-between;	
	-webkit-flex-wrap: wrap;/* Safari etc. */
	flex-wrap: wrap;
}

footer #contact_area #to_inquiry{
	width:100%;
	box-sizing:border-box;
	padding:22px 0;
	text-align:center;
}

footer #contact_area #to_inquiry a{
	padding:22px 20px;
}

footer ul li:nth-child(n+4){
	padding:0 20px;
	margin:20px 0;
}

}

@media screen and (max-width:767px) {		/*�X�}�z�pCSS*/
footer{
	background-color:#013089;
	color:#FFF;
	padding:20px 0 60px;
}

footer #contact_area,footer nav{
	display:none;
}
}