@charset "UTF-8";
@import url("bootstrap-grid.css");
@import url("https://use.fontawesome.com/releases/v5.5.0/css/all.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");


/*--------------------------------------------------------------------*/
/* KilnArt Video Lessons 特集 */
/*------------------author--------------------------------------------------*/

@media only screen and (max-width: 767px) {
	.two-column-layout {
			float: none;
			width: auto;
			margin: 0 !important;
	}
}

.br-mb {
  display: inherit;
}
.br-pc {
  display: none;
	margin-right: .5em;
}

@media print, screen and (min-width: 720px){
  .br-mb {
    display: none;
		margin-right: .5em;
  }
  .br-pc {
    display: inherit;
		margin-right: 0;
  }
}

<!--
/* kilnArt-video-lessons-header
--------------------------------------------------------------------*/
.kilnArt-video-lessons-header {
}
.header-title {
}
.header-title h1 {
}
.header-title h1 small {
}
.header-title p {
}

@media print, screen and (min-width: 768px) {
	.header-title {
		height : 400px;
	}
  .header-title h1 {
    font-size: 8rem;
    text-align: left;
    padding: 20px 0 0 50px !important;
  }
  .header-title h1 small {
    font-size: 3rem;
  }
  .header-title p {
    position: absolute;
    left: 0;
    bottom: 20px;
    font-size: 1.6rem;
    padding-left: 40%;
  }
} 


/* kilnArt-video-lessons--main
--------------------------------------------------------------------*/
.kilnArt-video-lessons-main {
}

/* item-header */
.item-header {

}
.item-header h2 {
}
.item-header p {
    margin: 1em .5em 1em;
}
.item-header ul {
 text-align: left;
}


/* item-list */
.item-list {
}
.item-list figure img {
}
.item-title {
}
.item-caption {
}
.item-link {
}
.item-link:hover {
}



.txt-1 {
    margin: 1em .5em 1em;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    padding: 1.5rem 2rem;
    border-bottom: 3px solid rgba(236, 109, 132, 1);
    text-align: center;
}


.txt-1::before {
 position: absolute;
 bottom: -14px;
 left: 50%;
 width: 0;
 height: 0;
 content: '';
 border-width: 14px 12px 0;
 border-style: solid;
 border-color:  rgba(236,109,132,1) transparent transparent;
 }
.txt-1::after {
 position: absolute;
 bottom: -10px;
 left: 50%;
 width: 0;
 height: 0;
 content: '';
 border-width: 14px 12px 0;
 border-style: solid;
 border-color: #fff transparent transparent;
 }

 @media (min-width: 768px) {
.ez-portal .faq .faq-txt{
 text-align: center;
}
.ez-portal .faq .faq-txt-2{
 font-size: 20px;
}
}