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


/* アクセス */
@media (min-width: 768px) {
	.acros_flex{ display: flex; margin: 50px 0 0 0;}
	.acros_flex>div:first-child{ width: 65%; padding: 0 45px 0 0;}
	.acros_flex>div:last-child{ width: 35%;}
	.acros_flex>div:last-child{ }
	.acros_flex>div span{ display: block; font-size: 14px; margin: 5px 0 0 0;}
	.acros_flex>div span::before{ content: ""; border-top: 2px solid #3e8d65; display: inline-block; width: 30px; height: 2px; position: relative; top: -4px; left: 0px; margin: 0 5px 0 0;}
	
	.acros_flex2{ display: flex; margin: 50px 0 0 0;}
	.acros_flex2>div:first-child{ width: 35%;}
	.acros_flex2>div:last-child{ width: 65%; padding: 0 0 0 45px;}
	.acros_flex2>div span{ display: block; font-size: 14px; margin: 5px 0 0 0;}
	.acros_flex2>div span::before{ content: ""; border-top: 2px solid #3e8d65; display: inline-block; width: 30px; height: 2px; position: relative; top: -4px; left: 0px; margin: 0 5px 0 0;}
	.acros_flex_center{ align-items: center;}
	
	.photo_flex{ display: flex; margin: 50px 0 0 0; padding: 0; list-style: none; justify-content: space-between;}
	.photo_flex li span{ display: block; font-size: 14px; margin: 5px 0 0 0;}
	.photo_flex li span::before{ content: ""; border-top: 2px solid #3e8d65; display: inline-block; width: 30px; height: 2px; position: relative; top: -4px; left: 0px; margin: 0 5px 0 0;}
	.photo_flex li:nth-child(2){ margin: 0 15px;}
	
	.acros_tb{ width: 100%;}
	.acros_tb th{ width: 150px; padding: 20px 0 20px 20px; border-right: 1px solid #d2d2d2;}
	.acros_tb td{ width: calc(100% - 150px); padding: 20px 0 20px 30px;}
	.acros_tb tr:nth-child(odd) th,.acros_tb tr:nth-child(odd) td{ background-color: #f8f8f8;}
	.acros_tb tr:nth-child(even) th,.acros_tb tr:nth-child(even) td{ background-color: #eeeeee;}
	
	ol.cp_clist { counter-reset:cp_clist; list-style-type: none; padding: 0.5em;}
	ol.cp_clist li { position: relative; padding-left: 30px; line-height: 1.5em; padding: 0.5em 0.5em 0.5em 60px;}
	ol.cp_clist li::before { position: absolute; display: inline-block; top: 50%; left: 0; counter-increment: cp_clist; content: counter(cp_clist); padding: 0 0.2em 0 0.2em; background: #3e8d65; color: #fff; font-weight:bold; font-size: 15px; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align:center; transform: translateY(-50%);}
	ol.cp_clist li::after { content: ""; position: absolute; left: 28px; top: 50%; border-top: 3px solid #3e8d65; display: inline-block; width: 15px; height: 7px;}
    
    ul.access_list{ padding: 0; margin: 40px 0 0 0;}
    .access_list>li{ list-style-type: none;}
    
    .google_map>iframe{ width: 90%; margin: 50px auto 0; display: block;}
}
@media (max-width: 767.98px) {
	.acros_flex{ display: flex; flex-wrap: wrap; margin: 20px 0 0 0;}
	.acros_flex>div:first-child{ width: 100%; padding: 0 0 20px 0;}
	.acros_flex>div:last-child{ width: 100%;}
	.acros_flex>div:last-child{ }
	.acros_flex>div span{ display: block; font-size: 12px; margin: 5px 0 0 0;}
	.acros_flex>div span::before{ content: ""; border-top: 2px solid #3e8d65; display: inline-block; width: 30px; height: 2px; position: relative; top: -4px; left: 0px; margin: 0 5px 0 0;}
	
	.acros_flex2{ display: flex; flex-wrap: wrap; flex-direction: column-reverse; margin: 10px 0 0 0;}
	.acros_flex2>div:first-child{ width: 100%;}
	.acros_flex2>div:last-child{ width: 100%; padding: 0 0 20px 0;}
	.acros_flex2>div span{ display: block; font-size: 12px; margin: 5px 0 0 0;}
	.acros_flex2>div span::before{ content: ""; border-top: 2px solid #3e8d65; display: inline-block; width: 30px; height: 2px; position: relative; top: -4px; left: 0px; margin: 0 5px 0 0;}
	.acros_flex_center{ align-items: center; flex-direction: column;}
	.acros_flex_center>div:first-child{ width: 100%; padding: 0 0 10px 0}
	.acros_flex_center>div:last-child{ width: 100%; padding: 0;}
	
	.photo_flex{ display: flex; flex-wrap: wrap; margin: 50px 0 30px 0; padding: 0; list-style: none; justify-content: space-between;}
	.photo_flex li span{ display: block; font-size: 12px; margin: 5px 0 0 0;}
	.photo_flex li span::before{ content: ""; border-top: 2px solid #3e8d65; display: inline-block; width: 30px; height: 2px; position: relative; top: -4px; left: 0px; margin: 0 5px 0 0;}
	.photo_flex li:nth-child(1),.photo_flex li:nth-child(2){ margin: 0 0 15px 0;}
	
	.acros_tb{ width: 100%;}
	.acros_tb th{ width: 100%; display: block; padding: 10px 10px 0 10px;}
	.acros_tb td{ width: 100%; display: block; padding: 5px 10px 10px;}
	.acros_tb tr:nth-child(odd) th,.acros_tb tr:nth-child(odd) td{ background-color: #f8f8f8;}
	.acros_tb tr:nth-child(even) th,.acros_tb tr:nth-child(even) td{ background-color: #eeeeee;}
	
	ol.cp_clist { counter-reset:cp_clist; list-style-type: none; padding: 0.5em 0.5em 0; margin: 0;}
	ol.cp_clist li { position: relative; padding-left: 30px; line-height: 1.5em; padding: 0.5em 0.5em 0.5em 45px;}
	ol.cp_clist li::before { position: absolute; display: inline-block; top: 50%; left: 0; counter-increment: cp_clist; content: counter(cp_clist); padding: 0 0.2em 0 0.2em; background: #3e8d65; color: #fff; font-weight:bold; font-size: 13px; border-radius: 50%; width: 25px; height: 25px; line-height: 25px; text-align:center; transform: translateY(-50%);}
	ol.cp_clist li::after { content: ""; position: absolute; left: 20px; top: 50%; border-top: 3px solid #3e8d65; display: inline-block; width: 15px; height: 7px;}
    
    ul.access_list{ padding: 0;  margin: 50px 0 0 0}
    .access_list>li{ list-style-type: none;}
    
    .google_map>iframe{ width: 100%; height: 300px; margin: 30px auto 0; display: block;}
}


@media (min-width: 768px) {}
@media (max-width: 767.98px) {}

@media (min-width: 768px) {}
@media (max-width: 767.98px) {}

@media (min-width: 768px) {}
@media (max-width: 767.98px) {}