/*---------------------------------------------------------------------------
  TITLE
---------------------------------------------------------------------------*/
h1.tit {
    padding:150px 0 50px;
    background:url("../img/tit_bg.jpg") repeat center center;
    background-size: cover;
}
h1.tit span {
    display: block;
    margin: auto; width: 90%; max-width: 1000px;
    text-align: center;
}
h1.tit b { 
    font-weight: 700;
    font-size: 250%;
    color: #fff;
    line-height:1.3em;
}
@media only screen and (max-width:768px){
    h1.tit { padding: 40px 0;}
    h1.tit::after { width:300px; height: 65px; }
    h1.tit b { font-size: 162.5%;}
}


/*---------------------------------------------------------------------------
  PAN and DATA
---------------------------------------------------------------------------*/
#page_data {
    display: flex; flex-wrap: wrap; justify-content: space-between;
    margin:0 auto; padding: 20px 0 10px;
    width: 90%; max-width: 1000px;
    border-bottom: 1px solid #ddd;
}
#page_data .pan { 
    display: flex; flex-wrap: wrap; justify-content: flex-end;
    width: 100%;
    font-size: 75%;
}
/* #page_data .pan li + li::before { padding:  0 10px; content:"-";} */
#page_data .pan a {color:#444;}
#page_data .pan li a {  text-decoration: none;}


/*---------------------------------------------------------------------------
  LIST
---------------------------------------------------------------------------*/
#subpage .list {}
#subpage .list p a {
    position: relative;
	display:block;
	padding:20px 20px 20px 50px;
	color:#222;
    line-height: 150%;
	text-decoration:none;
    background:#F4F7FB url("../img/arrow_b.png") no-repeat 20px center;
    background-size: 10px auto;
    transition: .3s;
}
#subpage .list p + p { margin-top:5px;}
@media only screen and (min-width:768px){
    #subpage .list p a:hover {
        color: #fff;
        background: #A6B9DF url("../img/arrow_w.png") no-repeat 20px center;
        background-size: 10px auto;
    }
}
@media only screen and (max-width:768px){
}




/*===========================================
  SUBPAGE
============================================*/
#subpage {
    margin: auto; padding:100px 0;
}
#subpage .inner {
    margin: auto; width: 90%; max-width: 1000px;
}
@media only screen and (max-width:768px){
    margin:0 2%;
}


#subpage div,
#subpage p,
#subpage ul,
#subpage ul li,
#subpage ol,
#subpage ol li,
#subpage dl,
#subpage dt,
#subpage dd{
	font-size:105%
}

#subpage .search div{
	font-size:100%;
}



/*---------------------------------------------------------------------------
  MIDASHI
---------------------------------------------------------------------------*/
#subpage h2,
#subpage h3,
#subpage h4,
#subpage h5 {
    clear: both;
/*    margin: 0 2% 40px; padding: 0; */
    margin: 0 0 10px; padding: 0;
    font-weight:700;
	margin-top:30px;
}
#subpage h2  {
    padding:25px 30px;
    font-size:  187.5%;
    color: #fff;
    background:#70B059 url("../img/h2_bg.png") no-repeat 95% center;
    border-radius: 100px;
    line-height:1.2em;
    padding-right:150px;
}
#subpage h3  {
    padding:  20px;
    font-size: 125%;
    color: #70B059;
    background:#F9F8F3;
    border-radius: 15px;
}
#subpage h4  {
    padding-left: 20px;
    font-size: 100%;
    color: #A6B9DF;
    border-left: 4px solid #A6B9DF;
}
@media only screen and (max-width:768px){
    #subpage h2 { font-size: 162.5%; padding-bottom: 20px;}
    #subpage h3 { font-size: 125%;}
    #subpage h4 { font-size: 112.5%;}
}



/*---------------------------------------------------------------------------
  COMMENT
---------------------------------------------------------------------------*/
#subpage .comment {  margin:0 2% 40px; line-height: 200%;}


