@charset "utf-8";

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

base.css - 基本CSS
base font-color:#221815
bluecolor color: #3499a9;
========================================== */
/*マイページ公開前*/



.footnavi .listarea .box.nlik {
	background-color: #ccc;
}

a.lnk{
	color:#f04347;
	text-decoration:underline;
}




/*googleカレンダー*/
iframe .st-c-pos {
    background-color: #f04347;
    margin: 2px 0 10px;
    padding: 5px 0;
    color: #fff;
}
iframe .st-c-pos > div{
	color:#fff;
}
.seminar_detail .target{
	vertical-align:middle;
	display: flex;
    flex-flow: row wrap;
}
.seminar_detail .target img{
	width:20px;
	margin-right: 5px;
}
.seminar_detail .target span{
	margin-right:10px;
}
.w_color{
 color:#e88c4b;
}
.y_color{
 color:#27a2d8;
}
.s_color{
 color:#59a281;
}

.theme_area input[type="radio"]{
    display: none;
}

.is-hide {
  display: none !important;
}

.gtitle{
	width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    display: block;
    background-color: #FFF;
    border-radius: 10px;
    padding: 20px 15px;
    color: #e9494c;
	box-sizing:border-box;
}

.gcaption{
	text-align:left;
	padding:0px 10px;
}
.Oneblock{
	margin-top: 15px;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	gap: 20px;
	flex-direction: row;
}
.semtopdopwn_mk.SelOn{
	background-color:#fdeced;
	color:#f04347;
}

/*pc*/
@media print, screen and (min-width: 821px) {

.smt{display:none;}
.smt5{display:none !important;}

section.seminar .gotonavi{
	display:flex;
	flex-flow: row wrap;
	justify-content: space-around;
	gap:15px;
	width: 980px;
	margin: 0 auto;
	margin-bottom: 20px;
}
section.seminar .gotonavi .semtopdopwn{
	position: relative;
	width: 225px;
	height: 60px;
	text-decoration: none;
	font-weight: bold;
	box-shadow: 1px 2px 9px 4px rgb(0 0 0 / 10%);
	border-radius: 15px;
	box-sizing: border-box;
	display:flex;
	align-items: center;
	justify-content: center;
}
section.seminar .gotonavi .semtopdopwn.on{
	background-color: #ffe1e1;
}
section.seminar .gotonavi img{
	width:50px;
	padding-bottom:10px;
}
section.seminar .gotonavi .semtopdopwn .stp{
	color:#f04347;
	font-size:1em;
	font-weight:bold;
}
section.seminar .gotonavi .semtopdopwn .no{
	color:#f04347;
	font-size:1.3em;
	font-weight:bold;
	padding-right:15px;
}	
	
.semtopdopwn_mk{
	position:relative;
}
.semtopdopwn_mk:hover{
	color:#f04347;
}




.modown{
	text-decoration:underline;
	position:relative;
}
.modown:hover{
	color:#f04347;
}
.modown:after{
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border: 2px solid;
	border-color: #f04347 #f04347 transparent transparent;
	transform: rotate(134deg);
	margin-left: 10px;
}
.gocaleander{
	border-radius: 20px;
	padding: 0 0px 0px 22px;
	white-space: nowrap;
	font-weight: bold;
	position: relative;
	float: right;
}
.gocaleander:before{
	content: '';
	background:url('/assets/images/seminar/calicon.svg') no-repeat 50% 100%;
	display: inline-block;
	width: 25px;
	height: 25px;
	padding-right: 10px;
	position: absolute;
	top: 50%;
	left: -9%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.gocaleander:hover{
	color:#f04347;
}


section.seminar .toptxt{
	text-align: left;
	margin-top: 30px;
	background-color: #fdeced;
	padding: 20px;
	border: 1px solid #f04347;
	border-radius: 5px;
}

section.seminar .catearea{
	position:relative;
	width:1000px;
	margin:0 auto;
	padding:20px;
	box-sizing:border-box;
}
section.seminar .catearea .blktxt{
	text-align:left;
}
section.seminar .catearea .boxarea{
	clear: both;
	margin-top: 100px;
}
section.seminar .catearea .semstl {
	font-size: 1.3em;
	font-weight:bold;
	position: relative;
	text-align: left;
	margin-bottom:0px;
	padding-left: 2em;
	text-indent: -2em;
}


section.seminar .list .semstl:before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	border: 8px solid #f14347;
	border-radius: 50%;
	margin-right: 15px;
	vertical-align: text-top;
}

section.seminar .catearea .catetl{
	display: flex;
	align-items: center;
	gap: 15px;
}
section.seminar .catearea .catetl .tl {
	font-size: 1.5em;
	font-weight:bold;
	position: relative;
	text-align: left;
	margin-bottom:0px;
	margin-top: -7px;
}
section.seminar .boxarea .catetl .stptxt{
	font-weight:bold;
	font-size:0.8em;
	color:#f04347;
	text-align: left;
}
section.seminar .catearea .catetl .stptxt span{
	font-size:1.4em;
}
section.seminar .boxarea .catetl img{
	width:50px;
}

section.seminar .list .box{
	padding: 15px 0px;
	position:relative;
	display:flex;
	flex-flow: row wrap;
	gap:20px;
}
section.seminar .list .inbox{
	padding-bottom: 70px;
	position: relative;
	background-color:#fdeced;
	display:flex;
	flex-direction:column;
	border-radius:20px;
	width:306px;
}
section.seminar .list .inbox .imgarea{
	width:306px;
	height:130px;
	overflow:hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 20px 20px 0 0;
}
section.seminar .list .inbox .imgarea.img01{
	background-image:url("/assets/images/seminar/seminar01.png");
}
section.seminar .list .inbox .imgarea.img02{
	background-image:url("/assets/images/seminar/seminar02.png");
}
section.seminar .list .inbox .imgarea.img03{
	background-image:url("/assets/images/seminar/seminar03.png");
}
section.seminar .list .inbox .imgarea.img04{
	background-image:url("/assets/images/seminar/seminar04.png");
}
section.seminar .list .inbox .imgarea.img05{
	background-image:url("/assets/images/seminar/seminar05.png");
}
section.seminar .list .inbox .imgarea.img06{
	background-image:url("/assets/images/seminar/seminar06.png");
}
section.seminar .list .inbox .imgarea.img07{
	background-image:url("/assets/images/seminar/seminar07.png");
}
section.seminar .list .inbox .imgarea.img08{
	background-image:url("/assets/images/seminar/seminar08.png");
}
section.seminar .list .inbox .imgarea.img09{
	background-image:url("/assets/images/seminar/seminar09.png");
}
section.seminar .list .inbox .imgarea.img10{
	background-image:url("/assets/images/seminar/seminar10.png");
}
section.seminar .list .inbox .imgarea.img11{
	background-image:url("/assets/images/seminar/seminar11.png");
}
section.seminar .list .inbox .imgarea.img12{
	background-image:url("/assets/images/seminar/seminar12.png");
}
section.seminar .list .inbox img{
	width:330px;
}
section.seminar .list .inbox .rside{
	display: flex;
	flex-flow: row wrap;
	align-content: flex-start;
	padding-left: 20px;
	padding-right: 20px;
}
section.seminar .list .inbox .tl{
	font-size:1.2em;
	font-weight:bold;
	color:#f04347;
	text-align:left;
	position:relative;
	margin-top:10px;
}
section.seminar .list .inbox .tl span{
	font-size: 0.6em;
	font-weight: normal;
	background-color: #557785;
	color: #fff;
	margin-left: 10px;
	padding: 3px 5px;
	margin-bottom:10px;
	vertical-align: middle;
}
section.seminar .list .inbox .txt{
	text-align:left;
	margin-top:15px;
}
section.seminar .list .inbox .mv{
	position: absolute;
	display: block;
	font-weight: bold;
	bottom: 24px;
	text-align: right;
	width: 220px;
}
section.seminar .list .inbox .arr span{
	right: -35px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 25px;
	height: 25px;
	display: block;
	border: 1px solid #f04347;
	border-radius: 50%;
}		
section.seminar .list .inbox .arr span:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: solid 1px #f04347;
	border-right: solid 1px #f04347;
	transform: rotate(45deg);
	position: absolute;
	left: 6px;
	top: 8px;
}
section.seminar .list .inbox .arr:hover span{
	background-color:#f04347;
}
section.seminar .list .inbox .arr:hover span:before{
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}

