@charset "UTF-8";


.bgw{
	background-color:rgba(255,255,255,0.8);
}
.pd30{padding-bottom:30px;}


/*=========
.bg_statement（固定背景にする）
=========*/
  
.bg_statement {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}


.full {
    height: 100vh;
    background: rgba(255, 255, 255, 0);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-flow: row wrap;
    flex-direction: column;
}

.full .topBtm{
	padding-bottom: 50px;
	padding-top: 50px;
}
.full .topBtm button{
	padding:15px;
	border:0;
	padding:10px
}

.full .topBtm{
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
	
	width: 100%;
    max-width: 1000px;
}
.full .topBtm button{
		align-items: center;
		background-color: #FFFFFF;
		border-radius: 4px;
		box-shadow: 0 2px 0 0 #686666;
		box-sizing: border-box;
		color: #666666;
		display: flex;
		height: 67px;
		justify-content: center;
		position: relative;
		text-align: center;
		text-decoration: none;
		width: 24%;
		font-weight: bold;
		margin:5px;
}
.full .topBtm button.my{
	background-color: #f1ca26;
}
  
/*=========
.fit
=========*/
  
.fit {
  position: relative;
  overflow: hidden;
  height: 100vh;
}
.fitsize {
  position: absolute;
}

#wrapper .topbtn{
	height:500px;
}

.TopContent{
	display:flex;
	height:100vh;
}

@media only screen and (max-width: 1000px) {
.full .topBtm button{
		align-items: center;
		background-color: #FFFFFF;
		border-radius: 4px;
		box-shadow: 0 2px 0 0 #686666;
		box-sizing: border-box;
		color: #666666;
		display: flex;
		height: 67px;
		justify-content: center;
		position: relative;
		text-align: center;
		text-decoration: none;
		width: 22%;
		font-weight: bold;
		margin:5px;
}
}/*@media*/

@media only screen and (min-width: 980px) {
	.smon{display:none;}
	.pcon{display:block;}
}/*@media*/
@media only screen and (max-width: 979px) {
	.smon{display:none;}
	.pcon{display:block;}
}/*@media*/

@media only screen and (max-width: 480px) {
	.pcon{display:none;}
	.smon{display:block;}
	.full .topBtm button{
		align-items: center;
		background-color: #FFFFFF;
		border-radius: 4px;
		box-shadow: 0 2px 0 0 #686666;
		box-sizing: border-box;
		color: #666666;
		display: flex;
		height: 67px;
		justify-content: center;
		position: relative;
		text-align: center;
		text-decoration: none;
		width: 47%;
		font-weight: bold;
	}
	.full {
		height: 100vh;
		background: rgba(255, 255, 255, 0);
		display: flex;
		align-items: flex-end;
		justify-content: center;
		flex-flow: row wrap;
	}


}/*@media*/