/*---------------------------------------------------------------------------
  PHOTO
---------------------------------------------------------------------------*/
#subpage .photo { position: relative; max-width:460px; text-align:center;}
#subpage .photo img { width: auto; max-width: 100%;}
#subpage .photo .cap { font-size:80%; text-align:center;}
#subpage .photo .pic + .cap {  margin-top: 10px;}
#subpage .photo .cap + .pic {  margin-top: 30px;}
#subpage .photo.pic_l { float: left; margin-right: 40px;}
#subpage .photo.pic_r { float: right; margin-left: 40px;}
#subpage .photo.pic_c { float: none; width: 100%; max-width:100%;}
@media only screen and (max-width:800px){
    #subpage .photo,
    #subpage .photo .pic { width: 100%; max-width:100%;}
    #subpage .photo.pic_l,
    #subpage .photo.pic_r,
    #subpage .photo.pic_c { float: none; margin:0 0 20px; }
}
    

/*---------------------------------------------------------------------------
  LIST
---------------------------------------------------------------------------*/
/* #subpage ul { margin:0 2% 40px;} */
#subpage ul { margin:0 0 10px;}
#subpage ul li { position:relative; padding-left: 25px;}
#subpage ul li + li { margin-top: 10px;}
#subpage ul li::before {
    display: block; clear: both; content:"";
    position: absolute; top:7px; left:2px;
    width: 10px; height: 10px;
    background:#70B059;
    border-radius: 100px;
}
/* #subpage ol { clear:both; margin:0 2% 40px; padding-left: 23px; display: flex; flex-direction: column; gap:10px;} */
#subpage ol { clear:both; margin:0 0 10px; padding-left: 23px; display: flex; flex-direction: column; gap:10px;}
#subpage ol li { padding-left:4px; list-style-type: decimal;}


/*---------------------------------------------------------------------------
  HYOU
---------------------------------------------------------------------------*/
#subpage table {
/*    margin:0 2%; */
    margin:0;
	margin-bottom:10px;
	border:1px solid #ddd;
	border-collapse:collapse;
}
#subpage table th,
#subpage table td {
    padding:7px 15px;
	border:1px solid #ddd;
}
#subpage table th { text-align: left; font-weight: normal; background:#F7F4ED;}

/*
@media only screen and (max-width:800px){
    #subpage table { margin:0 2%; width:96%; table-layout:auto;}
    #subpage table th,
    #subpage table td{
        table-layout:auto !important;
        display:block !important;
        padding:5% !important;
        width:90% !important;
        height:auto !important;
    }
}
*/

/*---------------------------------------------------------------------------
  LINK
---------------------------------------------------------------------------*/
#subpage .icon-pdf,
#subpage .icon-word,
#subpage .icon-excel,
#subpage .icon-link { position: relative;  margin:0; margin-bottom:10px; padding: 5px 0 5px 25px; display:inline-block;}
/* #subpage .icon-link { position: relative;  margin:0 2%;padding: 5px 0 5px 25px;} */
#subpage .icon-pdf { background: url(../img/icon-pdf.jpg) no-repeat left 5px;}
#subpage .icon-word { background: url(../img/icon-word.jpg) no-repeat left 5px;}
#subpage .icon-excel { background: url(../img/icon-excel.jpg) no-repeat left 5px;}
#subpage .icon-link::after{ 
    position: absolute; top:5px; left: 0;
    display: block; clear: both; content:"";
    width: 17px; height: 17px;
    background:url("../img/arrow_b.png") no-repeat left 5px;
    background-size: 10px auto;
}


/*---------------------------------------------------------------------------
  BOX
---------------------------------------------------------------------------*/

/* BOX1 */
#subpage .box1 { clear:both; margin:0 2% 40px; overflow: hidden;}
#subpage .box1 .comment { margin:0;}

