@charset "utf-8";

.section-bg{width:100%;text-align:center;}
.section{width:100%;max-width:920px;margin:0 auto;padding:0 0 95px;}

.section-title{padding:35px 10px;background-color:#eee;}
.section-title .new{margin:0 auto 5px;}
.section-title .new span{display:inline-block;width:44px;height:42px;margin:0 2px;padding-top:2px;font-size:30px;color:#fff;line-height:44px;background:#c7000b;}
.section-title h3{color:#c7000b;font-size:30px;font-weight:normal;margin:0;}
.section-title h3 .sp{display:none;}
.section-title .tag{margin:10px auto 0;line-height:1.4em;}
.section-title .tag a,
.section-title .tag span{display:inline-block;margin:0 0.5em;font-size:18px;color:#000;text-decoration:underline;}
.section-title .tag a:hover{text-decoration:none;}

.section-title.black-bg{background-color:#fff;}
.section-title.black-bg h3{color:#000;font-size:32px;font-family: 'Frutiger Neue LT W06 Regular', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif
}

.flex-title{margin:0 0 25px;color:#000;font-size:20px;line-height:34px;text-align:center;}
.flex-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 20px;}
.flex-box .image-box{width:30%;margin:40px 1.667% 0px;}
.flex-box .image-box p.image{margin-bottom:7px;}

.flex-box2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.flex-box2 .text-box{width:48%;margin:0;}
.flex-box2 .image-box{width:48%;margin:40px 0 0;}
.flex-box2 .image-box p.image{margin-bottom:7px;}

.flex-box3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.flex-box3 .text-box{width:48%;margin:0;}
.flex-box3 .image-box{width:48%;margin:40px 0 0;}
.flex-box3 .image-box p.image{margin-bottom:7px;}
.underborder{margin-bottom:40px;padding-bottom:40px;border-bottom:2px solid #e4e2e2;}

.text-title{margin:0 20px 25px;color:#000;font-size:24px;line-height:34px;text-align:center;}
.text-box{padding:40px 0 0;}
.text-box p{margin:0 0 30px;color:#000;font-size:18px;line-height:33px;text-align:left;}
.text-box p:last-of-type{margin-bottom:0;}

.image-title{font-size:20px;margin:20px 0 15px;}
.align-left{text-align:left;}
.image-box{width:100%;margin:40px auto 0;}
.image-box p{margin:0 0 15px;text-align:left;font-size:18px;}
.image-box p:last-of-type{margin-bottom:0;}
.image-box p.image{margin-bottom:0;}
.image-box p.align-center{text-align:center;}
.image-box img{width:100%;height:auto;}
.image-box img.sp{display:none;}

.border-title{margin:0 0 20px;font-size:26px;line-height:1.4em;font-weight:normal;color:#c7000b;}
.border-box{display:block;margin-top:40px;padding:27px;border:3px solid #e4e2e2;box-sizing:border-box;}
.border-box p{position:relative;margin-top:0;text-align:left;}
.border-box p img{width:100%;height:auto;}
.border-box p.leftpad{padding-left:1em;}
.border-box p.underborder{margin-bottom:40px;padding-bottom:40px;border-bottom:2px solid #e4e2e2;}
.border-box p:last-of-type{margin-bottom:0;}
.border-box p span{position:absolute;left:0;}

.link-box{margin-top:40px;}
.link-box p{margin-bottom:0;}
.link-box p.link{width:700px;margin:0 auto 10px;}
.link-box a{display:block;color:#000;font-size:20px;line-height:60px;background-color:#dbdbdb;border-radius:60px;}
.link-box a:hover{text-decoration:none;opacity:0.7;}
.link-box a br{display:none;}
.link-box a span{display:inline-block;}
.link-box a span:after{content:'';display:inline-block;width:34px;height:34px;background:url(../img/frontier/ico-movie.png) no-repeat center;background-size:100%;vertical-align:-6px;margin-left:10px;}

.data-box{margin:40px 30px;}
.data-box p{text-align: left;}
.data-box ul{list-style:none;margin:0 auto;padding:0;}
.data-box ul li{display:table;width:100%;padding:25px 0;font-size:18px;text-align:left;border-top:2px solid #000;background:#eee;}
.data-box li.nopad{padding-top:0;padding-bottom:0;}
.data-box li.border-bottom{border-bottom:2px solid #000;}
.data-box li span{display:table-cell;width:130px;padding:0 20px;vertical-align:middle;}
.data-box li p{display:table-cell;width:auto;padding:0 20px 0 0;vertical-align:middle;}
.data-box li ul li{padding:25px 0;border-top:none;}
.data-box li ul li.border-bottom{border-bottom-style:dotted;}
.data-box li ul strong{display:table-cell;width:200px;padding:0 20px;vertical-align:middle;}

.movie-box{margin:40px auto 0;}
.movie-box p{margin:10px auto 0;font-size:18px;text-align:left;}
.movie-box .movie{position:relative;width:auto;padding-top:56.25%;}
.movie-box .movie iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.caption{margin-top:30px;padding:30px 0 50px;background:url(../img/support/border.png) repeat-x top left;}
.caption ul{margin:0;padding:0;list-style:none;}
.caption li{margin-bottom:10px;font-size:15px;line-height:28px;text-align:left;}
.caption li span{display:inline-block;padding-left:2em;}

.table-box{margin:40px 0 0;}
.table-box table{border:3px solid #000;border-top-width:0;width:100%;}
.table-box table:first-of-type{border-top:3px solid #000;}
.table-box tr:first-of-type th,
.table-box tr:first-of-type td{border-top-width:0;}
.table-title{margin:0 0 15px;color:#000;font-size:24px;line-height:34px;text-align:center;}
.align-left{text-align:left;}

.table-box th,
.table-box td{padding:16px 0 0;border-top:1px solid #000;border-left:1px solid #000;}
.table-box td ul,
.table-box td p{padding:0 8px;}
.table-box ul,
.table-box p{margin-bottom:16px;}
.table-box li,
.table-box p{font-size:18px;text-align:left;color:#000;}
.table-box th p,
.table-box td p{font-size:16px;text-align:center;}
.table-box li{position:relative;padding-left:1em;list-style:none;}
.table-box li span{display:block;position:absolute;width:1em;left:0;top:0;}

.table-box td.table-cell1{border-left:0;}

#headvisual .section{max-width:100%;padding:0;}
#headvisual p{margin:0;}
#headvisual img{display:block;width:100%;}
#headvisual img.pc{height:auto;}
#headvisual img.sp{height:0;}

#about{background-color:#5c5c5c;padding:40px 0 0;margin-bottom:50px;}
#about .section{padding-bottom:0;}
#about h2{color:#FFF;font-size:30px;line-height:54px;text-align:center;margin:0;}
#about p{color:#FFF;}
#about .text-box{padding:20px 0 40px;}
#about .text-box p.update{text-align:center;}
#about .text-box p.update span{display:inline-block;margin-left:1em;text-decoration:none;}

#tag{margin-bottom:50px;}
#tag .section{padding-bottom:0;}
#tag .text-box{padding-top:0;}
#tag .text-box p.tag{text-align:center;margin:10px auto 0;line-height:1.4em;}
#tag .text-box p.tag a,
#tag .text-box p.tag span{display:inline-block;margin:0 0.5em;font-size:18px;text-decoration:underline;}
#tag .text-box p.tag a:hover{text-decoration:none;}
#tag .text-box p.update{text-align:center;}
#tag .text-box p.update span{display:inline-block;margin-left:1em;text-decoration:none;}

/* 01.高精細4Kカメラ */
#frontier01{}

/* 02.3Dマシンビジョン */
#frontier02{}

/* 03.キヤノンデザイン */
#frontier03{}

/* 04.最先端CMOSセンサー */
#frontier04{}
#frontier04 .flex-box{margin-top:40px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
#frontier04 .flex-title{width:100%;margin-bottom:10px;}
#frontier04 .flex-box .image-box{width:48%;margin:0px;}
#frontier04 .flex-box .image-box p.image{margin-bottom:7px;}

/* 05.CT診断装置 */
#frontier05{}

/* 06.知的財産活動 */
#frontier06{}
#frontier06 .table-box{position:relative;}
#frontier06 .table-box table{border:1px solid #000;border-top-width:0;margin-bottom:10px;}
#frontier06 .table-box table:first-of-type{border-top:1px solid #000;}

/* 表組み1 */ 
#frontier06 .table-box1 .table-cell1{width:25%;background-color:#eceef0;}
#frontier06 .table-box1 .table-cell2{width:25%;}
#frontier06 .table-box1 .table-cell3{width:25%;}
#frontier06 .table-box1 .table-cell4{width:auto;}

#frontier06 .table-box1 .table-row1 td{background-color:#d2dadd;}

/*#frontier06 .table-box1 .table-cell3{position:relative;}
#frontier06 .table-box1 .table-cell3:after{content:'';display:block;position:absolute;left:0%;top:0%;width:100%;height:100%;border-left:3px solid #de0010;border-right:3px solid #de0010;}
#frontier06 .table-box1 .table-row1 .table-cell3:after{display:none;}
#frontier06 .table-box1 .table-row2 .table-cell3:after{border-top:3px solid #de0010;}
#frontier06 .table-box1 .table-row3 .table-cell3:after{border-bottom:3px solid #de0010;}*/

/* 表組み2 */ 
#frontier06 .table-box2 .table-cell1{width:auto;}
#frontier06 .table-box2 .table-cell2{width:13%;}
#frontier06 .table-box2 .table-cell3{width:19%;}
#frontier06 .table-box2 .table-cell4{width:13%;}
#frontier06 .table-box2 .table-cell5{width:19%;}

#frontier06 .table-box2 .table-cell1 p{text-align:left;}
#frontier06 .table-box2 .table-cell3 p{text-align:left;}
#frontier06 .table-box2 .table-cell5 p{text-align:left;}

#frontier06 .table-box2 .table-row1 td,
#frontier06 .table-box2 .table-row2 td{background-color:#d2dadd;}

#frontier06 .table-box2 .table-row2 td p{text-align:center;}

/* 07.ナノインプリントリソグラフィ */
#frontier07{}
#frontier07 .flex-box{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
#frontier07 .flex-box .image-box{width:48%;margin:20px 0 0;}
#frontier07 .flex-box .image-box p.image{margin-bottom:0;}
#frontier07 .caption{padding-bottom:0}

/* 08.材料研究 */
#frontier08{}
#frontier08 #about{margin-bottom:0;}
#frontier08 #trend-anchor1 .section,
#frontier08 #trend-anchor2 .section,
#frontier08 #trend-anchor4 .section{padding-bottom:45px;}

/* 09.医用イメージング */
#frontier09{}

/* 10.ネットワークカメラ */
#frontier10{}

/* 11.商業印刷 */
#frontier11{}

/* 12.グローバル研究開発 */
#global-rad-system #section-company .section-title h3{color:#000;}
#global-rad-system .data-box li ul strong{font-weight:normal;}
#global-rad-system .note{position:relative;color:#000;font-size:18px;font-weight:normal;text-align:left;padding-left:1em;margin:0 30px 40px;}
#global-rad-system .note span{display:block;position:absolute;top:0;left:0;width:1em;}

/* 13.人工衛星開発の夢実現 */
#frontier13{}

/* 14.宇宙の謎の解明に貢献 */
#frontier14{}

/* 15.質感取得・プリント技術 */
#frontier15{}

/* 16.光超音波トモグラフィ */
#frontier16{}

/* 17.綴プロジェクト */
#frontier17{}
#frontier17 .border-box p.image{margin-bottom:0;}

/* 22.オープンイノベーション */
#frontier22{}
#frontier22 #image-box3 .image{max-width:680px;margin:0 auto;}

/* 23.CT診断装置 */
#frontier23 .flex-box3{margin-top:0;}
#frontier23 .flex-box3 .text-box{padding-top:0;}
#frontier23 .flex-box3 .image-box{margin-top:20px;}

#trend .section{max-width:1200px;}

@media(max-width:1200px){
/* サイドの余白 */
.section-title{padding:35px 30px;}
.text-box{padding:40px 30px 0;}
.image-box{margin:40px 30px 0;width:auto;}
.movie-box{margin:40px 30px 0;}
.caption{margin:30px 30px 0;padding:30px 0 50px;}
	
.flex-box2{margin:20px 30px;padding:20px 0;}
.flex-box2 .text-box{margin:0;padding:0;}
.flex-box2 .image-box{margin:0;}
.flex-box3{margin:20px 0px;padding:0;}
.flex-box3 .text-box{margin:0;padding:0;}
.flex-box3 .image-box{margin:0;}
.underborder{margin-bottom:40px;padding-bottom:40px;border-bottom:2px solid #e4e2e2;}

.border-box{margin:40px 30px 0;}
.border-box .text-box{padding:40px 0 0;}
.table-box{margin:40px 30px 0;}

.flex-box2{margin:20px 30px;padding:20px 0;}
.flex-box2 .text-box{margin:0;padding:0;}
.flex-box2 .image-box{margin:0;}

.flex-box3{margin:20px 0px;padding:0;}
.flex-box3 .text-box{margin:0;padding:0;}
.flex-box3 .image-box{margin:0;}

#about h2{padding:0 30px;}
#about .text-box{padding:20px 30px 40px;}

#tag .text-box{padding:0 30px;}
}

@media(max-width:767px){

.section{padding-bottom:40px;}
	
.section-title{padding:17px 20px;}
.section-title .new{margin:0 auto 10px;}
.section-title .new span{width:32px;height:30px;font-size:20px;line-height:32px;}
.section-title h3{font-size:20px;line-height:23px;}
.section-title h3 .sp{display:inline;}
.section-title .tag{margin-top:5px;line-height:1.2em;}
.section-title .tag a,
.section-title .tag span{font-size:13px;}

.section-title.black-bg h3{;font-size:22px;line-height:25px;}

.flex-title{margin-bottom:15px;font-size:15px;line-height:17px;}
.flex-box{margin:0 20px;padding:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.flex-box .image-box{width:48%;margin:20px 0 0 ;}

.flex-box2{margin:0 20px;padding:0;display:block;}
.flex-box2 .text-box{width:auto;margin:20px 0 0 ;padding:0;}
.flex-box2 .image-box{width:100%;margin:20px 0 0 ;}

.flex-box3{margin:0px;padding:0;display:block;}
.flex-box3 .text-box{width:auto;margin:20px 0 0 ;padding:0;}
.flex-box3 .image-box{width:100%;margin:20px 0 0 ;}
.underborder{margin-bottom:20px;padding-bottom:20px;border-weight:1px;}

.text-title{margin-bottom:15px;font-size:15px;line-height:17px;}
.text-box{padding:20px 20px 0;}
.text-box p{margin-bottom:15px;font-size:12px;line-height:19px;}
.text-box p:last-of-type{margin-bottom:0;}

.image-title{font-size:13px;margin:15px 0 10px;}
.image-box{width:auto;margin:25px 20px 0;}
.image-box p{margin-bottom:10px;font-size:12px;}
.image-box p.pc{display:none;}
.image-box img.pc{display:none;}
.image-box img.sp{display:inline-block;}

.border-title{margin:0 0 5px;font-size:14px;}
.border-box{width:auto;max-width:720px;margin:25px 20px 0;padding:12px;}
.border-box p{font-size:12px;}
.border-box p.underborder{margin-bottom:20px;padding-bottom:20px;border-weight:1px;}
.border-box img{width:100%;height:auto;}

.link-box{margin-top:25px;}
.link-box p.link{width:90%;max-width:500px;}
.link-box a{padding:10px 0;font-size:16px;line-height:20px;border-radius:35px;}
.link-box a br{display:inline;}
.link-box a span:after{width:17px;height:17px;vertical-align:-3px;margin-left:5px;}
.link-box a:hover{opacity:1;}

.data-box{margin:20px;}
.data-box p{font-size:12px;}
.data-box ul li{padding:15px 0;font-size:12px;border-width:1px;}
.data-box li.nopad{padding-top:0;padding-bottom:0;}
.data-box li.border-bottom{border-width:1px;}
.data-box li span{width:90px;padding:0 20px 0 10px;}
.data-box li p{padding:0 10px 0 0;}
.data-box li ul li{adding:15px 0;}
.data-box li ul strong{width:80px;padding:0 10px;}

.movie-box{margin:20px auto 0;}
.movie-box .movie{margin:0 20px;padding-top:53.2%;}
.movie-box p{margin:10px 20px;font-size:12px;}

.caption{margin:20px 20px 0;padding:20px 0;background-size:auto 2px;}
.caption li{margin-bottom:5px;font-size:11px;line-height:17px;}

.table-title{font-size:13px;margin:15px 0 5px;line-height:20px;}
.table-box{width:auto;margin:25px 20px 0;}

.table-box th,
.table-box td{padding:8px 0 0;}
	
.table-box li,
.table-box p{font-size:12px;}
	
.table-box th p,
.table-box td p{font-size:10px;}

.table-box td ul,
.table-box td p{padding:0 4px;}

.table-box ul,
.table-box p{margin-bottom:8px;}

#headvisual img.pc{height:0;}
#headvisual img.sp{height:auto;}
	
#about{padding-top:15px;margin-bottom:0px;}
#about h2{font-size:20px;line-height:27px;padding:0 20px;}
#about .text-box{padding:15px 20px;}

#tag{margin:20px 0;}
#tag .text-box{padding:0 20px;}
#tag .text-box p.tag{margin-top:5px;line-height:1.5em;}
#tag .text-box p.tag a,
#tag .text-box p.tag span{font-size:13px;}

#frontier05 #image-box1{width:auto;}

#frontier07 .flex-box{margin-top:20px;display:block;}
#frontier07 .flex-box .image-box{width:100%;margin:20px 0 0;}
#frontier07 .flex-box .image-box p.image{margin-bottom:0;}

/* 12.グローバル研究開発 */
#global-rad-system .note{font-size:12px;margin:0 20px 20px;}

#frontier23 .flex-box3 .text-box{margin-top:0;}

}