@charset "utf-8";

@media screen and (max-width: 480px){
    .page-top{
	    bottom: 130px;
    }
}


.for-sp{ display: none !important; }
.for-pc{ display: block !important; }

@media (max-width: 1000px) {
    .for-sp{ display: block !important; }
    .for-pc{ display: none !important; }
}

.hiddenlist ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
}
.hiddenlist ul li{
    flex-basis: calc( 90% / 6 );
    text-align: center;
    padding: 1em 0;
    height: auto;
    font-size: 120%;
    color: #FFF;
    cursor: pointer;
    transition: 0.3s;
}
.click_here {
    width: 6rem;
    /*height: 6rem;*/
}
.lecturer-title{
	display: none;
}
.lecturer-name{
	display: none;
	font-weight: bold;
    font-size: 1.1rem
}
.lecturer-name-portrait{
	display: none;

}
/* モバイル共通 */
@media screen and (max-width: 1000px) {
	.lecturer-title{
		display: block;
	}
	.lecturer-name{
		display: block;
	}
}

/* 横モバイル */
@media (orientation: landscape) and (max-width: 1000px){
	.hiddenlist ul {
        width: calc(100% - 30%);
        margin-right: 15%;
        margin-left: 15%;
		flex-wrap: wrap;
	}
	.hiddenlist ul li{
	    flex-basis: calc( 90% / 3 );
	    margin-bottom: 10px;
	}
    .click_here {
	}
	.lecturer-name-portrait{
		display: none;
	}
}

/* 縦モバイル */
@media (orientation: portrait) and (max-width: 700px){
	.hiddenlist ul {
        width: calc(100% - 10%);
        margin-right: 5%;
        margin-left: 5%;
		flex-wrap: wrap;
	}
	.hiddenlist ul li{
	    flex-basis: calc( 90% / 3 );
	    margin-bottom: 10px;
	}
    .click_here {
	}
	.codetext{
		display: none;
	}
	.lecturer-name{
		display: none;
	}
	.lecturer-name-portrait{
		display: block;
		width: 65%;
	}
}

#summer .hiddenlist ul li{
    width: calc( 60% / 7 );
    text-align: center;
    padding: 0 0;
    font-size: 120%;
    color: #FFF;
    cursor: pointer;
    transition: 0.3s;
}
#summer .hiddenlist ul li img{
	width: 100%;
	padding: 0;
	margin-bottom: 0;
	vertical-align: middle;
}
#summer .hiddenlist ul li:nth-of-type(1) img{
	width: 50%;
}
#summer .hiddenlist ul li:hover{
	opacity: 0.7;
}
#summer .hiddenlist ul li:nth-of-type(1):hover,
#summer .hiddenlist ul li:nth-of-type(1) img:hover{
	opacity: 1.0;
}

.hiddenlist ul li.eng_views{ background-color: rgb(96,184,131); background: linear-gradient(315deg,  transparent 5px, rgb(96,184,131) 5px); }
.hiddenlist ul li.mat_views{ background-color: rgb(228, 105, 102); background: linear-gradient(315deg,  transparent 5px, rgb(228, 105, 102) 5px); }
.hiddenlist ul li.jap_views{ background-color: rgb(93, 158, 202); background: linear-gradient(315deg,  transparent 5px, rgb(93, 158, 202) 5px); }
.hiddenlist ul li.ron_views{ background-color: rgb(244, 175, 131); background: linear-gradient(315deg,  transparent 5px, rgb(244, 175, 131) 5px); }
.hiddenlist ul li.sci_views{ background-color: rgb(168, 112, 163); background: linear-gradient(315deg,  transparent 5px, rgb(168, 112, 163) 5px); }
.hiddenlist ul li.soc_views{ background-color: rgb(45, 181, 189) ; background: linear-gradient(315deg,  transparent 5px, rgb(45, 181, 189)  5px); }
.hiddenlist ul li.inf_views{ background-color: rgb(235, 144, 153); background: linear-gradient(315deg,  transparent 5px, rgb(235, 144, 153) 5px); }
.hiddenlist ul li:hover{
/*    color: #FFF;
    background-color: #BBB;*/
}

.hiddenlist dl dt{
    text-align: center;
    padding: 1em 0;
    font-size: 120%;
    color: #FFF;
}
.hiddenlist dl.eng_views dt{ background-color: rgb(96,184,131); }
.hiddenlist dl.mat_views dt{ background-color: rgb(228, 105, 102); }
.hiddenlist dl.jap_views dt{ background-color: rgb(93, 158, 202); }
.hiddenlist dl.ron_views dt{ background-color: rgb(244, 175, 131); }
.hiddenlist dl.sci_views dt{ background-color: rgb(168, 112, 163); }
.hiddenlist dl.soc_views dt{ background-color: rgb(45, 181, 189) ; }
.hiddenlist dl.inf_views dt{ background-color: rgb(235, 144, 153); }
.hiddenlist dl dd{
    font-size: 110%;
    margin: 0.8em 0 0 0;
}



