@charset "utf-8";

dl.kamoku {
    padding: 1em 0 0 0;
    border-top: 1px solid #EDEDED;
}

dl.kamoku dt,
dl.kamoku dd {
    position: relative;
}

dl.kamoku>dt {
	color: #FFF;
    position: relative;
    font-size: 140%;
    padding: 0.7em 3.3em 0.7em 0.7em;
    margin: 0 0 0;
    cursor: pointer;
}
dl.kamoku>dt.eng_views{ background-color: #85AA27; }
dl.kamoku>dt.mat_views{ background-color: #C14F7A; }
dl.kamoku>dt.jap_views{ background-color: #416BA8; }
dl.kamoku>dt.ron_views{ background-color: #DF9359; }
dl.kamoku>dt.sci_views{ background-color: #7A4475; }
dl.kamoku>dt.soc_views{ background-color: #28AEA5; }
dl.kamoku>dt.inf_views{ background-color: #EB7D9B; }

dl.kamoku>dt:after {
    content:"＋";
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%);
    border: 1px dashed #FFF;
    padding: 1px 8px;
    border-radius: 50%;
}
dl.kamoku>dt.active:after {
    content:"－";
    border: 1px solid #FFF;
}

dl.kamoku>dd {
    padding: 1em 0 1.5em;
    margin: 0 0 2em;
/*    border-bottom: 1px solid #EDEDED;*/
}

dl.kamoku>dt span {
    background-color: #CCC;
}

ul.flex3 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
}
.flex3 li{
    flex-basis: calc( 95% / 3 );
    padding: 1em 0;
    font-size: 120%;
}


#dl .flex3 li{
    text-align: center;
}
#dl .flex3 li a{
	color: #FFF;
}
.flex3 li img{
    /*border: 3px solid #aaa;*/
	width: calc( 100% - 6px );
}
#dl .flex3 li img{
    border: 0px solid #FFF;
	width: 100%;
}
.flex3 li div{
    text-align: left;
    border: 1px solid #aaa;
	background-color: #FFF;
	border-radius: 10px;
	padding: 10px;
	font-size: 1rem;
}
.flex3 li.set_spring div{ border: 1px solid #F6929B; }
.flex3 li.set_summer div{ border: 1px solid #69B2F0; }
.flex3 li.set_archives div{ border: 1px solid #9576C4; }

.flex3 li div span{
	display: inline-block;
}
.flex3 li div span.bg_y{
	background-color: yellow;
	font-weight: bold;
	padding: 1px 10px;
	margin: 15px 0 5px;
}
.flex3 .set_spring span.bg_y{
	color: #FFF;
	background-color: #F6929B;
}
.flex3 .set_summer span.bg_y{
	color: #FFF;
	background-color: #69B2F0;
}
.flex3 .set_archives span.bg_y{
	color: #FFF;
	background-color: #9576C4;
}
.flex3 li p.imgset{
	text-align: left;
	display: flex;
    /*justify-content: space-around;*/
    margin: 5px 0 3px;
}
.flex3 li div img{
	width: auto;
	height: 50px;
}
.cl_spring{ font-size: 1.1rem; color: #F6929B; display: block !important; text-align: center; }
.cl_summer{ font-size: 1.1rem; color: #69B2F0; display: block !important; text-align: center; }
.cl_archives{ font-size: 1.1rem; color: #9576C4; display: block !important; text-align: center; }

span.dl_icon{
	color: #FFF;
	display: inline-block;
	max-width: 100px;
	border: 1px solid #333;
	/*background-color: #156082;*/
	border-radius: 50%;
	padding: 20px 20px;
	margin: 0 auto 20px;
	vertical-align: middle;
	transition: 0.3s;
}
#dl .flex3 li a:hover span.dl_icon{
	opacity: 0.6;
	/*
	background-color: #FFF;
	color: #156082;
	*/
}

span.dl_link{
	color: #FFF;
	display: block;
	text-align: center;
	border: 1px solid #196B24;
	background-color: #196B24;
	transition: 0.3s;
}
#dl .flex3 li a:hover span.dl_link{
	background-color: #FFF;
	color: #196B24;
}



.hiddenlist ul,
.sem_one>ul {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}
.hiddenlist ul li,
.sem_one>ul li{
    flex-basis: calc( 100% / 6 );
    text-align: center;
    padding: 0;
    font-size: 0;
    color: #FFF;
    cursor: pointer;
    transition: 0.3s;
}
#summer .hiddenlist ul li,
#summer .sem_one>ul li{
    flex-basis: calc( 100% / 7 );
    text-align: center;
    padding: 0;
    font-size: 0;
    color: #FFF;
    cursor: pointer;
    transition: 0.3s;
}
/*
.hiddenlist ul li.eng_views{ background-color: #85AA27; }
.hiddenlist ul li.mat_views{ background-color: #C14F7A; }
.hiddenlist ul li.jap_views{ background-color: #416BA8; }
.hiddenlist ul li.ron_views{ background-color: #DF9359; }
.hiddenlist ul li.sci_views{ background-color: #7A4475; }
.hiddenlist ul li.soc_views{ background-color: #28AEA5; }
.hiddenlist ul li.inf_views{ background-color: #EB7D9B; }
*/
.hiddenlist ul li:hover,
.sem_one>ul li:hover{
    opacity: 0.7;
}
.hiddenlist ul li img,
.sem_one>ul li img{
	width: 100%;
	padding: 0;
	vertical-align: middle;
}
.hiddenlist dl dt{
    text-align: center;
    padding: 1em 0;
    font-size: 120%;
    color: #FFF;
}
.hiddenlist dl.eng_views dt{ background-color: #85AA27; }
.hiddenlist dl.mat_views dt{ background-color: #C14F7A; }
.hiddenlist dl.jap_views dt{ background-color: #416BA8; }
.hiddenlist dl.ron_views dt{ background-color: #DF9359; }
.hiddenlist dl.sci_views dt{ background-color: #7A4475; }
.hiddenlist dl.soc_views dt{ background-color: #28AEA5; }
.hiddenlist dl.inf_views dt{ background-color: #EB7D9B; }
.hiddenlist dl dd{
    font-size: 110%;
    margin: 0.8em 0 0 0;
}
.sem_one>div.eng_views{ border: 1px solid #85AA27; }
.sem_one>div.mat_views{ border: 1px solid #C14F7A; }
.sem_one>div.jap_views{ border: 1px solid #416BA8; }
.sem_one>div.ron_views{ border: 1px solid #DF9359; }
.sem_one>div.sci_views{ border: 1px solid #7A4475; }
.sem_one>div.soc_views{ border: 1px solid #28AEA5; }
.sem_one>div.inf_views{ border: 1px solid #EB7D9B; }



.pointtext{
	font-weight: bold;
	color: red;
}
.movflex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.movflex li{
	flex-basis: 47%;
}
.movflex .movarea{
	padding-bottom:52.25%;
}
.movarea{
	position:relative;
	padding-bottom:72.25%;
	height:0;
	overflow: hidden;
}
.info {
	padding: 1.5em 0;
    background-color: #e2e2e2;
    /*background-color: #98CBFF;*/
    /*background-image: url(../img/bg_filter.png);
    background-position: center top;
    background-repeat: repeat;*/
    border-radius: 10px;
}

.info dt {
    margin: 0.5em 1.4em;
    text-align: left;
    font-size: 150%;
}

.info dt span {
    border-bottom: 2px solid #555;
}

.info dd {
    padding: 0.5em 2em;
}

/*.info dd:nth-of-type(1) {
    border-bottom: 1px dashed #FFF;
}*/

.info dd div {
    float: left;
    margin: 0.5em 0.5em 0 0;
}

.info dd div i {
    color: #FFF;
    font-size: 400%;
    border: 1px solid #FFF;
    padding: 10px 12px 13px;
    border-radius: 100%;
}
.memberbox{
	color: #FFF;
	padding: 1em 0;
	margin: 1em 0;
	background-color: #E56973;
	text-align: center;
}
.memberbox div{
	font-size: 170%;
	text-align: center;
}
.memberbox ul{
	margin: 1em auto 0;
	width: 90%;
	background-color: #fff;
}
.memberbox ul li:nth-of-type(2) a{
	background-color: #aaa;
	border: 1px solid #aaa;
}
.memberbox ul li:nth-of-type(2) a:hover{
	background-color: #FFF;
	color: #aaa;
}
.membersbox{
	padding: 1em 0;
	margin: 1em 10%;
	text-align: center;	
}
.membersbox ul{
	display: flex;
	flex-wrap: wrap;
}
.membersbox ul li{
	flex-basis: 45%;
	margin-right: 5%;
}
.membersbox ul li:nth-of-type(1){
	text-align: right;
}
.membersbox ul li:nth-of-type(2){
	text-align: left;
}

.membersbox ul li span{
	display: block;
	text-align: right;
}
.membersbox ul li img{
	height: 70px;
	width: auto;
}

.flex-2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex-2 li{
	flex-basis: 47%;
}
.flex-2 li img{
	width: 100%;
}
.readflex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.readflex dt{
	flex-basis: 270px;
}
.readflex dd{
	flex-basis: calc( 100% - 280px);
	margin-bottom: 1.5em;
}
.progressbar {
  display: flex;
  flex-wrap: wrap;
  margin: 1em 0 1.5em;
}
.progressbar .item {
	font-size: 1rem;
	vertical-align: middle;
    position: relative;
    width: 25%;
    text-align: center;
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 25px 0;
    line-height: 1.5;
    background: #858585;
    color: #fff;
}
.progressbar .item:first-child {
	border-top-left-radius : 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-bottom-left-radius : 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-right-radius : 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-bottom-right-radius : 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
}
.progressbar .item:last-child {
	border-top-left-radius : 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-bottom-left-radius : 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-right-radius : 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-bottom-right-radius : 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
}
.progressbar .item:not(:last-child)::before,
.progressbar .item:not(:last-child)::after {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 100%;
    content: '';
    border: 39px solid transparent;
    border-left: 24px solid #858585;
    margin: auto;
}
.progressbar .item:not(:last-child)::before {
    margin-left: 1px;
    border-left-color: #FFF;
}
.flow_fin{
	display: inline-block;
}
@media screen and (max-width: 1000px) {
.progressbar .item {
    font-size: 9px;
    line-height: 1.4;
    padding: 10px 0;
}
.progressbar .item:not(:last-child)::before,
.progressbar .item:not(:last-child)::after {
    border-width: 18px;
    border-left-width: 12px;
}
.flow_fin{
	display: inline-block;
	padding-top: 0;
}
}

/* active */

.progressbar .item.active {
    z-index: 1;
    background: #0070BD;
    color: #FFF;
}
.progressbar .item.active:not(:last-child)::after {
    border-left-color: #0070bd;
}
.progressbar .item.active:not(:last-child)::before {
    border-left: none;
}

.picleft,
.picright{
    width:  180px;
    height: 180px; 
    border-radius: 50%;
    background-size: 280px;
    background-position: center center;
}

.picleft{
	float: left;
    background-image: url("../seminar/img/img02-1-pc.png");
    margin-right: 20px;
    background-position: left center;
}
.picright{
	float: right;
    background-image: url("../seminar/img/img02-3-pc.png");
    margin-left: 20px;
}
.kyoinslide{
	width: 217px;
	float: right;
}
.indexlist-sem{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 2em;
}
.indexlist-sem li{
	/*flex-basis: 100% !important;*/
	background-color: #FFF !important;
	padding: 0em;
	margin-bottom: 1.4em;
	font-size: 0.75rem;
}
.indexlist-sem li:nth-of-type(1){
	width: 30%;
}
.indexlist-sem li:nth-of-type(2){
	width: 25%;
}
.indexlist-sem li:nth-of-type(3){
	width: 40%;
}
.indexlist-sem li img{
	width: 100% !important;
	padding-bottom: 10px;
	vertical-align: middle;
}
.indexlist-sem div.indexlist-title {
	background-color: #C1E5F5;
	text-align: center;
	margin-bottom: 10px;
	font-size: 1.1rem;
}
.indexlist-sem a img{
	margin-bottom: 15px;
}

.indexlist-sem a.indexlist-btn{
	position: relative;
	display: block;
	padding: 15px 0 14px 40%;
	/*border: 1px solid #333;*/
	background-color: #E1E9ED;
	color: #156082;
	text-align: center;
	font-size: 0.8rem;
	/*border-radius: 5px;*/
	transition: 0.3s;
}
.indexlist-sem a.indexlist-btn:nth-of-type(1){
	margin-top: 50px;
	background-image: url(../seminar/img/icon_index_taimen.png);
	background-size: auto 40px;
	background-repeat: no-repeat;
	background-position: 15px 19px;
}
.indexlist-sem a.indexlist-btn:nth-of-type(2){
	margin-top: 59px;
	background-image: url(../seminar/img/icon_index_mobasate.png);
	background-size: auto 40px;
	background-repeat: no-repeat;
	background-position: 25px 19px;
}
.indexlist-sem a.indexlist-btn:nth-of-type(3){
	margin-top: 59px;
	background-image: url(../seminar/img/icon_index_etc.png);
	background-size: auto 40px;
	background-repeat: no-repeat;
	background-position: 30px 19px;
}
.indexlist-sem a.indexlist-btn:hover{
	background-color: #E5F5FF;
}
.indexlist-sem a.indexlist-btn i{
	position: absolute;
	bottom: 5px;
	right: 10px;
	font-size: 1rem;
}
.indexlist-sem div a.nolink{
	background-color: #ededed;
	color: #FFF;
	pointer-events: none;
	opacity: 0;
}

.indexbnr,
.indexlist{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 1em;
}
.indexbnr2line{
	justify-content: center !important;
}

.indexlist li{
	flex-basis: 31%;
	margin-bottom: 0.7em;
	/*font-size: 0.7rem;*/
	font-size: 1.2rem;
	vertical-align: middle;
	overflow: hidden;
}
.indexbnr2line li{
	flex-basis: 31%;
	margin-bottom: 0.7em;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: middle;
}
.indexbnr li{
	flex-basis: 31%;
	margin-bottom: 0.7em;
	vertical-align: middle;
}
.indexbnr li img{
	width: 100%;
}
.indexlist-1 li:nth-of-type(1) {
	background-color: #008F7E;
}
.indexlist-1 li:nth-of-type(2) {
	background-color: #E60012;
}
.indexlist-1 li:nth-of-type(3) {
	background-color: #F29600;
}
.indexlist-2 li:nth-of-type(1) {
	background-color: #EA5484;
}
.indexlist-2 li:nth-of-type(2) {
	background-color: #0050A3;
}
.indexlist-2 li:nth-of-type(3) {
	background-color: #EE90A3;
}

.indexlist li a{
	display: flex;
	flex-wrap: nowrap;
	color: #FFF;
	position: relative;
}
.indexlist li div{
	width: 47%;
	overflow: hidden;
}
.indexlist li div.txt{
	width: 50%;
	padding-left: 3%;
	align-self: center;
	vertical-align: middle;
	font-weight: bold;
}
.indexlist li span{
	position: absolute;
	font-size: 0.9rem;
	bottom: 2%;
	right: 2%;
}
.indexlist li img{
	width: 190%;
	margin-left: -60px;
	padding-bottom: 0;
	vertical-align: middle;
}
.indexlist li a:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
.indexlist li:hover{
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}



.setlist li{
	vertical-align: top;
	font-size: 115%;
	margin-bottom: 0.3em;
}
.s_work_flow .s_work_flow_step{
display:flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-wrap:wrap;
margin-bottom:15px;
}
.s_work_flow .s_work_flow_step .s_work_flow_number{
width:20%;
font-size:15px;
background:#EA5D48;
color:#fff;
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.s_work_flow .s_work_flow_step .s_work_flow_content{
width:75%;
padding:10px;
border:1px solid #ccc;
display: flex;
 display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
}
.s_work_flow .s_work_flow_step:not(:last-child){
position:relative;
margin-bottom:30px;
}
.s_work_flow .s_work_flow_step:not(:last-child):before{
position: absolute;
content: "";
display: inline-block;
width: 15px;
height: 15px;
box-sizing: border-box;
border-style: solid;
border-width: 15px 15px 0px 15px;
bottom: -23px;
left: 11%;
margin-left: -25px;
border-color: #EA5D48 transparent transparent transparent;
}

.planexe li{
	display: inline-block;
	vertical-align: top;
	width: 47%;
	margin-bottom: 1.5em;
}
.planexe li:nth-of-type(1),
.planexe li:nth-of-type(3){
	margin: 0 2% 0 0;
	padding: 0 2% 0 0;
	border-right: 1px dashed #ededed;
}
.planexe li span{
	color: #4D639E;
	font-size: 130%;
	display: block;
	margin: 0 0 0.5em;
}
.planexe li div{
	color: #4D639E;
	font-size: 110%;
	display: block;
	margin: 0 0 0.5em;
}
.planexe li div strong{
	color: #FFF;
	background-color: #4D639E;
	padding: 2px 5px 0;
}
.pr_text{
	/*color: #EE835C;*/
	font-size: 110%;
	display: block;
	margin: 0.2em 0 1em; 
}
.point{
	color: #EE835C;
	font-size: 110%;
}
ul.project{
	margin: 0 0 1em;
}
ul.project li{
	padding: 1em 0.5em;
	background-color: #98CBFF;
	border-bottom: 1px solid #FFF;
}
ul.project li:first-child{
	background-color: #bbb;
}
ul.project li:last-child{
	background-color: #EE835C;
	color: #FFF;
	font-size: 120%;
}
ul.project li img{
	float: left;
	margin: 0 0.5em 1em 0;
}
ul.project li:nth-of-type(1) img,
ul.project li:nth-of-type(3) img,
ul.project li:nth-of-type(5) img{
	margin: 0.5em 0.5em 1em 0;
}
ul.project li:nth-of-type(7) img{
	margin: -0.2em 0.5em 1em 0;
}

ul.projectflow{
	margin: 0 0 1em;
}
ul.projectflow li{
	padding: 1em 0.5em;
	color: #FFF;
	background-color: #AC8CB1;
	border-bottom: 1px solid #FFF;
}
ul.projectflow li img{
	float: left;
	margin: 0.8em 0.5em 0.5em 0;
}
ul.projectflow li:nth-of-type(1) img,
ul.projectflow li:nth-of-type(3) img,
ul.projectflow li:nth-of-type(5) img{
}
ul.projectflow li:nth-of-type(7) img{
	margin: -0.2em 0.5em 1em 0;
}

ul.qalink{
	width: 400px;
    margin: -40px 0 10px 470px;
    padding: 5px;
    background-color: #ECECE4;
    border: 1px solid #ccc;
}
ul.qalink li:nth-of-type(2n){
	text-align: right;
	margin: -1.6em 2em 0 0;
}
dl.qa{
	padding: 1em 0 0 0;
	border-top: 1px solid #EDEDED;
}
dl.qa dt,
dl.qa dd{
	position: relative;
}
dl.qa dt{
	font-size: 140%;
	padding: 0.7em 0 0 3.3em;
	margin: 0 0 1.0em;
}
dl.qa dd{
	padding: 1em 0 1.5em 5em; 
	margin: 0 0 2em;
	border-bottom: 1px solid #EDEDED;
}
dl.qa span{
	padding: 0.5em 1em;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
dl.qa dt span{
	background-color: #CCC;
}
dl.qa dd span{
	font-size: 140%;
	color: #FFF;
	background-color: #0062A1;
}
dl.qa strong{
	font-size: 130%;
	display: block;
}
.kouzalist{
}
.kouzalist dt{
	font-size: 150%;
	font-weight: bold;
}
.kouzalist dd{
	margin: 0 0 2em;
}
.kouzalist dd ul li{
	width: 440px;
	border: 1px solid #CCC; 
	display: inline-block;
	margin: 0 5px 10px 0;
	background-image: url(../seminar/img/bg_arrow.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	vertical-align: top;
}
.kouzalist dd ul li:nth-of-type(2n){
	margin: 0 0 10px 0;
}
.movlist{
}
.movlist dt{
	font-size: 150%;
	font-weight: bold;
}
.movlist dd{
	margin: 0 0 2em;
}
.movlist dd li{
	width: 270px;
	height: 220px;
	display: inline-block;
	margin: 0 5px 15px 0;
	padding: 10px 10px 3px 13px;
	background-image: url(../seminar/img/bg_mov.png);
	background-position: left top;
	background-repeat: no-repeat;
	vertical-align: top;
}
.movlist dd li:nth-of-type(3n){
	margin: 0 0 10px 0;
}
.movlist dd li a{
	background-image: url(../seminar/img/bg_arrow.png);
	background-position: 210px bottom;
	background-repeat: no-repeat;
}



.kouzalist dd li a,
.movlist dd li a{
	display: block;
	width: 100%;
}
.kouzalist dd li.english a,
.movlist dd li.english a{
	color: #85AA27;
}
.kouzalist dd li.mathematics a,
.movlist dd li.mathematics a{
	color: #C14F7A;
}
.kouzalist dd li.japanese a,
.movlist dd li.japanese a{
	color: #416BA8;
}
.kouzalist dd li.ronbun a,
.movlist dd li.ronbun a{
	color: #DF9359;
}
.kouzalist dd li.science a,
.movlist dd li.science a{
	color: #7A4475;
}
.kouzalist dd li.society a,
.movlist dd li.society a{
	color: #28AEA5;
}
.kouzalist dd li.information a,
.movlist dd li.information a{
	color: #EB7D9B;
}
.kouzalist dd li.gouka a,
.movlist dd li.gouka a{
	color: #0092D4;
}
.kouzalist dd li.original a,
.movlist dd li.original a{
	color: #C54C6B;
}
.kouzalist dd li img,
.movlist dd li img{
	float: left;
	margin: 0 10px 0 0;
	width: 85px;
}
.kouzalist dd li .cate,
.movlist dd li .cate{
	color: #FFF;
	font-size: 120%;
	padding: 1px 3px 0;
}
dd li.english .cate{
	background-color: #85AA27;
}
dd li.mathematics .cate{
	background-color: #C14F7A;
}
dd li.japanese .cate{
	background-color: #416BA8;
}
dd li.ronbun .cate{
	background-color: #DF9359;
}
dd li.science .cate{
	background-color: #7A4475;
}
dd li.society .cate{
	background-color: #28AEA5;
}
dd li.information .cate{
	background-color: #EB7D9B;
}
dd li.gouka .cate{
	background-color: #0092D4;
}
dd li.original .cate{
	background-color: #C54C6B;
}
dd li .name{
	color: #333;
	font-size: 150%;
	vertical-align: middle;
}

dd li.line2 img{
	float: left;
	margin: 0 10px 0 0;
	width: 85px;
}
.movlist .line2 img{
	width: 43px !important;
}
dd li.line2 .cate{
	color: #FFF;
	font-size: 100%;
	padding: 1px 3px 0;
}
dd li.line2 .name{
	color: #333;
	font-size: 110%;
	vertical-align: middle;
}
.movlist dd li.line2 .name{
	color: #333;
	font-size: 125%;
	vertical-align: middle;
}

a.orderbtn{
	color: #FFF;
	font-weight: bold;
	padding: 1em 3em;
	border: 1px solid #FF3000;
	background-color: #FF3000;
	border-radius: 5px;
	box-sizing: border-box;
	display: inline-block;
	transition: all 0.3s linear;
}
a.orderbtn:hover{
	color: #FF3000;
	background-color: #FFF;
}
a.orderbtn_end{
	color: #FFF;
	font-weight: bold;
	padding: 1em 3em;
	border: 1px solid #AAA;
	background-color: #AAA;
	border-radius: 5px;
	box-sizing: border-box;
	display: inline-block;
	transition: all 0.3s linear;
	pointer-events: none;
}
.img_skill {
    float: right;
    margin: 0 20px 15px 20px;
}
.blacktitle{
	font-size: 160%;
	font-weight: bold;
}

/***** セミナーのブロックスタイル *****/
#main div.block{
	margin-bottom: 10px;
	border-width: 1px;
	border-style: solid;
}
#main div.block h4{
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px; 
	background-color: #85AA27;
}
#main div.block h4 div,
#main div.block h4 small{
	font-size: 70%;
}
#main div.block dd{
	padding: 5px;
	margin-bottom: 10px;
}
#main div.block dd.etctext{
	padding: 5px;
	margin: 0 10px 10px;
	background-color: #EDEDED;
}

#main div.english{ border-color: #85AA27; }
#main div.english h4{ background-color: #85AA27; }
#main div.english dd strong{ color: #85AA27; }
#main div.mathematics{ border-color: #C14F7A; }
#main div.mathematics h4{ background-color: #C14F7A; }
#main div.mathematics dd strong{ color: #C14F7A; }
#main div.japanese{ border-color: #416BA8; }
#main div.japanese h4{ background-color: #416BA8; }
#main div.japanese dd strong{ color: #416BA8; }
#main div.ronbun{ border-color: #DF9359; }
#main div.ronbun h4{ background-color: #DF9359; }
#main div.ronbun dd strong{ color: #DF9359; }
#main div.science{ border-color: #7A4475; }
#main div.science h4{ background-color: #7A4475; }
#main div.science dd strong{ color: #7A4475; }
#main div.society{ border-color: #28AEA5; }
#main div.society h4{ background-color: #28AEA5; }
#main div.society dd strong{ color: #28AEA5; }
#main div.information{ border-color: #EB7D9B; }
#main div.information h4{ background-color: #EB7D9B; }
#main div.information dd strong{ color: #EB7D9B; }
#main div.gouka{ border-color: #0092D4; }
#main div.gouka h4{ background-color: #0092D4; }
#main div.gouka dd strong{ color: #0092D4; }
#main div.original h4{ background-color: #C54C6B; }
#main div.original dd strong{ color: #C54C6B; }
#main div.block .img{
	float: left;
	margin: 0 20px 15px 5px;
}
#main div.block .mov{
	margin: 0 5px 15px 20px;
	float: right;
}

#main div.block .code{
	text-align: right;
	margin: -1.5em 0 0 0;
}
#main div.block h4 span{
	font-size: 80%;
	padding: 2px 3px 0;
	border: 1px solid #FFFFFF;
}
#main div.block p{
	margin: 0 5px 0;
}

#main div.block table,
table.detaildata{
	margin-left: 10px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
#main div.block .lecbox{
	float: left;
}
#main div.block table{
	width: 600px;
}
#main div.block dl{
	clear: both;
}
#main div.block table th,
#main div.block table td,
table.detaildata th,
table.detaildata td{
	color: #FFFFFF;
	text-align: center;
	padding: 1px 5px;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}
table.detaildata th{
	white-space: nowrap;
}
table.detaildata td{
	color: #000000 !important;
	text-align: left !important;
}
table.lec_contents td{
	width: 50% !important;
}

.goal_on{ background-color: #339348; }
.goal_off{ background-color: #DDDDDD; }
.time_on{ background-color: #E69202; }
.time_off{ background-color: #DDDDDD; }
.period_on{ background-color: #4F71A4; }
.period_off{ background-color: #DDDDDD; }

.midashi{ background-color: #4D639E; }

.start_on{ background-color: #009F5D; }
.start_off{ background-color: #DDDDDD; }
.middle_on{ background-color: #E6A600; }
.middle_off{ background-color: #DDDDDD; }
.toplevel_on{ background-color: #D80C18; }
.toplevel_off{ background-color: #DDDDDD; }

/***** セミナーのブロックスタイル（2024ver） *****/
#main div.lec-block{
	margin-bottom: 10px;
}
#main div.lec-block h4{
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px; 
	background-color: #85AA27;
}
#main div.lec-block h4 div,
#main div.lec-block h4 small{
	font-size: 70%;
}
#main div.lec-block h4 img{
	width: 100px;
}
.lec-block .detail-core{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.lec-block .detail-item:nth-of-type(1){
	width: 67%;
	order: 2;
}
.lec-block .detail-item:nth-of-type(2){
	width: 32%;
	order: 1;
}

#main div.lec-block p{
	text-align: justify;
	word-break: break-all;
}
#main div.lec-block dd{
	padding: 5px;
	margin-bottom: 10px;
	text-align: justify;
	word-break: break-all;
}
#main div.lec-block dd.etctext{
	padding: 5px;
	margin: 0 10px 10px;
	background-color: #EDEDED;
}

#main div.english{ border-color: #85AA27; }
#main div.english h4{ background-color: #85AA27; }
#main div.english dd strong{ color: #85AA27; }
#main div.mathematics{ border-color: #C14F7A; }
#main div.mathematics h4{ background-color: #C14F7A; }
#main div.mathematics dd strong{ color: #C14F7A; }
#main div.japanese{ border-color: #416BA8; }
#main div.japanese h4{ background-color: #416BA8; }
#main div.japanese dd strong{ color: #416BA8; }
#main div.ronbun{ border-color: #DF9359; }
#main div.ronbun h4{ background-color: #DF9359; }
#main div.ronbun dd strong{ color: #DF9359; }
#main div.science{ border-color: #7A4475; }
#main div.science h4{ background-color: #7A4475; }
#main div.science dd strong{ color: #7A4475; }
#main div.society{ border-color: #28AEA5; }
#main div.society h4{ background-color: #28AEA5; }
#main div.society dd strong{ color: #28AEA5; }
#main div.information{ border-color: #EB7D9B; }
#main div.information h4{ background-color: #EB7D9B; }
#main div.information dd strong{ color: #EB7D9B; }
#main div.gouka{ border-color: #0092D4; }
#main div.gouka h4{ background-color: #0092D4; }
#main div.gouka dd strong{ color: #0092D4; }
#main div.original h4{ background-color: #C54C6B; }
#main div.original dd strong{ color: #C54C6B; }
#main div.lec-block .img{
	float: left;
	margin: 0 20px 15px 5px;
}
#main div.lec-block .mov{
	margin: 0 5px 15px 20px;
	float: right;
}

#main div.lec-block .code{
	text-align: right;
	margin: -1.5em 0 0 0;
}
#main div.lec-block h4 span{
	font-size: 100%;
	padding: 2px 3px 0;
	border: 2px solid #FFFFFF;
}
#main div.lec-block p{
	margin: 0 5px 0;
}

#main div.lec-block table{
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
#main div.lec-block table{
	width: 100%;
}
#main div.lec-block table.lec_contents td{
	width: 25% !important;
}
#main div.lec-block dl{
	clear: both;
}
#main div.lec-block table th,
#main div.lec-block table td{
	color: #FFFFFF;
	text-align: center;
	padding: 1px 5px;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}
table.detaildata th{
	white-space: nowrap;
}
table.detaildata td{
	color: #000000 !important;
	text-align: left !important;
}
div.lec-block .lecbox{
	margin: 1em 0 1.5em;
}
.goal_on{ background-color: #339348; }
.goal_off{ background-color: #DDDDDD; }
.time_on{ background-color: #E69202; }
.time_off{ background-color: #DDDDDD; }
.period_on{ background-color: #4F71A4; }
.period_off{ background-color: #DDDDDD; }

.midashi{ background-color: #4D639E; }

.lec-block .start_on{ background-color: #66AF39; }
.lec-block .start_off{ background-color: #DDDDDD; }
.lec-block .middle_on{ background-color: #EFBE28; }
.lec-block .middle_off{ background-color: #DDDDDD; }
.lec-block .toplevel_on{ background-color: #DC542A; }
.lec-block .toplevel_off{ background-color: #DDDDDD; }
.lec-block .syoki_on{ background-color: #1FA9D0; }
.lec-block .syoki_off{ background-color: #DDDDDD; }
.lec-block .kiso_on{ background-color: #474391; }
.lec-block .kiso_off{ background-color: #DDDDDD; }
.lec-block .jitu_on{ background-color: #83458F; }
.lec-block .jitu_off{ background-color: #DDDDDD; }
.lec-block .tyokuzen_on{ background-color: #CB1B79; }
.lec-block .tyokuzen_off{ background-color: #DDDDDD; }

.detaildata .start_on{ background-color: #66AF39; }
.detaildata .start_off{ background-color: #DDDDDD; }
.detaildata .middle_on{ background-color: #EFBE28; }
.detaildata .middle_off{ background-color: #DDDDDD; }
.detaildata .toplevel_on{ background-color: #DC542A; }
.detaildata .toplevel_off{ background-color: #DDDDDD; }
.detaildata .syoki_on{ background-color: #1FA9D0; }
.detaildata .syoki_off{ background-color: #DDDDDD; }
.detaildata .kiso_on{ background-color: #474391; }
.detaildata .kiso_off{ background-color: #DDDDDD; }
.detaildata .jitu_on{ background-color: #83458F; }
.detaildata .jitu_off{ background-color: #DDDDDD; }
.detaildata .tyokuzen_on{ background-color: #CB1B79; }
.detaildata .tyokuzen_off{ background-color: #DDDDDD; }


/* .pickup
*********************************************************************/
#main .minititle{
	color: #CC3333;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 4px 3px 0;
	border-top: 0px solid #CC3333 !important;
	border-left: 0px solid #CC3333 !important;
	border-right: 0px solid #CC3333 !important;
	border-bottom: 2px solid #CC3333 !important;
	background-color: #FFFFFF !important;
}
#main ul.piclist {
	width: 720px;
}
#main ul.piclist li{
	float: left;
	margin: 0 20px 10px 0;
}

#main table.qadata{
	width: 600px;
	font-size: 90%;
	border-top: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
}
#main table.qadata th,
#main table.qadata td{
	padding: 4px;
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
}
#main table.qadata th{
	text-align: center;
	background-color: #E6E6E6;
}
#main table.qadata td.date{
	background-color: #F6E6C9;
}

#main table.qadata a.on:after{
	content: "公開中";
	color: #FFF;
	background-color: #C33;
	padding: 1px 10px 2px;
	margin-left: 1em;
}

#main table.qadata a.off:after{
	content: "準備中";
	color: #FFF;
	background-color: #999;
	padding: 1px 10px 2px;
	margin-left: 1em;
}

#main .qaarea{
	background-color: #ECECE4;
	padding: 20px;
	margin-bottom: 10px;
    border-radius: 5px;        /* CSS3闕画｡ */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome逕ｨ */  
    -moz-border-radius: 5px;   /* Firefox逕ｨ */ 
    overflow: hidden; 
}
#main .qaarea p{
	width: 130px;
	text-align: center;
	float: left;
}
#main .qaarea p span.name{
	color: #4169E1;
	font-weight: bold;
}
#main .qaarea div{
	float: right;
	width: 710px;
	font-size: 120%;
	margin-top: 0px;
	padding-bottom: 10px;
}
#main .qaarea dl{
	float: right;
	width: 710px;
	position:relative;
	padding-bottom: 10px;
	border-top: 1px solid #D3D6D8;
}
#main .qaarea dt {
	font-weight: bold;
	cursor:pointer;
	padding: 10px 30px 10px 50px;
	border-left: 1px solid #D3D6D8;
	border-right: 1px solid #D3D6D8;
	border-bottom: 1px solid #D3D6D8;
	background-image: url("../seminar/img/qa/bg_q.png");
	background-repeat: no-repeat;
	background-position: left 5px;
	background-color: #E6F0F8;
}
#main .qaarea dt.active {
	background-position: -708px 5px;
}
#main .qaarea dd {
	position:relative;
	border-left: 1px solid #D3D6D8;
	border-right: 1px solid #D3D6D8;
	border-bottom: 1px solid #D3D6D8;
	padding: 10px 5px 10px 55px;
	background-color: #FFF;
	background-image: url("../seminar/img/qa/bg_a.png");
	background-repeat: no-repeat;
	background-position: 10px 10px;
	line-height: 170%;
}
#main .qaarea dd div{
	font-size: 120%;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
}

#main .qaarea br{
	height: 5px !important;
}
#main .tag2{
	margin-left: 535px;
	margin-bottom: 40px;
	clear: both;
}

.qaarea a.contactlink{
	color: #FFF;
	text-decoration: none;
	background-color: #f5832f;
	border: 1px solid #f5832f;;
	padding: 8px 15px;
	display: inline-block;
	margin: 10px 0;
	transition: all 0.3s linear;
}
.qaarea a.contactlink:hover{
	color: #f5832f;
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #f5832f;;
}
.qaarea a.contactlink:after{
	content: " >";
	color: #FFF;
	transition: all 0.3s linear;
}
.qaarea a.contactlink:hover:after{
	content: " >";
	color: #f5832f;
}


/* #qa_oneday2014
****************************************************/
#qa_oneday2014 div.box .subtitle{
	color: #DEB259;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 4px 3px 0;
	border: 2px solid #E0C491 !important;
	background-color: #F7F2E9;
}
#qa_oneday2014 #main .qaarea dt {
	font-weight: bold;
	cursor:pointer;
	padding: 10px 30px 10px 50px;
	border-left: 1px solid #D3D6D8;
	border-right: 1px solid #D3D6D8;
	border-bottom: 1px solid #D3D6D8;
	background-image: url("../seminar/img/qa/2014/bg_q.png");
	background-repeat: no-repeat;
	background-position: left 5px;
	background-color: #F8F2E6;
}
#qa_oneday2014 #main .qaarea dt.active {
	background-position: -708px 5px;
}

/* #qa_oneday2015
****************************************************/
#qa_oneday2015 div.box .subtitle{
	color: #A0C13D;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 4px 3px 0;
	border: 2px solid #B4D452 !important;
	background-color: #F1F8DD;
}
#qa_oneday2015 #main .qaarea dt {
	font-weight: bold;
	cursor:pointer;
	padding: 10px 30px 10px 50px;
	border-left: 1px solid #C5E073;
	border-right: 1px solid #C5E073;
	border-bottom: 1px solid #C5E073;
	background-image: url("../seminar/img/qa/2015/bg_q.png");
	background-repeat: no-repeat;
	background-position: left 5px;
	background-color: #F1F8DD;
}
#qa_oneday2015 #main .qaarea dt.active {
	background-position: -708px 5px;
}

/* #qa_oneday2016
****************************************************/
#qa_oneday2016 div.box .subtitle{
	color: #f5832f;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 4px 3px 0;
	border: 2px solid #f7a980 !important;
	background-color: #fff3eb;
}
#qa_oneday2016 #main .qaarea dt {
	font-weight: bold;
	cursor:pointer;
	padding: 10px 30px 10px 50px;
	border-left: 1px solid #faa77b;
	border-right: 1px solid #faa77b;
	border-bottom: 1px solid #faa77b;
	background-image: url("../seminar/img/qa/2016/bg_q.png");
	background-repeat: no-repeat;
	background-position: left 5px;
	background-color: #fff4ed;
}
#qa_oneday2016 #main .qaarea dt.active {
	background-position: -708px 5px;
}

/* #qa_oneday2017
****************************************************/
#qa_oneday2017 div.box .subtitle{
	color: #D16179;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 4px 3px 0;
	border: 2px solid #D16179 !important;
	background-color: #FBF1F4;
}

#qa_oneday2017 #main .qaarea dt {
	font-weight: bold;
	cursor:pointer;
	padding: 10px 30px 10px 50px;
	border-left: 1px solid #D16179;
	border-right: 1px solid #D16179;
	border-bottom: 1px solid #D16179;
	background-image: url("../seminar/img/qa/2017/bg_q.png");
	background-repeat: no-repeat;
	background-position: left 5px;
	background-color: #FBF1F4;
}
#qa_oneday2017 #main .qaarea dt.active {
	background-position: -708px 5px;
}

/* #qa_oneday2018
****************************************************/
#qa_oneday2018 div.box .subtitle{
	color: #AC25E7;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 4px 3px 0;
	border: 2px solid #AC25E7 !important;
	background-color: #F3E4FD;
}

#qa_oneday2018 #main .qaarea dt:nth-of-type(1) {
	border-top: 1px solid #AC25E7;
}
#qa_oneday2018 #main .qaarea dt {
	font-weight: bold;
	cursor:pointer;
	padding: 10px 30px 10px 50px;
	border-left: 1px solid #AC25E7;
	border-right: 1px solid #AC25E7;
	border-bottom: 1px solid #AC25E7;
	background-image: url("../seminar/img/qa/2018/bg_q.png");
	background-repeat: no-repeat;
	background-position: left 5px;
	background-color: #F3E4FD;
}
#qa_oneday2018 #main .qaarea dt.active {
	background-position: -708px 5px;
}

/* #qa_oneday2019
****************************************************/
#qa_oneday2019 div.box .subtitle{
    color: #3E45FF;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 4px 3px 0;
    border: 2px solid #3E45FF !important;
    background-color: #E7EAFF;
}

#qa_oneday2019 #main .qaarea dt:nth-of-type(1) {
    border-top: 1px solid #3E45FF;
}
#qa_oneday2019 #main .qaarea dt {
    font-weight: bold;
    cursor:pointer;
    padding: 10px 30px 10px 50px;
    border-left: 1px solid #3E45FF;
    border-right: 1px solid #3E45FF;
    border-bottom: 1px solid #3E45FF;
    background-image: url("../seminar/img/qa/2019/bg_q.png");
    background-repeat: no-repeat;
    background-position: left 5px;
    background-color: #E7EAFF;
}
#qa_oneday2019 #main .qaarea dt.active {
    background-position: -708px 5px;
}


/* #qa_oneday2020
****************************************************/
#qa_oneday2020 div.box .subtitle{
    color: #6ECE72;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 4px 3px 0;
    border: 2px solid #6ECE72 !important;
    background-color: #EEF9ED;
}

#qa_oneday2020 #main .qaarea dt:nth-of-type(1) {
    border-top: 1px solid #6ECE72;
}
#qa_oneday2020 #main .qaarea dt {
    font-weight: bold;
    cursor:pointer;
    padding: 10px 30px 10px 50px;
    border-left: 1px solid #6ECE72;
    border-right: 1px solid #6ECE72;
    border-bottom: 1px solid #6ECE72;
    background-image: url("../seminar/img/qa/2020/bg_q.png");
    background-repeat: no-repeat;
    background-position: left 5px;
    background-color: #EEF9ED;
}
#qa_oneday2020 #main .qaarea dt.active {
    background-position: -708px 5px;
}


