@charset "UTF-8";
/* CSS Document */
body {
  background: #000;
  color: #fff;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 400;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.inner_section {
  max-width: 1100px;
  margin: 0 auto;
}

.bread_list_ul {
  max-width: 1100px;
  margin: 0 auto 40px auto;
  display: flex;
}
.bread_list_li {
  font-size: 12px;
}
.bread_list_li a {
  color: #fff;
  text-decoration: none;
}
.bread_list_li a::after {
  content: ">";
  margin: 0 10px;
}


@media screen and (max-width:768px){
.bread_list_ul {
  display: none;
	}
}


/*------------------------------------------------
header
------------------------------------------------*/
.header_innre {
  margin: 0 auto;
}
.header_innre {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
header {
  padding: 24px 40px;
}
.h_ling_area a:hover {
  opacity: 0.6;
  transition: 0.5s;
}
.h_ling_area img {
  max-width: 27vw;
}
.h_logo_area img {
  max-width: 15vw;
}

@media screen and (max-width:768px){
header {
  padding: 16px 20px;
}	
.h_logo_area img {
  max-width: 22vw;
}	
.h_ling_area img {
  max-width: 38vw;
}	
}

@media screen and (max-width:414px){
.h_logo_area img {
  width: 85px;
}
.h_ling_area img {
  width: 132px;
}	
.h2_title img {
  width: 160px;
}
.h2_title {
  text-align: center;
  margin-bottom: 24px;
}	
}


/*------------------------------------------------
footer
------------------------------------------------*/
.f_nav_ul {
  display: flex;
	justify-content: center;
	margin: 0 auto 60px auto;
}
.f_nav_li {
  margin-right: 20px;
}
.f_nav_li:last-child{
  margin-right: 0;
}
.f_nav_li a {
  font-size: 14px;
  font-size: min(1.2vw,14px);	
  color: #fff;
  text-decoration: none;
}
footer {
  padding: 40px 0 20px 0;
  text-align: center;
}
address{
  font-size: 12px;
}


@media screen and (max-width:768px){
footer {
  padding: 24px 20px 20px 20px;
}
.f_nav_ul {
  display: block;
	}
.f_nav_li a {
  font-size: 13px;
	}
.f_nav_li {
  margin-right: 20px;
  text-align: left;
  margin-bottom: 16px;
}	
}


/*------------------------------------------------
TOPへ戻る
------------------------------------------------*/
.topBtn {
  position:fixed; /*固定*/
  bottom:20px; /*場所を右下に移動*/
  right:20px; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:rgba(0,0,0,0.5); /*以下、デザインはご自由に！！*/
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width:50px;
  height:50px;
  text-align:center;
  line-height:50px;
  border-radius:30px;
  box-sizing:border-box;
  border: solid 1px #fff;
  letter-spacing: 0.06em;
}

.topBtn:hover {
  opacity:0.7;
}

/*layout*/
.wrapper {
  position:relative; /*topBtnの親要素に指定*/
}