@charset "utf-8";
/* CSS Document */

.data_dl{border-bottom:1px dotted #999;padding:0 2em;}
.data_dl a{color:#2ca9e1;}
.pv_box{display:table;width:100%;border-bottom:1px dotted #ccc;}
.pv_place{display:table-cell;width:40%;vertical-align: middle;padding:10px;}
.pv_add{display:table-cell;width:60%;vertical-align: middle;padding:10px;}
.pv_place::before {
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: "\f3c5";
font-weight: 900;
color:#06c;
padding-right:5px;
}
.pv_add ul li{margin-bottom:2px;}

.eco_img{text-align:center;margin-top:20px;}
.eco_img img{width:300px;border-radius:12px;}
.basil_flow{display:flex;flex-wrap:wrap;justify-content:space-around;margin:20px 0 0px;}
.basil_box{width:30%;text-align:center;font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;font-style: normal;}
.basil_arrow{width:5%;display:flex;align-items:center;}
.basil_arrow img{width:100%;}
.basil_box img{width:80%;margin-bottom:10px;border:1px solid #ccc;padding:10px;border-radius:8px;}
.basil_pre{display:flex;flex-wrap:wrap;margin:0px 0 20px;}
.basil_prebox{width:24%;margin:5px 0.5%;display:flex;align-items:center;justify-content:center;text-align:center;background:#06c;border-radius:8px;height:80px;color:#fff;}
.basil_prebox a{color:#fff;transition:all 0.3s;display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;}
.basil_prebox a:hover{background:#0d5b9b;color:#fff;border-radius:8px;}



.online_merit{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0 40px;}
.online_merit_box{width:210px;text-align:center;}
.online_merit_box img{width:100%;margin-bottom:5px;}
.online_flow{display:flex;flex-wrap:wrap;margin:20px auto 0;border:1px #ccc dotted;padding:10px;border-radius:8px;width:96%;}
.online_flow_img{width:220px;}
.online_flow_img img{width:100%;}
.online_flow_txt{width:780px;margin-left:20px;display:flex;flex-direction:column;justify-content:center;}

.online_btn{position:relative;margin:10px auto 0;background:#06c;width:400px;height:50px;text-align:center;border-radius:40px;}
.online_btn a{position: absolute;top: 0;left: 0;height:100%;width: 100%;color:#fff;transition:all 0.3s;padding:14px;border-radius:40px;}
.online_btn a:hover{background:#1A6037;color:#fff;border-radius:40px;}

.pdf_link{border-bottom:1px dotted #ccc;padding:0 0 5px 10px;margin-bottom:10px;}
.pdf_link a{color:#1F87C5;}
.pdf_link a:hover{color:#009F50;}
.pdf_link img{display: inline-block;vertical-align:middle;padding-right:5px;width:50px;height:50px;}

.infobox{width:96%;margin:10px auto;border-bottom:dotted 1px #ccc;overflow:hidden;padding-bottom:10px;}
.infodate{float:left;width:20%;}
.infotitle{float:left;width:80%;font-weight:bold;}
.link_btn_info{position:relative;margin:10px auto 0;display:flex;justify-content:center;align-items:center;background:#06c;width:200px;height:50px;text-align:center;border-radius:40px;}
.link_btn_info a{position: absolute;top: 0;left: 0;height:100%;width: 100%;color:#fff;transition:all 0.3s;padding:14px;border-radius:40px;display:flex;justify-content:center;align-items:center;}
.link_btn_info a:hover{background:#0d5b9b;color:#fff;border-radius:40px;}

.dateLabel{color:#666;font-size:14px;margin:10px 0;}
.info_txt{padding:10px;margin-bottom:40px;}
.info_txt p{padding-bottom:1em;}
.info_txt img{text-align:center;max-width:920px;margin-0 auto;height:auto;}
.info_txt a{color:#06f;}
.info_box{border-bottom:solid 1px #ccc;padding:20px 10px;}
.info_title{font-weight:bold;font-size:18px;}
.pnavi{text-align:center;margin:40px auto;}
.blog_title{font-size:18px;font-weight:bold;margin-bottom:20px;}
#sidebar li{list-style-type: none;}
.info_new{
margin-left:10px;
padding:0 5px;
position:relative;
display:inline-block;
background:#f00;
color:#fff;
line-height:1.4;
font-size:16px;
font-weight:normal;
}









/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 800px){
.sakanakun img{width:100%;}
.sakanakun_guest1{width:30%;}
.sakanakun_guest2{width:41%;}
.sakanakun_guest3{width:29%;}


}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
.sakanakun_guest_box{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;width:100%;}
.sakanakun_guest1{width:70%;margin-bottom:30px;}
.sakanakun_guest2{width:100%;margin-bottom:30px;}
.sakanakun_guest3{width:70%;}
.pv_box{display:block;width:100%;border-bottom:1px dotted #ccc;}
.pv_place{display:block;width:100%;padding:10px 0 0 0;}
.pv_add{display:block;width:100%;padding:0 0 10px 1em;}

.eco_img img{width:60%;}
.basil_flow{display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0 0px;}
.basil_box{width:100%;text-align:center;font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;font-style: normal;margin-bottom:30px;}
.basil_box:last-child{margin-bottom:0px;}
.basil_prebox{width:48%;margin:5px 1%;display:flex;align-items:center;justify-content:center;text-align:center;background:#06c;border-radius:8px;height:80px;}
.basil_arrow{width:15%;margin-bottom:30px;}

.online_btn{position:relative;margin:10px auto 0;background:#06c;width:100%;height:50px;text-align:center;border-radius:40px;}
.online_flow_img{width:80%;}

.infodate{float:none;width:100%;}
.infotitle{float:none;width:100%;}
.infobox{width:100%;margin:10px auto;border-bottom:dotted 1px #ccc;overflow:hidden;padding-bottom:10px;}

}