@charset "UTF-8";
/* CSS Document */

.br-sp{ display:block!important; }
.br-pc{ display:none!important; }
.span-sp{ display:inline!important; }
.span-pc{ display:none!important; }
.img-sp{display:block!important;}
.img-pc{display:none!important;}

@media (min-width: 768px){
	.br-sp{ display:none!important; }
	.br-pc{ display:block!important; }
	.span-sp{ display:none!important; }
	.span-pc{ display:inline!important; }
	.img-sp{display:none!important;}
	.img-pc{display:block!important;}
}


html {
  background-color: transparent;
  background-image: none;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media (min-width: 768px){
    html {
      background-color: #f1f1f2;
      background-image: none;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
}


.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

.clear {
	clear: both;
	display: block;
}

p {
	font-size: 14px;
	line-height: 1.6;
}

body > div {
	width: 100%;
/*	overflow:hidden;*/
}

/* Common設定 */
.wpCmn {
	width: 320px;
	margin: 0 auto;
	overflow: hidden;
    background: #FFFFFF;
    box-shadow: none;
}

@media (min-width: 768px){
    .wpCmn {
        width: 946px;
        margin: 0 auto;
        overflow: hidden;
        background: #FFFFFF;
        box-shadow: 0px 0px 20px 0 rgba(100, 100, 100, .3);
    }
}
/* Common設定 */




.imgSizeSet img {
	width: 100%;
}
@media (min-width: 768px){
    .imgSizeSet img {
        width: auto;
    }
}

#wpHeader01 {
	width: 304px;
	padding: 4px 8px 0 8px;
	height: 34px;
    display: block;
}
#wpHeader01 .logoArea01 {
	float: left;
	padding: 0px 0 0 0;
}
#wpHeader01 .logoArea01 img{
	width: 76px;
	height: 7px;
}
#wpHeader01 .homeArea01 {
	float: right;
	padding: 6px 0 0 0;
	display: block;
	width: 16px;
}
#wpHeader01 .homeArea01 img {
	display: block;
}

@media (min-width: 768px){
    #wpHeader01 {
        width: 304px;
        padding: 4px 8px 0 8px;
        height: 34px;
        display: none;
    }
}



#wpHeader02 {
	width: 100%;
	padding: 0 0 16px 0;
    display: block;
}
#wpHeader02 img {
	display: block;
}
#wpHeader03 {
    width: 946px;
    padding: 0 0 16px 0;
    display: none;
}
#wpHeader04 {
    display: none;
}
#wpHeader05 {
    display: none;
}
@media (min-width: 768px){
    #wpHeader02 {
        width: 100%;
        padding: 0 0 16px 0;
        display: none;
    }
    #wpHeader03 {
        width: 946px;
        padding: 0 0 0 0;
        display: block;
    }
    #wpHeader03 .pcHeaderArea01{
        width: 946px;
        display: flex;
        justify-content: space-between;
        padding: 0 0 0 0;
    }
     #wpHeader03 .pcHeaderArea01 div{
        width: 339px;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    #wpHeader03 img {
        display: block;
    }
    #wpHeader04 {
        width: 946px;
        padding: 38px 0 48px 0;
        display: flex;
        justify-content: center;
    }
    #wpHeader05 {
        width: 946px;
        padding: 0 0 24px 0;
        display: flex;
        justify-content: center;
    }
    #wpHeader05 img{
        width: 276px;
        height: auto;
    }
}

/* 学科個別指定 */

