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



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

/* com
--------------------------------------------*/
.hed_img{background: url("../images/com/back_img_04.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;}
 .idx_box_b ol{
list-style-type: decimal;
padding: 0 40px 25px;
margin-left: 20px;
line-height: 25px;
}  
/* idx_wrap01
--------------------------------------------*/
.idx_wrap01{margin-top: 100px;}
}

/*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;}
 .idx_box_b ol{
list-style-type: decimal;
padding: 0 40px 25px;
margin-left: 20px;
line-height: 25px;
font-size: 0.8em;
}      

    
/* idx_wrap01
--------------------------------------------*/
.idx_wrap01{margin-top: 30px;}

}