@charset "UTF-8";

/*----------------------------------------------------------------------------------------------------------------------見出し----------*/

.tit_jp{
font-size:30px;
font-weight:bold;
line-height:1.8;
letter-spacing:0.1em;
}

.tit_en{
font-size:17px;
color:#8dc21f;
letter-spacing:0.05em;
}

@media screen and (max-width:1200px){

.tit_jp{ font-size:24px; }	

}

/*----------------------------------------------------------------------------------------------------------------------#msg----------*/

#tit_area{
background: url("../images/main_about.jpg") no-repeat center center;
background-size: cover;
}

#msg{
margin:110px auto 0;
width:83.3%;
max-width:1200px;
display:flex;
justify-content: space-between;
}

.box_ph{ width:30%; }

.box_ph .photo{ margin-top:135px; }
.box_ph .photo img{ width:100%; height:auto; }

.box_ph p{ margin-top:20px; }

.box_txt{ width:60%; }

.box_txt h2{
font-size:36px;
line-height:1.6;
letter-spacing:0.1em;
}

.box_txt p{ margin-top:44px; }

@media screen and (max-width:1024px){

.box_txt h2{ font-size:30px; }	

.box_txt{ width:65%; }

}

@media screen and (max-width:767px){
	
#msg{
margin:70px auto 0;
width:90%;
display:block;
justify-content: space-between;
}

.box_ph{ width:100%; }

.box_ph .photo{ 
margin:30px auto 0;
width:80%;
}

.box_ph p{ 
margin:20px auto 0;
width:80%;
}

.box_txt{ width:100%; }

.box_txt h2{
font-size:20px;
line-height:1.8;
margin-top:30px;
width:90%;
margin-left:10%;	
}

.box_txt p{ 
margin-top:20px;
line-height:1.8;
width:90%;
margin-left:10%;	
}

}

/*----------------------------------------------------------------------------------------------------------------------#value----------*/

#value{
margin:150px auto 0;
width:100%;
background-color:#f6f6f6;
}

#value .inner{
padding:150px 0;
margin:0 auto;
width:83.3%;
max-width:1200px;
}

#value .tit_box{ display:flex; }

#value .tit_box div{ width:30%; }

#value .tit_box p{ width:70%; }

#value .inner ul{
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}

#value .inner li{
width:48.4%;
position:relative;	
margin-top:70px;
}

#value .inner li div{
background-color:#8dc21f;
color:#fff;
line-height:50px;
width:50px;
height:50px;
font-size:18px;
text-align:center;
border-radius:25px 25px;
position:absolute;
top:-25px;
left:20px;
}

#value .inner li img{
display:block;
width:100%;
height:auto;	
}

#value .inner li h3{
font-size:24px;
font-weight:bold;
margin-top:30px;	
}

#value .inner li p{ margin-top:4px;	}


@media screen and (max-width:767px){
	
#value{ margin:60px auto 0; }	

#value .inner{
padding:60px 0;
width:90%;
}

#value .tit_box{ display:block; }

#value .tit_box div{ width:100%; }

#value .tit_box p{ 
width:90%;
margin-left:10%;
margin-top:10px;
}

#value .inner ul{ display:block; }

#value .inner li{
width:90%;
margin-left:10%;
margin-top:60px;
}

#value .inner li div{
line-height:40px;
width:40px;
height:40px;
font-size:15px;
border-radius:20px 20px;
top:-20px;
left:20px;
}

#value .inner li h3{
font-size:18px;
margin-top:24px;	
}

#value .inner li p{ margin-top:0; }

}

/*----------------------------------------------------------------------------------------------------------------------#overview----------*/

#overview{
margin:150px auto 0;
width:83.3%;
max-width:1200px;
display:flex;
}

#overview .tit_box{ width:30%; }

#overview table{ 
width:70%;
margin-top:-20px;
}

#overview table th{ 
font-weight:normal;
border-bottom:1px solid #8dc21f;
width:28.57%;
padding:28px 0 26px;
}

#overview table td{ 
border-bottom:1px solid #ddd;
padding:28px 0 26px 20px;
}

