@charset "UTF-8";

p {margin-bottom:25px;}

/*--swiper関連記事背景--*/
.swiper-w100per {
width:100%;
min-height:150px;
padding:20px 0px 10px 0;
background:#e9e7da;
text-align:center;
}
@media only screen and (max-width:641px) {
.swiper-w100per {
min-height:auto;
}
}
/*--▼swiper-img--*/
.swiper-slide img {
width:92%;
height:auto;
/*max-width:100px;*/
max-height:160px;
overflow:hidden;
background:#fff;
filter: drop-shadow(0px 3px 4px #6b6f8d);
padding:6px 4% 6px 4%;
margin-bottom:10px;
}
@media only screen and (max-width:641px) {
.swiper-slide img {
width:100%;
max-width:100px;
max-height:100px;
filter: drop-shadow(0px 2px 3px #6b6f8d);
padding:2px 2px 2px 2px;
margin-bottom:7px;
}
}
.swiper-button-prev, .swiper-button-next {display: block;}
.swiper-pagination {text-align:center;}
/*--swipe--*/


/*--3列displaytable2021--*/
.t-out {
display:table;
width:100%;
/*margin:0 0 20px 0;*/
}
.t-in {display:table-cell;
width:32%;
margin:0;
padding:8px;
border:1px solid #0099ff;
color:#555;
}
.t-m {
display:table-cell;
width:2%;
}
@media only screen and (max-width:641px) {
.t-out, .t-in, .t-m {width:100%; display:block;}
.t-out {margin:0px 0px 20px 0px auto;}
.t-m {height:15px;}
}
/*--3列displaytable2021--*/

/*--3列displaytable2-2021--*/
.t-out-2 {
display:table;
width:100%;
}
.t-in-2 {display:table-cell;
width:32%;
margin:0;
color:#0099ff;
}
.t-m-2 {
display:table-cell;
width:2%;
}
@media only screen and (max-width:641px) {
.t-out-2, .t-in-2, .t-m-2 {width:100%; margin:0 auto; display:block;}
.t-out-2 {margin:0px 0px 20px 0px;}
.t-m-2 {height:15px;}
}
/*--3列displaytable2-2021--*/


/*--記事見出し--*/
/*--共通--*/
.bg-icon-earth, .bg-icon-wrench, .bg-icon-company, .bg-icon-rec {
border-top:1px solid #0099ff;
border-bottom:1px solid #0099ff;
padding:0px 0px 0px 0px;
min-height:70px;
position:relative;
display: flex; /*v-align-center*/
align-items: center; /*v-align-center*/
}
/*--ie11対策--*/
_:-ms-lang(x)::-ms-backdrop, .bg-icon-earth, .bg-icon-wrench, .bg-icon-company, .bg-icon-rec {
width:100%;
/*display: table-cell;*/
vertical-align: middle;
height: 70px;
}
@media only screen and (max-width:641px) {
.bg-icon-earth, .bg-icon-wrench, .bg-icon-company, .bg-icon-rec {min-height:85px;}
}
/*--bg地球--*/
.bg-icon-earth {background: url("img/icon-earth.png") no-repeat center right / auto 90%;}
/*--bgビル--*/
.bg-icon-company {background: url("img/icon-company.png") no-repeat bottom right / auto 95%;}
/*--bg握手--*/
.bg-icon-rec {background: url("img/icon-rec.png") no-repeat center right / auto 90%;}
/*--bgレンチ--*/
.bg-icon-wrench {background: url("img/icon-wrench.png") no-repeat center right / auto 90%;}

/*--▼コメント関連--*/
/*過去log-box*/
.comment-box {
border:2px solid #ccc;
padding:10px;
margin:0 0 20px 0;
}
/*--不明-表示されていない--*/
.thread-even {
background:darkseagreen;
padding:1px 0 4px 0;
margin:0 0 0px 0;
}
/*▼コメント単位*/
.comment {
border-bottom:2px dotted #c71585;
padding:0px 0;
margin:10px 0;
background:#fff;
}
/*--▼コメント単位-奇数--*/
.even {
padding:4px 0;
margin:4px 0;
background:#f4f4f4;
}
/*--▼コメント最後--*/
.comment:last-child {
background:#c4c4c4;
border-bottom:none;
}
/*--▼コメント日時--*/
.comment-meta {
padding:0!important;
margin:0 0 8px 0!important;
}
.comment-meta a {
text-decoration:none;
color:#336666;
}
.commentmetadata {
padding:0;
margin:0;
font-size:0.8em;
text-align:right;
color:#888;
}
/*▼commentの最も内側*/
.comment-body {
padding:0;
margin:0;
/*background:beige;*/
}
/*commentの最も内側-P--*/
.comment-body p {
padding-bottom:16px;
/*background:#fff;*/
}

/*--▼過去log投稿者名前--*/
.fn {
padding:0;
margin:0 0 6px 0;
/*background:tan;*/
font-size:1.1em;
font-weight:bold;
font-style:normal;
}
/*--▼ ●●より--*/
.says{
display: inline-block;
/*background:tan;*/
margin:0 0 6px 0;
padding:0;
font-size:0.8em;
}

.comment even {
padding:0!import;
margin:0!import;
background:#ccc;
}
.thread-even {
padding:0;
margin:0;
}
.depth-1 {
padding:0;
margin:0;
}

/*--不明-非表示--*/
.reply, .comment-reply-link {
background:#cc0066;
padding:1px 2px;
border-radius:2px;
color:#fff;
display:inline-block;
display:none;
}

/*▼コメント返信BOX*/
.comment-respond {
width:100%;
padding:10px;
border: solid 2px #bbb;
margin:0 0 20px 0;
background:#e9eeee; /*薄青*/
}
/*--投稿欄--*/
.comment-respond #comment {
display: block;
border: solid 2px #ccc;
background:lavender;
padding:3px;
margin-bottom:20px;
width:100%;
}
/*--投稿者お名前-入力欄--*/
.comment-respond #author {
display: block;
border: solid 2px #ccc;
background-color: #e4e4e4;
padding:12px 3px;
margin-bottom:20px;
width:100%;
}
/*--コメント送信btn--*/
.comment-respond #submit {
display: inline-block;
padding: 8px 18px;
border-radius: 4px;
border:none;
font-size: 1.1em;
margin-bottom : 10px;
background:#75aeb0;
color: #fff;
}

