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



/*PC*/
@media print, screen and (min-width: 769px) {

/* com
--------------------------------------------*/
.hed_img{background: url("../images/com/back_img.jpg") left no-repeat;  height: 400px; width: 100%; position: relative;}
.hed_tit_box{position: absolute; background: #fff; width: 360px; height: 130px; left: 5%; top: 30%; padding: 35px 30px 20px 30px; box-sizing: border-box; text-align: center;}
.hed_tit_box .left_top{position: absolute; left: 0; top: 0;}
.hed_tit_box .left_top:before{position: absolute; content: ""; background: #8cc63f; width: 50px; height: 3px;}   
.hed_tit_box .left_top:after{position: absolute; content: ""; background: #8cc63f; width: 3px; height: 50px;} 
 .hed_tit_box .right_bottom{position: absolute; right: 0; bottom: 0; transform: scaleX(-1) scaleY(-1);}
.hed_tit_box .right_bottom:before{position: absolute; content: ""; background: #8cc63f; width: 50px; height: 3px;}   
.hed_tit_box .right_bottom:after{position: absolute; content: ""; background: #8cc63f; width: 3px; height: 50px;}
    
.hed_img .hed_tit{font-size: 1.6em; } 
.hed_img .hed_tit span{display: block; color: #005626; font-size: 0.8em}
    
    
.pankuzu{list-style: none; display: flex; box-sizing: border-box; justify-content: right; margin-top: 30px;}   
.pankuzu li::after{content: ">"; padding: 0 10px; color: #005626;}
.pankuzu li:nth-last-of-type(1)::after {content: none;}


/* title 
--------------------------------------------*/
.idx_tit { position: relative; font-size: 1.8em; font-weight: 500; margin-bottom: 50px; text-align: center; padding-bottom: 20px; padding-top: 50px;}
.idx_tit::after{ position: absolute; content: ""; background: url("../images/com/title_icon.png") center no-repeat;  height: 10px; width: 100px; left: 0; right: 0; bottom: 0; margin: 0 auto;}
 .idx_tit.icon::before{position: absolute; content: ""; background: url("../images/com/titicon02.png") center no-repeat; height: 43px; width: 43px; left: 0; top: 0; right: 0; margin: 0 auto; background-size: cover;}   
 .idx_tit.icon.sports::before{position: absolute; content: ""; background: url("../images/com/titicon03.png") center no-repeat; height: 43px; width: 43px; left: 0; top: 0; right: 0; margin: 0 auto; background-size: cover;}
 .idx_tit.icon.access::before{position: absolute; content: ""; background: url("../images/com/titicon04.png") center no-repeat; height: 43px; width: 43px; left: 0; top: 0; right: 0; margin: 0 auto; background-size: cover;}
    
.flex_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }

  /* detail_btn
--------------------------------------------*/
.detail_btn{background: #fcc900; text-align: center; width: 230px; display: block; padding: 15px; margin: 0 auto; box-sizing: border-box;}
.detail_btn:hover{opacity: 0.6; transition: all 0.3s ease-out;}

  /* idx_box_b
--------------------------------------------*/
.idx_box_b{
width: 100%;
margin: 40px auto;
background: #f0f7f0;
}
 .idx_box_b .list_tit{
  padding: 30px 40px 0;
  position: relative;
  margin-left: 17px;
}
 .idx_box_b .list_tit::before {
  content: "■";
  position: absolute;
  left: 18px;
}
.idx_box_b p{  padding: 30px 40px 0;}
 .idx_box_b ol{
list-style-type: decimal;
padding: 20px 40px 25px;
margin-left: 20px;
line-height: 25px;
}  
/* idx_wrap01
--------------------------------------------*/
.idx_wrap01{margin-top: 100px;}
.idx_wrap01 .content_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin: 100px auto;
}
.idx_wrap01 .content_list a {
  position: relative;
  padding: 0 60px 2px 15px;
  border-bottom: solid 1px #005626;
  font-size: 1.1em;
		width: 65%;
		display: inline-block;
}
.idx_wrap01 .content_list a::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #005626;
  right: 0;
  transition: all 0.2s ease-out;
}
.idx_wrap01 .content_list a::after {
  content: "";
  position: absolute;
  right: 0;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  top: 4px;
  border: 6px solid transparent;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 6px;
  border-left: 6px solid #fff;
  transition: all 0.3s ease-out;
}
.idx_wrap01 .content_list li{
margin-bottom: 40px;
width: 26%;
}
  /* idx_wrap02
--------------------------------------------*/
.idx_wrap02 .idx_inner .tit_box{
padding-bottom: 20px;
border-bottom: 1px solid #005626;
display: flex;
align-items: center;
margin-bottom:40px; 
}

.idx_wrap02 .idx_inner .tit_box .idx_tit_s{
text-align: left;
font-size: 1.6em;
color: #005626;
margin:0 75px 0 50px;
font-weight: 500;
}
.idx_wrap02 .idx_inner .tit_box a{position: relative;}
.idx_wrap02 .idx_inner .tit_box a::after {
  content: "▶";
  position: absolute;
  left: 120px;
}

.idx_wrap02 .table_box{margin-bottom: 70px;}
.idx_wrap02 .park_table{width: 100%;}
.idx_wrap02 .park_table tr{border: solid 1px #a0a0a0;}
.idx_wrap02 .park_table th,
.idx_wrap02 .park_table td{vertical-align: middle;}
.idx_wrap02 .park_table th{width: 30%; background: #f0f7f0; padding: 30px; text-align: center; display: table-cell;  border-bottom: 1px solid #a0a0a0;}
.idx_wrap02 .park_table td{ border-bottom: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0;padding: 30px 30px 30px 50px; line-height: 1.5;}
.idx_wrap02 .park_table td .bunnar{display: block; margin-top: 30px; box-sizing: border-box; position: relative;}
.idx_wrap02 .park_table td a:hover{color: #005626;}   
.idx_wrap02 .park_table td a img{width: 100%;}
.idx_wrap02 .park_table .table_w{width: 30%;}
.idx_wrap02 .park_table .first{width: 27%;}
.idx_wrap02 .park_table .panel{width: 10%;}
.idx_wrap02 .park_table .punf{width: 30%;display: inline;}
.idx_wrap02 .park_table .punf,.idx_wrap02 .park_table .hp{position: relative;}
.idx_wrap02 .park_table .punf::after{content: "▶"; position: absolute;}
.idx_wrap02 .park_table .hp::after{content: "▶"; position: absolute;}
.idx_wrap02 .park_table .bunnar{width: 30%;}
.idx_wrap02 .park_table .bunnar img{transition: .7s;}
.idx_wrap02 .park_table .bunnar img:hover{opacity: 0.7;}
    
    
.tuki{margin-bottom: 15px; font-size: 1.4em; color: #005626;}
.mt30{margin-top: 30px;}
}





/*sp*/
@media only screen and (max-width: 768px) {

.table_pc{display: none;}
   
/* com
--------------------------------------------*/
.hed_img{background: url("../images/com/back_img.jpg") left no-repeat;  height: 300px; width: 100%; position: relative;}
.hed_tit_box{position: absolute; background: #fff; width: 300px; height: 110px; left: 3%; top: 30%; padding: 30px; box-sizing: border-box; text-align: center;}
.hed_tit_box .left_top{position: absolute; left: 0; top: 0;}
.hed_tit_box .left_top:before{position: absolute; content: ""; background: #8cc63f; width: 50px; height: 3px;}   
.hed_tit_box .left_top:after{position: absolute; content: ""; background: #8cc63f; width: 3px; height: 50px;} 
 .hed_tit_box .right_bottom{position: absolute; right: 0; bottom: 0; transform: scaleX(-1) scaleY(-1);}
.hed_tit_box .right_bottom:before{position: absolute; content: ""; background: #8cc63f; width: 50px; height: 3px;}   
.hed_tit_box .right_bottom:after{position: absolute; content: ""; background: #8cc63f; width: 3px; height: 50px;}
    
.hed_img .hed_tit{font-size: 1.3em; } 
.hed_img .hed_tit span{display: block; color: #005626; font-size: 0.6em}
    
    
.pankuzu{list-style: none; display: flex; box-sizing: border-box; justify-content: right; margin-top: 20px; font-size: 0.8em;}   
.pankuzu li::after{content: ">"; padding: 0 10px; color: #005626;}
.pankuzu li:nth-last-of-type(1)::after {content: none;}

    
/* title 
--------------------------------------------*/
.idx_tit { position: relative; font-size: 1.2em; font-weight: 500; margin-bottom: 20px; text-align: center; padding-bottom: 20px; padding-top: 40px;}
.idx_tit::after{ position: absolute; content: ""; background: url("../images/com/title_icon.png") center no-repeat;  height: 10px; width: 100px; left: 0; right: 0; bottom: 0; margin: 0 auto;}
 .idx_tit.icon::before{position: absolute; content: ""; background: url("../images/com/titicon02.png") center no-repeat; height: 35px; width: 35px; left: 0; top: 0; right: 0; margin: 0 auto; background-size: cover;}   
 .idx_tit.icon.sports::before{position: absolute; content: ""; background: url("../images/com/titicon03.png") center no-repeat; height: 35px; width: 35px; left: 0; top: 0; right: 0; margin: 0 auto; background-size: cover;}
 .idx_tit.icon.access::before{position: absolute; content: ""; background: url("../images/com/titicon04.png") center no-repeat; height: 35px; width: 35px;
left: 0; top: 0; right: 0; margin: 0 auto; background-size: cover;}
    

/* detail_btn
--------------------------------------------*/
.detail_btn{background: #fcc900; text-align: center; width: 200px; display: block; padding: 15px; margin: 0 auto; box-sizing: border-box;}
.detail_btn:hover{opacity: 0.6; transition: all 0.3s ease-out;}

  /* idx_box_b
--------------------------------------------*/
.idx_box_b{
width: 100%;
margin: 40px auto;
background: #f0f7f0;
}
 .idx_box_b .list_tit{
  padding: 30px 40px 0;
  position: relative;
  margin-left: 17px;
}
 .idx_box_b .list_tit::before {
  content: "■";
  position: absolute;
  left: 18px;
}
.idx_box_b p{  padding: 30px 40px 0;}
 .idx_box_b ol{
list-style-type: decimal;
padding: 20px 40px 25px;
margin-left: 20px;
line-height: 25px;
font-size: 0.9em;
}      

   
/* komagadani
--------------------------------------------*/
    
/* idx_wrap01
--------------------------------------------*/
.idx_wrap01{margin-top: 30px;}
.idx_wrap01 .content_list {
margin: 20px auto;
}
.idx_wrap01 .content_list a {
position: relative;
padding-bottom: 10px;
border-bottom: solid 1px #005626;
font-size: 0.8em;
box-sizing: border-box;
width: 170px;
display: block;
margin: 0 auto;
}
.idx_wrap01 .content_list a::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #005626;
  right: 0;
  transition: all 0.2s ease-out;
}
.idx_wrap01 .content_list a::after {
  content: "";
  position: absolute;
  right: 0;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  top: 4px;
  border: 6px solid transparent;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 6px;
  border-left: 6px solid #fff;
  transition: all 0.3s ease-out;
}
.idx_wrap01 .content_list li{margin: 15px 0;}
  /* idx_wrap02
--------------------------------------------*/
.idx_wrap02 .idx_inner .tit_box{
padding-bottom: 10px;
border-bottom: 1px solid #005626;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom:40px; 
}

.idx_wrap02 .idx_inner .tit_box .idx_tit_s{
text-align: left;
font-size: 1.2em;
color: #005626;
margin:0 75px 0 20px;
font-weight: 500;
}
.idx_wrap02 .idx_inner .tit_box a{position: relative;font-size: 0.8em;margin-right: 20px;}
.idx_wrap02 .idx_inner .tit_box a::after {
  content: "▶";
  position: absolute;
		left: 99px;
}
.idx_wrap02 .table_box{margin:70px 0;}
.idx_wrap02 .park_table tr{border: solid 1px #a0a0a0;}
.idx_wrap02 .park_table th,
.idx_wrap02 .park_table td{vertical-align: middle;font-size: 0.9em;}
.idx_wrap02 .park_table th{width: 25%; background: #f0f7f0; font-size: 0.8em; padding: 30px; text-align: center; display: table-cell;  border-bottom: 1px solid #a0a0a0;}
.idx_wrap02 .park_table td{border-bottom: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0;padding: 20px; line-height: 1.5;font-size: 0.8em;}
.idx_wrap02 .park_table td .bunnar{display: block; margin-top: 30px; box-sizing: border-box; position: relative;}
.idx_wrap02 .park_table td a:hover{color: #005626;}   
.idx_wrap02 .park_table td a img{width: 100%;}
.idx_wrap02 .park_table .table_w{width: 20%;}
.idx_wrap02 .park_table .panel{width: 10%;}
.idx_wrap02 .park_table .punf{width: 30%;display: inline;}
.idx_wrap02 .park_table .punf,.idx_wrap02 .park_table .hp{position: relative;}
.idx_wrap02 .park_table .hp::after{content: "▶"; position: absolute;}
.idx_wrap02 .park_table .punf::after{content: "▶"; position: absolute;}
.idx_wrap02 .park_table .bunnar{width: 70%;}
.idx_wrap02 .park_table .bunnar img{transition: .7s;}
.idx_wrap02 .park_table .bunnar img:hover{opacity: 0.7;}
    
.tuki{margin-bottom: 10px; font-size: 0.9em; color: #005626;}
.mt30{margin-top: 30px;}
    
}