tbody { -webkit-text-size-adjust: 100%; } .notice {width:300px; padding:5px; background-color:#ffffff; opacity:0.8; font-size:14px; position:absolute; bottom:0px; left:0px;} *, *:before, *:after {-webkit-box-sizing: border-box; box-sizing: border-box;} .parallax-window {min-height: 300px;background: transparent;} .parallax-slider {top:0;left:0;} .mw img {max-width:100%;}/*画像幅がウィンドウサイズ以下なら縮小。最大は元画像横幅まで。imgの外側要素に付与*/ .relative {position:relative;} .pcrelative {position:relative;}/*pc only*/ .sptac {} .delay { -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .delay:hover { -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .anc { display: block; padding-top: 100px; margin-top: -100px; } /* a */ .nodeco {} .nodeco:hover {text-decoration:none;} .nocolor {color:#111111;} .nocolor:hover {color:#111111;} /* ----- center ----- */ .margincenter {margin:0px auto!important;} .topcenter { display: flex; flex-direction: column;justify-content: center;} /* ----- flexbox ----- */ .flexbox {display:flex; justify-content:space-between; flex-wrap: wrap;} .flexbox_sp {display:flex; justify-content:space-between; flex-wrap: wrap;} .flexbox840 {display:flex; justify-content:space-between; flex-wrap: wrap;} .flexbox_rev {display:flex; justify-content:space-between; flex-wrap: wrap; flex-flow: row-reverse;} .flexbox_left {display:flex; justify-content:flex-start; flex-wrap: wrap; } .flexbox_left_sp {display:flex; justify-content:flex-start; flex-wrap: wrap; } .flexbox_center {display: flex; justify-content: center;align-items: center; flex-wrap: wrap;} .flexbox_center_yoko {display: flex; justify-content: center;align-items: start; flex-wrap: wrap;} .twobox {width:48%;} .twobox2 {width:47%;} .twobox_left {width:48%; margin:1%;} .twobox80 {width:75%;} .twobox75 {width:73%;} .twobox70 {width:65%;} .twobox60 {width:56%;} .twobox50 {width:50%;} .twobox40 {width:40%;} .twobox30 {width:30%;} .twobox20 {width:20%;} .twobox25 {width:25%;} .threebox {width:31%; } .threebox_left {width:30.3%; margin:1.5%; } .fourbox {width:23%; } .fourbox_left {width:21%; margin:2%;} .fivebox {width:18%; margin:1%;} .fivebox_left {width:18%; margin:1%;} /* ----- bt ----- */ .commonbt1 {display:block; margin-bottom:10px; margin-top:10px; text-align:center; font-weight:400; padding:20px 20px 20px 20px; font-size:18px; line-height:18px; color:#ffffff; background-color:#00589f; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .commonbt1:hover {display:block; margin-bottom:10px; margin-top:10px; text-align:center; font-weight:400; padding:20px 20px 20px 20px; font-size:18px; line-height:18px; color:#ffffff; background-color:#2477b9; text-decoration:none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} /* ----- en ----- */ .enbox {position:relative; background-color:#ffffff; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .enborder3 {border:3px solid #1c2143; margin-bottom:20px;} .enborder5 {border:5px solid #1c2143; margin-bottom:20px;} .enbox240 {width:240px; height:240px;} .enbox240_2 {width:240px; height:240px;} .enbox280 {width:280px; height:280px;} .enbox320 {width:320px; height:320px;} .enbox240 h5 {display:block; text-align:center; margin:0px; padding:100px 0px 10px 0px; font-size:22px; font-weight:600; line-height:32px;color:#1c2143;} .enbox240_2 h5 {display:block; text-align:center; margin:0px; padding:60px 0px 10px 0px; font-size:22px; font-weight:600; line-height:32px;color:#1c2143;} .enbox280 h5 {display:block; text-align:center; margin:0px; padding:100px 0px 10px 0px; font-size:22px; font-weight:600; line-height:32px;color:#1c2143;} .enbox320 h5 {display:block; text-align:center; margin:0px; padding:100px 0px 10px 0px; font-size:26px; font-weight:600; line-height:32px;color:#1c2143;} .enbox_tx {text-align:center; color:#111111; padding:5px 0px 0px 0px; font-size:16px; line-height:26px;} .enbox a {display:block;} .enbox a:hover {display:block; text-decoration:none;} .en100 {border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;} .en150 {border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px;} .en200 {border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px;} .en240 {border-radius: 240px; -webkit-border-radius: 240px; -moz-border-radius: 240px;} .en250 {border-radius: 250px; -webkit-border-radius: 250px; -moz-border-radius: 250px;} .squbox {border:3px solid #1c2143; min-height:200px; margin-bottom:20px;} .squbox_in {padding:25px; text-align:center; font-size:22px; font-weight:600; line-height:32px;color:#1c2143;} /*under*/ .under3 {text-decoration: underline; text-decoration-thickness:3px;} .under5 {text-decoration: underline; text-decoration-thickness:5px;} .under7 {text-decoration: underline; text-decoration-thickness:7px;} .under_blue {text-decoration-color:#004098;} .under_orange {text-decoration-color:#f08300;} /* ----- bg ----- */ .bg1 {background-color:#ffffff!important;} .bg2 {background-color:#e1f2ff;} .bg3 {background-color:#f6f5f1;} .bg4 {background-color:#f6f7dd;} .bg5 {background-color:#f5f5f5;} /* ----- font ----- */ .white {color:#ffffff!important;} .blue {color:#f39700!important;} .orange {color:#f06000!important;} .red {color:#ff0000!important;} .black {color:#111111!important;} /* ----- border ----- */ .nb {borde:0px none!important;} .border1 {border:1px solid #eeeeee;} .border3 {border:3px solid #eeeeee;} .border5 {border:5px solid #eeeeee;} /* ----- fw ----- */ .fw200 {font-weight:200!important;} .fw400 {font-weight:400!important;} .fw500 {font-weight:500!important;} .fw600 {font-weight:600!important;} /* ----- maru ----- */ .maru3 {border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;} .maru5 {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .maru10 {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;} .maru20 {border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;} .maru30 {border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;} /* ----- cbox ----- */ .contents_box_in {padding:20px;} .contents_box {width:100%; margin:0px auto;} .contents_box_g {width:100%; margin:0px auto; border:7px solid #eeeeee;} .contents_box_b {width:100%; margin:0px auto; border:7px solid #c2eafa;} .contents_box_o {width:100%; margin:0px auto; border:7px solid #ffb400;} .contents_box_bg {width:100%; margin:0px auto; border:7px solid #ece9e2;} /* ----- dl table base ----- */ .dltable {display:flex;justify-content:space-between; flex-wrap: wrap; margin:0px; padding:0px 0px 0px 0px;} .dltable dt {display:block; padding:12px 15px 12px 15px; margin:0px 0px 4px 0px;} .dltable dd {display:block; background-color:#ffffff; padding:12px 15px 12px 15px; margin:0px 0px 4px 0px;}/*widthは別指定*/ .dtbg1 dt {background-color:#00589f!important; color:#ffffff;} /*dl table design*/ .twodl dt {width:25%; } .twodl dd {width:75%; } .twodl2 dt {width:40%;} .twodl2 dd {width:60%;} .twodl3 dt {width:75%;} .twodl3 dd {width:25%;} .threedl dt {width:20%; border:1px solid #e5e5e5;} .threedl .dd1 {width:60%; background-color:#ffffff;border:1px solid #e5e5e5;} .threedl .dd2 {width:20%; background-color:#ffffff;border:1px solid #e5e5e5;} /*table*/ .swipetable {} .listtable { border-top:1px solid #dddddd; border-right:1px solid #dddddd;} .listtable td {font-size:16px; line-height:26px; padding:8px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd;} .listtable2 { border-top:1px solid #dddddd; border-left:1px solid #dddddd;} .listtable2 td {font-size:16px; line-height:26px; padding:8px; border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;} /* ----- list ----- */ .listol {padding:0px; margin:10px 10px 10px 10px; list-style-position: inside; color:#222222;} .listol li {padding:10px 20px 10px 20px; margin-bottom:5px; background-color:#fff5ce;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .listul {padding:0px; margin:10px 10px 10px 10px; list-style-position: inside; color:#222222;} .listul li {padding:10px 20px 10px 20px; margin-bottom:5px; background-color:#fff5ce;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .linkul {padding:0px; margin:10px 10px 10px 10px; list-style-position: inside; color:#222222;} .linkul li {list-style:none; margin-bottom:5px; background-color:#ffffff;} .linkul li a {display:block;padding:8px 20px 8px 20px; background-color:#ffffff; border:1px solid #eaeaea; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;} .linkul li a:hover {display:block;padding:8px 20px 8px 20px; background-color:#dff1df; text-decoration:none; border:1px solid #eaeaea; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;} .linkul li span {display:block;padding:8px 20px 8px 20px; background-color:#ffffff; border:1px solid #eaeaea; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;} .linkul li ul {padding:8px 0px 8px 20px;} .linkul li ul li {} .linkul li ul li a {display:block;padding:8px 20px 8px 20px; background-color:#f9f9f9; border:1px solid #eaeaea; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;} .linkul li ul li a:hover {display:block;padding:8px 20px 8px 20px; background-color:#dff1df; text-decoration:none; border:1px solid #eaeaea; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;} .linkul li ul li span {display:block;padding:8px 20px 8px 20px; background-color:#f9f9f9; border:1px solid #eaeaea; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;} /* ----- box ----- */ .whitebox {background-color:#ffffff;} .whitebox2 {background-color:#ffffff; padding:20px;} .whitebox3 {background-color:#ffffff; padding:30px;} .whitebox4 {background-color:#ffffff; padding:40px;} /* ----- Input ----- */ .input {border:3px solid #dddddd; padding:5px; margin:2px;} .input2 {border:3px solid #dddddd; padding:10px; margin:3px;} .input_hissu {border:3px solid #f08300; padding:5px; margin:2px;} .input_submit {width:240px; height:50px; background-color:#f08300; color:#ffffff; font-size:18px; border:0px none;} .input_submit_side {width:200px; height:40px; background-color:#f08300; color:#ffffff; font-size:18px; border:0px none;} .msg_red {border:3px solid #ff0000; font-size:17px; line-height:30px; background-color:#ffeded; padding:8px 8px 8px 8px; margin:10px; color:#ff0000;} .referr {border:3px solid #ff0000; font-size:17px; line-height:30px; background-color:#ffeded; padding:8px 8px 8px 8px; margin:10px; color:#ff0000;} .referr p {margin:0px; padding:0px;} .msg_orange {border:3px solid #ff7200; font-size:17px; line-height:30px; background-color:#fffbec; padding:8px 8px 8px 8px; margin:10px; color:#ff7200;} /* ----- SP maxwidth ----- */ .sp150 {} .sp200 {} .sp250 {} .sp300 {} .sp100 {}/*100%*/ /* ----- boxwidth ----- */ .w200 {width:200px;} .w250 {width:250px;} .w300 {width:300px;} .w350 {width:350px;} .w400 {width:400px!important;} .w450 {width:450px!important;} .w500 {width:500px!important;} .w600 {width:600px!important;} .w700 {width:700px!important;} .w800 {width:800px!important;} .w900 {width:900px!important;} .w950 {width:950px!important;} .w1080 {width:1080px!important;} /* ----- margin padding ----- */ .m0 {margin:0px;} .mt0 {margin-top:0px!important;} .mt10 {margin-top:10px!important;} .mt20 {margin-top:20px!important;} .mt30 {margin-top:30px!important;} .mt40 {margin-top:40px!important;} .mt50 {margin-top:50px!important;} .mt60 {margin-top:60px!important;} .mt70 {margin-top:70px!important;} .mt80 {margin-top:80px!important;} .mt90 {margin-top:90px!important;} .mb0 {margin-bottom:0px!important;} .mb10 {margin-bottom:10px!important;} .mb20 {margin-bottom:20px!important;} .mb30 {margin-bottom:30px!important;} .mb40 {margin-bottom:40px!important;} .mb50 {margin-bottom:50px!important;} .mb60 {margin-bottom:60px!important;} .mb70 {margin-bottom:70px!important;} .mb80 {margin-bottom:80px!important;} .mb90 {margin-bottom:90px!important;} .p0 {padding:0px!important;} .pt0 {padding-top:0px!important;} .pt10 {padding-top:10px!important;} .pt20 {padding-top:20px!important;} .pt30 {padding-top:30px!important;} .pt40 {padding-top:40px!important;} .pt50 {padding-top:50px!important;} .pt60 {padding-top:60px!important;} .pt70 {padding-top:70px!important;} .pt80 {padding-top:80px!important;} .pt90 {padding-top:90px!important;} .pb0 {padding-bottom:0px!important;} .pb10 {padding-bottom:10px!important;} .pb20 {padding-bottom:20px!important;} .pb30 {padding-bottom:30px!important;} .pb40 {padding-bottom:40px!important;} .pb50 {padding-bottom:50px!important;} .pb60 {padding-bottom:60px!important;} .pb70 {padding-bottom:70px!important;} .pb80 {padding-bottom:80px!important;} .pb90 {padding-bottom:90px!important;} .pb100 {padding-bottom:100px!important;} .p10 {padding:10px!important;} .p20 {padding:20px!important;} .p30 {padding:30px!important;} .p40 {padding:40px!important;} .p50 {padding:50px!important;} .p60 {padding:60px!important;} .p70 {padding:70px!important;} /*size*/ .s10 {font-size:10px;} .s12 {font-size:12px;} .s14 {font-size:14px;} .s15 {font-size:15px;} .s16 {font-size:16px;} .s17 {font-size:17px;} .s18 {font-size:18px;} .s19 {font-size:19px;} .s20 {font-size:20px;} .s22 {font-size:22px;} .s24 {font-size:24px;} .s26 {font-size:26px;} .s28 {font-size:28px;} .s30 {font-size:30px;} .s32 {font-size:32px;} .s34 {font-size:34px;} .s36 {font-size:36px;} .s38 {font-size:38px;} .s40 {font-size:40px;} .l16 {line-height:16px;} .l18 {line-height:18px;} .l20 {line-height:20px;} .l22 {line-height:22px;} .l24 {line-height:24px;} .l26 {line-height:26px;} .l28 {line-height:28px;} .l30 {line-height:30px;} .l32 {line-height:32px;} .l34 {line-height:34px;} .l36 {line-height:36px;} .l38 {line-height:38px;} .l40 {line-height:40px;} .l42 {line-height:42px;} .l44 {line-height:44px;} .l46 {line-height:46px;} .l48 {line-height:48px;} .l50 {line-height:50px;} .l52 {line-height:52px;} .l54 {line-height:54px;} .l56 {line-height:56px;} .l58 {line-height:58px;} .resptable table {width:100%; border-bottom: 1px solid #dddddd;} .resptable table thead {} .resptable table tbody,.resptable table tr,.resptable table th,.resptable table td { border-top:1px solid #dddddd; } .resptable table tr { } .resptable table th { font-weight:400; } .resptable table td { } .resptable table td:before { } @media screen and (max-width:840px){ .flexbox840 {display:block;} .flexbox840 > .threebox {width:100%;} } @media screen and (max-width:640px){ .notice {width:100%px; padding:5px; background-color:#ffffff; opacity:0.8; font-size:14px; position:absolute; bottom:0px; left:0px;} .relative {position:relative;} .pcrelative {position:static;}/*pc only*/ .sptac {text-align:center;} /* ----- center ----- */ .topcenter { display: block;} /* ----- flexbox ----- */ .flexbox {display:block;} .flexbox_rev {display:block;} .flexbox_left {display:block;} .flexbox_center {display:block;} .flexbox_center_yoko {display:block;} .twobox {width:100%;} .twobox2 {width:100%;} .twobox_left {width:100%;} .twobox80 {width:100%;} .twobox75 {width:100%;} .twobox70 {width:100%;} .twobox60 {width:100%;} .twobox50 {width:100%;} .twobox40 {width:100%;} .twobox30 {width:100%;} .twobox25 {width:100%;} .twobox20 {width:100%;} .threebox {width:100%;} .threebox2 {width:100%;} .threebox_left {width:100%; margin:0px 0px 15px 0px; } .fourbox {width:100%;} .fourbox_left {width:100%;} .fivebox {width:100%;} /* ----- dl table base ----- */ .dltable {display:block;justify-content:space-between; flex-wrap: wrap; margin:0px; padding:0px 0px 30px 0px;} .dltable dt {display:block; padding:10px 15px 10px 15px; margin:0px 0px 0px 0px;} .dltable dd {display:block; padding:10px 15px 10px 15px; margin:0px 0px 10px 0px;}/*widthは別指定*/ /*dl table design*/ .twodl dt {width:100%; font-size:16px; line-height:28px; border:0px none; border-top:1px solid #dddddd;} .twodl dd {width:100%; font-size:15px; line-height:24px; border:0px none;} .twodl2 dt {width:100%; font-size:16px; line-height:28px; border:0px none; border-top:1px solid #dddddd;} .twodl2 dd {width:100%; font-size:15px; line-height:24px; border:0px none;} .twodl3 dt {width:100%; font-size:16px; line-height:28px; border:0px none; border-top:1px solid #dddddd;} .twodl3 dd {width:100%; font-size:15px; line-height:24px; border:0px none;} .threedl dt {width:100%; font-size:16px; line-height:28px; border:0px none; border-top:1px solid #dddddd;} .threedl .dd1 {width:100%; font-size:16px; line-height:28px; border:0px none;} .threedl .dd2 {width:100%; font-size:15px; line-height:24px; border:0px none;} .listtable {width:100%!important; border-top:1px solid #dddddd;} .listtable td {min-width:80px;font-size:14px; line-height:26px; padding:8px; border-bottom:1px solid #dddddd;} .listtable td input[type="text"] {width:70%!important; max-width:80%!important;} .listtable td input[type="email"] {width:70%!important; max-width:80%!important;} .listtable td textarea {width:80%!important;} .listtable2 {width:100%!important; border-top:1px solid #dddddd;} .listtable2 td {min-width:80px;font-size:14px; line-height:26px; padding:8px; border-bottom:1px solid #dddddd;} .listtable2 td input[type="text"] {width:70%; max-width:80%!important;} .listtable2 td input[type="email"] {width:70%; max-width:80%!important;} .listtable2 td textarea {width:80%!important;} /*table*/ .swipetable {display:table;width:100%; max-width:640px; display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch;} .swipetable tbody {display:table;width:100%; max-width:640px; } /* ----- en ----- */ .enbox { margin:0px auto;margin-bottom:20px;} .enborder3 {border:3px solid #1c2143;} .enbox240 {width:240px; height:240px; } .enbox240_2 {width:240px; height:240px; } .enbox280 {width:280px; height:280px; } .enbox320 {width:320px; height:320px;} .enbox240 h5 {display:block; text-align:center; margin:0px; padding:60px 0px 10px 0px; font-size:22px; font-weight:600; line-height:24px;color:#1c2143;} .enbox240_2 h5 {display:block; text-align:center; margin:0px; padding:60px 0px 10px 0px; font-size:22px; font-weight:600; line-height:24px;color:#1c2143;} .enbox320 h5 {display:block; text-align:center; margin:0px; padding:80px 0px 10px 0px; font-size:20px; font-weight:600; line-height:24px;color:#1c2143;} .enbox_tx {text-align:center; color:#111111; padding:5px 0px 0px 0px; font-size:16px; line-height:26px;} .squbox {border:3px solid #1c2143; min-height:130px; margin-bottom:20px;display: flex; flex-direction: column;justify-content: center;} .squbox_in {padding:15px; text-align:center; font-size:20px; font-weight:600; line-height:32px;color:#1c2143;} /* ----- cbox ----- */ .contents_box_in {padding:5px;} .contents_box {width:100%; margin:0px auto;} .contents_box_g {width:100%; margin:0px auto; border:5px solid #eeeeee;} .contents_box_b {width:100%; margin:0px auto; border:5px solid #c2eafa;} .contents_box_o {width:100%; margin:0px auto; border:5px solid #ffb400;} .contents_box_bg {width:100%; margin:0px auto; border:5px solid #ece9e2;} /* ----- box ----- */ .whitebox {background-color:#ffffff;} .whitebox2 {background-color:#ffffff; padding:10px;} .whitebox3 {background-color:#ffffff; padding:10px;} .whitebox4 {background-color:#ffffff; padding:10px;} /* ----- Input ----- */ .input {max-width:300px; border:3px solid #dddddd; padding:5px; margin:2px;} .input_hissu {max-width:300px; border:3px solid #f08300; padding:5px; margin:2px;} .input_submit {width:240px; height:50px; background-color:#f08300; color:#ffffff; font-size:16px; border:0px none;} .msg_red {border:2px solid #ff0000; font-size:14px; line-height:20px; background-color:#ffeded; padding:4px; margin:10px; color:#ff0000;} /* ----- SP maxwidth ----- */ .sp150 {width:100%; height:auto; max-width:150px; margin:0px auto;} .sp200 {width:100%; height:auto; max-width:200px; margin:0px auto;} .sp250 {width:100%; height:auto; max-width:250px; margin:0px auto;} .sp300 {width:100%; height:auto; max-width:300px; margin:0px auto;} .sp100 {width:100%; height:auto; } /* ----- boxwidth ----- */ .w200 {width:200px;} .w250 {width:250px;} .w300 {width:100%;} .w350 {width:100%;} .w400 {width:100%!important;;} .w450 {width:100%!important;;} .w500 {width:100%!important;;} .w600 {width:100%!important;;} .w700 {width:100%!important;;} .w800 {width:100%!important;;} .w900 {width:100%!important;;} .w950 {width:100%!important;;} .w1080 {width:100%!important;;} /* ----- margin padding ----- */ .m0 {margin:0px;} .mt0 {margin-top:0px!important;} .mt10 {margin-top:10px!important;} .mt20 {margin-top:20px!important;} .mt30 {margin-top:30px!important;} .mt40 {margin-top:30px!important;} .mt50 {margin-top:30px!important;} .mt60 {margin-top:30px!important;} .mt70 {margin-top:30px!important;} .mt80 {margin-top:30px!important;} .mt90 {margin-top:30px!important;} .mb0 {margin-bottom:0px!important;} .mb10 {margin-bottom:10px!important;} .mb20 {margin-bottom:20px!important;} .mb30 {margin-bottom:30px!important;} .mb40 {margin-bottom:30px!important;} .mb50 {margin-bottom:30px!important;} .mb60 {margin-bottom:30px!important;} .mb70 {margin-bottom:30px!important;} .mb80 {margin-bottom:30px!important;} .mb90 {margin-bottom:30px!important;} .p0 {padding:0px!important;} .pt0 {padding-top:0px!important;} .pt10 {padding-top:10px!important;} .pt20 {padding-top:20px!important;} .pt30 {padding-top:30px!important;} .pt40 {padding-top:30px!important;} .pt50 {padding-top:30px!important;} .pt60 {padding-top:30px!important;} .pt70 {padding-top:30px!important;} .pt80 {padding-top:30px!important;} .pt90 {padding-top:30px!important;} .pb0 {padding-bottom:0px!important;} .pb10 {padding-bottom:10px!important;} .pb20 {padding-bottom:20px!important;} .pb30 {padding-bottom:30px!important;} .pb40 {padding-bottom:30px!important;} .pb50 {padding-bottom:30px!important;} .pb60 {padding-bottom:30px!important;} .pb70 {padding-bottom:30px!important;} .p10 {padding:10px!important;} .p20 {padding:10px!important;} .p30 {padding:10px!important;} .p40 {padding:10px!important;} .p50 {padding:10px!important;} .p60 {padding:10px!important;} .p70 {padding:10px!important;} /*size*/ .s26 {font-size:20px;} .s30 {font-size:30px;} .s32 {font-size:30px;} .s34 {font-size:30px;} .s36 {font-size:30px;} .s38 {font-size:30px;} .s40 {font-size:30px;} .l44 {line-height:30px;} .l46 {line-height:46px;} .l48 {line-height:46px;} .l50 {line-height:46px;} .l52 {line-height:46px;} .l54 {line-height:46px;} .l56 {line-height:46px;} .l58 {line-height:46px;} .resptable table { display: block; border-bottom: 1px solid #eeeeee; } .resptable table thead { display: none; } .resptable table tbody,.resptable table tr,.resptable table th,.resptable table td { display: block; width: 100%; } .resptable table tr { border-bottom: 0px none; margin-bottom: 5px; } .resptable table th { padding: 10px 10px 5px; font-weight: bold; font-size: 16px; text-align:left; } .resptable table td { position: relative; padding: 10px 10px 10px calc(50% + 10px); border-top: 1px solid #eeeeee; background-color: #fff; } .resptable table td:before { content: attr(aria-label); position: absolute; top: 0; left: 0; box-sizing: border-box; width: 50%; height: 100%; padding: 10px; } }