@charset "utf-8";

/*===================================================

    SEMINAR common

===================================================*/
/*  contents
---------------------------------------------------*/
.category{
    margin-bottom:68px;
    background:url(../images/seminar/category.jpg) no-repeat center top;
    background-size:auto 100%;
    }

/*===================================================

    for PC

===================================================*/
@media(min-width:769px){
.contents .wrapper{
    width:1160px;
    margin:0 auto;
    }
.num1{
    color:#B61B1B;
    font-family:'Playball', cursive;
    }
.num2{
    color:#F26600;
    font-family:'Playball', cursive;
    }
.num3{
    color:#F8CB15;
    font-family:'Playball', cursive;
    }
.num4{
    color:#93CE14;
    font-family:'Playball', cursive;
    }
.num5{
    color:#0B853B;
    font-family:'Playball', cursive;
    }
.num6{
    color:#067E9E;
    font-family:'Playball', cursive;
    }
.num7{
    color:#15469A;
    font-family:'Playball', cursive;
    }
.num8{
    color:#6C3499;
    font-family:'Playball', cursive;
    }

.anchor{
    margin-left:-12px;
    overflow:hidden;
    }
.anchor li{
    float:left;
    width:281px;
    margin:0 0 12px 12px;
    text-align:left;
    }
.anchor li a{
    display:block;
    padding:0.6em 0 0.5em 17px;
    background:#F1EDE9 url(../images/common/arrow03.png) no-repeat 255px;
    background-size:12px;
    text-decoration:none;
    }
.anchor li a:hover{
    opacity:0.6;
    }
.anchor li span{
    margin-right:0.3em;
    font-size:5rem;
    }
.anchor li em{
    display:inline-block;
    margin-top:1.25em;
    color:#000;
    font-size:1.5rem;
    font-weight:bold;
    vertical-align:top
    }

.itemHd{
    margin-bottom:4em;
    }
.itemHd .num1, .itemHd .num2, .itemHd .num3, .itemHd .num4, .itemHd .num5, .itemHd .num6, .itemHd .num7, .itemHd .num8{
    display:block;
    margin-bottom:0.5em;
    font-size:4.5rem;
    }
.itemHd h1{
    font-size:4rem;
    }

#semi01, #semi03, #semi05, #semi07{
    padding:86px 0 0;
    }
#semi01 .container, #semi03 .container, #semi05 .container, #semi07 .container{
    padding:70px 0;
    background:#F1EDE9;
    }
#semi02, #semi04, #semi06, #semi08{
    padding:90px 0 0;
    }

#semi01 .itemHd p{
    margin:1.1em 0 0;
    font-size:1.5rem;
    line-height:180%;
    }
#semi01 .parg01{
    /*float:left;
    width:540px;*/
    margin-bottom:1.6em;
    font-size:1.3rem;
    text-align:left;
    line-height:200%;
    }
#semi01 .parg02{
    float:right;
    width:540px;
    text-align:left;
    line-height:200%;
    }

#semi02 ul{
    margin-left:-80px;
    text-align:left;
    }
#semi02 ul li{
    /*float:left;
    width:520px;*/
    margin:0 0 2em 80px;
    /*background:url(../images/common/marker02.jpg) no-repeat left 1em;
    background-size:12px;*/
    line-height:180%;
    }
#semi02 ul h2{
    margin-bottom:0.5em;
    padding-left:10px;
    border-left:6px solid #EA2609;
    font-size:2rem;
    font-weight:bold;
    line-height:150%;
    }
#semi02 ul p{
    padding-left:16px;
    }
#semi03 .itemHd h2{
    margin:1em 0 0.7em;
    font-size:1.8rem;
    line-height:180%;
    }
/*#semi03 .itemHd h2{
    padding:1.8em 0 0.7em;
    font-size:2.6rem;
    }*/
#semi03 .itemHd p{
    line-height:200%;
    }
#semi03 dl dt{
    float:left;
    width:350px;
    padding:1.6em 0;
    background:#CCC5BF;
    font-size:1.6rem;
    font-weight:bold;
    }
#semi03 dl dd{
    float:right;
    width:749px;
    padding-left:60px;
    border-left:1px solid #CCC5BF;
    }
#semi03 .cust dd{
    margin-bottom:4em;
    line-height:200%;
    text-align:left;
    }
#semi03 .books ul{
    margin-left:-31px;
    }
#semi03 .books ul li{
    float:left;
    width:230px;
    margin:0 0 2.2em 30px;
    line-height:160%;
    }
#semi03 .covImg{
    display:block;
    width:100px;
    margin:0 auto 0.5em;
    }
/*#semi03 .books a{
    display:block;
    }*/

#semi04 .crs{
    width:540px;
    }
#semi04 .crs > p{
    line-height:180%;
    text-align:left;
    }
#semi04 .basic1{
    float:left;
    margin-bottom:3em;
    }
#semi04 .basic2{
    float:right;
    margin-bottom:3em;
    }
#semi04 .advance{
    float:left;
    }
#semi04 .dbImg{
    float:right;
    }
#semi04 .crsHd{
    padding:2em 0;
    background:#CCC5BF;
    }
