@charset "utf-8";
/* CSS Document */
.flex{display: flex}
.flex div{width:45%;margin: 0 4% 0 0;}
.flex figure{width:50%}
.txt-center{text-align:center;}
.p-company-greetings__head{
    margin: 0 0 20px;
}
.access-info>p{margin-bottom: 80px;}
.access-info .tit1{font-size:1.8rem;font-weight:bold;}
.access-info h3{
    color: #779f2c;
    font-size: 1.8rem;
    border-bottom: 1px solid #ccc;
    margin: 1em 0 8px;padding-bottom:5px;
}

.access-info .c-button-document{margin: 30px auto 0;}
.access-map{margin:80px auto;}
.access-map div{margin: 0 0 0 3%;width:52%}
.access-map div p{margin-bottom:1em;}
.access-step ul{margin:30px auto;}
.access-step li{background:#fff;padding:30px;border-radius:20px;position: relative;margin-bottom: 50px;}
.access-step li:after{
  content:'';
  border-style: solid;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
  border-top: 30px solid #b8d385;
  border-bottom: 0;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;
  }
.access-step li:last-child:after{display:none;}
.access-step figure{display:flex;width: 100%;margin: 20px auto;}
.access-step .flex figure{width:50%}
.access-step .flex figure img{width: 100% !important;}
.access-step figure img:first-child{width: 57.5%;}
.access-step figure img:last-child{width: 40%;}
.access-step figure img+img{margin-left:20px;}
.access-step li:nth-child(4) figure{flex-wrap:wrap;}
.access-step li:nth-child(4) figure p:first-child{width: 40%;margin-right:3%;}
.access-step figure p{width: 55%;}
.access-step li:nth-child(4) figure img{width:100%;}
.access-step figure p span{width:100%;display: block;text-align: center;margin-top: 5px;}
.access-cnt{border:1px solid #ccc;padding: 10px 30px 30px;background:#fff;}
.access-gmap{margin:50px auto 0;}
.access-gmap iframe{width:100%;}
.access-cta{background:#a7cd45}

.access-cta .c-document.-modifier{
    background: #edededd6;
}
.access-cta .c-document.-modifier .c-document__text div,.access-cta .c-document.-modifier .c-document__text p,.access-cta .c-document.-modifier .c-document__text div span{
    color: #333;
}
br.pc{display: block;}
br.sp{display: none;}
@media screen and (min-width: 767px) {
.access-cta .l-footer-contact{
    padding: 70px 60px 80px;
	}}
.c-cta__link{height:inherit}
@media screen and (max-width: 680px) {
	br.sp{display: block;}
br.pc{display: none;}
	.flex{flex-wrap: wrap;}
	.flex div{width:100%;margin:0 auto;}
	.flex figure{width:100%;margin-bottom:20px;}
	.access-company{flex-direction:column-reverse;}
	.access-info>p {
    margin-bottom: 40px;
}.access-map {
    margin: 40px auto;
}
	.access-info h3 {
    margin: .5em 0 8px;
}
	.access-info .tit1 {
    font-size: 1.5rem;line-height:1.5;
}
	.access-step .flex figure{width:100%;}
	.access-step figure{flex-wrap:wrap;margin: 5px auto;}
	.access-step figure img{width:100% !important;margin:10px auto !important;}
.access-step figure p{width:100% !important;margin-bottom:10px;}
	.access-step figure p span{margin:0;}
}