@charset "utf-8";

/*
-----------------------------------------------

	: column-p
	: event-p

*/

/* : column-p
----------------------------------------------- */

.column-contents{
	background-color: var(--color-lightblue);
	padding:50px 0 100px 0;

}

.column-inner{
    display:flex;
    flex-wrap:wrap;
	column-gap: 40px;
	justify-content:space-between;
	align-items:flex-start;

}

.column-inner .main{
	flex:1;
	word-break: break-all;
	overflow-wrap: break-word;

	width:calc( 100% - 320px);

}
.column-inner .side{
	width:280px;
}

.column-inner.ver-event .main{
	width:calc( 100% - 340px);
}
.column-inner.ver-event .side{
	width:300px;
	
	position: sticky;
	top:80px;
}


@media (min-width: 769px) and (max-width: 1024px) {

.column-inner{
	column-gap: 30px;
}

.column-inner .main{
	width:calc( 100% - 250px);
}
.column-inner.ver-event .main{
	width:calc( 100% - 250px);
}

.column-inner .side{
	width:220px;
}
.column-inner.ver-event .side{
	width:220px;
}

}


@media only screen and (max-width: 768px) {

.column-contents{
	padding-bottom:50px;
}


.column-inner .main{
	margin-bottom:30px;
	width:100%;
}
.column-inner.ver-event .main{
}

.column-inner .side{
	width:100%;
}
.column-inner.ver-event .side{
	width:100%;
}



}



.column-inner .main-body{
	background:#fff;
	padding:50px;
	border-radius: 10px;
	
	box-shadow: 4px 2px 16px rgba(0,0,0,0.07);

}

.column-inner .side-block{
	background:#fff;
	padding:20px;
	border-radius: 10px;
	
	box-shadow: 4px 2px 16px rgba(0,0,0,0.07);
	margin-bottom:15px;
}

@media (min-width: 769px) and (max-width: 1024px) {

.column-inner .main-body{
	padding:35px;
}

}

@media only screen and (max-width: 768px) {

.column-inner .main-body{
	padding:20px;
}

}

/*
===== main =====
*/

.column-inner .main-body .pankuzu-list{
	margin-bottom:15px;
}


.column-cat-list{
    display:flex;
    flex-wrap:wrap;
	column-gap: 10px;
	margin-bottom:10px;

}
.column-cat-list li{
	margin-bottom:10px;
}
.column-cat-list li a{
	display:inline-block;
	font-size:var(--fs-label);
	background-color: var(--color-blue);
	padding:2px 15px;
	border-radius: 10px;
	color:#fff;

}
.column-cat-list li a:hover{
	opacity:0.7;
}


.column-entry-title{
	font-size:var(--fs-display);
	color: var(--color-blue);
	margin-bottom:15px;

}





.column-meta{
    display:flex;
    flex-wrap:wrap;
	column-gap: 20px;
	color: var(--color-gray);
	margin-bottom:20px;
	font-size:var(--fs-body-xsmall);
	align-items:flex-start;

}

@media only screen and (max-width: 768px) {

.event-contents .column-meta{
	display:block;
}
.event-contents .column-meta div{
	margin-bottom:5px;
}

}

.column-meta .kaisai,
.column-meta .kaijo,
.column-meta .author,
.column-meta .date{
	padding-left:20px;
	position: relative;
}

.column-meta .kaisai:before,
.column-meta .kaijo:before,
.column-meta .author:before,
.column-meta .date:before{
	background: url(../img/column/icon-author.svg) center no-repeat;
	background-size:contain;
	width:13px;
	height:13px;
	content:"";
	
	position:absolute;
	left:0px;
	top:5px;

}
.column-meta .date:before{
	background-image:url(../img/column/icon-calendar.svg);
	width:14px;
	height:14px;
}
.column-meta .kaisai:before{
	background-image: url(../img/event/icon-calendar.svg);
	width:14px;
	height:14px;
}
.column-meta .kaijo:before{
	background-image: url(../img/event/icon-pin.svg);
	width:14px;
	height:14px;
}



.column-eyecatch{
	margin-bottom:30px;
	position:relative;
}
.event-contents .column-eyecatch{
	margin-bottom:45px;
}

.column-eyecatch img{
	width:100%;
}

.column-eyecatch img{
	border-radius: 15px;
}


@media only screen and (max-width: 768px) {

.event-contents .column-eyecatch{
	width:calc( 100% + 30px);
	position:relative;
	left:-15px;

}
.event-contents .column-eyecatch img{
	border-radius: 0px;
}


}