#semi04 .crsHd h2{
    margin-bottom:0.3em;
    font-size:2.2rem;
    font-weight:bold;
    }
	#semi04 .crsHd h2.mt{
		margin-top: 0.75em;
    }
#semi04 .crsHd p{
    font-size:1.6rem;
    font-weight:bold;
    }
#semi04 .crs img{
    margin-bottom:1.0em;
    }
#semi04 em{
    display:inline-block;
    padding-left:1em;
    color:#C80000;
    font-weight:normal;
    font-style:normal;
    }
#semi04 strong{
    display:inline-block;
    padding-left:1em;
    color:#C80000;
    font-weight:bold;
    }
#semi04 em .kome, #semi04 strong .kome{
    margin-left:-1em;
    }

#semi05 .graph{
    width:800px;
    margin:0 auto 1.3em;
    }
#semi05 .cap{
    width:800px;
    margin:0 auto;
    line-height:180%;
    text-align:left;
    }
#semi05 .cap p{
    padding-left:1em;
    }
#semi05 .cap .kome{
    margin-left:-1em;
    }

#semi06 .wrapper > p{
    width:540px;
    margin:0 auto 1em;
    font-size:1.8rem;
    }
#semi06 .blog{
    width:540px;
    margin:0 auto;
    }
#semi06 .blog a{
    display:block;
    padding:1.4em 0;
    background:#ED7D2C url(../images/common/arrow01.png) no-repeat 72%;
    background-size:22px;
    color:#FFF;
    font-size:1.8rem;
    font-weight:bold;
    text-decoration:none;
    }
#semi06 .blog a:hover{
    background:#FF9F60 url(../images/common/arrow01.png) no-repeat 72%;
    background-size:22px;
    }

#semi07 .itemHd p{
    margin:1.1em 0 0;
    font-size:1.5rem;
    line-height:180%;
    }
#semi07 ul{
    margin-left:-80px;
    }
#semi07 ul li{
    float:left;
    width:540px;
    margin-left:80px;
    line-height:180%;
    text-align:left;
    }
/*#semi07 ul h2{
    margin-bottom:0.8em;
    font-size:2rem;
    font-weight:bold;
    }*/
#semi07 ul h2{
    margin-bottom:0.5em;
    padding-left:10px;
    border-left:6px solid #EA2609;
    font-size:2rem;
    font-weight:bold;
    line-height:150%;
    }


#semi07 ul li:first-child, #semi07 ul li:nth-child(2){
    margin-bottom:2em;
    }

#semi08{
    margin-bottom:4em;
    }
#semi08 .itemHd p{
    margin:1.1em 0 0;
    font-size:1.5rem;
    line-height:180%;
    }
#semi08 ul{
    margin-left:-80px;
    }
#semi08 ul li{
    float:left;
    width:540px;
    margin:0 0 4em 80px;
    line-height:180%;
    text-align:left;
    }
/*#semi08 ul h2{
    margin-bottom:0.5em;
    padding:0 0 0 10px;
    border-left:6px solid #EA2609;
    font-size:2.4rem;
    line-height:130%;
    }*/
#semi08 ul h2{
    margin-bottom:0.5em;
    padding-left:10px;
    border-left:6px solid #EA2609;
    font-size:2rem;
    font-weight:bold;
    line-height:150%;
    }


#semi08 .name{
    margin-bottom:1em;
    padding-top:1em;
    border-top:1px solid #CCC5BF;
    font-size:1.5rem;
    font-weight:bold;
    }
}


/*===================================================

    for SP

===================================================*/
@media(max-width:768px){
#ancMenu{
    display:none;
    }
.contents .wrapper{
    margin:0 4%;
    overflow:hidden;
    }
.itemHd{
    margin-bottom:1.5em;
    }
.num1{color:#B61B1B;}
.num2{color:#F26600;}
.num3{color:#F8CB15;}
.num4{color:#93CE14;}
.num5{color:#0B853B;}
.num6{color:#067E9E;}
.num7{color:#15469A;}
.num8{color:#6C3499;}

.itemHd .num1, .itemHd .num2, .itemHd .num3, .itemHd .num4, .itemHd .num5, .itemHd .num6, .itemHd .num7, .itemHd .num8{
    display:block;
    margin-bottom:0.2em;
    font-size:5rem;
    font-family:'Playball', cursive;
    }
.itemHd h1{
    margin-bottom:0.6em;
    font-size:3.2rem;
    line-height:140%;
    }
#semi01 .container, #semi03 .container, #semi05 .container, #semi07 .container{
    padding:3em 0;
    background:#F1EDE9;
    }
#semi02, #semi04, #semi06, #semi08{
    padding:3em 0;
    }

#semi01{
    margin-top:-68px;
    }
#semi01 .itemHd p{
    font-size:1.8rem;
    font-weight:bold;
    line-height:150%;
    }
#semi01 .wrapper > p{
    line-height:180%;
    text-align:left;
    }
#semi01 .parg01{
    margin-bottom:1.3em;
    }

#semi02 ul li{
    margin-bottom:2em;
    /*padding:0 0 0 3%;
    background:url(../images/common/marker02.jpg) no-repeat left 1em;
    background-size:2.5%;*/
    line-height:180%;
    text-align:left;
    }
#semi02 ul li:last-child{
    margin-bottom:0;
    }