section.seminar .calbox{
    border-radius: 20px;
    padding: 20px;
	width: 920px;
	margin:0 auto;
}
section.seminar .calbox iframe{
	width:960px;
}


section.seminar .captionarea{
	width:960px;
	margin:0 auto;
	margin-bottom:50px;
}
section.seminar .captionarea p.tl{
	text-align: left;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 1.2em;
}

section.seminar .captionarea p span {
        color: #ea0e14;
    }
section.seminar .captionarea p.txt{
	text-align:left;
	margin-bottom:10px;
}
section.seminar .captionarea p.stxt{
	font-size:0.8em;
	text-align:left;
}

section.seminar .subcatetl{
	text-align:left;
	margin-bottom:10px;
	font-weight:bold;
	font-size:1.4em;
	position:relative;
	display: inline-block;
	width: 942px;
}
section.seminar .subcatetl:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 820px;
	height: 1px;
	background-color: black;
}

section.seminar .subcatetl:after {
  right:0;
}
section.seminar .theme_area{
	display:flex;
	flex-flow: row wrap;
	gap:10px;
}
section.seminar .theme_area .label{
	border:1px solid #3f3f3f;
	padding:0 5px;
	border-radius:5px;
	cursor:pointer;
	font-weight:bold;
}
section.seminar .allcate label:hover{
	background-color:#f04347;
	color:#fff;
}
section.seminar .allcate .label.on{
	background-color:#f04347;
	color:#fff;
}

/*--セミナー詳細--*/

.Oneblock.fldirection{
	flex-direction:row-reverse;
}
.gcaption.capwide{
	width:612px;
}