.column-intro{
	background-color: var(--color-lightblue);
	border-left:4px solid var(--color-blue);
	padding:15px;
	margin-bottom:20px;
	line-height:1.8;
}



.column-keyword{
	padding-left:30px;
	margin-bottom:20px;
	position:relative;
}
.column-keyword:before{
	background: url(../img/column/keyword-icon.svg) center no-repeat;
	background-size:contain;
	width:16px;
	height:16px;
	content:"";
	
	position:absolute;
	left:2px;
	top:50%;
	transform: translate(0%, -50%);
	margin-top:-2px;


}

.column-keyword-list{
    display:flex;
    flex-wrap:wrap;
	column-gap: 8px;
	font-size:var(--fs-label);
	font-weight:600;
}
.column-keyword-list li{
	margin-bottom:8px;
}
.column-keyword-list li a{
	background-color: var(--color-lightblue);
	display:inline-block;
	padding:3px 5px;
	border:1px solid rgba(0,38,127,0.15);
	color: var(--color-blue);
	border-radius: 5px;


}
.column-keyword-list li a:hover{
	opacity:0.7;
}


/*
===== customblock =====
*/



.column-entry-body > *:first-child{
	margin-top:0;
}

.column-entry-body p{
	line-height:1.8;
}

.column-entry-body a{
	color:var(--color-blue);
	text-decoration:underline;
}
.column-entry-body a:hover{
	text-decoration:none;
}


/* スペーサー */
.spacer {
  height: var(--_height);
}

.spacer--sm {
  --_height: 8px;
}

.spacer--md {
  --_height: 24px;
}

.spacer--lg {
  --_height: 56px;
}


/* mokuji */

.column-mokuji{
	background:#F0F0F0;
	border-radius: 15px;
	margin-bottom:60px;
}
.column-mokuji .head{
	cursor:pointer;
	font-size:var(--fs-heading-small);
	font-weight:600;
	color: var(--color-blue);
	padding:15px 20px;
	position:relative;

}


@media only screen and (max-width: 768px) {

.column-mokuji{
	margin-bottom:40px;
	border-radius: 4px;
}

}

.column-mokuji .head:before{
	width:16px;
	height:3px;
	position:absolute;
	right:24px;
	top:29px;
	content:"";
	background-color: var(--color-blue);
}

.column-mokuji .head:after{
	width:3px;
	height:16px;
	position:absolute;
	right:30px;
	top:23px;
	content:"";
	background-color: var(--color-blue);

	transition: all .3s;
	opacity:1;

}

.column-mokuji .head.open:after{
	opacity:0;
	transform: rotate(90deg);
}



.column-mokuji .body{
	padding:20px;
	border-top:1px solid #ccc;
	
	display:none;
	counter-reset: number 0;
	
}

.column-mokuji a{
	text-decoration:none;
}


.column-mokuji .list1{
	border-top:1px solid #DEDEDE;
	position:relative;
	padding-left:20px;
	margin-top:15px;
	padding-top:15px;
}

.column-mokuji .list1:first-child{
	border-top:0;
	margin-top:0;
	padding-top:0;
}

.column-mokuji .list1:before{
	counter-increment: number 1;
	content: counter(number , decimal) "";
	position:absolute;
	left:0;
	top:17px;
	color: var(--color-blue);
	font-weight:700;
	font-size:var(--fs-label);

}



.column-mokuji .list1:first-child:before{
	top:2px;
}


.column-mokuji .list1 + .list2{
	margin-top:15px;
}
.column-mokuji .list2{
	margin-left:25px;
	padding-left:15px;
	position:relative;
}
.column-mokuji .list2 a{
	color: var(--color-gray);
}

.column-mokuji .list2:before{
	position:absolute;
	left:0;
	top:50%;
	width:3px;
	height:3px;
	content:"";
	background:var(--color-blue);
	border-radius: 100%;
}


@media only screen and (max-width: 768px) {

.column-mokuji .list2{
	margin-top:10px;
}
.column-mokuji .list2:last-child{
	opacity:0.5;
}


}

/* head */


.custom-h2{
	font-size:var(--fs-heading-large);
	color: var(--color-blue);
	border-bottom:2px solid var(--color-blue);
	padding-bottom:10px;
	margin-bottom:25px;
	margin-top:50px;
}

.custom-h3{
	font-size:var(--fs-heading-medium);
	border-left:4px solid var(--color-blue);
	margin-bottom:25px;
	padding:3px 0 3px 15px;
	margin-top:35px;

}