/* BOX2 */
#subpage .box2 { clear:both;  margin:0 2% 40px; padding:30px; border:3px solid #A6B9DF; overflow: hidden;}
#subpage .box2 h3 { clear: none; margin: 10px 0 20px; padding: 0; color:#222; border: none; overflow: hidden; background: none;}
#subpage .box2 h3::before { display: none;}
#subpage .box2 .comment { margin:0; }

/* BOX3 */
#subpage .box3 { clear:both; margin:0 2% 40px; padding:30px; background:#F9F8F3; overflow: hidden;}
#subpage .box3 .comment { margin:0;}

/* BOX4 */
#subpage .box4 { overflow: hidden;}
#subpage .box4 .box {
    float: left;
    margin:0 2% 40px;
    padding:30px;
    width:46%;
    background:#F9F8F3;
}
#subpage .box4 h4 { clear: none; margin-bottom: 20px; padding:  0 0 20px; color:#222; border: none; border-bottom: 3px solid #A6B9DF;}
#subpage .box4 h4::before { display:none; }
#subpage .box4 .comment { margin-bottom: 20px;  }
#subpage .box4 .photo { margin-bottom: 20px;  }
#subpage .box4 .photo img { width: auto; max-width: 100%; height: auto;}
#subpage .box4 .btn a {
    position: relative;
    display: block;
    padding: 15px 30px 15px 15px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background:#A6B9DF url("../img/arrow_w.png") no-repeat 95% center;
    background-size: 10px auto;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07);
    border-radius: 100px;
}
#subpage .box4 .btn a:hover { opacity: 0.7; }
@media only screen and (max-width:800px){
    #subpage .box1 {  display: flex; flex-direction: column-reverse; gap:40px;}
    #subpage .box2 {  padding:20px; display: flex; flex-direction: column-reverse; gap:40px;}
    #subpage .box2 h3 { margin: 0px 0 10px; }
    #subpage .box3 { padding:20px; display: flex; flex-direction: column-reverse; gap:40px;}
    #subpage .box4 .box  {width: 98%;}
}


/*---------------------------------------------------------------------------
  BOTTON
---------------------------------------------------------------------------*/
#subpage .btn_box { overflow: hidden;}
#subpage .btn_box p { float: left; margin:0 2% 40px;}
#subpage .btn_box a {
    position: relative;
    display: block;
    padding: 15px 30px 15px 15px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background:#A6B9DF url("../img/arrow_w.png") no-repeat 95% center;
    background-size: 10px auto;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07);
    border-radius: 100px;
}
#subpage .btn_box .b1 { float:none; clear: both; margin: 0 auto 40px; width: 100%; max-width:660px;}
#subpage .btn_box .b2 { width: 46%;}
#subpage .btn_box .b3 { width: 29.3%;}
#subpage .btn_box .b4 { width: 21%}
#subpage .btn_box .b1 a { background-position:97% center;}
#subpage .btn_box .b2 a { background-position:95% center;}
#subpage .btn_box .b3 a { background-position:93% center;}
#subpage .btn_box .b4 a { background-position:91% center;}
@media only screen and (min-width:800px){
    #subpage .btn_box a:hover { opacity: 0.7;}
}
@media only screen and (max-width:800px){
    #subpage .btn_box p { float: none; width: 96% !important;  max-width:none !important;}
    #subpage .btn_box p a { background-position:97% center !important;}
}