section.seminar .inner{
	width:960px;
	margin:0 auto;
	margin-top:50px;
}
section.seminar .inner_area .cat_tl{
	color:#e9494c;
	font-weight:bold;
	padding: 0px 0 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
section.seminar .inner_area .cat_tl img{
	width:40px;
}
section.seminar .inner_area .about_box{
	width: 800px;
	margin: 0 auto;
	margin-top: 40px;
	border: 4px double #f5a262;
	padding: 20px;
	text-align: left;
	background-color: #fff7f7;
}
section.seminar .inner_area .about_box .tl{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom:10px;
}

section.seminar .inner_area .cattion{
	width:960px;
	margin:0 auto;
	margin-top:50px;
	text-align:left;
}


section.seminar .seminar_detail table{
	border-collapse:  collapse;
	width:100%;
	margin-top:30px;
}
section.seminar .seminar_detail table th,
section.seminar .seminar_detail table td{
	padding:20px 10px;
}
section.seminar .seminar_detail table tr{
	border-top:1px solid #f04347;
}
section.seminar .seminar_detail table tr:last-child{
	border-bottom:1px solid #f04347;
}
section.seminar .seminar_detail table th{
	background-color:#fdeced;
}
section.seminar .seminar_detail table td{
	text-align:left;
	width:720px;
}
section.seminar .seminar_detail table td .plist{
	padding-left:1em;
	text-indent:-1em;
}
section.seminar .seminar_detail table td .plist:before{
	content:"●";
	color:#f04347;
}

section.seminar .seminar_detail table td .line{
	background-color: #ffbbbb;
	height: 2px;
	display: block;
	margin: 5px 0;
}



/*--講師紹介--*/
.teacher_detail .teacher_area{
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top:20px;
	gap:20px;
}
.teacher_detail .teacher_area .box{
	background-color:#fdeced;
	display:flex;
	align-content: flex-start;
	flex-flow: row wrap;
	gap: 10px;
	border-radius:10px;
	padding:20px;
	width: 43%;
}
.teacher_detail .teacher_area .box .name{
	font-size:1.2em;
	font-weight: bold;
}
.teacher_detail .teacher_area .box .name span{
	font-size:0.8em;
}


/*--セミナー一覧--*/
.seminar.bgarea{
	background-color: #fdeced;
	padding: 10px 0 50px;
	margin-top: 70px;
}
		
#csv-bod-op,
#csv-bod-close{
	display: flex;
    flex-flow: row wrap;
	justify-content: flex-start;
    gap: 30px;
}

.semi_list .listbox{
	box-shadow: 1px 2px 9px 4px rgb(0 0 0 / 10%);
	border-radius: 10px;
	padding: 24px 24px 156px 24px;
	position: relative;
	width: 257px;
	background-color: #fff;
	flex-shrink: 0;
}

.accbody .semi_list .listbox{
	width: 248px;
}

.semi_list .listbox p{
	text-align:left;
}
.semi_list .listbox p.date,
.semi_list .listbox p.time{
	margin-bottom:10px;
}
.semi_list .listbox .no{
	padding-right:30px;
	font-weight:bold;
	color:#e9494c;
}
.semi_list .listbox p.topline{
	display:flex;
	justify-content: space-between;
}

.osusumearea .semi_list .listbox p.topline{
	padding-top:32px;
}


.semi_list .listbox .place{
	font-size:0.9em;
}
.semi_list .listbox > .date{
	margin-bottom:0px;
	font-weight:bold;
	font-size:1.2em;
}
.semi_list .listbox .txt{
	font-size:1.2em;
	margin-top:10px;
}
.semi_list .listbox .iconarea{
	display:flex;
	margin-bottom:15px;
}
.semi_list .listbox .iconarea span{
	font-size:0.85em;
	border:1px solid #ccc;
	border-radius:15px;
	margin-right:10px;
	padding:0 10px;
	font-weight: bold;
}
.semi_list .listbox .iconarea span.w_color{
	border:1px solid #e88c4b;
}
.semi_list .listbox .iconarea span.y_color{
	border:1px solid #27a2d8;
}
.semi_list .listbox .iconarea span.s_color{
	border:1px solid #59a281;
}

.semi_list .listbox .btminfo{
	position: absolute;
    bottom: 67px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 288px;
	font-size: 0.9em;
	margin-left: 18px;
}
	
.semi_list .listbox .regbtn{
	position:absolute;
	bottom:15px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	display:block;
	background-color:#e9494c;
	border-radius:20px;
	width:260px;
	margin:0 auto;
	padding:10px 0;
	color:#fff;
	text-align: center;
	box-sizing:border-box;
}
.semi_list .listbox .regbtn:after{
	content:"";
	display: inline-block;
	width: 8px;
	height: 8px;
	border: 2px solid;
	border-color: #fff #fff transparent transparent;
	position: absolute;
	right: 15px;
	top:50%;
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);	
	-ms-transform: translateY(-50%) rotate(45deg);
}
.semi_list .listbox:hover .regbtn{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.semi_list .listbox a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-99999px;
}


