@charset "UTF-8";
/* 
CSS base.css */
/*
base #312b2b
green #19ad5a
red #f90307
*/


/*///////////////////////////////////
Header
///////////////////////////////////*/



/*///////////////////////////////////
Nav
///////////////////////////////////*/




/*///////////////////////////////////
Mainv.under
///////////////////////////////////*/
#mainv.under { width: 100%; position: relative; height: 400px; display: flex; justify-content: center; align-items: center; }
#mainv.under .bg { position: absolute; top: 0; left: 0; object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; z-index: -1; object-position: 50% 0;}
#mainv.under #logo img { position: absolute; top: 40px; left: 50px; width: 60px; height: 208px; z-index: 1000;}
#mainv.under .pagetitle { text-align: center; color: #fff; padding: 0 6%; font-size: 3.2rem; letter-spacing: 0.3em; padding-top: 80px; }
@media screen and (max-width: 1100px){
    #mainv.underv { height: 400px; }
}
@media screen and (max-width: 767px){
    #mainv.under { height: 320px; }
	#mainv.under #logo img { width: 40px; height: 139px; top: 20px; left: 20px;}
	#mainv.under .pagetitle { font-size: 2.2rem; letter-spacing: 0.26em; }
}
@media screen and (max-width: 500px){
    #mainv.under { height: 260px; }
	#mainv.under .pagetitle { padding-top: 60px; }
}



/*///////////////////////////////////
Pankuzu
///////////////////////////////////*/



/*///////////////////////////////////
Content
///////////////////////////////////*/

#article.under { }
@media screen and (max-width: 767px) { 
	#article.under { }
}



/*///////////////////////////////////
Footer
///////////////////////////////////*/

#footer {  }

/* footerinfo */
#footer .fcontactbox{  position: relative; padding: 360px 0; }
#footer .fcontactbox .bg { position: absolute; top: 0; left: 0; object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; z-index: -1; }
#footer .fcontactbox .box1 { display: flex; justify-content: center;}
#footer .fcontactbox .box1 a.mail { font-size: 2.8rem; color: #fff; width: 400px; height: 160px; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; font-weight: 500; font-style: italic;}
#footer .fcontactbox .box1 a.mail:hover { transition: 0.3s; color: #111; background: #fff; border: 1px solid #111; opacity: 0.8; }
@media screen and (max-width: 1100px){
	#footer .fcontactbox{  padding: 260px 0; }
}
@media screen and (max-width: 767px){
	#footer .fcontactbox{  padding: 200px 0; }
	#footer .fcontactbox .box1 a.mail { font-size: 1.8rem; width: 80%; height: 100px; }
}
@media screen and (max-width: 500px){
	#footer .fcontactbox .txt2 br { display: block; }
	#footer .fcontactbox .txt2 span { display: none; }
}
/* copyright */
#footer #copyright { padding: 80px 8%; text-align: center; background: #514d4d; color: #fff;}
#footer #copyright .txt1 { font-size: 1.6rem; margin-bottom: 20px;}
#footer #copyright .txt1 a { color: #fff;}
#footer #copyright .txt1 a:hover { color: #ccc; text-decoration: underline;}
#footer #copyright .txt1 br:nth-child(1) { display: none;}
#footer #copyright .cr { font-size: 1.6rem; } 
@media screen and (max-width: 767px){
	#footer #copyright .txt1 { font-size: 1.4rem; margin-bottom: 30px;}
	#footer #copyright .cr { font-size: 1.4rem; } 
}
@media screen and (max-width: 500px){
	#footer #copyright { text-align: left;}
	#footer #copyright .txt1 br:nth-child(1) { display: block;}
}