/*--------------------------------------
  reset
---------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,img,a,br {margin:0;padding:0;border:0px;border:none;}
table,tr,td {border-collapse:collapse;border-top:0;border-bottom:0;border-left:0;border-right:0;border-spacing:0;margin:0;padding:0;}

html { font-size: calc(105% + 0.25vw) }

a {outline:none;}

img {vertical-align:top;}

/*--------------------------------------
  基本
---------------------------------------*/
body {
color: #ffffff;
margin: 0 auto;
width: 100%;
}

header{
background-image:url(../sus/header_bg.png);
background-repeat:no-repeat;
background-position: center top;
height: 189px;
width: 100%;
margin: 0 auto;
position: absolute;
z-index: 900;
}

.header_text_a1{
background-position: center top;
display: block;
height: 60px;
margin: 0 auto;
position: relative;
width: 750px;
z-index: 910;
}

/*-----------------------------------------------
top_bg_a
-----------------------------------------------*/
#top_bg_a1{
background-image:url(../sus/top_bg_a1.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 1220px;
margin: 0 auto;
position: relative;
z-index: 888;
}

/*-----------------------------------------------
move
-----------------------------------------------*/
.move_a{
height: 878px;
margin: 0 auto;
position: relative;
width: 100%;
}

.title_a1{
height: 327px;
margin: 0 auto;
position: relative;
top: 9.8%;
width: 794px;
}

.ad_copy_a{
height: 241px;
margin: 0 auto;
position: relative;
top: 5.9%;
width: 750px;
}

/*-------------------------------------
button01
-------------------------------------*/
#btn01_h{
cursor: pointer;
cursor: hand;
width: 684px;
height: 232px;
margin: 0 auto;
position: relative;
top: 8.7%;
}

#rect{
margin: 0 auto;
position: absolute;
width: 100%;
}

/*off*/
img.bt01-a{
position:absolute;
top: 0%;
left:0%;
margin:0 auto;
width:100%;
z-index: 997;
}

/*on*/
img.bt01-b{
position:absolute;
top: 0%;
left:0%;
margin:0 auto;
width:100%;
z-index: 996;
}

/*-----------------------------------------------
move_b
-----------------------------------------------*/
.move_b{
background-image:url(../sus/form_bg_guide.jpg);
/*background-size:100% auto;*/
background-repeat: no-repeat;
background-position: center top;
display: none;
height: 1220px;
margin: 0 auto;
position: relative;
width: 100%;
}

.edge_animate{
margin: 0 auto;
width: 888px;
z-index: 37;
position: relative;
}

.position{
position: absolute;
}

.q3{ /* 生年月日 */
margin: 0 auto;
text-align: center;
top: 396px;
position: relative;
width: 100%;
z-index: 47;
}

.p_a001{
height: 125px;
widows: 563px;
}

select.by{
height: 60px;
font-size: 37px;
margin-left: 12px;
padding: -1px 0 2% 0;
position: relative;
top: 33px;
vertical-align: middle;
width: 144px;
}

.p_i01b{
height: 42px;
margin-left: 5px;
margin-right: 5px;
position: relative;
top: 42px;
width: 39px;
}

select.bm{
height: 60px;
font-size: 37px;
padding: -1px 0 2% 0;
position: relative;
top: 33px;
vertical-align: middle;
width: 111px;
}

.p_i01c{
height: 42px;
margin-left: 5px;
margin-right: 8px;
position: relative;
top: 42px;
width: 39px;
}

select.bd{
height: 60px;
font-size: 37px;
padding: -1px 0 2% 0;
position: relative;
top: 33px;
vertical-align: middle;
width: 111px;
}

.p_i01d{
height: 42px;
margin-left: 5px;
position: relative;
top: 42px;
width: 39px;
}

.q3_btn {
/*height: 108px;*/
margin: 0 auto;
position: relative;
text-decoration:none;
text-align:center;
top: 50px;
width: 331px;
}

.q4{ /* 血液型 */
margin: 0 auto;
text-align: center;
top: 396px;
position: relative;
width: 100%;
z-index: 47;
}

.p_b001{
height: 125px;
margin-bottom: 30px;
position: relative;
/*width: 563px;*/
}

.q4 input{
display: none;
}

.q5{ /* 性別 */
margin: 0 auto;
text-align: center;
top: 396px;
position: relative;
width: 100%;
z-index: 47;
}

.p_c001{
height: 125px;
margin-bottom: 30px;
position: relative;
/*width: 563px;*/
}

.q5 input{
display: none;
}