#semi02 ul h2{
    margin-bottom:0.5em;
    padding-left:10px;
    border-left:6px solid #EA2609;
    font-size:1.8rem;
    font-weight:bold;
    line-height:150%;
    }
/*#semi02 ul h2{
    margin-bottom:0.3em;
    font-size:1.8rem;
    font-weight:bold;
    line-height:150%;
    }*/

#semi03 .itemHd{
    margin-bottom:2.5em;
    }
#semi03 .itemHd h2{
    margin-bottom:1.5em;
    font-size:1.8rem;
    font-weight:bold;
    line-height:150%;
    }
#semi03 .itemHd p{
    line-height:180%;
    text-align:left;
    }
#semi03 dl dt{
    margin-bottom:1.2em;
    padding:1.4em 0;
    background:#CCC5BF;
    font-weight:bold;
    }
#semi03 .cust dd{
    margin-bottom:2.5em;
    line-height:180%;
    text-align:left;
    }
#semi03 .books li{
    float:left;
    width:48%;
    margin-bottom:2em;
    }
#semi03 .books li:nth-child(even){
    float:right;
    }
#semi03 .books li:nth-child(5), #semi03 .books li:nth-child(6){
    margin-bottom:0;
    }
#semi03 .covImg{
    display:block;
    margin-bottom:0.5em;
    }
#semi03 .books li a{
    display:block;
    }

#semi04 .crs{
    margin-bottom:3em;
    }
#semi04 .crs.dbImg{
    margin-bottom:0;
    }
#semi04 .crsHd{
    padding:1.2em 0;
    background:#CCC5BF;
    line-height:180%;
    }
#semi04 .crsHd h2{
    font-size:1.8rem;
    font-weight:bold;
    }
#semi04 .crs img{
    margin-bottom:0.8em;
    }
#semi04 .crs > p{
    line-height:180%;
    text-align:left;
    }
#semi04 .crs em{
    display:inline-block;
    padding-left:1em;
    color:#C80000;
    font-weight:normal;
    font-style:normal;    
    }
#semi04 .crs strong{
    display:inline-block;
    padding-left:1em;
    color:#C80000;
    font-weight:bold;
    }
#semi04 .crs .kome{
    margin-left:-1em;
    }

#semi05 .graph{
    margin-bottom:0.8em;
    }
#semi05 .cap{
    text-align:left;
    }
#semi05 .cap p{
    margin-bottom:0.8em;
    padding-left:1em;
    line-height:180%;
    }
#semi05 .cap .kome{
    margin-left:-1em;
    }

#semi06 .wrapper > p{
    margin-bottom:1em;
    font-size:1.6rem;
    line-height:160%;
    }
#semi06 .blog{
    width:90%;
    margin:0 auto;
    }
#semi06 .blog a{
    display:block;
    padding:1em 0;
    background:#ED7D2C url(../images/common/arrow01.png) no-repeat 92%;
    background-size:22px;
    color:#FFF;
    font-size:1.8rem;
    font-weight:bold;
    }

#semi07 .itemHd p{
    margin-bottom:2.3em;
    line-height:180%;
    text-align:left;
    }
#semi07 ul li{
    margin-bottom:2em;
    /*padding:0 0 0 3%;
    background:url(../images/common/marker02.jpg) no-repeat left 1em;
    background-size:2.5%;*/
    line-height:180%;
    text-align:left;
    }
#semi07 ul li:last-child{
    margin-bottom:0;
    }
/*#semi07 ul h2{
    margin-bottom:0.6em;
    font-size:1.8rem;
    font-weight:bold;
    line-height:150%;
    }*/
#semi07 ul h2{
    margin-bottom:0.6em;
    padding-left:10px;
    border-left:6px solid #EA2609;
    font-size:1.8rem;
    font-weight:bold;
    line-height:150%;
    }

#semi08 .itemHd{
    margin-bottom:2.3em;
    }
#semi08 .itemHd p{
    font-size:1.8rem;
    font-weight:bold;
    line-height:150%;
    }
#semi08 ul li{
    margin:0 0 2em 0px;
    line-height:180%;
    text-align:left;
    }
/*#semi08 ul h2{
    margin-bottom:0.8em;
    padding:0.8em 10px;
    border-bottom:1px solid #CCC5BF;
    background:#F1EDE9;
    font-size:2rem;
    line-height:130%;
    }*/
#semi08 ul h2{
    margin-bottom:0.6em;
    padding:0.8em 10px;
    border-bottom:1px solid #CCC5BF;
    border-left:6px solid #EA2609;
    font-size:1.8rem;
    font-weight:bold;
    line-height:150%;
    }

#semi08 .name{
    margin-bottom:0.6em;
    font-size:1.5rem;
    font-weight:bold;
    }

}


/*===================================================

    for vertical SP

===================================================*/
@media(max-width:480px) {

}