@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,d,footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video { margin:0; padding:0; border:0; outline:0; vertical-align:bottom; background:transparent;}
body { line-height:1; -webkit-text-size-adjust: 100%;}
ul li { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}

a { margin:0; padding:0; color: #666; text-decoration: none; vertical-align:baseline;}
a:hover { opacity: 0.7;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
table { border-collapse:collapse; border-spacing:0;}
hr { display:block; height:1px; border:0;  border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select { vertical-align:middle;}
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}
/* ===================================================================================
  resetここまで
=================================================================================== */
body * { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.pc_none { display: none;}

header { background: url("../img/pc_bg_header.jpg") no-repeat top center;}
.sec01 { background: url("../img/bg01.jpg") no-repeat top center;}
.sec02 { background: url("../img/bg02.jpg") no-repeat top center;}
.sec03 { background: url("../img/bg03.jpg") no-repeat top center;}
.sec04 { background: #e6e6e6;}
.sec05 { background: url("../img/bg05.jpg") no-repeat top center;}
.sec06 { background: url("../img/bg06.jpg") no-repeat top center;}
.sec07 { background: url("../img/bg07.jpg") no-repeat bottom center, #fff;}
footer { background: #003780;}

.inner { width: 1200px; margin: 0 auto;}

.offer { position: relative;}
.offer .offer_btn {
  position: absolute;
  bottom: 150px;
  right: 205px;
}
.offer .offer_btn input[type="submit"] {
  width: 438px;
  height: 75px;
  background: url("../img/img_pc_btn.png")no-repeat center/100%;
}
.offer .offer_btn input[type="submit"]:hover { opacity: 0.7;}

.video {
  text-align: center;
  margin-bottom: 50px;
}
.video iframe {
  width: 800px;
  height: 450px;
}

footer { padding: 33px 0;}
footer ul {
  display: flex;
  justify-content: center;
}
footer ul li {
  padding: 0 15px;
  border-right: solid 1px #fff;
}
footer ul li:last-child { border-right: none;}
footer ul li a {
  display: block;
  color: #fff;
  font-size: 16px;
}
footer .copy {
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-top: 15px;
}

@media screen and (min-width:768px) and (max-width: 1200px) {
  img { width: 100%;}
  
  header { background: url("../img/pc_bg_header.jpg") no-repeat top center/166.7vw auto;}
  .sec01 { background: url("../img/bg01.jpg") no-repeat top center/166.7vw auto;}
  .sec02 { background: url("../img/bg02.jpg") no-repeat top center/166.7vw auto;}
  .sec03 { background: url("../img/bg03.jpg") no-repeat top center/166.7vw auto;}
  .sec04 { background: url("../img/bg04.jpg") no-repeat top center/166.7vw auto;}
  .sec05 { background: url("../img/bg05.jpg") no-repeat top center/166.7vw auto;}
  .sec06 { background: url("../img/bg06.jpg") no-repeat top center/166.7vw auto;}
  .sec07 { background: url("../img/bg07.jpg") no-repeat bottom center/166.7vw auto, #fff;}
  
  .inner { width: 100vw;}


.offer { position: relative;}
.offer .offer_btn {
  position: absolute;
  bottom: 12.5vw;
  right: 17.083vw;
}
.offer .offer_btn input[type="submit"] {
  width: 36.5vw;
  height: 6.25vw;
  background: url("../img/img_pc_btn.png")no-repeat center/100%;
}
.offer .offer_btn input[type="submit"]:hover { opacity: 0.7;}


  .video { margin-bottom: 4.2vw;}
  .video iframe {
    width: 66.7vw;
    height: 37.5vw;
  }
  
  footer { padding: 2.8vw 0;}
  footer ul li { padding: 0 1.3vw;}
  footer ul li a { font-size: 1.3vw;}
  footer .copy {
    font-size: 1.2vw;
    margin-top: 1.3vw;
  }
}