@charset "utf-8";
/* ベーステンプレート */

/* basic setting */
html{ font-size:62.5%; }
html, body{ position:relative; width:100%; height:100%; }
body{ -webkit-text-size-adjust: 100%; }
body{
  margin:0;
  padding:0;
  font-size:1.6rem;
  font-family: 'Noto Sans JP', Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-weight:400;
  line-height:1.5;
  color:#030303;
  background:#FAFBFC;
  word-break:break-word;
/*  font-feature-settings: "palt";*/
}
h1,h2,h3,h4,h5,h6,p,em,pre,th,td,blockquote{margin:0; padding:0; font-size:1.6rem}
img,table{border:0; vertical-align:bottom}
img{max-width:100%; height:auto}
form,ul,dl,ol{margin:0; padding:0}
li{list-style:none}
li,dt,dd{font-size:1.6rem}
a, a:visited{color:#141414;text-decoration:none;}
input[type="submit"],input[type="button"]{cursor:pointer}
@media screen and (min-width:769px){
  .rollalpha,input[type="submit"],input[type="button"]{transition-duration:0.4s}
/*  a:hover,input[type="submit"]:hover,input[type="button"]:hover{opacity:0.7}*/
  .rollalpha:hover{opacity:0.6}
  a[href^="tel"]{pointer-events:none}
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{display: block; margin:0; padding:0}
.clr{clear:both}
.cf:after{content:""; display:block; clear:both}
input[type="submit"]{-webkit-appearance: none}

fieldset{margin:0; padding:0; border:none}
legend{margin:0; padding:0; position:relative}
textarea{margin:0; padding:0}

::placeholder{
  color:#919191;
}
input, textarea, select{
  transition-duration:0.4s;
}
input:invalid, input:focus, textarea:focus, select:focus{
  outline:none;
  box-shadow:none;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus{
  box-shadow:0 0 4px #aaa;
}
select:focus{
  box-shadow:0 0 5px #aaa;
}

/* text style */
.fbold{font-weight:700 !important}
.fnormal{font-weight:bold !important}
.talcnt{text-align:center !important}
.tallf{text-align:left !important}
.talrg{text-align:right !important}
.tred{color:#C22525 !important}
.tblue{color:#04ACD5!important}

/* scroll style */
.vertical_scroll{
  overflow:auto;
  scrollbar-width:thin;
}
.vertical_scroll::-webkit-scrollbar{
  width: 7px;
}
.vertical_scroll::-webkit-scrollbar-track-piece{
  background: #e8e8e8;
  border-radius: 4px;
}
.vertical_scroll::-webkit-scrollbar-thumb {
  background: #9a9a9a;
}

/* Login page */
.login-pg-form {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 30px 0;
}
.login-field {
  width: 60%;
  text-align: left;
  margin: 0 auto;
}
#loginform{
  width:500px;
}
#loginform h1{
  width:143px;
  margin:0 auto 57px;
}
#loginform .formbox{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background:#fff;
  border-radius:5px;
  box-shadow:0 0 5px rgba(0,0,0,0.2);
  padding: 20px 0 35px;
}
#loginform .formbox h2{
  font-size:1.6rem;
  text-align:center;
  font-weight:400;
  margin-bottom:18px;
}
#loginform .formbox .error{
  font-size:1.6rem;
  color:#B92020;
  text-align:center;
  margin-bottom:25px;
}
#loginform .formbox fieldset{
  border:0;
  padding:0;
  width: 100%;
  text-align: center;
  margin-bottom:25px;
}
#loginform .formbox legend{
  position:static;
  font-size:1.3rem;
  color:#1d1d1d;
  margin-bottom:6px;
  padding:0;
}
#loginform .formbox input[type="text"], #loginform .formbox input[type="password"]{
  width:calc(100% - 22px);
  border:solid 1px #8E8E8E;
  border-radius:7px;
  font-size:1.6rem;
  padding:9px 10px;
}
#loginform .formbox .btn{
  text-align:center;
  padding-top:19px;
}
#loginform .formbox .btn input[type="submit"]{
  width:100%;
  padding:9px 0;
  margin-bottom:20px;
  font-family: 'Noto Sans JP';
  font-size:1.4rem;
  font-weight:700;
  color:#fff;
  border:solid 1px #0A38B5;
  background:#0A38B5;
  border-radius:7px;
}
#loginform .formbox .btn input[type="submit"]:hover{
  color:#0A38B5;
  background:#fff;
}
#loginform .formbox .btn label{
  display:inline-block;
  position:relative;
}
#loginform .formbox .btn label input{
  position:absolute;
  opacity:0;
}
#loginform .formbox .btn label span{
  position:relative;
  padding:0 0 0 34px;
  font-size:1.3rem;
  line-height:1.8rem;
  color:#1d1d1d;
}
#loginform .formbox .btn label span::before{
  content:"";
  display:block;
  width:16px;
  height:16px;
  border:solid 1px #8E8E8E;
  border-radius:4px;
  position:absolute;
  top:0;
  left:0;
}
#loginform .formbox .btn label input:checked ~ span::after{
  content:"";
  display:block;
  width:5px;
  height:9px;
  border-right:solid 3px #0A38B5;
  border-bottom:solid 3px #0A38B5;
  position:absolute;
  top:1px;
  left:5px;
  transform:rotate(45deg);
}

/* header */
header{
  width:100%;
  background:#fff;
  box-shadow:0 3px 4px rgba(100,100,100,0.15);
  position:fixed;
  left:0;
  top:0;
  z-index:800;
}
header .inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:5px 25px;
}
header .inner .top_info, header .inner .personal_status, header .inner .personal_status .personal_info, header .inner .personal_status .personal_info .btn{
  display:flex;
  align-items:center;
}
header .inner .personal_status .personal_info{
  position:relative;
}
header .inner .top_info h1{
  width:38px;
  margin-right:17px;
}
header .inner .top_info h1 a{
  display:block;
  width:38px;
  height:38px;
  overflow:hidden;
  background:url(../images/ico_home_on.png) no-repeat 50% 50%;
  background-size:contain;
}
header .inner .top_info h1 a img{
  transition-duration:0.4s;
}
header .inner .top_info h1 a:hover img{
  opacity:0;
}
header .inner .top_info figure{
  width:143px;
  margin-right:22px;
}
header .inner .top_info .daily_data{
  font-size:1.2rem;
  color:#4B4B4B;
}
header .inner .top_info .weather{
  width:50px;
}
header .inner .personal_status .mattermost{
  margin-right:18px;
}
header .inner .personal_status .mattermost a{
  display:block;
  width:28px;
  height:28px;
  text-indent:-999em;
  overflow:hidden;
  background:url(../images/ico_mattermost.png) no-repeat 30% 30%;
  background-size:contain;
}
header .inner .personal_status .pj{
  margin-right:18px;
}
header .inner .personal_status .pj a{
  display:block;
  width:26px;
  line-height:26px;
  font-size:1.3rem;
  color:#fff;
  text-align:center;
  background:#0A38B5;
  border-radius:50%;
}
header .inner .personal_status .setting{
  margin-right:39px;
}
header .inner .personal_status .setting a{
  display:block;
  width:31px;
  height:31px;
  text-indent:-999em;
  overflow:hidden;
  background:url(../images/ico_setting.png) no-repeat 50% 50%;
  background-size:contain;
}
header .inner .personal_status .personal_info figure{
  width:38px;
  margin-right:17px;
  position:relative;
  border-radius:50%;
  overflow:hidden;
}
header .inner .personal_status .personal_info figure::before{
  content:"";
  display:block;
  height:0;
  padding-top:100%;
}
header .inner .personal_status .personal_info figure a{
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}
header .inner .personal_status .personal_info figure img{
  max-height:100%;
  width:auto;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
}
header .inner .personal_status .personal_info .name{
  font-size:1.6rem;
  margin-right:17px;
}

.btnlink{
  display:inline-block;
  width:71px;
  font-size:1.3rem;
  color:#3D3E3E;
  line-height:2.4rem;
  text-align:center;
  border:solid 1px #3D3E3E;
  background:#EDEDED;
  border-radius:5px;
  transition-duration:0.4s;
}
.btnlink.able{
  color:#127CA3;
  border:solid 1px #4EA2C1;
  background:#E0F4FC;
}
.btnlink.enable{
  color:#BA1824;
  border:solid 1px #BA1824;
  background:#FFF8F9;
}
.btnlink.meeting{
  color:#D6A215;
  border:solid 1px #D6A215;
  background:#FFFAEB;
}

a.btnlink:hover{
  color:#fff;
  opacity:1;
}
a.btnlink.able:hover{
  border-color:#4EA2C1;
  background-color:#4EA2C1;
}
a.btnlink.enable:hover{
  border-color:#BA1825;
  background-color:#BA1825;
}
a.btnlink.meeting:hover{
  border-color:#D6A215;
  background-color:#D6A215;
}
a.btnlink.offline:hover{
  border-color:#3D3E3E;
  background-color:#3D3E3E;
}

header .inner .personal_status .personal_info .btnlink{
  margin-right:22px;
}
header .inner .personal_status .personal_info .message_btn{
  margin-right:24px;
  position:relative;
}
header .inner .personal_status .personal_info .message{
  display:block;
  width:108px;
  height:26px;
  overflow:hidden;
  background:url(../images/btn_message_head.png) no-repeat 50% 50%;
  background-size:contain;
}
header .inner .personal_status .personal_info .message img,
header .inner .personal_status .personal_info .lock img{
  opacity:0;
  transition-duration:0.4s;
}
header .inner .personal_status .personal_info .message_btn:hover .message img,
header .inner .personal_status .personal_info .lock:hover img{
  opacity:1;
}
header .inner .personal_status .personal_info .message_btn span{
  display:block;
  width:20px;
  font-size:1rem;
  color:#fff;
  line-height:20px;
  text-align:center;
  background:#C22525;
  border-radius:50%;
  position:absolute;
  top:0;
  right:0;
  margin:-8px -9px 0 0;
}
header .inner .personal_status .personal_info .lock,
header .inner .personal_status .personal_info .lock:visited{
  display:block;
  width:106px;
  border:solid 1px #0A38B5;
  background:#0A38B5;
  border-radius:5px;
  font-size:1.1rem;
  font-weight:700;
  color:#fff;
  text-align:center;
  line-height:24px;
  transition-duration:0.4s;
}
header .inner .personal_status .personal_info .lock:hover{
  background:#fff;
  color:#0A38B5;
}

