@charset "UTF-8";

/* 基本要素
***************************** */
.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; }
}


/* 共通 - 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;}
}

/* 共通 - 画像ボーダー
***************************** */
.insights .img-border { border: 1px solid #bfbfbf; }
@media only screen and (max-width:767px){
}

/* 共通 - 製品
***************************** */
.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; }
}

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

/* トップ - 登場者
***************************** */
.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{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;}
}

/* 下層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; }
}

/* 下層 L字テキストエリア
***************************** */
.insights .theme { display: flex; position: relative; padding-top: calc((100 / 1050) * 100%); }
.insights .theme-heading { order: 2; width: calc((100 / 1050) * 100%); }
.insights .theme-heading img { width: 100%; }
.insights .theme-heading img:nth-of-type(1),
.insights .theme-heading img:nth-of-type(2) { position: absolute; right: 0; top: 0; }
.insights .theme-contents { flex: 1; border-top: 2px solid #c6c6c6; position: relative; padding: 50px 60px 0 0; }
.insights .theme-contents::before { content: ""; position: absolute; top: -2px; right: 0; width: calc((300 / 954) * 100%); height: 2px; }
.insights .theme-contents::after { content: ""; position: absolute; top: 0; right: 0; width: 2px; height: 100%; }
@media only screen and (max-width:767px){
	.insights .theme { padding-top: calc((78 / 690) * 100%); }
	.insights .theme-heading { width: calc((78 / 690) * 100%); }
	.insights .theme-contents { padding: 15px 20px 0 0; }
}

/* 下層 BG領域タイトル
***************************** */
.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; }
}

/* 下層 動画領域
***************************** */
.udr-movie { margin-top: 30px; }
.udr-movie .c-img{ background-color: #fff; display: block; margin: 0 auto; max-width: 590px; }
@media only screen and (max-width:767px){
}

.l-inner-medium .c-relatedContents__img>img{width:330px;image-rendering: -webkit-optimize-contrast;}
.l-inner-medium .c-text>a{word-break:break-all;}
.l-inner-medium .c-featurePaper__area .c-featurePaperArea__box{background-color: #fafafa;border: 1px solid #bebcbc;padding: 30px;}
.l-inner-medium .c-featurePaper__area .c-featurePaperArea__catch{font-size: 16px;line-height: 1.8;font-weight: bold;text-align: center;}
.l-inner-medium .c-featurePaper__area .c-featurePaperArea__lead{font-size: 16px;font-weight: bold;text-align: center;margin-top: 15px}
.l-inner-medium .c-featurePaperArea__link a{max-width: 350px;width: auto;margin: 20px auto 0;display: block;font-size: 16px;text-decoration: none;font-weight: bold;padding: 11px 10px;color: #fff;background: url(/fa/the-art-of-manufacturing/shared/img/bullet_btn_ctgrytop.png) right center no-repeat #cc0001;}
.l-inner-medium .c-featurePaperArea__link{text-align: center;}
.l-inner-medium .c-featurePaperArea__link a:hover{text-decoration: none;opacity: .7;-ms-filter: 'alpha(opacity=70)';}
.l-inner-medium .c-featurePaperArea__link span{margin-right: 6px;}
.l-inner-medium .c-featurePaperArea__link img{vertical-align: middle;position: relative;top: -2px;}
@media only screen and (max-width:767px){
	.l-inner-medium .c-relatedContents__img>img{width:auto;}

/* ハイフン 2つ対応版
***************************** */
.l-inner--medium .c-relatedContents__img>img{width:330px;image-rendering: -webkit-optimize-contrast;}
.l-inner--medium .c-text>a{word-break:break-all;}
.l-inner--medium .c-featurePaper__area .c-featurePaperArea__box{background-color: #fafafa;border: 1px solid #bebcbc;padding: 30px;}
.l-inner--medium .c-featurePaper__area .c-featurePaperArea__catch{font-size: 16px;line-height: 1.8;font-weight: bold;text-align: center;}
.l-inner--medium .c-featurePaper__area .c-featurePaperArea__lead{font-size: 16px;font-weight: bold;text-align: center;margin-top: 15px}
.l-inner--medium .c-featurePaperArea__link a{max-width: 350px;width: auto;margin: 20px auto 0;display: block;font-size: 16px;text-decoration: none;font-weight: bold;padding: 11px 10px;color: #fff;background: url(/fa/the-art-of-manufacturing/shared/img/bullet_btn_ctgrytop.png) right center no-repeat #cc0001;}
.l-inner--medium .c-featurePaperArea__link{text-align: center;}
.l-inner--medium .c-featurePaperArea__link a:hover{text-decoration: none;opacity: .7;-ms-filter: 'alpha(opacity=70)';}
.l-inner--medium .c-featurePaperArea__link span{margin-right: 6px;}
.l-inner--medium .c-featurePaperArea__link img{vertical-align: middle;position: relative;top: -2px;}
@media only screen and (max-width:767px){
	.l-inner--medium .c-relatedContents__img>img{width:auto;}

	
}