@charset "utf-8";
.information-wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.information-main{
    flex: 1;
}

/*SIDE CAT*/
.information-cat{
    width: 20em;
    margin-left: 2em;
}
.information-cat_h3 {
    margin: 0 0 0.2em -0.2em;
    padding: 0;
    font-size: clamp(21px, 2.4vw, 28px);
}
.information-cat_li{
    padding: 0.5em 0 !important;
    margin: 0.5em 0 !important;
}
.information-cat_a{
    display: block;
    position: relative;
}
.information-cat_a:after{
    content:"\f054";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 14px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 1380px) {
    .information-cat{
        width: 13em;
    }
}
@media screen and (max-width: 780px) {
    .information-cat{
        width: 100%;
        margin: 3em auto;
    }
    .information-cat_h3 {
        font-size: clamp(28px, 4vw, 38px);
    }
}

/*ARCHIVE*/
.information-li{
	padding-bottom: 1em !important;
	margin-bottom: 1em !important;
}
.information-li_a{
	display: block;
	font-size: clamp(12px, 1.1vw, 14px);
	line-height: 1.3;
}
.information-cat_h4{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(28px, 3vw, 38px);
    margin-bottom: 0.5em;
}
.information-cat_h4:after{
    content: "";
    display: block;
    flex: 1;
    height: 2px;
    margin-left: 0.5em;
}

/*POST*/
.information-head{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.5em;
}
.information-head_cat{
	display: inline-block;
    padding: 0.3em 0.5em 0.4em;
    line-height: 1;
    border-radius: 3px;
    margin-left: 5px;
    font-size: 12px;
}
.information-post_h4{
    font-size: clamp(21px, 2vw, 28px);
    line-height: 1.3;
}
.information-editor h2{
    font-size: clamp(18px, 1.4vw, 21px);
    padding: 0.2em 0.5em;
    margin: 2em 0 1em;
}
.information-editor h2:before{
    content: "●";
    font-size: 80%;
    margin-right: 0.2em;
    display: inline-block;
    vertical-align: 0.1em;
}
.information-editor h3{
    font-size: clamp(16px, 1.2vw, 18px);
	line-height: 1.3;
	padding: 0.5em;
	margin: 2em 0 1em;
}
.information-editor h4{
    font-size: clamp(15px, 1.1vw, 16px);
	margin: 2em 0 1em;
	padding: 0.5em;
	line-height: 1.3;
}
.information-editor p{
	margin: 0 0 1.5em;
}
.information-editor strong{
	font-weight: 700;
}
.information-editor i{
	font-style: italic;
	font-weight: 700;
	padding: 0 0.1em 0 0;
	display: inline-block;
}
.information-editor a{
	text-decoration: underline;
	font-weight: 700;
}
.information-editor ul,
.information-editor ol{
    margin: 1.5em 0 !important;
    padding-left: 1.5em !important;
}
.information-editor li{
    line-height: 1.3;
    margin-bottom: 0.5em;
}
.information-editor blockquote{
	padding: 2em;
	margin: 1em 0;
	position: relative;
	border-radius: 0 1em 0 1em;
}
.information-editor blockquote:after {
    content: "“";
    font-family: "ab-kirigirisu", sans-serif;
    font-size: clamp(90px, 6vw, 80px);
    font-weight: 700;
    position: absolute;
    top: -14px;
    left: -0.5em;
}
.information-editor blockquote p:last-of-type{
	margin-bottom: 0;
}
.information-editor figure.media{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
	margin: 1.5em 0;
}
.information-editor figure.media iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    border: none;
}
.information-editor figure.image{
	margin: 1em 0;
}
.information-editor figure.image img{
	max-width: 100%;
	vertical-align: bottom;
	line-height: 1;
}
@media screen and (max-width: 680px) {
    .information-editor blockquote{
        padding: 2em 1em;
    }
}