﻿
/*--------Header--------*/
header {width: 100%;margin: 0 auto;text-align: center;/*background: #333;*/background:var(--logoBgColor);}
header h1 img {margin: 0 auto;}
.logo_img{    width: 13%;
    padding: 2rem 0;}
/*--------btn--------*/
.form_btn {margin: 0 auto; width: 55%;margin-top: 6rem;display: block;text-decoration: none;font-size: 4.6rem; height: 10rem;}
.form_btn_a {text-decoration: none;}
.icon_btn {
    height: 30px;
    background-size: 18px;
    padding-right: 30px;
}
.btn {width: 860px;display: block;margin: 3rem auto 2rem;z-index: 15; border-radius: 50px;box-shadow: 0px 4px #328d47;background: #4aab46;background: -moz-linear-gradient(-45deg, #4aab46 0%, #328d47 100%);background: -webkit-linear-gradient(-45deg, #4aab46 0%,#328d47 100%);background: linear-gradient(135deg, #4aab46 0%,#328d47 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27a80d', endColorstr='#0c9b5f',GradientType=1 );text-decoration: none;transition: all .3s;line-height: 1.4;border: 3px solid #9bfeac;}
.btn p {padding: 1rem;color: #fff;font-size: 5rem;font-weight: bold;text-align: center;}
.btn:hover{filter: brightness(120%);}
.btn::after {content: '》';position: absolute;display: block;right: 45px;top: 50%;transform: translateY(-50%);color: #fff;font-size: 145%;}
.move {animation: move 2s infinite;}
.move.nobottom{margin: 6rem auto;}
@keyframes move {0% {transform: translate(2px, 0px);}
5% {transform: translate(-2px, 0px);}
10% {transform: translate(2px, 0px);}
15% {transform: translate(-2px, 0px);}
20% {transform: translate(2px, 0px);}
25% {transform: translate(-2px, 0px);}
30% {transform: translate(0px, 0px);} }
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:768px) {
/*--------Header--------*/
header h1 img {margin: 0;}
h1 {width: 100%;}
header h1 img {margin: 0 auto;}
.logo_img {width: 30%;padding: 1rem 0;}
/*--------btn--------*/
.btn {width: 95%; margin: 2rem auto 3rem;border: 2px solid #9bfeac;}
.btn p{font-size: 5.2vw;padding: 1.5vw;}
.btn::after{right: 4vw;content: '>';top: 45%;}
.icon_btn {
    background-size: 2.6vw;
}
.move.nobottom{margin: 8vw auto 0;}
.profile_wrap {margin-bottom: 0;width: 95%;}

.form_btn {
    width: 95%;
    font-size: 4.8vw;
    height: 14vw;
    margin-top: 6vw;
}
}