/* section */

.column-entry-section{
	padding:25px;
	border-radius: 10px;
	margin-bottom:30px;
}
.column-entry-section.bg-white{
	background:#fff;
}

.column-entry-section.bg-lightblue{
	background-color: #DFEEF5;
}
.column-entry-section.bg-gray{
	background-color: #EAECF2;
}
.column-entry-section.bg-yellow{
	background-color: #FFF1C5;
}
.column-entry-section.bg-red{
	background-color: #FBDFE6;
}
.column-entry-section.bg-img{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;

}



.column-entry-section > *{
	margin-top:0;
}
.column-entry-section > *:last-child{
	margin-bottom:0!important;
}


@media only screen and (max-width: 768px) {

.column-entry-section{
	padding:20px;
}

}



/* list */

.column-entry-body ul{
	margin-bottom:1em;
}

.column-entry-body ul li{
	padding-left:15px;
	position:relative;
	margin-bottom:10px;
}


.column-entry-body ul li:before{
	position:absolute;
	left:0;
	top:10px;
	width:5px;
	height:5px;
	content:"";
	background:var(--color-blue);
	border-radius: 100%;

}


.column-entry-body ol{
	margin-bottom:1em;
}

.column-entry-body ol li{
	position:relative;
	margin-bottom:10px;
	list-style: decimal outside;
	margin-left:15px;
}
.column-entry-body ol li::marker{
	color:var(--color-blue);
	font-weight:600;
}


.column-entry-body .merker{
	display:inline-block;
	border-bottom:5px solid #FFC000;
	font-style:normal;
}

.column-entry-body em,
.column-entry-body .highlight{
	display:inline-block;
	background:#fff2cc;
	font-weight:700;
	border-radius: 5px;
	font-style:normal;

}
.column-entry-body [style^="text-decoration: underline;"]{
	display:inline;

	border-bottom:5px solid #FFC000;
	font-style:normal;
	text-decoration:none!important;
}



.column-entry-body table{
	margin-bottom:1em;
}

.column-entry-body table{
	background:#fff;
}

.column-entry-body th,
.column-entry-body td{
	padding:10px 16px;
}

@media only screen and (max-width: 768px) {

.column-entry-body th,
.column-entry-body td{
	padding-left:12px;
	padding-right:12px;
}

}

.column-notice{
	background-color: var(--color-lightblue);
	padding:20px;
	border-radius: 5px;
	font-size:var(--fs-body-small);
	margin-bottom:25px;

}

@media only screen and (max-width: 768px) {

.column-notice{
	padding:15px;
}

}


.column-notice .label{
	font-weight:600;
	color: var(--color-blue);
	padding-left:20px;
	position:relative;
	margin-bottom:10px;

}
.column-notice .label:before{
	background: url(../img/column/icon-notice.svg) center no-repeat;
	background-size:contain;
	width:16px;
	height:16px;
	content:"";
	
	position:absolute;
	left:0px;
	top:50%;
	
	transform: translate(0%, -50%);


}

.column-notice.ver2{
	background:#FFF6DE;
}
.column-notice.ver2 .label{
	color:#C99000;
}

.column-notice.ver2 .label:before{
	background-image:url(../img/column/icon-attention.svg);
}


.column-notice.ver3{
	background:#E0EFF4;
}
.column-notice.ver3 .label{
	color:#0C779D;
}
.column-notice.ver3 .label:before{
	
	background-image:url(../img/column/icon-memo.svg);
}


.column-quote{
	border:1px solid #D9DBE0;
	position:relative;
	padding:60px 20px 20px 20px;
	margin-bottom:25px;
	border-radius: 5px;
	
	font-weight:600;

}
.column-quote:before{
	background: url(../img/column/quote.png) center no-repeat;
	background-size:contain;
	width:30px;
	height:22px;
	content:"";
	
	position:absolute;
	left:20px;
	top:20px;

}


.column-quote .source{
	text-align: right;
	font-size:var(--fs-body-xsmall);
	color: var(--color-gray);
	margin-top:10px;
	font-weight:400;


}



/* fukidashi */


.column-fukidashi .group{
    display:flex;
	column-gap: 30px;
	margin-bottom:25px;
	align-items:flex-start;

}
.column-fukidashi .group:nth-child(even){
    flex-direction:row-reverse;


}


.column-fukidashi .group .img{
	width:100px;
	text-align:center;
}
.column-fukidashi .group .img img{
	border-radius: 100%;
	height:auto;

}

