@charset	"utf-8";
/*	CSS	Document	*/

/*　非表示　*/
@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.pc { display: none  !important; }
.sp { display: block !important; }
}
@media screen and (min-width: 768px) {/*　画面サイズ 500pxから適用　*/
.pc { display: block !important; }
.sp { display: none  !important; }
}

/*　改行削除　*/
@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.br-pc { display: none  !important; }
}
@media screen and (min-width: 768px) {/*　画面サイズ 500pxから適用　*/
.br-sp { display: none  !important; }
.br-pc { display: block !important; }
}

img {
max-width: 100%;
height:    auto;
}


/*　クリック時のフォーカスを消す　*/
a{
  outline:none;
}


/*　ボタン　*/
@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.btn,
a.btn,
button.btn {
font-size:           15px;
line-height:         1;
display:             inline-block;
padding:             1rem 4rem;
cursor:              pointer;
-webkit-user-select: none;
-moz-user-select:    none;
-ms-user-select:     none;
user-select:         none;
-webkit-transition:  all 0.3s;
transition:          all 0.3s;
text-align:          center;
vertical-align:      middle;
text-decoration:     none;
letter-spacing:      0.1em;
color:               #FFF;
border-radius:       0.5rem;
width:               290px;
height:              51px;
margin-bottom:       50px;
}
}
@media screen and (min-width: 768px) {/*　画面サイズ 500pxから適用　*/
.btn,
a.btn,
button.btn {
font-size:           15px;
line-height:         1;
display:             inline-block;
padding:             1rem 4rem;
cursor:              pointer;
-webkit-user-select: none;
-moz-user-select:    none;
-ms-user-select:     none;
user-select:         none;
-webkit-transition:  all 0.3s;
transition:          all 0.3s;
text-align:          center;
vertical-align:      middle;
text-decoration:     none;
letter-spacing:      0.1em;
color:               #FFF;
border-radius:       0.5rem;
width:               350px;
height:              51px;
}
}

a.btn-border {
border:        1px solid #FFF;
border-radius: 0;
background:    #1f1f20;
}
a.btn-border:hover {
color:      #181b39;
background: #FFF;
}

@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.btn-02,
a.btn-02,
button.btn-02 {
font-size:           15px;
line-height:         1;
display:             inline-block;
padding:             1rem 4rem;
cursor:              pointer;
-webkit-user-select: none;
-moz-user-select:    none;
-ms-user-select:     none;
user-select:         none;
-webkit-transition:  all 0.3s;
transition:          all 0.3s;
text-align:          center;
vertical-align:      middle;
text-decoration:     none;
letter-spacing:      0.1em;
color:               #FFF;
border-radius:       0.5rem;
width:               290px;
height:              51px;
margin-bottom:       50px;
}
}
@media screen and (min-width: 768px) {/*　画面サイズ 500pxから適用　*/
.btn-02,
a.btn-02,
button.btn-02 {
font-size:           15px;
line-height:         1;
display:             inline-block;
padding:             1rem 4rem;
cursor:              pointer;
-webkit-user-select: none;
-moz-user-select:    none;
-ms-user-select:     none;
user-select:         none;
-webkit-transition:  all 0.3s;
transition:          all 0.3s;
text-align:          center;
vertical-align:      middle;
text-decoration:     none;
letter-spacing:      0.1em;
color:               #FFF;
border-radius:       0.5rem;
width:               350px;
height:              51px;
}
}

a.btn-02-border {
border:        1px solid #FFF;
border-radius: 0;
background:    #181b39;
}
a.btn-02-border:hover {
color:      #181b39;
background: #FFF;
}