/*--非表示--*/
#email-notes {display:none;}
.required {display:none;}
.comment-form-email {display:none;}
.comment-form-url {display:none;}
.comment-form-cookies-consent {display:none;}

/*不明-非表示*/
.trim-comment {
border:2px solid #ccc;
padding:3px;
margin:0px 0px 20px 0px;
display:none;
}
.trim-comment p {}
.comment-lists-wrap {
border:2px solid #ccc; 
padding:3px;
background:skyblue;
display:none;
}

.comment-lists-wrap ol li.even {
border-bottom: 1px solid  navy;
}
/*▲不明-非表示*/

.comment-form-email {display:none;}
#email-notes {display:none;}

/*#email {display:hidden;}*/
/*#comment_post_ID {display:none;}*/
.url {text-decoration:none;}
/*▼Mailアドレスが公開されることはありません*/
.comment-notes {display:none;}

/*▼コメントを残す-見出し本体*/
#reply-title {
margin:0 0 10px 0;
padding:0;
display:inline;
}

/*▼コメントを残す*/
.comment-reply-title {
margin:0;
padding:0;
display:inline;
}

/*.submit {
background:#000;
font-size:1.1em;
border:2px solid #626262; margin:2px 0;
padding:2px 8px;
display: block;
display:none;
}
.submit hover {
cursor:pointer;
color:#888;
}*/

/*--▼PDF--*/
.rel-pdf {
position:relative;
z-index:21;
display:block;
border:4px solid #000;
}
.abs-pdf {
position: absolute;
z-index:22;
top:35%;
bottom: 35%;
left:35%;
right:35%;
width:30%;
/*height:30px;*/
display:block;
}

.w-100per, .w-100per img{
width:100%;
height:auto;
}



/*--▼flex-grow-01--*/
.flex-grow-01 .card {
display: flex;
flex-wrap: wrap;
margin:0%;
padding:0;
background:#f8f8f8;
text-align:center;
justify-content:center; /*水平方向の位置*/
}
/*--box単位--*/
.flex-grow-01 .card .item {
width: 32%;
padding:2% 2% 1% 2%;
margin:0 2% 3% 0;
background:pink;
}
.flex-grow-01 .card .item:nth-child(3n + 0){
margin:0 0% 3% 0;
}
/*--▼BOX単位レスポンシブ設定--*/
@media only screen and (max-width:769px) {
.flex-grow-01 .card .item {
width: 48%;
padding: 10px 2%;
margin:0 4% 3% 0;
}
.flex-grow-01 .card .item:nth-child(3n + 0){margin:0 2% 3% 0;}
.flex-grow-01 .card .item:nth-child(2n + 0){margin:0 0% 3% 0;}
.flex-grow-01 .card .item:last-child {margin:0 0% 3% 0;}
}
@media only screen and (max-width:400px) {
.flex-grow-01 .card .item {
width: 100%;
margin;0px 0%;
}
.flex-grow-01 .card .item {margin:0 0% 3% 0;}
}
/*--▲BOX単位レスポンシブ設定--*/

.flex-grow-01 .card .item a{
display: flex;
flex-direction: column;
height: 100%;
}
.flex-grow-01 .ttl, .txt, .btn {
margin: 5px 0 15px;
padding: 10px;
background: #fff;
}
.flex-grow-01 .card .item .ttl{
height:1.8em;
overflow:hidden;
/*flex-grow: 1;*/
}
.flex-grow-01 .card .item .txt{
flex-grow: 1;
}
.flex-grow-01 .card .btn {
margin-top: auto;
}
/*--img設定--*/
.flex-grow-01 .card .item img {margin:8px auto;}