@charset "UTF-8";

/* CSS Document */
/* ----------------------------------------------------------------------------------------------------
  settings
* --------------------------------------------------------------------------------------------------*/


html{
	font-size: 62.5%; /*ベースを10pxにしています*/
	font-size: 10px; /*ベースを10pxにしています*/
}


h1, h2, h3, h4, h5, h6, p, li, dt, dd, section, div, span {
    font-size: 1rem;
    line-height: 1.4;
}


body {
	text-justify:inter-ideograph;
	-webkit-text-size-adjust:100%;
 	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic',メイリオ, Meiryo, sans-serif; 
	color:#4D4D4D;
	font-size:1.6rem;
	font-weight:500;
	line-height:1;
}

h2 {font-size:3.5rem;}

h3 {font-size:3rem; margin-bottom:1.4em;}

h4 {font-size:2.1rem;}

ul.btn-two li div:first-child p {font-size:3rem;}

.inner-content p {font-size: 1.6rem;}


#footer-bottom {text-align:right;}


/* ----------------------------------------------------------------------------------------------------
  ポイントページ
* --------------------------------------------------------------------------------------------------*/
#step1 .text p{font-size:4rem;}

#step1 .text a {font-size:3rem;}

#step2 .inner-content p.text,
#step2 .inner-content ul li p.text{font-size:2rem;}

#step3 p{font-size:2.4rem;}

#step4 .jyouken1 p {font-size:2rem;}

#step4 .jyouken2 p{font-size:1.8rem;}

/* ----------------------------------------------------------------------------------------------------
  ラーニングページ
* --------------------------------------------------------------------------------------------------*/
#seminar h2{font-size:3.5rem;}
#seminar h3{font-size:2rem;}


#news dl dt,#news dl dd{font-size:2rem;}



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

body {font-size:1.6rem;}


h2 {font-size:3.5rem;}

h3 {font-size:3rem;}

h4 {font-size:2.1rem;}

/* ----------------------------------------------------------------------------------------------------
  ポイントページ
* --------------------------------------------------------------------------------------------------*/
#step1 .text p{font-size:4rem;}

#step1 .text a {font-size:3rem;}

#step1 .inner-content ul li p.text,
#step2 .inner-content ul li p.text{font-size:2rem;}

#step3 p{font-size:2.4rem;}

#step4 .jyouken1 p {font-size:2rem;}

#step4 .jyouken2 p{font-size:1.8rem;}
}


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


body {font-size:1rem;}

h2 {font-size:3.2rem;}

h3 {font-size:2.7rem; margin-bottom:1em;}

h4 {font-size:2rem;}

/* ----------------------------------------------------------------------------------------------------
  ポイントページ
* --------------------------------------------------------------------------------------------------*/
#step1 .text p{font-size:3.8rem;}

#step1 .text a {font-size:2.8rem;}

#step2 .inner-content ul li p.text{font-size:2rem;}

#step3 p{font-size:2.4rem;}

#step4 .jyouken1 p {font-size:1.9rem;}

#step4 .jyouken2 p{font-size:1.7rem;}

}

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

/* ----------------------------------------------------------------------------------------------------
  ポイントページ
* --------------------------------------------------------------------------------------------------*/
#step1 .text p{font-size:3.6rem;}

#step1 .text a {font-size:2.6rem;}

#step2 .inner-content ul li p.text{font-size:2rem;}

#step3 p{font-size:2.3rem;}

#step4 .jyouken1 p {font-size:1.8rem;}

#step4 .jyouken2 p{font-size:1.6rem;}
}

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

/* ----------------------------------------------------------------------------------------------------
  ポイントページ
* --------------------------------------------------------------------------------------------------*/
#step1 .text p{font-size:3.4rem;}

#step1 .text a {font-size:2.4rem;}

#step2 .inner-content ul li p.text{font-size:2rem;}

#step3 p{font-size:2.2rem;}

#step4 .jyouken1 p {font-size:1.8rem;}

#step4 .jyouken2 p{font-size:1.6rem;}

	
}

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


body {font-size:1rem;}

h2 {font-size:3rem;}

h3 {font-size:2.6rem; margin-bottom:0.9em;}

h4 {font-size:2.1rem;}

/* ----------------------------------------------------------------------------------------------------
  ポイントページ
* --------------------------------------------------------------------------------------------------*/
#step1 .text p{font-size:3.2rem;}

#step1 .text a {font-size:2.2rem;}

#step2 .inner-content ul li p.text{font-size:2rem;}

#step3 p{font-size:2rem;}

#step4 .jyouken1 p {font-size:1.7rem;}

#step4 .jyouken2 p{font-size:1.5rem;}

}

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

/* ----------------------------------------------------------------------------------------------------
  ポイントページ
* --------------------------------------------------------------------------------------------------*/
#step1 .text p{font-size:3rem;}

#step1 .text a {font-size:2rem;}

#step2 .inner-content ul li p.text{font-size:2rem;}

#step3 p{font-size:1.9rem;}

#step4 .jyouken1 p {font-size:1.6rem;}

#step4 .jyouken2 p{font-size:1.4rem;}
	
}

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


body {font-size:1rem;}

h2 {font-size:2.8rem;}

h3 {font-size:2.4rem; margin-bottom:0.8em;}

h4 {font-size:1.8rem;}

ul.btn-two li div:first-child p {font-size:2.8rem;}

/* ----------------------------------------------------------------------------------------------------
  ポイントページ
* --------------------------------------------------------------------------------------------------*/
#step1 .text p{font-size:2.8rem;}

#step1 .text a {font-size:1.8rem;}

#step2 .inner-content ul li p.text{font-size:1.9rem;}

#step3 p{font-size:1.8rem;}

#step4 .jyouken1 p {font-size:1.5rem;}

#step4 .jyouken2 p{font-size:1.3rem;}
}

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

ul.btn-two li div:first-child p {font-size:2.6rem;}

}

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

ul.btn-two li div:first-child p {font-size:2.4rem;}

#step2 .inner-content ul li p.text{font-size:1.8rem;}
}

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

ul.btn-two li div:first-child p {font-size:2.2rem;}

#step2 .inner-content ul li p.text{font-size:1.7rem;}

}

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


body {font-size:1rem;}

h2 {font-size:2.6rem;}

h3 {font-size:2.2rem; margin-bottom:0.7em;}

h4 {font-size:1.7rem;}

ul.btn-two li div:first-child p {font-size:2rem;}

#footer-bottom {text-align:center;}
	
}