.seminar .accbodytop{
	border:2px solid #fdeced;
	width: 960px;
	margin: 0 auto;
	box-sizing:border-box;
	background-color: #fff9f9;
	margin-top:-28px;
}


.semi_list .listbox.pab{
	padding-bottom:40px;
}
.semi_list .listbox .btmmessage{
	position: absolute;
	left: 100px;
	bottom: 5px;
	font-size: 0.9em;
}
.semi_list .listbox .closed{
	position:absolute;
	bottom:15px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	background-color:#ccc;
	border-radius:20px;
	width:200px;
	margin:0 auto;
	padding:7px 0;
	text-align:center;
}

.semi_list .nolist{
	position: relative;
	display: inline-block;
	padding: 30px 55px;
	margin-top: 50px;
	border: 2px dashed #ccc;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
}

.semi_list .fullev{
	position: relative;
	display: inline-block;
	padding: 0 55px;
	margin-top:50px;
}
.semi_list .fullev:before, .semi_list .fullev:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}
.semi_list .fullev:before {
  left:0;
}
.semi_list .fullev:after {
  right: 0;
}


/*--おすすめセミナー--*/
.osusumearea{
	width:1000px;
	margin:0 auto;
}
.slide .listbox{
	width:300px !important;
	height:100% !important;
	box-shadow: 1px 2px 9px 4px rgb(0 0 0 / 10%);
	margin: 0 5px;
	padding-top: 55px;
	box-sizing:border-box;
}

.slide .slick-slide{
	height: auto !important;
	text-align:center;
}

.slide .listbox .rtl{
	font-size: 1em;
	background-color: #fdeced;
	padding: 10px 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	border-radius: 10px 10px 0 0;
	box-sizing: border-box;
	text-align: center;
	color: #e9494c;
	display: flex;
	justify-content: center;
	align-items: center;
}
.slide .listbox .rtl img{
	height:38px;
}

.slick-track .listbox{
	padding: 24px 24px 120px 24px;
}


/*--会場--*/
.seminar .map_detail .detail{
	margin:0 auto;
	margin-top:30px;
}
.seminar .map_detail dl{
 display:flex;
 align-items: flex-start; 
 flex-flow: row wrap;
 gap:10px;
}
.seminar .map_detail dl dt{
	background-color: #fdeced;
	border-radius:20px;
	padding:5px;
	width:150px;
}
.seminar .map_detail dl dd{
	width:100%;
	text-align:left;
}

.seminar .map_detail .maparea{
	display:flex;
	gap:10px;
	flex-flow: row wrap;
}
.seminar .map_detail .maparea .box{
	display:flex;
	gap:10px;
	border-bottom:1px solid #ccc;
	padding-bottom: 20px;
}


/*--終了セミナー--*/
.seminar .fintitle{
	width: 960px;
	margin: 0 auto;
	border:1px solid #ccc;
	margin-top:30px;
	padding:20px;
	background-color: #dadada;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
	cursor:pointer;
	border-radius:10px;
}
.seminar .fintitle:hover{
	background-color: #f6cdcf;
}
.seminar .accbody{
	border:2px solid #fdeced;
	width: 960px;
	margin: 0 auto;
	box-sizing:border-box;
	background-color: #fff9f9;
}
.seminar .fintitle:after{
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 2px solid;
	margin-left: 36px;
	border-color: #000 #000 transparent transparent;
	transform: translateY(-50%) rotate(133deg);
	-webkit-transform: translateY(-50%) rotate(133deg);
	-ms-transform: translateY(-50%) rotate(133deg);
	position: absolute;
	top: 30px;
}
.seminar .fintitle.accbtn_on:after{
	transform: rotate(-45deg);
}



/*--footnavi--*/
.footnavi{
	margin-top:100px !important;
}
.footnavi .listarea{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 10px;
	width: 960px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.footnavi .listarea .box{
	width: 228px;
	border: 1px solid #ccc;
	display:block;
	background-color: #fff;
}
.footnavi .listarea .box img{
	width:228px;
}
.footnavi .listarea .box p{
	font-weight: bold;
	padding:10px;
}
.footnavi .listarea .box:hover{
	background-color:#fdeced;
}
.footnavi .listarea .box.on{
	background-color:#fdeced;
}

}/*--PC--*/