/*---------------------------------------------------------------------------
  PHOTO BOX
---------------------------------------------------------------------------*/
#subpage .gallery { overflow: hidden;}
#subpage ul.photo_box { float: left; margin: 0 2% 40px; padding: 0; list-style: none;}
#subpage ul.photo_box li { margin:0; padding: 0; list-style: none; background: none;}
#subpage ul.photo_box li::before { display: none;}
#subpage ul.photo_box li.photo { margin:0 0 10px; max-width: none;}
#subpage ul.photo_box li.cap { line-height: 150%;}
#subpage ul.photo_box li.youtube { margin:0 0 10px; position: relative;}
#subpage ul.photo_box li.youtube iframe {
	position: absolute; top: 0; right: 0;
    width: 100% !important;
	height: 100% !important;
}
/* PHOTO BOX1 */ #subpage ul.g1 {width:100%; float:none; clear:both; }
/* PHOTO BOX2 */ #subpage ul.g2 {width:46%;}
/* PHOTO BOX3 */ #subpage ul.g3 {width:29.3%;}
/* PHOTO BOX4 */ #subpage ul.g4 {width:21%;}
/* PHOTO BOX5 */ #subpage ul.g5 {width:16%;}
#subpage ul.photo img { width: 100%; max-width:1000px; height:auto;}
@media only screen and (max-width:800px){
   #subpage ul.photo_box { width:96%; float:none; clear:both; }
}


/*---------------------------------------------------------------------------
  CONTACT
---------------------------------------------------------------------------*/
/* #subpage .contact { clear:both; margin:0 2% 40px; padding: 25px; background: #F7F4ED; overflow:hidden;} */ 
#subpage .contact { clear:both; margin:0 0 40px; padding: 25px; background: #F7F4ED; overflow:hidden;}
#subpage .contact .come { float: left; width: calc(100% - 320px); line-height: 150%;}
#subpage .contact .b_link { float: right; width: 300px;}
#subpage .contact .b_link a {
    position: relative;
    display: block;
    padding: 15px 30px 15px 15px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background:#A6B9DF url("../img/arrow_w.png") no-repeat 95% center;
    background-size: 10px auto;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07);
    border-radius: 100px;
}
@media only screen and (min-width:768px){
    #subpage .contact .b_link a:hover { opacity: 0.7;}
}
@media only screen and (max-width:800px){
    #subpage .contact .come,
    #subpage .contact .b_link { float:none; width:100%;}
    #subpage .contact .b_link { margin-top: 15px;}
}


/*---------------------------------------------------------------------------
  LINE
---------------------------------------------------------------------------*/
#subpage .line { margin:0 2%; width: 90%; max-width: 1000px;}
#subpage .line hr { margin: 0; padding: 0; height: 1px;  background: #ccc; border: none;}

/* 2025/02/01 add */
#subpage .dsptable{
	overflow-y:hidden !important;
}

#subpage .image_right{
	float:right;
	position: relative;
	max-width:100%;
	margin-left:10px;
}
#subpage .image_left{
	float:left;
	position: relative;
	max-width:100%;
	margin-right:10px;;
}
#subpage .image_center{
	text-align:center;
	margin:3px;
	position: relative;
	max-width:100%;
}

#subpage .image_right img,
#subpage .image_left img,
#subpage .image_center img{
	max-width:100%;
}

.youtubesm {
	float:left;
}

/* PDF adobereader */
#subpage .pdf_download {
	clear: both;
	margin: 1em 0;
	padding: 0.8em;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden;
}

#subpage .pdf_download p{
	margin-bottom:0px;

}

.text_r{
	text-align:right;
}


#subpage .map {
	width:         800px;
	height:        350px;
	border:        1px outset #cccccc;
	margin-top:    0.8em;
	margin-bottom: 0.8em;
	max-width:100%;
}

#subpage p{
	line-height:1.7em;
	margin-bottom:10px;
}


#subpage table tr th ul,
#subpage table tr th ol,
#subpage table tr td ul,
#subpage table tr td ol,
#subpage table tr th p,
#subpage table tr td p{
	margin-bottom:0px;
}

#subpage .catglist li {
	border-bottom:2px dotted #CCC;
	padding-bottom:0.2em;
}
#subpage .catglist .box {
	width:46%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:20px;
}

#subpage .catglist .box h2 {
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:150%;
}

#subpage .catglist .box h3 {
	margin-bottom:10px;
}

