@charset "UTF-8";

@media screen and (max-width: 768px){
 .pankuzu{
  padding:0 20px 12px;
 }
}

.contact .content-wrap.bussiness-index{
 padding-bottom:40px;
}
@media screen and (max-width: 768px){
 .contact .content-wrap.bussiness-index{
  padding-bottom:30px;
 }
}

.container-in{
 padding:60px 0 0;
}
@media screen and (max-width: 768px){
 .container-in{
  padding:40px 0 0;
 }
}
.content-wrap{
 background:#fff;
 padding-top:0;
 padding-bottom:0;
 margin-bottom:80px;
}
@media screen and (max-width: 768px){
 .content-wrap{
  margin-bottom:60px;
  }
}

.flex-wrap{
 display:flex;
}

@media screen and (max-width: 768px){
 .flex-wrap{
  display:block;
 }

}

.content-wrap .inner{
 max-width:420px;
 width:100%;
 font-size:16px;
 color:#666666;
}
.content-wrap .inner:first-child{
 margin-right:40px;
}
@media screen and (max-width: 768px){
  .content-wrap .inner:first-child{
   margin-right:0;
  } padding:16px 0;
}
.content-wrap .inner > div{
 padding:38px 0;
 border-bottom:1px solid #DDDDDD;
}
@media screen and (max-width: 768px){
 .content-wrap .inner > div{
  padding:24px 0;
 
 }
}
.content-wrap .inner > div a:hover{
 opacity:0.8;
 tarnsition:0.3s all;
}

.h3-link{
 font-size:18px;
 font-weight:bold;
 color:#282828;
 display:block;
 position:relative;
}

.h3-link:before{
 content:url(/materials/common/img/sitemap/arrow.svg);
 display: inline-block;
 margin-right: 16px;
}

.h4-link{
 display:block;
 position:relative;
 padding-bottom:16px;
}

.h4-link:before{
 content:url(/materials/common/img/sitemap/border.svg);
 display: inline-block;
 margin-right: 16px;
 vertical-align: super;
}

.h3-link + .h4-link{
 padding-top:16px;
 padding-bottom:16px;
}

div .h4-link:last-child{
 padding-top:0;
 padding-bottom:0;

}