.wpGCarea {
	width: 100%;
	background: #00aa97;
	padding: 0 0 12px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.wpBarea {
	width: 100%;
	background: #2644a6;
	padding: 0 0 12px 0;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.wpKIarea {
	width: 100%;
	background: #d65803;
	padding: 0 0 12px 0;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.wpKISHOKUarea {
	width: 100%;
	background: #6bb760;
	padding: 0 0 12px 0;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.wpKBarea {
	width: 100%;
	background: #f6ad14;
	padding: 0 0 12px 0;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.wpSRarea {
	width: 100%;
	background: #6aa600;
	padding: 0 0 12px 0;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.wpNJarea {
	width: 100%;
	background: #c25ad1;
	padding: 0 0 12px 0;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.wpSHarea {
	width: 100%;
	background: #00a5d4;
	padding: 0 0 12px 0;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.wpFKarea {
	width: 100%;
	background: #e35d9a;
	padding: 0 0 12px 0;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.wpBUarea {
	width: 100%;
	background: #f68e14;
	padding: 0 0 12px 0;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

@media (min-width: 768px){
    .wpGCarea {
        width: 100%;
        background: url("../img/mainphoto_bg_gc01.gif") top repeat-x;
        padding: 0 0 12px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .wpBarea {
        width: 100%;
        background: url("../img/mainphoto_bg_b01.gif") top repeat-x;
        padding: 0 0 12px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .wpKIarea {
        width: 100%;
        background: url("../img/mainphoto_bg_ki01.gif") top repeat-x;
        padding: 0 0 12px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .wpKISHOKUarea {
        width: 100%;
        background: url("../img/mainphoto_bg_kishoku01.gif") top repeat-x;
        padding: 0 0 12px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .wpKBarea {
        width: 100%;
        background: url("../img/mainphoto_bg_kb01.gif") top repeat-x;
        padding: 0 0 12px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .wpSRarea {
        width: 100%;
        background: url("../img/mainphoto_bg_sr01.gif") top repeat-x;
        padding: 0 0 12px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .wpNJarea {
        width: 100%;
        background: url("../img/mainphoto_bg_nj01.gif") top repeat-x;
        padding: 0 0 12px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .wpSHarea {
        width: 100%;
        background: url("../img/mainphoto_bg_sh01.gif") top repeat-x;
        padding: 0 0 12px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .wpFKarea {
        width: 100%;
        background: url("../img/mainphoto_bg_fk01.gif") top repeat-x;
        padding: 0 0 12px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .wpBUarea {
        width: 100%;
        background: url("../img/mainphoto_bg_bu01.gif") top repeat-x;
        padding: 0 0 12px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}



.wpGCarea p ,
.wpBarea p ,
.wpKIarea p ,
.wpKISHOKUarea p ,
.wpKBarea p ,
.wpSRarea p ,
.wpNJarea p ,
.wpSHarea p ,
.wpFKarea p ,
.wpBUarea p {
	color: #FFFFFF;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	padding: 0 0 8px 8px;
	letter-spacing: 0.1em;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

@media (min-width: 768px){
    .wpGCarea p ,
    .wpBarea p ,
    .wpKIarea p ,
    .wpKISHOKUarea p ,
    .wpKBarea p ,
    .wpSRarea p ,
    .wpNJarea p ,
    .wpSHarea p ,
    .wpFKarea p ,
    .wpBUarea p {
        color: #FFFFFF;
        font-size: 10px;
        font-family:Arial, Helvetica, sans-serif;
        display: block;
        padding: 10px 0 8px 0;
        letter-spacing: 0.1em;
        width: 608px;
        margin: 0 auto;
    }
}


.wpGCarea a ,
.wpBarea a ,
.wpKIarea a ,
.wpKISHOKUarea a ,
.wpKBarea a ,
.wpSRarea a ,
.wpNJarea a ,
.wpSHarea a ,
.wpFKarea a ,
.wpBUarea a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}

@media (min-width: 768px){
    .wpGCarea a ,
    .wpBarea a ,
    .wpKIarea a ,
    .wpKISHOKUarea a ,
    .wpKBarea a ,
    .wpSRarea a ,
    .wpNJarea a ,
    .wpSHarea a ,
    .wpFKarea a ,
    .wpBUarea a {
        color: #FFFFFF;
        display: block;
        text-decoration: none;
    }
}



.wpGCarea h1 ,
.wpBarea h1 ,
.wpKIarea h1 ,
.wpKISHOKUarea h1 ,
.wpKBarea h1 ,
.wpSRarea h1 ,
.wpNJarea h1 ,
.wpSHarea h1 ,
.wpFKarea h1 ,
.wpBUarea h1 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding: 0 0 0 8px;
    text-align: left;
    width: 100%
}

@media (min-width: 768px){
    .wpGCarea h1 ,
    .wpBarea h1 ,
    .wpKIarea h1 ,
    .wpKISHOKUarea h1 ,
    .wpKBarea h1 ,
    .wpSRarea h1 ,
    .wpNJarea h1 ,
    .wpSHarea h1 ,
    .wpFKarea h1 ,
    .wpBUarea h1 {
        color: #FFFFFF;
        font-size: 20px;
        font-weight: bold;
        display: block;
        padding: 20px 0 40px 0;
        text-align: center;
        width: 100%
    }
}

.wpGCarea h2 ,
.wpBarea h2 ,
.wpKIarea h2 ,
.wpKISHOKUarea h2 ,
.wpKBarea h2 ,
.wpSRarea h2 ,
.wpNJarea h2 ,
.wpSHarea h2 ,
.wpFKarea h2 ,
.wpBUarea h2{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding: 0 0 0 8px;
}


/* 記事 */

#wpDetailsTextArea01 {
	width: 304px;
	padding: 12px 8px 0 8px;
    margin: 0;
}
#wpDetailsTextArea01 p {
	font-size: 16px;
	color: #333333;
}
@media (min-width: 768px){
    #wpDetailsTextArea01 {
        width: 548px;
        padding: 38px 8px 54px 8px;
        margin: 0 auto;
    }
    #wpDetailsTextArea01 p {
        font-size: 16px;
        color: #333333;
    }
}


/* 記事ステップ */

.wpDetailsTextArea02 {
	width: 304px;
	padding: 12px 8px 0 8px;
}
.wpDetailsTextArea02 img {
	display: block;
}
.wpDetailsTextArea02 h3 {
	font-size: 18px;
	font-weight: bold;
	padding: 6px 0 8px 0;
    width: auto;
    text-align: left;
}
.wpDetailsTextArea02 p {
	font-size: 14px;
	padding: 8px 0 8px 0;
	color: #333333;
    line-height: 1.6;
}
.wpDetailsTextArea02 p.fukuTextBox01 {
        font-size: 14px;
        width: 100%;
        padding: 8px 0 8px 0;
        margin: 12px auto 0 auto;
        color: #333333;
        line-height: 2.0;
        border-top: 1px #e35d9a solid;
        display: block;
        box-sizing: border-box;
    }

@media (min-width: 768px){
    .wpDetailsTextArea02 {
        width: 608px;
        padding: 12px 8px 40px 8px;
        margin: 0 auto;
    }
    .wpDetailsTextArea02 img {
        display: block;
    }
    .wpDetailsTextArea02 h3 {
        font-size: 18px;
        font-weight: bold;
        padding: 0 0 36px 0;
        width: 100%;
        text-align: center;
    }
    .wpDetailsTextArea02 p {
        font-size: 14px;
        width: 548px;
        padding: 32px 0 8px 0;
        margin: 0 auto;
        color: #333333;
        line-height: 2.0;
    }
    .wpDetailsTextArea02 p.fukuTextBox01 {
        font-size: 14px;
        width: 548px;
        padding: 32px 0 8px 0;
        margin: 32px auto 0 auto;
        color: #333333;
        line-height: 2.0;
        border-top: 1px #e35d9a solid;
        display: block;
        box-sizing: border-box;
    }
}


#wpGCarea02 {
	width: 100%;
	margin: 18px 0 0 0;
	background: #00aa97;
	padding: 20px 0 24px 0;
}
#wpBarea02 {
	width: 100%;
	margin: 18px 0 0 0;
	background: #2644a6;
	padding: 20px 0 24px 0;
}
#wpKIarea02 {
	width: 100%;
	margin: 18px 0 0 0;
	background: #d65803;
	padding: 20px 0 24px 0;
}
#wpKISHOKUarea02 {
	width: 100%;
	margin: 18px 0 0 0;
	background: #6bb760;
	padding: 20px 0 24px 0;
}
#wpKBarea02 {
	width: 100%;
	margin: 18px 0 0 0;
	background: #f6ad14;
	padding: 20px 0 24px 0;
}
#wpSRarea02 {
	width: 100%;
	margin: 18px 0 0 0;
	background: #6aa600;
	padding: 20px 0 24px 0;
}
#wpNJarea02 {
	width: 100%;
	margin: 18px 0 0 0;
	background: #c25ad1;
	padding: 20px 0 24px 0;
}
#wpSHarea02 {
	width: 100%;
	margin: 18px 0 0 0;
	background: #00a5d4;
	padding: 20px 0 24px 0;
}
#wpFKarea02 {
	width: 100%;
	margin: 18px 0 0 0;
	background: #e35d9a;
	padding: 20px 0 24px 0;
}
#wpBUarea02 {
	width: 100%;
	margin: 18px 0 0 0;
	background: #f68e14;
	padding: 20px 0 24px 0;
}




#wpTeacher01 {
	width: 304px;
	padding: 0;
	margin: 0 auto;
}
#wpTeacher01 img{
	display: block;
}
#wpTeacher01 h2{
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 600;
    line-height: 1.6;
}
#wpTeacher01 p{
	font-size: 12px;
	color: #FFFFFF;
	padding: 8px 0 16px 0;
    line-height: 1.6;
}
#wpTeacher01 p.sSize{
	font-size: 10px;
	color: #FFFFFF;
	padding: 4px 0 0 0;
}
#wpTeacher01 a{
    display: block;
    width: 304px;
    margin: 0 auto;
}
#wpTeacher01 a img{
    width: 304px;
    height: auto;
}

