@charset "UTF-8";
/* blog.css */


section.main{ margin-top:68px;}

@media (max-width: 767px) {
section.main{ margin-top:64px;}
}

.ttl{ background:url(../images/blog/main_bg.jpg) no-repeat top center; background-size:cover; height:368px;}
.ttl .inner{ width:1320px; margin:0 auto; position:relative;}
.ttl .top_txt{ position:absolute; left:0; top:110px;}
.ttl .top_txt h1{ font-size:38px; font-weight:bold; color:#fff; margin-bottom:10px; text-align:left;}
.ttl .top_txt p{ font-size:19px; font-weight:bold; color:#FFF; text-align:left; line-height:1.8;}

@media (max-width: 1320px) {
    .ttl .inner{ width:100%; }    
}

@media (max-width: 767px) {
.ttl{ height:auto;}
.ttl .inner{ width:100%;  position: inherit;}
.ttl .top_txt{ position:inherit; padding:40px 10px;}
.ttl .top_txt h1{ font-size: 24px; font-size: 5vw;
    line-height: 1.4;}
.ttl .top_txt p{ font-size: 16px; font-size: 3.2vw;}
.ttl .top_txt br{ display:none;}
}

.pickup{width:1320px; margin:80px auto;}
.pickup h2.ttl-bar{ letter-spacing:0.05em; margin-bottom:30px;}
.pickup p{ text-align:center; color:#111; font-size:23px; line-height:1.8; font-weight:bold;}
.pickup_list{ width:100%; display:flex; justify-content:center; margin:40px 0;}
.pickup_list{
display: flex;
-ms-justify-content: center;
-webkit-justify-content: center;
justify-content: center;
margin:40px auto;
}
.pickup_list li{ border:1px solid #bbb; width:410px; box-sizing:border-box; padding:10px; display:flex; justify-content:space-between;}
.pickup_list li .icon{ text-align:center; width:120px;}
.pickup_list li .icon p{ color:#001a53; text-align:center; font-weight:bold; font-size:22px; line-height:1.8;}
.pickup_list li .txt{ width:260px;}
.pickup_list li .txt p{ font-size:16px; text-align:left; color:#000; line-height:1.8; font-weight:normal;}

.pickup_list li + li {
    margin-left: 45px;
}

@media only screen and (min-width: 979px) and (max-width: 1024px) {
.pickup{width:100%; box-sizing:border-box; padding:0 5px; }
.pickup_list li{  width:32%;}
}


@media (max-width: 979px) {
.pickup{width:100%; } 
.pickup_list{ width:100%; display:block; margin:20px 0;}    
.pickup_list li{ width:100%; padding:10px; margin-bottom:20px;  }    
.pickup_list li .icon{ width:20%; }
.pickup_list li .txt{ width:80%; }
.pickup_list li + li {
    margin-left: 0 !important;
}
}



@media (max-width: 767px) {
.pickup{width:100%; padding: 3vw 0vw;
    padding-right: 15px;
    padding-left: 15px; box-sizing:border-box; margin:20px 0;}  
.pickup h2.ttl-bar{ margin-bottom:15px;}  
.pickup p{ font-size: 3.2vw;}
.pickup_list{ width:100%; display:block; margin:20px 0;}
.pickup_list li{ width:100%; padding:10px; margin-bottom:20px;  display: flex;}
.pickup_list li .icon{ width:20%;}
.pickup_list li .icon p{ font-size: 3.2vw;}
.pickup_list li .txt{ width:80%;}
.pickup_list li .txt p{ font-size: 3.2vw; }

}

.contents{width:1320px; margin:80px auto 40px; display:flex; justify-content:space-between; align-items: flex-start; flex-direction: row-reverse;}

@media (max-width: 1024px) {
.contents{width:100%; margin:20px auto; display:block;
    padding-right: 15px;
    padding-left: 15px; box-sizing:border-box;   }
}

.sideMenu{ width:410px; border:1px solid #bbb;}
.sideMenu h2{ background:#001a53; display:block; line-height:75px; font-size:24px; text-align:center; font-weight:bold; color:#fff;}
.sideMenu_cnt{ margin:0 20px;}
.sideMenu_cnt li{ border-bottom:1px dashed #ccc; padding:30px 0; border-spacing:3px;}
.sideMenu_cnt li:last-child{ border-bottom:none;}
.sideMenu_cnt li a:hover{ text-decoration:underline;}
.sideMenu_cnt li h3{ margin-bottom:10px; font-size:16px;}
.sideMenu_cnt li p{ font-size:16px;}

@media (max-width: 1024px) {
.sideMenu{ width:100%; margin-bottom:40px;}    
}

@media (max-width: 767px) {
.sideMenu{ width:100%; margin-bottom:40px;}
.sideMenu h2{     font-size: 3.7333333333vw;
    height: 10.6666666667vw; line-height: 1.2;     display: flex;
    justify-content: center; align-items: center;}
.sideMenu_cnt{ margin:0 10px; }
.sideMenu_cnt li{ padding:15px 0; }
.sideMenu_cnt li h3{ font-size: 3.2vw;}
.sideMenu_cnt li p{ font-size: 3.2vw;}
}

.main_cnt{ width:865px;}
.main_cnt .note{ margin-bottom:70px; overflow:hidden;}
.main_cnt .note h3.title{ font-size:16px; border-bottom:solid 1px #989898; padding-bottom:10px; margin-bottom:10px;}
.main_cnt .note p.date{ font-size:16px; text-align:right; margin-bottom:10px;}
.main_cnt .note p{ font-size:16px; text-align:left; line-height:2; }
.main_cnt .note .img{ width:300px; float:right; margin-left:20px;}
.main_cnt .note .linkbtn{ width:300px; margin:30px 0; float:right; clear:both;}
.main_cnt .note .linkbtn a{ text-align:center; color:#fff; font-size:16px; background:#ff7D00; line-height:40px; display:block; font-style:normal;}
.main_cnt .note .linkbtn a:hover{filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;}

/* 追記　*/
.main_cnt .note h2{ font-size: 22px; font-weight: bold; margin-bottom: 20px;}
.main_cnt .note h3{ font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.main_cnt .note h4{ font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.main_cnt .note ul{ margin: 10px 0 10px 10px;}
.main_cnt .note ul li{ font-size: 16px; }
.main_cnt .note ul li:before{ content: "●"; margin-right: 5px;}
.main_cnt .note table.wp-block-table{ border-collapse: collapse; border: 1px solid #585858; box-sizing: border-box; width: 95%; margin: 20px 0 20px 10px;}
.main_cnt .note table.wp-block-table td{ padding: 10px; border: 1px solid #585858;}


@media (max-width: 1024px) {
.main_cnt{ width:100%;  margin-bottom:40px;}    
}


@media (max-width: 767px) {
.main_cnt{ width:100%; margin-bottom:40px;}
.main_cnt .note{ margin-bottom:30px; }
.main_cnt .note h3.title{ font-size: 3.7vw; }
.main_cnt .note p.date{  font-size: 3.2vw;}
.main_cnt .note p{  font-size: 3.2vw;}
.main_cnt .note .img{ width:80%; margin:0 auto 20px; float:none; }
.main_cnt .note .img img{ width:100%; height:auto;}
.main_cnt .note .linkbtn{ width:100%; margin:30px 0; display:block; float:inherit;}
.main_cnt .note .linkbtn a{ text-align:center; color:#fff; font-size: 3.2vw; background:#ff7D00; line-height:40px; display:block; font-style:normal;}
.main_cnt .note .linkbtn a:hover{filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;}
    
/* 追記　*/
.main_cnt .note h2{ font-size: 4vw; margin-bottom: 10px;}
.main_cnt .note h3{ font-size: 3.7vw; margin-bottom: 10px;}
.main_cnt .note h4{ font-size: 3.4vw; margin-bottom: 5px;}
.main_cnt .note ul li{ font-size: 3.2vw; }
.main_cnt .note table.wp-block-table{ margin: 10px 0 10px 5px; border: none; border-bottom: 1px solid #585858;}
.main_cnt .note table.wp-block-table td{ padding: 10px; border: 1px solid #585858; width: 100%; display: block; border-bottom: none; font-size: 3.2vw;}
}


.pager {
    overflow: hidden;
}
 
.pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
 
.pager ul li {
    margin: 0 10px;
    position: relative;
    left: -50%;
    float: left;
}
 
.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 16px;
    padding: 15px 25px;
}
 
.pager ul li a {
    background: #ff7e00;
    color: #fff;
    text-decoration: none;
}
 
.pager ul li a:hover {
    color: #FFF;
}

.pager p{ text-align:center;}
.pager p a:hover{ text-decoration:underline;}

@media (max-width: 767px) {
.pager ul li span,
.pager ul li a {
    font-size: 3.2vw;
    padding: 10px 20px;
}
}