@charset "utf-8";
/*-----------------------------------------------------------------
	Common Style
-----------------------------------------------------------------*/
/* font
*******************************/
.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fzLLL{ font-size: var(--fzLLL); line-height: 1.2;}
.fzLL {	font-size: var(--fzLL); line-height: 1.2;}
.fzL  { font-size: var(--fzL); line-height: 1.4;}
.fzM  { font-size: 100%;}
.fzS  { font-size: var(--fzS);}
.fzSS {	font-size: var(--fzSS); line-height: 1.6;}
.fzSSS{	font-size: var(--fzSSS); line-height: 1.5;}

.indent-1em { padding-left: 1em; text-indent: -1em;}
.word-wrap  { white-space: normal;}
.word-nowrap{ white-space: nowrap;}
.word-break-all { word-break: break-all;}

/* inline align
*******************************/
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}

/* tools
*******************************/
.clear { clear: both;}
.hide  { display: none;}
.block { display: block;}
.inline{ display: inline !important;}
.inline-b { display: inline-block;}
.tdU   { text-decoration: underline !important;}
.tdN   { text-decoration: none !important;}
.ofH   { overflow: hidden;}
.ofA   { overflow: auto;}

.cursor-default{ cursor: default;}

/* none set
*******************************/
.none-bg { background-color: transparent!important;}
.none-border { border: none;}
.none-border-lr { border-right: none; border-left: none;}
.none-radius { border-radius: 0 !important;}
.none-max-width { max-width: none !important;}

/* br
*******************************/
.br { display: block;}
/* sp */
@media screen and (max-width:359px){
 .br, .sp-br { display: inline!important;}
}
@media screen and (max-width:767.98px){
 .sp-br { display: block!important;}
 .sp-hide { display: none!important;}
}
/* pc */
@media screen and (min-width:768px){
 .pc-br { display: block!important;}
 .pc-hide { display: none!important;}
}

