@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {

.pc{display: none;}
   
.head{width: 96%; margin: 10px auto 0;text-align: center;}
.head h1{color: #fff; font-size: 2px;}
.head ul{display: none;}

  header{width: 96%; margin: 0 auto;text-align: center;}
  .logo{width: 80%; margin: 20px auto;}
  .logo img{width: 100%;}

.title{width:auto; margin: 40px auto; text-align: center;}

.btn{width: 90%; margin: 10px auto 30px;}
.btn a {width: 90%; display: inline-block;padding: 0.6em 0;text-decoration: none;color: #333 !important;
  border: solid 1px #333;font-size: 1em; border-radius: 3px;transition: .4s;}
.btn a:hover {background: #333;color: #fff !important;}
.btn_center {text-align: center; font-size: 16px;margin: 40px auto;}

.margin_t20{margin-top: 20px;}

.footer_center2 {text-align: center;width: 100%; background-color: #333; 
	margin: 0 auto;color: #fff;font-size: 12px;padding: 20px 0;}
.footer_center2 p{font-size: 16px;}
.small{margin-top: 20px;}
.footer_center2 a{color: #fff;}
.mente a{color: #333 !important;}
.mente a:hover{color: #333 !important;}
/* 下層ページ -----------------*/
.obi{width: 100%; height: 70px; background-color: #333;}
.obi_waku{width: 96%; margin: 0 auto; padding: 16px 0; margin-left: 3%;}
.obi_title{color: #fff; font-size: 2em; font-family: serif;}
.obi_title span{color: #aaa; font-size: 0.6em; font-weight: normal;margin-left: 20px;}

/* トップにもどるボタン -----------------*/
#page-top {position: fixed;bottom: 20px;right: 20px;transition: 0.6s}
#page-top a:hover {opacity: 0.5;}
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {

.pc{display: none;}

.head{width: 96%; margin: 10px auto 0; display: flex; justify-content: space-between;}
.head h1{color: #fff; font-size: 9px;}
.head ul{display: flex; list-style: none;}
.head li{width: 32px; height: 32px; margin-right: 10px;}
.head li img{width: 100%;}

  header{width: 96%; margin: 0 auto;}
  .logo{width: 312px; margin: 0 auto;}
  .logo img{width: 100%;}


.flex_t{display: flex; justify-content: space-between;}
.flex_w {display: flex; justify-content: space-between; flex-wrap: wrap;}


.title{width:auto; margin: 60px auto; text-align: center;}

.gray_bace{width: 100%; margin: 0; padding: 40px 0; background-color: #F9F9F9;}
.centerback{width: 100%; margin: 20px auto;}


.btn{width: 90%; margin: 10px auto 30px;}
.btn a {width: 90%; display: inline-block;padding: 0.6em 0;text-decoration: none;color: #333 !important;
  border: solid 1px #333;font-size: 1em; border-radius: 3px;transition: .4s;}
.btn a:hover {background: #333;color: #fff !important;}
.btn_center {text-align: center; font-size: 16px;margin: 40px auto;}

.margin_t20{margin-top: 20px;}

footer{width: 100%;background-color: #333; }
.footer_center{width: 90%; line-height: 1.6em; margin: 0 auto; padding: 20px;display: flex;color: #fff;justify-content: space-around;}
.footer_center ul{list-style: none; padding: 0;}
.footer_center a{color: #fff !important;}
.footer_center a:hover{border-bottom: thin solid #fff;}
footer hr{margin: 0;padding: 0;border: 0;border-bottom: 1px solid #888;border-top: 2px solid #000;}
.footer_center2 {text-align: center;width: 100%; margin: 0 auto; padding: 20px;color: #fff;font-size: 12px;}
.footer_center2 p{font-size: 16px;}
.small{margin-top: 20px;}

.mente a{color: #333 !important;}
.mente a:hover{color: #333 !important;}


/* 下層ページ -----------------*/
.obi{width: 100%; height: 70px; background-color: #333;}
.obi_waku{width: 96%; margin: 0 auto; padding: 16px 0; margin-left: 3%;}
.obi_title{color: #fff; font-size: 2em; font-family: serif;}
.obi_title span{color: #aaa; font-size: 0.6em; font-weight: normal;margin-left: 20px;}

/* トップにもどるボタン -----------------*/
#page-top {position: fixed;bottom: 20px;right: 20px;transition: 0.6s}
#page-top a:hover {opacity: 0.5;}

}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {	

.sp{display: none;}
   
.head{width: 1080px; margin: 10px auto 0; display: flex; justify-content: space-between;}
.head h1{color: #fff; font-size: 9px;}
.head ul{display: flex; list-style: none;}
.head li{width: 32px; height: 32px; margin-right: 10px;}
.head li img{width: 100%;}

  header{width: 1080px; margin: 0 auto;}
  .logo{width: 312px; margin: 0 auto;}
  .logo img{width: 100%;}

.flex{display: flex; justify-content: space-between;}
.flex_r{display: flex; justify-content: space-between;flex-direction: row-reverse;}

nav{width: 1080px; height: 90px; margin: 40px auto 0;}
nav ul{list-style: none; display: flex; justify-content: space-around;}
nav li a {display: block;}
nav li a img{width: 85%; margin-right: 15px;}
nav li a:hover img {opacity: 0.4;transition-duration: 0.5s}

.title{width:auto; margin: 60px auto; text-align: center;}

.gray_bace{width: 100%; margin: 0; padding: 40px 0; background-color: #F9F9F9;}
.centerback{width: 1080px; margin: 20px auto;}


.btn{width: 90%; margin: 10px auto 30px;}
.btn a {width: 90%; display: inline-block;padding: 0.6em 0;text-decoration: none;color: #333 !important;
  border: solid 1px #333;font-size: 1em; border-radius: 3px;transition: .4s;}
.btn a:hover {background: #333;color: #fff !important;}
.btn_center {text-align: center; font-size: 16px;margin: 40px auto;}

.margin_t20{margin-top: 20px;}

footer{width: 100%;background-color: #333; }
.footer_center{width: 680px; line-height: 1.6em; margin: 0 auto; padding: 20px;display: flex;color: #fff;justify-content: space-around;}
.footer_center ul{list-style: none; padding: 0;}
.footer_center a{color: #fff !important;}
.footer_center a:hover{border-bottom: thin solid #fff;}
footer hr{margin: 0;padding: 0;border: 0;border-bottom: 1px solid #888;border-top: 2px solid #000;}
.footer_center2 {text-align: center;width: 1080px; margin: 0 auto; padding: 20px;color: #fff;font-size: 12px;}
.footer_center2 p{font-size: 16px;}
.small{margin-top: 20px;}

.mente a{color: #333 !important;}
.mente a:hover{color: #333 !important;}


/* 下層ページ -----------------*/
.obi{width: 100%; height: 70px; background-color: #333;}
.obi_waku{width: 1080px; margin: 0 auto; padding: 16px 0; margin-left: 140px;}
.obi_title{color: #fff; font-size: 2em; font-family: serif;}
.obi_title span{color: #aaa; font-size: 0.6em; font-weight: normal;margin-left: 20px;}

/* トップにもどるボタン -----------------*/
#page-top {position: fixed;bottom: 20px;right: 20px;transition: 0.6s}
#page-top a:hover {opacity: 0.5;}

}