@charset "UTF-8";
/*

COMPANY

*/
/* Vendor */
/* Variable */
/*

breakpoints

*/
/*

base color

*/
/*

text color

*/
/*

table color

*/
/*

button color

*/
/*

width

*/
/*

webfonts

*/
/* Mixin */
/*

clearfix

*/
/*

メディアクエリ

ブレークポイント定義
```sass
$breakpoints:(
	tablet: 959px,
	sp: 679px
);
```

● max-widthで指定する
```sass
@include mq(sp) {
	height:40px;
}
```
```output css
@media screen and (max-width: 679px) {
	height: 40px;
}
```

● 範囲指定する場合は、引数に2つ入れる
```sass
@include mq(sp tablet) {
	height:40px;
}
```
```output css
@media screen and (min-width: 680px) and (max-width: 959px) {
	height: 40px;
}
```

● min-widthで指定する場合は第2引数をtrueにする
```sass
@include mq(tablet, true) {
	height:40px;
}
```
```output css
@media screen and (min-width: 960px) {
	height: 40px;
}
```

*/
/* Function */
body.privacy {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

body.privacy .mv.lightblue {
  background-image: url("../../images/privacy/bg_01.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 575px) {
  body.privacy .mv.lightblue {
    background-image: url("../../images/privacy/bg_01_sp.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.privacy__detail .wrapper .title-box {
  text-align: center;
  padding-bottom: 40px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 40px;
}
.privacy__detail .wrapper .title-box.title-box02 {
  text-align: center;
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 40px;
}
.privacy__detail .wrapper .title-box h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}
.privacy__detail .wrapper .contents-wrapper {
  padding-bottom: 40px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 40px;
}
.privacy__detail .wrapper .contents-wrapper:last-child {
  padding-bottom: 0;
  margin-bottom: 80px;
  border-bottom: none;
}
.privacy__detail .wrapper .contents-wrapper h3 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}
.privacy__detail .wrapper .contents-wrapper h4 {
  margin-top: 5px;
}
.privacy__detail .wrapper .contents-wrapper ul li {
  margin-top: 5px;
}
.privacy__detail .wrapper .contents-wrapper p a {
  color: #0071bc;
  display: inline-block;
  border-bottom: 1px solid #0071bc;
}

@media (max-width:991px) {
  .privacy__detail .wrapper .title-box p {
    text-align: left;
  }
  .privacy__detail .wrapper .title-box h2 {
    font-size: 24px;
  }
  .privacy__detail .wrapper .contents-wrapper h3 {
    font-size: 18px;
  }
}
@media (max-width:575px) {
  .mv.lightblue .mv__contents .mv__title h1 {
    font-size: 3.2rem;
  }
}