@charset 'utf-8';

/*color
-----------------------*/
:root {
    --font-color:#555;
    --side-nav: #778899;
    --backcolor: #fef9f0;
    --navbtn: #444;
    --tag: #0bd;
    --wihte: #fff;
    --hover: rgba(85, 85, 85, .5);
    --footer: #abb8c3;

    --main-Sentence: 'Shippori Mincho B1', serif;
    --sub-Sentence: 'Shippori Mincho', serif;
    --catch: 'Hina Mincho', serif;
}

/*---------------------------------------------
	CTAボタン　デザイン
------------------------------------------------*/

section.CTA {
    margin: 15% 0% -5% 0%;
}

section.CTA.ctafarst {margin: 10% 0% 15% 0%;}

@media  (min-width: 900px) {
    section.CTA {margin: 8% 0% 0% 0%;}
    section.CTA.ctafarst {margin: 5% 0% 8% 0%;}
}


/* solid017 */
.button_solid017 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 10px 25px;
    color: var(--wihte);
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: var(--navbtn);
    border-radius: 50px;
    /*border: 0.2rem solid var(--wihte);*/
    /*--box-shadow: 0.2rem 0.2rem 0px 0.1rem var(--navbtn);--*/
}
.button_solid017 a:hover {
  transform: translate3d(0.2rem, 0.2rem, 0);
  box-shadow: none;
  opacity: 1;
  transition: all 0.2s;
}
.button_solid017 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid var(--backcolor);
    border-right: 3px solid var(--backcolor);
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}