html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html,body{min-height:100%}body{min-width:960px;background:#fde360;font-family:"Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;font-size:14px;-webkit-text-size-adjust:100%}a{outline:none;color:inherit}a:hover{text-decoration:none}img{vertical-align:bottom;border:0;outline:none}.hide{display:none}.pc_hide{display:none}header{width:100%;height:90px;background:url(../image/bg_header.png) repeat-x left top}header .inner{margin:0 auto;width:960px;height:90px;position:relative}header .inner p.anniversary{position:absolute;left:4px;top:0}header .inner p.anniversary>span{width:84px;height:80px;display:inline-block;border:none;background-color:transparent;background-image:url("../image/img_15th.png");background-repeat:no-repeat;background-position:center center;background-size:contain;position:relative}header .inner p.anniversary>span span{height:1px;width:1px;display:block;position:absolute;top:0;left:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}header .inner h1.title{position:absolute;left:190px;top:15px}header .inner h1.title>span{width:580px;height:50px;display:inline-block;border:none;background-color:transparent;background-image:url("../image/img_title.png");background-repeat:no-repeat;background-position:center center;background-size:contain;position:relative}header .inner h1.title>span span{height:1px;width:1px;display:block;position:absolute;top:0;left:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}header .inner p.logo{position:absolute;right:0;top:0}header .inner p.logo>span{width:125px;height:80px;display:inline-block;border:none;background-color:transparent;background-image:url("../image/img_xilicrystal.png");background-repeat:no-repeat;background-position:center center;background-size:contain;position:relative}header .inner p.logo>span span{height:1px;width:1px;display:block;position:absolute;top:0;left:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}article{margin:0 auto;width:960px;overflow:hidden}article section ol.step{width:960px;height:80px;background-repeat:no-repeat;background-position:left top}article section ol.step li{position:relative}article section ol.step li span{height:1px;width:1px;display:block;position:absolute;top:0;left:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}article section .form_area{margin:0 auto;width:900px}article section .form_area p.msg{margin:5px 0;line-height:20px;font-size:14px}article section .form_area p.msg strong{font-weight:bold}article section .form_area p.msg strong span{color:#ff1a01}article section .form_area dl{min-height:80px;width:100%;display:table;border-bottom:5px solid #fde360;font-size:18px;font-weight:bold}article section .form_area dl dt,article section .form_area dl dd{display:table-cell;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}article section .form_area dl dt{padding:22px;width:210px;background:#ffc219;border-right:5px solid #fde360;vertical-align:middle}article section .form_area dl dt span{color:#ff1a01}article section .form_area dl dd{padding:29px 22px;background:#ffffff}article section .form_area dl dd dl,article section .form_area dl dd dt,article section .form_area dl dd dd{padding:0;width:auto;height:auto;display:block;border:none;background:transparent}article section .form_area dl dd dl{min-height:0}article section .form_area dl dd dl dt{margin-bottom:10px}article section .form_area dl dd dl dd{margin-bottom:30px;font-size:14px;font-weight:normal}article section .form_area dl dd span{font-size:16px;line-height:26px}article section .form_area dl dd span.option{margin-left:5px;font-weight:normal;line-height:16px;font-size:14px}article section .form_area dl dd small{margin-top:10px;display:block;line-height:1;font-size:12px;font-weight:normal}article section .form_area .select{overflow:hidden;width:160px}article section .form_area .select>select{width:180px;height:40px;display:block;background:url(../image/bg_select.png) no-repeat left top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}article section .form_area input,article section .form_area textarea,article section .form_area select{font-family:"Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;border:0;outline:none;background:transparent;-webkit-appearance:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}article section .form_area input:hover,article section .form_area input:active,article section .form_area input:focus,article section .form_area textarea:hover,article section .form_area textarea:active,article section .form_area textarea:focus,article section .form_area select:hover,article section .form_area select:active,article section .form_area select:focus{outline:none}article section .form_area input[type='text'],article section .form_area input[type='tel'],article section .form_area input[type='email']{box-shadow:0 1px 2px #f5f5f5 inset}article section .form_area input[type='submit']{text-indent:-9999px}article section .form_area input[type='radio']{display:none;-webkit-appearance:none}article section .form_area input[type='radio']+label{padding-right:35px;height:30px;display:inline-block;background:url(../image/bg_radio.png) no-repeat right top;line-height:32px}article section .form_area input[type='radio']:checked+label{background-position:right bottom}article section .form_area input[type='checkbox']{display:none;-webkit-appearance:none}article section .form_area input[type='checkbox']+label{width:30px;height:30px;display:inline-block;background:url(../image/bg_check.png) no-repeat right top}article section .form_area input[type='checkbox']:checked+label{background-position:right bottom}article section .form_area ul.btns{margin:30px auto;width:530px;overflow:hidden}article section .form_area ul.btns li.back{float:left}article section .form_area ul.btns li.back a,article section .form_area ul.btns li.back input{width:208px;height:68px;display:block;border:none;background-color:transparent;background-image:url("../image/btn_back.png");background-repeat:no-repeat;background-position:left top;background-size:208px 136px;cursor:pointer;position:relative}article section .form_area ul.btns li.back a span,article section .form_area ul.btns li.back input span{height:1px;width:1px;display:block;position:absolute;top:0;left:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}article section .form_area ul.btns li.back a:hover,article section .form_area ul.btns li.back a.active,article section .form_area ul.btns li.back input:hover,article section .form_area ul.btns li.back input.active{background-position:left bottom}article section .form_area ul.btns li.edit{float:left}article section .form_area ul.btns li.edit a,article section .form_area ul.btns li.edit input{width:208px;height:68px;display:block;border:none;background-color:transparent;background-image:url("../image/btn_edit.png");background-repeat:no-repeat;background-position:left top;background-size:208px 136px;cursor:pointer;position:relative}article section .form_area ul.btns li.edit a span,article section .form_area ul.btns li.edit input span{height:1px;width:1px;display:block;position:absolute;top:0;left:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}article section .form_area ul.btns li.edit a:hover,article section .form_area ul.btns li.edit a.active,article section .form_area ul.btns li.edit input:hover,article section .form_area ul.btns li.edit input.active{background-position:left bottom}article section .form_area ul.btns li.check{float:right}article section .form_area ul.btns li.check a,article section .form_area ul.btns li.check input{width:308px;height:68px;display:block;border:none;background-color:transparent;background-image:url("../image/btn_check.png");background-repeat:no-repeat;background-position:left top;background-size:308px 136px;cursor:pointer;position:relative}article section .form_area ul.btns li.check a span,article section .form_area ul.btns li.check input span{height:1px;width:1px;display:block;position:absolute;top:0;left:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}article section .form_area ul.btns li.check a:hover,article section .form_area ul.btns li.check a.active,article section .form_area ul.btns li.check input:hover,article section .form_area ul.btns li.check input.active{background-position:left bottom}article section .form_area ul.btns li.entry{float:right}article section .form_area ul.btns li.entry a,article section .form_area ul.btns li.entry input{width:308px;height:68px;display:block;border:none;background-color:transparent;background-image:url("../image/btn_entry.png");background-repeat:no-repeat;background-position:left top;background-size:308px 136px;cursor:pointer;position:relative}article section .form_area ul.btns li.entry a span,article section .form_area ul.btns li.entry input span{height:1px;width:1px;display:block;position:absolute;top:0;left:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}article section .form_area ul.btns li.entry a:hover,article section .form_area ul.btns li.entry a.active,article section .form_area ul.btns li.entry input:hover,article section .form_area ul.btns li.entry input.active{background-position:left bottom}article section.step1 ol{background-image:url(../image/img_step1.png)}article section.step1 .form_area input[type='text'],article section.step1 .form_area input[type='tel'],article section.step1 .form_area input[type='email']{padding:7px 10px;border:1px solid #cccccc;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}article section.step1 .form_area select{padding:0 0 0 10px}article section.step1 .form_area dl.quiz dd input{margin:0 5px;width:80px}article section.step1 .form_area dl.address dd dl.zipcode dd input{width:80px}article section.step1 .form_area dl.address dd dl.city dd input,article section.step1 .form_area dl.address dd dl.mansion dd input{width:540px}article section.step1 .form_area dl.tel dd input{width:80px}article section.step1 .form_area dl.name dd input{margin:0 7px;width:240px}article section.step1 .form_area dl.name_kana dd input{margin:0 7px;width:222px}article section.step1 .form_area dl.name_kana dd span.option{margin-top:3px;display:block;float:right}article section.step1 .form_area dl.email dd input{width:540px}article section.step1 .form_area dl.sex dd ul li{margin-right:40px;float:left}article section.step1 .form_area dl.age dd input{margin-right:5px;width:80px}article section.step1 .form_area p.privacy{margin:20px auto 0 auto;width:460px;overflow:hidden;text-align:center;font-size:16px}article section.step1 .form_area p.privacy input[type='checkbox']+label{display:block;float:left}article section.step1 .form_area p.privacy span{margin:7px 0 0 32px;display:block}article section.step2 ol{background-image:url(../image/img_step2.png)}article section.step2 .form_area{margin-top:17px}article section.step3 ol{background-image:url(../image/img_step3.png)}article section.step3 .form_area{margin-top:27px}article section.step3 .form_area p{line-height:0;font-size:0;text-align:center}article section.step3 .form_area p.gotop{margin:23px auto;width:368px}article section.step3 .form_area p.gotop a{width:368px;height:68px;display:block;border:none;background-color:transparent;background-image:url("../image/btn_gotop.png");background-repeat:no-repeat;background-position:left top;background-size:368px 136px;cursor:pointer;position:relative}article section.step3 .form_area p.gotop a span{height:1px;width:1px;display:block;position:absolute;top:0;left:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}article section.step3 .form_area p.gotop a:hover,article section.step3 .form_area p.gotop a.active{background-position:left bottom}footer{padding:15px 0;width:100%;clear:both;background:#ffffff;text-align:center;line-height:1}@media screen and (max-width: 640px){body{min-width:320px;background:#fde360}.pc_hide{display:block}.sp_hide{display:none}header{width:100%;height:130px;background:transparent}header .inner{margin:0;width:auto;height:50px;position:relative;overflow:visible;background:#fff5a2;border-bottom:1px solid #1d2088}header .inner p.anniversary{left:0}header .inner p.anniversary>span{width:53px;height:49px;display:inline-block;border:none;background-color:transparent;background-image:url("../image/sp_img_15th.png");background-repeat:no-repeat;background-position:center center;background-size:contain;position:relative}header .inner p.anniversary>span span{height:1px;width:1px;display:block;position:absolute;top:0;left:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}header .inner h1.title{margin-left:-150px;padding:0 10px;width:300px;position:absolute;left:50%;top:60px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}header .inner h1.title>span{width:300px;height:60px;display:inline-block;border:none;background-color:transparent;background-image:url("../image/sp_img_title.png");background-repeat:no-repeat;background-position:center center;background-size:contain;position:relative}header .inner h1.title>span span{height:1px;width:1px;display:block;position:absolute;top:0;left:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}header .inner p.logo>span{width:67px;height:49px;display:inline-block;border:none;background-color:transparent;background-image:url("../image/sp_img_xilicrystal.png");background-repeat:no-repeat;background-position:center center;background-size:contain;position:relative}header .inner p.logo>span span{height:1px;width:1px;display:block;position:absolute;top:0;left:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}article{width:100%}article section ol.step{margin:0 auto 10px auto;width:300px;height:55px;background-position:center top;background-size:300px 55px}article section ol.step li{position:relative}article section ol.step li span{height:1px;width:1px;display:block;position:absolute;top:0;left:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}article section .form_area{width:auto}article section .form_area p.msg{margin:5px 8px;line-height:18px;font-size:12px}article section .form_area p.msg strong{font-weight:bold}article section .form_area p.msg strong span{color:#ff1a01}article section .form_area dl{min-height:0;width:100%;display:block;border-bottom:4px solid #fde360;font-size:13px}article section .form_area dl dt,article section .form_area dl dd{display:block}article section .form_area dl dt{padding:8px;width:100%;border:0}article section .form_area dl dd{padding:16px 8px;overflow:hidden;font-size:12px}article section .form_area dl dd dl dt{line-height:17px}article section .form_area dl dd span{font-size:12px;line-height:20px}article section .form_area dl dd span.option{margin:5px 0 0 0;display:block;font-size:12px;line-height:20px}article section .form_area dl dd small{margin-top:5px;display:block;line-height:1;font-size:12px;font-weight:normal}article section .form_area ul.btns{margin:30px auto;width:320px;text-align:center}article section .form_area ul.btns li{margin:0 auto 10px auto}article section .form_area ul.btns li.back{width:208px;float:none}article section .form_area ul.btns li.edit{width:208px;float:none}article section .form_area ul.btns li.check{width:308px;float:none}article section .form_area ul.btns li.entry{width:308px;float:none}article section.step1 ol{background-image:url(../image/sp_img_step1.png)}article section.step1 .form_area select{padding:0 0 0 10px}article section.step1 .form_area dl.quiz dd input{width:80px}article section.step1 .form_area dl.address dd dl.zipcode dd input{width:80px}article section.step1 .form_area dl.address dd dl.city dd input,article section.step1 .form_area dl.address dd dl.mansion dd input{width:100%}article section.step1 .form_area dl.tel dd input{width:88px}article section.step1 .form_area dl.name dd input{margin:0 3px;width:132px}article section.step1 .form_area dl.name_kana dd input{margin:0 3px;width:120px}article section.step1 .form_area dl.name_kana dd span.option{float:none}article section.step1 .form_area dl.email dd input{width:100%}article section.step1 .form_area dl.sex dd ul li{margin-right:20px}article section.step1 .form_area dl.age dd input{width:80px}article section.step1 .form_area p.privacy{margin:20px auto 0 auto;padding:0 8px;width:100%;font-size:12px;line-height:20px;text-align:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}article section.step1 .form_area p.privacy input[type='checkbox']+label{margin:3px 8px 0 0}article section.step1 .form_area p.privacy span{display:block}article section.step2 ol{background-image:url(../image/sp_img_step2.png)}article section.step2 .form_area{margin-top:17px}article section.step3 ol{background-image:url(../image/sp_img_step3.png)}article section.step3 .form_area{margin:10px 8px 0 8px}article section.step3 .form_area p img{width:100%}article section.step3 .form_area p.gotop{margin:23px auto;width:294px}article section.step3 .form_area p.gotop a{width:294px;height:54px;display:block;border:none;background-color:transparent;background-image:url("../image/btn_gotop.png");background-repeat:no-repeat;background-position:left top;background-size:294px 108px;cursor:pointer;position:relative}article section.step3 .form_area p.gotop a span{height:1px;width:1px;display:block;position:absolute;top:0;left:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}article section.step3 .form_area p.gotop a:hover,article section.step3 .form_area p.gotop a.active{background-position:left bottom}footer{padding:10px 0;font-size:12px}}