@charset "utf-8";
/*----------------------------------------------------------------------------------*/
/* default
------------------------------------------------------------------------------------*/	
li { list-style: none; }
pre,
code,
kbd,
samp,
tt { font-family: monospace; *font-size: 108%; /* Win IE */
line-height: 100%; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; }
/*floatキャンセル*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
/*IE用*/
.clearfix { display: inline-table; clear: both; }
/*Mac-IE用\*/
*html .clearfix { height: 1%; clear: both; }
.clearfix { display: block; clear: both; }
/* general style
------------------------------------------*/
* { margin: 0; padding: 0; text-decoration: none; font-size: 100%; font-style: normal; line-height: 160%; }
html { height: 100%; font-family: "Lato",/*YuGothic,  "游ゴシック", */ "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; transition: all 0.4s;/*font-feature-settings : "palt";*/ }
img { border: none; }
body,
td,
th { color: #2a2b30; }
body { background-color: #FFF; letter-spacing: 2px; text-align: center; margin: 0px; padding: 0px; height: 100%; }
a { color: #2a2b30; transition: color 0.2s; }
a:hover { color: #e60012; text-decoration: none; }
a:link { color: #0065ab; }
a:visited { color: #126198; }
a:active { text-decoration: none; color: #126198; }
a[tabindex]:hover { text-decoration: none; color:#2a2b30; }
/* OPTION
------------------------------------------*/

.flR { float: right; }
.flL { float: left; }
.text_R { text-align: right !important; }
.text_L { text-align: left !important; }
.text_C { text-align: center !important; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }
.mr100 { margin-right: 100px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }
.ml100 { margin-left: 100px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }
.ma10 { margin: 10px; }
.ma20 { margin: 20px; }
.ma30 { margin: 30px; }
.ma40 { margin: 40px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }
.pt140 { padding-top: 140px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }
.pr70 { padding-right: 70px; }
.pr80 { padding-right: 80px; }
.pr90 { padding-right: 90px; }
.pr100 { padding-right: 100px; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl60 { padding-left: 60px; }
.pl70 { padding-left: 70px; }
.pl80 { padding-left: 80px; }
.pl90 { padding-left: 90px; }
.pl100 { padding-left: 100px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }
.pb140 { padding-bottom: 140px; }
.pa10 { padding: 10px; }
.pa20 { padding: 20px; }
.pa30 { padding: 30px; }
.pa40 { padding: 40px; }
.pa50 { padding: 50px; }
.font-red { color: #F00; }
.lh200 { line-height: 200%; }
/*----------------------------------------------------------------------------------*/
/* BASE-CSS
------------------------------------------------------------------------------------*/

/* ヘッダー用 */

.inner { max-width: 1240px; width: 96%; padding: 0 2%; margin: 0 auto; }
.inner:after { content: ""; clear: both; display: block; }
/* header */
#top-head { top: -100px; position: absolute; width: 100%; margin: 100px auto 0; padding: 25px 0; line-height: 1; z-index: 999; background: #FFF; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
#top-head a,
#top-head { color: #000; text-decoration: none; }
#top-head .inner { position: relative; }
#top-head .logo { float: left; font-size: 36px; }
#global-nav ul { list-style: none; position: absolute; right: 0; top: 60px; font-size: 115%; }
#global-nav ul li { float: left; }
#global-nav ul li a { margin: 0 25px; padding-bottom: 20px; }
#global-nav ul li a:hover,
.product_on #global-nav ul li.pro_list a,
.news_on #global-nav ul li.news_list a,
.company_on #global-nav ul li.com_list a,
.ir_on #global-nav ul li.ir_list a,
.recruit_on #global-nav ul li.rec_list a { background: url(../images/nav_on.jpg) no-repeat bottom center; }
/* Fixed */
#top-head.fixed { margin-top: 0; top: 0; position: fixed; padding-top: 10px; height: 65px; background-color: #fff; transition: top 0.65s ease-in; -webkit-transition: top 0.65s ease-in; -moz-transition: top 0.65s ease-in; }
#top-head.fixed #global-nav ul { top: 25px; }
#top-head.fixed ul#sub-nav { display: none; }
#top-head.fixed .logo img { width: 170px; }
#top-head.fixed #global-nav ul li a { color: #333; margin: 0 20px; padding-bottom: 15px; }
/* Toggle Button */
#nav-toggle { display: none; position: absolute; right: 12px; top: 14px; width: 34px; height: 36px; cursor: pointer; z-index: 101; }
#nav-toggle div { position: relative; }
#nav-toggle span { display: block; position: absolute; height: 4px; width: 100%; background: #666; left: 0; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; }
#nav-toggle span:nth-child(1) { top: 0; }
#nav-toggle span:nth-child(2) { top: 11px; }
#nav-toggle span:nth-child(3) { top: 22px; }
/* index.html のNEWを5件以上出さないようにする */
dl.topics dt:nth-child(n + 10),
dl.topics dd:nth-child(n + 12) { display: none; }
/* メニューがマウスホイールで動くのを止める */
ul.drawer-menu { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }
/* /ヘッダー用 */

/* pagetop */
.page-top { display: none; margin: 0; padding: 0; }
.page-top p { margin: 0; padding: 0; position: fixed; right: 16px; bottom: 16px; }
.move-page-top { display: block; background: #2a2b30; width: 50px; height: 50px; cursor: pointer; color: #fff; line-height: 50px; text-decoration: none; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0.60; border-radius: 25px; }
a.move-page-top:hover { color: #fff; text-decoration: none; }
/* / pagetop */

/* ▼スライダー */

.skippr { height: 100%; overflow: hidden; position: relative; width: 100%; }
.skippr > div { /*	background-position: 50% 62.5%; 元*/ background-position: 50% 50%; background-size: cover; height: 100%; position: absolute; width: 100%; }
.skippr > img { left: 50%; min-height: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }
.skippr-nav-container { display: none; }
.skippr-nav-element { background-color: rgba(255, 255, 255, 0.5); cursor: pointer; float: left; transition: all 0.25s linear 0s; }
.skippr-nav-element-bubble { border-radius: 50%; height: 12px; margin: 0 4px; width: 12px; }
.skippr-nav-element-block { height: 10px; width: 60px; }
.skippr-nav-element:hover,
.skippr-nav-element-active { background-color: #fff; }
.skippr-arrow { cursor: pointer; height: 30px; position: absolute; top: 50%; transform: translate(0%, -50%); transform-origin: center center 0; width: 30px; z-index: 999; }
.skippr-previous { border-left: 2px solid white; border-top: 2px solid white; left: 2.5%; transform: rotate(-45deg); }
.skippr-next { border-bottom: 2px solid white; border-right: 2px solid white; right: 3.5%; transform: rotate(-45deg); }
#container { position: relative; width: 100%; margin-top: 170px; }
#container:after { content: ""; padding-top: 32%; /* 元 39.864 */ display: block; }
#theTarget { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
#theTarget > div { background-repeat: no-repeat; }
/* /スライダー */

.sp { display: none; }
.sp64 { display: none; }
.sp48 { display: none; }
.pc { display: block; }
#fot_nav a { color: #fff; font-size: 92%; }
footer .sub_nav a { color: #000; }
ul#sub-nav { list-style: none; position: absolute; right: 0; top: 0; }
ul#sub-nav li { float: left; padding-right: 15px; font-size: 90%; }
ul#sub-nav li.line { padding-left: 15px; border-left: solid 1px #000; }
.pagetop { text-align: right; line-height: 0; }
.pagetop a { line-height: 0; }
#fot_nav { width: 100%; background: #2a2b30; padding: 70px 0 55px 0; text-align: left; overflow: hidden; }
#fot_nav dl { width: 18%; float: left; margin: 0 1%; color: #fff; }
#fot_nav dt { font-size: 120%; padding-bottom: 5px; border-bottom: solid 1px #fff; margin-bottom: 15px; }
#fot_nav dd { padding-bottom: 15px; }
footer .sub_nav li { list-style: none; display: inline-block; padding: 0 15px; border-left: solid 1px #000; }
footer .sub_nav li:first-child { border-left: none; }
footer .sub_nav { margin: 23px auto; }
footer .icon li { list-style: none; display: inline-block; padding: 0 10px; }
footer .com { font-weight: bold; text-align: left; font-size: 120%; padding-top: 20px; }
footer address { font-size: 90%; text-align: left; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }
.wrapper { max-width: 1240px; margin: auto; padding-left: 20px; padding-right: 20px; display: block; box-sizing: border-box; }
.wrapper.pLR3 { padding-left: 3%; padding-right: 3%; }
.wrapper70 { max-width: 1240px; width: 70%; margin: auto; padding-left: 20px; padding-right: 20px; }
section { overflow: hidden; }
footer .fot_mark{display: flex; justify-content: flex-end; align-items: center;}
footer .fot_mark>img{height: 64px; width: auto!important; margin-left: 8px;}

/*==================================================
採用情報 別タブリンク css
===================================*/
#global-nav ul li a.icon_blank_b{position: relative; display: inline !important; padding-right: 24px;}
#global-nav ul li a.icon_blank_b:after{
	position: absolute;
    content: '';
    top: 0;
    right: 0px;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url("../../common/images/icon_link_black.svg");
    background-size: contain;
    background-repeat: no-repeat;
}
/*#top-head.fixed #global-nav ul li a.icon_blank_b{position: relative; display: inline !important; padding-right: 24px;}*/
#fot_nav a.icon_blank_w{position: relative; display: inline !important; padding-right: 24px;}
#fot_nav a.icon_blank_w:after{
	position: absolute;
    content: '';
    top: 0;
    right: 0px;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url("../../common/images/icon_link_white.svg");
    background-size: contain;
    background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
	#global-nav ul li a.icon_blank_b{display: block!important;}
	#global-nav ul li a.icon_blank_b:after{
		top: 23px; right: calc(50% - 46px); width: 12px; height: 12px;
	}
	#fot_nav a.icon_blank_w:after{
		top: -1px;
		width: 15px; height: 15px;
	}
}
/*==================================================
採用情報 別タブリンク css end
===================================*/

/*タブの切り替え*/
.tab { width: 75%; margin: 0 auto; padding: 0; display: table; table-layout: fixed; }
.tab li { width: 20%; margin: 0; padding: 15px 0; cursor: pointer; display: table-cell; vertical-align: middle; text-align: center; box-sizing: border-box; color: #818181; }
.tab li a { width: 100%; display: block; }
.l1 .tab li:nth-child(1),
.l2 .tab li:nth-child(2),
.l3 .tab li:nth-child(3),
.l4 .tab li:nth-child(4),
.l5 .tab li:nth-child(5),
.l6 .tab li:nth-child(6),
.tab li.current { border-bottom: solid 5px #000; color: #000; }
.tab_bg { margin: 0 auto; max-width: 1040px; width: 100%; background: url(../images/bg_gray.jpg) repeat-x bottom; }
.news_on .tab_bg,
.ir_on .tab_bg { max-width: 1240px; margin-top: 0px; }
#news .tab { width: 80%; }
.content { margin: 50px auto 0 auto; width: 100%; max-width: 1040px; text-align: left; }
.contents .content { display: none; }
.contents .content:nth-child(1) { display: block; }
#all-i + p,
#prnews-i + p,
#evnews-i + p,
#irnews-i + p,
#mdnews-i + p,
#infonews-i + p { text-align: right; padding-right: 20px; }
#news .news dl { margin: 0 1%; }
#news .news dt { font-weight: bold; float: left; width: 310px; position: relative; }
#news .news dd { margin-bottom: 20px; margin-left: 310px; position: relative; padding-top: 4px; }
#news .news dd img { vertical-align: top; margin-left: 10px; padding-top: 1px; }
.topics .data { font-weight: bold; margin-bottom: 1em; position: absolute; left: -150px; }
.new { font-size: 10px; font-weight: bold; color: #e60012; letter-spacing: 0.05em; line-height: 100%; display: inline-block; background: #e60012; color: #fff; padding: 4px 3px; margin-right: 6px; border-radius: 4px; vertical-align:text-bottom;}
a .sustainability{color: #fff; font-size: 11px; background-color: #d07ac7; padding: 4px; margin-right: 8px; border-radius: 4px; font-weight: bold; vertical-align:text-bottom; letter-spacing: 0.05em;}
.topics .pps,
.topics .mds,
.topics .ai { display: none; }
.icon_blue,
.icon_pink,
.icon_gray,
.icon_grn,
.icon_org { border-radius: 20px; display: block; float: left; font-size: 80%; margin-right: 30px; padding: 9px 0; text-align: center; width: 120px; line-height: 100%; }
.icon_blue { color: #1b96d5; border: solid 2px #1b96d5; }
.icon_pink { color: #d07ac7; border: solid 2px #d07ac7; }
.icon_gray { color: #808080; border: solid 2px #808080; }
.icon_grn { color: #90c31f; border: solid 2px #90c31f; }
.icon_org { color: #f49800; border: solid 2px #f49800; }
header#top-head #mobile-head .logo img:nth-child(1) { display: block; width: 240px;}
header#top-head #mobile-head .logo img:nth-child(2) { display: none; }
header#top-head.fixed #mobile-head .logo img:nth-child(1) { display: none; }
header#top-head.fixed #mobile-head .logo img:nth-child(2) { display: block; width: 170px;}
	_:-ms-lang(x)::-ms-backdrop, header#top-head.fixed #mobile-head .logo img:nth-child(2) { height: 71px; }/*IE11ハック*/
.list01 li { background: url(../images/list_arrow01.jpg) no-repeat right center; padding-right: 20px; }
.bg_gray { background: #f8f8f8; overflow: hidden; }
#personal { background: url(../images/index_img01.jpg) no-repeat center center; }
#aerial { background: url(../images/index_img03.jpg) no-repeat center center; }
#memorial { background: url(../images/index_img02.jpg) no-repeat center center; }
#virtual { background: url(../images/index_img04.jpg) no-repeat center center; }
#personal,
#memorial,
#aerial,
#virtual{ width: 100%; height: 450px; position: relative; background-size: cover; }
#memorial .wrapper > div { padding-left: 50%; }
#virtual .wrapper > div { padding-left: 50%; }
.text_YC { /* テキスト縦中央 */ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#personal p,
#aerial p { width: 50%; }
.btn_blk a { background: #2a2b30; padding: 10px 60px; border-radius: 5px; text-align: center; font-weight: bold; color: #fff; transition: all 0.4s; }
.btn_blu a { background: #2d82c0; padding: 10px 60px; border-radius: 5px; text-align: center; font-weight: bold; color: #fff; transition: all 0.4s; }
.btn_grn a { background: #1FAD88; padding: 10px 60px; border-radius: 5px; text-align: center; font-weight: bold; color: #fff; transition: all 0.4s; }
.btn_blk a:hover,
.btn_blu a:hover,
.btn_grn a:hover{ background-color: #c13843 }
#product ul{width: 100%;display: flex; flex-wrap: wrap; align-items: center; align-content: center;}
#product li { list-style: none; width: 25%; text-align: center; padding-top: 70px;}
#product li.bnr_plus{padding-top: 30px;}
#product li img { max-width: 255px; width: 100%; }
#pickup .box_pickup { width: 30%; max-width: 380px; margin-right: 5%; float: left; line-height: 0; background: #fff; }
#pickup .box_pickup p { font-size: 120%; text-align: left; padding: 15px 25px; color: #000; background: url(../images/list_arrow01.jpg) no-repeat right center; margin-right: 25px; }
#pickup .box_pickup p.box_pickup_tab{background: url("../images/icon_link_black.svg") no-repeat right center; background-size: 18px 18px;}
#pickup .box_pickup img { width: 100%; }
#pickup .box_pickup.mr0 { margin-right: 0; }
.pdf { background: url(../../common/images/icon_pdf.png) right top no-repeat; padding-right: 50px; padding-bottom: 4px;}
.blank { background: url(../../common/images/icon_blank.png) right top no-repeat; padding-right: 26px; }
/* 下層ページ共通 */
#content { margin-top: 162px; }
#ttl .ttl_blk { font-size: 260%; }
#ttl .mainimage img { width: 100%; }
#subttl { padding: 160px 3%; }
#subttl p { text-align: left; }
.innerBox { padding: 150px 0; text-align: left; }
.bg_f9 { background-color: #f9f9f9; }/* inner-gray */
.bg_f2 { background-color: #f2f2f2; }/* inner-gray2 */
.bg_f7 { background-color: #f7f7f7; }
.bg_ea { background-color: #eae8eb; }/* inner-gray3 */
.bg_cd { background-color: #cd73a1; color: #fff; }/* inner-pink  */
.bg_2a { background-color: #2a2b30; color: #fff; }
.bg_f8 { background-color: #f8f8fa; }
.bg_1b { background-color: #1b171a; color: #fff; }
.inner35 { width: 35%; }
.inner40 { width: 40%; }
.inner45 { width: 45%; }
.inner50 { width: 50%; }
.inner60 { width: 60%; }
.ttl_blk { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 220%; text-align: center; font-weight: bold; }
.h3_blk { font-size: 170%; font-weight: bold; text-align: center; }
.h4_blk { text-align: left; font-size: 170%; font-weight: bold; padding-bottom: 50px; }
.h5_blk { font-size: 120%; }
.img100 { max-width: 100%; }
.btn_blk_l a { background: #2a2b30; padding: 30px 0; border-radius: 8px; text-align: center; font-weight: bold; color: #fff; display: block; width: 100%; max-width: 700px; font-size: 150%; margin: auto; transition: all 0.4s; }
.btn_grn_l a { background: #1FAD88; padding: 30px 0; border-radius: 8px; text-align: center; font-weight: bold; color: #fff; display: block; width: 100%; max-width: 700px; font-size: 150%; margin: auto; transition: all 0.4s; }
.btn_blk_l a:hover,
.btn_grn_l a:hover{ background-color: #c13843 !important; }
.list02 { background: url(../images/list_arrow02.png) no-repeat right center; min-height: 24px; padding-right: 35px; }
.list03 { background: url(../images/list_arrow04.png) no-repeat right center; min-height: 12px; padding-right: 20px; }
.list04 { background: rgba(0, 0, 0, 0) url("../images/list_arrow01.jpg") no-repeat scroll left center; padding-left: 20px; }
.list06 li { background: url(../images/list_arrow04.png) no-repeat 0 5px; padding-left: 20px; }
.font60 { font-size: 60%; }
.font80 { font-size: 80%; }
.font120 { font-size: 120%; }
.font170 { font-size: 170%; }
.font-blue { color: #258ac9; }
.topicpath { text-align: left; padding: 60px 0px; box-sizing: border-box; margin: auto; max-width: 1240px; width: 100%; clear: both; }
.topicpath ol li { display: inline; list-style-type: none; }
.topicpath ol li:before { content: " > "; }
.topicpath ol li:first-child:before { content: none; }
.topicpath.back ol li:first-child:before { content: " < "; }
.btn_s li { float: left; list-style-type: none; max-width: 195px; width: 50%; box-sizing: border-box; padding-right: 20px; }
.btn_s li img { max-width: 195px; width: 100%; }
.btn_blk_l.w100 a,
.btn_grn_l.w100 a{ width: 100%; }
.btn_blue a { background: #1b96d5; padding: 30px 0; border-radius: 8px; text-align: center; font-weight: bold; color: #fff; display: block; width: 100%; font-size: 150%; margin: auto; transition: all 0.4s; }
.btn_blue a:hover { background-color: #c13843 !important; }
#sidenav dd a:hover { background: url(../../common/images/list_arrow04.png) no-repeat 20px 20px #f2f2f2; }
#sidenav { width: 20%; float: right; text-align: left; }
#sidenav dd a { color: #000; padding: 15px 0 15px 45px; background: url(../../common/images/list_arrow04.png) no-repeat 20px 20px; display: block; }
#sidenav dd a:hover { background-color: #f2f2f2; }
#sidenav dt { border-bottom: solid 2px #000; padding-bottom: 10px; padding-left: 5px; margin-bottom: 10px; font-size: 120%; font-weight: bold; }
#sidenav dt a { color: #000; }
#sidenav dd { margin-top: 10px; }
.sec_l { width: 70%; float: left; text-align: left;/*	font-size: 110%;*/ }
dl.form dl,
dt,
dd { margin: 0; padding: 0; }
dl.form { border-top: 2px solid #000; width: 100%; overflow: hidden; border-bottom: 1px solid #cdcdcd; margin-bottom: 50px; }
dl.form dt,
dl.form dd { padding: 25px 0; }
dl.form dt { clear: left; float: left; width: 30%; font-weight: bold; font-size: 110%; }
dl.form dd { border-top: 1px solid #cdcdcd; padding-left: 30%; }
input { line-height: 100%; }
input,
textarea,
select { max-width: 99%; padding: 10px; border: solid 2px #ededed; border-radius: 5px; }
input.error,
textarea.error,
select.error { border: solid 2px #e60012; }
span.error { border-bottom: solid 2px #e60012; padding: 5px; }
.error_txt { color: #e60012; padding-top: 15px; display: block; }
.error_txt.line { border-top: solid 1px #e60012; padding-top: 5px; }
input#InputFile { border: none; }
input#checkbox { border: none; width: auto; }
input[type="file"] { border: none; }
input[type="checkbox"] { border: none; width: auto; }
input,
select { width: 60%; }
textarea { width: 90%; }
.hissu { color: #FF0004; vertical-align: super; font-size: 80%; padding-left: 4px; }
label.file_btn { font-size: 80%; padding: 6px 20px; border: solid 1px #949494; background: -prefix-linear-gradient(top, #f4f4f4, #dfdfdf); background: linear-gradient(to bottom, #f4f4f4, #dfdfdf); }
.box_gray2 { box-sizing: border-box; border: solid 10px #f2f2f2; width: 100%; padding: 5%; font-size: 120%; }
.box_gray3 { box-sizing: border-box; width: 100%; padding: 35px 8%; background: #f2f2f2; }
.box_gray4 { box-sizing: border-box; width: 100%; padding: 30px 8%; background: #82848f; color: #fff; }
input.btn_blue { background: #1b96d5; padding: 15px 0; border-radius: 8px; text-align: center; font-weight: bold; color: #fff; display: block; width: 50%; font-size: 140%; margin: auto; border: none; }
input.btn_gray { background: #6d6f76; padding: 15px 0; border-radius: 8px; text-align: center; font-weight: bold; color: #fff; display: block; width: 50%; font-size: 140%; margin: auto; border: none; color: #fff; }
input.btn_blue.btn_s,
input.btn_gray.btn_s { width: 40%; margin: 0 5px; display: inline; }
.btn_blue.btn_s { width: 30%; margin: 0 5px; float: right; }
.btn_blue.btn_m { width: 70%; margin: 0 auto; }
.btn_blue.btn_s a { border-radius: 5px; font-size: 100%; padding: 10px 0; }
.form.kakunin dd { padding-top: 30px; }
.line_b { padding-bottom: 10px; border-bottom: solid 3px #f2f2f2; }
.none { display: none; }
.list05 li { list-style: disc; margin-left: 15px; }
.list_num li { list-style-type: decimal; margin-left: 40px; margin-bottom: 20px; }
.list_alp li { list-style-type: lower-alpha; margin-left: 25px; margin-bottom: 20px; }
.list_paren li { list-style-type: none; counter-increment: cnt; text-indent: -1.8em; margin-bottom: 0; }
.list_paren li:before { display: marker; content: "("counter(cnt) ")"; }
.tbl_line { border-top: 2px solid #2a2b30; border-bottom: 1px solid #cdcdcd; border-collapse: collapse; width: 100%; }
.tbl_line th { border-top: 1px solid #cdcdcd; width: 30%; padding: 30px 0.5%; vertical-align: top; }
.tbl_line td { border-top: 1px solid #cdcdcd; padding: 30px 0; font-weight: bold; overflow: hidden; }
.tbl_line td .font80 { font-weight: normal; }
.tbl_line td dt { border-top: none; width: 25%; padding: 0; font-weight: normal; float: left; }
.tbl_line td dl dd { border-top: none; margin-left: 25%; padding: 0; }
.tbl_line td .name { font-weight: normal; padding-left: 10px; }
.img_l2 li { float: left; width: 49%; padding: auto 0.5%; text-align: center; }
.img_l2 li img { max-width: 100%; }
.tbl_ir { border-top: solid 1px #000; width: 100%; border-collapse: collapse; }
.tbl_ir tr:nth-child(even) { border-bottom: solid 1px #cdcdcd; }
.tbl_ir.ptn2 tr:nth-child(odd) { border-bottom: solid 1px #cdcdcd; }
.tbl_ir.ptn3 tr:nth-child(odd) { border-bottom: solid 1px #cdcdcd; }
.tbl_ir.ptn3 tr:nth-child(even) { border-bottom: none; }
.tbl_ir.ptn2 tr:first-child,
.tbl_ir.ptn3 tr:first-child,
.tbl_ir tr:first-child { border-bottom: solid 1px #000; background: #f8f8fa; }
.tbl_ir.ptn2.yutai tr:first-child { background: none; border-bottom: solid 1px #cdcdcd; }
.tbl_ir th,
.tbl_ir td { padding: 20px 10px; }
.tbl_ir th { text-align: right; font-weight: bold; border-right: solid 1px #cdcdcd; background: #f8f8fa; }
.tbl_ir td { text-align: center; }
.tbl_ir tr.mPB0 th,
.tbl_ir tr.mPB0 td { padding-bottom: 0; }
.list_ast li:before { content: "※"; margin-left: -16px; }
.list_ast li { margin-left: 30px; }
.bg_sky { background: #cff0ff; }
.line_b2 { border-bottom: 1px solid #000; }
.list_faq dt { background: url(../images/icon_q.jpg) no-repeat left center; padding: 15px 15px 15px 65px; font-weight: bold; min-height: 20px; margin-bottom: 45px; }
.list_faq dd { padding-left: 65px; margin-bottom: 80px; }
.tbl_line.yoko th { text-align: center; width: auto; border-right: 1px solid #cdcdcd; padding: 20px; }
.tbl_line.yoko td { border-right: 1px solid #cdcdcd; padding: 20px; }
.tbl_line.yoko th:last-child,
.tbl_line.yoko td:last-child { border-right: none; }
#box_nav li { background: #fff; width: 29%; box-sizing: border-box; padding: 30px; margin: 2%; float: left; text-align: center; transition: transform 0.2s ease-in }
#box_nav li img { width: 100%; max-width: 180px;}
#box_nav li:hover {transform: scale(1.1);}
#box_nav.innerBox { padding: 100px 0; }
a.a3d_bnr {display: block; width: 100%; margin:30px auto 0 auto; } 
a.a3d_bnr img {max-width:800px;width: 90%;transition:transform 0.2s ease-in;}
a.a3d_bnr img:hover {transform: scale(1.05);}


@media print, screen and ( min-width:1130px ) {
.move-page-top:hover { opacity: 1; }
}

@media print, screen and (max-width: 1280px) {
.innerBox { padding: 60px 0; }
.topicpath { width: 96%; }
}

@media print, screen and ( max-width: 1200px) {
#global-nav ul { font-size: 110%; }
#global-nav ul li a { margin: 0 12px; }
}

@media print, screen and (max-width: 1024px) {
html { font-size: 90%; }
.h4_blk { /*	font-size: 136%;
	padding-bottom: 30px;*/ }
#subttl { padding: 100px 3%; }
.h3_blk {/* font-size: 130%; */ }
#news .news dl { margin: 0 3%; }
.pdf { background-size: 42px; padding-right: 50px; }
.blank { background-size: 16px; padding-right: 20px; }
}

@media print, screen and (max-width: 900px) {
#global-nav ul li a,
#top-head.fixed #global-nav ul li a { margin: 0 10px; }
#global-nav ul { font-size: 100%; }
#global-nav ul li a { margin: 0 10px; }
}

@media print, screen and (max-width: 768px) {
html { font-size: 76%; }
#top-head,
 .inner { width: 100%; padding: 0; }
#top-head { top: 0; position: fixed; margin-top: 0; }
/* Fixed reset */
#top-head.fixed { padding-top: 0; background: transparent; }
#mobile-head { background: #fff; width: 100%; height: 65px; z-index: 1; position: relative; }
#top-head.fixed .logo,
#top-head .logo { position: absolute; left: 13px; top: 8px; }
	_:-ms-lang(x)::-ms-backdrop,#top-head.fixed .logo{ top: 0px; } /*IE11ハック*/
#global-nav ul { width: 100%; }
#global-nav ul li { float: none; position: static; }
#top-head #global-nav ul li a,
 #top-head.fixed #global-nav ul li a { width: 100%; display: block; padding: 20px 0; }
#global-nav ul li a:hover { border: none; }
#global-nav ul li a { margin: 0; }
#global-nav ul li a:hover,
 .product_on #global-nav ul li.pro_list a,
 .news_on #global-nav ul li.news_list a,
 .company_on #global-nav ul li.com_list a,
 .ir_on #global-nav ul li.ir_list a,
 .recruit_on #global-nav ul li.rec_list a { background: none; }
.move-page-top { display: none; }
.sp a.move-page-top { display: block; opacity: 0.60; border-radius: 0px; width: 100%; height: auto; font-size: 8px; color: #fff; background: #2a2b30; }
#container { margin-top: 65px; }
#container:after { padding-top: 58%; }
.pc { display: none; }
.sp { display: block!important; }
.tab_bg .tab li span { display: none; }
header#top-head.fixed #mobile-head .logo img:nth-child(2),
header#top-head #mobile-head .logo img:nth-child(1),
header#top-head.fixed #mobile-head .logo img:nth-child(2) { width: 100px; }
ul#sub-nav { display: none; }
.pagetop { display: none; }
#fot_nav { padding: 35px 0 20px 0; }
#fot_nav dl:nth-child(odd) { width: 50%; float: left; margin: 0; text-align: center; }
#fot_nav dl:nth-child(even) { width: 50%; float: left; margin: 0; text-align: center; }
#fot_nav dt { font-size: 120%; padding-bottom: 20px; border-bottom: none; margin-bottom: 0; }
#fot_nav dd { display: none; }
footer .sub_nav li { margin-bottom: 15px; }
footer .sub_nav { margin: 23px auto 8px auto; }
footer .icon li { margin-bottom: 10px; }
.tab { width: 95%; }
.tab li { padding: 15px 0; }
.wrapper { width: 90%; padding: 0; }
#news .tab { width: 98%; }
.content { margin: 30px auto 0 auto; }
#news .news dl { width: 90%; margin: 0 5%; }
#news .news dt { float: none; width: 100%; margin-bottom: 15px; }
#news .news dd { margin-bottom: 20px; margin-left: 0px; padding-top: 1px; }
#news .news dd img { width: 40px; margin-left: 4px; padding-top: 2px; vertical-align: top; }
a .sustainability{font-size: 10px;}
.topics .data { margin-bottom: 1em; position: static; display: block; }
.new { position: absolute; display: inline-block; padding: 4px; top: 2px; right: 0px; }
.icon_blue,
.icon_pink,
.icon_gray,
.icon_grn,
.icon_org { font-size: 60%; margin-right: 10px; padding: 5px 0; width: 70px; border-width: 1px; }
#personal,
#aerial,
#memorial,
#virtual { height: auto; padding: 0; background: none; }
#memorial .wrapper > div, #virtual .wrapper > div{ padding: 0; width: 100%; }
#personal .wrapper,
#aerial .wrapper,
#memorial .wrapper, #virtual .wrapper { background-color: #f8f8f8; padding: 30px 0; width: 100%; margin: 0; }
#aerial .wrapper { padding-bottom: 80px; }
#personal img,
#aerial img,
#memorial img, #virtual img{ width: 90%; margin: 0 auto; margin-bottom: 20px; border-radius: 10px; }
#personal .wrapper h3,
#aerial .wrapper h3,
#memorial .wrapper h3,
#virtual .wrapper h3{ padding-bottom: 0px; }
#personal p,
#aerial p,
#memorial p,
#virtual p { width: 90%; padding-top: 20px; padding-bottom: 20px; margin: 0 auto; color: #2a2b30; }
#personal .h3_blk,
#aerial .h3_blk,
#memorial .h3_blk, #virtual .h3_blk { text-align: center !important; color: #2a2b30; }
.btn_blu a,
.btn_blk a { width: 60%; margin: auto; padding: 10px 0; display: block; }
#personal .pb40,
#personal .pb50,
#aerial .pb40,
#aerial .pb50,
#memorial .pb40,
#memorial .pb50,
#virtual .pb40,
#virtual .pb50{ padding-bottom: 20px; }
#product li { width: 50%; padding-top: 35px; }
#product li.bnr_plus{padding-top: 10px;}
#product li img { max-width: 200px; }
.h3_blk { font-size: 120%; }
.ttl_blk { font-size: 160%; }
.mW100 { width: 100%; }
.mW88 { width: 88.36%; margin: 0 auto; }
.wrapper70 { width: 80%; }
.mText_C { text-align: center !important; }
.mText_R { text-align: right !important; }
.mText_L { text-align: left !important; }
.pdf { background-position:right top 1px; background-size: 34px; padding-right: 34px; }
.blank { background-position:right top 1px; background-size: 13px; padding-right: 16px; }
.inner35,
.inner40,
.inner45,
.inner50,
.inner60 { width: 100%; }
#content { margin-top: 65px; }
#subttl { padding: 40px 3%; }
.innerBox { min-height: auto; padding: 30px 0; }
.h4_blk { text-align: center; font-size: 120%; padding-bottom: 30px; }
.h5_blk { font-size: 100%; }
.btn_blue a { padding: 18px 0; width: 100%; font-size: 100%; }
.btn_grn_l a { padding: 18px 0; width: 86%; font-size: 100%; }
.btn_blk_l a { padding: 18px 0; width: 86%; font-size: 100%; }
.font120 { font-size: 100%; }
.font170 { font-size: 120%; }
.wrapper.sp100 { width: 100%; padding: 0; }
#sidenav,
.sec_l { width: 100%; float: none; text-align: left; }
#sidenav { width: 100%; float: none; text-align: center; padding-bottom: 30px; overflow: hidden; }
#sidenav a { color: #818181; letter-spacing: 1px; line-height: 100%; }
#sidenav dt { display: none; }
#sidenav dd { background-image: none; padding-left: 0; font-weight: bold; width: 33%; float: left; background-color: #f2f2f2; margin: 0 1px 1px 0; box-sizing: border-box; }
#sidenav dd a { display: block; background-image: none; padding: 14px 0; }
#sidenav dd a:hover { background: none; }
blockquote { width: 50%; margin: 0 auto; }
dl.form dt,
dl.form dd { clear: left; width: 100%; display: block; }
dl.form dt,
dl.form dd { clear: left; float: none; width: 100%; display: block; padding-left: 0; padding: 12px 0 0 0; text-align: center; }
dl.form dt { padding-top: 22px; }
dl.form dd { border: none; }
dl.form { border-bottom: none; }
input,
textarea,
select { padding: 2%; box-sizing: border-box; width: 96%; }
input.btn_blue.btn_s,
input.btn_gray.btn_s,
input.btn_blue,
.btn_blue.btn_s,
.btn_blue.btn_m { width: 100%; margin: 5px 0; font-size: 120%; float: none; }
.topicpath { padding-top: 40px; padding-bottom: 20px; }
.tbl_ir th,
.tbl_ir td { padding: 10px 8px; }
.tbl_ir td img { width: 34px; }
.tbl_line th,
.tbl_line td { padding: 20px 0; }
#ttl.pb140 { padding-bottom: 40px; }
.img_l2 li { float: none; width: 100%; padding: 10px 0; text-align: center; }
.scroll { box-sizing: border-box; border-right: 1px solid #4f4d47; overflow-x: scroll; -webkit-overflow-scrolling: touch; margin-bottom: 20px; }
.scroll table { border-right: none; }
.tbl_ir { margin-bottom: 40px; }
.list_faq dt { background: url(../images/icon_q_m.jpg) no-repeat left top; padding: 3px 5px 5px 40px; margin-bottom: 20px; background-size: 28px; }
.list_faq dd { padding-left: 40px; margin-bottom: 30px; }
.list06 { margin-bottom: 30px; }
#box_nav li { width: 44%; padding: 10px; margin: 3%; }
#box_nav li:hover {transform: scale(1);}
#box_nav.innerBox { padding: 20px 0; }
	
a.a3d_bnr img {max-width:400px;width: 90%;}
a.a3d_bnr img:hover {transform: scale(1);}
.text_YC {  /* テキスト縦中央解除 */ top: 0%; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
.scroll table.mb100,
.scroll table.mb30 { margin-bottom: 0; }
#news .ttl_blk,
#ttl .ttl_blk { font-size: 140%; }
.img100_sp { width: 100%; }
.img90_sp { width: 90%; }
.img80_sp { width: 80%; }
#sidenav dd { width: 49%; }
.h3_blk.pb50 { padding-bottom: 20px; }
.ma40 { margin: 20px; }
.mb100 { margin-bottom: 40px; }
.pt100 { padding-top: 40px; }
.pt90 { padding-top: 30px; }
.pt80 { padding-top: 30px; }
.pt60 { padding-top: 20px; }
.pb100 { padding-bottom: 40px; }
.pb90 { padding-bottom: 40px; }
.pb60 { padding-bottom: 20px; }
.pb50 { padding-bottom: 20px; }
.pb80 { padding-bottom: 40px; }
.w96 { width: 96%; }
}

@media print, screen and (max-width: 640px) {
#aerial .wrapper { padding-bottom: 60px; }
#personal img,
#aerial img,
#memorial img,
#virtual img{ width: 100%; margin: 0 auto; margin-bottom: 20px; border-radius: 0px; }
.sp64 { display: block!important; }
.h3_blk.pt70.pb70 { padding: 24px 0; }
footer .com,
footer address { font-size: 80%; }
footer .flR{float: inherit;}
footer .fot_mark{justify-content: center;}
footer .flR a img { width: 70%; }
footer .flR>img{height: 50px;}
}

@media print, screen and (max-width: 480px) {
.sp48 { display: block!important; }
}

/*----------------------------------------------------------------------------------*/
/* drawer.min-css
------------------------------------------------------------------------------------*/	
/*!
 * jquery-drawer v3.2.1
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */
@media screen and (min-width: 769px) {
.drawer-toggle.drawer-hamburger { display: none; }
}

@media screen and (max-width: 768px) {
.drawer-toggle.drawer-hamburger { z-index: 999; display: block; }
.drawer-nav { position: fixed; z-index: 2; top: 0; overflow: hidden; width: 50%; height: 100%; color: #222; background-color: #fff }
.drawer-brand { font-size: 1.5rem; font-weight: 700; line-height: 3.75rem; display: block; padding-right: .75rem; padding-left: .75rem; text-decoration: none; color: #222 }
.drawer-menu { margin: 0; padding: 0; list-style: none }
.drawer-menu-item { font-size: 1rem; display: block; padding: .75rem; text-decoration: none; color: #222 }
.drawer-menu-item:hover { text-decoration: underline; color: #555; background-color: transparent }
.drawer-overlay { position: fixed; z-index: 1; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,.2) }
.drawer-open .drawer-overlay { display: block }
.drawer--top .drawer-nav { top: -100%; left: 0; width: 100%; height: auto; max-height: 100%; -webkit-transition: top .6s cubic-bezier(.19, 1, .22, 1); transition: top .6s cubic-bezier(.19, 1, .22, 1) }
.drawer--top.drawer-open .drawer-nav { top: 0 }
.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger { right: 0 }
.drawer--left .drawer-nav { left: -16.25rem; -webkit-transition: left .6s cubic-bezier(.19, 1, .22, 1); transition: left .6s cubic-bezier(.19, 1, .22, 1) }
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-nav,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger { left: 0 }
.drawer--left.drawer-open .drawer-hamburger { left: 16.25rem }
.drawer--right .drawer-nav { right: -80%; -webkit-transition: right .6s cubic-bezier(.19, 1, .22, 1); transition: right .6s cubic-bezier(.19, 1, .22, 1) }
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-nav,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger { right: 0;top:3px; }
.drawer--right.drawer-open .drawer-hamburger { right: 50%; }
.drawer-hamburger { position: fixed; z-index: 4; top: 0; display: block; box-sizing: content-box; width: 2rem; padding: 0; padding: 18px .75rem 28px; -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1); transition: all .6s cubic-bezier(.19, 1, .22, 1); -webkit-transform: translateZ(0); transform: translateZ(0); border: 0; outline: 0; background-color: #fff; }
.drawer-hamburger:hover { cursor: pointer; background-color: transparent }
.drawer-hamburger-icon { position: relative; display: block; margin-top: 10px }
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before { width: 100%; height: 2px; -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1); transition: all .6s cubic-bezier(.19, 1, .22, 1); background-color: #222 }
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before { position: absolute; top: -10px; left: 0; content: ' ' }
.drawer-hamburger-icon:after { top: 10px }
.drawer-open .drawer-hamburger-icon { background-color: transparent }
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before { top: 0 }
.drawer-open .drawer-hamburger-icon:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.drawer-open .drawer-hamburger-icon:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
.sr-only { position: absolute; overflow: hidden; clip: rect(0,0,0,0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0 }
.sr-only-focusable:active,
.sr-only-focusable:focus { position: static; overflow: visible; clip: auto; width: auto; height: auto; margin: 0 }
.drawer--sidebar,
.drawer--sidebar .drawer-contents { background-color: #fff }
}

@media (min-width:64em) {
.drawer--sidebar .drawer-hamburger { display: none; visibility: hidden }
.drawer--sidebar .drawer-nav { display: block; -webkit-transform: none; -ms-transform: none; transform: none; position: fixed; width: 12.5rem; height: 100% }
.drawer--sidebar.drawer--left .drawer-nav { left: 0; border-right: 1px solid #ddd }
.drawer--sidebar.drawer--left .drawer-contents { margin-left: 12.5rem }
.drawer--sidebar.drawer--right .drawer-nav { right: 0; border-left: 1px solid #ddd }
.drawer--sidebar.drawer--right .drawer-contents { margin-right: 12.5rem }
.drawer--sidebar .drawer-container { max-width: 48rem }
}

@media (min-width:75em) {
.drawer--sidebar .drawer-nav { width: 16.25rem }
.drawer--sidebar.drawer--left .drawer-contents { margin-left: 16.25rem }
.drawer--sidebar.drawer--right .drawer-contents { margin-right: 16.25rem }
.drawer--sidebar .drawer-container { max-width: 60rem }
}
.drawer--navbarTopGutter { padding-top: 3.75rem }
.drawer-navbar .drawer-navbar-header { border-bottom: 1px solid #ddd; background-color: #fff }
.drawer-navbar { z-index: 3; top: 0; width: 100% }
.drawer-navbar--fixed { position: fixed }
.drawer-navbar-header { position: relative; z-index: 3; box-sizing: border-box; width: 100%; height: 3.75rem; padding: 0 .75rem; text-align: center }
.drawer-navbar .drawer-brand { line-height: 3.75rem; display: inline-block; padding-top: 0; padding-bottom: 0; text-decoration: none }
.drawer-navbar .drawer-brand:hover { background-color: transparent }
.drawer-navbar .drawer-nav { padding-top: 3.75rem }
.drawer-navbar .drawer-menu { padding-bottom: 7.5rem }

@media (min-width:64em) {
.drawer-navbar { height: 3.75rem; border-bottom: 1px solid #ddd; background-color: #fff }
.drawer-navbar .drawer-navbar-header { position: relative; display: block; float: left; width: auto; padding: 0; border: 0 }
.drawer-navbar .drawer-menu--right { float: right }
.drawer-navbar .drawer-menu li { float: left }
.drawer-navbar .drawer-menu-item { line-height: 3.75rem; padding-top: 0; padding-bottom: 0 }
.drawer-navbar .drawer-hamburger { display: none }
.drawer-navbar .drawer-nav { position: relative; left: 0; overflow: visible; width: auto; height: 3.75rem; padding-top: 0; -webkit-transform: translateZ(0); transform: translateZ(0) }
.drawer-navbar .drawer-menu { padding: 0 }
.drawer-navbar .drawer-dropdown-menu { position: absolute; width: 16.25rem; border: 1px solid #ddd }
.drawer-navbar .drawer-dropdown-menu-item { padding-left: .75rem }
}
.drawer-dropdown-menu { display: none; box-sizing: border-box; width: 100%; margin: 0; padding: 0; background-color: #fff }
.drawer-dropdown-menu>li { width: 100%; list-style: none }
.drawer-dropdown-menu-item { line-height: 3.75rem; display: block; padding: 0; padding-right: .75rem; padding-left: 1.5rem; text-decoration: none; color: #222 }
.drawer-dropdown-menu-item:hover { text-decoration: underline; color: #555; background-color: transparent }
.drawer-dropdown.open>.drawer-dropdown-menu { display: block }
.drawer-dropdown .drawer-caret { display: inline-block; width: 0; height: 0; margin-left: 4px; -webkit-transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, -webkit-transform .2s ease; transition: transform .2s ease, opacity .2s ease; transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent }
.drawer-dropdown.open .drawer-caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) }
.drawer-container { margin-right: auto; margin-left: auto }

@media (min-width:64em) {
.drawer-container { max-width: 60rem }
}

@media (min-width:75em) {
.drawer-container { max-width: 70rem }
}

/*----------------------------------------------------------------------------------*/
/* 印刷用CSS
------------------------------------------------------------------------------------*/	
@media print {
iframe,
.sub-nav,
#global-nav,
header button,
.sec_r,
.page-top,
#product,
#pickup,
#fot_nav,
footer ul,
header#top-head.fixed #mobile-head .logo img:nth-child(2),
.sr-only { display: none !important; }
h1.logo img { display: block !important; position: static; left: 0; top: 0; z-index: 1000!important; }
#content,
header,
#top-head,
#top-head.fixed { padding: 0; position: static !important; margin: 0 0 20px 0; }
#container { margin-top: 0px; background: none; }
#personal img,
#aerial img,
#memorial img,
#virtual img{ width: 400px; }
.sec_l { width: 100% !important; }
}