@charset "UTF-8";

/* blog */
.blog_index .btn_link { margin-bottom: 50px; }
.blog-wrap .-catch { position: relative; }
.blog-wrap .-catch img { margin-bottom: 10px; }
.blog-wrap .-catch .-cat a {text-align: center; position: absolute; color: #fff; background-color: #0f68bc;}
.blog-wrap .-time { font-size: 10px; margin-bottom: 15px; }
.blog-wrap .-title { font-size: 14px; font-weight: bold; min-height: 4em; margin-bottom: 15px; }
.pagination{text-align: center;}
.pagination li{display: inline-block;margin: 2px 2px;}
.pagination li a ,.pagination li span{display: block; color: #FFF;}
.pagination li a{background: #cccccc;}
.pagination li span{background: #999999;}
.pagination li a:hover{background: #666; text-decoration: none;}
.category-list{display:flex; justify-content:space-between; flex-wrap:wrap;}
.category-list li a{color: #FFF; display: block; padding:4%; text-align: center; box-sizing: border-box; border: 1px solid #0f68bc; width: 100%; background: #0f68bc; border-radius:4px;}
.blog-list .-catch { position: relative; }
.blog-list .-catch img { margin-bottom: 10px; }
.blog-list .-cat a {text-align:center; color: #fff; background-color: #0f68bc;}
.blog-list .-catch .eye-catch {
    display: block;
    width: 100%;
    height: 200px;
    margin-bottom: 4px;
}
.blog-list .-catch .eye-catch:hover {
    opacity: 0.6;
}
.blog-list .-catch .eye-catch img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 769px) {
.blog_index{background:url(../img/common/bg_st2.png) repeat , url(../img/common/bg_wave01.png) no-repeat left bottom;}
.blog_index .container{padding: 50px 0;}
.blog_index .sec-title { padding-top: 30px; }
.blog-wrap .-catch .-cat, .blog-wrap .-time { font-size: 12px; }
.blog-wrap .-catch .-cat { text-align: center; }
.blog-wrap .-title { font-size: 18px; }
.blog-wrap .-catch .-cat a{padding:2px 10px; font-size: 14px; bottom:-5px; right:5%;}
.blog_index .btn_link { margin-bottom: 120px; }
.blog_category .container{padding: 10px 0 40px;}
.pagination{margin:0 0 80px;}
.pagination li a ,.pagination li span{padding: 8px 20px;}
.category-list{width:90%; max-width:710px; margin:0 auto;}
.category-list li{width:32%; margin-bottom:10px;}
.category-list li a:hover{background: #FFF; color: #0f68bc; text-decoration:none;}
.blog-list {display:flex; justify-content:left; margin-bottom:30px; flex-wrap:wrap;}
.blog-list-item { width: 30%; margin-right:5%;}
.blog-list-item:nth-child(3n){margin-right:0;}
.blog-list .-cat, .blog-list .-time { font-size: 12px; }
.blog-list .-cat {text-align: center; }
.blog-list .-title {font-size: 16px; margin: 15px 0;}
.blog-list .-time {font-size: 14px;margin-bottom: 10px;display: inline-block;}
.blog-list .-office {display: inline-block;}
.blog-list .-cat a{padding:2px 10px; font-size: 14px; bottom:-5px; right:5%; position: absolute; border: 1px solid #0f68bc;}
.blog-list .-cat a:hover{background: #FFF; color: #0f68bc; text-decoration:none; text-decoration:none;}
}
@media (max-width: 768px) {
.blog-list-item_sp{display:flex; justify-content:space-between; margin-bottom:15px;}
.blog-list{margin-bottom:30px;}
.blog-list .-thumb{width:45%;}
.blog-list .-txt{position:relative; width:50%;}
.blog-list .-time {font-size: 10px;margin-bottom:5px;display: inline-block;}
.blog-list .-office{display: inline-block;}
.blog-list .-cat a{padding:2px 10px; font-size: 11px; width:100%; margin-bottom:5px; display:block;}
.blog-list .-title { font-size:12px;}
.category-list{margin-bottom:30px;}
.category-list li{width:48%; margin-bottom:10px;}
.pagination li a ,.pagination li span{padding: 8px 20px;}
}


/* ブログ詳細 */
.post_roll{width: 90%; max-width: 900px; margin: 20px auto; }
.post_header .cat a{border-radius:4px; background:#0f68bc; color:#FFF; display:block; text-align:center; border: 1px solid #0f68bc;}
.post_sns{margin: 20px auto 40px;}
.post_sns li{line-height: 20px; display: inline-block; vertical-align: top;}
.post h2{background:linear-gradient(0deg,#ffec70 0%,#ffec70 12%,#FFF 12%,#FFF 100%); display:inline;}
.post h3{background:#f5f5f5;}
.post h4{color:#0f68bc;}
.post table{width:100%;}
.post table th{color:#2c749c;}
.post a{text-decoration:underline !important;}
.post a:hover{text-decoration:none !important;}
.post ul ,.post ol{padding:0; list-style-type:none; counter-reset: my-counter;}
.post ul li ,.post ol li{padding:0; position:relative;}
.post ul li::before{content: '●'; display: inline-block; vertical-align:top; color:#f79824;}
.post ol li:before {content: counter(my-counter); counter-increment: my-counter; background-color: #76b041; color: #FFF;
  display: block; position:absolute; text-align: center; border-radius: 50%;}

@media (max-width: 768px) {
.post_roll{width:100%; margin:0 auto 20px;}
.post_roll h1{font-size: 16px;}
.post_sns{margin: 15px auto;}
.post_sns li{vertical-align:top;}
.post_header{margin: 0 0 5px;}
.post_header .cat{display:inline-block;}
.post_header .cat a{display:inline-block; padding:2px 10px; font-size:8px; margin-bottom:10px;}
.post_header .time{font-size: 14px; color:#757575;}
.post{margin: 0 0 60px;}
.post h2{font-size: 16px;}
.post h3{font-size: 15px; padding:10px; margin:30px 0;}
.post h4{font-size: 15px; margin:30px 0;}
.post p{font-size: 12px; margin: 0 0 30px;}
.post table{border-top:1px solid #2c749c; border-left:1px solid #2c749c; border-right:1px solid #2c749c; font-size:12px; margin:20px 0;}
.post table th{border-bottom:1px solid #2c749c; background:#f5f5f5;}
.post table td{border-bottom:1px solid #2c749c;}
.post table th, .post table td{padding:10px 15px; display:block;}
.post ul{margin:20px 0;}
.post ul li{margin-bottom:10px;}
.post ul li::before{font-size:6px; line-height:1.8; margin-right:10px;}
.post ol{margin:20px 0;}
.post ol li{padding-left:15px; margin-bottom:10px;}
.post ol li:before{height:9px; width:9px; line-height:9px; top:4px; left:0; margin-right:10px; font-size:4px;}
.post_style .foot-contact{margin-bottom:50px;}
.single_foot .container{padding:0 0 50px; }
.single_foot .btn_link{display:none;}
.blog-list-item{display:none;}
}
@media (min-width: 769px) {
.post_roll h1{font-size:36px;}
.post_header{overflow: hidden; margin: 0 0 20px;}
.post_header .cat a{padding:5px 20px; min-width:180px; font-size:15px;}
.post_header .cat a:hover{background: #FFF; color: #0f68bc; text-decoration:none; text-decoration:none;}
.post_header .cat{float: left; width: auto; margin-right: 1%;}
.post_header .time{float: right;}
.post{margin: 0 0 100px;}
.post h2{font-size:30px;}
.post h3{font-size:24px; padding:20px; margin:40px 0;}
.post h4{font-size:22px; margin:40px 0;}
.post p{margin: 0 0 60px;}
.post table th, .post table td{border:1px solid #2c749c; padding:20px 30px;}
.post table th{color:#2c749c;}
.post table tr:nth-child(odd) th, .post table tr:nth-child(odd) td{background:#f5f5f5;}
.post ul{margin:40px 0;}
.post ul li{margin-bottom:10px;}
.post ul li::before{font-size:8px; line-height:2.4; margin-right:20px;}
.post ol{margin:40px 0;}
.post ol li{padding-left:30px; margin-bottom:10px;}
.post ol li:before{height:18px; width:18px; line-height:18px; top:3px; left:0; margin-right:10px; font-size:8px;}
.post_style .foot-contact-tel , .post_style .foot-contact-tel .-tel{margin-bottom:-50px;}
.single_foot{background:url(../img/common/bg_st2.png), url(../img/common/bg_wave01.png) no-repeat left 100%; margin-top:-100px; padding:300px 0 120px;}
.single_foot .container{padding:50px 0;}
.single_foot .blog_list{margin:45px auto 50px;}
.post_style .foot-contact::after, .post_style .foot-contact-tel::after{display:none;}
.blog-list-item_sp{display:none;}
}