.q6{ /* 結婚 */
margin: 0 auto;
text-align: center;
top: 396px;
position: relative;
width: 100%;
z-index: 47;
}

.p_d001{
height: 125px;
margin-bottom: 30px;
position: relative;
/*width: 563px;*/
}

.q6 input{
display: none;
}

.q7{ /* 名前 */
margin: 0 auto;
text-align: center;
top: 396px;
position: relative;
width: 100%;
z-index: 47;
}

.p_e001{
height: 125px;
margin-bottom: 33px;
position: relative;
widows: 563px;
}

.q7 input[type=radio]{
display: none;
}

.q7_btn {
margin: 0 auto;
position: relative;
text-decoration:none;
text-align:center;
top: 38px;
width: 331px;
}

input.h-name03{
border-radius: 4px;
font-size: 37px;
height: 60px;
margin: 0 0 0 0.3%;
padding: 0.2% 0 0.2% 0;
position: relative;
width: 570px;
}

.q8{ /* メールアドレス */
margin: 0 auto;
text-align: center;
top: 396px;
position: relative;
width: 100%;
z-index: 47;
}

.p_f001{
height: 125px;
margin-bottom: 33px;
position: relative;
widows: 563px;
}

.h-name03,.adress,.adress02{
width: 85%;
border-radius:5px;
height:54px;
/*font-size: 1.1em;*/
font-size: 28px;
vertical-align:bottom;
}

p.at{
color:#ffffff;
font-size:37px;
display:inline-block;
margin: 0.1% 5px 0 8px;
position: relative;
}
.adress{
left: 4px;
position: relative;
/*width:380px;*/
width:295px;
}
.adress02{
/*width: 141px;*/
width: 232px;
height:60px;
}

#submit{
margin: 28px 0 0 0.1%;
width: 400px;
}

p.list2{
width: 496px;
font-size: 16px;
position: relative;
margin: 0 auto;
}

img#btn01, #btn02, #btn03, #btn04, #btn05, #btn06, #btn07, #btn08, #btn09, #q7_btn_id, #submit {
cursor: pointer;
cursor: hand;
}

/*-----------------------------------------------
top_bg_b
-----------------------------------------------*/
#top_bg_b1{
background-image:url(../sus/top_bg_b1.jpg);
/*background-size:100% auto;*/
background-repeat: no-repeat;
background-position: center top;
height: 1495px;
margin: 0 auto;
position: relative;
z-index: 888;
}

/*-----------------------------------------------
present
-----------------------------------------------*/
.present_a1{
height: 283px;
margin: 0 auto;
position: relative;
width: 762px;
}

.present_b1{
background-image:url(../sus/present_b1.png);
background-repeat: no-repeat;
background-position: center top;
height: 262px;
margin: 0 auto;
position: relative;
width: 762px;
}

/*--------------------------------------
video
---------------------------------------*/
.video{
cursor: pointer;
cursor: hand;
margin: 0 auto;
position: relative;
width:62%;
}

.present_c1{
background-image:url(../sus/present_c1_guide.png);
background-repeat: no-repeat;
background-position: center top;
height: 830px;
margin: 0 auto;
position: relative;
width: 762px;
}

#btn02_h{
width: 684px;
height: 232px;
margin: 0 auto;
position: relative;
top: 73.1%;
}

/*-----------------------------------------------
footer
-----------------------------------------------*/
footer{
width:100%;
background:#9b8b62;
text-align:center;
margin: 0 auto;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

table{
width:100%;
background-size: 100%;
border-collapse: collapse;
border-spacing: 0;
margin: 0 auto;
}

td{
text-align:center;
width:3%;
margin:0 auto;
}
.s_menu{
width:87%;
margin:0 auto;
}

.site_n{
text-align:center;
color:#ffffff;
font-size:70%;
line-height:1.5em;
}

/*-----------------------------------------------
↓↓↓↓↓↓ 未使用 ↓↓↓↓↓
-----------------------------------------------
.p{
font-size:-3;
position: relative;
margin-left: 0%;
width: 80%;
}*/

.domain{
margin: 0 auto;
position: absolute;
top: 1070px;
width: 100%;
z-index: 999;
}

p.domain_text1{
font-size: 14px;
position: relative;
margin: 0 auto;
}

p.domain_text2{
font-size: 27px;
position: relative;
margin: 0 auto;
}

.err{
color: #fff000;
font-size: 17px;
margin: 0 auto;
position: relative;
text-align: center;
top: 370px;
z-index: 999;
}