@charset "utf-8";
/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:70%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:0}sup{top:-.3em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox}[type="radio"]{-webkit-appearance:radio;appearance:radio}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}

/********* Common *********/
body{font-family:"Helvetica Neue", "Helvetica", "Arial", sans-serif; background: #FFF; font-size: 16px; color: #333; line-height:1.8em; position: relative;}
*, *:before, *:after{box-sizing: border-box;}
:root {scroll-padding:100px; scroll-behavior: smooth;}
img{padding: 0; margin: 0; vertical-align: bottom;}
a{text-decoration: none; transition: .2s ease-in-out;}
a:hover{}
.wrapper{width:100%; margin:0 auto;}
.container{width: 94%;  margin: 0 auto;}
h2{text-align: center; color:#0096ae; font-size: 38px; font-weight: bold; padding: 80px 0 20px;}
h2::first-letter{color:#00578f; font-size:1.5em;}
.f-letter::first-letter{font-size:1.5em;}
.f-letter{text-indent:-1.5em;margin-left: 1.5em;}
h3{font-size: 20px; font-weight: bold; line-height: 1.5; padding: 0 0 30px; text-align: center;}
p{margin: 0 0 1.2em;}
.bold{font-weight: bold;}
.nomal{font-weight: normal;}
.center{text-align: center;}
.right{text-align: right;}
.col_2l, .col_2r{float: none;}

.clr_FFF{color: #FFF;}
.clr_F00{color: #F00;}
.clr_CCC{color: #CCC;}
.clr_666{color: #666;}

.clearfix:before,
.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.s_hide{display:none;}
.s_hide_inline{display:none;}
.clear, .s_clear{clear:both;}

#pagetop{display: none; position: fixed; _position: absolute; bottom:5px; right:5px; padding:0; margin:0; cursor:pointer; z-index:9999;}

/*---PC---*/
@media print, screen and (min-width: 768px) {
body{font-size: 16px; line-height:1.9em;}
:root {scroll-padding:130px; scroll-behavior: smooth;}
a:hover .hover_img{opacity: 0.7; transition: .2s ease-in-out;}
.wrapper{min-width: 1000px; margin:0 auto;}
.container{width: 92%; max-width:900px;}
h2{font-size: 50px; padding: 80px 0 30px;}
h3{font-size: 26px; padding: 0 0 50px;}
.content{width: 100%; max-width: 1000px; margin: 0 auto; position: relative;}
.col_2l{width: 48%; float:left;}
.col_2r{width: 48%; float:right;}
.flo_l{float: left;}
.flo_r{float: right;}
.s_hide{display:block;}
.s_hide_inline{display:inline-block;}
.s_clear{clear:none;}
.l_hide{display:none;}
.l_clear{clear:both;}
}

/********---header---********/
header{background: rgba(255,255,255,.95); box-shadow: 0 0 5px rgba(0,0,0,.3); width: 100%; position: fixed; top: 0; left: 0; margin: 0; padding: 0; z-index: 99999;}
.header_logo{width: 65%; float: left; margin: 10px;}
.header_logo img{max-width: 100%; height: auto;}
.language{float: right; text-align:center; margin: 10px;}
.language a{border: 1px solid #003659; padding:2px 6px; font-size: 12px; color: #003659;}
#gmenu{width:100%; margin:0; z-index: 99999; clear: both; border-top: 1px solid #EEE;}
ul.gmenu_list{width: 94%; display: flex; justify-content: space-between; margin: 0 auto; padding: 5px 5% 2px; text-align: center; font-weight: bold;}
ul.gmenu_list li{display:flex; justify-content: center; align-items: center; font-size: 12px; text-align: center; padding:0.5%; line-height: 1.4;}
ul.gmenu_list li a{color: #003659;}
ul.gmenu_list li a.active{color: #008499;}

/*---PC---*/
@media print, screen and (min-width: 768px) {
header{min-width: 1000px;}
.header_logo{width:31%; margin: 20px;}
.language{margin: 20px;}
.language a:hover,.language a:focus{border: 1px solid #003659; background:#003659; color: #FFF;}
#gmenu{width:calc(69% - 150px); margin:10px 0 0; clear:none; float:right; border-top:none;}
ul.gmenu_list{width:100%; max-width: 670px; margin: 0 auto; padding: 17px 0 6px;}
ul.gmenu_list li{width:auto; font-size: 15px; padding:0 1.5%;}
ul.gmenu_list li a:hover,ul.gmenu_list li a:focus{display:block; color: #008499;}
}

/********---message---********/
.message_box{}
.logo_70th{display: flex; height:100vh; justify-content: center; align-items: center; text-align: center;}
.logo_70th img{width: 50%; height: auto;}
#message{background: linear-gradient(0deg, rgba(255, 255, 255,.95) 50%, rgba(255, 255, 255, 0) 100%); padding: 0 0 40px;}
.signature{font-size: 14px; line-height: 1.7; text-align:center;}
.signature span{font-size: 20px;}
.message_photo{text-align:center; margin:30px 0 20px;}
.message_photo img{ box-shadow: 0 0 5px rgba(0,0,0,0.3);}

/*---PC---*/
@media print, screen and (min-width: 768px) {
.message_box{min-width: 1000px;}
.logo_70th img{width:21%; max-width: 270px; height: auto;}
#message{padding: 0 0 80px;}
#message>.container{width: 730px;}
#message h3{padding-top: 80px;}
.signature{text-align:right;}
#message p.pdd_right{padding-right:230px;}
.message_photo{text-align:right; margin:-260px 0 20px;}
}

.parallax {background-position: center top; background-repeat: no-repeat; background-size:1000px auto;}
.parallax.bg-01 {background-image: url(../jpg/top_bg_history.jpg); background-color:#250c0f;}
.parallax.bg-02 {background-image: url(../jpg/top_bg_capital.jpg);}
.parallax.bg-03 {background-image: url(../jpg/top_bg_technology.jpg); background-color:#001634;}
.parallax.bg-04 {background-image: url(../jpg/top_main_img.jpg);}

.top_panel_description{text-align: center; width: 90%; margin: 0 auto; line-height: 1.6;}
.top_panel_description img{max-width: 100%; height: auto;}
.top_panel_btn{text-align: center; display: block; width: 70%; margin: 40px auto 0; padding-bottom:60px;}
.top_panel_btn a{background: rgba(255,255,255,0.8); padding: 10px; color: #333; display: block; border-radius: 25px; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.top_panel_btn a::after{content: ">"; padding: 0 0 0 10px; transition: .2s ease-in-out;}
.top_technology_list{text-align: center; color: #FFF; font-size:22px; font-weight:bold; padding:20px 0 60px;}
.top_technology_list li{width:100%; margin: 8px 0; position: relative; overflow: hidden;}
.top_technology_list li:after {position: absolute; content: ""; display: block; width: 100%; height: 100%; top: 0; background-size: cover; transition: all .3s ease-out;}
.top_technology_list li:hover:after{transform: scale(1.1);}
.top_technology_list li#top_sdgs:after{background: url(../jpg/top_bg_technology_sdgs.jpg) no-repeat center 50%; background-size: cover;}
.top_technology_list li#top_ev_hev:after{background: url(../jpg/top_bg_technology_ev.jpg) no-repeat center 50%; background-size: cover;}
.top_technology_list li#top_pc:after{background: url(../jpg/top_bg_technology_pc.jpg) no-repeat center 50%; background-size: cover;}
.top_technology_list li#top_micro-led:after{background: url(../jpg/top_bg_technology_led.jpg) no-repeat center 50%; background-size: cover;}
.top_technology_list li#top_others:after{background: url(../jpg/top_bg_technology_other.jpg) no-repeat center 50%; background-size: cover;}
.top_technology_list li a{width: 100%; margin: 10px 0; height:80px; display: flex; align-items: center; justify-content:center; position: relative; z-index: 1;}

#message2{background: url(../jpg/top_bg_kadaikaiketsu.jpg) no-repeat center bottom; background-size: 1300px auto; padding:0 0 150px;}
#message2>h2{width:92%; margin:0 auto 15px;}
#message2>h2 img{width:100%; height: auto;}

#footer_menu{width: 100%; background: #FFF; padding:0; text-align: center;}
#footer_menu li{display:block; padding: 8px 0; border-top: 1px dotted #CCC; margin:0;}
#footer_menu li a{display:block;}
#footer_menu li a:hover,#footer_menu li a:focus{color: #008499;}
#copyright{width: 100%; padding: 5px 2%; text-align: center; font-size: 10px; background:#00578f; color: #FFF;}

/*---PC---*/
@media print, screen and (min-width: 768px) {
.parallax {min-width: 1000px; background-size:2000px auto; padding: 40px 0 0;}
.top_panel_description{line-height: 1.8;}
.top_panel_btn{text-align: center; display: block; width:200px; margin: 80px auto 0; padding-bottom:100px;}
.top_panel_btn a:hover{background: rgba(255,255,255,1);}
.top_panel_btn a:hover::after{ padding: 0 0 0 15px;}
.top_technology_list{display: flex; flex-wrap: wrap; justify-content:center; font-size:26px; margin-top: 40px; padding-bottom:100px;}
.top_technology_list li{width:31%; margin: 8px 1%;}
.top_technology_list li a{width:100%; margin:0; height:173px;}
#message2{background: url(../jpg/top_bg_kadaikaiketsu.jpg) no-repeat center bottom; background-size: 2000px auto; padding: 50px 0 250px; min-width: 1000px;}
#message2>h2{width:550px; margin:0 auto 30px;}
#footer_menu{ min-width: 1000px;}
#footer_menu li{display: inline-block; border-top: none; margin: 0 15px;}
#footer_menu li a:hover,#footer_menu li a:focus{color: #008499;}
#copyright{padding: 5px 0; font-size: 12px; min-width: 1000px;}
}

/********---下層コンテンツ---********/
.title_box{padding: 80px 0 40px; width: 100%;}
#history .title_box{background: url(../jpg/top_bg_history.jpg) no-repeat center 0%; background-size: 900px;}
#capital_investment .title_box{background: url(../jpg/top_bg_capital.jpg) no-repeat center 0%; background-size: 900px;}
#technology .title_box{background: url(../jpg/top_bg_technology.jpg) no-repeat center 0%; background-size: 900px;}
#history .wrapper{background:#250c0f; width: 100%; overflow: hidden; padding-bottom:100px;}
.history_link{display: flex; justify-content:space-between; padding: 30px 0 15px;}
.history_link li{background: #a79295; width: 84px; height:84px; border-radius: 50%; text-align: center; font-size: 15px; line-height: 1.2;}
.history_link li span.sub_txt{display: block; font-size: 10px; padding: 2px 0 0;}
.history_link li span.year{display: block; font-size: 10px; padding: 6px 0 0;}
.history_link li a{width:100%; height: 100%; display: flex; align-items: center; justify-content:center; position: relative; color: #250c0f;}
h4.history_heading{color: #705c5f; padding: 10px 0 0 14%; font-size: 18px; line-height: 2;}
h4.history_heading span{font-size: 14px;}
.chronological_box{border-top: 1px solid  #705c5f; color: #FFF;}
.img_year{width: 10%; float: left;}
.chronological{width:86%; float:right; border-left: 1px solid  #705c5f; padding: 20px 0;}
.chronological dl dt{font-size: 20px; margin: 10px 0 0 -6px; font-weight: normal;}
.chronological dl dt::before{content:url(../png/history_listmark.png); padding-right: 10px;}
.chronological dl dd{font-size:14px; margin: 8px 0 0 15px; line-height: 1.5;}
.photo_numb{padding:0 4px; background: #FFF; color:#250c0f; margin-left: 10px;}
.photo_box{width: 100%; margin:10px 0; text-align: center;}
.img_year img{max-width:100%; height: auto;}
.photo_box img{max-width:100%; height: auto; position:relative; z-index: 1; margin:10px 0;}
.img_numb_box{width: fit-content; position: relative; display: inline-block;}
.img_numb{padding:0 6px; background:#250c0f; color:#FFF; bottom:15px; right:5px; margin:0; position:absolute; z-index: 2;}

.ci_lead{background:#0096ae; padding: 40px 20px; color: #FFF;}
.ci_note{text-align: right; font-size: 12px;}
.ci_date{border-left: 3px solid #0096ae; border-bottom: 1px solid #0096ae; padding: 5px 0 5px 10px; margin: 40px 0 0; font-size: 26px; line-height: 1; font-weight: bold;}
#capital_investment h4{border-left: 3px solid #0096ae; padding: 5px 0 5px 10px; font-size: 20px; line-height: 1.4; font-weight: bold; margin-bottom: 10px;}
#capital_investment h4 span{display: block; padding: 10px 0 0; font-size: 0.85em; font-weight: normal;}
.ci_content{padding: 10px;}
.ci_photo_box{display:block; text-align: center; margin: 20px 0;}
.ci_photo_box .caption{padding: 5px 0; font-size: 12px;}
.ci_photo_box img{max-width: 100%; height: auto; border: 5px solid #FFF; box-shadow: 3px 3px 7px rgba(0,0,0,.25);}
.btn_ci_pressrelease{margin: 15px;}
.btn_ci_pressrelease a{display: block; width: 140px; height: 140px; border: 1px solid #0096ae; border-radius: 50%; font-size: 14px; text-align: center; line-height:1.4; box-shadow: 0px 0px 6px rgba(0,0,0,.3); padding:40px 20px 0; background: url(../png/arrow_pressrelease.png) no-repeat center 70%; background-size: 40px auto; color:#0096ae;}
#btn_201410 a, #btn_201503 a, #btn_201510 a, #btn_201610 a, #btn_201708 a, #btn_201809 a, #btn_202107 a, #btn_202202 a, #btn_202307 a{margin: 0 auto;}

/*---PC---*/
@media print, screen and (min-width: 768px) {
.title_box{padding:160px 0 60px; width: 100%; min-width: 1000px;}
#history .title_box{background: url(../jpg/top_bg_history.jpg) no-repeat center 19% #250c0f; background-size:1800px;}
#capital_investment .title_box{background-size:1800px;}
#technology .title_box{background: url(../jpg/top_bg_technology.jpg) no-repeat center 11% #001634; background-size:1800px;}
.history_link{padding: 80px 0; max-width: 630px; margin: 0 auto;}
.history_link li{background: #a79295; width:140px; height:140px; border-radius: 50%; font-size: 22px; line-height: 1.2;}
.history_link li span.sub_txt{display: block; font-size: 14px; padding: 5px 0 0;}
.history_link li span.year{display: block; font-size: 13px; padding:15px 0 0;}
h4.history_heading{width:92%; max-width: 1000px; margin: 0 auto; padding: 15px 0 0 11%; font-size: 28px; line-height: 2;}
.chronological dl dt{font-size:28px; width: 100px; float: left; clear: right;}
.chronological dl dd{font-size:18px; margin: 15px 0 0; float:right; width: calc(100% - 100px);}
.photo_numb{padding:0 6px;}
.photo_box{margin:30px 0;}
.photo_box img{margin:0 10px;}
.img_numb{padding:0 6px; bottom:5px; right:15px; font-size: 14px}

.ci_lead{padding: 60px 0; text-align: center;}
.ci_date{padding: 10px 0 10px 20px; margin: 80px 0 0; font-size:38px;}
.ci_photo_box{display:inline-block; text-align:right; margin: 10px 1%;}
#capital_investment h4{padding: 10px 0 10px 20px; font-size:26px;}
.ci_photo_box#ci_photo01{margin: -80px 0 0 50%;}
.ci_photo_box#ci_photo02{margin: -200px 0 0 5%;}
.ci_photo_box#ci_photo03{margin: 0px 0 0 65%;}
.ci_photo_box#ci_photo04{margin: -180px 0 0 37%;}
.ci_photo_box#ci_photo05{margin: -60px 0 0 53%; position: relative; z-index: 2;}
.ci_photo_box#ci_photo06{margin: -120px 0 20px 30%; position: relative; z-index: 1;}
.ci_photo_box#ci_photo09{margin: -70px 0 0 56%;}
.ci_photo_box#ci_photo10{margin: -50px 0 0 60%; position: relative; z-index: 2;}
.ci_photo_box#ci_photo11{margin: -150px 0 0 10%; position: relative; z-index: 1;}
.ci_photo_box#ci_photo14{margin: -60px 0 0 54%;}
.ci_photo_box#ci_photo15{margin: -150px 0 0 30%;}
.ci_photo_box#ci_photo16{margin: -130px 0 0 52%;}
.ci_photo_box#ci_photo17{margin: 0 0 0 10%;}
.ci_photo_box#ci_photo18{margin: -160px 0 0 54%;}
.ci_photo_box#ci_photo19{margin: -80px 0 0 45%;}
.btn_ci_pressrelease{}
.btn_ci_pressrelease a{display: block; width:150px; height:150px; font-size: 14px; box-shadow: 0px 0px 8px rgba(0,0,0,.3); padding: 40px 0 0; background: url(../png/arrow_pressrelease.png) no-repeat center 70%; background-size:auto;}
.btn_ci_pressrelease a:hover,.btn_ci_pressrelease a:focus{box-shadow: 0px 0px 0 rgba(0,0,0,.3); background: url(../png/arrow_pressrelease.png) no-repeat 60% 70%;}
#btn_201410 a{margin:-70px 0 0 75%;}
#btn_201503 a{margin:-250px 0 50px 2%;}
#btn_201510 a{margin:40px auto 0;}
#btn_201610 a{margin:-100px 0 50px 75%;}
#btn_201708 a{margin:40px auto;}
#btn_201809 a{margin:-200px 0 50px 5%;}
#btn_202107 a{margin:-120px 0 50px 16%;}
#btn_202202 a{margin:-200px 0 50px 67%;}
#btn_202307 a{margin:-210px 0 70px 15%;}
}

.maincontent{background: #001634; padding-bottom: 40px;}
.technology_lead{padding: 30px; color: #FFF;}
.technology_list{display: flex; flex-wrap: wrap; justify-content:space-between; width: 92%; margin: 0 auto 40px; text-align: center; color: #FFF; font-size:18px; font-weight:bold;}
.technology_list li{width:48%; margin: 4px 1%; position: relative; overflow: hidden;}
.technology_list li:after{position: absolute; content: ""; display: block; width: 100%; height: 100%; top: 0; background-size: cover; transition: all .3s ease-out;}
.technology_list li:hover:after{transform: scale(1.1);}
.technology_list li#top_sdgs:after{background: url(../jpg/top_bg_technology_sdgs.jpg) no-repeat center 50%; background-size: cover;}
.technology_list li#top_ev_hev:after{background: url(../jpg/top_bg_technology_ev.jpg) no-repeat center 50%; background-size: cover;}
.technology_list li#top_pc:after{background: url(../jpg/top_bg_technology_pc.jpg) no-repeat center 50%; background-size: cover;}
.technology_list li#top_micro-led:after{background: url(../jpg/top_bg_technology_led.jpg) no-repeat center 50%; background-size: cover;}
.technology_list li#top_others:after{background: url(../jpg/top_bg_technology_other.jpg) no-repeat center 50%; background-size: cover;}
.technology_list li a{width: 100%; margin: 10px 0; height:80px; display: flex; align-items: center; justify-content:center; position: relative; z-index: 1;}

#sdgs{background: url(../jpg/technology_bg_sdgs.jpg) no-repeat right top; background-size:900px auto;}
#ev_hev{background: url(../jpg/technology_bg_ev.jpg) no-repeat left top; background-size:900px auto;}
#pc{background: url(../jpg/technology_bg_pc.jpg) no-repeat right top; background-size:900px auto;}
#micro-led{background: url(../jpg/technology_bg_micro-led.jpg) no-repeat right top; background-size:900px auto;}
#others{background: url(../jpg/technology_bg_others.jpg) no-repeat right top; background-size:900px auto;}

.category{padding: 130px 4% 0; color: #FFF; font-size:40px; font-weight: bold; line-height: 1.1; text-shadow: 0 0 10px rgba(0,0,0,.5);}
.category_sub{padding: 10px 4% 0; font-size: 20px; font-weight: bold; text-shadow: 0 0 6px rgba(255,255,255,1);}
.category_sub.clr_FFF{text-shadow:none;}
.category_txt_left,.category_txt_right{margin:20px auto; padding: 30px;  background: rgba(240,242,242,.85); width:92%; border-radius: 10px; box-shadow: 0 0 6px rgba(0,0,0,.3);}
.pressrelease_list{width: 92%; margin:0 auto; padding: 20px 0 60px;}
.pressrelease_list ul{display: flex; flex-wrap: wrap; justify-content:flex-start;}
.pressrelease_list ul li{width:46%; margin: 0 2% 15px; position: relative; overflow: hidden; background: #FFF; border-radius:5px; box-shadow: 0 0 6px rgba(0,0,0,.3);}
.pressrelease_list ul li a{display: block;}
.features{background: linear-gradient(70deg,rgba(0,87,143,1), 70%, rgba(0,150,174,1)); color: #FFF; padding: 8px 10px; font-size: 13px; line-height: 1.4; text-align: center;}
.pressrelease_list ul li a p{font-size: 14px; padding: 10px 15px 5px; margin: 0; line-height: 1.6;}
.pressrelease_list ul li a img{width: 100%; height: auto;}
.btn_pressrelease{display:block; width:120px; padding: 2px 10px; line-height: 1em; border: 1px solid #666; border-radius: 8px; font-size: 12px; margin:10px auto 20px; text-align: center;}
.technology_linkbtn_box{text-align: center; padding:40px 0 0;}
.btn_tech_pressrelease{display:inline-block; width:92%; margin: 0 auto 15px;}
.btn_tech_pressrelease a{display:block; padding: 15px 0; border: 1px solid #0096ae; border-radius:24px; text-align: center; line-height: 1; box-shadow: 0px 0px 6px rgba(0,0,0,.3); color:#0096ae; background: rgba(255,255,255,.8);}
.btn_tech_pressrelease a:hover,.btn_tech_pressrelease a:focus{opacity: 0.8; box-shadow: 0px 0px 0px rgba(0,0,0,.3);}

/*---PC---*/
@media print, screen and (min-width: 768px) {
.maincontent{padding-bottom: 80px; min-width: 1000px;}
.technology_lead{padding: 60px 0 40px; margin: auto; text-align: center; width: 92%; min-width: 1000px;}
.technology_list{ flex-wrap:nowrap; width: 92%; max-width: 900px; margin: 0 auto; font-size:18px;}
.technology_list li{margin:0; position: relative; overflow: hidden;}
.technology_list li a{margin:0; height:170px;}

#sdgs,#ev_hev,#pc,#micro-led,#others{background-size:2000px auto; background-attachment: fixed;}
.category{padding: 150px 10% 0; color: #FFF; font-size: 70px; font-weight: bold; line-height: 1.1; text-shadow: 0 0 10px rgba(0,0,0,.5);}
.category_sub{padding: 10px 10% 0; font-size: 20px; font-weight: bold;}
.category_txt_left{margin: 40px 0 0; padding: 30px 60px 30px 10%; width: 50%; border-radius: 0 10px 10px 0;}
.category_txt_right{margin: 40px 0 0 50%; padding: 30px 10% 30px 60px; width: 50%; border-radius: 10px 0 0 10px;}
.pressrelease_list{width: 92%; max-width: 1000px; margin:0 auto; padding: 60px 0 80px;}
.pressrelease_list ul{justify-content:center;}
.pressrelease_list ul li{width:23%; margin: 0 1%;}
.pressrelease_list ul li a:hover,.pressrelease_list ul li a:focus{opacity: 0.8;}
.features{font-size:16px;}
.technology_linkbtn_box{padding:60px 0 0;}
.btn_tech_pressrelease{display:inline-block; width:40%; margin: 0 1%;}
.btn_tech_pressrelease a{display:block; padding: 15px 0; border: 1px solid #0096ae; border-radius:24px; text-align: center; line-height: 1; box-shadow: 0px 0px 6px rgba(0,0,0,.3); color:#0096ae; background: rgba(255,255,255,.8);}
.btn_tech_pressrelease a:hover,.btn_tech_pressrelease a:focus{opacity: 0.8; box-shadow: 0px 0px 0px rgba(0,0,0,.3);}
}

#message2{position: relative;}
#message2 p{position: absolute; width: 84%; bottom:5px; right:5%; font-size: 12px; text-align: center; color: #000; background: rgba(255,255,255,0.7); padding: 0 5px}
/*---PC---*/
@media print, screen and (min-width: 768px) {
#message2 p{position: absolute; width:280px; bottom:10px; right:20px; font-size: 13px; color: #FFF; background: rgba(0,0,0,0.4);}
}

@media print {
header,#gmenu,#pagetop{position: relative;}
.message_box{background: url(../jpg/top_main_img.jpg) no-repeat center top;}
.logo_70th{display:block; height:auto; justify-content: center; align-items: center; text-align: center;}
.parallax{background-position: center top; background-repeat:repeat;}
#sdgs,#ev_hev,#pc,#micro-led,#others{background-size:2000px auto; background-attachment:scroll;}
#pagetop img{display: none;}
}