<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

#column .table01 th{width:120px;}
#column .table02 th.tate{ min-height:9em; width: 2em; text-align: center;}
#column .table02 th.tate span{-webkit-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;writing-mode: vertical-lr;}

.attention {
    padding: 0.5em 0 0 1em;
    position: relative;
    font-size: 14px;
    line-height: 1.8em;
}
.attention::before {
    content: "※";
    position: absolute;
    top: 0.5em;
    left: 0;
    font-size: 1em;
    line-height: 1.8em;
}
#column .box_photo,
#column .box_text{ margin: 15px 0 0;}
.txt_deco.pink{ display: block; margin: 20px 0 0;}
#column .list_box{ margin: 0 0 20px;}
.list_title{ display: block; margin:0; padding: 0 10px; box-sizing: border-box; font-weight: 700; background-color: #f2778e; color: #fff;}
#column .float_box{ margin: 30px 0 0;}
#column .float_box .box_photo a, #column .float_box .box_text a{ color: #333; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#column .float_box .box_photo a:hover, #column .float_box .box_text a:hover{ color: #aaa;}

@media screen and (max-width:767px){
#column .table01 th{width:100%;box-sizing: border-box;}	
}
</pre></body></html>