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

body{

	padding: 0;
	max-width: 800px;
	margin: 0 auto;
	
}


.creation_img{
	max-width: 1000px;
	margin: 0 auto;

	
}

img{
	width: 100%;
	height: auto;
	vertical-align: top;
	max-width:800px;
}



/* -----------フッター----------- */

.footer_box{
	padding:0 0 100px;
	text-align:center;
	width:100%;
	max-width:800px;
	margin:0 auto;
	background:#05383B;
	color:#fff;
	}

.footer_menu{
	background:#05383B;
	padding-top:30px;
	margin-bottom:200px;
	}
.footer_menu ul{
	margin:0 auto;
	padding:0;
	list-style: none;
	font-weight: 100;
	}
.footer_menu ul li{
	font-size: 16px;
	list-style: none;
	}
.footer_menu ul li a{
	color:#fff;
	}
.footer_menu ul li a:hover{
	color:#EFDB94;
}

@media (max-width: 1000px) { 
.footer_box{
	width: 100%;
	}
	
.footer_menu{
	background:#05383B;
	padding-top:30px;
	margin-bottom:10px;
	}

.footer_menu ul{
	margin:0 auto;
	padding:0 ;
	font-size:10px;
	font-weight: 100;
	}

.footer_menu ul li{
	padding-bottom:10px;
	margin-bottom:1em;

	}

}

@media (max-width: 768px) {
   .footer_menu ul li{
       text-align: center;
	   font-size:10px;
    }
}


@media (max-width: 768px) {
   .h2_custom{
       text-align: center;
    }
}

/*-----------ご利用規約-----------*/

/*-----------個人情報の取り扱いについて-----------*/

/* -----------btnー----------- */

.contact_btn {
    position: fixed;
    bottom: 25vh;
    margin: 0 auto;
}

.contact_btn img {
    width: 13vw;
    height: auto;
}








.contact_btn{
	position: fixed;
	bottom: 1vh;
	margin: 0 auto;
	z-index: 999;
}
@media screen and (min-width:580px){
	.contact_btn{
	position: fixed;
	bottom: 0;
	margin: 0 auto;
	z-index: 999;
}
}
.contact_btn img{
	width: 100%;
	height: auto;
}
@media screen and (min-width:580px){
	.contact_btn img{
	width: 100%;
	height: auto;
}
}


.contact_btn {
  animation: fuwafuwa 2.5s infinite ease-in-out;
}

@keyframes fuwafuwa {
0% {
    transform: translate(0, 0);
  }
50% {
    transform: translate(0, -20px);
  }
100% {
    transform: translate(0, 0);
  }
}

.contact_btn:hover img{
  opacity: 0.7;
  transition-duration: 0.3s;
}
.infoma{
	max-width:800px;
    background-image: url("images/download.jpg");
    background-size: cover;
	padding: 50px 20px;
}
p.box {
   border-bottom: 2px solid gray;
   margin: 20px 0;
}

.titlebox{
	padding:5px 0 5px;
	text-align:center;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	background:#05383B;
	color:#FFF;
}

.h1_bg{
	text-align: center;
}
dt{
	font-weight:bold;
	font-size:18px;
	color:#c23bbd;
	margin-bottom: 20px;
	}

dd {
    display: block;
	font-size:15px;
    margin-inline-start: 10px;
}

.h3_bg{
	text-align: center;
}

.profile_text{
	text-align: center;
}
.textbox {
    background: #fef5f1;
    padding: 20px;
    margin: 0 auto 0em;
}