@charset "utf-8";

/* ************************************************ 
*	利用規約
* ************************************************ */
.att-blue {
color:#57c3ea;
}
.terms-box {
width: 1000px;
max-width: 90%;
margin: 0 auto;
padding: 100px 0 0 0;
}
.midashi-title {
  position: relative;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  font-size: min(2.4vw,24px);
  font-weight: 500;
  line-height: 150%;
  display: block;
}
.midashi-title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #999, #999 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #999, #999 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.kiyaku-box {
margin: 0;
padding: 0 0 70px 0;
}
.kiyaku-box p{
font-size: min(1.8vw,18px);
}

.kiyakulink-inner {
margin: 0 auto;
padding: 0 0 120px 0;
width: 650px;
max-width: 90%;
}
.kiyakulink {
margin: 0 auto;
padding: 0;
text-align:center;
background-color:#fff;
border: 1px solid #333;
width: 400px;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}
.kiyakulink a{
color: #333;
display: block;
padding: 10px 0 11px 0;
line-height: 200%;
text-decoration: none;
font-size: min(2vw,18px);
}
.kiyakulink a:hover{
color: #fff;
background-color:#000;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}
.kiyakulink-no {
margin: 0;
padding: 0;
text-align:center;
background-color:#efefef;
border: 1px solid #333;
width: 300px;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}
.kiyakulink-no a{
color: #333;
display: block;
padding: 10px 0 11px 0;
line-height: 200%;
text-decoration: none;
font-size: min(2vw,18px);
}
.kiyakulink-no a:hover{
color: #fff;
background-color:#000;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}


/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){

}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.terms-box { padding: 70px 0 0 0; }
.kiyaku-box { padding: 0 0 50px 0; }
.kiyakulink-inner { padding: 0 0 100px 0; }
}

/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
.terms-box { padding: 50px 0 0 0; }
.kiyaku-box { padding: 0 0 40px 0; }
.kiyaku-box p { font-size: 4vw; }
.midashi-title { font-size: 5vw; }
.kiyakulink-inner { padding: 0 0 50px 0; }
.kiyakulink { width: 100%; }
.kiyakulink-no {
width: 100%;
margin: 0 0 25px 0;
}
.kiyakulink a,
.kiyakulink-no a{ font-size: 4.5vw; }
}