/* color, bg, border
*******************************/
.c_fff  { color: #fff;}
.c_ccc  { color: #ccc;}
.c_red  { color: var(--red);}
.c_blue { color: var(--blue);} /* =seminar */
.c_green  { color: var(--green);} /* =event */
.c_delmia { color: var(--delmia-yellow);}
.c_main-blue  { color: var(--main-blue);}
.c_light-blue { color: var(--light-blue);} /* mark */
.c_dark-blue  { color: var(--dark-blue);} /* footer */

.bg_fff { background-color:#fff;}
.bg_ccc { background-color:#ccc;}
.bg_f1  { background-color: var(--gray-f1);}
.bg_main-blue { background-color: var(--main-blue);}
.bg_delmia { background-color: var(--delmia-yellow);}

/* for icon-label */
.bg_seminar{ background-color: var(--blue);}
.bg_event  { background-color: var(--green);}

.box-shadow { box-shadow: 0 2px 5px rgba(0,0,0,.5);}

.border_delmia { border: 1px solid var(--delmia-yellow);}
.border { border: 1px solid #ccc;}
.border-t { border-top: 1px solid #ccc;}
.border-b { border-bottom: 1px solid #ccc;}
.border-r05 { border-radius: 5px;}

/* margin
******************************************/
.margin-auto { margin: auto;}
.mt-auto{ margin-top: auto; min-height: 1px;} /* for IE11 flex bag */
.mb-auto{ margin-bottom: auto; min-height: 1px;} /* for IE11 flex bag */
.ml-auto{ margin-left: auto;}
.mr-auto{ margin-right: auto;}
.mt01em { margin-top: 1em !important;}
.mb01em { margin-bottom: 1em !important;}


.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/* padding
******************************************/
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}

/* width
******************************************/
.w10per { width: 10% !important;}
.w15per { width: 15% !important;}
.w20per { width: 20% !important;}
.w25per { width: 25% !important;}
.w30per { width: 30% !important;}
.w40per { width: 40% !important;}
.w50per { width: 50% !important;}
.w60per { width: 60% !important;}
.w70per { width: 70% !important;}
.w80per { width: 80% !important;}
.w85per { width: 85% !important;}
.w90per { width: 90% !important;}
.w95per { width: 95% !important;}

.wAuto{ width: auto !important;}
.wMax { width: 100% !important;}

/* d-table
*******************************/
.d-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.d-table-cell {
	display: table-cell;
}

/* d-flex
*******************************/
.d-flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-just-between {
	justify-content: space-between;
}
.flex-just-center {
	justify-content: center;
}
.flex-r-reverse {
	flex-direction: row-reverse;
}
.flex-column {
	flex-direction: column;
}
.flex-c-reverse {
	flex-direction: column-reverse;
}
.flex-ai-start {
	align-items: flex-start;
}
.flex-ai-center {
	align-items: center;
} 
.flex-ai-end {
	align-items: flex-end;
}
.flex-shrink0 {
	flex-shrink: 0;
}
.flex-grow1 {
	flex-grow: 1;
}
.flex-grow2 {
	flex-grow: 2;
}

/* float, col setting
******************************************/
/* sm(=576), md(=768), lg(=992)*/
.float-left { float: left;}
.float-right{ float: right;}
.img-float-left { float: left; max-width: 45%; margin-right: 10px; margin-bottom: 10px;}
.img-float-right{ float: right; max-width: 45%; margin-left: 10px; margin-bottom: 10px;}

/* col */
.col, .col-123,
.col-1sm2, .col-1sm3,
.col-1md2, .col-1md3,
.col-1lg3 { width: 100%;}

/* col2 */
.col-2,
.col-2sm3 { width: calc((100%/2) - 6px);}
/* col3 */
.col-3md5, .flex-just-between.col-3md5-left::after {
	width: calc((99%/3) - 6px);
}
	.flex-just-between.col-3md5-left::after {content:''; display: block; height: 0;}

@media (min-width:576px) {
 .d-sm-flex {
	display: flex;
 }
 .img-float-sm-left { float: left; max-width: 45%; margin-right: 1em; margin-bottom: 1em;}
 .img-float-sm-right{ float: right; max-width: 45%; margin-left: 1em; margin-bottom: 1em;}
 
 /* col2 */
 .col-1sm2 {
	 width: calc((100%/2) - 8px);
 }
 /* col3 */
 .col-1sm3, .flex-just-between.col-1sm3-left::after,
 .col-2sm3, .flex-just-between.col-2sm3-left::after {
	 width: calc((99%/3) - 8px);
 }
	.flex-just-between.col-1sm3-left::after,
	.flex-just-between.col-2sm3-left::after { content:''; display: block; height: 0;} 

}
@media (min-width:768px) {
 .d-md-flex {
	display: flex;
 }
 .img-float-md-left { float: left; max-width: 45%; margin-right: 1em; margin-bottom: 1em;}
 .img-float-md-right { float: right; max-width: 45%; margin-left: 1em; margin-bottom: 1em;}

 /* col2 */
 .col-1md2,
 .col-123 {
	width: calc((100%/2) - 10px);
 }
 /* col3 */
 .col-1md3, .flex-just-between.col-1md3-left::after {
	width: calc((99%/3) - 10px);
 }
	.flex-just-between.col-1md3-left::after { content:''; display: block; height: 0;}

 /* col5 */
 .col-3md5, .flex-just-between.col-3md5-left::after {
	 width: calc((100%/5) - 10px);
 }
	.flex-just-between.col-3md5-left::after { content:''; display: block; height: 0;}

}
@media (min-width:992px) {
 /* col3 */
 .col-1lg3, .flex-just-between.col-1lg3-left::after,
 .col-123, .flex-just-between.col-123-left::after {
	width: calc((99%/3) - 10px);
 }
	.flex-just-between.col-1lg3-left::after,
	.flex-just-between.col-123-left::after { content:''; display: block; height: 0;} 
}