@charset "UTF-8";
@font-face {
  font-family: "ASansreg";
  src: url("../font/ASansreg.woff") format("woff"), url("../../font/ASansreg.ttf") format("truetype"); 
}

#otonamuse_200528 {
  max-width: 1078px;
  padding: 0 20px;
  margin: 0 auto 160px;
  font-size: 15px;
  font-family: "ASansreg", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  color: #000; 
}
#otonamuse_200528 img {width: 100%; }
#otonamuse_200528 a {display: block; }
#otonamuse_200528 .flex {display: flex; }
#otonamuse_200528 .jcsb {justify-content: space-between;}
#otonamuse_200528 .jcc {justify-content: center;}
#otonamuse_200528 .center {align-items: center;}
#otonamuse_200528 .end {align-items: flex-end;}
#otonamuse_200528 .sp_only {display: none; }
/*クレジット*/
#otonamuse_200528 .credit {
  font-size: 0;
  padding-top: 24px;
  text-align: left;
}
#otonamuse_200528 .credit.right{text-align: right;}
#otonamuse_200528 .credit li {
 margin-right: 20px;
 font-family: "ASansreg";
 display: inline-block;
 font-size: 15px;
 letter-spacing: .025em;
 line-height: 28px;
}
#otonamuse_200528 .credit.right li{margin-left: 20px;margin-right: 0;}
#otonamuse_200528 .credit li a {text-decoration: underline;}

/*sec*/
#otonamuse_200528 section{position: relative;}
#otonamuse_200528 .mv p{
  text-align: center;
  font-size: 18px;
  line-height: 40px;
  margin: 50px auto 90px;
}
#otonamuse_200528 .inner_blk{
  max-width: 960px;
  width: calc((960 / 1078) * 100%);
  margin: auto;
}
#otonamuse_200528 .sec {
  margin: 0 auto 120px; 
}
#otonamuse_200528 .text_blk{
  position: relative;
  padding: 30px 40px;
  font-size: 19px;
  line-height: 36px;
  text-align: center;
  display: inline-table;
  z-index: 1;
}
#otonamuse_200528 .text_blk::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/left_pc.svg) no-repeat right center/100%;
  width: 77px;
  height: 29px;
}
#otonamuse_200528 .text_blk::after{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../img/right_pc.svg) no-repeat right center/100%;
  width: 77px;
  height: 29px;
}

#otonamuse_200528 .sec01 .text_blk{
  margin-top: calc((300 / 960) * 100%);
}
#otonamuse_200528 .sec01 .img01{
  max-width: 550px;
  width: calc((550 / 960) * 100%);
}
#otonamuse_200528 .sec02 .text_blk{
  position: absolute;
  top: calc((140 / 619) * 100%);
  right: 0;
}
#otonamuse_200528 .sec02 .img02{
  max-width: 850px;
  width: calc((850 / 960) * 100%);
}
#otonamuse_200528 .sec03 .text_blk{
  position: absolute;
  top: calc((250 / 830) * 100%);
  left: calc((96 / 960) * 100%);
}
#otonamuse_200528 .sec03 .img03{
  max-width: 500px;
  width: calc((500 / 960) * 100%);
  margin-left: calc((360 / 960) * 100%);
}
#otonamuse_200528 .sec04{
  max-width: 264px;
  width: calc((264 / 960) * 100%);
  margin: 0 auto 50px;
}
#otonamuse_200528 .sec04 div{
  background: url(../img/bg_pc.jpg) no-repeat right center;
  color: #fff;
  font-size: 18px;
  width: 264px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  margin-top: 28px;
}
#otonamuse_200528 .sec05{
  margin: 0 auto 60px;
}
#otonamuse_200528 .sec05 .text_blk{
  position: absolute;
  top: calc((200 / 825) * 100%);
  right: 0;
}
#otonamuse_200528 .sec05 .img04 > a{
  max-width: 550px;
  width: calc((550 / 960) * 100%);
}
#otonamuse_200528 .sec05 .credit{margin-left: 30px;}
#otonamuse_200528 .sec06{
  margin: 0 auto 150px;
  max-width: 800px;
  padding: 32px 0 40px;
  box-sizing: border-box;
  background-color: #f7f4f0;
  text-align: center;
}
#otonamuse_200528 .sec06 h2{
  font-family: pragmatica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  padding:0 3px 10px;
  border-bottom: 1px solid;
  display: inline-block;
  margin: 0 auto 20px;
}
#otonamuse_200528 .sec06 .img{
  max-width: 200px;
  margin-right: calc((50 / 800) * 100%);
}
#otonamuse_200528 .sec06 .check_blk{
  font-size: 14px;
  text-align: left;
  width: 380px;
}
#otonamuse_200528 .sec06 .check_blk ul li{
  margin: 26px auto;
  width: 100%;
  line-height: 17px;
}
#otonamuse_200528 .sec06 .check_blk ul li img{
  max-width: 16px;
  margin-right: 10px;
}


/*btn_blk*/
#otonamuse_200528 .btn_blk {
  width: 380px;
  height: 65px;
  margin: 140px auto 0;
  border: 1px solid #000000; 
}
#otonamuse_200528 .btn_blk a {
  width: 100%;
  height: 100%;
  line-height: 65px;
  text-align: center;
  font-size: 18px;
  color: #000;
  letter-spacing: 0.06em;
  text-decoration: none; 
}

@media screen and (max-width: 1200px){
  .bredlist.lp {
    min-width: 95%;
    max-width: 95%;
  }
}
@media screen and (max-width: 1000px){
  #otonamuse_200528 .text_blk{
    padding: calc(30 *(100vw / 960)) calc(40 *(100vw / 960));
    font-size: calc(19 *(100vw / 960));
    line-height: calc(36 *(100vw / 960));
  }
  #otonamuse_200528 .text_blk::before,
  #otonamuse_200528 .text_blk::after{
    width: calc(77 *(100vw / 960));
    height: calc(29 *(100vw / 960));
  }
}