.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:32.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;
}
.indexlist-top{
	float: right;
	margin-left: 1%;
	width: 48% !important;
}
.indexlist-top li{
	flex-basis: 100% !important;
	background-color: #FFF !important;
	padding: 0em;
	margin-bottom: 1.4em;
}
.indexlist-top li img{
	width: 100% !important;
	margin-right: 0.8em !important;
	padding-bottom: 0;
	vertical-align: middle;
}
.indexbnr,
.indexlist{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 1em;
}
.indexlist li{
	flex-basis: 31%;
	margin-bottom: 0.7em;
	/*font-size: 0.7rem;*/
	font-size: 1.2rem;
	vertical-align: middle;
	overflow: hidden;
}
.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: rgb(96,184,131);
}
.kouzalist dd li.mathematics a,
.movlist dd li.mathematics a{
	color: rgb(228, 105, 102);
}
.kouzalist dd li.japanese a,
.movlist dd li.japanese a{
	color: rgb(93, 158, 202);
}
.kouzalist dd li.ronbun a,
.movlist dd li.ronbun a{
	color: rgb(244, 175, 131);
}
.kouzalist dd li.science a,
.movlist dd li.science a{
	color: rgb(168, 112, 163);
}
.kouzalist dd li.society a,
.movlist dd li.society a{
	color: rgb(45, 181, 189) ;
}
.kouzalist dd li.information a,
.movlist dd li.information a{
	color: rgb(235, 144, 153);
}
.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: rgb(96,184,131);
}
dd li.mathematics .cate{
	background-color: rgb(228, 105, 102);
}
dd li.japanese .cate{
	background-color: rgb(93, 158, 202);
}
dd li.ronbun .cate{
	background-color: rgb(244, 175, 131);
}
dd li.science .cate{
	background-color: rgb(168, 112, 163);
}
dd li.society .cate{
	background-color: rgb(45, 181, 189) ;
}
dd li.information .cate{
	background-color: rgb(235, 144, 153);
}
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: rgb(96,184,131);
}
#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: rgb(96,184,131); }
#main div.english h4{ background-color: rgb(96,184,131); }
#main div.english dd strong{ color: rgb(96,184,131); }
#main div.mathematics{ border-color: rgb(228, 105, 102); }
#main div.mathematics h4{ background-color: rgb(228, 105, 102); }
#main div.mathematics dd strong{ color: rgb(228, 105, 102); }
#main div.japanese{ border-color: rgb(93, 158, 202); }
#main div.japanese h4{ background-color: rgb(93, 158, 202); }
#main div.japanese dd strong{ color: rgb(93, 158, 202); }
#main div.ronbun{ border-color: rgb(244, 175, 131); }
#main div.ronbun h4{ background-color: rgb(244, 175, 131); }
#main div.ronbun dd strong{ color: rgb(244, 175, 131); }
#main div.science{ border-color: rgb(168, 112, 163); }
#main div.science h4{ background-color: rgb(168, 112, 163); }
#main div.science dd strong{ color: rgb(168, 112, 163); }
#main div.society{ border-color: rgb(45, 181, 189) ; }
#main div.society h4{ background-color: rgb(45, 181, 189) ; }
#main div.society dd strong{ color: rgb(45, 181, 189) ; }
#main div.information{ border-color: rgb(235, 144, 153); }
#main div.information h4{ background-color: rgb(235, 144, 153); }
#main div.information dd strong{ color: rgb(235, 144, 153); }
#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: rgb(96,184,131);
}
#main div.lec-block h4 div,
#main div.lec-block h4 small{
	font-size: 70%;
}
.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: rgb(96,184,131); }
#main div.english h4{ background-color: rgb(96,184,131); }
#main div.english dd strong{ color: rgb(96,184,131); }
#main div.mathematics{ border-color: rgb(228, 105, 102); }
#main div.mathematics h4{ background-color: rgb(228, 105, 102); }
#main div.mathematics dd strong{ color: rgb(228, 105, 102); }
#main div.japanese{ border-color: rgb(93, 158, 202); }
#main div.japanese h4{ background-color: rgb(93, 158, 202); }
#main div.japanese dd strong{ color: rgb(93, 158, 202); }
#main div.ronbun{ border-color: rgb(244, 175, 131); }
#main div.ronbun h4{ background-color: rgb(244, 175, 131); }
#main div.ronbun dd strong{ color: rgb(244, 175, 131); }
#main div.science{ border-color: rgb(168, 112, 163); }
#main div.science h4{ background-color: rgb(168, 112, 163); }
#main div.science dd strong{ color: rgb(168, 112, 163); }
#main div.society{ border-color: rgb(45, 181, 189) ; }
#main div.society h4{ background-color: rgb(45, 181, 189) ; }
#main div.society dd strong{ color: rgb(45, 181, 189) ; }
#main div.information{ border-color: rgb(235, 144, 153); }
#main div.information h4{ background-color: rgb(235, 144, 153); }
#main div.information dd strong{ color: rgb(235, 144, 153); }
#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;
}

/* media query
*********************************************************************/
@media (max-width: 1000px) {
.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;
}

.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 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) {

.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;
}

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

.indexlist-top{
	float: none;
	display: block;
	width: 100% !important;
	margin-left: 0;
	margin-top: 2em;
}
.indexlist-top li{
}
.indexlist-top li img{
}
.flex-2 li{
	flex-basis: 100%;
}
}