#cousel_wrap {padding: 10% 3%; background: url('/images/counsel_bg.jpg') no-repeat center top; background-size: cover;}
#cousel_wrap .title {text-align: center; margin-bottom: 5%;}
#cousel_wrap .title h2 {font-size: 50px; line-height: 50px; font-family: 'Noto_bold'; margin-bottom: 20px;}
#cousel_wrap .title p {font-size: 24px; line-height: 30px;}



#cousel_wrap .question_wrap {margin-bottom: 5%;}

#cousel_wrap p.question {font-size: 20px; color: #4e6783; font-family: 'Noto_medium'; margin-bottom: 3%;}
#cousel_wrap p.question span {text-indent: -2px; width: 25px; height: 25px; line-height: 25px; border-radius: 15px; background: #4e6783; color: white; display: inline-block; margin-right: 10px; text-align: center;}

.type_wrap {margin: 0 -10px -20px;}
.type_wrap li {float: left; width: 33.333%; padding: 0 10px; margin-bottom: 20px;}
.type_wrap li input[type='checkbox'] {display: none;}
.type_wrap li input[type='checkbox'] + label {display: block; padding: 10px; background: white; border: 1px solid #e5ecf2; cursor: pointer;}
.type_wrap li input[type='checkbox'] + label p {font-size: 20px; text-align: center; margin-top: 10px;}
.type_wrap li input[type='checkbox'] + label p:before {content: ''; display: inline-block; width: 20px; height: 20px; background: url('/images/check_off.png') no-repeat; background-size: 20px; margin-right: 5px; vertical-align: bottom;}
/*
.type_wrap li input[type='checkbox']:checked + label {background: #2d93ea;}
*/
.type_wrap li input[type='checkbox']:checked + label p {color:#0e7fde; }
.type_wrap li input[type='checkbox']:checked + label p:before {content: ''; display: inline-block; width: 20px; height: 20px; background: url('/images/check_on.png') no-repeat; background-size: 20px; margin-right: 5px; vertical-align: bottom;}

.age_wrap li {font-size: 20px; display: inline-block; margin-right: 20px;}
.age_wrap li input {width: 20px; height: 20px; vertical-align: bottom; margin-right: 5px;}

.q_ul {overflow:hidden;}
.q_ul li {margin-bottom: 15px; font-size: 20px; width:50%; float:left;}
.q_ul li:last-child {margin-bottom: 0;}
.q_ul li input {width: 20px; height: 20px; margin-right: 5px;}
.q_ul li input[type='checkbox'] {vertical-align: text-bottom;}
.q_ul li input[type='radio'] {vertical-align: bottom;}



input[type='text'].person_info, input[type='number'].person_info {padding: 0 10px; line-height: 50px; background: white; border: 1px solid #e5ecf2; font-size: 20px; width: 100%; margin-bottom: 10px;}
select.person_info {padding: 0 10px; line-height: 50px; background: url('/images/icon_select.svg') no-repeat 98% center white; background-size: 20px; border: 1px solid #e5ecf2; font-size: 20px; width: 100%;}

.submit input[type='checkbox'] {width: 16px; height: 16px; margin-right: 5px; vertical-align: text-bottom;}
.submit label {font-size: 16px;}
.submit input[type='button'] {font-size: 24px; line-height: 50px; padding: 0 25px; background: #229aff; color: white; margin-top: 20px; border-radius: 3px; font-family: 'Noto_medium'; cursor: pointer; letter-spacing: -1px;}
.submit input[type='button']:hover {background: #0e7fde;}



@media screen and (max-width:720px) {
    .show_720 {display: block;}
    .hide_720 {display: none;}
    
    #cousel_wrap .title h2 {font-size: 24px; line-height: 30px; margin-bottom: 15px;}
    #cousel_wrap .title p {font-size: 16px; line-height: 26px;}
    
    #cousel_wrap p.question {font-size: 15px;}
    #cousel_wrap p.question span {width: 16px; height: 16px; line-height: 16px; font-size: 11px; margin-right: 3px;}
    
    .type_wrap {margin: 0 -5px -10px;}
    .type_wrap li {width: 50%; padding: 0 5px; margin-bottom: 10px;}
    .type_wrap li input[type='checkbox'] + label p {font-size: 16px;}
    .type_wrap li input[type='checkbox'] + label p:before, .type_wrap li input[type='checkbox']:checked + label p:before {width: 16px; height: 16px; background-size: 16px; position: relative; top: -3px;}
    
    
    .age_wrap li {font-size: 16px; margin-right: 15px;}
    
    .q_ul li {font-size: 16px; margin-bottom: 10px; width:100%;}
    .q_ul li input, .age_wrap li input {width: 16px; height: 16px;}
    
    input[type='text'].person_info, input[type='number'].person_info {font-size: 16px; line-height: 40px;}
    select.person_info {font-size: 16px; line-height: 40px;}
    .submit input[type='checkbox'] {width: 14px; height: 14px; }
    .submit label {font-size: 14px;}
    .submit input[type='button'] {font-size: 18px; line-height: 40px;}
    
}

@media screen and (max-width:480px) {
    .show_480 {display: block;}
    .hide_480 {display: none;}

}