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

body * {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	height: auto;
	position: relative;
	}
html {
-webkit-text-size-adjust: 100%;
}
body{
	font-family: sans-serif ;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
}
p,img,div {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.gold {
	background: linear-gradient(90deg, #694a0c, #f6cc6a, #f6cc6a, #694a0c);
	background: -webkit-linear-gradient(0deg, #694a0c, #f6cc6a, #f6cc6a, #694a0c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.pink {
	color: #5dc3b0;
}
.white {
	color: #fff;
}
.bna_area {
	width: 80%;
    margin: 0 auto;
}

@media (min-width: 900px) {
#pc-wrapper {
	max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    line-height: 0;
	background-image: url(../img/bg.png);
	background-repeat: repeat;
	padding: 0 0 10% 0;
}
	#pc-wrapper img {
		width: 100%;
	}
	
#sp-wrapper {
    display: none;
}
	
	.title_area_01 {
		position: relative;
	}
	.title01 {
		width: 100%;
		font-size: 2.5rem;
		font-weight: bold;
		position: absolute;
		text-align: center;
		top: 50%;
		right: auto;
		bottom: 50%;
		left: auto;
	}
	.title_area_02 {
		width: 100%;
		background-color: #5dc3b0;
		clear: both;
	}
	.title02 {
		width: 100%;
		font-size: 2rem;
		font-weight: bold;
		text-align: center;
		padding: 4% 0;
	}
	.text_area1 {
		width: 60%;
		margin: 0 auto;
	}
	.block_area1 {
		position: relative;
		height: 88px;
		margin: 2% 0 0 0;
	}
	.block_area2 {
		position: relative;
		height: 20px;
	}
	.block1 {
		position: absolute;
		top: auto;
		right: 35%;
		left: 35%;
		bottom: 0;
		width: 30%;
	}
	.block2 {
		position: absolute;
		top: auto;
		right: auto;
		left: auto;
		bottom: 0;
		width: 100%;
	}

	.text_in_bg {
		background-image: url(../img/text_bg_repeat.png);
		background-repeat: repeat-y;
		background-size: contain;
	}
	.text1 {
		width: 78%;
		font-size: 1rem;
		line-height: 3rem;
		margin: 0 auto;
	}
	
	.judge_area {
		width: 60%;
		margin: 0px auto 30% auto;
	}
	.judge_area_in {
		float: left;
    	width: 30%;
   	 	height: 18rem;
		padding: 1%;
   		position: relative;
	}	
	.judge_img {
		width: 100%;
		margin: 5%;
	}
	.judge_name {
		width: 100%;
		position: absolute;
		top: 74%;
		left: auto;
		right: auto;
		bottom: auto;
		font-size: 1.2rem;
		font-weight: bold;
		text-align: center;
		line-height: 1.5rem;
	}
	.judge_text1 {
		font-size: 1.2rem;
	}
	.judge_text2 {
		font-size: 0.8rem;
	}
	.judge_text3 {
		font-size: 1.0rem;
	}
	.img_fee {
		width: 80%;
  		margin: 5% auto 0 auto;
	}

	
	
.btn_area {
    position: fixed;
	top: auto;
	left: auto;
	right: auto;
	bottom: 0;
	max-width: 1200px;
	width: 100%;
	z-index: 1;
}
	
.btn1 {
	position: absolute;
    width: 45%;
    top: auto;
    right: 0%;
    left: 28%;
    bottom: 6%;
}
}

    @media (max-width: 899px) {
      #sp-wrapper {
		margin: 0 auto;
		line-height: 0;
		overflow: hidden;
		background-image: url(../img/sp_bg.png);
		background-size: contain;
		background-repeat: repeat-y;
		padding: 0 0 22% 0;
      }
		#sp-wrapper img {
			width: 100%;
		}
		#pc-wrapper {
			display: none;
		}
		
      .title_area_01 {
		position: relative;
	}
	.title01 {
		width: 100%;
		font-size: 2rem;
		font-weight: bold;
		position: absolute;
		text-align: center;
		top: 50%;
		right: auto;
		bottom: 50%;
		left: auto;
	}
	.title_area_02 {
		width: 100%;
		background-color: #5dc3b0;
	}
	.title02 {
		width: 100%;
    	font-size: 1.5rem;
    	font-weight: bold;
    	text-align: center;
    	padding: 7% 0;
	}
	.text_area1 {
		width: 90%;
		margin: 0 auto;
	}
		
	.block_area1 {
		position: relative;
		width: 100%;
		margin: 4% 0 0 0;
	}
	.block_area2 {
		position: relative;
		width: 100%;
		margin: -8% 0 0 0;
	}
	.block1 {
		position: absolute;
		top: -24%;
		right: 33%;
		left: 33%;
		bottom: auto;
		width: 35%;
	}
	.block2 {
		position: absolute;
		top: -23%;
		right: 30%;
		left: 30%;
		bottom: auto;
		width: 40%;
	}
		
	.text_in_bg {
		background-image: url(../img/text_bg_repeat.png);
		background-repeat: repeat-y;
		background-size: contain;
	}
	.text1 {
		width: 78%;
		font-size: 1rem;
		line-height: 2rem;
		margin: 0 auto;
	}
	
.btn_area {
    position: fixed;
	top: auto;
	left: auto;
	right: auto;
	bottom: 0;
	max-width: 1200px;
	width: 100%;
	z-index: 1;
}
	
.btn1 {
	position: absolute;
    width: 70%;
    top: auto;
    right: 0%;
    left: 15%;
    bottom: 5%;
}		
}

footer {
	position: absolute;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    top: auto;
    right: auto;
    left: auto;
    bottom: 2%;
}
.copy {
	margin: 0 auto;
	padding: 1% 0;
	text-align: center;
	font-size: 8px;
}