/* #qa_oneday2021
****************************************************/
#qa_oneday2021 div.box .subtitle{
    color: #66ACD6;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 4px 3px 0;
    border: 2px solid #66ACD6 !important;
    background-color: #ECF6FA;
}

#qa_oneday2021 #main .qaarea dt:nth-of-type(1) {
    border-top: 1px solid #66ACD6;
}
#qa_oneday2021 #main .qaarea dt {
    font-weight: bold;
    cursor:pointer;
    padding: 10px 30px 10px 50px;
    border-left: 1px solid #66ACD6;
    border-right: 1px solid #66ACD6;
    border-bottom: 1px solid #66ACD6;
    background-image: url("../seminar/img/qa/2021/bg_q.png");
    background-repeat: no-repeat;
    background-position: left 5px;
    background-size: 200%;
    background-color: #ECF6FA;
}
@media screen and (max-width: 500px) {
	#qa_oneday2021 #main .qaarea dt {
		background-image: url(../seminar/img/qa/2021/bg_q-sp.png);
	}
}
#qa_oneday2021 #main .qaarea dt.active {
    background-position: 100% 5px;
}
/* #qa_oneday2014
****************************************************/
#qa_oneday2022 div.box .subtitle{
	color: #DEB259;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 4px 3px 0;
	border: 2px solid #E0C491 !important;
	background-color: #F7F2E9;
}
#qa_oneday2022 #main .qaarea dt:nth-of-type(1) {
    /*border-top: 1px solid #66ACD6; */
}
#qa_oneday2022 #main .qaarea dt {
	font-weight: bold;
	cursor:pointer;
	padding: 10px 30px 10px 50px;
	border-left: 1px solid #D3D6D8;
	border-right: 1px solid #D3D6D8;
	border-bottom: 1px solid #D3D6D8;
	background-image: url("../seminar/img/qa/2022/bg_q.png");
	background-repeat: no-repeat;
	background-position: left 5px;
	background-color: #F8F2E6;
}
@media screen and (max-width: 500px) {
	#qa_oneday2022 #main .qaarea dt {
		background-image: url(../seminar/img/qa/2022/bg_q-sp.png);
	}
}
#qa_oneday2022 #main .qaarea dt.active {
    background-position: 100% 5px;
}
/* #qa_oneday2023
****************************************************/
#qa_oneday2023 #main .qaarea dt {
	background-image: url("../seminar/img/qa/2023/bg_q.png"), url("../seminar/img/qa/2023/bg_+.png");
	background-repeat: no-repeat ,no-repeat;
	background-position: 10px 5px ,99% 5px;
}
#qa_oneday2023 #main .qaarea dt.active {
	background-image: url("../seminar/img/qa/2023/bg_q.png"), url("../seminar/img/qa/2023/bg_-.png");
}



