@import url("fa.min.css");

body { font-family: "Noto Sans Japanese" , '游ゴシック体', 'Yu Gothic', YuGothic ,  sans-serif; }

/*----------------------------------------------------
  レスポンシブに対応したフォントサイズはここで調整
----------------------------------------------------*/
html { font-size: 62.5%; }
@media ( min-width : 768px) { html { font-size: 62.5%; } }
@media ( min-width : 992px) { html { font-size: 62.5%; } }
@media ( min-width : 1200px) { html { font-size: 68%; } }

/*------------------基本サイズ指定------------------*/
body { font-size: 12px; font-size: 1.6rem; }
/*--------------------------------------------------*/

h1 { font-size: 32px; font-size: 3.2rem; }


/*----------------------------------------------------
  画像サイズ指定
----------------------------------------------------*/

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}



body {
  margin: 0
}

body {
	background-image: url('../images/');
	background-repeat: repeat;
	background-size: 150px;
}


#bg_basic {
	width: 1200px;
	margin: 0 auto 0 auto;
	box-shadow: 0 0 8px gray;
}
#bg_basic .green_bg {
	margin: 0 auto 0 auto;
	padding: 30px 0 0 0;
	background-image: url('../images/green_bg_2021.png');
    background-repeat: no-repeat;
    /*background-position: left -50px top -441px;*/
    background-position: left -50px top -530px;
    background-size: 1303px;
    height: 8000px;
}

@media ( max-width : 992px) {
    #bg_basic .green_bg {
        height: 8000px;
    }
}

#bg_basic .bg_01 {
	padding: 20px 0 0 0;
	background-image: url('../images/01_02_2021.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1050px;
    height: 1000px;
    position: relative;
}
#bg_basic .bg_01 .logo {
	position: absolute;
    left: 105px;
}
#bg_basic .bg_01 .insta {
	position: absolute;
    left: 420px;
    top: 65px;
}
#bg_basic .bg_01 .twitter {
	position: absolute;
    left: 550px;
    top: 65px;
}
#bg_basic .bg_01 .form {
	position: absolute;
    left: 680px;
    top: 65px;
}
#bg_basic .kiyaku {
		z-index: 1;
	position: absolute;
    left: 460px;
    top: 4280px;
}
#bg_basic .btn_insta {
		z-index: 1;
	position: absolute;
    left: 347px;
    top: 5017px;
}
#bg_basic .btn_twitter {
		z-index: 1;
	position: absolute;
    left: 347px;
    top: 5135px;
}
#bg_basic .btn_form {
		z-index: 1;
	position: absolute;
    left: 347px;
    top: 5253px;
}
#bg_basic .btn_sobainfo {
		z-index: 1;
	position: absolute;
    left: 900px;
    top: 2100px;
}



#bg_basic .img33 {
	text-align: center;
	margin: 20px auto 0 auto;
}
#bg_basic .let_sns {
    text-align: center;
    margin: 10px auto 0 auto;
    padding: 0 215px;
}
#bg_basic .flow {
    text-align: center;
    margin: 0px auto 0 auto;
    width: 1020px;
    position: relative;

}
#bg_basic .btn {
    text-align: center;
   margin: 0 auto 0 auto;
    width: 1020px;
}
#bg_basic .touroku {
    text-align: center;
	background-image: url('../images/toukou.svg');
    margin: 0 auto 0 auto ;
    width: 1020px;
    height: 1749px;

}
.kiyaku {
	
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;

    cursor: pointer;
    position: absolute;
    bottom: -130px;
    left: 380px;
}
#bg_basic .sns_btn {
    text-align: center;
    margin: 200px auto 50px auto;
}

.sns_btn2 {
    text-align: center;
    margin: -200px auto 50px auto;
}

#bg_basic .sns_btn ul {
	padding: 0 0 0 0;
	list-style: none;
}
#bg_basic .sns_btn li {
	display: inline-block;
}
#bg_basic .present {
	text-align: center;
    margin: 0 auto 0 auto;
}
#bg_basic .komekome {
	text-align: center;
    margin: 0 auto 0 auto;
}
#bg_basic .info{
	background-color: #ffffff;
	margin: 200px 50px 50px 50px;
	padding: 30px 60px;
}
#bg_basic .info h3{
	text-align: center;
    margin: 50px 0 20px 0;
    font-size: 180%;
}
#bg_basic .footer {
	background-color: #604C3F;
	height: 130px;
	margin: 100px 0 0 0;
}
#bg_basic .footer p {
    color: #ffffff;
    padding: 50px 0 0 0;
    width: 775px;
    margin: 0 auto;
    font-size: 90%;
}


#footer {
	background-color: #604C3F;
	height: 130px;
	width: 1200px;
	margin: 0 auto 0 auto;
}
@media ( min-width : 768px) {
#footer {
	background-color: #604C3F;
	height: 130px;
	width: 100%;
	margin: 0 auto 0 auto;
}
}
#footer p {
    color: #ffffff;
    padding: 50px 0 0 0;
    width: 775px;
    margin: 0 auto;
    font-size: 90%;
}