/*タブレット*/
@media print, screen and (max-width: 1261px) {


/*--カテゴリナビ--*/
section.seminar .gotonavi {
	gap: 10px;
	width: 100%;
}
section.seminar .gotonavi .semtopdopwn {
	width:23%;
}


section.seminar{
}


section.seminar .catearea{
	position:relative;
	width: 100%;
	margin:0 auto;
	padding:20px;
	box-sizing:border-box;
}
section.seminar .catearea .blktxt{
	text-align:left;
}
section.seminar .catearea .boxarea{
	margin-top: 100px;
	clear: both;
}
section.seminar .catearea .semstl {
		font-size: 1.3em;
		font-weight:bold;
		position: relative;
		text-align: left;
		margin-bottom:30px;
		padding-left: 2em;
		text-indent: -2em;
}
section.seminar .list .semstl:before {
		content: "";
		display: inline-block;
		width: 13px;
		height: 13px;
		border: 8px solid #f14347;
		border-radius: 50%;
		margin-right: 15px;
		vertical-align: text-top;
}

section.seminar .catearea .catetl{
	display: flex;
	align-items: center;
	gap: 15px;
}
section.seminar .catearea .catetl .tl {
	font-size: 1.5em;
	font-weight:bold;
	position: relative;
	text-align: left;
	margin-bottom:0px;
	white-space:nowrap;
	margin-top: -7px;
}
section.seminar .boxarea .catetl .stptxt{
	font-weight:bold;
	font-size:0.8em;
	color:#f04347;
	text-align: left;
}
section.seminar .catearea .catetl .stptxt span{
	font-size:1.4em;
}
section.seminar .boxarea .catetl img{
	width:50px;
}
section.seminar .list .box{
	padding: 15px 17px;
	position:relative;
	display:flex;
	flex-flow: row wrap;
	gap: 30px;
}
section.seminar .list .inbox{
	padding-bottom: 70px;
	position: relative;
	background-color:#fdeced;
	display:flex;
	flex-direction:column;
	border-radius:20px;
	width:300px;
}
section.seminar .list .inbox .imgarea{
	width:270px;
	height:130px;
	overflow:hidden;
	
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

section.seminar .list .inbox .imgarea {
	width: 300px;
	height: 130px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 20px 20px 0 0;
}

section.seminar .list .inbox .imgarea.img01{
	background-image:url("/assets/images/seminar/seminar01.png");
}
section.seminar .list .inbox .imgarea.img02{
	background-image:url("/assets/images/seminar/seminar02.png");
}
section.seminar .list .inbox .imgarea.img03{
	background-image:url("/assets/images/seminar/seminar03.png");
}
section.seminar .list .inbox .imgarea.img04{
	background-image:url("/assets/images/seminar/seminar04.png");
}
section.seminar .list .inbox .imgarea.img05{
	background-image:url("/assets/images/seminar/seminar05.png");
}
section.seminar .list .inbox .imgarea.img06{
	background-image:url("/assets/images/seminar/seminar06.png");
}
section.seminar .list .inbox .imgarea.img07{
	background-image:url("/assets/images/seminar/seminar07.png");
}
section.seminar .list .inbox .imgarea.img08{
	background-image:url("/assets/images/seminar/seminar08.png");
}
section.seminar .list .inbox .imgarea.img09{
	background-image:url("/assets/images/seminar/seminar09.png");
}
section.seminar .list .inbox .imgarea.img10{
	background-image:url("/assets/images/seminar/seminar10.png");
}
section.seminar .list .inbox .imgarea.img11{
	background-image:url("/assets/images/seminar/seminar11.png");
}
section.seminar .list .inbox .imgarea.img12{
	background-image:url("/assets/images/seminar/seminar12.png");
}
section.seminar .list .inbox img{
	width:330px;
}
section.seminar .list .inbox .rside{
	display: flex;
	flex-flow: row wrap;
	align-content: flex-start;
	padding-left: 20px;
	padding-right: 20px;
}
section.seminar .list .inbox .tl{
	font-size:1.4em;
	font-weight:bold;
	color:#f04347;
	text-align:left;
	position:relative;
	margin-top: 10px;
}
section.seminar .list .inbox .tl span{
	font-size: 0.6em;
	font-weight: normal;
	background-color: #557785;
	color: #fff;
	margin-left: 10px;
	padding: 3px 5px;
	margin-bottom:10px;
	vertical-align: middle;
}
section.seminar .list .inbox .tl span:nth-of-type(1) {
	margin-left:0;
}

section.seminar .list .inbox .txt{
	text-align:left;
	margin-top:15px;
}
section.seminar .list .inbox .mv{
	position: absolute;
	display: block;
	font-weight: bold;
	bottom: 24px;
	text-align: right;
	width: 220px;
}
section.seminar .list .inbox .arr span{
	right: -35px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 20px;
	height: 20px;
	display: block;
	border: 2px solid #f04347;
	border-radius: 50%;
}		
section.seminar .list .inbox .arr span:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: solid 2px #f04347;
	border-right: solid 2px #f04347;
	transform: rotate(45deg);
	position: absolute;
	left: 3px;
	top: 4px;
}
section.seminar .list .inbox .arr:hover span{
	background-color:#f04347;
}
section.seminar .list .inbox .arr:hover span:before{
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}

section.seminar .calbox{
    border-radius: 20px;
    padding: 20px;
	width: 100%;
	margin:0 auto;
}


section.seminar .calbox iframe{
width:90%;
}

/*--セミナー詳細--*/




section.seminar .inner{
	width:100%;
	margin:0 auto;
	margin-top:50px;
}
section.seminar .seminar_detail table{
	border-collapse:  collapse;
	width:100%;
	margin-top:30px;
}
section.seminar .seminar_detail table th,
section.seminar .seminar_detail table td{
	padding:20px 10px;
}
section.seminar .seminar_detail table tr{
	border-top:1px solid #f04347;
}
section.seminar .seminar_detail table tr:last-child{
	border-bottom:1px solid #f04347;
}
section.seminar .seminar_detail table th{
	background-color:#fdeced;
}
section.seminar .seminar_detail table td{
	text-align:left;
}
section.seminar .seminar_detail table td .plist{
	padding-left:1em;
text-indent:-1em;
}
section.seminar .seminar_detail table td .plist:before{
	content:"●";
	color:#f04347;

}


/*--講師紹介--*/
.teacher_detail .teacher_area{
	display:flex;
	justify-content: space-between;
	margin-top:20px;
	gap:20px;
}
.teacher_detail .teacher_area .box{
	background-color:#fdeced;
	display:flex;
	flex-flow: row wrap;
	gap: 10px;
	border-radius:10px;
	padding:20px;
	margin-bottom:20px;
}
.teacher_detail .teacher_area .box .name{
	font-size:1.2em;
}
.teacher_detail .teacher_area .box .name span{
	font-size:0.8em;
}


.semi_list .nolist{
	position: relative;
	display: inline-block;
	padding: 30px 55px;
	margin-top: 50px;
	border: 2px dashed #ccc;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
}

.semi_list .fullev{
	position: relative;
	display: inline-block;
	padding: 0 55px;
	margin-top:50px;
}
.semi_list .fullev:before, .semi_list .fullev:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}
.semi_list .fullev:before {
  left:0;
}
.semi_list .fullev:after {
  right: 0;
}





}/*タブレット*/

