@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;
	background-color: #000;
}
.main {
	width:100%;
	max-width:760px;
	margin:0 auto;
}
.rela {
	position:relative;
}
.abso {
	position:absolute;
}
img#header_img_owl {
	max-width:630px;
	width:48.4%;
	top:27%;
	left:0;
	right:0;
	margin:0 auto;
}
img#header_bottom_text {
	max-width:750px;
	width:70.2%;
	bottom: 4%;
	left:0;
	right:0;
	margin:0 auto;
}
img#reg_btn01 {
	width:86.1%;
	top:5%;
	left:0;
	right:0;
	margin:0 auto;
}
img#support_btn {
	max-width:630px;
	width:82.8%;
	bottom:10%;
	left:0;
	right:0;
	margin:0 auto;
}
img#reg_btn02 {
	width:86.1%;
	top:42%;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
}
footer {
	background:#583A0A;
	text-align:center;
	color:#FFF;
	padding:30px 0 0;
	
}

/*form*/
#form_body {
	background:url(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 {
	width:95%;
	max-width:724px;
	margin:0 auto;
	padding:20px 0;
	background:#FFF;
}
.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:5.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(bg.jpg) repeat-y;
	background-size:100% auto;
	padding:20px 0 ;
}
@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#header_img_owl {
	animation: flash 3.3s infinite;
}

img#header_bottom_text {
	animation: anime_updown 2.0s alternate infinite;
	animation-timing-function:ease;
}
@keyframes anime_owl{
   0%   { transform:translate(0%, 0%) scaleX(1.0); }
  100% { transform:translate(0%, -8%) scaleX(1.0); }
}
@keyframes anime_updown{
    0% {transform: scale(0.9);}
	40% {transform: scale(0.9);}
	50% {transform: scale(1);}
	60% {transform: scale(0.9);}
    100% {transform: scale(0.9);}
}

@keyframes flash {
  0%, 100% {
    filter: drop-shadow(0 0 30px rgba(255, 201, 100, 0.411)) 
            drop-shadow(0 0 80px rgba(255, 201, 100, 0.247));
  }
  50% {
    filter: drop-shadow(0 0 30px rgba(255, 237, 135, 0.849)) 
            drop-shadow(0 0 80px rgba(255, 183, 50, 0.8));
  }
}

/*other page*/
.other_page .text_area {
	width:90%;
	margin:20px 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:#ffd0ba;
	border: solid 1px #000;
	color:#000;
	padding:10px;
	font-weight:bold;
	margin:20px auto 10px;
}

.other_page img{
	padding:2% 2%;
}