.longtext{
	width: 400px;
	border-left: 1px solid #CCC;
}
.fontL{
	font-size: 130%;
}
.openingtext {
    background-image: url(../seminar/img/archives_bg.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 1em 2em;
    font-size: 115%;
    text-shadow: -1px -1px 4px #FFF;
}
.openingtext .price {
    color: #E50012;
    font-weight: bold;
    font-size: 150%;
}
.openingtext .img_r{
	margin: 0 0 0.5em 3em;
}
.labelbtn {
    /*background-color: #EDEDED;*/
    text-align: center;
    margin: 0 auto 1em;
    padding: 1em;
}

.labelbtn li {
    width: 49%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.labelbtn li:nth-of-type(1) {
    margin-right: 1%;
    border-right: 1px solid #333;
}

.labelbtn li strong {
    font-size: 115%;
}
.labelbtn li .orderbtn{
	width: 250px;
}

.limit {
    color: #E83217;
    padding: 0.5em 1.5em;
    margin: 0.4em 0 1em;
    background-color: #FDE8E0;
}

.limit span {
    font-size: 120%;
    font-weight: bold;
    padding: 0 0.2em;
}
.yt-sample div{
	float: left;
}
.yt-sample li{
	margin-top: 80px;
}
.pic_line2{
	margin: 1.5em 0 0;	
}
.pic_line2 li{
	display: inline-block;
	width: 48%;
}
.pic_line2 li:nth-of-type(1){
	margin-right: 2%;
}
.pic_line2 li img{
	width: 100%;
}
.mgB4-pc{
	margin-bottom: 4em;
}

.ache-part-title {
	color: #e50012;
	font-size: 1.8rem;
	font-weight: bold;
}
.bluetitle {
	color: #4D639E;
	font-size: 1.2rem;
	font-weight: bold;
}
.bluetitle span{
	color: #333;
	font-size: 0.8rem;
	font-weight: bold;
	border: 1px solid #333;
	padding: 1px 10px 0;
	vertical-align: middle;
}
.optext{
	background-color: #EDEDED;
	padding: 10px;
	text-align: left;
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 1em;
}
.linelist{
	margin: 10px 0;
}
.linelist dt{
	vertical-align: top;
	display: inline-block;
	color: #4D639E;
	font-size: 1.2rem;
	font-weight: bold;
	border: 1px solid #4D639E;
	padding: 1px 10px 0;
	margin-right: 10px;
}
.linelist dd{
	display: inline-block;
	vertical-align: top;
}

.pc-w150{
    width: 150px;
}

/* media query
*********************************************************************/
@media (max-width: 1000px) {
.pc-w150{
    width: 80%;
}
ul.flex3 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 1em;
}

.flex3 li{
    flex-basis: calc( 95% / 1 );
    padding: 1em 0;
    font-size: 110%;

}
#dl .flex3 li{
    text-align: center;
}

.lec-block .detail-core{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.lec-block .detail-item:nth-of-type(1){
	width: 100%;
	order: 1;
}
.lec-block .detail-item:nth-of-type(2){
	width: 100%;
	order: 2;
}
.membersbox{
	padding: 1em 0;
	margin: 1em 5%;
	text-align: center;	
}
.membersbox ul{
	display: flex;
}
.membersbox ul li{
	flex-basis: 45%;
	margin-right: 5%;
}
.membersbox ul li span{
	display: block;
	text-align: right;
}

.subtitle_sem span {
	padding: 0 10px 7px 10px;
	border-bottom: 0px solid #4D639E;
}
.indexbnr li,
.indexlist li{
	margin-bottom: 1em;
	font-size: 1rem;
}
.indexbnr2line li{
	margin-left: auto;
	margin-right: auto;
}

.img100sp{
	width: 100%;
}
.longtext{
	width: 40%;
}
.lec-block .lecbox{
	width: calc(100% - 0px) !important;
}
#main .lecbox{
	width: calc(100% - 95px);
}
#main .lecbox .lec_contents{
	width: 100%;
	font-size: 70%;
	margin-left: 0;
}
#main div.block .img {
	width: 75px;
	margin: 0 5px 15px 5px;
}
#main div.lec-block h4 img{
	width: 60px;
}