.column-fukidashi .group .img .name{
	text-align:center;
	margin-top:10px;
	overflow-wrap: break-word;

}


.column-fukidashi .group .text{
	flex:1;
	background:#EDF0F7;
	position:relative;
	padding:30px 20px;
	border-radius: 15px;
}
.column-fukidashi .group .text:before{
	background: url(../img/column/fukidashi.png) center no-repeat;
	background-size:contain;
	width:16px;
	height:16px;
	content:"";
	
	position:absolute;
	left:-16px;
	top:20px;


}

.column-fukidashi .group:nth-child(even) .text:before{
	left:auto;
	right:-16px;
	transform: scale(-1,1);
}

@media only screen and (max-width: 768px) {

.column-fukidashi .group{
	column-gap: 20px;

}

.column-fukidashi .group .img{
	width:45px;
}
.column-fukidashi .group .text{
	padding:20px 15px;
}


}


/* col */


.column-2col{
    display:flex;
	column-gap: 30px;
	margin-bottom:15px;

}
.column-2col .group{
	flex:1;
	margin-bottom:25px;
}
.column-2col.layout-center{
	justify-content:center;
}
.column-2col.layout-center .group{
	flex:none;

}

.column-2col .group > *{
	margin-top:15px;
}
.column-2col .group > *:first-child{
	margin-top:0;
}

.column-2col h4{
	margin-bottom:15px;
	font-size:var(--fs-heading-small);

}

.sp-tate .column-2col{
}

@media only screen and (max-width: 768px) {

.column-2col{
	display:block!important;
}


}


.column-3col{
    display:flex;
	column-gap: 25px;
	margin-bottom:15px;

}
.column-3col .group{
	margin-bottom:25px;
	flex:1;
}
.column-3col.layout-center{
	justify-content:center;
}
.column-3col.layout-center .group{
	flex:none;

}

.column-3col .group > *{
	margin-top:15px;
}
.column-3col .group > *:first-child{
	margin-top:0;
}

.column-3col h4{
	margin-bottom:15px;
	font-size:var(--fs-heading-xsmall);

}
@media only screen and (max-width: 768px) {

.column-3col{
	display:block!important;
}


}




/* */


.column-entry-body hr{
	border:0;
	height:1px;
	background:#ADB8D4;
	margin:48px 0;
}
@media only screen and (max-width: 768px) {


.column-entry-body hr{
	margin:32px 0;
}

}




.column-yt{
	position:relative;
	padding-top:55%;
	margin-bottom:30px;
}
.column-yt iframe{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	border-radius: 10px;

}

/* サムネイル部分 */
.youtube-modal-block {
  position: relative;
	margin-bottom:30px;
}
.youtube-modal-trigger {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
	padding-top:56%;
}
.youtube-modal-trigger:hover{
	opacity:0.7;
}


.youtube-modal-trigger img {
	width:100%;
	height:100%;
	object-fit: cover;
	max-width: initial;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
  border-radius: 8px;
}



.youtube-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 114px;
  height: 82px;
  transform: translate(-50%, -50%);
  background:#ff0000;
  border-radius: 20px;
}
.youtube-play-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 20px 0 20px 30px;
  border-color: transparent transparent transparent #fff;
}


@media only screen and (max-width: 768px) {


.youtube-play-icon {
  width: 68px;
  height: 48px;
  border-radius: 12px;
}
.youtube-play-icon::before {
  border-width: 12px 0 12px 20px;
}

}


/* モーダル部分 */
.youtube-modal-overlay {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}
.youtube-modal-overlay.is-open {
  display: flex;
}
.youtube-modal-content {
  position: relative;
  width: 100%;
  max-width: 900px;
  aspect-ratio: 16 / 9;
}
.youtube-modal-iframe-wrap {
  position: absolute;
  inset: 0;
}
.youtube-modal-content iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.youtube-modal-close {
  position: absolute;
  top: -60px;
  right: -60px;
  border: none;
  color: #fff;
  cursor: pointer;
  
  background:url(../img/column/icon-close.svg) center no-repeat;
	background-size:contain;
  
  width:48px;
  height:48px;
}
.youtube-modal-close:hover{
	opacity:0.7;
}

@media only screen and (max-width: 768px) {

.youtube-modal-close {
	right:auto;
	top:auto;
	bottom:-60px;
	left:50%;
  width:72px;
  height:40px;
  background-image:url(../img/column/icon-close-sp.svg);
	transform: translate(-50%, -0%);

}


}




