@charset "UTF-8";

/* basic
***************************** */
.insights img {  width: 100%; max-width: 100%; height: auto; vertical-align: top; image-rendering: -webkit-optimize-contrast; }
.insights b,
.insights strong { font-weight: 700; }
@media only screen and (min-width:768px){
	.insights .hover--opacity { transition: opacity .3s ease; }
	.insights .hover--opacity:hover { opacity: .7; }
}

/* common - BG
***************************** */
.insights .fill { padding: 60px 30px; }
.insights .fill-inner { margin: 0 auto; max-width: 850px; }
@media only screen and (max-width:767px){
	.insights .fill { margin-left: -15px; margin-right: -15px;}
}

/* common - products
***************************** */
.insights .products { padding: 40px; border: 20px solid #F2F2F2; }
.insights .products-heading > span { display: block; }
.insights .products-heading .box { border:1px solid #000; line-height: 1.4; padding: 0 .3em; margin: 0 .3em; }
.insights .products-heading__head { border-bottom-width: 3px; border-bottom-style: solid; margin-top: 5px; padding-bottom: 10px; }
.insights .products-links { display: flex; flex-wrap: wrap; font-size: 16px; font-weight: 700; margin: 15px -30px 0 0; }
.insights .products-links li{ margin: 10px 30px 0 0; }
@media only screen and (max-width:767px){
	.insights .products { margin-left: -15px; margin-right: -15px; padding: 20px; border: 10px solid #F2F2F2; }
	.insights .products-heading { text-align: center; }
	.insights .products-heading__head { border-bottom-width: 2px; padding-bottom: 5px; }
	.insights .products-links { display: block; margin: 20px 0 0 0; }
	.insights .products-links li{ margin: 10px 30px 0 0; }
}

/* index - h1
***************************** */
.insights .title span{display: block;}
@media only screen and (max-width:767px){
}

/* index - characters
***************************** */
.insights .characters {}
.insights .characters__card { box-sizing: border-box; color: #fff; display: flex; flex-direction: column; height: 100%; }
.insights .characters__card-info { box-sizing: border-box; flex: 1; padding: 20px 30px; min-height: 170px }
.insights .characters__card-name { position: relative; }
.insights .characters__card-name::before { background-color: rgba(255,255,255,.3); content: ""; position: absolute; top: calc(.9em - 1px); left: -30px; width: 20px; height: 2px; }
.insights .characters__card-text { margin-top: 5px; }
@media only screen and (max-width:767px){
}

/* Pages
***************************** */
.pages{border-bottom:1px dotted #bdbdbd;line-height: 1.8;}
.pages-item{border-top:1px dotted #bdbdbd;line-height: 1.5;}
.pages-item .u-icons{display:block;padding-top:10px;padding-bottom:10px;padding-left:10px;}
.pages-item .u-icons:hover{text-decoration:none;}
.pages-item span.u-icons:before{display: none;}
.pages-item .u-icons.current{background-color:#f5f5f5;}
@media only screen and (min-width:768px){
	.pages-item a{transition:background-color 0.3s ease, color 0.3s ease;}
	.pages-item a:hover{background-color:#f5f5f5;}
}

/* article - MV
***************************** */
.insights .mv{ border: 1px solid #c6c6c6; border-radius: 17px; overflow: hidden; }
.insights .mv-noborder{ border: none;border-radius: 0;}
@media only screen and (min-width:768px){
	.insights .mv{ border-radius: 9px; }
}

/* article - theme
***************************** */
.insights .theme-contents { border-top: 2px solid #c6c6c6; position: relative; padding-top: 30px; }
.insights .theme-contents::before { content: ""; position: absolute; top: -2px; right: 0; width: calc((300 / 954) * 100%); height: 2px; }
@media only screen and (max-width:767px){
	.insights .theme-contents { padding-top: 30px; }
}

/* article bg-title
***************************** */
.udr-heading { border-bottom-width: 2px; border-bottom-style: solid; padding-bottom: 40px; }
@media only screen and (max-width:767px){
	.udr-heading { padding-bottom: 20px; }
}