/*
.wrap {
	position: relative;
	width: 100%;
    height: 100%;
	background-size: cover;
}
*/

/********線のボタン*********/
.border_btn a{
    border: 1px var(--gold) solid;
    color: var(--gold);
    border-radius: 20px;
    text-align: center;
    width: 250px;
    margin: 0 auto;
    padding: 3px 0 4px 0;
    position: relative;
    display: block
}
.border_btn a:after{
   position: absolute;
   font: var(--fa-font-light);
   content: "\f054";
   display: block;
   top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
   right: 14px;
    font-size: 85%;
}
.border_btn a:hover{
    background: var(--gold);
    color: #fff;
    opacity: 1
}
@media screen and (max-width:767px) {
.border_btn a{
    border-radius: 20px;
    width: 70%;
    margin: 0 auto;
    padding: 3px 0 4px 0;
    font-size: 0.9rem
}
}



.circle_container {
	position: absolute;
	right: 0;
	bottom: 0;
}

.text_circle {
	width: 300px;/*文字サークルの大きさ*/
	animation: rotateIt 20s linear infinite;/*文字サークルの回転の速さ*/
}
@media screen and (max-width:767px) {
.text_circle {
	width: 190px;/*文字サークルの大きさ*/
	animation: rotateIt 20s linear infinite;/*文字サークルの回転の速さ*/
}
}


@keyframes rotateIt {
	to {
		transform: rotate(-360deg);
	}
}

.text_circle text {
	font-size: 1.35rem;
	text-transform: uppercase;/*すべての文字を大文字に*/
	fill: var(--gold);/*文字の色*/
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.text_circle textPath {
	letter-spacing: 1em;/*文字の余白*/
}

.icon_img {
    /*
	position: absolute;
	width: 100px;
	height: 100px;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
    */
    position: absolute;
    width: 190px;
    height: 190px;
    top: calc(50% - 98px);
    left: calc(50% - 95px);
}
@media screen and (max-width:767px) {
.icon_img {
    position: absolute;
    width: 120px;
    height: 120px;
    top: calc(50% - 64px);
    left: calc(50% - 60px);
}
}