@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
a {
	text-decoration: none;
}
img {
	vertical-align:bottom;
	border:none;
	width:100%;
}
table {
	border-collapse: collapse;
}
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
  	height: 1px;
  	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
body {
	font-family: Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}
#main {
	width:100%;
	max-width:760px;
	margin:0 auto;
}
.rela {
	position:relative;
}
.abso {
	position:absolute;
}
img#character {
	max-width:678px;
	width:89.2%;
	top:20%;
	left:0;
	right:0;
	margin:0 auto;
}

img#free{
	max-width:246px;
	width:32.3%;
	top:80%;
	left:60%;
	right:0;
	margin:0 auto;
}
/* ▼20231211変更箇所 */
#btn_area {
	bottom:3%;
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
}
#btn_area div {
	width:46.7%;
	max-width:340px;
	padding:2% 1%;
}
/* ▲20231211変更箇所 */

img#reg_btn01 {
	top:5%;
	left:0;
	right:0;
	margin:0 auto;
}
img#support_btn {
	max-width:630px;
	width:82.8%;
	top:5%;
	left:0;
	right:0;
	margin:0 auto;
}
img#reg_btn02 {
	top:10%;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
}
footer {
	background:#301F19;
	text-align:center;
	color:#FFF;
	padding:30px 0 0;
	
}

/*form*/
#form_body {
	background:url(../img/up/houou_img/bg.jpg) repeat-y;
	background-size:100% auto;
	padding-bottom:30px;
}
#form_top {
	max-width:400px;
	width:60%;
	margin:0 auto;
	padding:10px 0;
}
#form_area {
	max-width:680px;
	padding:20px 0;
	width:80%;
	margin:10px auto;
	background:rgba(255,255,255,0.7);

}
.form_contents {
	text-align:center;
	padding:15px 0;
	font-size:4.5vw;
}
.form_contents p{
	font-size:4.5vw;
	font-weight:bold;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.form_contents select{
	font-size:5vw;
}
.form_contents input[type=radio] {
	display: none;
}
.form_contents .label {
	border: 1px solid #aaa;
	padding:5px 15px;
	line-height:180%;
	border-radius: 10px;
	font-weight:bold;
}
.form_contents input[type="radio"]:checked + label.menlabel {
	background: #006DD9;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
}
.form_contents input[type="radio"]:checked + label.womenlabel {
	background: #DB377F;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
}
.form_contents input[type="text"] {
	width:80%;
	font-size:5.5vw;
	padding:5px;
}
.form_contents input[type="image"] {
	max-width:630px;
	width:82.8%;
	margin:0 auto;
}


p.answer {
	font-size:1.6rem;
}
.other_page {
	background:url(../img/up/houou_img/bg.jpg) repeat-y;
	background-size:100% auto;
	padding:5px 8% ;
}
@media screen and (min-width:760px) {
	.form_contents, .form_contents p {
		font-size:34.2px;
	}
	.form_contents select, .form_contents input[type="text"] {
		font-size:41.8px;
	}
}
/*アニメーション*/
img#character {
	animation: anime_updown 2s alternate infinite;
	animation-timing-function:ease;
}

@keyframes anime_updown{
    0%   { transform:translate(0%, 0%) scaleX(1.0); }
  100% { transform:translate(0%, -8%) scaleX(1.0); }
}



/*other page*/
.other_page .text_area {
	width:90%;
	margin:10px auto;
	background:rgba(255,255,255,0.7);
	padding:15px;
	font-size:0.9rem;
}
.other_page .text_area h4 {
	font-size:1.4rem;
	text-align:center;
}
.other_page .bottom_link {
	width:30%;
	text-align:center;
	background:#301F19;
	color:#FFF;
	padding:10px;
	font-weight:bold;
	margin:20px auto 10px;
}

.other_page img{
	margin:8px auto;
}

 .text_area_c {
	margin:5px auto;
	font-size:0.9rem;
	text-align:center;
}