@media screen and (max-width: 975px) {
	.seminar .fintitle{
	width: 90%;
	}
	
	.slide .listbox {
	width: 87% !important;
	}
	.slide .listbox .rtl{
	width: 100% !important;
	}
	
	.Oneblock.fldirection{
	flex-direction:column;
	}
	.gcaption.capwide{
		width:100%;
		box-sizing:border-box;
	}

}
/*スマホ*/
@media screen and (max-width: 820px) {
.pc{display:none !important;}
.smt5{display:none !important;}

section.seminar .inner_area .cat_tl{
	color:#e9494c;
	font-weight:bold;
	padding: 0px 0 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

section.seminar .inner_area .cat_tl img{
	width:40px;
}


section.seminar .inner_area .cattion{
	width:95%;
	margin:0 auto;
	margin-top:50px;
	text-align:left;
}

/*セミナー一覧*/

section.seminar .gotonavi {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	gap: 5px;
	margin-bottom: 30px;
}

section.seminar .gotonavi a {
	position:relative;
	padding: 10px 5px 7px 5px;
	width: 22%;
	text-decoration: none;
	display: flex;
	align-items: center;
	text-align:center;
	justify-content: center;
	font-weight: bold;
	box-shadow: 1px 2px 9px 4px rgb(0 0 0 / 10%);
	border-radius: 10px;
	box-sizing: border-box;
	font-size: 0.8em;
}
section.seminar .gotonavi .semtopdopwn .stp{
	color:#f04347;
	font-size:1em;
	font-weight:bold;
}
section.seminar .gotonavi .semtopdopwn .no{
	color:#f04347;
	font-size:1.3em;
	font-weight:bold;
	padding-right:15px;
}	
section.seminar .gotonavi img{
	width:50px;
	padding-bottom:10px;
}

	
.gocaleander {
	border-radius: 20px;
	padding: 0 0px 0px 15px;
	white-space: nowrap;
	font-weight: bold;
	position: relative;
	float: right;
}
	
.gocaleander:before {
	content: '';
	background: url(/assets/images/seminar/calicon.svg) no-repeat 50% 100%;
	display: inline-block;
	width: 25px;
	height: 25px;
	padding-right: 10px;
	position: absolute;
	top: 50%;
	left: -9%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

	
section.seminar .inner{
	width:90%;
	margin:0 auto;
	margin-top:50px;
}
.seminar.bgarea{
	background-color: #fdeced;
	padding: 10px 0 50px;
	margin-top: 70px;
}

#csv-bod-op,
#csv-bod-close{
	display: flex;
    flex-flow: row wrap;
	justify-content: center;
    gap: 30px;
}

.semi_list .listbox {
	box-shadow: 1px 2px 9px 4px rgb(0 0 0 / 10%);
	border-radius: 10px;
	padding: 24px 24px 143px 24px;
	position: relative;
	width: 270px;
	background-color: #fff;
}
.semi_list .listbox p{
	text-align:left;
}
.semi_list .listbox p.date{
	margin-bottom:10px;
}
.semi_list .listbox .no{
	padding-right:30px;
	font-weight:bold;
	color:#e9494c;
}
.semi_list .listbox p.topline{
	display:flex;
	justify-content: space-between;
}
.osusumearea .semi_list .listbox p.topline{
	padding-top:45px;
}
.semi_list .listbox .place{
	font-size:0.9em;
}
.semi_list .listbox > .date{
	margin-bottom:0px;
	font-weight:bold;
	font-size:1.2em;
}
.semi_list .listbox .txt{
	font-size:1.2em;
	margin-top:10px;
}
.semi_list .listbox .iconarea{
	display:flex;
	margin-bottom:15px;
}
.semi_list .listbox .iconarea span{
	font-size:0.85em;
	border:1px solid #ccc;
	border-radius:15px;
	margin-right:10px;
	padding:0 10px;
	font-weight: bold;
}

.semi_list .listbox .iconarea span.w_color{
	border:1px solid #e88c4b;
}
.semi_list .listbox .iconarea span.y_color{
	border:1px solid #27a2d8;
}
.semi_list .listbox .iconarea span.s_color{
	border:1px solid #59a281;
}

.semi_list .listbox .btminfo{
	position: absolute;
    bottom: 67px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 265px;
	font-size: 0.9em;
}
	
.semi_list .listbox .regbtn{
	position:absolute;
	bottom:15px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	display:block;
	background-color:#e9494c;
	border-radius:20px;
	width:260px;
	margin:0 auto;
	padding:10px 0;
	color:#fff;
	text-align: center;
	box-sizing:border-box;
}
.semi_list .listbox .regbtn:after{
	content:"";
	display: inline-block;
	width: 8px;
	height: 8px;
	border: 2px solid;
	border-color: #fff #fff transparent transparent;
	position: absolute;
	right: 15px;
	top:50%;
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);	
	-ms-transform: translateY(-50%) rotate(45deg);
}
.semi_list .listbox:hover .regbtn{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.semi_list .listbox a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-99999px;
}

.semi_list .listbox.pab{
	padding-bottom:40px;
}
.semi_list .listbox .btmmessage{
	position: absolute;
	left: 100px;
	bottom: 5px;
	font-size: 0.9em;
}
.semi_list .listbox .closed{
	position:absolute;
	bottom:15px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	background-color:#ccc;
	border-radius:20px;
	width:200px;
	margin:0 auto;
	padding:7px 0;
	text-align:center;
}





.modown{
	text-decoration:underline;
	position:relative;
}
.modown:hover{
	color:#f04347;
}
.modown:after{
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border: 2px solid;
	border-color: #f04347 #f04347 transparent transparent;
	transform: rotate(134deg);
	margin-left: 10px;
}
section.seminar .calbox{
    border-radius: 20px;
    padding: 20px;
}
section.seminar .calbox iframe{
	width:90%;
}


section.seminar .captionarea{
	width:95%;
	margin:0 auto;
	margin-bottom:50px;
}
section.seminar .captionarea p.tl{
	text-align: left;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 1.2em;
}
section.seminar .captionarea p span {
        color: #ea0e14;
    }
section.seminar .captionarea p.txt{
	text-align:left;
	margin-bottom:10px;
}
section.seminar .captionarea p.stxt{
	font-size:0.8em;
	text-align:left;
}

section.seminar .subcatetl{
	text-align:left;
	margin-bottom:10px;
	font-weight:bold;
	font-size:1.4em;
	position:relative;
	display: inline-block;
	width: 95%;
}
section.seminar .subcatetl:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 80%;
	height: 1px;
	background-color: black;
}

