@charset "utf-8";

/* simulation
-----------------------------------------------------------------*/
.simulation .main_right{
}

/* #Sec01
-----------------------------------------------------------------*/
.simulation #Sec01{
  padding: 0 50px;
}
.simulation #Sec01 .inner{
  max-width: 670px;
  margin: 0 auto;
  position: relative;
  padding: 30px 0 80px;
}
.simulation #Sec01 h3.ttl{
  top: 37px;
}
.simulation #Sec01 p.ttl{
  font-size: 2rem;
  text-align: center;
  font-weight: 400;
  margin-top: 50px;
}
.simulation #Sec01 .box{
}
.simulation #Sec01 .box.sec{
  border-top: dotted 1px #202E4A;
  margin-top: 60px;
}
.simulation #Sec01 .box .case{
  color: #2B8857;
  font-size: 2rem;
}
.simulation #Sec01 .box .case span{
  font-size: 7rem;
}
.simulation #Sec01 .box .case_ttl{
  font-size: 2rem;
}
.simulation #Sec01 .box .txt{
  font-size: 1.6rem;
  font-weight: 400;
  margin-top: 30px;
}

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

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

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

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

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

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

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

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


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


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