@charset "utf-8";
/*******************************************/
/* reset                                  */
/*******************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
abbr, address, cite, code,
dfn, em, img, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; }

/*******************************************/
/* common                                  */
/*******************************************/

/* Basic */
html{ font-size:62.5%; overflow-y: scroll; }
body{ font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; font-size:1.6rem; color:#333; overflow:hidden; min-width:1007px; }
* { box-sizing:border-box; }
a{ color:#333; text-decoration:none; }
a:hover { text-decoration:none; }
li{ list-style-type:none; font-weight:500; }
img{ display:block; max-width:100%; height:auto; margin:0 auto; }
main p{ font-size:1.6rem; line-height:3.2rem; font-weight:500; }
sup{ font-size:1.2rem; position:relative; top:-0.3em; margin-left:0.2em; }
dt{ font-weight:500; }
dd{ font-weight:500; }

/* Header */
.hdr{ background:#fff; width:100%; height:88px; }
.hdr-inr{ margin:0 auto; position:relative; width:calc(100% - 80px); max-width:1200px; min-width:944px; height:88px; }
.hdrItem-logo{ position:absolute; top:15px; left:0; z-index:10; }
.hdrItem-logo img{ width:174px; height:58px; }
.hdrNav-button-sp{ display:none; position:absolute; top:0; right:0; width:64px; height:64px; z-index:11; }
.hdrNav-dropdown{ background:#0069b7; display:none;position:fixed; top:88px; left:0; width:100%; z-index:101; }
nav ul{ font-size:0; list-style:none; margin:0; padding:0; }
nav ul li{ display:inline-block; padding:0 16px; position:relative; }
nav ul li a{ color:#333; font-size:16px; font-weight:bold; line-height:52px; text-decoration:none; height:100%; }
nav ul.hdrNav{ position:absolute; top:18px; left:224px; width:calc(100% - 224px); height:70px; }
nav ul.hdrNav li.hdrItem-bgiArrow{ background:url(../img/cmn/nav_01.svg) no-repeat; background-position:center bottom 18px; background-size:15px 8px; }
nav ul.hdrNav li.hdrNav-sub{ background:url(../img/cmn/nav_02.svg) no-repeat; background-size:1px 16px; background-position:right top; display:block; padding:0 16px 0 0; }
nav ul.hdrNav li.hdrNav-sub a{ font-size:14px; line-height:16px; padding:0; }
nav ul.hdrNav li.li-cmp{ position:absolute; bottom:0; right:214px; }
nav ul.hdrNav li.li-dwl{ position:absolute; bottom:0; right:99px; }
nav ul.hdrNav li.li-inq{ position:absolute; bottom:0; right:0; background:none; margin-right:0; padding:0; }
nav ul.hdrNav li.hdrNav-sub-eng{ padding:0; position:absolute; top:0; right:0; }
nav ul.hdrNav li.hdrNav-sub-eng a{ border:1px solid #0068b7; color:#0068b7; display:block; font-size:12px; font-family:'Oxygen', sans-serif; font-weight:bold; line-height:22px; text-align:center; width:72px; height:24px; }
nav ul.hdrNav li.hdrNav-sub-eng a:hover{ background:#0068b7; color:#fff; }
nav ul.hdrNav li.hdrSearch{ padding:0; }
nav ul.hdrNav li.hdrSearch{ position:absolute; top:0; right:86px; width:166px; }
nav ul.hdrNav li.hdrNav-sitemap{ display:none; }
.btn{ position:relative; overflow:hidden; cursor: pointer; }
.btn:after, .btn .btn--inner:after{ content:""; position: absolute; top:0; left:0; width:0; height:0; background-color:currentColor; transition:0.3s ease-in-out; }
.btn--cw .btn--inner:after{ top:auto; bottom:0; }
.btn--cw{ transition:0.3s ease-in-out; }
/* Header google search */
table.gsc-search-box{ margin-bottom:0 !important; height:24px; }
form.gsc-search-box{ margin:0 !important; }
.gsc-input-box{ background-color:#b7c3c9 !important; border:none !important; border-radius:0 !important; padding-top:0 !important; height:24px; }
.gsc-search-box-tools .gsc-search-box .gsc-input{ background-color:#b7c3c9 !important; padding-right:0 !important; color: #fff; }
table.gsc-search-box .gsc-search-button{ margin-left:0 !important; padding-top:0 !important; display: block !important; }
.cse .gsc-search-button-v2, .gsc-search-button-v2{ background-color:#b7c3c9 !important; border:none !important; border-radius:0 !important; padding:0 10px !important; height:24px !important; }
.cse .gsc-control-cse, .gsc-control-cse{ border:none !important; padding:0 !important; }
.gsib_a{ padding:0 0 0 8px !important; }
.gscb_a{ color:#fff !important; line-height:24px !important; background: url(../img/cmn/icon_clear.svg) no-repeat center/12px 12px !important; }
.gsib_b{ width: 28px !important; height: 24px !important; box-sizing: border-box; padding: 0 !important; }
input.gsc-input{ color:#fff; font-size:1.4rem !important; line-height:20px !important; }
nav ul li a.gsst_a{ line-height:1; }
/* Header nav tab */
.tab-container{ width:100%; }
.tab-header-wrapper{ display:flex; flex-wrap:nowrap; width:calc(100% - 80px); max-width:1200px; min-width:944px; margin:0 auto; }
.tab-header{ align-items:flex-end; border-left:1px solid #1c7dc5; border-top:1px solid #0069b7; color:#fff !important; display:flex; flex:1; line-height:71px; padding-left:24px; position:relative; text-decoration:none; z-index:0; }
.tab-header:last-child{ border-right:1px solid #1c7dc5; }
.tab-header-active{ background-color:#fff; border-top:1px solid #d4dbdf; color:#0069b7 !important; z-index:1;}
.tab-header-text{ display:block; }
.tab-body-wrapper{ background-color:#fff; box-shadow:0px 12px 8px -8px rgba(0,0,0,0.1); position:relative; }
.tab-body{ display:none; font-size:1.6rem; margin:0 auto; padding:0 24px; width:calc(100% - 80px); max-width:1200px; min-width:944px;}
.tab-body-active{ display:block; }
.hdrNav-megMenu{ padding:36px 0; }
.hdrNav-megMenu li{ display:block; line-height:2.2rem; margin-bottom:12px; padding-left:1.1em; padding-bottom:12px; text-indent:-1.1em; }
.hdrNav-megMenu li:last-child{ margin-bottom:0; }
.hdrNav-megMenu li::before{ background:#46b2e7; content:""; display:inline-block; position:relative; top:-4px; margin-right:8px; width:10px; height:1px; }
.hdrNav-megMenu li a{ color:#0069b7; font-size:14px; line-height:1; }
.hdrNav-megMenu-purpose{ padding:44px 0; }
.hdrNav-megMenu-purpose dl{ border-bottom:4px solid #d4dbdf; display:table; margin-bottom:14px; padding-bottom:16px; width:100%; }
.hdrNav-megMenu-purpose dl dt{ color:#0069b7; display:table-cell; font-size:1.8rem; font-weight:bold; line-height:2.2rem; width:calc(100% - 50px);  }
.hdrNav-megMenu-purpose dl dd{ display:table-cell; width:50px; }
nav ul li .hdrNav-megMenu-purpose dl dd a{ border:1px solid #0069b7; color:#0069b7; display:block; font-size:1.4rem; line-height:2.0rem; text-align:center; margin:0; width:100%; }
nav ul li .hdrNav-megMenu-purpose dl dd a:hover{ background:#0069b7; color:#fff; }
.hdrNav-megMenu-purpose ol li{ display:block; margin-bottom:24px; padding-left:1.1em; text-indent:-1.1em; }
.hdrNav-megMenu-purpose ol li:last-child{ margin-bottom:0; }
.hdrNav-megMenu-purpose ol li::before{ background:#46b2e7; content:""; display:inline-block; position:relative; top:-4px; margin-right:8px; width:10px; height:1px; }
nav ul li .hdrNav-megMenu-purpose ol li a{ font-weight:500; line-height:2.2rem; }
nav ul li .hdrNav-megMenu-purpose ol li a:hover{ color:#0069b7; }
#purpose1, #purpose2, #purpose3, #purpose4, #purpose5{ margin-top:-100px; padding-top:100px; position: relative; z-index: -1; }

/* Footer */
.ftr{ background:#0069b7; width:100%; }
.ftr-inr{ margin:0 auto; padding:72px 0 0; width:calc(100% - 160px); max-width:1200px; min-width:944px; }
.ftrBlk-upper{ border-bottom:1px solid #1c7dc5; margin-bottom:40px; padding-bottom:24px; }
.ftrBlk-upper::after{ content:""; display:block; clear:both; }
.ftrItem-logo{ float:left; margin:0 64px 0 0; }
.ftrItem-logo img{ width:174px; height:58px; }
.ftrItem-btnEnglish{ float:left; margin-top:17px; }
.ftrItem-btnEnglish a{ border:1px solid #fff; color:#fff; display:block; font-size:12px; font-family:'Oxygen', sans-serif; font-weight:bold; line-height:22px; text-align:center; width:72px; height:24px; }
.ftrItem-btnEnglish a:hover{ background:#fff; color:#0068b7; }
.ftrBlk-upper dl{ display:table; float:right; }
.ftrBlk-upper dl dt{ color:#fff; display:table-cell; font-size:14px; font-weight:bold; vertical-align:middle; }
.ftrBlk-upper dl dd{ display:table-cell; padding-left:16px; vertical-align:middle; }
.ftrBlk-upper dl dd img{ width:36px; height:36px; }
.ftrBlk-middle{ border-bottom:1px solid #1c7dc5; padding-bottom:80px; }
.ftrBlk-middle::after{ content:""; display:block; clear:both; }
.ftrBlk-middle-menu{ width:100%; float:left; }
.ftrMenu-main li{ margin-bottom:24px; width:100%; }
.ftrMenu-main li a{ color:#fff; display:block; font-size:14px; line-height:2.2rem; }
.ftrMenu-main li a::before{ background:#46b2e7; content:""; display:inline-block; position:relative; top:-5px; margin-right:8px; width:10px; height:1px; }
.ftrMenu-main li.ftrItem-txt1 a{ border-bottom:2px solid #1c7dc5; font-size:16px; font-weight:bold; margin-bottom:16px; padding-bottom:16px; }
.ftrMenu-main li.ftrItem-txt1 a::before{ display:none; }

.ftrBlk-middle-ms{ float:right; width:224px; }
.ftrBlk-middle-ms p{ color:#fff; }
.ftrBlk-middle-ms p img{ width:224px; height:auto; }
.ftrItem-ms{ font-weight:bold; line-height:2.2rem; padding-bottom:16px; }
.ftrBlk-lower{ height:80px; }
.ftrMenu-sub{ font-size:0; float:left; }
.ftrMenu-sub li{ display:inline-block; margin-right:32px; }
.ftrMenu-sub li a{ color:#8bccfc; font-size:14px; line-height:80px; }
.ftrMenu-sub li a:hover{ color:#fff; }
.ftrMenu-sub li.ftrItem-support-icon a{ background:rgba(255,255,255,0.8) url("../img/cmn/icon_support.svg") no-repeat left 12px center; background-size:24px 24px; font-weight:bold; border-radius:4px; color:#0069b7; text-align:center; padding:10px 16px 10px 44px; }
.ftrMenu-sub li.ftrItem-support-icon a:hover{ opacity:0.5; }
.ftrItem-copyright{ color:#8bccfc; font-size:14px; float:right; line-height:80px; }
body .ftrBlk-upper dl{}
body.home .ftrBlk-upper dl{ display:block; margin-top: 11px; }

/* Transition */
.hdr, .hdr-inr, nav ul li a, nav ul li a:visited, .hdrNav-sub-eng a, .ftrItem-logo a img, .ftrMenu-sub li a, .ftrMenu-main li a, .ftrItem-btnEnglish a, nav ul li .hdrNav-megMenu-purpose ol li a{ transition:all 0.3s ease; }

/* Hover */
.hdrNav-megMenu li a:hover, .ftrItem-logo a img:hover, .ftrMenu-main li a:hover{ opacity:0.5; }

/* Button */
.btnLv1-white a, .btnLv2-white a, .btnLv3-white a, .btnLv4-white a{ background:url(../img/cmn/arrow_white.svg) no-repeat; background-size:10px 16px; background-position:right 24px center; border:2px solid #fff; color:#fff; cursor:pointer; display:block; font-weight:bold; text-align:left; transition:ease 0.2s all; padding:0 24px; }
.btnLv1-white a:visited, .btnLv2-white a:visited, .btnLv3-white a, .btnLv4-white a:visited{ color:#fff; }
.btnLv1-white a:hover, .btnLv2-white a:hover, .btnLv3-white a:hover, .btnLv4-white a:hover{ background-color:#fff; background-image:url(../img/cmn/arrow_blue.svg); color:#0069b7; text-decoration:none; }
.btnLv2-white a{ font-size:1.6rem; line-height:44px; width:268px; height:48px; }
.btnLv3-white a{ font-size:1.8rem; line-height:52px; width:376px; height:56px; }
.btnLv4-white a{ font-size:1.8rem; line-height:52px; width:784px; height:56px; }
.btnLv1-blue a, .btnLv2-blue a, .btnLv3-blue a, .btnLv4-blue a{ background:#fff url(../img/cmn/arrow_blue.svg) no-repeat; background-size:10px 16px; background-position:right 24px center; border:2px solid #0068b7; color:#0068b7; cursor:pointer; display:block; font-weight:bold; text-align:left; transition:ease 0.2s all; padding:0 24px; text-decoration:none; }
.btnLv1-blue a:visited, .btnLv2-blue a:visited, .btnLv3-blue a:visited, .btnLv4-blue a:visited{ color:#0068b7; }
.btnLv1-blue a:hover, .btnLv2-blue a:hover, .btnLv3-blue a:hover, .btnLv4-blue a:hover{ background-color:#0069b7; background-image:url(../img/cmn/arrow_white.svg); color:#fff !important; }
.btnLv1-blue a{ background-size:7px 12px; background-position:right 12px center; border:1px solid #0068b7; font-size:1.4rem; line-height:34px; padding:0 12px; width:160px; height:36px; }
.btnLv2-blue a{ font-size:1.6rem; line-height:44px; width:268px; height:48px; }
.btnLv3-blue a{ font-size:1.8rem; line-height:52px; width:372px; height:56px; }
.btnLv4-blue a{ font-size:1.8rem; line-height:52px; width:100%; height:56px; }
.btnLv1-red a, .btnLv2-red a, .btnLv3-red a{ background:#c51c68 url(../img/cmn/arrow_white.svg) no-repeat; background-size:10px 16px; background-position:right 24px center; color:#fff; cursor:pointer; display:block; text-align:left; transition:ease 0.2s all; padding:0 24px; }
.btnLv1-red a:hover, .btnLv2-red a:hover, .btnLv3-red a:hover{ background-color:#e28db3; color:#fff !important; text-decoration:none; }
.btnLv1-red a:visited, .btnLv2-red a:visited, .btnLv3-red a:visited{ color:#fff; }
.btnLv1-red a{ background-size:7px 12px; background-position:right 12px center; font-size:1.4rem; line-height:36px; padding:0 12px; width:160px; height:36px; }
.btnLv2-red a{ font-size:1.8rem; line-height:48px; width:240px; height:48px; }
.btnLv3-red a{ font-size:2.0rem; line-height:56px; width:372px; height:56px; }

/* Layout */
.lFlex_2col{ display:flex; flex-wrap:nowrap; margin-left:-24px; }
.lFlex_2colw{ display:flex; flex-wrap:nowrap; margin-left:-80px; }
.lFlex_3col{ display:flex; flex-wrap:nowrap; margin-left:-24px; }
.lFlex_3colw{ display:flex; flex-wrap:nowrap; margin-left:-48px; }
.lFlex_4col{ display:flex; flex-wrap:nowrap; margin-left:-24px; }
.lFlex_5col{ display:flex; flex-wrap:nowrap; margin-left:-16px; }
.lFlex_5colw{ display:flex; flex-wrap:nowrap; margin-left:-48px; }
.lBox_2-1{ flex:1; margin-left:24px; min-height:0%; }
.lBox_2-1w{ flex:1; margin-left:80px; min-height:0%; }
.lBox_3-1{ flex:1 0 0px; margin-left:24px; min-height:0%; }
.lBox_3-1w{ flex:1 0 0px; margin-left:48px; min-height:0%; }
.lBox_3-2{ flex:2 0 24px; margin-left:24px; min-height:0%; }
.lBox_3-2w{ flex:2 0 48px; margin-left:48px; min-height:0%; }
.lBox_4-1{ flex:1 0 0px; margin-left:24px; min-height:0%; }
.lBox_4-2{ flex:2 0 24px; margin-left:24px; min-height:0%; }
.lBox_4-3{ flex:3 0 48px; margin-left:24px; min-height:0%; }
.lBox_5-1{ flex:1 0 0px; margin-left:16px; min-height:0%; }
.lBox_5-2w{ flex:2 0 0px; margin-left:48px; min-height:0%; }
.lBox_5-3w{ flex:3 0 48px; margin-left:48px; min-height:0%; }

/* page top */
#pgeTop{ background:rgba(113,175,223,0.6) url(../img/cmn/pagetop.svg) no-repeat; background-size:24px 16px; background-position:center center; cursor:pointer; display:none; position:fixed; bottom:20px; right:20px; text-align:center; width:80px; height:48px; z-index:99; }
#pgeTop a{ color:#fff; } 
#pgeTop:hover{ opacity:0.7; }

/* Background */
.bBlue{ background:rgb(0,129,204); background:linear-gradient(90deg, rgba(0,129,204,1) 0%, rgba(11,186,230,1) 100%); }
.bLblue{ background:#62cae5; }
.bGray{ background:#f5f5f5; }
.bWhite{ background:#fff; }

/* Function */
.fM0auto{ margin:0 auto; }
.fMiddle{ display:flex; justify-content:center; align-items:center; }
.fRelative{ position:relative; }
.fReverse{ flex-direction:row-reverse; }
.fClearfix::after{ content:""; display:block; clear:both; }
.fDisplay-sp{ display:none; }
.fDisplay-pc{ display:block; }
.fFloat-L{ float:left; }
.fFloat-R{ float:right; }
.fDisplay-no{ display:none; }
.fClearboth{ clear:both; }
.fFont0{ font-size:0; }
.fDisplayBlock{ display:block; }

/* Image */
.iRight{ float:right; padding:0 0 32px 32px; }
.iLeft{ float:left; padding:0 32px 32px 0; }
.iCenter{ text-align:center; }
.iBorder{ border:1px solid #ccc; }
.iHover{ transition:ease 0.2s opacity; }
.iHover:hover{ opacity:0.5; }

/* Margin */
.m1em{ margin-bottom:1em; }
.mLv1{ margin-bottom:16px; }
.mLv2{ margin-bottom:24px; }
.mLv3{ margin-bottom:32px; }
.mLv4{ margin-bottom:48px; }
.mLv5{ margin-bottom:56px; }
.mLv6{ margin-bottom:64px; }
.mLv7{ margin-bottom:96px; }
.mLv8{ margin-bottom:128px; }
.mLv9{ margin-bottom:160px; }
.m0{ margin:0 !important; }

/* Padding */
.pLv1{ padding-bottom:16px; }
.pLv2{ padding-bottom:24px; }
.pLv3{ padding-bottom:32px; }
.pLv4{ padding-bottom:48px; }
.pLv5{ padding-bottom:56px; }
.pLv6{ padding-bottom:64px; }
.pLv7{ padding-bottom:96px; }
.pLv8{ padding-bottom:128px; }
.pLv9{ padding-bottom:160px; }
.p0{ padding:0 !important; }

/* Text */
.t12{ font-size:1.2rem; font-weight:500; line-height:2.0rem; }
.t14{ font-size:1.4rem; font-weight:500; line-height:2.4rem; }
.t16{ font-size:1.6rem; font-weight:500; line-height:3.2rem; }
.t18{ font-size:1.8rem; font-weight:500; line-height:3.6rem; }
.t20{ font-size:2.0rem; font-weight:500; line-height:3.6rem; }
.t22{ font-size:2.2rem; font-weight:500; line-height:3.8rem; }
.t24{ font-size:2.4rem; font-weight:500; line-height:4.0rem; }
.t26{ font-size:2.6rem; font-weight:500; line-height:4.2rem; }
.t28{ font-size:2.8rem; font-weight:500; line-height:4.4rem; }
.t30{ font-size:3.0rem; font-weight:500; line-height:4.6rem; }
.tCenter{ text-align:center; }
.tCenter-pc{ text-align:center; }
.tLeft{ text-align:left; }
.tRight{ text-align:right; }
.tIndent{ padding-left:1em; text-indent:-1em; }
.tIndent-2{ padding-left:2em; text-indent:-2em; }
.tRed{ color:#ff0000; }
.tBlue{ color:#0068b7; }
.tWhite{ color:#fff; }
.tPink{ color:#ff0078; }
.tGray{ color:#999; }
.tMincho{ font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.tStrike{ text-decoration:line-through; }

/* Width */
.w10{ width:10%; }
.w15{ width:15%; }
.w20{ width:20%; }
.w25{ width:25%; }
.w30{ width:30%; }
.w35{ width:35%; }
.w40{ width:40%; }
.w45{ width:45%; }
.w50{ width:50%; }
.w55{ width:55%; }
.w60{ width:60%; }
.w65{ width:65%; }
.w70{ width:70%; }
.w75{ width:75%; }
.w80{ width:80%; }
.w85{ width:85%; }
.w90{ width:90%; }
.w95{ width:95%; }
.w100{ width:100%; }

/* TEL */
a[href^="tel:"]{ color:#0068b7; cursor:default; pointer-events:none; }
a[href^="tel:"]:hover{ text-decoration:none; }

/* IE Hack */
_:-ms-lang(x), body{ font-family:"メイリオ", Meiryo, sans-serif; }

/*******************************************/
/* responsive                              */
/*******************************************/
@media screen and (min-width: 768px) {
	/* Header */
	.hdrNav{ display:block !important; }
	.btn--cw{ height:70px; display:block; }
	.btn--cw::after{ content:""; position:absolute; top:inherit; bottom:0; left:0; width:0; height:3px; background:rgb(6,108,185); background:linear-gradient(90deg, rgba(6,108,185,1) 0%, rgba(0,221,254,1) 100%); }
	.btn--cw:hover::after{ width:100%; height:3px; }
	.hdrNav-sub .btn--cw{ height:32px; }
	body.products .hdrNav li.products > a::after, body.hp .hdrNav li.hp a::after, body.solution .hdrNav li.solution a::after, body.recruit .hdrNav li.recruit a::after, body.company .hdrNav li.company a::after, body.download .hdrNav li.download a::after, body.inquiry .hdrNav li.inquiry a::after{ content:""; position:absolute; top:inherit; bottom:0; left:0; width:100%; height:3px; background:rgb(6,108,185); background:linear-gradient(90deg, rgba(6,108,185,1) 0%, rgba(0,221,254,1) 100%); }
}

@media screen and (max-width:1298px) {
	/* Footer */
	.ftrBlk-middle-menu{ width:100%; float:left; }
	.ftrBlk-middle-ms p img{ width:160px; height:auto; }
	.ftrBlk-middle-ms{ float:right; width:150px; }
}

@media screen and (max-width:1199px) {
	/* Header */
    nav ul.hdrNav{ left:240px; }
	nav ul li{ padding:0 8px; }
	nav ul li a{ font-size:15px; }
	nav ul.hdrNav li.li-cmp{ right:190px; padding:0 8px 0 0; }
	nav ul.hdrNav li.li-dwl{ right:91px; padding:0 8px 0 0; }
}

@media screen and (max-width:767px) {
	/* Basic */
	body{ min-width:320px; }
	main{ display:block; width:100%; }

	/* Header */
	.hdr{ height:64px; min-width:100%; }
	.hdr-inr{ width:100%; min-width:320px; height:64px; }
	.hdrItem-logo{ top:0; left:0; background:#fff; width:100%; height:64px; }
	.hdrItem-logo img{ width:132px; height:44px; position:absolute; top:10px; left:16px; }
	.hdrNav-button-sp{ display:block; top:-64px; }
	.hdrNav-dropdown{ position:static; background:#fff; width:100%; height:auto; }
	nav{ position:absolute; top:64px; left:0; padding:0; width:100%; z-index:100; }
	nav ul{ display:none; }
	nav ul li a{ display:block; font-size:1.6rem; line-height:1; padding:16px;  }
	nav ul.hdrNav{ background:#fff; border-top:1px solid #e4e7ec; overflow:scroll; position:static; width:100%; height:calc(100vh - 64px); }
	nav ul.hdrNav > li{ border-bottom:1px solid #e4e7ec; display:block; padding:0; width:100%; }
	nav ul.hdrNav li.hdrItem-bgiArrow{ background-size:24px 13px; background-position:right 21px top 16px; }
	nav ul.hdrNav li.hdrNav-sub{ background:none; }
	nav ul.hdrNav li.hdrNav-sub a{ font-size:1.6rem; line-height:1; padding:16px; }
	nav ul.hdrNav li.li-cmp{ position:static; }
	nav ul.hdrNav li.li-dwl{ position:static; }
	nav ul.hdrNav li.li-inq{ position:static; }
	nav ul.hdrNav li.hdrSearch{ border-bottom:none; padding:16px; position:static; width:100%; }
	nav ul.hdrNav li.hdrNav-sub-eng{ border-bottom:none; display:inline-block; padding:0 8px 16px 16px; position:static; width:50%; }
	nav ul.hdrNav li.hdrNav-sub-eng a{ font-size:1.4rem; padding:6px 0; width:100%; height:auto; }
	nav ul.hdrNav li.hdrNav-sitemap{ border-bottom:none; display:inline-block; padding:0 16px 16px 8px; width:50%; }
	nav ul.hdrNav li.hdrNav-sitemap a{ background:#efefef; border:1px solid #ccc; font-size:1.4rem; line-height:22px; padding:6px 0; text-align:center; width:100%; height:auto; }
	/* Header toggle */
	#hdrNav-toggle{ position:absolute; left:14px; top:30px; cursor:pointer; padding:0; width:36px; height:23px; }
	#hdrNav-toggle span, #hdrNav-toggle span:before, #hdrNav-toggle span:after{ cursor:pointer; height:3px; width:36px; background:#333; position:absolute; display:block; content:""; transition:all 0.3s ease-in-out; }
	#hdrNav-toggle span:before{ top:-10px; }
	#hdrNav-toggle span:after{ bottom:-10px; }
	#hdrNav-toggle.active span{ background-color:transparent; }
	#hdrNav-toggle.active span:before, #hdrNav-toggle.active span:after{ top:0; }
	#hdrNav-toggle.active span:before{ transform:rotate(45deg); }
	#hdrNav-toggle.active span:after{ transform:rotate(-45deg); }
	/* Header google search */
	table.gsc-search-box{ height:40px; }
	.cse .gsc-search-button-v2, .gsc-search-button-v2{ height:40px !important; }
	input.gsc-input{ font-size:1.6rem !important; }
	.gsc-search-box-tools .gsc-search-box .gsc-input{ width: 100% !important; }
	/* Header nav tab */
	.tab-header-wrapper{ display:block; width:100%; min-width:100%; }
	.tab-header{ background:#0068b7; border-top:none; border-left:none; border-bottom:1px solid #1C7DC4; font-size:1.6rem; line-height:1; padding-left:16px; }
	.tab-header:last-child{ border-bottom:none; }
	.tab-header-active{ color:#fff !important; }
	.tab-body-wrapper{ display:none; }
	
	/* Footer */
	.ftr-inr{ padding:7.2vh 0 0; width:calc(100% - 32px); max-width:initial; min-width:288px; }
	.ftrBlk-upper{ margin-bottom:4.0vh; padding-bottom:16px; }
	.ftrItem-logo{ margin:0 48px 16px 0; }
	.ftrItem-logo img{ width:132px; height:44px; }
	.ftrItem-btnEnglish{ float:right; margin-top:10px; }
	.ftrBlk-upper dl{ border-top:1px solid #1c7dc5; clear:both; display:table; float:none; padding-top:16px; width:100%; }
	.ftrBlk-upper dl dt{ text-align:right; width:calc(100% - 156px); }
	.ftrBlk-upper dl dd{ width:52px; }
	.ftrBlk-middle{ padding-bottom:5.6vh; }
	.ftrBlk-middle-menu{ width:100%; float:none; }
	.ftrMenu-main{ font-size:0; }
	.ftrMenu-main li{ display:inline-block; margin-bottom:16px; width:50%; }
	.ftrMenu-main li.ftrItem-txt1{ display:block; width:100%; }
	.ftrBlk-middle-ms{ float:none; margin:0 auto; text-align:center; }
	.ftrBlk-lower{ height:auto; padding:3.2vh 0 56px; }
	.ftrMenu-sub{ font-size:0; float:none; }
	.ftrMenu-sub li{ margin-right:16px; }
	.ftrMenu-sub li a{ line-height:28px; }
	.ftrMenu-sub li.ftrItem-support-icon{ display:none; }
	.ftrItem-copyright{ float:none; line-height:28px; }

	/* Button */
	.btnLv2-white a{ width:100%; }
	.btnLv3-white a{ width:100%; }
	.btnLv4-white a{ width:100%; }
	.btnLv2-blue a{ width:100%; }
	.btnLv3-blue a{ width:100%; }
	.btnLv2-red a{ width:100%; }
	.btnLv3-red a{ width:100%; }
	
	/* Layout */
	.lFlex_2col, .lFlex_2colw, .lFlex_3col, .lFlex_3colw, .lFlex_4col, .lFlex_5col, .lFlex_5colw{ display:block; margin-left:0; }
	.lBox_2-1, .lBox_2-1w, .lBox_3-1, .lBox_3-1w, .lBox_3-2, .lBox_3-2w, .lBox_4-1, .lBox_4-3, .lBox_5-1, .lBox_5-2w, .lBox_5-3w{ margin-left:0; margin-bottom:4.0vh; }
	.lBox_2-1:last-child, .lBox_2-1w:last-child, .lBox_3-1:last-child, .lBox_3-1w:last-child, .lBox_3-2:last-child, .lBox_3-2w:last-child, .lBox_4-1:last-child, .lBox_4-3:last-child, .lBox_5-1:last-child, .lFlex_5colw > div:last-child{ margin-bottom:0; }
	
	/* page top */
	#pgeTop{ background:rgba(113,175,223,1) url(../img/cmn/pagetop.svg) no-repeat; background-size:24px 16px; background-position:center center; bottom:0; right:0; }
	#pgeTop:hover{ opacity:1; }

	/* Function */
	.fRelease{ display:block; }
	.fDisplay-sp{ display:block; }
	.fDisplay-pc{ display:none; }
	.fFloat-L{ float:none; }
	.fFloat-R{ float:none; }

	/* Image */
	.iRight{ float:none; padding:0 0 32px 0; }
	.iLeft{ float:none; padding:0 0 32px 0; }

	/* Margin */
	.mLv1{ margin-bottom:16px; }
	.mLv2{ margin-bottom:2.4vh; }
	.mLv3{ margin-bottom:3.2vh; }
	.mLv4{ margin-bottom:4.8vh; }
	.mLv5{ margin-bottom:5.6vh; }
	.mLv6{ margin-bottom:6.4vh; }
	.mLv7{ margin-bottom:9.6vh; }
	.mLv8{ margin-bottom:12.8vh; }
	.mLv9{ margin-bottom:16.0vh; }

	/* Padding */
	.pLv1{ padding-bottom:16px; }
	.pLv2{ padding-bottom:2.4vh; }
	.pLv3{ padding-bottom:3.2vh; }
	.pLv4{ padding-bottom:4.8vh; }
	.pLv5{ padding-bottom:5.6vh; }
	.pLv6{ padding-bottom:6.4vh; }
	.pLv7{ padding-bottom:9.6vh; }
	.pLv8{ padding-bottom:12.8vh; }	
	.pLv9{ padding-bottom:16.0vh; }
	
	/* Text */
	.tCenter-pc{ text-align:left; }
	
	/* Width */
	.w10{ width:100%; }
	.w15{ width:100%; }
	.w20{ width:100%; }
	.w25{ width:100%; }
	.w30{ width:100%; }
	.w35{ width:100%; }
	.w40{ width:100%; }
	.w45{ width:100%; }
	.w50{ width:100%; }
	.w55{ width:100%; }
	.w60{ width:100%; }
	.w65{ width:100%; }
	.w70{ width:100%; }
	.w75{ width:100%; }
	.w80{ width:100%; }
	.w85{ width:100%; }
	.w90{ width:100%; }
	
	/* TEL */
	a[href^="tel:"]{ pointer-events:auto; }
}

/*******************************************/
/* print                              */
/*******************************************/

@media print {
	body{ width:1024px; transform:scale(0.8); transform-origin:0 0; }
	.printBreak{ page-break-before:always; }/* 印刷用　ページ送り位置調整 */
	.printVisible{ opacity:1 !important; visibility:visible !important; transform:none !important; }/* 印刷時　アニメーション部分の表示 */
	.hdr{ position:absolute; top:0; }
	
	/* IE Hack */
	_:-ms-lang(x), body{ width:1024px; transform:scale(1); }
}