section.seminar .theme_area{
	display:flex;
	flex-flow: row wrap;
	gap:10px;
}
section.seminar .theme_area .label{
	border:1px solid #3f3f3f;
	padding:0 5px;
	border-radius:5px;
	cursor:pointer;
	font-weight:bold;
}
section.seminar .allcate label:hover{
	background-color:#f04347;
	color:#fff;
}
section.seminar .allcate .label.on{
	background-color:#f04347;
	color:#fff;
}


/*--会場--*/
.seminar .map_detail iframe{
	width:100%;
}
.seminar .map_detail .detail{
	width:100%;
}
.seminar .map_detail dl{
 display:flex;
 align-items: center; 
 flex-flow: row wrap;
 gap:10px;
}
.seminar .map_detail dl dt{
	background-color: #fdeced;
	border-radius:20px;
	padding:5px;
	width:150px;
}
.seminar .map_detail dl dd{
	width:420px;
	text-align:left;
}

.seminar .map_detail .maparea .box{
	border-bottom:1px solid #ccc;
	padding-bottom: 20px;
}


	/*--おすすめセミナー--*/
	.osusumearea{
		width:100%;
		margin:0 auto;
	}
	.slide .listbox{
		width:280px !important;
		height:100% !important;
		box-shadow: 1px 2px 9px 4px rgb(0 0 0 / 10%);
		margin: 0 5px;
		padding-top: 55px;
		box-sizing:border-box;
	}
	.slide .slick-slide{
		height: auto !important;
	}
	.slide .listbox .rtl{
		font-size: 1em;
		background-color: #fdeced;
		padding: 10px 10px;
		position: absolute;
		top: 0;
		left: 0;
		width: 300px;
		border-radius: 10px 10px 0 0;
		box-sizing: border-box;
		text-align: center;
		color: #e9494c;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.slide .listbox .rtl img{
		height:38px;
	}
	.slide .topline{
		padding-top: 15px;
	}
	.slide .listbox {
		padding: 15px 15px 115px 15px;
	}

