/*-------------------------
  【style.css】：全ページに適用しているCSS
-------------------------*/
@charset "utf-8";

/* 画面幅指定*/
.layout{
    position: relative;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

@font-face{
    font-family: "ほのか丸ゴシック";
    src: url("./font_1_honokamarugo_1.1.ttf") format("truetype")
}

/*h2見出しフォント*/
.h2{
    font-family: 'Sawarabi Gothic', sans-serif;
}

/*見出し色*/
.col{
    color: white;
    font-family: Yu Gothic;
}


/* FAQボタン pc*/
.button1{
    border-radius: 500px;
    font-size: 21px;
    height: 45px;
    width: 170px;
    color: rgb(3, 155, 201);
    border: 2px solid rgb(149, 177, 255);
    background-color:  #ffffffa2;
}
.button1:hover{

    color: white;
    border: 2px solid rgb(141, 200, 218);
    background-color: rgb(141, 200, 218);
   
}
/* ページトップへ戻るボタン pc*/
.buttonTop{
    border-radius: 500px;
    font-size: 21px;
    height: 45px;
    width: 215px;
    color: rgb(3, 155, 201);
    border: 2px solid rgb(149, 177, 255);
    background-color:  #ffffffa2;
}
.buttonTop:hover{

    color: white;
    border: 2px solid rgb(141, 200, 218);
    background-color: rgb(141, 200, 218);

}
/* FAQ注意書き枠 */
.box{
    border: 1px solid rgb(141, 200, 218);
}

/* FAQカードサイズ指定 */
.card-size{

    width: 474.5px;
}

/* プライバシーポリシーフォントサイズ */
.f12{
    font-size: 12px;
}

/* 利用規約、プライバシーポリシー(PC) */
.policy-text{
    color: black;
}

/* 利用規約（レスポンシブ） */
.policy-card{
    padding: 10px;
}
.policy-num{
    font-size: 16px;
}
.policy-text-res{
    color: black;
    font-size: 14px;
}

/* ポップアップ */
.overlay {
display: none;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
font-size:20px;
position: fixed;
z-index: 1
}

.content_area {
width: 50%;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
z-index: 2
}

/* 960px以下で適用 */
@media screen and (max-width: 960px) {

.content_area {
width: 80%;}

.content_area p{
font-size:15px;
}

}


.content_area .ttl {
font-weight: bold;
color:white;
background: red;
text-align: center;
}
.content_area p {
padding: 20px;
}
.content_area button {
display: block;
margin: 0 auto;
padding: 10px 10px;
border:none;
border-radius:5px;
}

.button_detail {
font-size:17px;
color: white;
background: black;
}

.button_detail:hover {
background: white;
color:black;
border:solid;
border-width:thin;
border-color:black;
}

.button_close {
color: gray;
background: white;
}