#overview table td a{ 
color:#8dc21f;
text-decoration:underline;
padding-left:20px;
background: url("../images/ico_blank.png") no-repeat left top;
background-size: 14px 14px;
letter-spacing:0.05em;
}

#overview table td p:last-child{ margin-top:10px; }

@media screen and (max-width:1024px){

#overview{
margin:60px auto 0;
width:90%;
display:block;
}

#overview .tit_box{ width:100%; }

#overview table{ 
width:90%;
margin-left:10%;
margin-top:20px;
line-height:1.6;
}

#overview table th{ 
width:22%;
padding:28px 0 26px;
}

#overview table td{ 
padding:28px 0 26px;
}

}

/*----------------------------------------------------------------------------------------------------------------------#access----------*/

#access{
margin:150px auto 0;
width:83.3%;
max-width:1200px;
display:flex;
}

#access .tit_box{ width:30%; }

#access .base{ width:70%; }



#access .box_access h3{ font-size:30px; }

#info_kani, #info_minokamo{
display: block;
padding-top: 100px;
margin-top: -100px;
}

#access .box_access .gmap{ margin-top:15px; }

#access .box_access .info{ margin:30px 0 0 6%; }

#access .box_access ul{ display:flex; }

#access .box_access ul li{ 
margin:30px 0 0 6%;
width:50%;
}

#access .box_access ul li h4{
font-weight:bold;
padding:0 0 10px 28px;
border-bottom:1px dotted #ccc;
line-height:1.6;
}

#access .box_access ul li p{
margin-top:8px;
letter-spacing:0.05em;
}

#access .box_access ul li.train h4{
background: url("../images/ico_train.png") no-repeat left top;
background-size: 16px 22px;
}
#access .box_access ul li.car h4{
background: url("../images/ico_car.png") no-repeat left 2px;
background-size: 21px 16px;
}

.sp_br{ display:none; }

#access .minokamo{ margin-top:90px; }


@media screen and (max-width:1024px){

#access{
margin:80px auto 0;
width:90%;
display:block;
}

#access .tit_box{ width:100%; }

#access .base{ 
width:90%;
margin-left:10%;
margin-top:30px;
}

#access .box_access h3{
font-size:20px;
letter-spacing:0.1em;
}

#access .box_access .gmap{ margin-top:10px; }

#access .box_access .info{ margin:10px 0 0 0; }

#access .box_access ul{ display:block; }

#access .box_access ul li{ 
margin:20px 0 0 0;
width:100%;
}

.sp_br{ display:inline; }

#access .minokamo{ margin-top:60px; }

}


/*----------------------------------------------------------------------------------------------------------------------#large_img----------*/

#large_img{
margin-top:150px;
width:91.63%;
}

#large_img img{ width:100%; height:auto; }

@media screen and (max-width:1024px){

#large_img{
margin-top:100px;
width:95%;
}

}

@media screen and (max-width:767px){

#large_img{ margin-top:80px; }

}

/*----------------------------------------------------------------------------------------------------------------------#enviro----------*/

#enviro{
margin:150px auto 0;
width:83.3%;
max-width:1200px;
}

#enviro .tit_box{ display:flex; }

#enviro .tit_box div{ width:30%; }

#enviro .tit_box p{ width:70%; }

#enviro ul{
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}

#enviro ul li{
width:30%;
background-color:#f6f6f6;
padding:30px 3.3% 40px;
margin-top:50px;
}

#enviro ul li div{ 
text-align:center;
height:120px;
padding-top:20px;
}

#enviro ul li h4{ 
color:#8dc21f;
font-weight:bold;
padding-bottom:4px;
border-bottom:1px solid #ccc;
}

#enviro ul li p{ 
margin-top:10px;
}

@media screen and (max-width:1024px){
	
#enviro{ 
margin:80px auto 0;
width:90%;
}	

#enviro .tit_box{ display:block; }

#enviro .tit_box div{ width:100%; }

#enviro .tit_box p{ 
width:90%;
margin-left:10%;
margin-top:10px;
}

#enviro ul{
display:block;
}

#enviro ul li{
width:90%;
margin-left:10%;
padding:20px 8% 30px;
margin-top:30px;
}





}