@charset "utf-8";

/* message
-----------------------------------------------------------------*/
.message .main_right{
}

/* #Sec01
-----------------------------------------------------------------*/
.message #Sec01{
  padding: 0 50px;
}
.message #Sec01 .inner{
  max-width: 670px;
  margin: 0 auto;
  position: relative;
  padding: 30px 0 80px;
}
.message #Sec01 h3.ttl{
  top: 37px;
}
.message #Sec01 p.ttl{
  font-size: 2rem;
  text-align: center;
  font-weight: 400;
  margin-top: 50px;
}
.message #Sec01 .txt{
	font-size: 1.6rem;
  font-weight: 400;
	margin-top: 50px;
}
.message #Sec01 .gr_btn_un {
    margin-top: 40px;
}

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

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

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

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

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

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

/* #Sec01
-----------------------------------------------------------------*/
.message #Sec01{
  padding: 0 20px;
}
.message #Sec01 .inner{
  padding: 20px 0 10px;
}
.message #Sec01 h2.ttl{
	font-size: 1.6rem;
	margin-top: 55px;
}
.message #Sec01 h3.ttl{
	top: 20px;
}
.message #Sec01 p.ttl{
  margin-top: 30px;
}
.message #Sec01 .txt {
  font-size: 1.6rem;
  font-weight: 400;
  margin-top: 30px;
}

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


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


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