#main iframe{

	width: 80%;
	height: 40vw;
}
.fontL{
	font-size: 100%;
}
a.orderbtn{
	width: 100%;
	text-align: center;
	padding: 1.5em 0;
}
#main .sem_one div.block{
	margin-top: -15px;
}
.openingtext .img_r{
	margin: 0 10% 0.5em;
}
.labelbtn {
    padding: 0.3em;
}
.labelbtn li {
    width: 100%;

}
.labelbtn li:nth-of-type(1) {
    margin-right: 0;
    border-right: 0px solid #333;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
}
.labelbtn li .orderbtn{
	width: 100%;
}

.thW25 th{
	width: 25%;
}
.yt-sample div{
	float: none;
}
.yt-sample iframe{
	width: 80%;
	height: 40%;
	margin: 0 10% 0.5em;
}
.yt-sample li{
	margin-top: 0;
}
.movlist ul{
	text-align: center;
	margin: 0 auto;
}
.planexe li{
	width: 100%;
	margin-bottom: 1.5em;
}
.planexe li:nth-of-type(3){
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-right: 0px dashed #ededed;
}
.planexe li:nth-of-type(1),
.planexe li:nth-of-type(2){
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-right: 0px dashed #ededed;
	border-bottom: 1px dashed #ededed;
}
.planexe li span{
	color: #4D639E;
	font-size: 130%;
	display: block;
	margin: 0 0 0.5em;
}
.planexe li div{
	color: #4D639E;
	font-size: 110%;
	display: block;
	margin: 0 0 0.5em;
}
.mgB4-pc{
	margin-bottom: 0.5em;
}
.s_work_flow .s_work_flow_step .s_work_flow_number{
width:15%;
}
#main table.qadata{
	width: 100%;
	font-size: 90%;
}
#main .qaarea{
	padding: 10px;
	margin-bottom: 10px;
}
#main .qaarea p{
	width: 100%;
	float: none;
}
#main .qaarea div{
	float: none;
	width: 100%;
	font-size: 110%;
	margin-top: 0px;
	padding-bottom: 10px;
}
#main .qaarea dl{
	float: none;
	width: 100%;
	position:relative;
	padding-bottom: 10px;
	border-top: 1px solid #D3D6D8;
}
#main .qaarea dt,
#main .qaarea dd {
	padding: 10px 10% 10px 11% !important;
}
#main .qaarea dd div{
	font-size: 110%;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
}

