ブログ一覧ページ | 社会保険労務士法人ヒューマンリソースマネージメント

MAR 23 2023

$.contents p { font-size: 1.1em!important; line-height: 1.8em!important; } .supervision { background-color:#31ad31; color:#fff; font-weight:500; text-align:right; padding:5px; padding-right:10px; margin-bottom:10px!important; } h2 { padding-top:0!important; } #kot_tittle { padding: 0 0.5em; border-left: 5px solid #2263aa!important; font-size:25px!important; color:#555555!important; } hr { border: solid 3px #2263aa } .box1 { position: relative; margin: 2em 0; padding: 0.5em 1em; border: solid 3px #2263aa; } .box1 .box-title { position: absolute; display: inline-block; top: -27px; left: -3px; padding: 0 9px; height: 25px; line-height: 25px; font-size: 17px; background: #2263aa; color: #ffffff; font-weight: bold; border-radius: 5px 5px 0 0; } .box1 p { margin: 0; padding: 0; } h3.blog { position: relative!important; padding: 0 1.5em 1em 1.7em!important; border-bottom: 1px solid #2263aa!important; font-size:17px!important; margin-bottom:10px!important; } h3.blog::after { position: absolute; top: .4em; left: .4em; z-index: 2; content: ''; width: 12px; height: 12px; background-color: #2263aa; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .kot { font-size:1.4em!important; } .capture { box-shadow: 1px 2px 2px #acacac!important; /* 影の色 */ border:solid 1px #c5c5c5; } .contents ,.main { max-width:740px; width:100%; } p img { width:100%; text-align:center; } .img_content { margin-bottom:10px!important; } p { margin-bottom:20px!important; } .tittle { font-size:1.5em!important; font-weight:700; } h5 { font-size:17px; } /* メモ　クリップ　Ａ */ .clip-box-a { position: relative; margin: 1.5em auto; padding: 15px; background-color: #fff; /* ボックス背景色 */ color: #555555; /* 文章色 */ border: 1px solid #ccc; /* 枠線 */ box-shadow: 1px 1px 1px #acacac; /* 影の色 */ } .clip-box-a::before { position: absolute; content: ''; top: -15px; right: 10px; height: 55px; width: 15px; border: 3px solid #555555; /*クリップ色 */ background-color: none; border-radius: 12px; box-shadow: 1px 1px 2px #999; transform: rotate(10deg); z-index: 1; } .clip-box-a::after { position: absolute; content: ''; top: 0px; width: 10px; right: 20px; border: solid 5px #fff; /*背景色と同じ色にする*/ z-index: 2; } h4 { font-size: 17px!important; margin-bottom:0!important;} .title-smart1 { position: absolute; top: 8px; left: 15px; background-color: #f7f7f7; /* タイトル背景色 */ color: #40c16f; /* タイトル色 */ font-size: 1.4em; font-weight: bold; padding:10px; } .no_bottom { margin-bottom:0!important; } .first_img { filter:none!important; border:none; } h1.kot_bigtittle { position: relative; border-top: solid 2px #a8c4e4; border-bottom: solid 2px #a8c4e4; background: #f4f4f4; line-height: 1.4; padding: 0.4em 0.5em; margin: 2em 0 0.5em; font-size:1.3em; } h1.kot_bigtittle:after { position: absolute; font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif; content: '▼ Pick Up'; background: #a8c4e4; color: #fff; left: 0px; bottom: 100%; border-radius: 5px 5px 0 0; padding: 5px 7px 5px; font-size: 0.7em; line-height: 1; letter-spacing: 0.05em; } .pc { display: block !important; } .sp { display: none !important; } .btn-flat-border { display: inline-block; padding: 0.3em 1em; text-decoration: none!important; color: #2263aa; border: solid 2px #2263aa; border-radius: 3px; transition: .4s; } .btn-flat-border:hover { background: #2263aa; color: white; } .link_zone { text-align:right!important; } @media only screen and (max-width: 750px) { .pc { display: none !important; } .sp { display: block !important; } #main_body { padding:10px!important; } h3.blog { padding-bottom:0.5em!important; } } h3.memo { font-size:1.3em; font-weight:600; text-align:center; margin:20px auot; } #sub_tittle { font-size: 1.5em; margin-top:20px ; margin-bottom:10px; }$