/* img-text */

.column-img-text{
    display:flex;
    flex-wrap:wrap;
	align-items:center;
	column-gap: 20px;
	margin-bottom:30px;

}

.column-img-text .img{
	max-width:300px;
}
.column-img-text .text{
	flex:1;
}
.column-img-text h4{
	margin-bottom:15px;
	font-weight:600;
	font-size:var(--fs-heading-medium);
	color: var(--color-blue);

}

@media (min-width: 769px) and (max-width: 1024px) {

.column-img-text .img{
	max-width:240px;
}

}

@media only screen and (max-width: 768px) {

.column-img-text{
	display:block;
}
.column-img-text .img{
	margin-bottom:25px;
}



}



/* flow */


.column-flow{
	counter-reset: number 0;
	margin-bottom:30px;
}

.column-flow.align-center{
    display:flex;
	justify-content:center;

}
.column-flow.align-right{
    display:flex;
	justify-content:flex-end;

}


.column-flow .step{
	position:relative;
	padding-left:60px;
	min-height:70px;
	margin-bottom:7px;
}

.column-flow .step:before{
	position:absolute;
	left:23px;
	width:2px;
	top:55px;
	bottom:0;
	content:"";
	background:#00267F;
}

.column-flow .step:last-child{
	min-height:50px;
}
.column-flow .step:last-child:before{
	display:none;
}


.column-flow .step .head{
	position:absolute;
	left:0;
	top:0;
	width:48px;
	height:48px;
	background:#B6CCFF;
	border-radius: 100%;
	text-align:center;

}

.column-flow .step .head .label{
	color:#6E8ED6;
	font-size:10px;
	font-weight:500;
	line-height:1;
	padding:8px 0 3px 0;
}
.column-flow .step .head .num{
	font-weight:700;
	color:#00267F;
	font-size:16px;
	line-height:1;
}
.column-flow .step .head .num:before{
	counter-increment: number 1;
	content: counter(number , decimal-leading-zero) "";
}


.column-flow .step .text{
	padding-top:10px;
}
.column-flow .step .title{
	font-weight:600;
	font-size:var(--fs-heading-small);

}



/* faq */

.column-faq{
	margin-bottom:20px;
}

.column-faq .group{
	margin-bottom:25px;
	background-color: var(--color-lightblue);
	border-radius: 10px;
	position:relative;

}

.column-faq .group .que{
	cursor:pointer;
	padding:15px 45px 15px 60px;
	position:relative;
	font-size:var(--fs-heading-small);
	font-weight:600;
}

.column-faq .group .que:before{
	content:"Q";
	position:absolute;
	left:20px;
	top:16px;
	background:#B6CCFF;
	font-weight:700;
	font-size:14px;
	color: var(--color-blue);
	width:28px;
	height:28px;
	text-align:center;
	line-height:28px;
	border-radius: 10px;
}

.column-faq .group .que:after{
	border:5px solid transparent;
	border-top:7px solid #5A6A8A;

	content:"";
	display:inline-block;

	position:absolute;
	right:20px;
	top:26px;

}

.column-faq .group .ans{
	display: none;
	padding:0 20px 15px 60px;
}


@media only screen and (max-width: 768px) {

.column-faq .group .que{
	padding-left:45px;
}

.column-faq .group .que:before{
	left:10px;
	top:18px;
	width:24px;
	height:24px;
	line-height:24px;
	font-size:13px;
	border-radius: 5px;
}

.column-faq .group .ans{
	padding-left:45px;
}


}


/* button */


.column-link-button a{
	display:inline-block;
	border:1px solid var(--color-blue);
	color:var(--color-blue);
	font-weight:600;
	line-height:34px;
	padding:10px 35px;
	border-radius: 15px;
	margin-bottom:30px;
	transition: all .3s;
	text-decoration:none;

}
.column-link-button a:hover{
	background:var(--color-blue);
	color:#fff;
}

.column-link-button.align-center{
	text-align:center;
}
.column-link-button.align-right{
	text-align:right;
}


.column-link-button .color-blue{
	background:var(--color-blue);
	color:#fff;
}
.column-link-button .color-blue:hover{
	color:var(--color-blue);
	background:#fff;
}



.column-link-button a[href$=".pdf"]:after{
	background: url(../img/column/pdf-blue.svg) center no-repeat;
	background-size:contain;
	width:14px;
	height:16px;
	content:"";
	
	position:relative;
	vertical-align:middle;
	display:inline-block;
	margin-left:10px;
	

}
.column-link-button a[href$=".pdf"]:hover:after{
	
	background-image:url(../img/column/pdf-white.svg);
}