#main .qaarea br{
	height: 5px !important;
}
.right_link{
	margin-bottom: 1.5em;
}
}

@media (max-width: 500px) {

.hiddenlist ul ,
.sem_one ul {
    flex-wrap: wrap;
}
.hiddenlist ul li,
.sem_one ul li{
    flex-basis: calc( 100% / 3 );
    margin-bottom: 1em;
}



.readflex dt{
	flex-basis: 100px;
}
.readflex dd{
	flex-basis: calc( 100% - 110px);
	margin-bottom: 1.5em;
}
.movflex li{
	flex-basis: 100%;
}
.movflex .movarea{
	padding-bottom:52.25%;
	margin-bottom: 1em;
}
.movarea{
	padding-bottom:60.25%;
}
.membersbox{
	padding: 1em 0;
	margin: 1em 0;
	text-align: center;	
}
.membersbox ul{
	display: flex;
}
.membersbox ul li{
	flex-basis: 48%;
	margin-right: 2%;
}
.membersbox ul li img{
	vertical-align: middle;
	max-width: 100%;
	max-height: 70px;
	height: auto;
}
.membersbox ul li span{
	font-size: 0.7rem;
}

.indexbnr li,
.indexlist li{
	flex-basis: 100%;
}
.indexlist li img{
	width: 130%;
	margin-left: -30px;
	padding-bottom: 0;
	vertical-align: middle;
}
.kyoinslide{
	width: 100%;
	float: none;
	margin-bottom: 1em;
}

.indexlist-sem{
}
.indexlist-sem li{
	width: 100% !important;
	background-color: #FFF !important;
	padding: 0em;
	margin-bottom: 1.4em;
}
.indexlist-sem a.indexlist-btn{
	padding: 17px 0 16px 40%;
	margin-bottom: 20px;
}
.indexlist-sem a.indexlist-btn:nth-of-type(1){
	margin-top: 0;
}
.indexlist-sem a.indexlist-btn:nth-of-type(2){
	margin-top: 0;
}
.indexlist-sem a.indexlist-btn:nth-of-type(3){
	margin-top: 0;
}

.indexlist-sem li img{
}
.flex-2 li{
	flex-basis: 100%;
}
}