/*--終了セミナー--*/
.seminar .fintitle{
	width: 95%;
	margin: 0 auto;
	border:1px solid #ccc;
	margin-top:30px;
	padding:20px;
	background-color: #dadada;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
	border-radius:10px;
}
.seminar .accbody{
	border:2px solid #fdeced;
	width: 95%;
	margin: 0 auto;
	box-sizing:border-box;
	background-color: #fff9f9;
}
.seminar .fintitle:after{
	content: url(../images/seminar/closearrowpng.png);
  display: block;
  width: 5px;
  height: 5px;
	position:absolute;
	right:44px;
	top: 20px;
}
.seminar .fintitle.accbtn_on:after{
	transform: rotate(180deg);
	right: 10px;
        top: 42px;
}



/*--講師紹介--*/
.teacher_detail .teacher_area{
	display:block;
	justify-content: space-between;
	margin-top:20px;
	gap:20px;
}


/*--footnavi--*/
.footnavi{
	margin-top:100px !important;
}
.footnavi .listarea{
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
	gap:10px;
	margin-bottom:50px;
}
.footnavi .listarea .box{
	width: 45%;
	border: 1px solid #ccc;
	display:block
}
.footnavi .listarea .box img{
	width:100%;
}
.footnavi .listarea .box p{
	font-weight: bold;
	padding:10px;
}
.footnavi .listarea .box:hover{
	background-color:#fdeced;
}
.footnavi .listarea .box.on{
	background-color:#fdeced;
}

}/*--スマホ--*/


/*スマホ*/
@media screen and (max-width: 725px) {
	section.seminar .list .inbox {
		width:100%;
	}
	section.seminar .list .inbox .imgarea {
	width: 100%;
	}
section.seminar .list .inbox .mv{
	position: absolute;
	display: block;
	font-weight: bold;
	bottom: 24px;
	text-align:right;
	width: 77%;
}
section.seminar .list .inbox .arr span{
	right: -35px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 20px;
	height: 20px;
	display: block;
	border: 2px solid #f04347;
	border-radius: 50%;
}		
section.seminar .list .inbox .arr span:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: solid 2px #f04347;
	border-right: solid 2px #f04347;
	transform: rotate(45deg);
	position: absolute;
	left: 3px;
	top: 4px;
}
section.seminar .list .inbox .arr:hover span{
	background-color:#f04347;
}
section.seminar .list .inbox .arr:hover span:before{
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}

section.seminar .calbox{
    border-radius: 20px;
    padding: 20px;
	width: 95%;
	margin:0 auto;
}


/*--セミナー詳細--*/
section.seminar .seminar_detail table th {
	background-color: #fdeced;
	display: block;
	width: 100%;
	box-sizing: border-box;
}
section.seminar .seminar_detail table td {
	text-align: left;
	display: block;
	width: 100%;
}


	/*もっと見る*/
	.listbox-more{
	width: 100%;
	}
	.listbox-more p{
		width:100px;
		height:100px;
		margin:0 auto ;
		border:1px solid #e9494c;
		border-radius:50%;
		position:relative;
		cursor:pointer;
	}
	.listbox-more p span{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		white-space: nowrap;
		color:#e9494c;
	}
	.listbox-more p span:after{
		content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        border: 2px solid;
        border-color: #e9494c #e9494c transparent transparent;
        position: absolute;
        right: 38%;
        bottom: -23px;
        transform: translateY(-50%) rotate(133deg);
        -webkit-transform: translateY(-50%) rotate(133deg);
        -ms-transform: translateY(-50%) rotate(133deg);
	}

	/*おすすめ*/
	section.seminar .inner{
		width:85%;
		margin:0 auto;
		margin-top:50px;
		text-align: center;
	}

	
}/*スマホ725px*/

/*スマホ*/
@media screen and (max-width: 460px) {
.pc{display:none !important;}
.smt5{display:block !important;}


section.seminar .tabarea .boxarea{
	display:block;
	justify-content: flex-start;
	align-items:baseline;
	flex-flow: row wrap;
}



section.seminar .tabarea .inbox {
        width: unset;
}
section.seminar .tabarea .box {
		padding: 15px;
		width: unset;
}
section.seminar .tabarea .semstl {
		width: unset;
		padding-left:2em;
		text-indent:-2em;
}


/*--セミナー一覧--*/
section.seminar .catearea {
		padding: 10px;
}
section.seminar .list .box {
		padding: 0x;
}
section.seminar .list .inbox .imgarea {
		width: 100%;
		height: 140px;
		overflow: hidden;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
}
section.seminar .list .inbox {
		display: block;
		padding-bottom: 0px;
}
section.seminar .list .inbox .rside {
		margin-left:0;
		margin-top: 20px;
		display: flex;
		flex-flow: row wrap;
		position: relative;
		align-content: flex-start;
		padding-bottom: 70px;
}
section.seminar .list .inbox .tl span:first-child {
	margin-left:0;
}
#Cal{
	width: 95%;
}





}/*--スマホ--*/