@charset "UTF-8";
/* CSS Document */

/* -------------------------------------------------------------------------------------------------------------------------------- setting */
.fl { float: left; }
.fr { float: right; }
.center { margin-left: auto; margin-right: auto; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.vb { vertical-align: bottom; }
img { max-width: 100% !important; height: auto; vertical-align: bottom; }

.lh100 { line-height:1;}
.lh125 { line-height:1.25;}
.lh150 { line-height:1.5;}
.lh175 { line-height:1.75;}
.lh200 { line-height:2;}

.pc_no, .pc_no2 {display: none;}
.sp_no, .sp_no2{display:block;}
br.sp_no, br.sp_no2 { display: inline; }

.full { margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.full_r { margin-left:0; margin-right:calc(50% - 45vw); }
.full_l { margin-left:calc(50% - 45vw); margin-right:0; }
.full_bg { padding-left:calc(50vw - 50%); padding-right:calc(50vw - 50%); }

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { height:1ox; min-height: 1px; }

.text-indent { text-indent: -1rem;  padding-left: 2rem; }

.flex { display:flex; flex-flow:row wrap; justify-content:space-between; position:relative; }
.flex.rowre { flex-flow: row-reverse wrap; }
.flex.jcfs { justify-content:flex-start; }
.flex.jcfe { justify-content:flex-end; }
.flex.jcc { justify-content:center; }
.flex.aic { align-items: center; }
.flex.aifs { align-items: flex-start; }
.flex.aife { align-items: flex-end; }
.flex .fg1 { flex-grow: 1; }
.flex.jcsb { justify-content:space-between; }
.flex.jcsa { justify-content:space-around; }


.gap1{gap:10px;}
.gap2{gap:20px;}
.gap3{gap:30px;}



/* rem */
.fs10 { font-size: 1.0rem !important; }
.fs11 { font-size: 1.1rem !important; }
.fs12 { font-size: 1.2rem !important; }
.fs13 { font-size: 1.3rem !important; }
.fs14 { font-size: 1.4rem !important; }
.fs15 { font-size: 1.5rem !important; }
.fs16 { font-size: 1.6rem !important; }
.fs17 { font-size: 1.7rem !important; }
.fs18 { font-size: 1.8rem !important; }
.fs19 { font-size: 1.9rem !important; }
.fs20 { font-size: 2.0rem !important; }
.fs21 { font-size: 2.1rem !important; }
.fs22 { font-size: 2.2rem !important; }
.fs23 { font-size: 2.3rem !important; }
.fs24 { font-size: 2.4rem !important; }
.fs25 { font-size: 2.5rem !important; }
.fs26 { font-size: 2.6rem !important; }
.fs27 { font-size: 2.7rem !important; }
.fs28 { font-size: 2.8rem !important; }
.fs29 { font-size: 2.9rem !important; }
.fs30 { font-size: 3.0rem !important; }
.mceContentBody .f_s0 { font-size: 0; }
.mceContentBody .f_s8 { font-size: 8rem !important; }
.mceContentBody .f_s9 { font-size: 9rem !important; }
.mceContentBody .f_s10 { font-size: 1.0rem !important; }
.mceContentBody .f_s11 { font-size: 1.1rem !important; }
.mceContentBody .f_s12 { font-size: 1.2rem !important; }
.mceContentBody .f_s13 { font-size: 1.3rem !important; }
.mceContentBody .f_s14 { font-size: 1.4rem !important; }
.mceContentBody .f_s15 { font-size: 1.5rem !important; }
.mceContentBody .f_s16 { font-size: 1.6rem !important; }
.mceContentBody .f_s17 { font-size: 1.7rem !important; }
.mceContentBody .f_s18 { font-size: 1.8rem !important; }
.mceContentBody .f_s19 { font-size: 1.9rem !important; }
.mceContentBody .f_s20 { font-size: 2.0rem !important; }
.mceContentBody .f_s21 { font-size: 2.1rem !important; }
.mceContentBody .f_s22 { font-size: 2.2rem !important; }
.mceContentBody .f_s23 { font-size: 2.3rem !important; }
.mceContentBody .f_s24 { font-size: 2.4rem !important; }
.mceContentBody .f_s25 { font-size: 2.5rem !important; }
.mceContentBody .f_s26 { font-size: 2.6rem !important; }
.mceContentBody .f_s27 { font-size: 2.7rem !important; }
.mceContentBody .f_s28 { font-size: 2.8rem !important; }
.mceContentBody .f_s29 { font-size: 2.9rem !important; }
.mceContentBody .f_s30 { font-size: 3.0rem !important; }


/* 中央揃え */
.outbox { position: relative; width: 100% !important; height: 100% !important; }
.outbox .inbox { position: absolute; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); }

/* @end */
.w1 { width: 1% !important; }
.w2 { width: 2% !important; }
.w3 { width: 3% !important; }
.w4 { width: 4% !important; }
.w5 { width: 5% !important; }
.w6 { width: 6% !important; }
.w7 { width: 7% !important; }
.w8 { width: 8% !important; }
.w9 { width: 9% !important; }
.w10 { width: 10% !important; }
.w11 { width: 11% !important; }
.w12 { width: 12% !important; }
.w13 { width: 13% !important; }
.w14 { width: 14% !important; }
.w15 { width: 15% !important; }
.w16 { width: 16% !important; }
.w17 { width: 17% !important; }
.w18 { width: 18% !important; }
.w19 { width: 19% !important; }
.w20 { width: 20% !important; }
.w21 { width: 21% !important; }
.w22 { width: 22% !important; }
.w23 { width: 23% !important; }
.w24 { width: 24% !important; }
.w25 { width: 25% !important; }
.w26 { width: 26% !important; }
.w27 { width: 27% !important; }
.w28 { width: 28% !important; }
.w29 { width: 29% !important; }
.w30 { width: 30% !important; }
.w31 { width: 31% !important; }
.w32 { width: 32% !important; }
.w33 { width: 33% !important; }
.w34 { width: 34% !important; }
.w35 { width: 35% !important; }
.w36 { width: 36% !important; }
.w37 { width: 37% !important; }
.w38 { width: 38% !important; }
.w39 { width: 39% !important; }
.w40 { width: 40% !important; }
.w41 { width: 41% !important; }
.w42 { width: 42% !important; }
.w43 { width: 43% !important; }
.w44 { width: 44% !important; }
.w45 { width: 45% !important; }
.w46 { width: 46% !important; }
.w47 { width: 47% !important; }
.w48 { width: 48% !important; }
.w49 { width: 49% !important; }
.w50 { width: 50% !important; }
.w51 { width: 51% !important; }
.w52 { width: 52% !important; }
.w53 { width: 53% !important; }
.w54 { width: 54% !important; }
.w55 { width: 55% !important; }
.w56 { width: 56% !important; }
.w57 { width: 57% !important; }
.w58 { width: 58% !important; }
.w59 { width: 59% !important; }
.w60 { width: 60% !important; }
.w61 { width: 61% !important; }
.w62 { width: 62% !important; }
.w63 { width: 63% !important; }
.w64 { width: 64% !important; }
.w65 { width: 65% !important; }
.w66 { width: 66% !important; }
.w67 { width: 67% !important; }
.w68 { width: 68% !important; }
.w69 { width: 69% !important; }
.w70 { width: 70% !important; }
.w71 { width: 71% !important; }
.w72 { width: 72% !important; }
.w73 { width: 73% !important; }
.w74 { width: 74% !important; }
.w75 { width: 75% !important; }
.w76 { width: 76% !important; }
.w77 { width: 77% !important; }
.w78 { width: 78% !important; }
.w79 { width: 79% !important; }
.w80 { width: 80% !important; }
.w81 { width: 81% !important; }
.w82 { width: 82% !important; }
.w83 { width: 83% !important; }
.w84 { width: 84% !important; }
.w85 { width: 85% !important; }
.w86 { width: 86% !important; }
.w87 { width: 87% !important; }
.w88 { width: 88% !important; }
.w89 { width: 89% !important; }
.w90 { width: 90% !important; }
.w91 { width: 91% !important; }
.w92 { width: 92% !important; }
.w93 { width: 93% !important; }
.w94 { width: 94% !important; }
.w95 { width: 95% !important; }
.w96 { width: 96% !important; }
.w97 { width: 97% !important; }
.w98 { width: 98% !important; }
.w99 { width: 99% !important; }
.w100 { width: 100% !important; }
.m_o0, .m_t0 { margin-top: 0 !important; }
.m_o10, .m_t10 { margin-top: 10px !important; }
.m_o20, .m_t20 { margin-top: 20px !important; }
.m_o30, .m_t30 { margin-top: 30px !important; }
.m_o40, .m_t40 { margin-top: 40px !important; }
.m_o50, .m_t50 { margin-top: 50px !important; }
.m_o60, .m_t60 { margin-top: 60px !important; }
.m_o70, .m_t70 { margin-top: 70px !important; }
.m_o80, .m_t80 { margin-top: 80px !important; }
.m_l0 { margin-left: 0 !important; }
.m_l1 { margin-left: 1% !important; }
.m_l2 { margin-left: 2% !important; }
.m_13 { margin-left: 3% !important; }
.m_l4 { margin-left: 4% !important; }
.m_r0 { margin-right: 0; }
.m_r1 { margin-right: 1% !important; }
.m_r2 { margin-right: 2% !important; }
.m_r3 { margin-right: 3% !important; }
.m_r4 { margin-right: 4% !important; }
.m_u0, .m_b0 { margin-bottom: 0 !important; }
.m_u10, .m_b10 { margin-bottom: 10px !important; }
.m_u20, .m_b20 { margin-bottom: 20px !important; }
.m_u30, .m_b30 { margin-bottom: 30px !important; }
.m_u40, .m_b40 { margin-bottom: 40px !important; }
.m_u50, .m_b50 { margin-bottom: 50px !important; }
.m_u60, .m_b60 { margin-bottom: 60px !important; }
.m_u70, .m_b70 { margin-bottom: 70px !important; }
.m_u80, .m_b80 { margin-bottom: 80px !important; }
.p_o0 { padding-top: 0px !important; }
.p_o10 { padding-top: 10px !important; }
.p_o20 { padding-top: 20px !important; }
.p_o30 { padding-top: 30px !important; }
.p_o40 { padding-top: 40px !important; }
.p_o50 { padding-top: 50px !important; }
.p_o60 { padding-top: 60px !important; }
.p_o80 { padding-top: 80px !important; }
.p_l0 { padding-left: 0; }
.p_l1 { padding-left: 1% !important; }
.p_l2 { padding-left: 2% !important; }
.p_13 { padding-left: 3% !important; }
.p_l4 { padding-left: 4% !important; }
.p_r0 { padding-right: 0; }
.p_r1 { padding-right: 1% !important; }
.p_r2 { padding-right: 2% !important; }
.p_r3 { padding-right: 3% !important; }
.p_r4 { padding-right: 4% !important; }
.p_u0, .p_b0 { padding-bottom: 0; }
.p_u10, .p_b10 { padding-bottom: 10px !important; }
.p_u20, .p_b20 { padding-bottom: 20px !important; }
.p_u30, .p_b30 { padding-bottom: 30px !important; }
.p_u40, .p_b40 { padding-bottom: 40px !important; }
.p_u50, .p_b50 { padding-bottom: 50px !important; }
.p_u60, .p_b60 { padding-bottom: 60px !important; }
.p_u70, .p_b70 { padding-bottom: 70px !important; }
.p_u80, .p_b80 { padding-bottom: 80px !important; }




@media screen and (max-width:960px), print {

.pc_no {display: block;}
br.pc_no, span.pc_no {display:inline;}
.sp_no, br.sp_no {display: none;}
.fl, .fr {  float: none; }
.resp_center {  margin-left: auto;  margin-right: auto; }
.resp_fl {  float: left; }
.resp_fr {  float: right; }
.resp_tl {  text-align: left; }
.resp_tr {  text-align: right; }
.resp_tc {  text-align: center; }
.resp_vt {  vertical-align: top; }
.resp_vm {  vertical-align: middle; }
.resp_vb {  vertical-align: bottom; }
.resp_w1 {  width: 1% !important; }
.resp_w2 {  width: 2% !important; }
.resp_w3 {  width: 3% !important; }
.resp_w4 {  width: 4% !important; }
.resp_w5 {  width: 5% !important; }
.resp_w6 {  width: 6% !important; }
.resp_w7 {  width: 7% !important; }
.resp_w8 {  width: 8% !important; }
.resp_w9 {  width: 9% !important; }
.resp_w10 {  width: 10% !important; }
.resp_w11 {  width: 11% !important; }
.resp_w12 {  width: 12% !important; }
.resp_w13 {  width: 13% !important; }
.resp_w14 {  width: 14% !important; }
.resp_w15 {  width: 15% !important; }
.resp_w16 {  width: 16% !important; }
.resp_w17 {  width: 17% !important; }
.resp_w18 {  width: 18% !important; }
.resp_w19 {  width: 19% !important; }
.resp_w20 {  width: 20% !important; }
.resp_w21 {  width: 21% !important; }
.resp_w22 {  width: 22% !important; }
.resp_w23 {  width: 23% !important; }
.resp_w24 {  width: 24% !important; }
.resp_w25 {  width: 25% !important; }
.resp_w26 {  width: 26% !important; }
.resp_w27 {  width: 27% !important; }
.resp_w28 {  width: 28% !important; }
.resp_w29 {  width: 29% !important; }
.resp_w30 {  width: 30% !important; }
.resp_w31 {  width: 31% !important; }
.resp_w32 {  width: 32% !important; }
.resp_w33 {  width: 33% !important; }
.resp_w34 {  width: 34% !important; }
.resp_w35 {  width: 35% !important; }
.resp_w36 {  width: 36% !important; }
.resp_w37 {  width: 37% !important; }
.resp_w38 {  width: 38% !important; }
.resp_w39 {  width: 39% !important; }
.resp_w40 {  width: 40% !important; }
.resp_w41 {  width: 41% !important; }
.resp_w42 {  width: 42% !important; }
.resp_w43 {  width: 43% !important; }
.resp_w44 {  width: 44% !important; }
.resp_w45 {  width: 45% !important; }
.resp_w46 {  width: 46% !important; }
.resp_w47 {  width: 47% !important; }
.resp_w48 {  width: 48% !important; }
.resp_w49 {  width: 49% !important; }
.resp_w50 {  width: 50% !important; }
.resp_w51 {  width: 51% !important; }
.resp_w52 {  width: 52% !important; }
.resp_w53 {  width: 53% !important; }
.resp_w54 {  width: 54% !important; }
.resp_w55 {  width: 55% !important; }
.resp_w56 {  width: 56% !important; }
.resp_w57 {  width: 57% !important; }
.resp_w58 {  width: 58% !important; }
.resp_w59 {  width: 59% !important; }
.resp_w60 {  width: 60% !important; }
.resp_w61 {  width: 61% !important; }
.resp_w62 {  width: 62% !important; }
.resp_w63 {  width: 63% !important; }
.resp_w64 {  width: 64% !important; }
.resp_w65 {  width: 65% !important; }
.resp_w66 {  width: 66% !important; }
.resp_w67 {  width: 67% !important; }
.resp_w68 {  width: 68% !important; }
.resp_w69 {  width: 69% !important; }
.resp_w70 {  width: 70% !important; }
.resp_w71 {  width: 71% !important; }
.resp_w72 {  width: 72% !important; }
.resp_w73 {  width: 73% !important; }
.resp_w74 {  width: 74% !important; }
.resp_w75 {  width: 75% !important; }
.resp_w76 {  width: 76% !important; }
.resp_w77 {  width: 77% !important; }
.resp_w78 {  width: 78% !important; }
.resp_w79 {  width: 79% !important; }
.resp_w80 {  width: 80% !important; }
.resp_w81 {  width: 81% !important; }
.resp_w82 {  width: 82% !important; }
.resp_w83 {  width: 83% !important; }
.resp_w84 {  width: 84% !important; }
.resp_w85 {  width: 85% !important; }
.resp_w86 {  width: 86% !important; }
.resp_w87 {  width: 87% !important; }
.resp_w88 {  width: 88% !important; }
.resp_w89 {  width: 89% !important; }
.resp_w90 {  width: 90% !important; }
.resp_w91 {  width: 91% !important; }
.resp_w92 {  width: 92% !important; }
.resp_w93 {  width: 93% !important; }
.resp_w94 {  width: 94% !important; }
.resp_w95 {  width: 95% !important; }
.resp_w96 {  width: 96% !important; }
.resp_w97 {  width: 97% !important; }
.resp_w98 {  width: 98% !important; }
.resp_w99 {  width: 99% !important; }
.resp_w100 {  width: 100% !important; }
.resp_m_o0, .resp_m_t0 {  margin-top: 0 !important; }
.resp_m_o10, .resp_m_t10 {  margin-top: 10px !important; }
.resp_m_o20, .resp_m_t20 {  margin-top: 20px !important; }
.resp_m_o30, .resp_m_t30 {  margin-top: 30px !important; }
.resp_m_o40, .resp_m_t40 {  margin-top: 40px !important; }
.resp_m_o50, .resp_m_t50 {  margin-top: 50px !important; }
.resp_m_o60, .resp_m_t60 {  margin-top: 60px !important; }
.resp_m_o70, .resp_m_t70 {  margin-top: 70px !important; }
.resp_m_o80, .resp_m_t80 {  margin-top: 80px !important; }
.resp_m_l0 {  margin-left: 0 !important; }
.resp_m_l1 {  margin-left: 1% !important; }
.resp_m_l2 {  margin-left: 2% !important; }
.resp_m_l4 {  margin-left: 4% !important; }
.resp_m_r0 {  margin-right: 0 !important; }
.resp_m_r1 {  margin-right: 1% !important; }
.resp_m_r2 {  margin-right: 2% !important; }
.resp_m_r4 {  margin-right: 4% !important; }
.resp_m_u0, .resp_m_b0 {  margin-bottom: 0 !important; }
.resp_m_u10, .resp_m_b10 {  margin-bottom: 10px !important; }
.resp_m_u20, .resp_m_b20 {  margin-bottom: 20px !important; }
.resp_m_u30, .resp_m_b30 {  margin-bottom: 30px !important; }
.resp_m_u40, .resp_m_b40 {  margin-bottom: 40px !important; }
.resp_m_u50, .resp_m_b50 {  margin-bottom: 50px !important; }
.resp_m_u60, .resp_m_b60 {  margin-bottom: 60px !important; }
.resp_m_u70, .resp_m_b70 {  margin-bottom: 70px !important; }
.resp_m_u80, .resp_m_b80 {  margin-bottom: 80px !important; }
.resp_p_o0, .resp_p_t0 {  padding-top: 0px !important; }
.resp_p_o10, .resp_p_t10 {  padding-top: 10px !important; }
.resp_p_o20, .resp_p_t20 {  padding-top: 20px !important; }
.resp_p_o30, .resp_p_t30 {  padding-top: 30px !important; }
.resp_p_o40, .resp_p_t40 {  padding-top: 40px !important; }
.resp_p_o50, .resp_p_t50 {  padding-top: 50px !important; }
.resp_p_o60, .resp_p_t60 {  padding-top: 60px !important; }
.resp_p_o70, .resp_p_t70 {  padding-top: 70px !important; }
.resp_p_o80, .resp_p_t80 {  padding-top: 80px !important; }
.resp_p_l0 {  padding-left: 0 !important; }
.resp_p_l1 {  padding-left: 1% !important; }
.resp_p_l2 {  padding-left: 2% !important; }
.resp_p_13 {  padding-left: 3% !important; }
.resp_p_l4 {  padding-left: 4% !important; }
.resp_p_r0 {  padding-right: 0 !important; }
.resp_p_r1 {  padding-right: 1% !important; }
.resp_p_r2 {  padding-right: 2% !important; }
.resp_p_r3 {  padding-right: 3% !important; }
.resp_p_r4 {  padding-right: 4% !important; }
.resp_p_u0, resp_p_b0 {  padding-bottom: 0 !important; }
.resp_p_u10, resp_p_b10 {  padding-bottom: 10px !important; }
.resp_p_u20, resp_p_b20 {  padding-bottom: 20px !important; }
.resp_p_u30, resp_p_b30 {  padding-bottom: 30px !important; }
.resp_p_u40, resp_p_b40 {  padding-bottom: 40px !important; }
.resp_p_u50, resp_p_b50 {  padding-bottom: 50px !important; }
.resp_p_u60, resp_p_b60 {  padding-bottom: 60px !important; }
.resp_p_u70, resp_p_b70 {  padding-bottom: 70px !important; }
.resp_p_u80, resp_p_b80 {  padding-bottom: 80px !important; }
.resp_ma {  margin:auto !important; }

#ContsBox.mceContentBody div.setting .fl, #ContsBox.mceContentBody div.setting .fr { float: none; }
.mceContentBody .resp_f_s0 { font-size: 0; }
.mceContentBody .resp_f_s8 { font-size: 8rem !important; }
.mceContentBody .resp_f_s9 { font-size: 9rem !important; }
.mceContentBody .resp_f_s10 { font-size: 1.0rem !important; }
.mceContentBody .resp_f_s11 { font-size: 1.1rem !important; }
.mceContentBody .resp_f_s12 { font-size: 1.2rem !important; }
.mceContentBody .resp_f_s13 { font-size: 1.3rem !important; }
.mceContentBody .resp_f_s14 { font-size: 1.4rem !important; }
.mceContentBody .resp_f_s15 { font-size: 1.5rem !important; }
.mceContentBody .resp_f_s16 { font-size: 1.6rem !important; }
.mceContentBody .resp_f_s17 { font-size: 1.7rem !important; }
.mceContentBody .resp_f_s18 { font-size: 1.8rem !important; }
.mceContentBody .resp_f_s19 { font-size: 1.9rem !important; }
.mceContentBody .resp_f_s20 { font-size: 2.0rem !important; }
.mceContentBody .resp_f_s21 { font-size: 2.1rem !important; }
.mceContentBody .resp_f_s22 { font-size: 2.2rem !important; }
.mceContentBody .resp_f_s23 { font-size: 2.3rem !important; }
.mceContentBody .resp_f_s24 { font-size: 2.4rem !important; }
.mceContentBody .resp_f_s25 { font-size: 2.5rem !important; }
.mceContentBody .resp_f_s26 { font-size: 2.6rem !important; }
.mceContentBody .resp_f_s27 { font-size: 2.7rem !important; }
.mceContentBody .resp_f_s28 { font-size: 2.8rem !important; }
.mceContentBody .resp_f_s29 { font-size: 2.9rem !important; }
.mceContentBody .resp_f_s30 { font-size: 3.0rem !important; }
}




@media screen and (max-width: 480px) {
.sp_no2, br.sp_no2 { display:none;}
.pc_no2 { display:block;}
br.pc_no2 { display:inline;}
}


/* ========================================================================== _new2022 からの差分追記（コメントアウト部分は除外） */

/* -------------------------------------------------------------- div.inner */
div.inner { padding-left: 2rem; padding-right: 2rem; box-sizing: border-box; margin-left: auto; margin-right: auto; }

a:focus, *:focus { outline: none; }
.nowrap { white-space: nowrap; }
.alert { color: #ff100a; }
.alert-label { background: #ff100a; color: #fff; font-size: 1.2rem; padding-left: 0.5rem; padding-right: 0.5rem; border-radius: 0.25rem; white-space: nowrap; }

/* -------------------------------------------------------------- 表示切替 */
.default-block { display: block; }
.default-inline-block { display: inline-block; }
.responsive-block { display: none; }
.responsive-inline-block { display: none; }

@media screen and (max-width: 960px), print {
.default-block { display: none; }
.default-inline-block { display: none; }
.responsive-block { display: block; }
.responsive-inline-block { display: inline-block; }
}

/* -------------------------------------------------------------- tel リンク */
a[href^="tel:"] { pointer-events: none; text-decoration: none !important; /*color: #303030 !important;*/ }

@media screen and (max-width: 960px), print {
a[href^="tel:"] { pointer-events: auto; text-decoration: underline !important; color:var(--teal) !important; }
a[href^="tel:"]:hover { text-decoration: none; }
}

/* -------------------------------------------------------------- aタグ の リンク ファイル */
a[href$=".doc"], a[href$=".docx"], a[href$=".pdf"], a[href$=".zip"] { vertical-align: top; position: relative; z-index: 0; }

@media screen and (max-width: 960px), print {
a[href$=".doc"], a[href$=".docx"], a[href$=".pdf"] { white-space: normal; }
}

a[href$=".doc"]:after, a[href$=".docx"]:after { display: inline-block; padding: 0 0.5rem; font-size: 1.0rem; content: "DOC"; background: #25a; color: #fff; font-weight: bold; margin: -0.5rem 0.5rem 0 0.5rem; border-radius: 100rem; vertical-align: middle; text-decoration: none ! important; z-index: 100; position: relative; }
a[href$=".xls"]:after, a[href$=".xlsx"]:after { display: inline-block; padding: 0 0.5rem; font-size: 1.0rem; content: "XLS"; background: #092; color: #fff; font-weight: bold; margin: -0.5rem 0.5rem 0 0.5rem; border-radius: 100rem; vertical-align: middle; text-decoration: none ! important; z-index: 100; position: relative; }
a[href$=".pdf"]:after { display: inline-block; padding: 0 0.5rem; font-size: 1.0rem; content: "PDF"; background: #f77; color: #fff; font-weight: bold; margin: -0.5rem 0.5rem 0 0.5rem; border-radius: 100rem; vertical-align: middle; text-decoration: none ! important; z-index: 100; position: relative; }
a[href$=".zip"]:after { display: inline-block; padding: 0 0.5rem; font-size: 1.0rem; content: "Zip"; background: #333; color: #fff; font-weight: bold; margin: -0.5rem 0.5rem 0 0.5rem; border-radius: 100rem; vertical-align: middle; text-decoration: none ! important; z-index: 100; position: relative; }
/* ファイル形式の表示が不要の場合 */
a.format-display-none[href$=".doc"]:after, a.format-display-none[href$=".docx"]:after, a.format-display-none[href$=".xls"]:after, a.format-display-none[href$=".xlsx"]:after, a.format-display-none[href$=".pdf"]:after, a.format-display-none[href$=".zip"]:after { display: none; }

/* -------------------------------------------------------------- line-height (lh10〜lh20) */
.lh10 { line-height: 1.0 !important; }
.lh11 { line-height: 1.1 !important; }
.lh12 { line-height: 1.2 !important; }
.lh13 { line-height: 1.3 !important; }
.lh14 { line-height: 1.4 !important; }
.lh15 { line-height: 1.5 !important; }
.lh16 { line-height: 1.6 !important; }
.lh17 { line-height: 1.7 !important; }
.lh18 { line-height: 1.8 !important; }
.lh19 { line-height: 1.9 !important; }
.lh20 { line-height: 2.0 !important; }

/* -------------------------------------------------------------- レスポンシブ line-height / font-size */
@media screen and (max-width: 960px), print {
.resp_lh10 { line-height: 1.0 !important; }
.resp_lh11 { line-height: 1.1 !important; }
.resp_lh12 { line-height: 1.2 !important; }
.resp_lh13 { line-height: 1.3 !important; }
.resp_lh14 { line-height: 1.4 !important; }
.resp_lh15 { line-height: 1.5 !important; }
.resp_lh16 { line-height: 1.6 !important; }
.resp_lh17 { line-height: 1.7 !important; }
.resp_lh18 { line-height: 1.8 !important; }
.resp_lh19 { line-height: 1.9 !important; }
.resp_lh20 { line-height: 2.0 !important; }
.resp_fs10 { font-size: 1.0rem !important; }
.resp_fs11 { font-size: 1.1rem !important; }
.resp_fs12 { font-size: 1.2rem !important; }
.resp_fs13 { font-size: 1.3rem !important; }
.resp_fs14 { font-size: 1.4rem !important; }
.resp_fs15 { font-size: 1.5rem !important; }
.resp_fs16 { font-size: 1.6rem !important; }
.resp_fs17 { font-size: 1.7rem !important; }
.resp_fs18 { font-size: 1.8rem !important; }
.resp_fs19 { font-size: 1.9rem !important; }
.resp_fs20 { font-size: 2.0rem !important; }
.resp_fs21 { font-size: 2.1rem !important; }
.resp_fs22 { font-size: 2.2rem !important; }
.resp_fs23 { font-size: 2.3rem !important; }
.resp_fs24 { font-size: 2.4rem !important; }
.resp_fs25 { font-size: 2.5rem !important; }
.resp_fs26 { font-size: 2.6rem !important; }
.resp_fs27 { font-size: 2.7rem !important; }
.resp_fs28 { font-size: 2.8rem !important; }
.resp_fs29 { font-size: 2.9rem !important; }
.resp_fs30 { font-size: 3.0rem !important; }
}

/* -------------------------------------------------------------- 基本要素 */
/*
p { margin: 1rem 0; }
h3 { font-size: 2.5rem; font-weight: bold; padding: 0.5rem 1rem; margin: 2rem 0 1rem; display: block; position: relative; }
h3:first-child { margin: 1rem 0 1rem; }
h4 { font-size: 2.5rem; font-weight: bold; margin: 2rem 0 1rem; }
h5 { font-size: 1.6rem; margin: 1rem 0 1rem; }
*/
.overflow-hidden { overflow: hidden; }

/* -------------------------------------------------------------- ul.deco-list */
ul.deco-list { margin: 0; padding: 0; }
ul.deco-list li { margin: 0; padding: 0 0 0 2rem; position: relative; }
ul.deco-list li::before { background: #555; border-radius: 50% !important; content: ""; height: 8px; width: 8px; left: 0.5rem; margin-right: 0.5rem; position: absolute; top: 10px; transition: all 0.3s ease-out 0s; }
ul.deco-list li.list-unstyled { list-style: none; background: none; padding: 0; }
ul.deco-list li ul li { list-style: none; background: none; margin: 0; padding: 0; }
ul.deco-list li ul li:before { content: "・"; }
ul.deco-list.inline { margin: 0; }
ul.deco-list.inline li { display: block; white-space: nowrap; float: left; padding-right: 0.5rem; }

/* -------------------------------------------------------------- ol.deco-list */
ol.deco-list { counter-reset: number; list-style: none; margin: 0; padding: 0; }
ol.deco-list li { margin: 0; padding-left: 2rem; text-indent: -0.65rem; }
ol.deco-list > li > ol > li { padding: 0 0 0 2rem; text-indent: -0.65rem; }
ol.deco-list li:before { counter-increment: number; content: counter(number)"."; display: inline-block; text-align: center; color: #333; line-height: 1; }
ol.deco-list > li > ol > li:before { counter-increment: number; content: counter(number)"."; margin-right: 0rem; background: none; }

/* -------------------------------------------------------------- ul.qa */
ul.qa { margin: 1rem 0 2rem; padding: 1rem; }
@media screen and (max-width: 960px), print {
ul.qa { padding: 0; }
}

ul.qa li { list-style: none; background: none; margin: 0; padding: 1rem; position: relative; }
ul.qa li.question { background: #f2f9ff; margin-bottom: 1.5rem; }
ul.qa li.question div.head { color: #fff; background: #88b2d1; border-radius: 100px; position: absolute; top: -1rem; left: 0; width: 2rem; height: 2rem; box-sizing: border-box; display: block; text-align: center; font-weight: bold; }
ul.qa li.question div.head span { position: absolute; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); }
ul.qa li.question:before { background: none; content: ""; position: relative; bottom: 0; left: 0; margin: 0; width: 0; height: 0; border: none; z-index: 0; }
ul.qa li.question:after { content: ""; position: absolute; bottom: -1rem; left: 50% !important; margin-left: -1rem; width: 0px; height: 0px; border-style: solid; border-width: 1rem 1rem 0 1rem; border-color: #f2f9ff transparent transparent transparent; z-index: 0; }
ul.qa li.answer { background: #fff3f3; }
ul.qa li.answer:last-child { margin-bottom: 0; }
ul.qa li.answer div.head { color: #fff; background: #ed777c; border-radius: 100px; position: absolute; top: -1rem; left: 0; width: 2rem; height: 2rem; box-sizing: border-box; display: block; text-align: center; font-weight: bold; }
ul.qa li.answer div.head span { position: absolute; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); }
ul.qa li.answer:before { background: none; content: ""; position: relative; bottom: 0; left: 0; margin: 0; width: 0; height: 0; border: none; z-index: 0; }

/* -------------------------------------------------------------- .deco-box */
.deco-box { padding: 1rem; background: #f6f6f6; position: relative; box-sizing: border-box; }
.deco-box-line { padding: 1rem; background: #fff; border: 0.5rem solid #f6f6f6; position: relative; box-sizing: border-box; }
.deco-box.flow-arrow { padding: 1rem; background: #fff; border: 0.5rem solid #f6f6f6; position: relative; box-sizing: border-box; }
.deco-box.flow-arrow::after { border-color: #f6f6f6 transparent transparent; border-style: solid; border-width: 1rem 1rem 0; content: ""; height: 0; left: 50% !important; bottom: -2rem; position: absolute; width: 0; z-index: 0; transform: translate(-50%, -50%); }
.deco-box.flow-arrow.none::before, .deco-box.flow-arrow.none::after { border: none; }
.deco-box div.number { position: absolute; width: 2rem; height: 2rem; background: #333; top: -1rem; left: 0; padding: 1rem; box-sizing: border-box; color: #fff; vertical-align: middle; line-height: 1; border-radius: 100px; }
.deco-box div.number span { position: absolute; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); font-weight: bold; }

/* -------------------------------------------------------------- table.deco-tb */
table.deco-tb { border-collapse: collapse; border: 0.1rem solid #ccc; background: #fff; -webkit-text-size-adjust: 100%; }
table.deco-tb th { border: 0.1rem solid #ccc; padding: 0.8rem 1rem; background: #f0f0f0; }
table.deco-tb td { border: 0.1rem solid #ccc; padding: 0.8rem 1rem; }
table.deco-tb.min th, table.deco-tb.min td { padding: 0.5rem 1rem; }
table.fixed { table-layout: fixed; }
table.deco-tb.line { border: none; border-collapse: collapse; border-top: 0.2rem solid #f0f0f0; background: #fff; }
table.deco-tb.line th { border: none; border-bottom: 0.2rem solid #f0f0f0; padding: 0.8rem 0.5rem; background: none; }
table.deco-tb.line td { border: none; border-bottom: 0.2rem solid #f0f0f0; padding: 0.8rem 0.5rem; }

/* -------------------------------------------------------------- table.resp_block */
@media screen and (max-width: 960px), print {
table.resp_block { width: 100% !important; border: none; }
table.resp_block thead { display: none; }
table.resp_block tr { display: block; border: none; margin: 0; }
table.resp_block th { display: block; width: 100% !important; box-sizing: border-box; border: none !important; padding: 0.4rem 0.5rem; background: #000; }
table.resp_block td { display: block; width: 100% !important; box-sizing: border-box; border: none !important; }
table.resp_block td.data-text:before { content: attr(data-text)""; display: block; width: 100% !important; font-weight: bold; background: #f8f8f8; border-left: none; border-right: none; box-sizing: border-box; }
}

/* -------------------------------------------------------------- .google-maps */
.google-maps iframe { border: none; }
@media screen and (max-width: 960px), print {
.google-maps { position: relative; padding-bottom: 75% !important; height: 0; overflow: hidden; }
.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
}

/* -------------------------------------------------------------- .movie-wrap (youtube) */
.movie-wrap { position: relative; padding-bottom: 56.25% !important; height: 0; overflow: hidden; }
.movie-wrap iframe, .movie-wrap object, .movie-wrap a { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

/* -------------------------------------------------------------- form.form */
.form .inline { display: inline; margin: 0; }
.form label, .form .postalcode { white-space: nowrap; }
.form label.normal { white-space: normal; }
.form label { cursor: pointer; }
.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form textarea { border-radius: 5px; border: 0.1rem solid #ccc; background: #f9f9f9; transition: all 0.2s ease-in-out; padding: 0.5rem; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.form textarea { resize: vertical; }
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus { background: #ffffff; outline: none; border: 0.1rem solid #ccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); }
.form input[type="text"].err, .form input[type="email"].err, .form input[type="tel"].err, .form textarea.err { border: 2px solid #a94442; background: #ffeeef; }
input[type="text"].err:focus, input[type="email"].err:focus, input[type="tel"].err:focus, textarea.err:focus { border: 0.1rem solid #eee; outline: none; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(169, 68, 66, .075); }
input[type="text"]:active, input[type="email"]:active, input[type="tel"]:active, textarea:active { background: #ffffff; outline: none; border: 0.1rem solid #ccc; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; }
input[type="text"]::-moz-focus-inner, input[type="email"]::-moz-focus-inner, input[type="tel"]::-moz-focus-inner, textarea::-moz-focus-inner { padding: 0; border: 0; }
textarea { resize: horizontal; }
::-webkit-input-placeholder { color: #ccc; opacity: 1; }
:-moz-placeholder { color: #ccc; }
::-moz-placeholder { color: #ccc; opacity: 1; }
:-ms-input-placeholder { color: #ccc; }
:placeholder-shown { color: #ccc; }

/* -------------------------------------------------- select */
.form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 38px; border-radius: 5px; border: 1px solid #ccc; padding: 0 0.5rem; cursor: pointer; background: #fff; }
.form select.err { border: 1px solid #a94442; background: #ffeeef; }
.form select::-ms-expand { display: none; }
.form select:focus { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); }
.form select.err:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(169, 68, 66, .2); -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.form div.select-wrap { position: relative; height: 38px; display: inline-block; }
.form div.select-wrap::after { position: absolute; top: 50% !important; right: 10px; display: block; content: ''; width: 0; height: 0; border: 4px solid transparent; border-top: 4px solid #888; pointer-events: none; transform: translate(0, -50%); }
.form label:hover { color: #888; }

/* -------------------- radiobutton & checkbox */
.form input[type=radio], .form input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border: none; background: none; margin-left: 0; position: relative; z-index: 9999; }
.form .radio, .form .checkbox { border-radius: 4px; box-sizing: border-box; content: "1"; cursor: pointer; display: inline-block; padding: 6px 12px 6px 6px; position: relative; transition: 0.2s linear 0s; vertical-align: middle; }
.form .radio:hover:after, .form .checkbox:hover:after { border-color: #4cbabf; }
.form .radio:after { -webkit-transition: border-color 0.2s linear; transition: border-color 0.2s linear; position: absolute; top: 50% !important; left: 0; display: block; margin-top: -12px; width: 16px; height: 16px; border: 2px solid #ccc; border-radius: 50% !important; content: ''; }
.form .radio:before { -webkit-transition: 0.2s linear; transition: 0.2s linear; position: absolute; top: 65% !important; left: 10px; display: block; margin-top: -7px; width: 0; height: 0; border-radius: 50% !important; background-color: #8dc031; content: ''; opacity: 1; }
.form input[type=radio]:checked:before { opacity: 1; top: 50% !important; left: 5px; width: 10px; height: 10px; }
.form .checkbox:after { -webkit-transition: border-color 0.2s linear; transition: border-color 0.2s linear; position: absolute; top: 50% !important; left: 0; display: block; margin-top: -12px; width: 16px; height: 16px; border: 2px solid #ccc; border-radius: 4px; content: ''; background: #fff; }
.form .checkbox:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50% !important; left: 6px; display: block; margin-top: -9px; width: 5px; height: 9px; border-right: 3px solid #4cbabf; border-bottom: 3px solid #4cbabf; content: ''; opacity: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1000; }
.form input[type=checkbox]:checked:before { opacity: 1; }

/* -------------------------------------------------------------- .accordion */
div.accordion-trigger { position: relative; cursor: pointer; background: #f8f8f8; }
div.accordion-trigger span:after { width: 0.5rem; height: 0.5rem; position: absolute; top: 50% !important; right: 1rem; content: ""; border-top: 2px solid #333; border-right: 2px solid #333; transform: translate(0, -50%) rotate(135deg); transition: all 0.2s; }
div.accordion-trigger.active span:after { -webkit-transform: translate(0, -50%) rotate(-45deg); transform: translate(0, -50%) rotate(-45deg); }
div.accordion-contents { max-height: 0; overflow: hidden; transition: all 0.2s; position: relative; z-index: 1000; background: #fff; width: 100% !important; }
div.accordion-contents.active { max-height: 5000px; overflow: hidden; }

/* -------------------------------------------------------------- モーダル 表示 */
div.wrapper.disabled { position: fixed; width: 100% !important; height: 100% !important; overflow: hidden; cursor: pointer; }
div.wrapper.disabled:before { width: 100% !important; height: 100% !important; background: rgba(0, 0, 0, 0.75); pointer-events: none; position: absolute; top: 0; left: 0; content: ""; z-index: 10000; }
.modal-open { cursor: pointer; }
div.modal { position: fixed; top: 0; left: 0; display: none; width: 100% !important; height: 100% !important; transition: 0.25s all; }
div.modal.active { display: block; z-index: 9999; }
div.modal div.modal-bg { display: block; width: 100% !important; height: 100% !important; position: absolute; z-index: 9999; content: ""; background-color: rgba(0, 0, 0, 0.7); top: 0; left: 0; cursor: pointer; }
div.modal div.modal-contents { top: 50% !important; left: 50% !important; width: 90% !important; height: auto; position: absolute; box-sizing: border-box; z-index: 10000; transform: translateX(-50%) translateY(-50%); background: #000; transition: 0.25s all; }

/* モーダルの たてのいちを 制御 ひとまず 30% まで */
div.modal div.modal-contents.top5 { top: 5% !important; }
div.modal div.modal-contents.top10 { top: 10% !important; }
div.modal div.modal-contents.top15 { top: 15% !important; }
div.modal div.modal-contents.top20 { top: 20% !important; }
div.modal div.modal-contents.top25 { top: 25% !important; }
div.modal div.modal-contents.top30 { top: 30% !important; }
div.modal div.modal-contents.top35 { top: 35% !important; }
div.modal div.modal-contents.top40 { top: 40% !important; }
div.modal div.modal-contents.top45 { top: 45% !important; }
div.modal div.modal-contents.top50 { top: 50% !important; }
div.modal div.modal-contents.top55 { top: 55% !important; }
div.modal div.modal-contents.top60 { top: 60% !important; }
div.modal div.modal-contents.top65 { top: 65% !important; }
div.modal div.modal-contents.top70 { top: 70% !important; }
div.modal div.modal-contents.top75 { top: 75% !important; }
div.modal div.modal-contents.top80 { top: 80% !important; }
div.modal div.modal-contents.top85 { top: 85% !important; }
div.modal div.modal-contents.top90 { top: 90% !important; }
div.modal div.modal-contents.top95 { top: 95% !important; }
div.modal div.modal-contents.top100 { top: 100% !important; }

/* モーダルの たてのいちを 制御 絶対値 してい */
div.modal div.modal-contents.top10px { top: 10px; }
div.modal div.modal-contents.top20px { top: 20px; }
div.modal div.modal-contents.top30px { top: 30px; }
div.modal div.modal-contents.top40px { top: 40px; }
div.modal div.modal-contents.top50px { top: 50px; }
div.modal div.modal-contents.top60px { top: 60px; }
div.modal div.modal-contents.top70px { top: 70px; }
div.modal div.modal-contents.top80px { top: 80px; }
div.modal div.modal-contents.top90px { top: 90px; }
div.modal div.modal-contents.top100px { top: 100px; }
div.modal div.modal-contents div.modal-contents-inner { padding: 1rem; box-sizing: border-box; padding-top: 3.5rem; overflow-y: scroll; height: 90vh; max-height: 90vh; }

/* モーダル の たかさ の 制御 */
div.modal div.modal-contents.minh10 { min-height: 10% !important; }
div.modal div.modal-contents.minh20 { min-height: 20% !important; }
div.modal div.modal-contents.minh30 { min-height: 30% !important; }
div.modal div.modal-contents.minh40 { min-height: 40% !important; }
div.modal div.modal-contents.minh50 { min-height: 50% !important; }
div.modal div.modal-contents.minh60 { min-height: 60% !important; }
div.modal div.modal-contents.minh70 { min-height: 70% !important; }
div.modal div.modal-contents.minh80 { min-height: 80% !important; }
div.modal div.modal-contents.maxh10 { max-height: 10% !important; }
div.modal div.modal-contents.maxh20 { max-height: 20% !important; }
div.modal div.modal-contents.maxh30 { max-height: 30% !important; }
div.modal div.modal-contents.maxh40 { max-height: 40% !important; }
div.modal div.modal-contents.maxh50 { max-height: 50% !important; }
div.modal div.modal-contents.maxh60 { max-height: 60% !important; }
div.modal div.modal-contents.maxh70 { max-height: 70% !important; }
div.modal div.modal-contents.maxh80 { max-height: 80% !important; }
div.modal div.modal-contents div.modal-contents-inner.minvh10 { min-height: 10vh; }
div.modal div.modal-contents div.modal-contents-inner.minvh20 { min-height: 20vh; }
div.modal div.modal-contents div.modal-contents-inner.minvh30 { min-height: 30vh; }
div.modal div.modal-contents div.modal-contents-inner.minvh40 { min-height: 40vh; }
div.modal div.modal-contents div.modal-contents-inner.minvh50 { min-height: 50vh; }
div.modal div.modal-contents div.modal-contents-inner.minvh60 { min-height: 60vh; }
div.modal div.modal-contents div.modal-contents-inner.minvh70 { min-height: 70vh; }
div.modal div.modal-contents div.modal-contents-inner.minvh80 { min-height: 80vh; }
div.modal div.modal-contents div.modal-contents-inner.maxvh10 { max-height: 10vh; }
div.modal div.modal-contents div.modal-contents-inner.maxvh20 { max-height: 20vh; }
div.modal div.modal-contents div.modal-contents-inner.maxvh30 { max-height: 30vh; }
div.modal div.modal-contents div.modal-contents-inner.maxvh40 { max-height: 40vh; }
div.modal div.modal-contents div.modal-contents-inner.maxvh50 { max-height: 50vh; }
div.modal div.modal-contents div.modal-contents-inner.maxvh60 { max-height: 60vh; }
div.modal div.modal-contents div.modal-contents-inner.maxvh70 { max-height: 70vh; }
div.modal div.modal-contents div.modal-contents-inner.maxvh80 { max-height: 80vh; }
@media screen and (max-width: 960px), print {
div.modal div.modal-contents.resp_maxh50 { max-height: 50% !important; }
div.modal div.modal-contents div.modal-contents-inner.resp_maxvh50 { max-height: 50vh; }
}

/* コンテンツ の 表示位置 を 固定値 の 場合 */
div.title-position-absolute { margin-top: 120px; }
div.title-position-absolute.min { margin-top: 50px; }
div.title-position-absolute.top30 { margin-top: 30px; }

/* close-btn */
div.modal div.modal-close { position: absolute; top: 0.5rem; right: 0.5rem; width: 40px; height: 40px; border-radius: 1000px; display: block; background: #ff0000; cursor: pointer; z-index: 10000; }
div.modal div.modal-close span { position: absolute; left: 0; display: inline-block; box-sizing: border-box; width: 20px; height: 4px; transition: all .4s; background: #fff; border-radius: 1000px; }
div.modal div.modal-close span:nth-of-type(1) { top: 50% !important; left: 50% !important; }
div.modal div.modal-close span:nth-of-type(2) { top: 50% !important; left: 50% !important; }
div.modal div.modal-close span:nth-of-type(1) { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); }
div.modal div.modal-close span:nth-of-type(2) { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }


/* 印刷用 */
@media print {
header { display: none; }
}