html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    font-family: "jaf-bernina-sans","Noto Sans JP",sans-serif,"メイリオ","Meiryo","ヒラギノ角ゴProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック","游ゴシック Medium","Yu Gothic Medium","Yu Gothic";
    
}

img {
    width: 100%;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: black;
}

/*===以下共通CSS===*/
.common-wrap {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 0 1rem;
}

.common__title {
    font-size: 1.2rem;
    line-height: 2.5rem;
}

.common__greentitle {
    color: #26a7bb;
    border-left: 5px solid #26a7bb;
    padding-left: 1.5rem;
}

.green__txt {
    font-weight: bold;
    color: #26a7bb;
}

.bold-txt {
    font-weight: bold;
}

.br-sp {
    display: none;
}
.br-pc {
    display: block;
}

.sp-only {
    display: none;
}

.pc-only {
    display: block;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn,
a.btn,
button.btn {
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  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: #212529;
  border-radius: 0.5rem;
}

/*ボタン*/
a.btn--yellow {
    color: #000;
    background-color: #fff100;
}
    
a.btn--yellow:hover {
    color: #000;
    background: #fff502;
}
    
a.btn--yellow.btn--cubic {
    border-bottom: 5px solid #ccc100;
}
    
a.btn--yellow.btn--cubic:hover {
    margin-top: 3px;
    border-bottom: 2px solid #ccc100;
}
    
a.btn-c {
    position: relative;
    padding: 1rem 3rem;
    border-radius: 100vh;
}
    
a.btn-c i.fa {
    margin-right: 1rem;
}

/*yellow*/
.yellow {
    color: #fff502;
    font-weight: bold;
}


@media screen and (max-width:850px) {
    /*===以下共通CSS===*/
    .common__title {
        font-size: 1rem;
        line-height: 2rem;
    }

    .common__greentitle {
        padding-left: 1rem;
    }
}

/*タブレット用CSS*/
@media screen and (max-width:768px) {
    /*===以下共通CSS===*/
    .common__title {
        font-size: 0.8rem;
        line-height: 2rem;
    }
}

/*スマホ用CSS*/
@media screen and (max-width:570px) {
    /*===以下共通CSS===*/
    .br-sp {
        display: block;
    }
    .br-pc {
        display: none;
    }

    .sp-only {
        display: block;
    }

    .pc-only {
        display: none;
    }

    .common__title {
        font-size: 0.9rem;
    }

    .sptxt {
        display: none;
    }
}