@charset "utf-8";

/* access
-----------------------------------------------------------------*/
.access .main_right{
}

/* #Sec01
-----------------------------------------------------------------*/
.access #Sec01{
  padding: 0 50px;
}
.access #Sec01 .inner{
  max-width: 760px;
  margin: 0 auto;
  position: relative;
  padding: 30px 0 80px;
}
.access #Sec01 h3.ttl{
  top: 37px;
}

.access #Sec01 .access_box{
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.access #Sec01 .access_box .txt_box{
  width: 55%;
}
.access #Sec01 .access_box .map {
  width: 42%;
  margin-top: 20px;
height: 0;
overflow: hidden;
padding-bottom: 45%;
position: relative;
}
.access #Sec01 .access_box .map iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.access #Sec01 .access_box .txt_box .name{
  color: #2B8857;
  font-size: 2rem;
}
.access #Sec01 .access_box .txt_box .txt{
  font-size: 2rem;
  font-weight: 400;
  margin-top: 15px;
}
.access #Sec01 .access_box .txt_box .sub_txt{
  margin-top: 15px;
}

@media screen and (max-width: 1100px) {
/* 1100pxまでの幅の場合に適応される */

/* 1100pxまでの幅の場合に適応される */
}

@media screen and (max-width: 980px) {
/* 980pxまでの幅の場合に適応される */

.access #Sec01 h2.ttl {
    margin-top: 100px;
}

/* 980pxまでの幅の場合に適応される */
}

@media screen and (max-width: 767px) {
/* 767pxまでの幅の場合に適応される */

/* #Sec01
-----------------------------------------------------------------*/
.access #Sec01{
  padding: 0 20px;
}
.access #Sec01 .inner{
  padding: 20px 0 10px;
}
.access #Sec01 h2.ttl{
	font-size: 1.6rem;
	margin-top: 55px;
}
.access #Sec01 h3.ttl{
	top: 20px;
}

.access #Sec01 .access_box{
  display: block;
  margin-top: 40px;
}
.access #Sec01 .access_box .txt_box{
  width: 100%;
}
.access #Sec01 .access_box .map{
  width: 100%;
}
.access #Sec01 .access_box .txt_box .txt{
  font-size: 1.8rem;
}

/* 767pxまでの幅の場合に適応される */
}


@media screen and (max-width: 640px) {
/* 640pxまでの幅の場合に適応される */


/* 640pxまでの幅の場合に適応される */
}