/* link-text */


.column-link-text a{
	display:inline-block;
	margin-bottom:30px;
	position:relative;
}
.column-link-text a:hover{
	opacity:0.7;
	text-decoration:underline;
}

.column-link-text .arrow-left{
	padding-left:15px;
}
.column-link-text .arrow-left:before{
	content:"";
	display:inline-block;
	width:5px;
	height:5px;
	border-left: 2px solid var(--color-blue);
	border-bottom: 2px solid var(--color-blue);
	transform: rotate(45deg);

	position:absolute;
	left:0;
	top:50%;

	transform: rotate(45deg) translate(-0%, -50%);

}

.column-link-text .arrow-right{
	padding-right:15px;
}
.column-link-text .arrow-right:before{
	content:"";
	display:inline-block;
	width:5px;
	height:5px;
	border-top: 2px solid var(--color-blue);
	border-right: 2px solid var(--color-blue);
	transform: rotate(45deg);

	position:absolute;
	right:0;
	top:50%;

	transform: rotate(45deg) translate(-0%, -50%);

}


/* banner */


.column-banner-list{
    display:flex;
    flex-wrap:wrap;
	column-gap: 30px;
	justify-content:center;

}
.column-banner-list .group{
	margin-bottom:25px;
	text-align:center;
	width:calc( (100% - 60px) / 3);
}

.column-banner-list .name{
	color:var(--color-gray);
	margin-bottom:10px;
	font-size:var(--fs-body-xsmall);
}

.column-banner-list .group.align-left .name{
	text-align:left;
}
.column-banner-list .group.align-right .name{
	text-align:right;
}


.column-banner-list a:hover{
	opacity:0.7;
}

@media only screen and (max-width: 768px) {

.column-banner-list{
	display:block!important;
}
.column-banner-list .group{
	width:100%;
	max-width:400px;
	margin-left:auto;
	margin-right:auto;
}



}


/* kanren */


.column-kanrenkiji{
	margin-top:50px;
	border-top:1px solid #919FC1;
	padding-top:40px;
}

.column-kanrenkiji h3{
	color:var(--color-blue);
	font-size:var(--fs-heading-medium);
	margin-bottom:25px;
}

.column-kanrenkiji .group{
	padding-bottom:25px;
	border-bottom:1px solid #EAECF2;
	margin-bottom:25px;
}
.column-kanrenkiji .group:last-child{
	border-bottom:0;
	padding-bottom:0;
}

.column-kanrenkiji .group a{
    display:flex;
    flex-wrap:wrap;
	column-gap: 15px;
	text-decoration:none;

}
.column-kanrenkiji .group a:hover{
	opacity:0.7;
}


.column-kanrenkiji .img{
	width:220px;
}
.column-kanrenkiji .img img{
	border-radius: 5px;

}

.column-kanrenkiji .text{
	padding-top:12x;
	flex:1;
}


@media only screen and (max-width: 768px) {

.column-kanrenkiji{
	max-width:400px;
	margin-left:auto;
	margin-right:auto;
}

.column-kanrenkiji .group a{
	display:block;
}
.column-kanrenkiji .img{
	margin-bottom:20px;
	text-align:center;
	width:100%;
}


}


.column-kanrenkiji .cat span{
	color:#fff;
	background:var(--color-blue);
	padding:1px 5px;
	display:inline-block;
	margin:0 5px 10px 0;
	font-size:11px;
	border-radius: 5px;

}

.column-kanrenkiji .title{
	font-weight:600;
	font-size:var(--fs-heading-xsmall);
	margin-bottom:12px;

}
.column-kanrenkiji .summary{
	font-size:12px;
	margin-bottom:18px;
}

.column-kanrenkiji .date{
	color: var(--color-gray);
	font-size:12px;

}



/* table */




@media only screen and (max-width: 1024px) {

.column-entry-body .table-area.on{
	overflow-x:scroll;
	margin-bottom:30px;
	padding-bottom:10px;
}


.column-entry-body .table-long{
	max-width: initial;
	width:800px!important;

}

.column-entry-body .table-area.on:after{
	content:"※表示エリアをスライドできます";
	display:block;
	color:#888;
	font-size:80%;
	margin:5px 0;
}

.column-entry-body .table-area.on::-webkit-scrollbar {
  height:10px;
}
.column-entry-body .table-area.on::-webkit-scrollbar-track {
  background:#ccc;
}
.column-entry-body .table-area.on::-webkit-scrollbar-thumb {
  background:#aaa;
}


}