@media (min-width: 768px){
    #wpTeacher01 {
        width: 548px;
        padding: 40px 0;
        margin: 0 auto;
    }
    #wpTeacher01 img{
        display: block;
    }
    #wpTeacher01 p{
        font-size: 14px;
        color: #FFFFFF;
        padding: 30px 0 30px 0;
        line-height: 2.0;
    }
    #wpTeacher01 p.sSize{
        font-size: 12px;
        color: #FFFFFF;
        padding: 4px 0 0 0;
    }
    #wpTeacher01 a{
        display: block;
        width: 376px;
        margin: 0 auto;
    }
    #wpTeacher01 a img{
        width: 376px;
        height: auto;
    }

}


/* ホーム移動指定 */

#wpDtHome01 {
	width: 100%;
	padding: 0 0;
    display: block;
}
#wpDtHome01 img {
	display: block;
}

#wpDtTabTop01 {
	width: 100%;
	padding: 0 0;
}
#wpDtTabTop01 img {
	display: block;
}
#wpDtHome02 {
    display: none;
}
@media (min-width: 768px){
    #wpDtHome01 {
        width: 100%;
        padding: 0 0;
        display: none;
    }
     #wpDtHome02 {
         width: 946px;
         height: 90px;
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 0 0;
         background: #1e3269;
    }
}



/* 中面フッター指定 */

#wpDtFooter01 {
	padding: 0 0;
    display: block;
}
#wpDtFooter01 img {
	display: block;
}
#wpDtFooter02 {
    display: none;
}
@media (min-width: 768px){
    #wpDtFooter01 {
        padding: 0 0;
        display: none;
    }
    #wpDtFooter02 {
        padding: 0 0;
        display: block;
    }
    #wpDtFooter02 img {
        display: block;
    }
}


/* フッター指定 */

#wpFooterRC01 {
	width: 100%;
    display: flex;
    justify-content: center;
	padding: 16px 0;
	font-size: 12px;
	margin: 0 auto;
}
#wpFooterRC01 img {
	display: block;
	width: 258px;
	height: 37px;
}

@media (min-width: 768px){
    #wpFooterRC01 {
        width: 946px;
        display: block;
        padding: 24px 0;
        font-size: 12px;
        margin: 0 auto;
    }
    #wpFooterRC01 img {
        display: block;
        width: 258px;
        height: 37px;
    }
}