@charset "utf-8";
.responsive {overflow-x: auto; position: relative;}
.responsive:before {content: ''; display: block; background: url(./img/ico_responsive.png) no-repeat 0 0; width: 40px; height: 61px; background-size: 100% auto; position: absolute; left: 50%; top: 80px; transform: translateX(-50%); animation-name: shake; animation-duration: 2.6s; animation-fill-mode: both; animation-iteration-count: infinite;}
.responsive.moved:before {display: none;}
.responsive table, .wetoz .responsive .table {width: 768px; word-break: keep-all; max-width: none;}
.wetoz .responsive .panel-heading {width: 768px;}
.flex {display: flex; flex-wrap: wrap;}
.flex-col {display: flex; flex-wrap: wrap; flex-direction: column;}
.flex-center {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.box1 {border: 1px solid #ddd;}
.title1 {background: #f5f5f5; padding: 10px; font-size: 16px !important; margin: 0 !important;}
.box1 > article {padding: 10px 10px 0 10px;}
.box1 > article:nth-last-of-type(1) {padding-bottom: 10px;}
.box1 > article p {margin: 0 !important;}
.box1 {margin-bottom: 15px;}
.freak1 {background: #eee;}
.freak1 .title2 {font-size: 18px;}
.freak1 p {font-weight: bold; font-size: 16px;}
.box1 input[type=text], .box1 select, .box1 .input-box {border: 1px solid #eee; display: block; width: 100%; padding: 2px; height: 28px; line-height: 28px;}
.box1 .freak2 #bk_birthday, .box1 .freak2 #bk_birthday2 {display: inline-block;}
.box1 textarea {width: 100%; border: 1px solid #eee;}
.box1 .input-radio-list label:not(:nth-last-of-type(1)) {margin-right: 10px;}
.box1 .input-radio-list input[type=radio] {width: 18px; height: 18px; -webkit-appearance: radio;}
#agree1 {width: 18px; height: 18px; border: 1px solid #ccc; -webkit-appearance: checkbox;}
@media (max-width: 320px) {
}
@media (min-width: 768px) {
    .responsive:before {display: none;}
    .responsive table, .wetoz .responsive .table, .wetoz .responsive .panel-heading {width: 100%;}
    .box1 input[type=text] {width: 160px;}
    .box1 select {width: 230px;}
}
@media (min-width: 992px) {
    .hide-on-medium {display: block !important;}
    .hide-on-laptop {display: none !important;}
}
@media (min-width: 1200px) {
    .hide-on-laptop {display: block !important;}
    .hide-on-large {display: none !important;}
}