/*
===== side =====
*/

.side-block-title{
	color:var(--color-blue);
	font-weight:700;
	border-bottom:1px solid var(--color-lightblue);
	font-size:var(--fs-body-xsmall);
	padding-bottom:8px;
	margin-bottom:8px;
}



/* author */


.side-author .group{
    display:flex;
    flex-wrap:wrap;
	column-gap: 10px;
	align-items:center;


}
.side-author .group .img{
	width:48px;
}
.side-author .group .text{
	flex:1;
}


.side-author .group .name{
	font-weight:700;
	font-size:var(--fs-body-xsmall);
}

.side-author .group p{
	font-size:var(--fs-caption);
	color: var(--color-gray);

}





/* : event-p
----------------------------------------------- */


.event-contents{
	background-color: var(--color-lightblue);
	padding:35px 0 100px 0;
}

.event-contents .pankuzu-list{
	margin-bottom:20px;
}


.event-entry-subtitle{
	color: #5A6A8A;
	margin-bottom:15px;
	margin-top:-10px;
	font-weight:600;

}
.event-entry-subtitle-line{
	height:1px;
	background:#919FC1;
	margin:0 0 25px 0;
}

.event-keyword{
	margin-bottom:30px;
}

/*
===== event-intro =====
*/

.event-intro{
	background-color: var(--color-lightblue);
	padding:25px;
	border-radius: 10px;
	margin-bottom:70px;

}
.event-intro .custom-h3{
	margin-top:0;
}

.event-data-table{
	width:100%;
	border-collapse:collapse;
	border:1px solid #A6A6A6;
	margin-bottom:30px;
	margin-top:25px;
}

.event-data-table th,
.event-data-table td{
	padding:7px 12px;
	border:1px solid #A6A6A6;
}

.event-data-table th{
	color:#fff;
	font-weight:bold;
	background-color: var(--color-blue);
	text-align:left;
	width:150px;
}
.event-data-table td{
	background:#fff;
}


.event-intro .oritatami{
	display:none;
	padding-top:30px;
}

.event-intro .oritatami-button{
	text-align:center;
	margin:15px 0;
}

.event-intro .oritatami-close{
	display:none;
}


.event-intro .oritatami-button span{
	display:inline-block;
	position:relative;
	padding:0 15px;
	cursor:pointer;
}
.event-intro .oritatami-button span:hover{
	opacity:0.7;
}

.event-intro .oritatami-open span:after{
	border:5px solid transparent;
	border-top:7px solid var(--color-blue);

	content:"";
	display:inline-block;

	position:absolute;
	top:10px;
	right:0px;

}

.event-intro .oritatami-close span:after{
	border:5px solid transparent;
	border-bottom:7px solid var(--color-blue);

	content:"";
	display:inline-block;

	position:absolute;
	top:5px;
	right:0px;

}



.entry-reserve-button{
	text-align:center;
}
.entry-reserve-button a{

	display:inline-block;
	border:1px solid var(--color-blue);
	color:var(--color-blue);
	font-weight:600;
	line-height:34px;
	padding:10px 35px;
	border-radius: 15px;
	margin-bottom:30px;
	transition: all .3s;
	text-decoration:none;

}
.entry-reserve-button a:hover{
	background:var(--color-blue);
	color:#fff;
}

.event-intro .entry-reserve-button a{
	background:var(--color-blue);
	color:#fff;

}
.event-intro .entry-reserve-button a:hover{
	color:var(--color-blue);
	background:#fff;
}

.entry-reserve-button .off{
	display:inline-block;
	line-height:34px;
	padding:10px 35px;
	border-radius: 15px;
	margin-bottom:30px;
	transition: all .3s;
	text-decoration:none;

	background:#E0E2E5;
	color:#4B5563;

}


/*
===== body =====
*/


/* event-speaker */

.event-speaker{
	margin-bottom:30px;
}
.event-speaker .group{
	border-bottom:1px solid #EAECF2;
    display:flex;
    flex-wrap:wrap;
	column-gap: 15px;
	padding-bottom:20px;
	margin-bottom:20px;
	
}

.event-speaker .img img{
	width:80px;
	border-radius: 5px;

}

.event-speaker div.text{
	flex:1;
}


.event-speaker .co{
	color:#5A6A8A;
	font-size:var(--fs-caption);
	margin-bottom:3px;
}

