@charset "utf-8";


/*------reset-------*/
*{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
body,h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,table,th,td,input,textarea,select,header,footer,article,figure,section,nav{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
}
ul,li{
list-style:none;
}
img{
border:0;
line-height:0;
vertical-align:top;
}
a,
a:link{
text-decoration:none;
outline:none;
}
a:hover,
a:active{
text-decoration:none;
outline:none;
}
em{
font-style:normal;
}
strong{
font-weight:bold;
}



/*------common-------*/
body{
background:#ffffff;
text-align:center;
font-size:14px;
line-height:1.4;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans JP',"メイリオ", "Meiryo", "Meiryo UI", "MS UI Gothic", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
color:#000000;
letter-spacing:0;
}
a{
color:#000000;
}
img{
width:100%;
}



/*------layout------*/
html,
body,
.container,
.contents{
width:100%;
min-height:100%;
}
.contents{
/* max-width:1500px; */
margin:0 auto;
background:#FFFFFF;
}



/*------top------*/


@media screen and (max-width:480px) {
  .pc_view {
    display: none;
  }
  .sp_view {
    display: block;
  }
}

@media screen and (min-width:481px) {
  .pc_view {
    display: block;
  }
  .sp_view {
    display: none;
  }
}

.sec02 {
  padding: 20px;
}

.pc_view .sec02 img {
  max-width: 713px;
}

.sp_view .sec02 img {
  max-width: 570px;
}

.sec03 {
    padding: 0 20px;
}

.sec03 dl {
    display: flex;
    max-width: 750px;
    margin: 0 auto;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.sec03 dt {
    width: 20px;
}

.sec03 dd {
    width: calc(100% - 20px);
    text-align: left;
}


.sec05 {
  padding: 20px;
}

.pc_view .sec05 img {
  max-width: 136px;
}

.sp_view .sec05 img {
  max-width: 136px;
}

.sec06 {
  height: 106px;
  background: url(../img/image05_pc.png) center center / cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px black;
}

.sec06 p {
  padding: 0 20px;
}

.sec07 {
  width: 87%;
  max-width: 1000px;
  margin: 0 auto;
}

.sec11 {
  position: relative;
}

.btn_buy {
  position: absolute;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
}
@media screen and (max-width:480px) {
  .btn_buy {
      top: 87.5%;
      width: 160px;
  }
}
@media screen and (min-width:480px) {
  .btn_buy {
      top: 86.5%;
      width: 22%;
  }
}

/*------privacy------*/
#privacy{
background:#ffffff;
}
#privacy .inner{
width:80%;
max-width:1000px;
margin:0 auto;
padding:40px 0;
text-align:left;
font-size:16px;
}
#privacy h1{
margin-bottom:20px;
padding-bottom:10px;
border-bottom:3px #00A0E9 solid;
font-size:26px;
font-weight:bold;
line-height:1;
}
#privacy h2{
margin:30px 0 15px;
padding:5px 0 5px 10px;
border-left:5px #00A0E9 solid;
font-size:21px;
font-weight:bold;
line-height:1.2;
}
#privacy p{
}
#privacy p+p,
#privacy p+ul,
#privacy ul+p{
margin-top:1.4em;
}
#privacy ul{
}
#privacy li{
}
#privacy li+li{
margin-top:1.4em;
}
#privacy .address{
margin-top:4.2em;
}
#privacy .address li+li{
margin-top:0;
}