@charset "UTF-8";
em {
    color:#51b7ec;
}
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius:0;
    line-height: normal;
}
/* select */
/* jquery-plugin :select-menu */
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index:99999;
}
.ui-selectmenu-menu ul {
	background:#fff;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	/*padding-bottom: 1px;*/
	max-height:400px;
    border:1px solid #aaa;
    margin-top:-1px;
    z-index:1;
}
.ui-selectmenu-menu .ui-menu li {
	padding:5px 10px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	background:#fff;
	width:auto !important;
	font-size:15px;
	border-radius:0;
	/*border:1px solid #b3b3b3;*/
    border:1px solid #aaa;
    height:50px;
    line-height:50px;
    box-sizing:border-box;
	vertical-align:middle;
}
.ui-selectmenu-button span.ui-icon {
    right: 0.5em;
    left: auto;
    margin-top: -10px;
    position: absolute;
    width: 18px;
    height: 20px;
    top: 50%;
    background: url("/images/user/common/ico_selectmenu.png") center center no-repeat;
    background-image: url('/images/ico_selectmenu.png');
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0 40px 0 15px;
	height:50px;
	line-height:48px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}
.ui-selectmenu-menu ul { border:1px solid #ccc;}
.ui-selectmenu-menu .ui-state-active { /*font-weight:bold;*/}
.ui-selectmenu-menu .ui-state-hover,
.ui-selectmenu-menu .ui-state-focus { background:#f9f9f9; }
.ui-menu-item:hover {
    cursor:pointer;
    background:#51b7ec;
    color:#fff;
}

/* checkbox */
input[type="radio"],
input[type="checkbox"]	{ border:0;height:auto;line-height:auto; }

.ui-helper-hidden-accessible {
    position: absolute;
    left: -9999px;
}

.error .ui-checkboxradio-icon {
    border-color:red;
}
.ui-checkboxradio-label {  display:inline-block; font-size:17px; cursor:pointer; font-weight:400;}
.ui-checkboxradio-label + .ui-checkboxradio-label { margin-left:30px; }
.ui-checkboxradio-icon { 
    position:relative;
	display:inline-block;
	*zoom:1;
	*display:inline;
	min-height:25px;
	line-height:25px;
	padding:0;
	content:"";
	width:25px;
	height:25px;
	border:1px solid #bbb;
	background:#fff;
	box-sizing:border-box;
	left:0;
    vertical-align:middle;
}
.ui-checkboxradio-radio-label .ui-checkboxradio-icon  {
    border-radius:50%;
}
.ui-checkboxradio-icon-space {
    display:inline-block;
    padding-left:5px;
}
.list-type .ui-checkboxradio-icon-space {
    display:none;
    padding-left:0;
}
.ui-checkboxradio-label.ui-state-active .ui-checkboxradio-icon {
	background:#51b7ec;
	border-color:#51b7ec;
}
.ui-checkboxradio-radio-label.ui-state-active .ui-checkboxradio-icon {
    background:none;
    border-color:#b5b5b5;
}
.ui-checkboxradio-label.ui-state-active .ui-checkboxradio-icon:after {
    position: absolute;
    content: "";
    width: 16px;
    height: 10px;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
    top: 3px;
    left: 4px;
    box-sizing: border-box;
    background-size:17px;
	transform:rotate(-45deg);
}
.ui-checkboxradio-radio-label.ui-state-active .ui-checkboxradio-icon:after {
	position:absolute;
	content:"";
	width:15px;
	height:15px;
    border:none;
    border-radius:50%;
	background:#51b7ec;
	top:4px;
	left:4px;
	box-sizing:border-box;
    transform:rotate(0);
}

.ui-checkboxradio-radio-label.ui-state-active .ui-checkboxradio-icon:after  {
	border-radius:50%;
}

.container {
    padding-bottom:1px;
    background:#ebebeb;
}
.selq-header {
    position: relative;
    text-align: center;
    min-height: 550px;
    max-height:550px;
    color: #fff;
    background: url('/images/visual/visaual_bg.png') #559bd9;
	-webkit-animation: Gradient 60s infinite;
	-moz-animation: Gradient 60s infinite;
	animation: Gradient 60s infinite;
}
@keyframes Gradient {
	0% {
		background-position: 0% 0%;
	}
	100% {
		background-position: -100% -1000%
	}
}
.selq-header h3 {
    margin:0 auto;
    max-width:648px;
    padding-top:145px;
    animation: selq-headerh3 1.5s normal;
}
.selq-header h3 img {
    max-width:100%;
}
@keyframes selq-headerh3 {
	0% {
		opacity :0;
        -webkit-transform: translateY(-30%);
        -moz-transform:  translateY(-30%);
        -ms-transform:  translateY(-30%);
        -o-transform:  translateY(-30%);
        transform:  translateY(-30%);
	}
	100% {
		opacity :1;
	}
}
.selq-header h3 + p {
    margin-bottom:20px;
    font-size:18px;
    line-height:1.5em;
    font-weight:400;
    animation: selq-headerP 2s normal;
}
@keyframes selq-headerP {
	0% {
		opacity :0;
        -webkit-transform: translateY(50%);
        -moz-transform:  translateY(50%);
        -ms-transform:  translateY(50%);
        -o-transform:  translateY(50%);
        transform:  translateY(50%);
	}
	100% {
		opacity :1;
	}
}
.selq-header .img-selq-true{
    position:relative;
    display:block;
    width:250px;
    margin:0 auto;
}
.selq-header .img-selq-true img {
    width:100%;
    animation: selq-headerFigure 2s linear 0s normal; 
    transform-origin: 50% 100%;
}
@keyframes selq-headerFigure {
	0% {
        transform:rotate(0deg);
	}
    25% {
        transform:rotate(-15deg);
	}
    50% {
        transform:rotate(0deg);
	}
    75% {
        transform:rotate(15deg);
	}
	100% {
        transform:rotate(0deg);
	}
}
.selq-container {
    margin:0 auto;
    max-width:800px;
    min-height:900px;
    padding-top:200px;
}
.selq-container .btn {
    background:#51b7ec;
}
.selq-container .btn:hover {
   background:#16a3ed;
}
.selq-container .btn-cont {
    margin-top:50px;
    box-sizing:border-box;
}
.selq-container * {
    max-width:none;
}
.selq-container .btn-cont a{
    font-size:18px;
    font-weight:400;
}
.selq-container > .selq-contents:only-child {
    margin-top:30px;
}
.selq-contents {
    position:relative;
    margin: 80px auto;
    padding:60px 100px; 
    max-width: 700px;
    background: #fff;
    background: url('/images/bg_bar.png') repeat-x #fff;
    z-index:4;
    box-sizing:border-box;
}
.selq-contents:after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:10px;
    background: url('/images/bg_bar.png') repeat-x #fff;
}

/* common */
.error {
    border-color:#ff0000 !important;
}
.msg-error {
    display:block;
    margin:5px 0;
    color:#ff0000 !important;
    font-size:14px;
}
.msg-confirm {
    display:block;
    margin:5px 0;
    color:#559bd9 !important;
    font-size:14px;
}

/* selq-write */
.selq-write h4 {
    position:relative;
    margin-bottom:30px;
    font-size:24px;
    line-height:1.4em;
    font-weight:400;
    color:#666;
    text-align:center;
}
.selq-write fieldset {
    position:relative;
}
.selq-write fieldset + fieldset {
    margin-top:40px;
}
.selq-write fieldset > div {
   margin-top:15px;
}
.selq-write cite {
    position:relative;
    display:block;
    margin-bottom:20px;
    color:#666;
    font-weight:700;
    font-size:18px;
    text-align:center;
}
.selq-write .btn {
    background:#51b7ec;
    height:50px;
    line-height:50px;
    padding-top:0;
    padding-bottom:0;
}
.tip {
    font-size:14px;
    color:#999;
}
.selq-write .tip {
    float:right;
}
.selq-write cite:before {
    content:"";
    z-index:0;
    position:absolute;
    top:50%;
    margin-top:-1px;
    display:block;
    left:0;
    right:0;
    height:1px;
    background:#777;
}
.selq-write cite span {
    position:relative;
    display:inline-block;
    background:#fff;
    padding:0 10px;
    z-index:1;
}
.selq-write li {
    overflow:hidden;
}
.selq-write li + li {
    font-size:0;
    margin-top:15px;
}
.selq-write li * {
    font-size:16px;
}
.selq-write .phone input{
    width:calc(60% - 110px);
}
.selq-write .phone .phone-confirm {
    margin-left:10px;
    width:calc(40% - 70px);
}
.selq-write .phone .btn,
.selq-write .phone time {
    margin-left:10px;
    display:inline-block;
    width:100px;
    line-height:50px;
    vertical-align:middle;
    padding:0;
    text-align:center;
}
.selq-write .phone time {
   width:50px;
   text-align:left;
}
.selq-write .email input {
   width:calc(50% - 30px);
}
.selq-write .email input + .email-txt {
    display:inline-block;
    width:30px;
    text-align:center;
}
.selq-write select.error + .ui-selectmenu-button {
    border-color:#ff0000;
}
.selq-write .email .ui-selectmenu-button {
    margin-top:10px;
    float:right;
    width:50% !important;
}
.selq-write .email .email-etc {
    width:50% !important;    
}
.selq-write .children {
    margin-left:-10px;
}
.selq-write .children .ui-selectmenu-button {
     width:calc(33.33% - 10px) !important;
    margin-left:5px;
}
.selq-write .agree li + li {
    margin-top:10px;
}
.selq-write .agree-all {
    border-bottom:2px solid #444;
    padding-bottom:10px;
} 
.selq-write .agree .btn-detail {
    position:relative;
    float:right;
    vertical-align:middle;
    font-size:16px;
}
.selq-write .agree .btn-detail:before{
    content:"";
    display:inline-block;
    margin-right:5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #444;
}
.agree-txt h4 {
    margin-bottom:10px;
    line-height:1.5em;
    font-weight:500;
}
.agree-txt p{
    margin-bottom:20px;
    font-size:15px;
}
.agree-txt ol li{
    margin-left:15px;
    list-style:decimal;
}
.dash-txt {
    margin-top:40px;
    padding-top:15px;
    float:none;
    border-top:1px dashed #ccc;
    font-size:13px;
    line-height:1.5em;
    color:#777;
}

/* selq-qusestion */
.selq-step {
    position:absolute;
    margin-left:100px;
}
.selq-step:after { 
    content:"";
    display:block;
    clear:both;
}
.selq-step > cite {
    position:absolute;
    top:15px;
    left:-75px;
    font-size:24px;
    font-weight:700;
    color:#51b7ec;
}
.step-img {
    position:absolute;
    top:0;
    left:0;
    width:55px;
    z-index:3;
     /*-webkit-animation: jump 3s linear 0s infinite normal ;
     animation: jump 3s linear 0s infinite normal ;*/
    transition: all .3s;
}
@keyframes jump {
  0%{
	transform: translateY(0);
  }
  20%{
	transform: translateY(0);
  }
  40%{
	transform: translateY(-25px);
  }
  50%{
	transform: translateY(0);
  }
  60%{
	transform: translateY(-10px);
  }
  80%{
	transform: translateY(0);
  }
  100%{
	transform: translateY(0);
  }
}
.selq-step li {
    position:relative;
    float:left;
    width:50px;
    height:50px;
    margin-left:10px;
    border-radius:50%;
}
.selq-step li:nth-child(11) ~ li {
    float:right;
    clear:left;
    clear:right;
    margin-top:10px;
}
.selq-step li:nth-child(11) + li {
    margin-top:0;
}
.selq-step li span {
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:16px;
    font-weight:900;
    color:#eee;
    border-radius:50%;
    background:#fff;
    transition: all .6s;
}
.selq-step li.active span {
    background:#51b7ec;
    z-index:2;
}
.selq-step li.active {
    background:#51b7ec;
}
.selq-step li.active span {
    color:#fff;
}
.selq-step li:before {
    content:"";
    position:absolute;
    top:20px;
    left:-12px;
    width:14px;
    height:10px;
    background:#fff;
    transition: all .3s;
    z-index:1;
}
.selq-step li.active:before {
    -moz-box-shadow: inset 24px 0 0 #51b7ec;
    -webkit-box-shadow: inset 24px 0 0 #51b7ec;
    box-shadow: inset 24px 0 0 #51b7ec;
}
.selq-step li:nth-child(12) ~ li:before {
    top:-12px;
    left:20px;
    width:10px;
    height:14px;
}
.selq-step li:nth-child(12) ~ li.active:before {
    -moz-box-shadow: inset 0 24px 0 #51b7ec;
    -webkit-box-shadow: inset 0 24px 0 #51b7ec;
    box-shadow: inset 0 24px 0 #51b7ec;
}
.selq-step li:first-child:before {
    display:none;
}
.selq-question p {
    letter-spacing:-0.04em;
}
.selq-question cite {
    margin:50px 0 20px;
    display:block;
    font-size:30px;
    font-weight:300;
    color:#ccc;
    letter-spacing:-0.08em;
}
.selq-question em {
    color:#51b7ec;
    font-size:50px;
    line-height:1em;
    font-weight:700;
}
.selq-question h4 {
    margin-bottom:40px;
    font-size:24px;
    font-weight:700;
    color:#444;
    line-height:1.4em;
}
.selq-question li + li {
    margin-top:15px;
}
.selq-question li label {
    transition:all .3s;
}
.selq-question li label.ui-state-active {
    color:#51b7ec;
    /*font-weight:700;*/
}
.selq-question .btn-step-prev:before,
.selq-question .btn-step-next:after {
    content:"";
    display:inline-block;
    margin-top:-5px;
    margin-right:10px;
    width:8px;
    height:8px;
    border-left:2px solid #fff;
    border-top:2px solid #fff;    
    vertical-align:middle;
     -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition:all .3s;
}
.selq-question .btn-step-prev:hover:before {
    margin-right:50px;
}
.selq-question .btn-step-next:after {
    margin-left:10px;
    margin-right:0;
     -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.selq-question .btn-step-next:hover:after {
     margin-left:50px;
}

/* selq-result */
.selq-result.screen {
    position:relative;
    background:#51b7ec;
    padding-bottom:10px;
    /*width:100%;
    left:50%;
    zoom:1.5;
    line-height:1.5em;
    -webkit-transform: translateX(-50%);
    -moz-transform:  translateX(-50%);
    -ms-transform:  translateX(-50%);
    -o-transform:  translateX(-50%);
    transform:  translateX(-50%);*/
}
.selq-result-tit  {
    display:none;
}
.selq-result.screen .selq-result-tit {
    display:block;
    padding-top:40px;
    margin-bottom:20px;
    font-size:15px;
    font-size:15px;
    text-align:center;
    line-height:1.3em;
    color:#fff;
}
.selq-result-tit h3 span {
    display:block;
    line-height:1.3em;
}
.selq-result-tit h3 strong{
    display:block;
    font-size:30px;
    margin-top:10px;
    line-height:1.3em;
    font-weight:700;
}
.selq-result-type {
    display:block;
    position:relative;
    margin:-450px auto 0;
    max-width:700px;
    clear:both;
    font-size:0;
    color:#444;
    text-align:left;
}
.result-type-img {
    display:inline-block;
    width:50%;
    vertical-align:bottom;
    animation: result-type-img 2s normal;
}
@keyframes result-type-img {
	0% {
		opacity :0;
        -webkit-transform: translateY(30%);
        -moz-transform:  translateY(30%);
        -ms-transform:  translateY(30%);
        -o-transform:  translateY(30%);
        transform:  translateY(30%);
	}
	100% {
		opacity :1;
	}
}
.result-type-img img {
    max-width:100%;
    display:block;
    margin:0 auto;
}
.result-type-txt {
    position:relative;
    display:inline-block;
    width:50%;
    font-size:16px;
    background:#fff;
    box-sizing:border-box;
    border-radius:10px;
    animation: result-type-txt 1s normal;
}
@keyframes result-type-txt {
	0% {
       opacity:0;
	}
	100% {
        opacity:1;
	}
}
.result-type-txt:before {
    content:"";
    position:absolute;
    left:-25px;
    margin-top:-12px;
    top:50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 26.0px 15px 0;
    border-color: transparent #fff transparent transparent;
}
.screen .result-type-txt:before {
    display:none;
}
.result-type-txt > div {
    padding:10px 30px;
    background:#fafafa;
    border-radius:10px 10px 0 0;
    border-bottom:1px dashed #ccc;
    vertical-align:middle;
}
.result-type-txt > h4 {
    padding:30px 30px 0;
    font-size:20px;
    line-height:1.2em;
    white-space:nowrap;
}
.result-type-txt > h4 em {
}
.result-type-txt > p {
    padding:10px 30px 30px;
}
.result-type-txt > div cite {
    font-size:15px;
    line-height:1.3em;
    font-weight:500;
}
.result-type-txt > div p {
    font-size:14px;
    line-height:1.4em;
}
.selq-result-type + .selq-contents {
    padding-bottom:0;
    margin-top:20px;
}
.selq-result .selq-contents {
    padding-left:50px;
    padding-right:50px;
}
.selq-result + .selq-contents {
    padding-left:0;
    padding-right:0;
    margin-top:-90px;
}
.result-list li {
    display:table;
    margin-bottom:50px;
}
.result-list li  > * {
    display:table-cell;
    vertical-align:top;
}
.result-list li > em{
    width:45px;
    font-size:30px;
    text-align:center;
}
.result-list li > em span {
    display:inline-block;
    font-size:30px;
    padding-bottom:10px;
    border-bottom:1px solid #51b7ec;
}
.result-list li > figure {
    width:60px;
    padding:0 20px;
    vertical-align:top;
    font-size:0;
}
.result-list li > figure img {
    width:100%;
    display:inline-block;
    margin-top:-10px;
}
.result-list li  h5 {
    font-size:20px;
    margin-bottom:10px;
    font-weight:400;
}
.result-list li > div p {
    font-size:14px;
}
.result-list {
   
}
.chart {
    padding-bottom:50px;
}
.chart canvas {
    width:100% !important;
}
.result-etc h5 {
    margin-bottom:10px;
    text-align:center;
    font-size:16px;
    font-weight:700;
    line-height:1.4em;
}
.result-etc p {
    font-size:14px;
    text-align:center;
}
.result-etc .btn-down-result {
    margin:20px auto 40px;
    display:block;
    font-size:20px;
    background:#ffa800;
    width:auto;
    color:#fff;
    max-width:300px;
    text-align:center;
    font-weight:400;
    padding:14px 0;
    transition:all .3s;
}
.result-etc .btn-down-result:hover {
    background:#f28d00;
}
.result-etc .sns {
    font-size:0;
    text-align:center;
}
.result-etc .sns li {
    display:inline-block;
    text-indent:-9999px;
    width:50px;
    height:50px;
    background:#222;
    border-radius:5px;
    margin:0 10px;
    background-size:50px;
    transition:all .3s;
}
.result-etc .sns li:hover {
    background-color:#51b7ec;
}
.result-etc .sns a {
    display:block;
    width:100%;
    height:100%;
}

.result-etc .sns .kakao {
     background-image: url('/images/sns_kakao.svg');
}
.result-etc .sns .kakaostory {
    background-image: url('/images/sns_kakaoStory.svg');
}
.result-etc .sns .facebook {
    background-image: url('/images/sns_facebook.svg');
}
.result-etc .sns .instagram {
    background-image: url('/images/sns_instagram.svg');
}
.result-etc .sns .twitter {
    background-image: url('/images/sns_twitter.svg');
}
.result-etc .sns .naver {
    background-image: url('/images/sns_naver.svg');
}
.selq-contents hr {
    margin:0 0 50px;
    padding:0;
    border:none;
    border-bottom:1px dashed #51b7ec;
}
.result-etc h5,
.result-etc p {
    padding-left:50px;
    padding-right:50px;
}
.result-etc .btn-cont {
    margin-left:auto;
    margin-right:auto;
    display:table;
    border-spacing:10px;
}
.result-etc .btn-cont .btn {
    display:table-cell;
    white-space:nowrap;
    padding-left:10px;
    padding-right:10px;
}
.result-etc .btn-cont i {
    display:inline-block;
    vertical-align:middle;
    width:25px;
    height:25px;
    margin-right:5px;
    background-size:25px;
    background-repeat:no-repeat;
    background-position:center;
}
.result-etc .btn-cont i.ico-more {
    background-image: url('/images/ico_more.svg');
}
.result-etc .btn-cont i.ico-event {
    background-image: url('/images/ico_event.svg');
}
.result-etc .btn-cont i.ico-buy {
    background-image: url('/images/ico_buy.svg');
}

/* -------------------------------------------------
    
	- MOBILE MAX-WIDHT 1024
	
------------------------------------------------- */
@media screen and (max-width:1024px) {
    .selq-contents {
        margin-top:0;
    }
    .selq-header {
        background-size:80%;
    }
    @keyframes Gradient {
	    0% {
		    background-position: 0% 0%;
	    }
	    100% {
		    background-position: -1000% 1000%
	    }
    }
    .dash-txt br {
        display:none;
    }
    .selq-step {
       position:relative;
       background:#fff;
       max-width:700px;
       margin:0 auto 10px;
    }
    .selq-step > cite {
       display:none;
    }
    .step-img {
       top:10px;
       width:auto;
       height:20px;
       animation:none;
       padding-left:1%;
       -webkit-transform: translateY(-50%);
        -moz-transform:  translateY(-50%);
        -ms-transform:  translateY(-50%);
        -o-transform:  translateY(-50%);
        transform:  translateY(-50%);
    }
    .selq-step li {
        position:relative;
        float:left;
        width:calc(100% / 24);
        height:10px;
        margin:0;
        border-radius:0;
    }
    .selq-step li:nth-child(11) ~ li {
        float:left;
        clear:none;
        margin:0;
    }
    .selq-step li:nth-child(11) + li {
        margin-top:0;
    }
    .selq-step li span {
      display:none;
    }
    .selq-step li.active span {
        background:#51b7ec;
        z-index:2;
    }
    .selq-step li.active {
        background:#51b7ec;
    }
    .selq-step li.active span {
        color:#fff;
    }
    .selq-step li:before {
       display:none;
    }

    .result-type-txt > h4 {
        white-space:normal
    }
}

/* -------------------------------------------------
    
	- MOBILE MAX-WIDHT 768
	
------------------------------------------------- */
@media screen and (max-width:768px) {
    .selq-container .btn-cont {
        margin-top:30px;
        margin-bottom:0;
    }
    .selq-container .btn-cont + .tip.ac {
        margin-top:-30px;
        margin-bottom:20px;
    }
    .selq-header {
        padding:20vw 5vw 15vw;
        position: relative;
        text-align: center;
        min-height:0;
        max-height:none;
        color: #fff;
    }
    .selq-header h3 {
        padding-top:0;
        max-width:500px;
    }
    .selq-header h3 + p {
        margin-bottom:20px;
        font-size:18px;
        line-height:1.5em;
        font-weight:400;
        animation: selq-headerP 2s normal;
    }
    .selq-header .img-selq-true{
        position:relative;
        margin-bottom:-40vw;
        width:30vw;
    }
    .selq-container {
        margin:0 5vw;
        padding-top:25vw;
        min-height:0;
    }
    .selq-container > .selq-contents {
        margin-top:0;
    }
    .selq-contents {
        padding:10vw 5vw 5vw; 
    }
    .selq-contents:after {
        content:"";
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:10px;
        background: url('/images/bg_bar.png') repeat-x #fff;
    }
    /* selq-write */
    .selq-write h4 {
        margin-bottom:20px;
        font-size:18px;
        line-height:1.3em;
    }
    .selq-write fieldset {
        position:relative;
    }
    .selq-write fieldset + fieldset {
        margin-top:10vw;
    }
    .selq-write .phone input{
        width:calc(100% - 110px);
    }
    .selq-write .phone .phone-confirm {
        margin-left:0;
        margin-right:10px;
        margin-top:5px;
        width:calc(100% - 110px);
    }
    .selq-write select.error + .ui-selectmenu-button {
        border-color:#ff0000;
    }
    .selq-write .children {
        margin-left:0;
    }
    .selq-write .children .ui-selectmenu-button {
        margin-bottom:5px;
        width:100% !important;
        margin-left:0;
    }
    .selq-write .tip {
        float:none;
        display:block;
    }
    .selq-write .agree li + li {
        margin-top:10px;
    }
    .selq-write .agree-all {
        border-bottom:2px solid #444;
        padding-bottom:10px;
    } 
   /* selq-question */
   .selq-question cite {
       margin-top:20px;
       font-size:24px;
   }
   .selq-question cite em {
       font-size:30px;
   }
   .selq-question h4 {
       margin-bottom:20px;
       font-size:18px;
   }
   .selq-question .btn-step-prev:hover:before {
        margin-right:10px;
    }
    .selq-question .btn-step-next:hover:after {
         margin-left:10px;
    }
   /* selq-result */
   .selq-result.screen {
        padding:0 5vw 40px;
    }
    .selq-result-type {
        display:block;
        position:relative;
        margin:-42vw auto 0;
        max-width:700px;
        clear:both;
        font-size:0;
        color:#444;
        text-align:left;
    }
    .result-type-img {
        float:none;
        margin:0 auto;
        display:block;
        width:50%;
    }
    .result-type-txt {
        display:block;
        width:100%;
        margin-bottom:20px;
    }
    .result-type-txt:before {
       display:none;
    }
    .result-type-txt > div {
        padding:10px 5vw;
    }
    .result-type-txt > h4 {
        padding:20px 5vw 0;
        font-size:18px;
    }
    .result-type-txt > p {
        font-size:14px;
        line-height:1.5em;
        padding:10px 5vw 20px;
    }
    .result-type-txt > div cite {
        font-size:15px;
        line-height:1.3em;
        font-weight:500;
    }
    .result-type-txt > div p {
        font-size:14px;
        line-height:1.4em;
    }

    .selq-result .selq-contents,
    .selq-result + .selq-contents{
        padding-left:5vw;
        padding-right:5vw;
    }
    .selq-result + .selq-contents {
        margin-top:-90px;
    }
    .result-list li {
        position:relative;
        display:block;
        margin-bottom:30px;
    }
    .result-list li  > * {
        display:inline-block;
        vertical-align:top;
    }
    .result-list li > em{
        width:40px;
        font-size:30px;
        text-align:center;
        vertical-align:middle;
    }
    .result-list li > em span {
        display:inline-block;
        font-size:30px;
        padding-bottom:10px;
        border-bottom:1px solid #51b7ec;
    }
    .result-list li > figure {
        width:40px;
        padding:0 20px;
        vertical-align:middle;
        font-size:0;
    }
    .result-list li > figure img {
        width:100%;
        display:block;
        margin-top:0;
    }
    .result-list li  h5 {
        position:absolute;
        top:10px;
        left:115px;
        font-size:20px;
        margin-bottom:10px;
        font-weight:400;
    }
    .result-list li > div p {
        margin-top:10px;
    }
    .chart {
        padding-bottom:30px;
    }
    .chart canvas {
        width:100% !important;
    }
    .result-etc h5,
    .result-etc p {
        padding-left:0;
        padding-right:0;
    }
    .result-etc h5 {
        margin-bottom:10px;
        text-align:center;
        font-size:16px;
        font-weight:700;
        line-height:1.4em;
    }
    .result-etc p {
        font-size:14px;
        text-align:center;
    }
    .result-etc .btn-down-result {
        margin:20px auto 40px;
        display:block;
        font-size:20px;
        background:#ffa800;
        width:auto;
        color:#fff;
        max-width:300px;
        text-align:center;
        font-weight:400;
        padding:14px 0;
        transition:all .3s;
    }
    .result-etc .btn-down-result:hover {
        background:#f28d00;
    }
    .result-etc .sns {
        font-size:0;
        text-align:center;
    }
    .result-etc .sns li {
        width:40px;
        height:40px;
        background-size:40px;
        margin:0 5px 5px;
        transition:all .3s;
    }
    .selq-contents hr {
        margin:0 0 30px;
    }
    .result-etc .btn-cont .btn {
        margin:5px;
        display:inline-block;
    }
    .agree-txt h4 br {
        display:none;
    }
}

/* -------------------------------------------------
    
	- MOBILE MAX-WIDHT 640
	
------------------------------------------------- */
@media screen and (max-width:640px) {
    .selq-write .btn,
    .selq-write .phone .btn, 
    .selq-write .phone time {
        height:50px;
        line-height:50px;
    }
    .ui-selectmenu-button,
    .ui-selectmenu-button span.ui-selectmenu-text {
        height:50px;
        line-height:48px;
    }
    .ui-selectmenu-menu .ui-menu {
        max-height:150px;
    }
    .selq-write .email input {
        width:calc(100% - 30px) !important;
    }
    .selq-write .email .email-etc,
    .selq-write .email .ui-selectmenu-button {
        margin-top:5px;
        width:100% !important;
    }
    .result-etc .btn-cont .btn {
        padding-left:0;
        padding-right:0;
        text-align:center;
        width:100%;
    }
    .selq-header h3 + p {
        font-size:3vw;
    }
}

/* -------------------------------------------------
    
	- MOBILE MAX-WIDHT 414
	
------------------------------------------------- */
@media screen and (max-width:414px) {
    .selq-write .btn-cont .btn {
        font-size:4vw;
        padding:0 5vw;
    }
    .selq-write h4 br {
        display:none;
    }
}