.event-speaker .name{
	font-weight:600;
	font-size:var(--fs-heading-xsmall);
	margin-bottom:5px;
}

.event-speaker .position{
	color:#3B6DE3;
	font-size:var(--fs-label);
	margin-bottom:5px;

}
.event-speaker p{
	color:#5A6A8A;
	font-size:var(--fs-body-small);


}


/* timetable */


.event-timetable{
	margin-bottom:50px;
}


.event-timetable .group{
	position:relative;
	padding-bottom:15px;
	padding-left:86px;

}

.event-timetable .group:before{
	position:absolute;
	left:60px;
	top:20px;
	width:10px;
	height:10px;
	content:"";
	background:#AAB8D8;
	border-radius: 100%;
	
}
.event-timetable .group:after{
	position:absolute;
	left:64px;
	top:35px;
	width:1px;
	height:calc( 100% - 19px);
	content:"";
	background:#D0D9EE;
	
}
.event-timetable .group:last-child{
	padding-bottom:0;
}

.event-timetable .group:last-child:after{
	display:none;
}

.event-timetable .group .time{
	position:absolute;
	left:0;
	top:13px;
	color: var(--color-blue);
	font-size:var(--fs-body-small);
	font-weight:500;
	width:55px;
	text-align:center;
	
}

.event-timetable .group .text{
	padding:12px;
	border-radius: 5px;
	
	background-color: var(--color-lightblue);
	color: var(--color-gray);
	font-size:var(--fs-body-small);
}

.event-timetable .group .title{
	margin-bottom:10px;
	font-size:var(--fs-body);
	font-weight:600;
	color: var(--color-dark);

}

/* access */

.event-googlemap{
	position:relative;
	padding-top:45%;
	margin-bottom:30px;
}
.event-googlemap iframe{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

@media only screen and (max-width: 768px) {

.event-googlemap{
	padding-top:68%;
}

}



/*
===== side =====
*/


.side-event-info .reserve a{
	display:block;
	text-align:center;
	background:#FFC000;
	color:#0D1A33;
	line-height:48px;
	font-size:var(--fs-heading-xsmall);
	border-radius: 15px;
	margin-bottom:10px;
	font-weight:500;
}
.side-event-info .reserve a:hover{
	opacity:0.7;
}

.side-event-info .reserve .off{
	display:block;
	text-align:center;
	line-height:48px;
	font-size:var(--fs-heading-xsmall);
	border-radius: 15px;
	margin-bottom:10px;
	font-weight:500;

	background:#E0E2E5;
	color:#4B5563;

}


.side-event-info dt{
	font-size:var(--fs-body-xsmall);
	color: var(--color-gray);
	margin-bottom:3px;

}

.side-event-info .uketsuke dd{
	font-size:var(--fs-label);

}

@media only screen and (max-width: 768px) {

.side-event-info .uketsuke{
	text-align:center;
}

}

.side-event-info .data{
	border-top:1px solid #D0D9EE;
	padding-top:20px;
	margin-top:15px;
}

.side-event-info .data dt{
	padding-left:27px;
	position:relative;
}

.side-event-info .data .icon{
	width:16px;
	text-align:center;
	position:absolute;
	left:0;
	top:2px;
}
.side-event-info .data .icon img{
	max-width:16px;
}


.side-event-info .data dd{
	font-size:var(--fs-body-small);
	padding-left:27px;
	margin-bottom:10px;

}

.side-event-info .shusai{
	border-top:1px solid #D0D9EE;
	padding-top:15px;
	margin-top:15px;
}

.side-event-info .shusai dd{
	font-size:var(--fs-body-small);

}

/* fixed */

.event-fixed-reserve{
	position:fixed;
	left:0;
	bottom:0;
	background:#fff;
	padding:20px;
	width:100%;
}

.event-fixed-reserve a{
	display:block;
	text-align:center;
	background:#FFC000;
	color:#0D1A33;
	line-height:48px;
	font-size:var(--fs-heading-xsmall);
	border-radius: 15px;
	font-weight:500;
}
.event-fixed-reserve .off{
	display:block;
	text-align:center;
	line-height:48px;
	font-size:var(--fs-heading-xsmall);
	border-radius: 15px;
	font-weight:500;
	
	background:#E0E2E5;
	color:#4B5563;

}



@media print, screen and (min-width: 769px) {

.event-fixed-reserve{
	display:none;
}

}




/* : -p
----------------------------------------------- */