@media only screen and (max-width:800px){
	#subpage .catglist .box {
		width:96%;
		float:none;
	}


}

#subpage .life h2{
	margin-bottom:10px;
	padding-top:15px;
	padding-bottom:15px;
}

#subpage .life h2 a{
	color:#FFF;
}

#subpage .life ul {
	display:block;
}

#subpage .life ul li{
	display:inline-block;
	margin-right:2em;
	float:left;
}



#subpage #calendar table th.date{
	width:3em;
}
#subpage #calendar table th.day{
	width:3em;
}

#subpage .calendar_style5{
	background-color:#FFE6E6;
}
	
#subpage .calendar_style10{
	background-color:#eaf4fa;
}


.hissu{
	color:#DD0000;

}

#subpage .giin h2{
	padding-top:10px;
	padding-bottom:10px;
}

#subpage .giin h2 a{
	color:#FFF;
}


#subpage .qa .qa_t{
	width:90px;
	float:left;
	margin-bottom:20px;
	text-align:center;
}

#subpage .qa .qa_d{
	width:calc(100% - 90px);
	float:left;
	margin-bottom:20px;
}

#subpage .qa .qa_q {
	font-size:150%;
	padding:1em;
	background-color:#005d97;
	color:#FFF;
	border-radius:0.5em;
	width:70px;
}
#subpage .qa .qa_a {
	font-size:150%;
	padding:1em;
	background-color:#d66763;
	color:#FFF;
	border-radius:0.5em;
	width:70px;
}

#subpage .qa .qa_d p{
	margin-bottom:10px;
}


#subpage .life ul li + li{
	margin-top:0;
}

#subpage h2 a{
	color:#FFF;
}



#subpage .gikai .gikai_menu{
	margin-top:10px;
}
#subpage .gikai .gikai_menu a{
	display:block;
	width:15%;
	margin-left:0.5%;
	margin-right:0.5%;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:5px;
	text-align:center;
	background-color:#1D7D57;
	color:#FFF;
	float:left;
}

@media only screen and (max-width:900px){
	#subpage .gikai .gikai_menu a{
		width:31%;
		margin-top:10px;
	}

}


#subpage .gikai .gikai_menu a:hover{
	opacity:0.7;
}

#subpage .gikai h2{padding-top:10px;padding-bottom:10px;margin-bottom:10px;}

#subpage .gikai .news_list ul{
	display:flex;
	flex-direction:row;
	margin-bottom:10px;
	border-bottom:2px dotted #1D7D57;
	padding-bottom:10px;

}

#subpage .gikai .news_list ul li:nth-child(2)::before{
	display:none;
}

#subpage .gikai .news_list ul li:nth-child(2){
	margin-top:0px;
}
#subpage .bousai .bousai_menu{
	margin-top:10px;
}
#subpage .bousai .bousai_menu a{
	display:block;
	width:15%;
	margin-left:0.5%;
	margin-right:0.5%;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:5px;
	text-align:center;
	background-color:#1D7D57;
	color:#FFF;
	float:left;
}

@media only screen and (max-width:900px){
	#subpage .bousai .bousai_menu a{
		width:31%;
		margin-top:10px;
	}

}

#subpage .bousai .bousai_menu a:hover{
	opacity:0.7;
}


#subpage .bousai h2{padding-top:10px;padding-bottom:10px;margin-bottom:10px;}

#subpage .bousai .news_list ul{
	flex-direction:row;
	margin-bottom:0px;
	display:flex;
	border-bottom:2px dotted #1D7D57;
	padding-bottom:10px;
	margin-top:10px;
}

#subpage .bousai .news_list ul li:nth-child(2)::before{
	display:none;
}

#subpage .bousai .news_list ul li:nth-child(2){
	margin-top:0px;
}

#subpage table td.mida {
	text-align: left;
	font-weight: normal;
	background: #F7F4ED;
}