/* article */
.container{
  max-width:1920px;
  min-width:1280px;
  margin:0 auto;
  padding:80px 0 40px;
}

.top_board{
  display:flex;
  justify-content:space-between;
  width:98%;
  margin:0 auto;
}
.top_board .column_1{
  width:49.25%;
}
.top_board .column_2{
  width:49.25%;
}
.top_board .box{
  margin-bottom:27px;
  padding:14px;
  background:#fff;
  border-radius:5px;
  box-shadow:0 0 5px rgba(0,0,0,0.1);
}
.top_board .box img{
  max-height:100%;
  width:auto;
}
.top_board .box .title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:12px;
}
.top_board .box .title h2{
  display:flex;
  align-items:center;
  font-size:2.3rem;
  font-weight:700;
}
.top_board .box .title h2 a{
  display:flex;
  align-items:center;
}
.top_board .box .title h2 a:hover{
  text-decoration:underline;
}
.top_board .box .title h2 span{
  display:inline-block;
  width:71px;
  height:71px;
  margin-right:15px;
}
.top_board .box .title h2 a span img{
  opacity:0;
  transition-duration:0.4s;
}
.top_board .box .title h2 a:hover span img{
  opacity:1;
}
.top_board .hiashi_box .title h2 a span{
  background:url(../images/ico_hiashi.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .address_box .title h2 a span{
  background:url(../images/ico_addressbook.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .message_box .title h2 a span{
  background:url(../images/ico_message.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .bulletin_box .title h2 a span{
  background:url(../images/ico_bulletin.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .link_box .title h2 a span{
  background:url(../images/ico_link.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .schedule_box .title h2 a span{
  background:url(../images/ico_schedule.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .bi_box .title h2 a span{
  background:url(../images/ico_bi.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .workflow_box .title h2 a span{
  background:url(../images/ico_workflow.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .sns_box .title h2 a span{
  background:url(../images/ico_sns.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .groupsession_box .title h2 a span{
  background:url(../images/ico_groupsession.png) no-repeat 50% 50%;
  background-size:contain;
}
/*
.top_board .groupsession_box .gs_list{
  padding:6.6px 20px;
  background:#F4F5F7;
}
.top_board .groupsession_box .gs_list li{
  font-size:1.6rem;
  min-height:1.5em;
  padding:13px 0;
  border-bottom:solid 1px #DEDEDE;
  position:relative;
}
.top_board .groupsession_box .gs_list li span{
  position:absolute;
  top:13px;
  right:0;
}
*/
.top_board .groupsession_box .gs_list {
  padding: 6.6px 20px;
  background: #F4F5F7;
}

.top_board .groupsession_box .gs_list li {
  font-size: 1.6rem;
  min-height: 1.5em;
  padding: 13px 0;
  border-bottom: solid 1px #DEDEDE;
  position: relative;
}

.top_board .groupsession_box .gs_list li span {
  position: absolute;
  top: 13px;
  left: 0;
}
.top_board .groupsession_box .gs_list li .text {
  top: 13px;
  left: 0;
}
.top_board .groupsession_box .gs_list li .text h3 img {
  vertical-align: middle;
}
.top_board .box .title .btn{
  display:flex;
  align-items:center;
}
.top_board .box:not(.workflow_box) .title .btn a{
  display:block;
  height:50px;
  margin-left:13px;
}
.top_board .hiashi_box .achievement{
  display:flex;
  justify-content:space-between;
}
.top_board .hiashi_box .achievement .monthly, .top_board .hiashi_box .achievement .annual{
  width:calc(49% - 28px);
  padding:14px;
  background:#F4F5F7;
}
.top_board .hiashi_box .achievement .achielabel{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:22px;
}
.top_board .hiashi_box .achievement .achielabel p{
  font-size:2.6rem;
  font-weight:700;
  padding-left:10px;
}
.top_board .hiashi_box .achievement .achielabel .arrow{
  height:48px;
}
.top_board .hiashi_box .achievement .numbervalue{
  display:flex;
  align-items:center;
  padding:5px 19px;
  border-radius:5px;
  background:#666;
  font-weight:700;
  color:#fff;
}
.top_board .hiashi_box .achievement .numbervalue.down{
  background:#C22525;
}
.top_board .hiashi_box .achievement .numbervalue.up{
  background:#04ACD5;
}
.top_board .hiashi_box .achievement .numbervalue .txt{
  width:105px;
  font-size:1.9rem;
}
.top_board .hiashi_box .achievement .numbervalue .number{
  font-size:3.4rem;
}
.top_board .hiashi_box .achievement dl{
  padding:20px 19px 0;
}
.top_board .hiashi_box .achievement dl dt{
  font-size:1.5rem;
  padding-top:0.4rem;
  float:left;
}
.top_board .hiashi_box .achievement dl dd{
  font-size:1.9rem;
  margin-left:10.5rem;
  margin-bottom:10px;
}
.top_board .hiashi_box .tani{
  font-size:1.2rem;
  padding-top:6px;
  text-align:right;
}

.select_deco{
  display:inline-block;
  padding:0;
  font-size:1.8rem;
  position:relative;
}
.select_deco::after{
  content:"";
  display:block;
  width:11px;
  height:6px;
  background:url(../images/arrow_pulldown.png) no-repeat 50% 50%;
  background-size:contain;
  position:absolute;
  top:calc(50% - 1px);
  right:3px;
  z-index:5;
}
.select_deco select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width:100%;
  height:30px;
  background:transparent;
  font-size:inherit;
  font-family: 'Noto Sans JP';
  border:0;
  margin:0;
  padding:0 20px 0 5px;
  position:relative;
  z-index:10;
}
.select_deco select::-ms-expand, .inquiry_form .select_block select::-ms-expand{
  display:none;
}

.top_board .address_box .btn_searchmember{
  background:url(../images/btn_searchmember.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .address_box .btn_meeting_reservation{
  background:url(../images/btn_meeting_reservation.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .address_box .btn_meeting_invitation,
.top_board_modal.member_detail .btn_meeting_invitation{
  background:url(../images/btn_meeting_invitation.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .address_box .btn_message,
.top_board_modal.member_detail .btn_message{
  background:url(../images/btn_message.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .bulletin_box .btn_reload{
  background:url(../images/btn_reload.png) no-repeat 50% 50%;
  background-size:contain;
}

.top_board .address_box .btn_searchmember img,
.top_board .address_box .btn_meeting_reservation img,
.top_board .address_box .btn_meeting_invitation img,
.top_board .address_box .btn_message img,
.top_board .bulletin_box .btn_reload img,
.top_board_modal.member_detail .btn_meeting_invitation img,
.top_board_modal.member_detail .btn_message img{
  display:block;
  opacity:0;
  transition-duration:0.4s;
}
.top_board .address_box .btn_searchmember:hover img,
.top_board .address_box .btn_meeting_reservation:hover img,
.top_board .address_box .btn_meeting_invitation:hover img,
.top_board .address_box .btn_message:hover img,
.top_board .bulletin_box .btn_reload:hover img,
.top_board_modal.member_detail .btn_meeting_invitation:hover img,
.top_board_modal.member_detail .btn_message:hover img{
  opacity:1;
}

.top_board .address_box .member_list{
  max-height:530px;
  overflow:auto;
  scrollbar-width:thin;
}
.top_board .address_box .member_list::-webkit-scrollbar{
  width: 7px;
}
.top_board .address_box .member_list::-webkit-scrollbar-track-piece{
  background: #e8e8e8;
  border-radius: 4px;
}
.top_board .address_box .member_list::-webkit-scrollbar-thumb {
  background: #9a9a9a;
}
.top_board .address_box .member_list .item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 16px 10px 20px;
  background:#F4F5F7;
}
.top_board .address_box .member_list .item{
}
.top_board .address_box .member_list .item + .item{
  margin-top:10px;
}
.top_board .address_box .member_list .item .status{
  display:flex;
  align-items:center;
}
.top_board .address_box .member_list .item .status .pin{
  width:80px;
  height:80px;
  margin-right:28px;
}
.top_board .address_box .member_list .item .status .pin a{
  display:block;
  background:url(../images/ico_pinhold_off.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .address_box .member_list .item .status .pin.on a{
  background:url(../images/ico_pinhold.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .address_box .member_list .item .status .pin a img{
  opacity:0;
  transition-duration:0.4s;
}
.top_board .address_box .member_list .item .status .pin a:hover img{
  opacity:1;
}
.top_board .address_box .member_list .item .status a{
  display:flex;
}
.top_board .address_box .member_list .item .status figure{
  width:88px;
  height:88px;
  margin-right:18px;
  position:relative;
  border-radius:50%;
  overflow:hidden;
}
.top_board .address_box .member_list .item .status figure::before{
  content:"";
  display:block;
  height:0;
  padding-top:100%;
}
.top_board .address_box .member_list .item .status figure img{
  max-height:100%;
  width:auto;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
}
.top_board .address_box .member_list .item .status .txt{
  width:142px;
  padding-top:7px;
}
.top_board .address_box .member_list .item .status .txt p{
  font-size:2.1rem;
  font-weight:700;
  margin-bottom:10px;
}
.top_board .address_box .member_list .item .status .txt .btnlink{
  width:83px;
  font-size:1.4rem;
  line-height:2.8rem;
}
.top_board .address_box .member_list .item .status .department{
  padding-top:11px;
  font-size:1.7rem;
}

.top_board .address_box .member_list .item .status a:hover p{
  text-decoration:underline;
}
/*
.top_board .address_box .member_list .item .status a:hover figure img{
  box-shadow:0 0 6px #666;
}
*/

.top_board .address_box .member_list .item .btn a{
  display:block;
  width:215px;
}
.top_board .address_box .member_list .item .btn a + a{
  margin-top:5px;
}

.top_board .box .select_deco{
  font-size:1.8rem;
  background:#F4F5F7;
  border-radius:7px;
}
.top_board .box .select_deco::after{
  width:14px;
  height:8px;
  top:calc(50% - 3px);
  right:12px;
}
.top_board .box .select_deco select{
  height:50px;
  padding:0 32px 0 7px;
  border-radius:7px;
}

.top_board .message_box .message_txt{
  padding:0 10px;
  margin-bottom:18px;
}
.top_board .message_box .message_txt p{
  font-size:2rem;
  line-height:1.8;
}
.top_board .message_box .message_txt p a:hover{
  text-decoration:underline;
}
.top_board .message_box .executive{
  display:flex;
  padding:12px 15px;
  background:#F4F5F7;
}
.top_board .message_box .executive h3{
  width:24%;
  display:flex;
  align-items:center;
  font-size:1.8rem;
  font-weight:700;
}
.top_board .message_box .executive h3::before{
  content:"";
  display:inline-block;
  width:38px;
  height:24px;
  margin-right:10px;
  background:url(../images/ico_executive.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .message_box .executive ul{
  width:78%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.top_board .message_box .executive ul li{
  width:18%;
  font-size:1.6rem;
  margin:0 8px;
  text-align:center;
}
.top_board .message_box .executive ul li.president{
  width:23%;
}
.top_board .message_box .executive ul li a, .top_board .message_box .executive ul li a:visited{
  display:block;
  padding:10px 5px;
  text-align:center;
  color:#000;
  background:#fff;
  border-radius:7px;
  transition-duration:0.4s;
}
.top_board .message_box .executive ul li a:hover{
  color:#fff;
  background:#AFAFAF;
}

.top_board .bulletin_box .bulletin_list,
.top_board .link_box .link_list{
  padding:14px 21px 18px;
  background:#F4F5F7;
}
.top_board .link_box .link_list{
  padding:10px 21px 18px;
  background:#F4F5F7;
}
.top_board .bulletin_box .bulletin_list .item,
.top_board .link_box .link_list .item{
  display:flex;
  align-items:center;
  background:#fff;
  padding:9px 3px;
  border-bottom:solid 1px #b9b9b9;
  transition-duration:0.1s;
  position:relative;
}
.top_board .bulletin_box .bulletin_list .item:hover,
.top_board .link_box .link_list .item:hover{
  box-shadow:0 1px 5px #ccc;
  z-index:50;
}
.top_board .bulletin_box .bulletin_list .item .pin,
.top_board .link_box .link_list .item .pin{
  width:9.2%;
  margin-right:1.3%;
}
.top_board .bulletin_box .bulletin_list .item .pin a,
.top_board .link_box .link_list .item .pin a{
  display:block;
  background:url(../images/ico_pinhold2_off.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .bulletin_box .bulletin_list .item .pin.on a,
.top_board .link_box .link_list .item .pin.on a{
  background:url(../images/ico_pinhold2.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board .bulletin_box .bulletin_list .item .pin a img,
.top_board .link_box .link_list .item .pin a img{
  opacity:0;
  transition-duration:0.4s;
}
.top_board .bulletin_box .bulletin_list .item .pin a:hover img,
.top_board .link_box .link_list .item .pin a:hover img{
  opacity:1;
}
.top_board .bulletin_box .bulletin_list .item > a{
  display:flex;
  width:88.5%;
}
.top_board .bulletin_box .bulletin_list .item > a .sign{
  width:10%;
}
.top_board .bulletin_box .bulletin_list .item > a .sign li{
  display:flex;
  align-items:center;
  font-size:1.3rem;
  font-weight:700;
  margin-top:3px;
}
.top_board .bulletin_box .bulletin_list .item > a .sign li.taka{
  color:#E0A22D;
}
.top_board .bulletin_box .bulletin_list .item > a .sign li.kinkyu{
  color:#C22525;
}
.top_board .bulletin_box .bulletin_list .item > a .sign li span{
  display:inline-block;
  width:28px;
  height:21px;
  margin-right:4px;
  text-align:center;
}
.top_board .bulletin_box .bulletin_list .item > a .sign li span img{
  max-height:100%;
  width:auto;
}
.top_board .bulletin_box .bulletin_list .item > a .sign li.blank span::before{
  content:"";
  display:inline-block;
  width:100%;
  height:0;
  padding-top:75%;
}
.top_board .bulletin_box .bulletin_list .item > a .item_title{
  width:46%;
  margin:0 3% 0 4%;
  font-size:1.8rem;
  font-weight:700;
  line-height:1.3;
  position:relative;
}
.top_board .bulletin_box .bulletin_list .item > a .item_title .new{
  font-size:1.3rem;
  font-weight:700;
  color:#C22525;
  position:absolute;
  top:0.4em;
  left:-3em;
}
.top_board .bulletin_box .bulletin_list .item > a .user{
  width:20%;
}
.top_board .bulletin_box .bulletin_list .item > a .user .name{
  font-size:1.8rem;
}
.top_board .bulletin_box .bulletin_list .item > a .user .part{
  font-size:1.6rem;
}
.top_board .bulletin_box .bulletin_list .item > a .date_cate{
  width:17%;
  font-size:1.6rem;
  text-align:right;
  color:#666;
}

.top_board .bulletin_box .bulletin_list .item > a:hover .item_title{
  text-decoration:underline;
}

.top_board .bulletin_box .bulletin_list .item.read,
.top_board .link_box .link_list .item{
  background:transparent;
}
.top_board .bulletin_box .bulletin_list .item.read > a .item_title,
.top_board .bulletin_box .bulletin_list .item.read > a .user .name,
.top_board .bulletin_box .bulletin_list .item.read > a .user .part{
  color:#666;
}

.top_board .link_box .link_list .item > a{
  display:block;
  width:90.5%;
  font-size:1.8rem;
  color:#0A38B5;
  text-decoration:underline;
  position:relative;
}
.top_board .link_box .link_list .item > a:hover{
  text-decoration:none;
}
.top_board .link_box .link_list .item > a span.cat{
  display:inline-block;
  min-width:84px;
  padding:3px 5px;
  margin-right:7px;
  font-size:1.46rem;
  text-align:center;
  color:#666;
  border:solid 1px #dedede;
  background:#fff;
}
.top_board .link_box .link_list .item > a span.new{
  font-size:1.3rem;
  font-weight:700;
  color:#C22525;
  position:absolute;
  top:5px;
  right:0;
}

.top_board .bulletin_box .more_link,
.top_board .bi_box .more_link,
.top_board .link_box .more_link{
  font-size:1.3rem;
  text-align:right;
  padding:8px 5px 0 0;
}
.top_board .bulletin_box .more_link a, .top_board .bulletin_box .more_link a:visited,
.top_board .bi_box .more_link a, .top_board .bi_box .more_link a:visited,
.top_board .link_box .more_link a, .top_board .link_box .more_link a:visited{
  display:inline-block;
  color:#000;
}
.top_board .bulletin_box .more_link a:hover,
.top_board .bi_box .more_link a:hover,
.top_board .link_box .more_link a:hover{
  text-decoration:underline;
}
.top_board .bulletin_box .more_link a::after,
.top_board .bi_box .more_link a::after,
.top_board .link_box .more_link a::after{
  content:"";
  display:inline-block;
  width:5px;
  height:5px;
  margin-left:5px;
  vertical-align:1px;
  border-top:solid 2px #000;
  border-right:solid 2px #000;
  transform:rotate(45deg);
}

.top_board .schedule_box .schedule_list{
  max-height:230px;
  padding:0 24px;
  overflow:auto;
  background:#F4F5F7;
  scrollbar-width:thin;
}
.top_board .schedule_box .schedule_list::-webkit-scrollbar{
  width: 7px;
}
.top_board .schedule_box .schedule_list::-webkit-scrollbar-track-piece{
  background: #e8e8e8;
  border-radius: 4px;
}
.top_board .schedule_box .schedule_list::-webkit-scrollbar-thumb {
  background: #9a9a9a;
}
.top_board .schedule_box .schedule_list .top_item{
  display:flex;
  align-items:center;
  padding:17px 0;
  border-bottom:solid 1px #DEDEDE;
}
.top_board .schedule_box .schedule_list .top_item:last-child{
  border-bottom:none;
}
.top_board .schedule_box .schedule_list .top_item .datespan{
  font-size:1.6rem;
  white-space:nowrap;
  margin-right:33px;
}
.top_board .schedule_box .schedule_list .top_item figure{
  width:34px;
  flex-shrink:0;
  margin-right:33px;
  display:flex;
  align-items:center;
}
.top_board .schedule_box .schedule_list .top_item .sctitle{
  font-size:1.7rem;
  font-weight:bold;
}

.top_board .bi_box .bi_list{
  padding:6.6px 20px;
  background:#F4F5F7;
}
.top_board .bi_box .bi_list li{
  font-size:1.6rem;
  min-height:1.5em;
  padding:13px 0;
  border-bottom:solid 1px #DEDEDE;
  position:relative;
}
.top_board .bi_box .bi_list li span{
  position:absolute;
  top:13px;
  right:0;
}

.top_board .workflow_box .btn{
  display:flex;
  align-items:center;
  justify-content:center;
}
.top_board .workflow_box .btn .item:not(.joukyo){
  margin:0 0 0 20px;
  padding:5px 30px 5px 0;
  position:relative;
}
.top_board .workflow_box .btn .item a, .top_board .workflow_box .btn .item a:visited,
.top_board .workflow_box .btn .item p{
  font-size:1.7rem;
  font-weight:bold;
  color:#0A38B5;
  transition:0.4s;
}
.top_board .workflow_box .btn .item a:hover{
  text-decoration:underline;
}
.top_board .workflow_box .btn .item .waiting_number,
.top_board .workflow_box .btn .item .status_number{
  width:26px;
  line-height:26px;
  font-size:1.3rem;
  font-weight:bold;
  color:#fff;
  text-align:center;
  background:#C22525;
  border-radius:50%;
  position:absolute;
  top:-5px;
  right:0;
}
.top_board .workflow_box .btn .item .status_number{
  background:#0A42D9;
}
.top_board .workflow_box .btn .plus_btn{
  margin-left:5px;
}
.top_board .workflow_box .btn .plus_btn a{
  display:block;
  width:42px;
  height:42px;
  text-indent:-200px;
  overflow:hidden;
  position:relative;
  background:#0a38b5;
  border:solid 1px #0a38b5;
  border-radius:50%;
  transition:0.3s;
}
.top_board .workflow_box .btn .plus_btn a::before,
.top_board .workflow_box .btn .plus_btn a::after{
  content:"";
  display:block;
  background:#fff;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.top_board .workflow_box .btn .plus_btn a::before{
  width:40%;
  height:2px;
}
.top_board .workflow_box .btn .plus_btn a::after{
  width:2px;
  height:40%;
}
.top_board .workflow_box .btn .plus_btn a:hover{
  background:#f4f5f7;
}
.top_board .workflow_box .btn .plus_btn a:hover::before,
.top_board .workflow_box .btn .plus_btn a:hover::after{
  background:#0a38b5;
}


.top_board .sns_box .sns_list{
  max-height:532px;
  overflow:auto;
  scrollbar-width:thin;
}
.top_board .sns_box .sns_list::-webkit-scrollbar{
  width: 7px;
}
.top_board .sns_box .sns_list::-webkit-scrollbar-track-piece{
  background: #e8e8e8;
  border-radius: 4px;
}
.top_board .sns_box .sns_list::-webkit-scrollbar-thumb {
  background: #9a9a9a;
}
.top_board .sns_box .sns_list .item{
  display:flex;
  align-items:center;
  background:#F4F5F7;
  padding:13px 16px;
  margin-bottom:13px;
}
.top_board .sns_box .sns_list .item .facephoto{
  display:flex;
  width:121px;
  align-items:center;
  flex-shrink:0;
  position:relative;
}
.top_board .sns_box .sns_list .item .facephoto figure{
  width:88px;
  border-radius:50%;
  overflow:hidden;
  position:relative;
}
.top_board .sns_box .sns_list .item .facephoto figure::before{
  content:"";
  display:block;
  height:0;
  padding-top:100%;
}
.top_board .sns_box .sns_list .item .facephoto figure img{
  width:100%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.top_board .sns_box .sns_list .item .facephoto .nice{
  position:absolute;
  top:0;
  left:73px;
  font-size:1.6rem;
  font-weight:bold;
  color:#0A38B5;
  line-height:1;
  white-space:nowrap;
  padding-left:18.6px;
  background:url(../images/ico_sns_on.png) no-repeat 0 50%;
  background-size:16.3px 16.3px;
}
.top_board .sns_box .sns_list .item .descript{
  display:flex;
  background:#fff;
  border-radius:6px;
  padding:13px 13px 13px 16px;
  width: 100%;
}
.top_board .sns_box .sns_list .item .descript .txt{
  margin-right:12px;
  width: 100%;
}
.top_board .sns_box .sns_list .item .descript .txt .name_data{
  font-size:2rem;
  font-weight:bold;
}
.top_board .sns_box .sns_list .item .descript .txt .name_data::after{
  content:"";
  display:block;
  clear:both;
}
.top_board .sns_box .sns_list .item .descript .txt .name_data a, .top_board .sns_box .sns_list .item .descript .txt .name_data a:visited{
  font-weight:bold;
  color:#0A38B5;
  text-decoration:underline;
}
.top_board .sns_box .sns_list .item .descript .txt .name_data span{
  font-size:1.6rem;
  font-weight:normal;
  margin-top:0.2em;
  float:right;
}
.top_board .sns_box .sns_list .item .descript .txt .post_title{
  font-size:1.7rem;
  line-height:1.2;
}
.top_board .sns_box .sns_list .item .descript .thumbnail{
  width:140px;
  flex-shrink:0;
}


/* ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1920px){
/* ---------------------------------------------------------------------------------------------------- */

.top_board .box{
  margin-bottom:1.4vw;
  padding:0.7vw;
  box-shadow:0 0 0.2vw rgba(0,0,0,0.1);
}
.top_board .box .title{
  margin-bottom:0.62vw;
}
.top_board .box .title h2{
  font-size:1.2vw;
}
.top_board .box .title h2 span{
  width:3.7vw;
  height:3.7vw;
  margin-right:0.8vw;
}
.top_board .box:not(.workflow_box) .title .btn a{
  height:2.6vw;
  margin-left:0.68vw;
}
.top_board .hiashi_box .achievement .monthly, .top_board .hiashi_box .achievement .annual{
  width:calc(49% - 1.46vw);
  padding:0.73vw;
}
.top_board .hiashi_box .achievement .achielabel{
  margin-bottom:1.14vw;
}
.top_board .hiashi_box .achievement .achielabel p{
  font-size:1.35vw;
  padding-left:0.5vw;
}
.top_board .hiashi_box .achievement .achielabel .arrow{
  height:2.5vw;
}
.top_board .hiashi_box .achievement .numbervalue{
  padding:0.26vw 1vw;
  border-radius:0.26vw;
}
.top_board .hiashi_box .achievement .numbervalue .txt{
  width:5.46vw;
  font-size:1vw;
}
.top_board .hiashi_box .achievement .numbervalue .number{
  font-size:1.8vw;
}
.top_board .hiashi_box .achievement dl{
  padding:1vw 1vw 0;
}
.top_board .hiashi_box .achievement dl dt{
  font-size:0.78vw;
  padding-top:0.2vw;
}
.top_board .hiashi_box .achievement dl dd{
  font-size:1vw;
  margin-left:5.46vw;
  margin-bottom:0.52vw;
}
.top_board .hiashi_box .tani{
  font-size:0.62vw;
  padding-top:0.31vw;
}

.top_board .address_box .member_list{
  max-height:27.6vw;
}
.top_board .address_box .member_list .item{
  padding:0.52vw 0.83vw 0.52vw 1vw;
}
.top_board .address_box .member_list .item + .item{
  margin-top:0.52vw;
}
.top_board .address_box .member_list .item .status .pin{
  width:4.16vw;
  height:4.16vw;
  margin-right:1.45vw;
}
.top_board .address_box .member_list .item .status figure{
  width:4.58vw;
  height:4.58vw;
  margin-right:0.93vw;
}
.top_board .address_box .member_list .item .status .txt{
  width:7.4vw;
  padding-top:0.36vw;
}
.top_board .address_box .member_list .item .status .txt p{
  font-size:1.1vw;
  margin-bottom:0.52vw;
}
.top_board .address_box .member_list .item .status .txt .btnlink{
  width:4.32vw;
  font-size:0.73vw;
  line-height:1.45vw;
}
.top_board .address_box .member_list .item .status .department{
  padding-top:0.57vw;
  font-size:0.88vw;
}
.top_board .address_box .member_list .item .btn a{
  width:11.2vw;
}
.top_board .address_box .member_list .item .btn a + a{
  margin-top:0.26vw;
}

.top_board .box .select_deco{
  font-size:0.94vw;
  border-radius:0.36vw;
}
.top_board .box .select_deco::after{
  width:0.73vw;
  height:0.41vw;
  top:calc(50% - 0.15vw);
  right:0.625vw;
}
.top_board .box .select_deco select{
  height:2.6vw;
  padding:0 1.66vw 0 0.36vw;
  border-radius:0.36vw;
}

.top_board .message_box .message_txt{
  padding:0 0.52vw;
  margin-bottom:0.94vw;
}
.top_board .message_box .message_txt p{
  font-size:1.04vw;
}
.top_board .message_box .executive{
  padding:0.625vw 0.78vw;
}
.top_board .message_box .executive h3{
  font-size:0.94vw;
}
.top_board .message_box .executive h3::before{
  width:1.98vw;
  height:1.25vw;
  margin-right:0.52vw;
}
.top_board .message_box .executive ul li{
  font-size:0.7vw;
  border-radius:0.36vw;
  margin:0 0.41vw;
}
.top_board .message_box .executive ul li a, .top_board .message_box .executive ul li avisited{
  padding:0.52vw 0.26vw;
}

.top_board .bulletin_box .bulletin_list,
.top_board .link_box .link_list{
  padding:0.73vw 1.09vw 0.94vw;
}
.top_board .link_box .link_list{
  padding:0.52vw 1.09vw 0.94vw;
}
.top_board .bulletin_box .bulletin_list .item,
.top_board .link_box .link_list .item{
  padding:0.47vw 0.15vw;
}
.top_board .bulletin_box .bulletin_list .item > a .sign li{
  font-size:0.67vw;;
  margin-top:0.15vw;
}
.top_board .bulletin_box .bulletin_list .item > a .sign li span{
  width:1.46vw;
  height:1.09vw;
  margin-right:0.2vw;
}
.top_board .bulletin_box .bulletin_list .item > a .item_title{
  font-size:0.94vw;
}
.top_board .bulletin_box .bulletin_list .item > a .item_title .new{
  font-size:0.67vw;
}
.top_board .bulletin_box .bulletin_list .item > a .user .name{
  font-size:0.94vw;
}
.top_board .bulletin_box .bulletin_list .item > a .user .part{
  font-size:0.83vw;
}
.top_board .bulletin_box .bulletin_list .item > a .date_cate{
  font-size:0.83vw;
}

.top_board .link_box .link_list .item > a{
  font-size:1.04vw;
}
.top_board .link_box .link_list .item > a span.cat{
  min-width:4.37vw;
  padding:0.15vw 0.26vw;
  margin-right:0.36vw;
  font-size:0.76vw;
}
.top_board .link_box .link_list .item > a span.new{
  font-size:0.67vw;
  top:0.26vw;
}

.top_board .bulletin_box .more_link,
.top_board .link_box .more_link{
  font-size:0.67vw;
  padding:0.41vw 0.26vw 0 0;
}
.top_board .bulletin_box .more_link a::after,
.top_board .link_box .more_link a::after{
  width:0.26vw;
  height:0.26vw;
  margin-left:0.26vw;
}

.top_board .schedule_box .schedule_list{
  max-height:12vw;
  padding:0 1.2vw;
}
.top_board .schedule_box .schedule_list .item{
  padding:0.89vw 0;
}
.top_board .schedule_box .schedule_list .item .datespan{
  font-size:0.82vw;
  margin-right:1.7vw;
}
.top_board .schedule_box .schedule_list .item figure{
  width:1.7vw;
  margin-right:1.7vw;
}
.top_board .schedule_box .schedule_list .item .sctitle{
  font-size:0.89vw;
}

.top_board .bi_box .bi_list{
  padding:0.34vw 1.04vw;
}
.top_board .bi_box .bi_list li{
  font-size:1.04vw;
  padding:0.69vw 0;
}
.top_board .bi_box .bi_list li a{
  font-weight: bold;
}
.top_board .bi_box .bi_list li span{
  top:0.69vw;
  font-size:75%;
}

.top_board .workflow_box .btn .item:not(.joukyo){
  margin:0 0 0 2.08vw;
  padding:0.26vw 1.56vw 0.26vw 0;
}
.top_board .workflow_box .btn .item a,
.top_board .workflow_box .btn .item p{
  font-size:0.89vw;
}
.top_board .workflow_box .btn .item .waiting_number,
.top_board .workflow_box .btn .item .status_number{
  width:1.38vw;
  line-height:1.38vw;
  font-size:0.69vw;
  top:-0.26vw;
}
.top_board .workflow_box .btn .plus_btn{
  margin-left:0.26vw;
}
.top_board .workflow_box .btn .plus_btn a{
  width:2.18vw;
  height:2.18vw;
}

.top_board .sns_box .sns_list{
  max-height:27.66vw;
}
.top_board .sns_box .sns_list .item{
  padding:0.69vw 0.82vw;
  margin-bottom:0.69vw;
}
.top_board .sns_box .sns_list .item .facephoto{
  width:6.29vw;
}
.top_board .sns_box .sns_list .item .facephoto figure{
  width:4.56vw;
}
.top_board .sns_box .sns_list .item .facephoto .nice{
  left:3.8vw;
  font-size:0.82vw;
  padding-left:0.96vw;
  background-size:0.85vw 0.85vw;
}
.top_board .sns_box .sns_list .item .descript{
  padding:0.69vw 0.69vw 0.69vw 0.82vw;
  width: 100%;
}
.top_board .sns_box .sns_list .item .descript .txt{
  margin-right:0.61vw;
  width: 100%;
}
.top_board .sns_box .sns_list .item .descript .txt .name_data{
  font-size:1.04vw;
}
.top_board .sns_box .sns_list .item .descript .txt .name_data span{
  font-size:0.82vw;
}
.top_board .sns_box .sns_list .item .descript .txt .post_title{
  font-size:0.89vw;
}
.top_board .sns_box .sns_list .item .descript .thumbnail{
  /*width:7.34vw;*/
  height: 3.5vw;
  text-align: center;
}

}/* max-width:1920px
======================================================================================================= */

/* ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1280px){
/* ---------------------------------------------------------------------------------------------------- */

.top_board .box{
  margin-bottom:18px;
  padding:9px;
  box-shadow:0 0 2px rgba(0,0,0,0.1);
}
.top_board .box .title{
  margin-bottom:8px;
}
.top_board .box .title h2{
  font-size:1.5rem;;
}
.top_board .box .title h2 span{
  width:47px;
  height:47px;
  margin-right:10px;
}
.top_board .box .title .btn a{
  height:33px;
  margin-left:9px;
}
.top_board .hiashi_box .achievement .monthly, .top_board .hiashi_box .achievement .annual{
  width:calc(49% - 18px);
  padding:9px;
}
.top_board .hiashi_box .achievement .achielabel{
  margin-bottom:14px;
}
.top_board .hiashi_box .achievement .achielabel p{
  font-size:1.7rem;
  padding-left:6px;
}
.top_board .hiashi_box .achievement .achielabel .arrow{
  height:32px;
}
.top_board .hiashi_box .achievement .numbervalue{
  padding:3px 13px;
  border-radius:3px;
}
.top_board .hiashi_box .achievement .numbervalue .txt{
  width:70px;
  font-size:1.3rem;
}
.top_board .hiashi_box .achievement .numbervalue .number{
  font-size:2.3rem;
}
.top_board .hiashi_box .achievement dl{
  padding:13px 13px 0;
}
.top_board .hiashi_box .achievement dl dt{
  font-size:1rem;
  padding-top:2px;
}
.top_board .hiashi_box .achievement dl dd{
  font-size:1.3rem;
  margin-left:7rem;
  margin-bottom:7px;
}
.top_board .hiashi_box .tani{
  font-size:0.8rem;
  padding-top:4px;
}

.select_deco{
  margin-right:13px;
  font-size:1.2rem;
}
.select_deco::after{
  width:7px;
  height:4px;
  right:2px;
}
.select_deco select{
  height:20px;
  padding:0 13px 0 3px;
}

.top_board .address_box .member_list{
  max-height:353px;
}
.top_board .address_box .member_list .item{
  padding:6px 10px 6px 13px;
}
.top_board .address_box .member_list .item + .item{
  margin-top:6px;
}
.top_board .address_box .member_list .item .status .pin{
  width:53px;
  height:53px;
  margin-right:18px;
}
.top_board .address_box .member_list .item .status figure{
  width:58px;
  height:58px;
  margin-right:12px;
}
.top_board .address_box .member_list .item .status .txt{
  width:95px;
  padding-top:4px;
}
.top_board .address_box .member_list .item .status .txt p{
  font-size:1.4rem;
  margin-bottom:6px;
}
.top_board .address_box .member_list .item .status .txt .btnlink{
  width:55px;
  font-size:0.9rem;
  line-height:1.8rem;
}
.top_board .address_box .member_list .item .status .department{
  padding-top:7px;
  font-size:1.1rem;
}
.top_board .address_box .member_list .item .btn a{
  width:143px;
}
.top_board .address_box .member_list .item .btn a + a{
  margin-top:3px;
}

.top_board .box .select_deco{
  font-size:1.2rem;
  border-radius:4px;
}
.top_board .box .select_deco::after{
  width:9px;
  height:5px;
  top:calc(50% - 2px);
  right:8px;
}
.top_board .box .select_deco select{
  height:33px;
  padding:0 21px 0 4px;
  border-radius:4px;
}

.top_board .message_box .message_txt{
  padding:0 6px;
  margin-bottom:12px;
}
.top_board .message_box .message_txt p{
  font-size:1.3rem;
}
.top_board .message_box .executive{
  padding:8px 10px;
}
.top_board .message_box .executive h3{
  font-size:1.2rem;
}
.top_board .message_box .executive h3::before{
  width:25px;
  height:16px;
  margin-right:6px;
}
.top_board .message_box .executive ul li{
  font-size:1rem;
  border-radius:4px;
  margin:0 5px;
}
.top_board .message_box .executive ul li a, .top_board .message_box .executive ul li avisited{
  padding:6px 3px;
}

.top_board .bulletin_box .bulletin_list,
.top_board .link_box .link_list{
  padding:9px 14px 12px;
}
.top_board .link_box .link_list{
  padding:6px 14px 12px;
}
.top_board .bulletin_box .bulletin_list .item,
.top_board .link_box .link_list .item{
  padding:6px 2px;
}
.top_board .bulletin_box .bulletin_list .item > a .sign li{
  font-size:8px;;
  margin-top:2px;
}
.top_board .bulletin_box .bulletin_list .item > a .sign li span{
  width:18px;
  height:14px;
  margin-right:2px;
}
.top_board .bulletin_box .bulletin_list .item > a .item_title{
  font-size:1.2rem;
}
.top_board .bulletin_box .bulletin_list .item > a .item_title .new{
  font-size:0.8rem;
}
.top_board .bulletin_box .bulletin_list .item > a .user .name{
  font-size:1.2rem;
}
.top_board .bulletin_box .bulletin_list .item > a .user .part{
  font-size:1rem;
}
.top_board .bulletin_box .bulletin_list .item > a .date_cate{
  font-size:1rem;
}

.top_board .link_box .link_list .item > a{
  font-size:1.2rem;
}
.top_board .link_box .link_list .item > a span.cat{
  min-width:56px;
  padding:2px 3px;
  margin-right:4px;
  font-size:1rem;
}
.top_board .link_box .link_list .item > a span.new{
  font-size:0.85rem;
  top:3px;
}

.top_board .bulletin_box .more_link,
.top_board .link_box .more_link{
  font-size:0.85rem;
  padding:5px 3px 0 0;
}
.top_board .bulletin_box .more_link a::after,
.top_board .link_box .more_link a::after{
  width:4px;
  height:4px;
  margin-left:4px;
}

.top_board .schedule_box .schedule_list{
  max-height:153px;
  padding:0 14.6px;
}
.top_board .schedule_box .schedule_list .item{
  padding:11px 0;
}
.top_board .schedule_box .schedule_list .item .datespan{
  font-size:1rem;
  margin-right:22px;
}
.top_board .schedule_box .schedule_list .item figure{
  width:22px;
  margin-right:22px;
}
.top_board .schedule_box .schedule_list .item .sctitle{
  font-size:1.1rem;
}

.top_board .bi_box .bi_list{
  padding:4.4px 13px;
}
.top_board .bi_box .bi_list li{
  font-size:1.3rem;
  padding:8.8px 0;
}
.top_board .bi_box .bi_list li span{
  top:8.8px;
}

.top_board .workflow_box .btn .item:not(.joukyo){
  margin:0 0 0 26px;
  padding:3px 20px 3px 0;
}
.top_board .workflow_box .btn .item a,
.top_board .workflow_box .btn .item p{
  font-size:1.1rem;
}
.top_board .workflow_box .btn .item .waiting_number,
.top_board .workflow_box .btn .item .status_number{
  width:17.7px;
  line-height:17.7px;
  font-size:0.9rem;
  top:-3px;
}
.top_board .workflow_box .btn .plus_btn{
  margin-left:3px;
}
.top_board .workflow_box .btn .plus_btn a{
  width:28px;
  height:28px;
}

.top_board .sns_box .sns_list{
  max-height:354px;
}
.top_board .sns_box .sns_list .item{
  padding:8.8px 10.6px;
  margin-bottom:6.6px;
}
.top_board .sns_box .sns_list .item .facephoto{
  width:80.4px;
}
.top_board .sns_box .sns_list .item .facephoto figure{
  width:58.5px;
}
.top_board .sns_box .sns_list .item .facephoto .nice{
  left:48.7px;
  font-size:1rem;
  padding-left:12px;
  background-size:10.6px 10.6px;
}
.top_board .sns_box .sns_list .item .descript{
  padding:8.8px 8.8px 8.8px 10.6px;
  width: 100%;
}
.top_board .sns_box .sns_list .item .descript .txt{
  margin-right:7.8px;
  width: 100%;
}
.top_board .sns_box .sns_list .item .descript .txt .name_data{
  font-size:1.3rem;
}
.top_board .sns_box .sns_list .item .descript .txt .name_data span{
  font-size:1rem;
}
.top_board .sns_box .sns_list .item .descript .txt .post_title{
  font-size:1.1rem;
}
.top_board .sns_box .sns_list .item .descript .thumbnail{
  width:93.9px;
}

}/* max-width:1280px
======================================================================================================= */


/* Modal_style */
.top_board_modal{
  max-width:840px;
  background:#fff;
/*  display:none;*/
}
.top_board_modal .inner{
  padding:30px 40px;
}
.top_board_modal button.btn_submit,
.top_board_modal button.btn_back,
.top_board_modal button.btn_delete{
  width:160px;
  padding:0;
  font-size:1.3rem;
  font-family: 'Noto Sans JP';
  font-weight:700;
  color:#fff;
  line-height:3.8rem;
  text-align:center;
  border-radius:5px;
  cursor:pointer;
  transition-duration:0.4s;
}
.top_board_modal button.btn_submit{
  border:solid 1px #0A38B5;
  background:#0A38B5;
}
.top_board_modal button.btn_back{
  border:solid 1px #7C8395;
  background:#7C8395;
}
.top_board_modal button.btn_delete{
  color:#C22525;
  border:solid 1px #DBDBDB;
  background:#fff;
}
.top_board_modal button.btn_submit:hover{
  color:#0A38B5;
  background:#fff;
}
.top_board_modal button.btn_back:hover{
  color:#7C8395;
  background:#fff;
}
.top_board_modal button.btn_delete:hover{
  border:solid 1px #C22525;
  background:#FFDCDC;
}

/* 社員詳細情報 */
.top_board_modal.member_detail .item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
  padding:21px 24px;
  background:#F4F5F7;
}
.top_board_modal.member_detail  .item .status{
  display:flex;
  align-items:center;
}
.top_board_modal.member_detail .item .status .pin{
  width:72px;
  height:72px;
  margin-right:20px;
}
.top_board_modal.member_detail .item .status .pin a{
  display:block;
  background:url(../images/ico_pinhold_off.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board_modal.member_detail .item .status .pin.on a{
  background:url(../images/ico_pinhold.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_board_modal.member_detail .item .status .pin a img{
  opacity:0;
  transition-duration:0.4s;
}
.top_board_modal.member_detail .item .status .pin a:hover img{
  opacity:1;
}

.top_board_modal.member_detail .item .status .phtname{
  display:flex;
}
.top_board_modal.member_detail .item .status figure{
  width:80px;
  height:80px;
  margin-right:26px;
  position:relative;
  border-radius:50%;
  overflow:hidden;
}
.top_board_modal.member_detail .item .status figure::before{
  content:"";
  display:block;
  height:0;
  padding-top:100%;
}
.top_board_modal.member_detail .item .status figure img{
  max-height:100%;
  width:auto;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
}
.top_board_modal.member_detail .item .status .txt{
  width:128px;
  padding-top:5px;
}
.top_board_modal.member_detail .item .status .txt p{
  font-size:1.9rem;
  font-weight:700;
  margin-bottom:8px;
}
.top_board_modal.member_detail .item .status .txt .btnlink{
  width:75px;
  font-size:1.3rem;
  line-height:2.4rem;
}
.top_board_modal.member_detail .item .status .department{
  padding-top:11px;
  font-size:1.5rem;
}
.top_board_modal.member_detail .item .btn a{
  display:block;
  width:194px;
}
.top_board_modal.member_detail .item .btn a + a{
  margin-top:9px;
}
.top_board_modal.member_detail .detail_info{
  max-height:315px;
  margin-bottom:20px;
  overflow:auto;
  scrollbar-width:thin;
}
.top_board_modal.member_detail .detail_info::-webkit-scrollbar{
  width: 7px;
}
.top_board_modal.member_detail .detail_info::-webkit-scrollbar-track-piece{
  background: #e8e8e8;
  border-radius: 4px;
}
.top_board_modal.member_detail .detail_info::-webkit-scrollbar-thumb {
  background: #9a9a9a;
}
.top_board_modal.member_detail dl{
  padding:0 30px;
}
.top_board_modal.member_detail dt{
  float:left;
  font-size:1.4rem;
  font-weight:700;
  padding:15px 0;
}
.top_board_modal.member_detail dd{
  font-size:1.4rem;
  padding:15px 0 15px 187px;
  margin:0;
  border-bottom:solid 1px #DEDEDE;
}

/* 社員検索 ＆ ミーティング登録 */
.top_board_modal.member_search .searchform,
.top_board_modal.meeting_registration .searchform,
.top_board_modal.meeting_participant_registration .searchform{
  background:#F4F5F7;
  padding:44px 78px;
  margin-bottom:27px;
}
.top_board_modal fieldset{
  padding:0 0 0 149px;
  margin:0;
  border:none;
  position:relative;
}
.top_board_modal.member_search fieldset + fieldset,
.top_board_modal.meeting_participant_registration fieldset + fieldset{
  margin-top:24px;
}
.top_board_modal.meeting_registration fieldset + fieldset,
.top_board_modal fieldset .fielditem + .fielditem{
  margin-top:20px;
}
.top_board_modal.member_search legend,
.top_board_modal.meeting_registration legend,
.top_board_modal.meeting_participant_registration legend{
  font-size:1.4rem;
  font-weight:700;
  position:absolute;
  top:50%;
  left:0;
  transform:translateY(-50%);
}
.top_board_modal.meeting_registration legend.exception{
  top:10px;
  transform:translateY(0);
}
.top_board_modal label{
  display:inline-block;
  position:relative;
}
.top_board_modal label.radiotype{
  min-width:108px;
  margin-right:15px;
}
.top_board_modal label.checktype{
  margin-right:20px;
}
.top_board_modal label input{
  opacity:0;
  position:absolute;
  top:0;
  left:0;
}
.top_board_modal label.radiotype span,
.top_board_modal label.checktype span{
  display:inline-block;
  padding-left:35px;
  font-size:1.4rem;
  line-height:2.1rem;
  position:relative;
}
.top_board_modal label.checktype span{
  padding-left:28px;
}
.top_board_modal label.radiotype span::before,
.top_board_modal label.radiotype input:checked ~ span::after{
  content:"";
  display:block;
  border-radius:50%;
  position:absolute;
  
}
.top_board_modal label.radiotype span::before{
  width:18px;
  height:18px;
  border:solid 2px #707070;
  background:#fff;
  top:0;
  left:0;
}
.top_board_modal label.radiotype input:checked ~ span::after{
  width:14px;
  height:14px;
  background:#0A38B5;
  top:4px;
  left:4px;
}

.top_board_modal label.checktype span::before,
.top_board_modal label.checktype input:checked ~ span::after{
  content:"";
  display:block;
  position:absolute;
}
.top_board_modal label.checktype span::before{
  width:18px;
  height:18px;
  border:solid 2px #707070;
  background:#fff;
  top:0;
  left:0;
}
.top_board_modal label.checktype input:checked ~ span::after{
  width:6px;
  height:10px;
  border-right:solid 3px #0A38B5;
  border-bottom:solid 3px #0A38B5;
  top:3px;
  left:6px;
  transform:rotate(45deg);
}

.top_board_modal.member_search .select_deco,
.top_board_modal.meeting_registration .select_deco{
  width:310px;
  margin-right:0;
  font-size:1.2rem;
  border:solid 1px #DBDBDB;
  background:#fff;
  border-radius:5px;
}
.top_board_modal.meeting_registration .select_deco{
  width:130px;
  margin:0 0 0 10px;
}
.top_board_modal .select_deco::after{
  top:calc(50% - 2px);
  right:10px;
}
.top_board_modal .select_deco select{
  height:38px;
  padding:0 25px 0 10px;
}

.top_board_modal input[type="text"]{
  width:310px;
  padding:11px 10px;
  font-size:1.2rem;
  font-family: 'Noto Sans JP';
  line-height:1;
  border:solid 1px #DBDBDB;
  background:#fff;
  border-radius:5px;
}
.top_board_modal input[type="text"].dateset{
  width:130px;
}
.top_board_modal input[type="text"].timeset{
  width:90px;
}
.top_board_modal.member_search .btn{
  width:160px;
  margin:0 auto;
  position:relative;
}
.top_board_modal.meeting_registration .btn,
.top_board_modal.meeting_participant_registration form > .btn{
  display:flex;
  justify-content:space-between;
  width:340px;
  margin:0 auto;
  position:relative;
}
.top_board_modal.member_search .btn a,
.top_board_modal.meeting_registration .btn a,
.top_board_modal.meeting_participant_registration form > .btn a{
  color:#0A38B5;
}
.top_board_modal.member_search .btn a:hover,
.top_board_modal.meeting_registration .btn a:hover,
.top_board_modal.meeting_participant_registration form > .btn a:hover{
  color:#0A38B5;
  text-decoration:underline;
}
.top_board_modal.member_search .btn .outside_right,
.top_board_modal.meeting_registration .btn .outside_right,
.top_board_modal.meeting_participant_registration form > .btn .outside_right{
  width:160px;
  padding-left:25px;
  font-size:1.3rem;
  position:absolute;
  top:50%;
  left:100%;
  transform:translateY(-50%);
}

/* ミーティング参加者登録 */
/*
.top_board_modal.meeting_participant_registration .searchform{
  padding:17px 30px;
  margin-bottom:29px;
  background:#F4F5F7;
}
.top_board_modal.meeting_participant_registration .ctrl{
  display:flex;
  align-items:center;
  float:right;
}
.top_board_modal.meeting_participant_registration .ctrl p{
  font-size:1.2rem;
  margin-right:10px;
}
.top_board_modal.meeting_participant_registration .ctrl input{
  font-size:1.3rem;
  font-familt:'Noto Ssns JP';
  width:58px;
  padding:6px 9px;
  border:solid 1px #DBDBDB;
  background:#fff;
  border-radius:5px;
  margin-right:13px;
}
.top_board_modal.meeting_participant_registration .ctrl a{
  display:block;
  width:62px;
  font-size:1.1rem;
  font-weight:700;
  color:#fff;
  line-height:32px;
  text-align:center;
  background:#0A38B5;
  border-radius:5px;
}
.top_board_modal.meeting_participant_registration .item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 0;
  border-bottom:solid 1px #DEDEDE;
}
.top_board_modal.meeting_participant_registration .item fieldset{
  width:175px;
  padding:0;
  margin:0;
}
.top_board_modal.meeting_participant_registration .item fieldset:nth-child(3){
  width:209px;
}
.top_board_modal.meeting_participant_registration .item fieldset legend{
  float:left;
  font-size:1.4rem;
  font-weight:700;
  margin-right:10px;
  padding:10px 0 0 5px;
  position:relative;
}
.top_board_modal.meeting_participant_registration .item .select_deco{
  width:130px;
  border:solid 1px #DBDBDB;
  background:#fff;
  border-radius:5px;
  font-size:1.2rem;
}
.top_board_modal.meeting_participant_registration .item .select_deco.wide{
  width:148px;
}
.top_board_modal.meeting_participant_registration .item .select_deco select{
  height:38px;
}
.top_board_modal.meeting_participant_registration .item .btn{
  display:flex;
  width:58px;
}
.top_board_modal.meeting_participant_registration .item .btn a{
  display:block;
  width:24px;
  height:24px;
}
.top_board_modal.meeting_participant_registration .item .btn a + a{
  margin-left:10px;
}
*/

/* ミーティング登録（完了） */
.top_board_modal.meeting_registration_complete .screen{
  position:relative;
  margin-bottom:28px;
  background:#F4F5F7;
}
.top_board_modal.meeting_registration_complete .screen::before{
  content:"";
  display:block;
  height:0;
  padding-top:53.9%;
}
.top_board_modal.meeting_registration_complete .screen p{
  font-size:1.4rem;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
}
.top_board_modal.meeting_registration_complete .btn{
  width:160px;
  margin:0 auto;
}

/* ショートメッセージ */
.top_board_modal.shortmessage .timeline{
  height:320px;
  margin-bottom:16px;
  background:#CCD4E3;
  overflow:auto;
  scrollbar-width:thin;
}
.top_board_modal.shortmessage .timeline::-webkit-scrollbar{
  width: 7px;
}
.top_board_modal.shortmessage .timeline::-webkit-scrollbar-track-piece{
  background: #e8e8e8;
  border-radius: 4px;
}
.top_board_modal.shortmessage .timeline::-webkit-scrollbar-thumb {
  background: #9a9a9a;
}

.top_board_modal.shortmessage .timeline ul{
  padding:10px 20px;
}
.top_board_modal.shortmessage .timeline li{
  width:565px;
  position:relative;
}
.top_board_modal.shortmessage .timeline li + li{
  margin-top:12px;
}
.top_board_modal.shortmessage .timeline li .btn{
  width:74px;
  padding-left:10px;
  position:absolute;
  top:24px;
  left:100%;
}
.top_board_modal.shortmessage .timeline li.member{
  float:left;
}
.top_board_modal.shortmessage .timeline li.own{
  float:right;
}
.top_board_modal.shortmessage .timeline li .to, .top_board_modal.shortmessage .timeline li .from{
  font-size:1.2rem;
}
.top_board_modal.shortmessage .timeline li.member .to, .top_board_modal.shortmessage .timeline li.own .from{
  text-align:right;
}
.top_board_modal.shortmessage .timeline li .message{
  min-height:75px;
  padding:12px 15px;
  margin:6px 0 3px;
  font-size:1.2rem;
  background:#fff;
  border-radius:5px;
}
.top_board_modal.shortmessage .timeline li.member .message{
  background:#C7E3F7;
}
.top_board_modal.shortmessage .timeline li.member .message.group_session_msg{
  background:green;
  color:#fff;
}
.top_board_modal.shortmessage .timeline li.member .message.work_flow_msg{
  background:rgb(0, 140, 255);
  color:#fff;
}


.top_board_modal.shortmessage .messageform{
  display:flex;
  margin-bottom:19px;
}
.top_board_modal.shortmessage fieldset{
  padding:0;
}
.top_board_modal.shortmessage fieldset + fieldset{
  margin-left:25px;
}
.top_board_modal.shortmessage legend{
  font-size:1.4rem;
  font-weight:700;
  margin-bottom:7px;
  position:static;
}
.top_board_modal.shortmessage .pulldown_like_deco{
  width:150px;
  position:relative;
}
.top_board_modal.shortmessage .pulldown_like_deco::after{
  content:"";
  display:block;
  width:11px;
  height:6px;
  background:url(../images/arrow_pulldown.png) no-repeat 50% 50%;
  background-size:contain;
  position:absolute;
  top:calc(50% - 1px);
  right:10px;
  z-index:10;
}
.top_board_modal.shortmessage .pulldown_like_deco .text{
  display:block;
  width:150px;
  padding:10px 25px 10px 10px;
  font-size:1.2rem;
  border:solid 1px #DBDBDB;
  background:#fff;
  border-radius:5px;
  position:relative;
  z-index:5;
}
.top_board_modal.shortmessage .messageform textarea{
  width:565px;
  height:75px;
  padding:11px 10px;
  font-size:1.2rem;
  font-family: 'Noto Sans JP';
  line-height:1.4;
  border:solid 1px #DBDBDB;
  background:#fff;
  border-radius:5px;
}
.top_board_modal.shortmessage form > .btn{
  width:740px;
  text-align:right;
}

/* ミーティング予約一覧 */
.top_board_modal.meeting_reservation .itemlist{
  background:#F4F5F7;
  padding:19px 30px 38px;
  margin-bottom:10px;
}
.top_board_modal.meeting_reservation .itemlist .item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:7px 0;
  border-bottom:solid 1px #DEDEDE;
}
.top_board_modal.meeting_reservation .itemlist .item .no{
  font-size:1.4rem;
  font-weight:700;
}
.top_board_modal.meeting_reservation .itemlist .item .title{
  font-size:1.4rem;
}
.top_board_modal.meeting_reservation .itemlist .item .namedate{
  font-size:1.3rem;
}
.top_board_modal.meeting_reservation .itemlist .item .btn{
  display:flex;
}
.top_board_modal.meeting_reservation .itemlist .item .btn a{
  display:block;
  width:110px;
  font-size:1.2rem;
  font-weight:700;
  line-height:3.5rem;
  color:#fff;
  text-align:center;
  background:#58636F;
  border-radius:5px;
  transition-duration:0.4s;
}
.top_board_modal.meeting_reservation .itemlist .item .btn a.delete{
  background:#98A4B1;
}
.top_board_modal.meeting_reservation .itemlist .item .btn a:hover{
  background:#2d2d2d;
}
.top_board_modal.meeting_reservation .itemlist .item .btn a.delete:hover{
  background:#333;
}
.top_board_modal.meeting_reservation .itemlist .item .btn a + a{
  margin-left:15px;
}
.top_board_modal.meeting_reservation .paging{
  display:flex;
  justify-content:space-between;
  margin-bottom:17px;
}
.top_board_modal.meeting_reservation .paging .prev, .top_board_modal.meeting_reservation .paging .next{
  padding:0 17px;
  position:relative;
}
.top_board_modal.meeting_reservation .paging .prev::before, .top_board_modal.meeting_reservation .paging .next::before{
  content:"";
  display:block;
  width:6px;
  height:6px;
  border-top:solid 2px #0A38B5;
  border-left:solid 2px #0A38B5;
  position:absolute;
}
.top_board_modal.meeting_reservation .paging .prev::before{
  top:calc(50% - 2px);
  left:2px;
  transform:rotate(-45deg);
}
.top_board_modal.meeting_reservation .paging .next::before{
  top:calc(50% - 2px);
  right:2px;
  transform:rotate(135deg);
}
.top_board_modal.meeting_reservation .paging a{
  font-size:1.3rem;
  color:#0A38B5;
}
.top_board_modal.meeting_reservation .paging a{
  color:#0A38B5;
  text-decoration:underline;
}
.top_board_modal.meeting_reservation .inner > .btn{
  width:160px;
  margin:0 auto;
}

/* 在席状態 */
.top_board_modal.attendance_status{
  width:220px;
  background:#fff;
  border-radius:5px;
  box-shadow:0 3px 6px rgba(0,0,0,0.16);
  position:absolute;
  top:calc(100% + 4px);
  left:0;
}
.top_board_modal.attendance_status .inner{
  padding:22px 30px;
}
.top_board_modal.attendance_status .items{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:8px;
}
.top_board_modal.attendance_status .items li{
  margin:0 0 16px;
}
.top_board_modal.attendance_status label{
  cursor:pointer;
}
.top_board_modal.attendance_status label span{
  position:relative;
  opacity:0.3;
  transition-duration:0.4s;
}
header .inner .personal_status .personal_info .top_board_modal.attendance_status label span.btnlink{
  margin:0;
}
.top_board_modal.attendance_status label input:checked ~ span{
  opacity:1;
}
.top_board_modal.attendance_status label:hover span{
  color:#fff;
  opacity:1;
}
.top_board_modal.attendance_status label:hover span.btnlink.able{
  border-color:#4EA2C1;
  background-color:#4EA2C1;
}
.top_board_modal.attendance_status label:hover span.btnlink.enable{
  border-color:#BA1825;
  background-color:#BA1825;
}
.top_board_modal.attendance_status label:hover span.btnlink.meeting{
  border-color:#D6A215;
  background-color:#D6A215;
}
.top_board_modal.attendance_status label:hover span.btnlink.offline{
  border-color:#3D3E3E;
  background-color:#3D3E3E;
}
.top_board_modal.attendance_status .btn{
  width:160px;
  margin:0 auto;
}

/* メッセージ */
.top_board_modal.specialmessage .inner{
  padding:30px 40px 38px;
}
.top_board_modal.specialmessage .message_txt_outer{
  padding:20px 55px 38px;
  background:#CCD4E3;
}
.top_board_modal.specialmessage .message_txt_inner{
  max-height:700px;
  padding:15px 10px;
  background:#fff;
  overflow:auto;
  scrollbar-width:thin;
}
.top_board_modal.specialmessage .message_txt_inner p{
  font-size:1.4rem;
/*  line-height:2;*/
}
.top_board_modal.specialmessage .message_txt_inner::-webkit-scrollbar{
  width: 7px;
}
.top_board_modal.specialmessage .message_txt_inner::-webkit-scrollbar-track-piece{
  background: #e8e8e8;
  border-radius: 4px;
}
.top_board_modal.specialmessage .message_txt_inner::-webkit-scrollbar-thumb {
  background: #9a9a9a;
}
.top_board_modal.specialmessage .author{
  text-align:right;
  font-size:1.4rem;
  font-weight:700;
  margin-bottom:5px;
}


/* 経営者メッセージ */
.top_board_modal.presidentmessage .inner{
  padding:30px 40px 38px;
}
.top_board_modal.presidentmessage .message_txt_outer{
  padding:23px 55px;
  background:#CCD4E3;
}
.top_board_modal.presidentmessage .message_txt_outer h2{
  font-size:1.4rem;
  font-weight:700;
  text-align:center;
  margin-bottom:15px;
}
.top_board_modal.presidentmessage .message_txt_outer h3{
  font-size:1.4rem;
  font-weight:700;
  padding:20px 10px;
  margin-bottom:10px;
  background:#fff;
}
.top_board_modal.presidentmessage .message_txt_inner{
  max-height:620px;
  padding:15px 10px;
  background:#fff;
  overflow:auto;
  scrollbar-width:thin;
}
.top_board_modal.presidentmessage .message_txt_inner p{
  font-size:1.4rem;
/*  line-height:2;*/
}
.top_board_modal.presidentmessage .message_txt_inner::-webkit-scrollbar{
  width: 7px;
}
.top_board_modal.presidentmessage .message_txt_inner::-webkit-scrollbar-track-piece{
  background: #e8e8e8;
  border-radius: 4px;
}
.top_board_modal.presidentmessage .message_txt_inner::-webkit-scrollbar-thumb {
  background: #9a9a9a;
}

.top_board_modal:not(.meeting_reservation) .paging{
  text-align:center;
  margin:25px 0 0;
}
.top_board_modal:not(.meeting_reservation) .paging a, .top_board_modal .paging a:visited,
.top_board_modal:not(.meeting_reservation) .box .paging span{
  display:inline-block;
  min-width:22px;
  border:solid 1px #DDDEDE;
  background:#fff;
  font-size:1rem;
  font-weight:700;
  text-align:center;
  padding:4px 6px;
  margin:0 8px;
  transition-duration:0.4s;
}
.top_board_modal:not(.meeting_reservation) .paging a:hover{
  opacity:0.7;
}
.top_board_modal:not(.meeting_reservation) .paging .current{
  background:#F4F5F7;
}
.top_board_modal:not(.meeting_reservation) .paging .prev,
.top_board_modal:not(.meeting_reservation) .paging .next{
  width:98px;
}
.top_board_modal:not(.meeting_reservation) .paging .prev::before,
.top_board_modal:not(.meeting_reservation) .paging .next::after{
  content:"";
  display:inline-block;
  width:4px;
  height:4px;
  vertical-align:0.07em;
}
.top_board_modal:not(.meeting_reservation) .paging .prev::before{
  margin-right:2px;
  border-top:solid 2px #000;
  border-left:solid 2px #000;
  transform:rotate(-45deg);
}
.top_board_modal:not(.meeting_reservation) .paging .next::after{
  margin-left:2px;
  border-top:solid 2px #000;
  border-right:solid 2px #000;
  transform:rotate(45deg);
}



/* パスワードの再設定のモーダル */
.iziModal .formbox {
  padding:40px 100px 60px;
  background:#fff;
  border-radius:5px;
  box-shadow:0 0 5px rgba(0,0,0,0.2);

}

.modal-title {
  font-size: 2.4rem;
  text-align: center;
}

.iziModal .error {
  display: block;
  color:#B92020;
  text-align:center;
  margin: 25px 0;
}

.iziModal legend{
  position:static;
  font-size:1.3rem;
  color:#1d1d1d;
  margin-top: 10px;
  margin-bottom:6px;
  padding:0;
}

.iziModal input[type="password"] {
  width: 100%;
  border:solid 1px #8E8E8E;
  border-radius:7px;
  font-size:1.6rem;
  padding:9px 10px;
}

.modal-btn-section {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}

.modal-btn {
  width: 40%;
  padding: 9px 0;
  font-family: 'Noto Sans JP';
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  border: solid 1px #0A38B5;
  background: #0A38B5;
  border-radius: 7px;
  margin: 10px;
}

.modal-btn:hover {
  color:#0A38B5;
  background:#fff;
}

.modal-btn:disabled {
  color:#7886b6;
  background:rgb(165, 167, 172);
}

/* 本日の気分 */

.kibun-section {
  text-align: center;
}

.kibun-section input[type="radio"] {
  visibility: hidden;
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
  outline: 2px solid #f00;
}

.kibun-upper {
  display: flex;
  justify-content: space-between;
}

.kibun-title {
  text-align: left;
  margin: 10px 0;
}

.kibun-title-upper {
  margin-bottom: 10px;
}

.kibun-prompt {
  color: red;
  display: inline;
  margin: 20px 0;
}

.kibun-select {
  display: flex;
}

.kibun-img {
  margin-left: 5px;
  margin-right:5px;
  background-color: #c4f3fd;
  width: 100px;
}

.temp-input {
  display: block;
  text-align: left;
  margin-bottom: 30px;
}

.kibun-temp {
  border:solid 1px #8E8E8E;
  border-radius:7px;
  font-size:1.6rem;
  padding:9px 10px;
  width: 20%;
  margin: 10px 7px 0 25px;
}

.kibun-temp::-webkit-inner-spin-button,
.kibun-temp::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

/* Bulletin board tabs */

.category-tab-bar {
  width: 100%;
  /* justify-content: right; */
  font-size: 9px;
  border-bottom: solid 1px #D6D6D6;
  margin-bottom: 9px;
}

.category-tab-bar ul {
  display: flex;
  width: 100%;
}

.bulletin-board-tab {
  width: calc(12.1587%);
  position: relative;
  overflow: hidden;
  text-overflow: clip;
  /* margin-right: 5px; */
  background-color: #F4F5F7;
  border-radius: 5px 5px 0 0;
  margin-right: 0.39%;
}

.bulletin-board-tab:hover:not(.active) {
  box-shadow:0 1px 5px #ccc;
  cursor: pointer;
  z-index:50;
}

.bulletin-board-tab:hover:not(.active) p {
   cursor: pointer;
}

.category-name-box {
  width: 180px;
  overflow: hidden;
  text-overflow: clip;
  left: 12px;
  top: 5px;
  position: absolute;
  z-index: 3;
}

.category-name {
  display: inline-block;
  width: 180px;
}

.bulletin-board-button {
  
    width: 100%;
    /* transform: skew(-30deg); */
    z-index: -1;
    font-size: 9px;
    border: none;
    background: inherit;
    color: inherit;
    font-weight: inherit;
    
}

.bulletin-board-button p {
  padding: 9px 6px;
  font-size: 9px;
  background: inherit;
  color: inherit;
  font-weight: inherit;
}

.bulletin-board-tab.active {
  color: #fff;
  font-weight: bold;
  background: #0A38B5;z-index: 2;
}

@media screen and (max-width: 1920px) {
  .bulletin-board-button p {
      display: block;
      padding: 0.73vw 0.52vw;
      font-size: 0.73vw;
  }
}

/* 社内SNS */

.online-num {
  display: flex;
  color: greenyellow;
}

.online-maru {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: greenyellow;
}

.poster, .poster-group {
  width: 10%;
  height: 30px;
  border: solid black 1px;
}

.sns-row {
      display: flex;
    align-items: center;
    padding: 10px 16px 10px 20px;
    justify-content: space-between;
}

.row-thumbnail {
  width: 10%;
  height: 30px;
  border: solid black 1px;
}

.row-info {
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: end;
  background-color: #d0eff7;
  border-radius: 15px;
}

.top-section {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px;
} 

.top-section h1 {
    font-size: 2.2rem;
}

.base-btn {
    cursor: pointer;
    border: solid black 1px;
    background-color: #3679dd;
    color: white;
    border-radius: 10px;
    width: 100px;
    height: 30px
}

.base-btn:hover {
    background-color: #67a5c2;
}

.sns-container {
  width: calc(100% - 40px);
  padding: 20px;
}

.sns-inner {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  align-items: center;
}

.sns-group {
  width: 300px;
  border: solid black 1px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.group-top, .side-top {
  width: calc(100% - 20px);
 border-bottom: 1px black solid;
 padding: 10px;
 display: flex;
 justify-content: space-around;
}

.sns-group-bottom {
  width: 100%;
    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sns-group-footer {
  width: 100%;
  display: flex;
  justify-content: center;
}

.post-group {
  width: 80%;
  display: flex;

  flex-wrap: wrap;
}

.poster-group {
  width: calc(50% - 2px);
}

.sns-group-modal, .comment-modal {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
}

.sns-group-modal-inner, .comment-modal-inner {
  width: 400px;
  height: 400px;
  background-color: #bee2eb;
  border: black solid 1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

.search-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.search-grid-section1 { grid-area: 1 / 1 / 2 / 2; }
.search-grid-section2 { grid-area: 1 / 2 / 2 / 3; }
.search-grid-section3 { grid-area: 2 / 1 / 3 / 2; }
.search-grid-section4 { grid-area: 2 / 2 / 3 / 3; }
.search-grid-section5 { grid-area: 3 / 1 / 4 / 2; }
.search-grid-section6 { grid-area: 3 / 2 / 4 / 3; }
.search-grid-section7 { grid-area: 3 / 3 / 4 / 4; }

.button-area {
  width: 80%;
  display: flex;
  justify-content: space-evenly;
}

/* SNS group */
.group-container {
  width: calc(100% - 42px);
  height: calc(100% - 42px);
  margin: 20px;
  display: flex;
  border: 1px solid black;
}

.side-area {
  width: 20%;
  height: 100%;
}
.side-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.photos {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}

.photo {
  width: 30%;
  height: 50px;
  border: 1px solid black;
  margin: 5px;
}

.main-content-area {
  border-left:black solid 1px;
  width: 80%;
    display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0 0;
}

.content-top {
  width: 96%;
  border: 1px solid black;
  background-color: #bee2eb;
}

.photos-main {
  display: flex;
  width: 100%;
  justify-content: center;
}

.big-photo {
  width:200px;
  height: 100px;
  border: 1px solid black;
}

.comments {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.seen-section {
  width: 100%;
  display: flex;
  justify-content: right;
}