@charset "UTF-8";
html {
  background:#fff;
  overflow-x:hidden
}
body {
  font-size: 16px;
  color: #666;
  line-height: 200%;
  overflow-x: hidden;
  font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
  background-image: url("/assets_lp/cnt/agent/images/bg.png");
  background-repeat: repeat;
  background-size: 50%;
  background-attachment: fixed;
}
img {
  width:100%
}
a {
  opacity:1;
  transition:all .3s;
  color:#ccc
}
a:hover {
  opacity:.8;
  transition:all .3s
}
.pc_only {
  display:block
}
.sp_only {
  display:none
}
.subtitle {
  width:95%;
  margin: 4rem auto 1rem auto;
}
.mapapi {
  width:85%;
  margin: 2rem auto .5rem auto;
}
.btn a {
  display:block;
  width:85%;
  margin:2rem auto 4rem auto;
  text-align:center;
}
header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1rem;
}
header .logo-left img{
  width: 80%;
}
header .logo-right{
  font-size: 110%;
  font-weight: bold;
}
#contents {
  width:100%
}
#contents .contents_inner {
  width:1000px;
  margin:0 auto;
  background:#fff;
  box-shadow:0 0 10px #999;
}
.contents_inner .content{
margin: 0px 0px 16px 0px;
}
.contents_inner .video_area {
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  flex-wrap: wrap;
  margin-top: 2rem;
  flex-wrap: wrap;
}
.contents_inner .video_area iframe {
  width:400px;
  height:225px;
  margin:.5rem 0;
}
.contents_inner .video_area .intro{
  margin-top:10px;
  padding: 5px 0 5px 10px;
  border-left:6px solid #94c33a;
  line-height: 140%;
  letter-spacing:.1em;
  font-weight:bold;
}
#promo-bottom {display:none;}
.promo-bottom-text {display:none;}
#promo-top {
  width:820px;
  height:462px;
}
#promo-top.promo-top_small {
  width:400px;
  height:225px;
}

footer  {
  background: #333;
  padding-bottom: 3vw;
  margin-top:3vw;
}
footer .footer_inner {
  font-size: 80%;
  color: #ccc;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3vw 0;
}
footer .footer_inner img {
  width: 146px;
}
footer .copy {
  margin: 0 auto;
  border-top: 1px dotted #666;
  font-size: 80%;
  text-align: center;
  color: #888;
  padding: 1vw 0;
}
footer .footer_inner {
  width: 90%;
}
footer .footer_inner p {
  font-size: 80%;
}

@media (max-width:750px) {
  .pc_only {
    display:none
  }
  .sp_only {
    display:block
  }
  #contents .contents_inner {
    width: 100%;
  }
  .contents_inner .video_area {
    width: 95%;
    margin: 0 auto;
    display:block;
    gap: 0;
  }
  .contents_inner .video_area iframe {
    width:330px;
    height:190px;
    margin:2rem auto 1rem auto;
  }
  .contents_inner .video_area .intro{
    width: 340px;
    margin: 0 auto;
    margin-top:0px;
  }
  #promo-top {
    width:330px !important;
    height:190px !important;
  }
  #promo-top_small {
    width:330px;
    height:190px;
  }
  footer {
    margin-top:4rem;
  }
  footer .footer_inner img {
    width: 80px;
  }
  footer .footer_inner {
    padding: 2rem 0;
  }
}