@charset "UTF-8";
/*----------------------------------------------------------------------------------------------------------------------------------------
初期設定
----------------------------------------------------------------------------------------------------------------------------------------*/
/* =============== 標準化 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, i, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,time, mark, audio, video
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;}
html {overflow-y:scroll;}
body {-webkit-text-size-adjust:100%;}
ul {margin:0; padding:0; list-style-type:none;}
ol {margin:0; padding:0 0 0 1.6em;}
p {margin:0;}
a {outline:none; background:transparent;}
a:focus, a:active, a:hover {outline:none;}
small {font-size:80%;}
sub, sup {font-size:70%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-.5em;}
sub {bottom:-.25em;}
button, input, select, textarea {font-family:inherit; font-size:100%; margin:0;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top;}
table {border-collapse:collapse; border-spacing:0;}
caption {text-align:left;}
img {border:0; vertical-align:bottom;}
/* =============== 汎用スタイルライブラリ */
/* ------ 配置 */
a:hover img {filter:alpha(opacity=80); opacity:.8;}
.clear {clear:both;}
br.clear {line-height:0;}
.clearfix {zoom:1;}
.clearfix:after {content:""; display:block; clear:both;}
.center, .ctr {text-align:center!important;}
.blkC {display:block; margin-left:auto!important; margin-right:auto!important;}
.txR {text-align:right!important;}
.txL {text-align:left!important;}
.flR {float:right; margin:0 0 10px 15px;}
.flL {float:left; margin:0 15px 10px 0;}
.inBlk, .IB, .spanIB > span {display:inline-block;}
.vmid {vertical-align:middle;}
.tight {letter-spacing:-.02em;}
.nowrap {white-space:nowrap;}
.full {width:100%;}
.lh15 {line-height:1.5;}
img.mw100, .mw100 img {max-width:100%;}
@media print, screen and (min-width:601px) {
.pcCenter {text-align:center;}
.pcLH2 {line-height:2.2;}
}
/* ------ テキスト装飾 */
a {color:#1a1a1a;}
a.disabled {cursor:default;}
.note {font-size:85%; line-height:1.5; color:#707070;}
.bold {font-weight:bold;}
.it {font-style:italic;}
.lg1 {font-size:108%;} .lg2 {font-size:116%;} .lg3 {font-size:123.1%;} .lg4 {font-size:131%;} .lg5 {font-size:138.5%;}
.sm1 {font-size:93%;} .sm2 {font-size:85%;} .sm3 {font-size:77%;} .sm4 {font-size:70%;}
.red {color:#e36;}
.green {color:#17A046;}
.gray {color:#707070;}
.underline {text-decoration:underline}
.borderedImg img, img.borderedImg {border:1px #999 solid; box-sizing:border-box;}
.min {font-family:"游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight:700; transform:rotate(.03deg);}
blockquote {border-left:5px #ccc solid; border-left-color:rgba(0,30,60,.1); padding-left:12px;}
.japanese { font-family: メイリオ;}
/* ------ スペース */
/* margin-top */
.mt0 {margin-top:0!important;} .mt03 {margin-top:.3em!important;} .mt06 {margin-top:.6em!important;} .mt08 {margin-top:.8em!important;} .mt1 {margin-top:1em!important;} .mt15 {margin-top:1.5em!important;} .mt2 {margin-top:2em!important;} .mt10 {margin-top:10px!important;} .mt20 {margin-top:20px!important;} .mt25 {margin-top:25px!important;} .mt30 {margin-top:30px!important;} .mt35 {margin-top:35px!important;} .mt40 {margin-top:40px!important;} .mt50 {margin-top:50px!important;} .mt60 {margin-top:60px!important;} .mt70 {margin-top:70px!important;} .mt80 {margin-top:80px!important;}
/* margin-bottom */
.mb0 {margin-bottom:0!important;} .mb03 {margin-bottom:.3em!important;} .mb06 {margin-bottom:.6em!important;} .mb1 {margin-bottom:1em!important;} .mb15 {margin-bottom:1.5em!important;} .mb2 {margin-bottom:2em!important;} .mb10 {margin-bottom:10px!important;} .mb20 {margin-bottom:20px!important;} .mb25 {margin-bottom:25px!important;} .mb30 {margin-bottom:30px!important;} .mb35 {margin-bottom:35px!important;} .mb40 {margin-bottom:40px!important;} .mb50 {margin-bottom:50px!important;} .mb60 {margin-bottom:60px!important;} .mb70 {margin-bottom:70px!important;} .mb80 {margin-bottom:80px!important;}
/* vertical margin */
.mv0 {margin-top:0!important; margin-bottom:0!important;} .mv03 {margin-top:.3em!important; margin-bottom:.3em!important;} .mv06 {margin-top:.6em!important; margin-bottom:.6em!important;} .mv1 {margin-top:1em!important; margin-bottom:1em!important;} .mv15 {margin-top:1.5em!important; margin-bottom:1.5em!important;} .mv2 {margin-top:2em!important; margin-bottom:2em!important;} .mv10 {margin-top:10px!important; margin-bottom:10px!important;} .mv20 {margin-top:20px!important; margin-bottom:20px!important;} .mv25 {margin-top:25px!important; margin-bottom:25px!important;} .mv30 {margin-top:30px!important; margin-bottom:30px!important;} .mv35 {margin-top:35px!important; margin-bottom:35px!important;} .mv40 {margin-top:40px!important; margin-bottom:40px!important;} .mv50 {margin-top:50px!important; margin-bottom:50px!important;} .mv60 {margin-top:60px!important; margin-bottom:60px!important;} .mv70 {margin-top:70px!important; margin-bottom:70px!important;} .mv80 {margin-top:80px!important; margin-bottom:80px!important;}
/* margin-left */
.ml03 {margin-left:.3em!important;} .ml06 {margin-left:.6em!important;} .ml08 {margin-left:.8em!important;} .ml1 {margin-left:1em!important;} .ml15 {margin-left:1.5em!important;} .ml2 {margin-left:2em!important;} .ml10 {margin-left:10px!important;} .ml20 {margin-left:20px!important;} .ml25 {margin-left:25px!important;} .ml30 {margin-left:30px!important;} .ml35 {margin-left:35px!important;} .ml40 {margin-left:40px!important;} .ml50 {margin-left:50px!important;} .ml60 {margin-left:60px!important;} .ml70 {margin-left:70px!important;} .ml80 {margin-left:80px!important;}
/* padding-left */
.pl10 {padding-left:10px!important;} .pl20 {padding-left:20px!important;} .pl25 {padding-left:25px!important;} .pl30 {padding-left:30px!important;} .pl35 {padding-left:35px!important;} .pl40 {padding-left:40px!important;} .pl50 {padding-left:50px!important;} .pl60 {padding-left:60px!important;} .pl70 {padding-left:70px!important;} .pl80 {padding-left:80px!important;}
@media screen and (max-width: 600px){
.to-mb20{
margin-bottom: 20px !important;
}
}
/* ------ ul, ol */
ul.disc {list-style-type:disc; padding-left:1.5em;}
ul.square {list-style-type:square; padding-left:1.5em;}
.lowerAlpha {list-style:lower-alpha; padding-left:1.5em;}
.lowerRoman {list-style-type:lower-roman;}
.upperRoman {list-style-type:upper-roman;}
.lm03 > li + li {margin-top:.3em;}
.lm06 > li + li {margin-top:.6em;}
/* スラッシュ区切り */
.slashed > li {display:inline-block;}
.slashed > li:after {display:inline-block; content:"/"; margin:0 .4em; transform:rotate(20deg); color:#555;}
.slashed > li:last-child:after {display:none;}
/* 読点区切り */
.ten > li {display:inline-block;}
.ten > li:after {display:inline-block; content:"、";}
.ten > li:last-child:after {display:none;}
/* 番号かっこ囲み */
.kakko {list-style:none; counter-reset:num; padding-left:2.5em;}
.kakko > li:before {counter-increment:num; content:"(" counter(num) ")"; display:inline-block; width:2.5em; margin-left:-2.5em; text-align:center;}
/* 番号丸囲み */
ol.circled {list-style-type:none;}
ol.circled > li:before {display:inline-block; width:1.2em; margin:0 .1em 0 -1.3em;}
ol.circled > li:nth-child(1):before {content:"1)";} ol.circled > li:nth-child(2):before {content:"2)";} ol.circled > li:nth-child(3):before {content:"3)";} ol.circled > li:nth-child(4):before {content:"4)";} ol.circled > li:nth-child(5):before {content:"5)";} ol.circled > li:nth-child(6):before {content:"6)";} ol.circled > li:nth-child(7):before {content:"7)";} ol.circled > li:nth-child(8):before {content:"8)";} ol.circled > li:nth-child(9):before {content:"9)";} ol.circled > li:nth-child(10):before {content:"10)";} ol.circled > li:nth-child(11):before {content:"11)";} ol.circled > li:nth-child(12):before {content:"12)";} ol.circled > li:nth-child(13):before {content:"13)";} ol.circled > li:nth-child(14):before {content:"14)";} ol.circled > li:nth-child(15):before {content:"15)";} ol.circled > li:nth-child(16):before {content:"16)";} ol.circled > li:nth-child(17):before {content:"17)";} ol.circled > li:nth-child(18):before {content:"18)";} ol.circled > li:nth-child(19):before {content:"19)";} ol.circled > li:nth-child(20):before {content:"20)";}
.liIB > li {display:inline-block; margin-right:1.5em;}
/* ------ table */
table {margin-top:.6em; margin-bottom:.6em; border:#17A046 solid; border-width:2px 0;}
th, td {padding:1em; border:1px #989898 solid; line-height:1.4; vertical-align:middle;}
tr > *:first-child {border-left:0;}
tr > *:last-child {border-right:0;}
th {border-color:#17A046; border-bottom-width:2px; color:#17A046; text-align:center; font-weight:bold;}
td {background:#fff;}
.thead th, .thead td {border-color:#17A046; border-bottom-width:2px;}
.almostFull {width:98%; margin-left:1%; margin-right:1%;}
.tdCenter td, .tdC td, .td1Center td:nth-child(1), .td2Center td:nth-child(2), .td3Center td:nth-child(3), .td4Center td:nth-child(4), .td5Center td:nth-child(5) {text-align:center;}
.tdLeft td, .tdL td, .td1L td:nth-child(1), .td1L td[rowspan]:first-child + td, .td2L td:nth-child(2), .td3L td:nth-child(3), .td4L td:nth-child(4), .td5L td:nth-child(5) {text-align:left;}
.tdRight td, .tdR td, .td1R td:nth-child(1), .td2R td:nth-child(2), .td3R td:nth-child(3), .td4R td:nth-child(4), .td5R td:nth-child(5) {text-align:right;}
.noWr2 *:nth-child(2), .noWr3 *:nth-child(3), .noWr4 *:nth-child(4), .noWr5 *:nth-child(5), .noWr6 *:nth-child(6) {white-space:nowrap;}
.tate1 {display:inline-block; width:1em; text-align:center;}
.tate90 {display:inline-block; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); transform-origin:50% 50%;}
.plain th, .plain td {padding:.2em; border:0; background:none;}
@media screen and (max-width:600px){
th, td {padding:.4em;}
}
/* ------ 横方向の段組 */
.col2, .col3, .col4, .col5, .col2m, .col3m, .col4m, .col5m, .pcCol2, .pcCol3, .pcCol4, .pcCol5, .pcCol2m, .pcHalfBlocks, .pcCol3m, .pcCol4m, .pcCol5m, .spCol2, .spCol3, .spCol4, .spCol5, .spCol2m, .spCol3m, .spCol4m, .spCol5m {overflow:hidden; padding:0; list-style-type:none;}
.col2 > *, .col3 > *, .col4 > *, .col5 > * {position:relative; float:left; margin:0 0 20px; box-sizing:border-box;}
.col2 > * {width:50%;} .col3 > * {width:33.333%;} .col4 > * {width:25%;} .col5 > * {width:20%;}
.col2 > *:nth-child(2n+1), .col3 > *:nth-child(3n+1), .col4 > *:nth-child(4n+1), .col5 > *:nth-child(5n+1) {clear:left;}
.col2m > *:nth-child(n), .col3m > *:nth-child(n), .col4m > *:nth-child(n), .col5m > *:nth-child(n) {position:relative; top:-20px; float:left; margin:20px 0 0 20px; box-sizing:border-box;}
.col2m > * {width:calc((100% - 20px) / 2);}
.col3m > * {width:calc(100% - 40px) / 3);}
.col3m.-m25 > * {width:calc(100% - 50px) / 3 - 1px); margin-left:25px;}
.col4m > * {width:calc(100% - 60px) / 4);}
.col5m > * {width:calc(100% - 70px) / 5);}
.col2m > *:nth-child(2n+1), .col3m > *:nth-child(3n+1), .col4m > *:nth-child(4n+1), .col5m > *:nth-child(5n+1) {clear:left; margin-left:0;}
.pcHalfBlocks img {max-width:100%;}
@media screen and (min-width:601px){
.pcCol2 > *, .pcCol3 > *, .pcCol4 > *, .pcCol5 > * {position:relative; top:-20px; float:left; margin:20px 0 0 20px;}
.pcCol2 > * {width:50%;} .pcCol3 > * {width:33.333%;} .pcCol4 > * {width:25%;} .pcCol5 > * {width:20%;}
.pcCol2 > *:nth-child(2n+1), .pcCol3 > *:nth-child(3n+1), .pcCol4 > *:nth-child(4n+1), .pcCol5 > *:nth-child(5n+1) {clear:left; margin-left:0;}
.pcCol2m > *:nth-child(n), .pcCol3m > *:nth-child(n), .pcCol4m > *:nth-child(n), .pcCol5m > *:nth-child(n) {position:relative; top:-20px; float:left; margin:20px 0 0 20px;}
.pcCol2m > * {width:calc((100% - 20px) / 2);}
.pcHalfBlocks > * {float:left; width:calc((100% - 60px) / 2 - 1px); margin-left:60px; box-sizing:border-box;}
.pcHalfBlocks > *:nth-child(n+3) {margin-top:40px;}
.pcCol3m > * {width:calc((100% - 40px) / 3);}
.pcCol3m.-m25 > * {width:calc((100% - 50px) / 3 - 1px); margin-left:25px;}
.pcCol4m > * {width:calc((100% - 60px) / 4);}
.pcCol5m > * {width:calc((100% - 70px) / 5);}
.pcCol2m > *:nth-child(2n+1), .pcHalfBlocks > *:nth-child(2n+1), .pcCol3m > *:nth-child(3n+1), .pcCol4m > *:nth-child(4n+1), .pcCol5m > *:nth-child(5n+1) {clear:left; margin-left:0;}
}
@media screen and (max-width:600px){
.spCol2 > *, .spCol3 > *, .spCol4 > *, .spCol5 > * {position:relative; -20px float:left; margin:20px 0 0 20px;}
.spCol2 > * {width:50%;} .spCol3 > * {width:33.333%;} .spCol4 > * {width:25%;} .spCol5 > * {width:20%;}
.spCol2 > *:nth-child(2n+1), .spCol3 > *:nth-child(3n+1), .spCol4 > *:nth-child(4n+1), .spCol5 > *:nth-child(5n+1) {clear:left;}
.spCol2m > *:nth-child(n), .spCol3m > *:nth-child(n), .spCol4m > *:nth-child(n), .spCol5m > *:nth-child(n) {position:relative; top:-20px; float:left; margin:20px 0 0 20px;}
.spCol2m > * {width:calc((100% - 20px) / 2);}
.spCol3m > * {width:calc(100% - 40px) / 3);}
.spCol4m > * {width:calc(100% - 60px) / 4);}
.spCol5m > * {width:calc(100% - 70px) / 5);}
.spCol2m > *:nth-child(2n+1), .spCol3m > *:nth-child(3n+1), .spCol4m > *:nth-child(4n+1), .spCol5m > *:nth-child(5n+1) {clear:left; margin-left:0;}
[class*="pcCol"]:not([class*="spCol"]) > * + * {margin-top:20px;}
.pcHalfBlocks:not([class*="spCol"]) > * + *,
.pcCol3m.-m25:not([class*="spCol"]) > * + * {margin-top:35px;}
.pcHalfBlocks.-spNarrow:not([class*="spCol"]) > * + * {margin-top:20px;}
}
/* .idt: 直下第一要素をヘッダとするインデント */
.idt1 {padding-left:1em!important;}
ul.idt1 > li > *:first-child, .idt1:not(ul) > *:first-child {display:inline-block; width:1em; margin-left:-1em;}
.idt15 {padding-left:1.5em!important;}
ul.idt15 > li > *:first-child, .idt15:not(ul) > *:first-child {display:inline-block; width:1.5em; margin-left:-1.5em;}
.idt2 {padding-left:2em!important;}
ul.idt2 > li > *:first-child, .idt2:not(ul) > *:first-child {display:inline-block; width:2em; margin-left:-2em;}
.idt25 {padding-left:2.5em!important;}
ul.idt25 > li > *:first-child, .idt25:not(ul) > *:first-child {display:inline-block; width:2.5em; margin-left:-2.5em;}
.idt3 {padding-left:3em!important;}
ul.idt3 > li > *:first-child, .idt3:not(ul) > *:first-child {display:inline-block; width:3em; margin-left:-3em;}
.idt4 {padding-left:4em!important;}
ul.idt4 > li > *:first-child, .idt4:not(ul) > *:first-child {display:inline-block; width:4em; margin-left:-4em;}
.idt5 {padding-left:5em!important;}
ul.idt5 > li > *:first-child, .idt5:not(ul) > *:first-child {display:inline-block; width:5em; margin-left:-5em;}
.idt6 {padding-left:6em!important;}
ul.idt6 > li > *:first-child, .idt6:not(ul) > *:first-child {display:inline-block; width:6em; margin-left:-6em;}
.idt7 {padding-left:7em!important;}
ul.idt7 > li > *:first-child, .idt7:not(ul) > *:first-child {display:inline-block; width:7em; margin-left:-7em;}
.idt8 {padding-left:8em!important;}
ul.idt8 > li > *:first-child, .idt8:not(ul) > *:first-child {display:inline-block; width:8em; margin-left:-8em;}
[class*="idt"] * {text-indent:0;}
/* メールフォームPHP関係 */
.sizeL {width:93%;}
.sizeM {width:70%;}
.sizeS {width:50%; min-width:150px;}
.sizeSS {width:12%; min-width:80px;}
input, select, textarea {margin:2px;}
textarea {width:93%; height:10em; margin:2px;}
.error, .error_messe {color:#e35; font-size:85%;}
.error_messe + .error_messe {margin-top:-.4em;}
input, select, textarea {position:relative; padding:.4em; background:#eee; border:0; box-sizing:border-box; border-radius:0;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:20px; border-radius:0; background:#eee url('data:image/svg+xml;charset=UTF-8,') no-repeat 100% 50%; background-size:24px auto;}
select:after {content:""; position:absolute; right:10px; top:calc(50% - 5px); display:block; border-left:10px transparent solid; border-bottom:10x #1a1a1a solid; transform:rotate(45deg);}
.formTable {width:100%; margin:25px 0;}
.formTable th {width:25%; padding:.8em 0; border-top:1px #bbb dotted; font-weight:bold; text-align:left;}
.formTable td {width:75%; padding:.8em 0; border-top:1px #bbb dotted;}
.formTable tr:first-child > * {border-top:0;}
@media print, screen and (min-width:601px) {
.pcSizeM {width:50%;}
.pcSizeS {width:25%;}
.pcSizeSS {width:15%;}
}
@media screen and (max-width:600px){
input[type="text"], .sizeL, .sizeM, input[type="search"], textarea {width:93%; box-sizing:border-box;}
.pcSizeM, .pcSizeS, .pcSizeSS {max-width:93%;}
.formTable, .formTable tbody, .formTable tr {display:block;}
.formTable th, .formTable td {display:block; width:auto; padding:.4em 0; border:0;}
.formTable th {padding:.4em .6em; font-weight:500; background:#F1F3F6;}
.formTable tr + tr {margin-top:15px;}
}
/* ------ その他レスポンシブ */
@media print, screen and (min-width:601px) {
.sp, .sp.IB {display:none!important;}
.pcIB {display:inline-block;}
.pcFlL {float:left;}
.pcFlR {float:right;}
.pcFlL.pcPad {padding-left:20px; padding-bottom:15px; box-sizing:border-box;}
.pcFlR.pcPad {padding-right:20px; padding-bottom:15px; box-sizing:border-box;}
[class*="pcW"] {box-sizing:border-box;}
.pcW10 {width:10%;} .pcW15 {width:15%;} .pcW20 {width:20%;} .pcW25 {width:25%;} .pcW30 {width:30%;} .pcW35 {width:35%;} .pcW40 {width:40%;} .pcW45 {width:45%;} .pcW50 {width:50%;} .pcW55 {width:55%;} .pcW60 {width:60%;} .pcW65 {width:65%;} .pcW70 {width:70%;} .pcW75 {width:75%;} .pcW80 {width:80%;} .pcW85 {width:85%;} .pcW90 {width:90%;}
img[src*="[sp]."] {display:none;}
}
@media screen and (max-width:600px) {
img {max-width:100%; height:auto;}
.pc {display:none!important;}
.sp, .spBL {display:block;}
.sp.IB, .spIB {display:inline-block;}
.sp.IL {display:inline;}
div.sp, p.sp {display:block;}
img.sp, br.sp {display:inline-block;}
span.sp {display:inline;}
.spCtr {text-align:center;}
.spMt20 {margin-top:20px!important;}
[class*="spW"] {box-sizing:border-box;}
.spW10 {width:30%;} .spW15 {width:35%;} .spW20 {width:30%;} .spW25 {width:35%;} .spW30 {width:30%;} .spW35 {width:35%;} .spW40 {width:40%;} .spW45 {width:45%;} .spW50 {width:50%;} .spW55 {width:55%;} .spW60 {width:60%;} .spW65 {width:65%;} .spW70 {width:70%;} .spW75 {width:75%;} .spW80 {width:80%;} .spW85 {width:85%;} .spW90 {width:90%;}
img[src*="[pc]."] {display:none;}
.tableWrap {position:relative; overflow:auto; margin:10px 0;}
.tableWrap__after {display:block; height:27px; margin-top:15px; background:url(../../images/common/icon_spscroll.png) no-repeat 50% 0; background-size:36px auto;}
}
/*----------------------------------------------------------------------------------------------------------------------------------------
レイアウト
----------------------------------------------------------------------------------------------------------------------------------------*/
/* =============== 全体 */
body {font:14.5px/1.6 "Noto Sans JP", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; color:#1a1a1a; font-feature-settings:"pkna";}
h2, .h2, h3, .h3, h4, .h4 {line-height:1.4;}
.content {margin:0 auto; position:relative;} /* メインコンテンツ等 最小幅設定用 */
.content:after {content:""; display:block; clear:both;}
@media screen and (max-width:1023px) {
#dim {width:100%; height:100%; position:fixed; top:0; left:0; z-index:10; background:rgba(0,0,0,.4); display:none; z-index:9000;}
}
@media print, screen and (min-width:601px) {
.pageFooter {min-width:1100px;}
.content {width:1000px;}
}
@media screen and (max-width:600px) {
.pageHeader, .pageFooter {min-width:320px;}
.content {width:auto; margin:0 15px;}
}
/* =============== ヘッダ */
.pageHeader {position:fixed; left:0; top:0; z-index:10001; box-sizing:border-box; width:100%; background:rgba(255,255,255,.93); transition:padding .3s; box-shadow:0 0 10px rgba(0,0,0,.1)}
.pageHeader a {text-decoration:none;}
.pageHeader .__siteName {transition:padding .2s;}
.pageHeader .__siteName > a {display: flex;align-items: center;}
.pageHeader .__siteName img {transition:width .1s;}
.pageHeader .__langSwitch {overflow:hidden;}
.pageHeader .__langSwitch > li {float:left; width:3.5em; border:1px #17A046 solid;}
.pageHeader .__langSwitch > li > * {display:block; background:#fff; line-height:26px; text-align:center; letter-spacing:.08em; font-weight:500;}
.pageHeader .__langSwitch > li > span {background:#17A046; color:#fff;}
.headIcon {
position: absolute;
top: 0;
right:2%;
display: flex;
height: 110px;
align-items: center;
}
.headIcon .langLink {
display: block;
position: relative;
width: 100%;
}
.langLink .langWrap {
display: none;
position: absolute;
top: 50px;
left: 50%;
width: 100px;
transform: translateX(-50%);
}
.langLink .langWrap.langOpen {
display: block;
}
.langLink .langWrap li {
line-height: 1.0;
display: block;
float: none;
}
.langLink .langWrap li a {
display: block;
background: #fff;
text-align: center;
padding: 10px;
}
.headIcon li:nth-child(n + 2) {
margin-left: 30px;
}
.langLink .langWrap li:nth-child(n + 2) {
margin-left: 0;
}
.searchWrap {
position: fixed;
top: 110px;
left: 0;
width: 100%;
background: rgba(219,219,219,0.9);
box-sizing: border-box;
padding: 35px 0;
display: none;
}
.searchWrap.searchOpen {
display: block;
}
.searchArea {
position: relative;
background: #fff;
width: 650px;
margin: 0 auto;
}
input.serachText {
background: #fff;
box-sizing: border-box;
width: 92%;
height: 60px;
}
input.serachSubmit {
background: url("../../images/common/loupe_icon.png") left top no-repeat;
width: 26px;
height: 29px;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.langBtn,
.searchBtn {
cursor: pointer;
}
.langBtn:hover img,
.searchBtn:hover img {
opacity: 0.7;
}
@media screen and (max-width:1200px) {
.headIcon {
right:60px;
height: 60px;
}
.headIcon li:nth-child(1) {
display: none;
}
.headIcon li:nth-child(2) {
margin-left: 0;
}
.headIcon .langWrap li:nth-child(1) {
display: block;
}
.searchWrap {
display: block;
position: static;
background: none;
padding: 30px 5%;
}
.searchArea {
position: relative;
background: #d8d8d8;
width: auto;
}
input.serachText {
background: #d8d8d8;
box-sizing: border-box;
width: 88%;
height: 40px;
}
input.serachSubmit {
right: 10px;
}
}
@media screen and (max-width:600px) {
.headIcon {
height: 50px;
}
.headIcon li img {
height: 25px;
padding-top: 5px;
}
.searchWrap {
padding: 20px 5%;
}
}
/*
@media print, screen and (max-width:1149px) {
.pageHeader .__langSwitch > li {width:2.5em;}
}
*/
/*
@media print, screen and (min-width:1024px) {
*/
@media print, screen and (min-width:1201px) {
body {padding-top:110px;}
#spNav {display:none;}
.pageHeader {padding:0 30px;}
.pageHeader:after {content:""; display:block; clear:both;}
.pageHeader .__siteName {float:left; padding:44px 0;}
.pageHeader nav {display:block!important;}
.gnav {float:left; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:calc(100% - 226px);}
.gnav:after {content:""; display:block; clear:both;}
.gnav > li > a {position:relative; display:block; padding:43px 1em; line-height:24px; letter-spacing:.06em; font-weight:500; white-space:nowrap;}
.gnav > li:hover > a,
.gnav > li > a.on {color:#17A046;}
.gnav > li > a:after {content:""; position:absolute; bottom:-2px; left:calc(50% - 6px); display:block; border:6px transparent solid; border-top:0; transition:opacity .2s; opacity:0;}
.gnav > li:hover > a:after {border-bottom:10px #17A046 solid; opacity:1;}
.gnav > li.noSub > a:after {display:none;}
.gnav .__submenu {display:block!important; position:absolute; left:0; width:100%; max-height:0; opacity:0; background:#17A046; color:#fff; overflow:hidden; transition:opacity .2s; box-sizing:border-box; font-size:93%; white-space:nowrap;}
.gnav > li:hover .__submenu,
.gnav > li .__submenu:hover {max-height:1000px; opacity:1; z-index:10; padding:35px 0 15px; box-shadow:0 2px 2px rgba(0,0,0,.0);}
.gnav .__submenu .content {width:930px; left:5px;}
.gnav .__submenu a {display:block; position:relative; color:#fff; line-height: 1.4; padding-bottom: 7px;}
.gnav .__submenu dt {margin-bottom:1.5em; padding-bottom:.5em; border-bottom:1px #fff solid; font-size:131%;}
.gnav .__submenu .__picList {overflow:hidden; float:left; width:480px;}
.gnav .__submenu .__picList li {float:left; width:210px; margin-right:30px; margin-bottom:30px; border-bottom:1px #fff solid; line-height:30px;}
.gnav .__submenu .__picList a:before {content:""; display:block; position:absolute; right:0; bottom:calc((100% - 120px) / 2 - 9px); width:14px; height:14px; background:#fff; border-radius:50%;}
.gnav .__submenu .__picList a:after {content:""; display:block; position:absolute; right:1px; bottom:calc((100% - 120px) / 2 - 5px); border:3px transparent solid; border-left:4px #17A046 solid;}
.gnav .__submenu .__picList .__pic {height:120px; overflow:hidden; margin-bottom: 5px;}
.gnav .__submenu .__picList img {width:100%; margin-top:-6px;}
.gnav .__submenu .__txtList {display:block; float:left; width:210px; margin-right:30px; margin-bottom:30px;}
.gnav .__submenu .__txtList + .__txtList {margin-right:0;}
.gnav .__submenu .__txtList > li {}
.gnav .__submenu .__txtList > li + li {margin-top:14px;}
.gnav .__submenu .__txtList > li > a {display:block; position:relative; padding:.4em 0; border:#fff solid; border-width:1px 0; line-height:1.4;}
.gnav .__submenu .__txtList > li > a:after {content:""; display:block; position:absolute; right:2px; top:calc(50% - 2px); border:3px transparent solid; border-left:4px #fff solid;}
.gnav .__submenu .__txtList li ul {margin-top:10px; padding-left:14px;}
.gnav .__submenu .__txtList li li {position:relative; margin-top:6px;}
.gnav .__submenu .__txtList li li:before {content:""; display:block; position:absolute; left:-14px; top:50%; width:10px; border-top:1px #fff solid;}
/*
@media print, screen and (min-width:1024px) {
.gnav > li:nth-child(7) {
position: absolute;
right: 42px;
top: 76px;
z-index: 1;
}
.gnav > li:nth-child(7) > a {
padding: 0;
}
}
*/
@media print, screen and (min-width:1200px) {
.gnav > li > a {padding:43px .75em;}
/*.gnav > li:nth-child(7) {
right: 64px;
}*/
}
/* メガメニュー 個別調整 */
.gnav .__submenu.-next .__picList {width:100%; display: flex; flex-wrap: wrap; align-items: flex-start;}
.gnav .__submenu.-next .__picList ki {float: none;}
/*.gnav .__submenu.-next .__picList li:nth-child(3) {margin-left:240px;}*/
.gnav .__submenu.-next .__picList li:nth-child(4n) {/*margin-top:-181px;*/ margin-right: 0;}
.gnav .__submenu .__picList a[href*="/csr/contribution/"] {letter-spacing:-.08em;}
.gnav .__submenu.-products .__picList {width:100%;}
.gnav .__submenu.-products .__picList li:nth-child(4n) {margin-right:0;}
.gnav .__submenu.-csr .__picList {width:100%; display: flex; flex-wrap: wrap; align-items: flex-start;}
.gnav .__submenu.-csr .__picList li {float: none;}
.gnav .__submenu.-csr .__picList li:nth-child(4n) {margin-right:0;}
.pageHeader .__langSwitch {position:absolute; right:30px; top:0; padding:41px 0;}
.pageHeader .__closer {display:none;}
}
@media screen and (max-width:1200px) {
body {padding-top:/*76px;*/58px;}
html.spNavOn, html.spnavon body {height:100%; box-sizing:border-box; overflow:hidden;}
.__siteName {float:none;}
#spNav {display:block; width:20px; height:40px; position:absolute; top:calc(50% - 20px); right:12px; box-sizing:border-box; text-align:center; cursor:pointer;}
#spNav:before,
#spNav:after {position:absolute; right:0; content:""; display:block; width:20px; height:2px; margin:0 auto 2px; background:#17A046; transition:top .1s, transform .3s;}
#spNav:before {top:calc(50% - 8px); box-shadow:0 8px 0 #17A046;}
#spNav:after {top:calc(50% + 8px);}
#spNav.open:before {top:50%; box-shadow:none!important; transform:rotate(225deg);}
#spNav.open:after {top:50%; transform:rotate(-225deg);}
.pageHeader:not(.-bbt) .__siteName {padding:18px 12px; background:#fff; box-sizing:border-box;}
.pageHeader nav {display:none; position:absolute; width:100%; background:#f6f6f6; box-shadow:0 4px rgba(0,0,0,.2);}
.gnav {overflow:auto;}
.gnav li {display:block; margin:0!important; border-top:1px #1BA045 solid;}
.gnav a {display:block; padding:.7em 1.2em;}
.gnav > li > a {position:relative;}
.gnav > li:not(.noSub) > a:before,
.gnav > li:not(.noSub) > a:after {content:""; display:block; position:absolute; left:auto; right:12px; top:50%; width:16px; height:auto; margin-top:-1px; border-top:1px #1BA045 solid;}
.gnav > li:not(.noSub) > a:after {transform:rotate(90deg); transition:all .2s;}
.gnav > li:not(.noSub) > a.open:after {transform:rotate(0deg);}
.gnav .__submenu {display:none; background:#e6e6e6;}
.gnav .__submenu .content {width:auto; margin:0;}
.gnav .__submenu dt,
.gnav .__submenu img {display:none;}
.gnav .__submenu dd a {padding-left:2em;}
.gnav .__submenu dd li li a {padding-left:3em;}
.gnav .__submenu .pc {display:none!important;}
.gnav > .sp {display:block!important; overflow:hidden; border-top:0; border-bottom:1px #1BA045 solid;}
.gnav > .sp li {width:50%; float:left; white-space:nowrap;}
.gnav > .sp li:nth-child(2n) {box-shadow:1px 0 0 #1BA045 inset;}
.gnav > .sp li:nth-child(5) {width: 100%;}
.gnav > .sp a {padding:.8em 1.4em;}
.gnav > .sp a[href*="/disclosure_policy/"] {letter-spacing:-.06em;}
.pageHeader .__langSwitch {width:240px; height:93px; margin:0 auto;}
.pageHeader .__langSwitch li {width:80px; margin:30px 0; box-sizing:border-box;}
.pageHeader .__langSwitch > li > * {padding:.2em;}
.pageHeader .__closer {padding:.75em 0; background:#17A046; text-align:center; color:#fff;}
.pageHeader .__closer span {position:relative; display:inline-block; width:16px; height:16px; margin-right:.4em; vertical-align:-10%;}
.pageHeader .__closer span:before,
.pageHeader .__closer span:after {content:""; display:block; position:absolute; top:50%; left:0; width:100%; border-top:1px #fff solid; transform:rotate(45deg);}
.pageHeader .__closer span:after {transform:rotate(-45deg);}
}
@media screen and (max-width:600px) {
body {padding-top:54px;}
.pageHeader {position:fixed; top:0!important; left:0; width:100%; height:54px;}
.pageHeader .__siteName {height:54px; padding:15px 12px; box-sizing:border-box;}
.pageHeader .__siteName img {width:20vw; min-width:60px; max-width:70px;
vertical-align: middle;margin-top: 5px;}
.gnav {overflow:auto;}
.gnav > .sp li {font-size:85%;}
.pageHeader .__closer {height:45px; box-sizing:border-box;}
}
/* =============== フッタ */
.pageFooter {background:#454545; color:#fff;}
.pageFooter a {text-decoration:none; color:#fff;}
.pageFooter .__navBox {overflow:hidden;}
.pageFooter .__copyright {padding:1.5em 0; text-align:center; font-size:85%;}
:not(.pageHeader.-bbt) ~ .pageFooter .__copyright {background:#fff; color:#1a1a1a; box-shadow:-999px 0 0 #fff, -1998px 0 0 #fff, 999px 0 0 #fff, 1998px 0 0 #fff;}
@media print, screen and (min-width:601px) {
.pageFooter .__navUnit {float:left; width:calc(25% - 30px); margin:40px 0 50px 40px;}
.pageFooter .__navUnit:first-child {margin-left:0;}
.pageFooter .__navUnit dt {margin-bottom:.7em; padding-bottom:.5em; border-bottom:1px #fff solid; font-weight:bold;}
.pageFooter .__navUnit dd + dt {margin-top:2em;}
.pageFooter .__navUnit dd {display:block!important;}
.pageFooter .__navUnit dd li {margin-top:.5em; font-size:93%;}
.pageFooter .__navUnit dd > ul > li:first-child {margin-top:0;}
.pageFooter .__navUnit dd li ul {margin-left:1em;}
}
@media screen and (max-width:600px) {
.pageFooter .__navBox {padding:30px 0;}
.pageFooter .__navUnit > * {border-top:1px rgba(255,255,255,.7) solid;}
.pageFooter .__navUnit a {position:relative; display:block; padding:.7em;}
.pageFooter .__navUnit dd ul {background:#383838;}
.pageFooter .__navUnit dd ul li + li,
.pageFooter .__navUnit dd ul ul {border-top:1px rgba(255,255,255,.7) solid;}
.pageFooter .__navUnit dd ul a {padding-left:1.5em;}
.pageFooter .__navUnit dd ul ul a {padding-left:3.6em;}
.pageFooter .__navUnit dd ul ul a:before {content:""; display:inline-block; width:8px; margin:0 6px 0 -14px; border-top:1px #fff solid; vertical-align:middle;}
.pageFooter .__navUnit dt:not(.sp) a:before,
.pageFooter .__navUnit dt:not(.sp) a:after {content:""; display:block; position:absolute; left:auto; right:12px; top:50%; width:14px; height:auto; margin-top:-1px; border-top:1px #fff solid;}
.pageFooter .__navUnit dt:not(.sp) a:after {transform:rotate(90deg); transition:all .2s;}
.pageFooter .__navUnit dt:not(.sp) a.open:after {transform:rotate(0deg);}
.pageFooter .__navUnit dt + dd {display:none;}
.pageFooter .__navUnit.-other {overflow:hidden; border-top:0; border-bottom:1px rgba(255,255,255,.7) solid;}
.pageFooter .__navUnit.-other ul {background:none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.pageFooter .__navUnit.-other li {width:50%; white-space:nowrap; box-shadow:1px 0 0 rgba(255,255,255,.7); -webkit-box-ordinal-group:2; -ms-flex-order:2; order:2;}
.pageFooter .__navUnit.-other li:nth-child(2) {border-top:0;}
.pageFooter .__navUnit.-other li:nth-child(7) {width:100%; -webkit-box-ordinal-group:1; -ms-flex-order:1; order:1; border-top:0; border-bottom:1px #C8C8C8 solid;}
.pageFooter .__navUnit.-other dd ul a {padding:.7em; font-size:77%;}
.pageFooter .__navUnit.-other dd ul li:nth-child(7) a {font-size:100%;}
.pageFooter .__navUnit.-other a[href*="/disclosure_policy/"] {letter-spacing:-.06em;}
.pageFooter .__copyright {line-height:1.33; font-size:85%;}
:not(.pageHeader.-bbt) ~ .pageFooter .__copyright {box-shadow:-280px 0 0 #fff, 280px 0 0 #fff;}
}
/* =============== メイン */
/* ページタイトル */
.pageTitle {position:relative; width:100%; overflow:hidden;}
.pageTitle .__pic {position:absolute; left:50%; top:0; width:100%; height:100%; transform:translate(-50%, 0);}
.pageTitle .__pic:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:rgba(0,0,0,.3);}
.pageTitle .__pic img {position:absolute; z-index:1; left:0; top:50%; width:100%; transform:translate(0, -50%);}
.pageTitle .content {display:table; height:100%;}
.pageTitle h1 {display:table-cell; text-align:center; vertical-align:middle; font-weight:400; color:#fff;}
.pageTitle.-inserted {height:auto;}
.pageTitle.-inserted .content {display:block; height:auto; padding:120px 0 0;}
.pageTitle.-inserted h1 {display:block;}
.pageTitle.-inserted h1 + p:last-child {padding-bottom:120px; font-size:116%; font-weight:500; line-height:2.2; color:#fff; text-align:center;}
.pageTitle.-blkText h1 {color:#333;}
.pageTitle.-blkText .__pic:after,
.pageTitle.-noMask .__pic:after {display:none;}
/* パンくず */
.breadcrumb {margin:25px 0; line-height:1.5; font-size:85%;}
.breadcrumb li {float:left;}
.breadcrumb li:after {content:""; display:inline-block; width:6px; height:6px; margin:0 .4em; border:#17A046 solid; border-width:1px 1px 0 0; transform:rotate(45deg);}
.breadcrumb li:last-child:after {display:none;}
.breadcrumb a {text-decoration:none; color:inherit;}
/* コンテンツエリア マージン指定 */
main .pageTitle ~ .content,
main .pageTitle ~ section > .content {padding:50px 0 80px; line-height:1.8;}
main *:last-child {margin-bottom:0;}
main * + p,
main * + ul,
main * + ol,
main * + dl,
main * + table {margin-top:1.2em;}
main ul:not[class] {padding-left:1.5em; list-style-type:disc;}
main ul:not[class] > li > ul:not[class] {padding-left:1.5em; list-style-type:circle;}
main a {color:#2457B3; text-decoration:underline;}
main a:hover {text-decoration:none;}
main a.plainLink,
main .plainLink a {color:inherit; text-decoration:none;}
@media print, screen and (min-width:601px) {
main {min-width:1100px; overflow-x:hidden;}
.pageTitle {min-width:1100px; height:450px;}
.pageTitle .__pic {min-width:1500px;}
.pageTitle h1 {font-size:40px; letter-spacing:.12em;}
}
@media screen and (max-width:600px) {
main {min-width:320px;}
main .pageTitle ~ .content,
main .pageTitle ~ section > .content {width:auto; margin:0 15px; padding:20px 0 40px;}
main .breadcrumb + .content {padding-top:5px;}
.pageTitle {height:50vw;}
.pageTitle .__pic img {position:absolute; z-index:1; left:50%; top:0; width:auto; max-width:300%; height:100%; transform:translate(-50%, 0);}
.pageTitle .content {width:calc(100% - 30px);}
.pageTitle h1 {text-align:center; font-size:138.5%; letter-spacing:.12em;}
}
/*----------------------------------------------------------------------------------------------------------------------------------------
汎用パーツ
----------------------------------------------------------------------------------------------------------------------------------------*/
/* H2～H6 */
h2, .h2 {margin:0 0 2em; text-align:center; font-size:200%; font-weight:500;}
* + h2, * + .h2 {margin-top:3em;}
h2:before, .h2:before {content:""; display:none; width:0; height:0; border:0; transform:none;}
h2:after, .h2:after {content:""; display:none; width:0; height:0; border:0; transform:none;}
.h2inner {display:inline-block; letter-spacing:.04em;}
.h2inner:after {content:""; display:block; height:3px; margin-top:.5em; background:#109d94; background:linear-gradient(to right, #109d94 0%, #56bf6d 100%);}
h3, .h3 {position:relative; margin:0 0 1.33em; padding:0 0 0 16px; font-size:160%; font-weight:500; letter-spacing:.04em;}
* + h3, * + .h3 {margin-top:3em;}
h3:before, .h3:before {content:""; display:block; position:absolute; left:0; top:0; width:3px; height:100%; background:linear-gradient(to bottom, #109d94 0%, #56bf6d 100%);}
h3:after, .h3:after {content:""; display:none; width:0; height:0; border:0; transform:none;}
h4, .h4 {margin:0 0 .6em; padding:0; font-size:116%; font-weight:bold;}
* + h4, * + .h4 {margin-top:1.8em;}
h4:before, .h4:before {content:""; display:none; width:0; height:0; border:0; transform:none;}
h4:after, .h4:after {content:""; display:none; width:0; height:0; border:0; transform:none;}
h5, .h5 {margin:0 0 .4em; padding:0; font-size:108%; font-weight:bold;}
* + h5, * + .h5 {margin-top:1.2em;}
h5:before, .h5:before {content:""; display:none; width:0; height:0; border:0; transform:none;}
h5:after, .h5:after{content:""; display:none; width:0; height:0; border:0; transform:none;}
h6, .h6 {margin:0 0 .2em; font-size:100%; font-weight:bold;}
* + h6, * + .h6 {margin-top:.8em;}
h6:before, .h6:before {content:""; display:none; width:0; height:0; border:0; transform:none;}
h6:after, .h6:after {content:""; display:none; width:0; height:0; border:0; transform:none;}
.-hrzntlBars {padding-left:0; padding-right:0; text-align:center;}
.-hrzntlBars:before,
.-hrzntlBars:after {content:""; display:inline-block; position:static; width:20px; height:3px; background:linear-gradient(to right, #109d94 0%, #56bf6d 100%); vertical-align:middle;}
.-hrzntlBars:before {margin-right:15px;}
.-hrzntlBars:after {margin-left:15px;}
main h4 + *, main .h4 + *,
main h5 + *, main .h5 + *,
main h6 + *, main .h6 + * {margin-top:0;}
@media print, screen and (min-width:601px) {
}
@media screen and (max-width:600px) {
h2, .h2 {font-size:146.5%;}
.h2inner:after {height:2px; margin-top:.2em;}
h3, .h3 {font-size:131%;}
h3:before, .h3:before {width:2px;}
.-hrzntlBars:before,
.-hrzntlBars:after {width:12px; height:2px;}
.-hrzntlBars:before {margin-right:8px;}
.-hrzntlBars:after {margin-left:8px;}
.-hrzntlBars > .vmid {max-width:calc(100% - 40px);}
}
/* 色背景 */
[class*="colorBg"] {padding:80px 0;}
:not([class*="colorBg"]) + [class*="colorBg"] {margin-top:80px;}
[class*="colorBg"].-end {margin-bottom:-80px;}
.colorBg-lightblue {background:#D2F1F4; box-shadow:-279px 0 0 #D2F1F4, 279px 0 0 #D2F1F4, -949px 0 0 #D2F1F4, 949px 0 0 #D2F1F4, -1898px 0 0 #D2F1F4, 1898px 0 0 #D2F1F4;}
/* ボタン */
.btn1 a, a.btn1,
.btn1 input[type], input[type].btn1,
.btn1 button, button.btn1 {position:relative; display:inline-block; min-width:240px; padding:.8em 30px .8em .8em; text-decoration:none; border:1px #17A046 solid; box-sizing:border-box; color:inherit; text-align:center;}
.btn1 a .arr, a.btn1 .arr,
.btn1 input[type] .arr, input[type].btn1 .arr,
.btn1 button .arr, button.btn1 .arr {display:block; position:absolute; right:15px; top:calc(50% - 5px); border:5px transparent solid; border-left:6px #17A046 solid; border-right:0; transition:.2s all;}
.btn1:not(.noExtIcon) a[href$=".pdf"], a[href$=".pdf"].btn1:not(.noExtIcon) {padding:.8em 30px .8em 50px;}
.btn1:not(.noExtIcon) a[href$=".pdf"]:before, a[href$=".pdf"].btn1:not(.noExtIcon):before {content:""; display:block; position:absolute; left:20px; top:calc(50% - 12px); width:19px; height:25px; background:url(../../images/common/icon_ext_pdf.png) no-repeat 0 0; background-size:contain; transition:.2s all;}
.btn1.-fullW a, a.btn1.-fullW {width:100%; max-width:100%; margin:0;}
.btn1 a:hover .arr, a.btn1:hover .arr {right:10px;}
.btn1.-back a, a.btn1.-back,
.btn1.-back button, button.btn1.-back {padding:.8em .8em .8em 30px; box-sizing:border-box;}
.btn1.-back a .arr, a.btn1.-back .arr,
.btn1.-back button .arr, button.btn1.-back .arr {right:auto; left:15px; transform:rotate(180deg);}
.btn1.-back a:hover .arr, a.btn1.-back:hover .arr {right:auto; left:10px;}
.btn2 a, a.btn2 {}
.btn2 a:before, a.btn2:before {content:""; display:inline-block; height:6px; width:6px; margin-right:.4em; border:#000 solid; border-width:2px 2px 0 0; transform:rotate(45deg);}
.centeredBtns {text-align:center;}
.centeredBtns a {margin:10px 20px;}
/* .brkTop/Btm, hr */
.brkTop1 {margin-top:30px!important; padding-top:30px!important; border-top:1px #888 dashed;}
.brkBtm1 {margin-bottom:30px!important; padding-bottom:30px!important; border-bottom:1px #888 dashed;}
.brkTop2:before,
.brkBtm2:after {content:""; display:block; width:70%; margin:60px 15%; border-top:1px #ccc solid;}
hr {background:none; margin:30px 0; border-top:1px #888 dashed; border-width:1px 0 0;}
@media screen and (max-width:600px) {
[class*="colorBg"] {padding:40px 0;}
:not([class*="colorBg"]) + [class*="colorBg"] {margin-top:40px;}
[class*="colorBg"].-end {margin-bottom:-40px;}
.btn1 a, a.btn1,
.btn1 button, button.btn1 {min-width:100%; box-sizing:border-box; margin-left:0; margin-right:0;}
.brkTop2:before,
.brkBtm2:after {margin:40px 15%;}
}
/* dl.styled */
dl.styled {margin:50px 0; border-bottom:1px #989898 solid;}
dl.styled.-openEnd,
dl.styled.-openTop > dt:first-child {border:0;}
dl.styled > dt {padding:1.2em 0 .4em; border-top:1px #989898 solid; font-weight:bold; font-size:123.1%; color:#17A046;}
dl.styled > dd {padding-bottom:1.2em;}
dl.styled > dd + dd {margin-top:1.6em;}
/* dl.datedList */
dl.datedList {margin-top:.6em; margin-bottom:.6em; border:#17A046 solid; border-width:2px 0; line-height:1.4; overflow:hidden;}
dl.datedList > dt {width:10em; float:left; padding:1em; box-sizing:border-box; color:#17A046;}
dl.datedList > dd {width:calc(100% - 10em); float:left; padding:1em; box-sizing:border-box;}
dl.datedList > *:nth-child(2) ~ * {border-top:1px #999 solid;}
dl.datedList.-noDate > dt {display:none;}
dl.datedList.-noDate > dd {width:auto; float:none;}
@media screen and (max-width:600px) {
dl.datedList > dt {width:auto; float:none; padding:1em .2em .3em;}
dl.datedList > dd:nth-child(n) {width:auto; float:none; padding:0 .2em 1em; border:0;}
dl.datedList.-noDate > dd {padding:1em .2em;}
}
/* table.datedList */
table.datedList {width:100%;}
table.datedList tr > *:first-child {color:#17A046; text-align:left;}
@media print, screen and (min-width:601px) {
table.datedList th,
table.datedList td {border-width:1px 0; border-color:#999;}
table.datedList tr > *:first-child {width:10em;}
}
@media screen and (max-width:600px) {
table.datedList tr, .datedList th, .datedList td {display:block;}
table.datedList tr {padding:.8em 0;}
table.datedList tr + tr {border-top:1px #999 solid;}
table.datedList th,
table.datedList td {padding:0; border:0;}
table.datedList tr > *:first-child {margin-bottom:.3em;}
}
/* ul.styled, .styled2 */
ul.styled {border:#989898 solid; border-width:1px 0; overflow:hidden;}
ul.styled > li {position:relative; padding:1em 0;}
ul.styled > li + li:after {content:""; display:block; position:absolute; left:-100px; top:0; width:calc(100% + 100px); border-top:1px #989898 solid;}
/* .tableLike */
.tableLike {margin:1.5em 0; border:#17A046 solid; border-width:2px 0; overflow:hidden;}
.tableLike dt {clear:left; width:25%; float:left; padding:1em 1.2em; border-top:1px #989898 solid; font-weight:bold; color:#17A046; box-sizing:border-box;}
.tableLike dd {width:75%; float:left; padding:1em 0; border-top:1px #989898 solid; box-sizing:border-box;}
.tableLike.dt15 dt {width:15%;}
.tableLike.dt15 dd {width:85%;}
.tableLike dt:first-child,
.tableLike dt:first-child + dd {border-top:0;}
@media screen and (max-width:600px){
.tableLike[class*="spFlat"]:before {display:none;}
.tableLike.-spFlatA dt {float:none; width:auto; padding:.6em 0 .1em; border:0;}
.tableLike.-spFlatA dd {float:none; width:auto; padding:0 0 .8em; border:0;}
.tableLike.-spFlatA dd + dt {border-top:1px #989898 solid;}
.tableLike.-spFlatB dt,
.tableLike.-spFlatB dd {float:none; width:auto; padding:.4em 0; border:0;}
.tableLike.-spFlatB dt {padding:.4em .6em; font-weight:500; background:#F1F3F6;}
.tableLike.-spFlatB dd + dt {margin-top:15px;}
.tableLike.-ctg dt {margin-bottom:.3em;}
.tableLike.-ctg dt[class*="newsCtg-"]:before {margin-right:1em;}
}
/* .hNTable: .tableLikeを見出しと任意のタグで */
.h2Table, .h3Table, .h4Table, .h5Table {position:relative; overflow:hidden; padding-bottom:.8rem; border-bottom:1px #bbb dotted;}
.h2Table:before, .h3Table:before, .h4Table:before,.h5Table:before {content:""; display:block; position:absolute; top:0; left:0; width:20%; height:100%; background:rgba(40,40,0,.08);}
.h2Table > *, .h3Table > *, .h4Table > *, .h5Table > * {position:relative; z-index:1; display:block; float:right; width:80%; margin:.6rem 0 0; padding:0 .8rem; box-sizing:border-box;}
.h2Table > h2, .h3Table > h3, .h4Table > h4, .h5Table > h5 {clear:both; float:left; width:20%; padding:.8rem; border-top:1px #bbb dotted; font-size:1rem; color:inherit;}
.h2Table > h2 + *, .h3Table > h3 + *, .h4Table > h4 + *, .h5Table > h5 + * {padding-top:.8rem; border-top:1px #bbb dotted;}
.h2Table > h2:first-child + *, .h3Table > h3:first-child + *, .h4Table > h4:first-child + *, .h5Table > h5:first-child + * {margin-top:0;}
.h2Table > .disc, .h3Table > .disc, .h4Table > .disc, .h5Table > .disc,
.h2Table > .square, .h3Table > .square, .h4Table > .square, .h5Table > .square {padding-left:2em;}
@media screen and (max-width:600px){
.h2Table.-spFlat, .h3Table.-spFlat, .h4Table.-spFlat {padding-bottom:.5rem;}
.h2Table.-spFlat:before, .h3Table.-spFlat:before, .h4Table.-spFlat:before {display:none;}
.h2Table.-spFlat > *, .h3Table.-spFlat > *, .h4Table.-spFlat > * {float:none; width:auto; margin:0; padding:0;}
.h2Table.-spFlat > h2, .h3Table.-spFlat > h3, .h4Table.-spFlat > h4 {float:none; width:auto; padding:.5rem 0 .2rem;}
.h2Table.-spFlat > h2 + *, .h3Table.-spFlat > h3 + *, .h4Table.-spFlat > h4 + * {float:none; width:auto; margin:0; padding:0; border-top:0;}
.h2Table.-spFlat > * + h2, .h3Table.-spFlat > * + h3, .h4Table.-spFlat > * + h4 {margin-top:.5em;}
}
/* form要素 */
.form__dlTable {border:#17A046 solid; border-width:2px 0; overflow:hidden;}
.form__dlTable dt {position:relative; font-weight:500;}
.form__dlTable dt:before {content:""; display:block; position:absolute; left:0; top:-1px; width:100vw; border-top:1px #989898 solid;}
.form__dlTable dt.req:after {content:"Required"; display:inline-block; margin-left:.6em; padding:0 .6em; background:#17A046; line-height:1.6; font-size:85%; color:#fff;}
.form__button {margin:50px 0; text-align:center; font-size:108%;}
.form__button input,
.form__button button {box-sizing:border-box; width:240px; max-width:calc(50% - 40px); margin:15px; padding:.7em .5em; border:0; background:#878787;}
.form__button input[type="submit"],
.form__button button[type="submit"] {background:#17A046; color:#fff;}
.form__button.btn1 input[type="submit"]:after,
.form__button.btn1 button[type="submit"]:after {border-left-color:#fff;}
.form__button.btn1 input[type="reset"],
.form__button.btn1 button[type="reset"] {border:1px #999 solid; background:#fff; color:#1a1a1a;}
.form__button.btn1 input[type="reset"]:after,
.form__button.btn1 button[type="reset"]:after {border-left-color:#999;}
.form__button.btn1.-back input,
.form__button.btn1 input.-back,
input.form__button.btn1.-back,
.form__button.btn1.-back button,
.form__button.btn1 button.-back,
button.form__button.btn1.-back {border:1px #999 solid; background:#fff; color:#1a1a1a;}
.form__button.btn1.-back input:after,
.form__button.btn1 input.-back:after,
input.form__button.btn1.-back:after,
.form__button.btn1.-back button:after,
.form__button.btn1 button.-back:after,
button.form__button.btn1.-back:after {border-left-color:#999;}
.hideRadio input[type="radio"] {display:none!important;}
.hideRadio input[type="radio"] + .styledRadio {display:inline-block; width:14px; height:14px; margin-right:.4em; background:#eee; border-radius:50%; box-sizing:border-box;}
.hideRadio input[type="radio"]:checked + .styledRadio {border:3px #eee solid; background:#333;}
p.form__note {margin-top:.3em; font-size:85%;}
span.form__note {display:inline-block; font-size:85%;}
.privacyCheck {margin:60px 0; text-align:center;}
.privacyCheck label {display:inline-block; width:260px; padding:1.2em 0; background:#17A046; color:#fff;}
.privacyCheck__chkbox {position:relative; display:inline-block; width:12px; height:12px; margin-right:.6em; background:#fff;}
.agreed .privacyCheck__chkbox:before {content:""; position:absolute; top:50%; left:15%; display:inline-block; width:5px; height:8px; border:#333 solid; border-width:0 2px 2px 0; transform:rotate(40deg) translate(-50%, -60%);}
.privacyCheck input {display:none;}
@media print, screen and (min-width:601px) {
.form__dlTable dt {clear:left; float:left; width:16em; padding:1.6em 1em; box-sizing:border-box;}
.form__dlTable dd {float:left; width:calc(100% - 16em); padding:1.2em 1em; box-sizing:border-box;}
}
@media print, screen and (max-width:600px) {
.form__dlTable dt {padding:.8em 0 .2em;}
.form__dlTable dd {padding:0 0 1.2em;}
.form__button.btn1 button,
.form__button.btn1 input[type="submit"] {min-width:100%; box-sizing:border-box; margin-left:0; margin-right:0;}
.privacyCheck label {display:block; width:100%;}
}
/* AForm */
.aform-header {display:none;}
.aform-content dl {overflow:hidden; zoom:1;}
.aform-content dl + dl {margin-top:0; border-top:1px #999 solid;}
.aform-content input[name="entry_id"] + dl {border-top:2px #17A046 solid;}
.aform-content dt {position:relative; font-weight:500;}
.aform-content dt:before {content:""; display:block; position:absolute; left:0; top:-1px; width:100vw; border-top:1px #989898 solid;}
.aform-content dt .aform-required {display:inline-block; margin-left:.6em; padding:0 .6em; background:#17A046; line-height:1.6; font-size:85%; color:#fff;}
.aform-name-ul li {display:inline-block; margin-right:.3em;}
.aform-radio-ul li {display:inline-block; margin-right:.8em;}
.aform-name-ul li input {width:6em;}
.aform-name-ul li label {display:none;}
.aform-button-area {margin-top:0!important; padding:50px 0; border-top:2px #17A046 solid; text-align:center; font-size:108%;}
.aform-button-area button {box-sizing:border-box; width:240px; max-width:calc(50% - 40px); margin:15px; padding:.7em .5em; border:0; background:#878787; color:#fff;}
.aform-button-area button[type="submit"] {background:#17A046;}
.aform-button-area.btn1 button[type="submit"]:after {border-left-color:#fff;}
.aform-button-area.btn1 button[type="reset"] {border:1px #999 solid; background:#fff; color:#1a1a1a;}
.aform-button-area.btn1 button[type="reset"]:after {border-left-color:#999;}
.aform-button-area.btn1.-back button,
.aform-button-area.btn1 button.-back {border:1px #999 solid; background:#fff; color:#1a1a1a;}
.aform-button-area.btn1.-back button:after,
.aform-button-area.btn1 button.-back:after {border-left-color:#999;}
@media print, screen and (min-width:601px) {
.aform-content dt {clear:left; float:left; width:16em; padding:1.6em 1em; box-sizing:border-box;}
.aform-content dd {float:left; width:calc(100% - 16em); padding:1.2em 1em; box-sizing:border-box;}
}
@media print, screen and (max-width:600px) {
.aform-content dt {padding:.8em 0 .2em;}
.aform-content dd {padding:0 0 1.2em;}
.aform-button-area.btn1 button {min-width:100%; box-sizing:border-box; margin-left:0; margin-right:0;}
}
/* .tabbedList */
.tabbedList__tab {display:table; overflow:hidden; width:100%;}
.tabbedList__tab li {position:relative; display:table-cell; padding-bottom:8px; transition:margin .2s;}
.tabbedList__tab:not(.bbt-member__nav) a {display:block; margin:0 2.5px; padding-bottom:.5em; border-bottom:5px #c5c5c5 solid; text-align:center; text-decoration:none; font-size:116%; font-weight:500; color:#C5C5C5;}
.tabbedList__tab:not(.bbt-member__nav) .on a,
.tabbedList__tab:not(.bbt-member__nav) a:hover {border-color:#17A046; color:#17A046;}
.tabbedList__tab:not(.bbt-member__nav) .on a:after {content:""; display:block; position:absolute; left:calc(50% - 8px); bottom:0; border:8px transparent solid; border-top-color:#17A046; border-bottom:0;}
select.tabbedList__pulldown {width:100%; border:1px #17A046 solid; background-color:transparent; background-image:url('data:image/svg+xml;charset=UTF-8,'); text-align:center; font-size:108%; font-weight:500; color:#17A046;}
.tabbedList__body > * {position:relative; top:-1px; display:none;}
.tabbedList__body > .on,
.tabbedList__body > dt.on + dd {display:block;}
.tabbedList__body > .tableLike {
margin: 1.5em 0;
}
@media screen and (max-width:600px){
.tabbedList__tab a {font-size:100%;}
.tabbedList__spwrap {position:relative; width:100%; margin-bottom:30px;}
.tabbedList__valArea {position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; margin:0; padding:.4em 20px .4em .4em; border:2px transparent solid; background:#fff; color:#17A046; font-weight:500; box-sizing:border-box; text-align:center;}
.tabbedList__pulldown {text-indent:120vw;}
}
/* .yearSlider: スライド式年選択 */
.yearSlider__outer {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; align-items:center; margin-left:auto; margin-right:auto; margin-bottom:50px;}
.yearSlider__outer .__prev,
.yearSlider__outer .__next {position:relative; width:30px; height:30px; vertical-align:middle; text-align:center;}
.yearSlider__outer .__prev:before,
.yearSlider__outer .__next:before {content:""; display:none; width:8px; height:8px; border:#c5c5c5 solid; border-width:2px 2px 0 0; transform:rotate(-135deg); cursor:pointer;}
.yearSlider__outer .__next:before {transform:rotate(45deg);}
.yearSlider__outer.-hasPrev .__prev:before,
.yearSlider__outer.-hasNext .__next:before {display:inline-block;}
.yearSlider {display:block; width:750px; white-space:nowrap; overflow:hidden;}
.yearSlider li {position:relative; display:inline-block; width:33.333%; padding-bottom:8px; transition:margin .2s;}
.yearSlider a {display:block; margin:0 2.5px; padding-bottom:.5em; border-bottom:5px #c5c5c5 solid; text-align:center; text-decoration:none; font-size:116%; font-weight:500; color:#C5C5C5;}
.yearSlider .on a,
.yearSlider a:hover {border-color:#17A046; color:#17A046;}
.yearSlider .on a:after {content:""; display:block; position:absolute; left:calc(50% - 8px); bottom:0; border:8px transparent solid; border-top-color:#17A046; border-bottom:0;}
.yearSlider.twoTabs li {width:50%;}
@media print, screen and (min-width:601px) {
.yearSlider.twoTabs {width:500px;}
}
@media screen and (max-width:600px){
.yearSlider__outer .__prev,
.yearSlider__outer .__next {width:20px;}
.yearSlider {width:calc(100% - 40px);}
.yearSlider a {padding-bottom:.2em; font-size:108%;}
}
/* 新着情報カテゴリ表示 */
[class*="newsCtg-"]:before {display:inline-block; width:7em; margin-right:1.8em; text-align:center; border:1px #888 solid; font-weight:normal; font-size:93%; color:#888;}
[class*="newsCtg-company"]:before {content:"CORPORATE"; border-color:#4084B3; color:#4084B3;}
[class*="newsCtg-ir"]:before {content:"IR"; border-color:#C67B7B; color:#C67B7B;}
[class*="newsCtg-csr"]:before {content:"Sustainability"; border-color:#0D8F6B; color:#0D8F6B;}
/* 新着情報 */
.latestNewsBlock {overflow:hidden;}
.latestNewsBlock h2 i {display:block; font-size:1rem;}
.latestNewsBlock .__txt .slashed a {text-decoration:none; color:inherit;}
.latestNewsBlock .__txt .slashed .on,
.latestNewsBlock .__txt .slashed a:hover {color:#17A046;}
.latestNewsBlock .__txt dl {margin-bottom:1.5em; overflow:hidden;}
.latestNewsBlock .__txt ul.slashed + dl {margin-top:1.5em;}
.latestNewsBlock .__txt dt {color:#17A046;}
.latestNewsBlock .__txt dd a {text-decoration:none; color:inherit;}
.latestNewsBlock .__txt dd a:hover {color:#17A046;}
.latestNewsBlock .__txt .btn1 {text-align:center;}
.latestNewsBlock .__txt .btn1 a {padding:.4em 30px .4em .8em;}
@media print, screen and (min-width:601px) {
.latestNewsBlock h2 {float:left; width:150px; text-align:left;}
.latestNewsBlock .__txt {float:left; width:calc(100% - 150px);}
.latestNewsBlock .__txt dt {clear:left; float:left; width:10rem;}
.latestNewsBlock .__txt dd {float:left; width:calc(100% - 10rem); margin-bottom:1em;}
.latestNewsBlock .__txt dt[class*="newsCtg"] {width:15rem;}
.latestNewsBlock .__txt dt[class*="newsCtg"] ~ dd {float:left; width:calc(100% - 15rem); margin-bottom:1em;}
}
@media screen and (max-width:600px){
.latestNewsBlock h2 {text-align:center;}
.latestNewsBlock .slashed {font-size:93%;}
.latestNewsBlock dd {margin:.4em 0 1em;}
}
/* 下層コンテンツパネル */
.panelMenu {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.panelMenu li {border:1px #b5b5b5 solid; box-sizing:border-box; border-top:0;}
.panelMenu a {display:block; text-decoration:none; color:inherit; height: 100%;}
.panelMenu .__pic {position:relative; display:block; overflow:hidden; width:calc(100% + 2px); left:-1px; border-bottom:1px #b5b5b5 solid;}
.panelMenu .__pic:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2);}
.panelMenu .__pic.none:after {background:none;}
.panelMenu .__pic img {display:block; width:100%;}
.panelMenu .__txt {position:relative; display:block; line-height:1.33;}
.panelMenu .__txt .arr {content:""; display:block; position:absolute; top:50%; transform:translate(0, -50%); border:5px transparent solid; border-left:6px #1D9C45 solid; border-right:0; transition:.2s all;}
.panelMenu .explan {display: block; padding: 10px 20px 10px; font-size: 0.85em;border-top:1px #b5b5b5 solid;}
@media print, screen and (min-width:601px) {
.panelMenu li {width:calc((100% - 50px) / 3 - 1px); margin:0 0 40px 25px;}
.panelMenu li:nth-child(3n+1) {margin-left:0;}
.panelMenu .__txt {padding:.7em 2.8em .7em 1.4em;}
.panelMenu .__txt .arr {right:1.4em;}
.panelMenu a:hover .__txt .arr {right:1.1em;}
.panelMenu .explan {line-height: 1.6;}
}
@media screen and (max-width:600px){
.panelMenu li {width:calc((100% - 20px) / 2); margin:0 0 20px 20px;}
.panelMenu li:nth-child(2n+1) {margin-left:0;}
.panelMenu .__txt {/*padding:.3em 1.8em .3em .6em;*/ padding: 10px 1.8em 10px 5%;}
.panelMenu .__txt .arr {right:.6em;}
.panelMenu .explan {line-height: 1.4; padding: 10px 5%;}
}
/* コンテンツ最下のお問い合わせ */
.contactAddressBox {max-width:700px; margin:40px auto 0; border:1px #17A046 solid; box-sizing:border-box;}
.contactAddressBox dt {position:relative; text-align:center; font-size:123.1%;}
.contactAddressBox dt strong {display:inline-block; margin-top:.3em; padding:.2em .5em; background:#17A046; line-height:1.33; font-size:.85rem; font-weight:normal; color:#fff;}
.contactAddressBox dd b {line-height:1.4; font-size:180%;}
@media print, screen and (min-width:601px) {
.contactAddressBox {display:table;}
.contactAddressBox > * {display:table-cell; padding:1em 1.4em; vertical-align:middle;}
.contactAddressBox dt:after {content:""; display:block; height:calc(100% - 2em); border-right:1px #17A046 solid; position:absolute; top:1em; right:0;}
}
@media screen and (max-width:600px) {
.contactAddressBox > * {padding:10px 16px;}
.contactAddressBox dt:after {content:""; display:block; width:calc(100% - 32px); border-bottom:1px #17A046 solid; position:absolute; left:16px; bottom:0;}
.contactAddressBox dt strong {margin-bottom:8px;}
}
/*----------------------------------------------------------------------------------------------------------------------------------------
ページ個別
----------------------------------------------------------------------------------------------------------------------------------------*/
/* =============== トップページ */
[class*="home-"] a {color:inherit;}
/* キービジュアル */
/* .home-KV .__pic {position:relative; background:url(/en/images/home/sp_main.png) center center no-repeat; background-size:80% auto;} */
.home-KV .__pic {position:relative; background:url(../../en/images/home/video_thumbnail.jpg) no-repeat 80% 50%; background-size:cover;}
.home-KV .__pic:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3); z-index: 1;}
.home-KV .__pic p {position:absolute; left:50%; top:45%; display:block; width:100%; transform:translate(-50%, -50%); text-align:center; letter-spacing:.2em; color:#fff; z-index: 1;}
.home-KV .__pic b {font-weight:normal;}
.home-KV .__txt {margin:0; background:linear-gradient(to right, #139C8C 0%, #41CB5B 100%); text-align:center; color:#fff;}
.home-KV .__txt dd {line-height:2.4; font-weight:500;}
.home-KV .__link {position:relative; overflow:hidden; margin:0;}
.home-KV .__link li {position:relative; overflow:hidden;}
.home-KV .__link li:after {content:""; display:block; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,.3);}
.home-KV .__link img {position:absolute; z-index:1;}
.home-KV .__link a {display:block; position:relative; z-index:10; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; text-align:center; text-decoration:none; color:#fff; vertical-align:middle;}
.home-KV .__link a:after {content:"Click here for more information"; display:block; width:16em; margin:1em auto 0; padding:.2em 0; border:1px #fff solid;}
.home-KV .__video {
position: relative;
height: 740px;
overflow: hidden;
}
@media screen and (max-width: 600px){
.home-KV .__video {
display: none;
}
}
.home-KV .__video video {
height: 100%;
width: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media print, screen and (min-width: 1500px){
.home-KV .__video video {
height: auto;
width: 100%;
}
}
#video_wrap .__content video {
width: 100%;
}
.home-KV .__pic .__btn {
position: absolute;
z-index: 1;
top: calc(50% + 110px);
left: calc(50% - 68px);
color: #ffffff;
border: 1px solid #fff;
/* display: none; */
}
@media screen and (max-width: 600px) {
.home-KV .__pic .__btn {
top: auto;
bottom: 30%;
display: block;
}
}
.home-KV .__pic .__btn a {
text-decoration: none;
padding: 5px 20px;
display: inline-block;
background-color: rgba(0,0,0,.1);
transition: all .3s;
}
.home-KV .__pic .__btn a:hover {
background-color: rgba(0,0,0,.5);
}
/* 新着情報 */
[class*="home-"] ~ .latestNewsBlock {padding:50px 0 80px;}
/* 製品 */
.home-products h2 {margin:0; padding:.7em 0; background:#17A046; color:#fff;}
.home-products .h2inner:after {display:none;}
.home-products ul {margin:0; background:#F6F6F6; overflow:hidden;display: flex;}
.home-products li {float:left; border-bottom:1px #989898 solid;}
.home-products a {position:relative; display:block; text-align:center; text-decoration:none; overflow:hidden;}
.home-products a:before {content:""; display:block; position:absolute; left:1px; top:0; width:100%; height:100%; background:#E7EFCB; opacity:0; transition:.3s all;}
.home-products a:hover:before {opacity:.5;}
.home-products .__txt {display:block; position:relative; z-index:10; margin-bottom:20px; line-height:21px;}
.home-products .__txt.-line2 {height:42px; margin:-10px 0 -1px;}
.home-products img {display:block; position:relative; z-index:10; width:100%; max-width:300px; margin:10px auto 0;}
.home-products :hover img {opacity:1;}
.home-products li.line2 a {padding: 19px; line-height: 110%;}
/* パネル風メニュー */
.home-panels {margin:80px auto; width: 1300px; max-width: 94%; padding-bottom: 100px;}
.home-panels a {display:flex; width:100%; height:100%; box-sizing:border-box; text-decoration:none; align-items: center; color: #fff; padding: 0 50px; font-size: 36px; letter-spacing: .1em;}
.bnrArea li {
height: 300px;
background-size: cover;
}
.bnrArea li:nth-child(n + 2) {
margin-top: 60px;
}
.bnrArea li:nth-child(1) {
background: url("../../images/home/topBnr01_pc.jpg") center center no-repeat;
}
.bnrArea li:nth-child(2) {
background: url("../../images/home/topBnr02_pc.jpg") center center no-repeat;
}
.bnrArea li:nth-child(3) {
background: url("../../images/home/topBnr03_pc.jpg") bottom -10px center no-repeat;
}
.bnrArea li:nth-child(4) {
background: url("../../images/home/topBnr04_pc.jpg") center center no-repeat;
}
.bnrArea li:nth-child(5) {
background: url("../../images/home/topBnr05_pc.jpg") center center no-repeat;
}
/* 最下バナー */
.home-btns {margin: 0 auto; width: 1000px; max-width: 94%; text-align: center; padding: 0 0 100px;}
.homeCenter a {
display: inline-block;
border: 1px solid #18a045;
}
@media print, screen and (min-width:601px) {
main > section[class*="home-"] {min-width:1100px;}
/* キービジュアル */
.home-KV .__pic {height:740px;}
.home-KV .__pic p {font-size:40px;margin-top: 0;}
.home-KV .__pic b {font-size:50px;}
.home-KV .__txt {padding:80px 0;}
.home-KV .__txt > * {max-width:1000px; margin:0 auto;}
.home-KV .__txt dt {margin-bottom:30px; letter-spacing:.15em; font-size:50px;}
.home-KV .__txt dd {line-height:2.4; font-weight:50; font-size:108%;}
.home-KV .__link {overflow:hidden;}
.home-KV .__link li {float:left; width:50%;}
.home-KV .__link img {width: 101%;height: auto;left: -.5%;top: 50%;transform: translate(0, -50%);}
.home-KV .__link a {padding:90px 0; font-size:180%; letter-spacing:.06em; transition:.3s all;}
.home-KV .__link a:after {font-size:.85rem; letter-spacing:0;}
.home-KV .__link a:hover {background:rgba(0,0,0,.2);}
/* 製品 */
.home-products li {width:33.333%; box-shadow:1px 0 0 #989898;}
.home-products a {padding:25px; font-size:123.1%;}
/* パネル風メニュー */
.home-panels a {position:relative; /*padding:25px;*/ font-size:150%; transition:.3s all;}
.home-panels a:before {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,.5); opacity:0; transition:.3s all;}
.home-panels a:hover:before {opacity:.7;}
.home-panels a > * {position:relative; z-index:10;}
.home-panels > div {width:50%; float:left; padding-top:50%; box-sizing:border-box;}
}
@media print, screen and (min-width:1319px) {
/* キービジュアル ウインドウ横長時の調整 */
.home-KV .__link img {width:101%; height:auto; left:-.5%; top:50%; transform:translate(0, -50%);}
}
@media print, screen and (min-width:1501px) {
/* パネル風メニュー ウインドウ横長時の調整 */
.home-panels .__first {height:500px; padding-top:0;}
}
@media screen and (max-width:600px) {
/* キービジュアル */
.home-KV .__pic {height:calc(100vh - 54px);}
.home-KV .__pic p {font-size:5vw; text-indent:4vw;
margin-top: 0;}
.home-KV .__pic b {font-size:6vw;}
.home-KV .__link li {width:100%;}
.home-KV .__link img {top:50%; left:0; width:100%; transform:translate(0,-50%);}
.home-KV .__link a {padding:10vw 0 12vw; font-size:131%;}
.home-KV .__link a:after {margin-top:.6em; padding:0; font-size:.77rem;}
.home-KV .__txt {padding:35px 10px;}
.home-KV .__txt dt {margin-bottom:.8em; font-size:167%;}
.home-KV .__txt dd {font-size:93%;}
/* 製品 */
.home-products h2 {padding:20px 0; font-size:116%;}
.home-products li {width:50%;}
.home-products li:nth-child(n+1) {clear:left; box-shadow:1px 0 0 #989898;}
.home-products a {padding:12px 20px 16px;}
.home-products .__txt {line-height:21px;}
.home-products .__txt.-line2 {height:32px; margin:-1px 0 0; line-height:16px;}
/* パネル風メニュー */
.home-panels {margin:0 auto 40px; padding-bottom: 50px;}
.home-panels a {padding:0 30px; font-size: 20px;}
.bnrArea li {
height: 200px;
}
.bnrArea li:nth-child(n + 2) {
margin-top: 30px;
}
.bnrArea li:nth-child(1) {
background: url("../../images/home/topBnr01_sp.jpg") center center no-repeat;
background-size: 100% auto;
}
.bnrArea li:nth-child(2) {
background: url("../../images/home/topBnr02_sp.jpg") center center no-repeat;
background-size: 100% auto;
}
.bnrArea li:nth-child(3) {
background: url("../../images/home/topBnr03_sp.jpg") center right no-repeat;
background-size: 100% auto;
}
.bnrArea li:nth-child(4) {
background: url("../../images/home/topBnr04_sp.jpg") center center no-repeat;
background-size: 100% auto;
}
.bnrArea li:nth-child(5) {
background: url("../../images/home/topBnr05_sp.jpg") center left no-repeat;
background-size: 100% auto;
}
.home-btns {padding: 0 0 50px;}
}
/* =============== 新着情報 */
.entry__date {color:#999;}
.entry__title {margin:.6em 0 60px; text-align:left; font-size:150%;}
.entry__title:after {content:""; display:block; width:100%; margin-top:.8em; border-bottom:2px #17A046 solid;}
.entry__title > span:after {display:none;}
.entry__body {overflow:hidden; margin-bottom:60px;}
.entry__body img {max-width:100%; height:auto;}
.entry__footer {margin-top:60px; padding-top:40px; border-top:2px #17A046 solid; text-align:center;}
/* =============== NEXT */
/* 知る */
.next-know__intro {text-align:center;}
.next-know__intro .__catch {font-size:167%; font-weight:500; letter-spacing:.05em;}
.pageTitle .next-know__intro {margin-top:30px; padding-bottom:240px; color:#fff;}
.pageTitle .next-know__intro p {font-size:116%; font-weight:500; line-height:2.2;}
/* - インフォグラフィック部分 */
.next-know__data {overflow:hidden;}
.next-know__data .__row {overflow:hidden;}
.next-know__data .__box {padding:25px; background:#43a764; text-align:center; color:#fff; box-shadow:-1px 0 0 #fff inset, 1px 0 0 #fff inset, 0 -1px 0 #fff inset, 0 1px 0 #fff inset; box-sizing:border-box;}
.next-know__data .__box {display:table; width:100%;}
.next-know__data .__body {display:table-cell; vertical-align:middle;}
.next-know__data .-halfW,
.next-know__data .__box.-halfW {float:left; width:50%;}
.next-know__data .-halfH {height:50%;}
.next-know__data h3 {margin-bottom:.4em; padding:0; font-size:180%; font-weight:bold; letter-spacing:.15em;}
.next-know__data h3:before {display:none;}
.next-know__data img {vertical-align:middle; margin-right:10px; vertical-align:-10%;}
.next-know__data p {margin-top:0; font-size:131%;}
.next-know__data .__fig {font-size:250%;}
.next-know__data strong {display:inline-block; vertical-align:-3%; margin:0 .03em; fontfamily:"Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; font-size:160%; font-weight:500; line-height:1; letter-spacing:.02em;}
.next-know__data .__employeeTotal {position:relative; margin:30px 0 15px; padding-bottom:100px;}
.next-know__data .__employeeTotal:before {content:""; display:block; position:absolute; z-index:1; left:calc(50% - 160px); bottom:0; width:320px; height:320px; background:#197E3A; border-radius:50%;}
.next-know__data .__employeeTotal:after {content:""; display:block; position:absolute; z-index:1; left:calc(50% - 100px); bottom:14px; width:200px; height:200px; background:#43a764; border-radius:50%;}
.next-know__data .__employeeTotal * {position:relative; z-index:10;}
.next-know__data .__employeeTotal p {margin:20px 0; font-size:160%;}
.next-know__data .__employeeTotal img {position:absolute; bottom:45px; left:50%; transform:translate(-50%,0);}
.next-know__data .__services {width:100%;}
.next-know__data .__services td {height:90px; border:2px #17A046 solid; background:#197E3A; text-align:center; font-size:123.1%; font-weight:500; letter-spacing:.08em; box-sizing:border-box;}
.next-know__data .__services td[rowspan] {height:auto; font-size:150%;}
.next-know__data .__services td[rowspan] img {margin:10px 0 0;}
.next-know__data .__services td .IB {vertical-align:middle;}
.next-know__data .__ratio {margin-top:0;}
.next-know__data .__ratio li {display:inline-block; margin:0 25px;}
.next-know__data .__branches {text-align:center;}
.next-know__data .__branches li {display:inline-block; margin:0 15px; text-align:left;}
/* - 工場 */
.next-know__factories {overflow:hidden;}
.next-know__factories li {float:left; width:calc((100% - 50px) / 3); margin-left:25px; margin-bottom:35px; text-align:center;}
.next-know__factories li:first-child {width:calc((100% - 50px) / 3 * 2 + 25px); margin-left:0;}
.next-know__factories li:nth-child(3n) {margin-left:0; clear:left;}
.next-know__factories img {width:100%; height:201px; margin-bottom:.6em;}
.next-know__factories strong {font-size:116%; color:#17A046;}
.profile-world__map .__nextTxt {position:absolute; bottom:100px; left:0; width:100%; text-align:center; font-size:180%;}
.next-know__endBtn {text-align:center;}
.next-know__endBtn a {display:inline-block; width:600px; height:180px; background:url(../../images/next/know_endbtn.jpg) no-repeat 50% 50%; background-size:cover; color:#fff; font-size:167%; font-weight:500; line-height:180px; text-decoration:none;}
.next-know__endBtn a:hover {
opacity: .8;
}
@media print, screen and (min-width:601px) {
img[src$="next/know_emptotal.png"] {width:90px;}
img[src$="next/know_sales.png"] {width:55px;}
img[src$="next/know_est.png"] {width:50px;}
img[src$="next/know_money.png"] {width:62px;}
img[src$="next/know_stock.png"] {width:55px;}
img[src*="next/know_svc_"] {width:35px; vertical-align:-70%;}
img[src$="next/know_svc_car.png"] {width:74px;}
img[src*="next/know_ratio_"] {width:63px;}
}
@media screen and (max-width:600px) {
.pageTitle .next-know__intro p {text-align:left;}
/* - インフォグラフィック部分 */
.next-know__data .__box {padding:18px;}
.next-know__data .-halfW,
.next-know__data .__box.-halfW {float:none; width:100%; height:auto!important;}
.next-know__data h3 {font-size:131%;}
.next-know__data p {font-size:100%;}
.next-know__data .__fig {font-size:167%;}
.next-know__data .__employeeTotal p {margin:20px 0; font-size:146.5%;}
.next-know__data .__employeeTotal img {bottom:25px;}
.next-know__data .__services td {font-size:100%;}
.next-know__data .__services td[rowspan] {font-size:131%;}
.next-know__factories strong {font-size:116%;}
.next-know__data .__employeeTotal {padding-bottom:50px;}
.next-know__data .__employeeTotal:before {left:calc(50% - 105px); width:210px; height:210px;}
.next-know__data .__employeeTotal:after {left:calc(50% - 65px); bottom:10px; width:130px; height:130px;}
.next-know__data .__employeeTotal p {line-height:1.4; font-size:131%;}
.next-know__data .__branches li {width:100%; max-width:300px; margin:0;}
.next-know__data .__branches li + li {margin-top:10px;}
.next-know__data .__branches h3 {margin-bottom:0;}
img[src$="next/know_emptotal.png"] {width:54px;}
img[src$="next/know_sales.png"] {width:32px;}
img[src$="next/know_est.png"] {width:32px;}
img[src$="next/know_money.png"] {width:36px;}
img[src$="next/know_stock.png"] {width:32px;}
img[src*="next/know_svc_"] {width:24px; vertical-align:-70%;}
img[src$="next/know_svc_car.png"] {width:50px;}
img[src*="next/know_ratio_"] {width:40px;}
.next-know__factories li:nth-child(n) {clear:none; width:calc((100% - 10px) / 2); margin-left:10px; margin-bottom:15px; line-height:1.33; font-size:85%;}
.next-know__factories li:first-child {width:100%; margin-left:0;}
.next-know__factories li:nth-child(2n) {margin-left:0; clear:left;}
.next-know__factories img {height:auto; margin-bottom:.3em;}
.next-know__factories strong {display:block;}
.profile-world__map .__nextTxt {bottom:5vw; font-size:116%;}
.next-know__endBtn a {max-width:300px; height:90px; line-height:90px; font-size:131%;}
}
@media screen and (max-width:374px) {
.next-know__data .__fig {font-size:150%;}
.next-know__data .__fig .sm3 {font-size:70%;}
}
/* 強み */
.next-strength__nav {text-align:center;}
.next-strength__nav a {position:relative; display:block; background:#eee; text-decoration:none; color:#fff; font-size:150%;}
.next-strength__nav a[href*="/strength/technology/"] {background:url(../../images/next/str_btn1.jpg) no-repeat 50% 50%; background-size:cover;}
.next-strength__nav a[href*="/strength/analysis/"] {background:url(../../images/next/str_btn2.jpg) no-repeat 50% 50%; background-size:cover;}
.next-strength__tech li {display:table; height:80px; background:#17A046; color:#fff;}
.next-strength__tech p {display:table-cell; vertical-align:middle; text-align:center;}
@media print, screen and (min-width:601px) {
.next-strength__nav li {display:inline-block; width:400px; margin:0 25px;}
.next-strength__nav a {padding:70px 0;}
.next-strength__tech {overflow:hidden;}
.next-strength__tech li {float:left; width:calc((100% - 40px) / 3);}
.next-strength__tech li + li {margin-left:20px;}
}
@media screen and (max-width:600px) {
.next-strength__nav li + li {margin-top:25px;}
.next-strength__nav a {padding:70px 0;}
.next-strength__tech li {width:100%;}
.next-strength__tech li + li {margin-top:10px;}
}
/* 未来 */
.next-future__tab {max-width:500px; margin-left:auto; margin-right:auto;}
.next-future__anchor {overflow:hidden; max-width:1000px; margin:0 auto;}
.next-future__anchor li {float:left;}
.next-future__anchor li a {width:100%;}
.next-future__anchor li a:after {transform:rotate(90deg);}
@media print, screen and (min-width:601px) {
.next-future__anchor li {width:calc((100% - 18px) / 4); margin:3px 0 3px 6px;}
.next-future__anchor li:nth-child(4n+1) {clear:left; margin-left:0;}
.next-future__anchor li a {margin:0;}
}
@media screen and (max-width:600px) {
.next-future__anchor li {width:calc((100% - 20px) / 2); margin:0 0 18px 20px;}
.next-future__anchor li:nth-child(2n+1) {clear:left; margin-left:0;}
.next-future__anchor li a {min-width:0; padding:.1em 20px .2em .5em; box-sizing:border-box;}
}
/* =============== 企業情報 */
/* 社是・経営理念 */
.profile-principles-shaze {text-align:center; font-size:200%; font-weight:bold;}
.profile-principles-rinen {boz-sizing:border-box; max-width:500px; margin:0 auto; padding:30px 40px; background:#f4f4f4; text-align:center; font-size:131%; font-weight:bold;}
.profile-principles-rinen ul {margin:.67em 0;}
.profile-principles-rinen li {padding:.15em .5em .15em 2em; background:#fff; text-align:left;}
.profile-principles-rinen li + li {margin-top:.5em;}
.profile-principles-rinen li strong {display:inline-block; width:1.6em; margin-left:-1.6em; text-align:center; color:#17A046;}
.profile-principles-rinen span {display:inline-block;}
@media screen and (max-width:600px) {
.profile-principles-rinen {padding:14px 20px; font-size:116%;}
}
/* 経営計画
.profile-fyp-principles {overflow:hidden; max-width:900px; margin:0 auto; text-align:center;}
.profile-fyp-principles .__box {position:relative; box-sizing:border-box; border:2px #3B9639 solid;}
.profile-fyp-principles > div > p {margin-bottom:.6em; font-size:131%; font-weight:bold;}
.profile-fyp-principles .__stages p {color:#195E94;}
.profile-fyp-principles .__goal p {color:#3B9639;}
.profile-fyp-principles .__stages .__timeline {display:table; width:100%; overflow:hidden; background:#195E94;}
.profile-fyp-principles .__stages .__timeline li {position:relative; display:table-cell; padding-right:4px; line-height:26px; color:#fff;}
.profile-fyp-principles .__stages .__timeline li:before {content:""; display:block; position:absolute; right:-2px; top:-1px; border:transparent 14px solid; border-left-color:#fff; border-right:0;}
.profile-fyp-principles .__stages .__timeline li:after {content:""; display:block; position:absolute; right:0px; top:-1px; border:transparent 14px solid; border-left-color:#195E94; border-right:0;}
.profile-fyp-principles .__stages .__timeline li:first-child {padding:0 6px 0 2px;}
.profile-fyp-principles .__stages .__timeline li:last-child:before {right:0; width:14px; height:28px; border:0; background:#fff;}
.profile-fyp-principles .__stages dt {padding:10px 14px 4px; font-size:116%; font-weight:bold;}
.profile-fyp-principles .__stages * + dt {margin-top:6px;}
.profile-fyp-principles .__stages dd {padding:0 14px 14px;text-align:left;}
.profile-fyp-principles .__stages dt.-clr1,
.profile-fyp-principles .__stages dt.-clr1 ~ dd {background:#CDE5EF;}
.profile-fyp-principles .__stages dt.-clr2,
.profile-fyp-principles .__stages dt.-clr2 ~ dd {background:#FBE4C4;}
.profile-fyp-principles .__goal ul.__box {margin-top:0;}
.profile-fyp-principles .__goal li {background:#D6E9CB; font-size:116%;}
@media print, screen and (min-width:601px) {
.profile-fyp-principles .__box {padding:20px;}
.profile-fyp-principles .__stages {float:left; width:66%;}
.profile-fyp-principles .__stages .__box:before {content:""; display:block; position:absolute; right:-16px; top:calc(50% - 30px); width:16px; height:60px; background:#3B9639;}
.profile-fyp-principles .__stages .__box:after {content:""; display:block; position:absolute; right:-32px; top:calc(50% - 40px); border:40px transparent solid; border-left:16px #3B9639 solid; border-right:0;}
.profile-fyp-principles .__goal {float:right; width:30%;}
.profile-fyp-principles .__goal li {height:calc((100% - 40px)/3);}
.profile-fyp-principles .__goal li + li {margin-top:20px;}
.profile-fyp-principles .__goal li:before {content:""; display:inline-block; height:100%; vertical-align:middle;}
.profile-fyp-principles .__goal li > div {display:inline-block; width:calc(100% - 1px); vertical-align:middle;}
.profile-fyp__endbtn a {width:330px;}
}
@media screen and (max-width:600px) {
.profile-fyp-principles .__box {padding:12px;}
.profile-fyp-principles .__stages {margin-bottom:40px;}
.profile-fyp-principles .__stages .__box:before {content:""; display:block; position:absolute; right:calc(50% - 30px); bottom:-16px; width:60px; height:16px; background:#3B9639;}
.profile-fyp-principles .__stages .__box:after {content:""; display:block; position:absolute; right:calc(50% - 40px); bottom:-32px; border:40px transparent solid; border-top:16px #3B9639 solid; border-bottom:0;}
.profile-fyp-principles .__stages .__timeline {font-size:11px;}
.profile-fyp-principles .__stages .__timeline li:before,
.profile-fyp-principles .__stages .__timeline li:after {border-left-width:8px;}
.profile-fyp-principles .__stages .__timeline li:last-child:before {width:8px;}
.profile-fyp-principles .__goal ul.__box {height:auto!important;}
.profile-fyp-principles .__goal li {padding:10px 0; line-height:1.6;}
.profile-fyp-principles .__goal li + li {margin-top:12px;}
}
*/
/* 経営計画 */
.profile-fyp-principles {max-width:900px; margin:0 auto 50px; text-align:center; display: flex; justify-content: space-between;}
.profile-fyp-principles .__box {position:relative; box-sizing:border-box; padding: 20px; border: 2px #3B9639 solid;}
.profile-fyp-principles > div > p {margin-bottom:.6em; font-size:131%; font-weight:bold;}
.profile-fyp-principles .__stages p {font-size: 1.2em; margin: 0 0 -15px; font-weight: bold; padding-left: 18px; position: relative;}
.profile-fyp-principles .__goal { display: flex; flex-direction: column; border: 2px #3B9639 solid; }
.profile-fyp-principles .__stages p:before {background: #333; width: 12px; height: 12px; position: absolute; top: 11px; left: 0; content: '';}
.profile-fyp-principles .__goal p {color:#fff; background: #3b9638; padding: 30px 0; margin: 0;}
.profile-fyp-principles .__stages .__timeline {display:table; width:100%; overflow:hidden; background:#195E94;}
.profile-fyp-principles .__stages .__timeline li {position:relative; display:table-cell; padding-right:4px; line-height:26px; color:#fff;}
.profile-fyp-principles .__stages .__timeline li:before {content:""; display:block; position:absolute; right:-2px; top:-1px; border:transparent 14px solid; border-left-color:#fff; border-right:0;}
.profile-fyp-principles .__stages .__timeline li:after {content:""; display:block; position:absolute; right:0px; top:-1px; border:transparent 14px solid; border-left-color:#195E94; border-right:0;}
.profile-fyp-principles .__stages .__timeline li:first-child {padding:0 6px 0 2px;}
.profile-fyp-principles .__stages .__timeline li:last-child:before {right:0; width:14px; height:28px; border:0; background:#fff;}
.profile-fyp-principles .__stages dt {padding:20px 0 20px; font-size:126%; font-weight:bold; color: #df0404;}
.profile-fyp-principles .__stages * + dt {margin-top:6px;}
.profile-fyp-principles .__stages dd {padding:0 14px;text-align:left;}
.profile-fyp-principles .__stages dd span {color: #3276dc;}
.profile-fyp-principles .__stages dl {background:#eeeeee; padding: 0 20px 15px;}
.profile-fyp-principles .__stages dd.white {background: #fff; padding: 15px 20px; margin: 0 0 10px;}
/*
.profile-fyp-principles .__stages dt.-clr1,
.profile-fyp-principles .__stages dt.-clr1 ~ dd {background:#CDE5EF;}
.profile-fyp-principles .__stages dt.-clr2,
.profile-fyp-principles .__stages dt.-clr2 ~ dd {background:#FBE4C4;}
*/
.profile-fyp-principles .__goal ul { flex-grow: 2; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr; margin: 0; padding: 20px;}
.profile-fyp-principles .__goal li {padding: 10px;background:#D6E9CB; font-size:116%; display: flex; align-items: center;}
@media print, screen and (min-width:601px) {
/*.profile-fyp-principles .__box {padding:20px;}*/
.profile-fyp-principles .__stages {width:66%;}
.profile-fyp-principles .__stages .__box:before {content:""; display:block; position:absolute; right:-16px; top:calc(50% - 30px); width:16px; height:60px; background:#3B9639;}
.profile-fyp-principles .__stages .__box:after {content:""; display:block; position:absolute; right:-32px; top:calc(50% - 40px); border:40px transparent solid; border-left:16px #3B9639 solid; border-right:0;}
.profile-fyp-principles .__goal {width:30%;}
/*
.profile-fyp-principles .__goal li {height:calc((100% - 40px)/3);}
*/
/*.profile-fyp-principles .__goal ul.__box {height:645px!important;}*/
.profile-fyp-principles .__goal li + li {margin-top:20px;}
.profile-fyp__endbtn a {width:330px;}
}
@media screen and (max-width:600px) {
.profile-fyp-principles {flex-direction: column;}
.profile-fyp-principles .__box {padding:12px;}
.profile-fyp-principles .__stages {margin-bottom:40px;}
.profile-fyp-principles .__stages .__box:before {content:""; display:block; position:absolute; right:calc(50% - 30px); bottom:-16px; width:60px; height:16px; background:#3B9639;}
.profile-fyp-principles .__stages .__box:after {content:""; display:block; position:absolute; right:calc(50% - 40px); bottom:-32px; border:40px transparent solid; border-top:16px #3B9639 solid; border-bottom:0;}
.profile-fyp-principles .__stages .__timeline {font-size:11px;}
.profile-fyp-principles .__stages .__timeline li:before,
.profile-fyp-principles .__stages .__timeline li:after {border-left-width:8px;}
.profile-fyp-principles .__stages .__timeline li:last-child:before {width:8px;}
.profile-fyp-principles .__goal ul.__box {height:auto!important;}
.profile-fyp-principles .__goal li {padding:10px; line-height:1.6;}
.profile-fyp-principles .__goal li + li {margin-top:12px;}
}
/* 役員紹介 */
.profile-executiveList {overflow:hidden;}
.profile-executiveList li {float:left;}
.profile-executiveList li img {width:100%;}
.profile-executiveList li p {margin-top:.2em; font-size:93%; color:#199E43;}
.profile-executiveList li strong {display:block; margin-top:.3rem; border-top:1px #989898 solid; font-size:1.231rem; color:#1a1a1a;}
.profile-executiveList ~ .tableLike {max-width:500px; margin:0 auto;}
@media print, screen and (min-width:601px) {
.profile-executiveList li {width:calc((100% - 60px) / 3); margin:0 0 50px 30px;}
.profile-executiveList li:nth-child(3n+1) {clear:left; margin-left:0;}
.profile-executiveList ~ .tableLike dt {width:40%;}
.profile-executiveList ~ .tableLike dd {width:60%;}
}
@media screen and (max-width:600px) {
.profile-executiveList li {float:left;}
.profile-executiveList li {width:calc((100% - 20px) / 2); margin:0 0 35px 20px;}
.profile-executiveList li:nth-child(2n+1) {clear:left; margin-left:0;}
.profile-executiveList li strong {font-size:108%;}
}
/* 沿革 ※大半は.tabbedListを参照のこと */
.profile-history dd > * + * {margin-top:.8em;}
@media print, screen and (min-width:601px) {
.profile-history dd img + img {margin-left:20px;}
}
@media screen and (max-width:600px) {
.profile-history dd img {display:block; margin-left:auto; margin-right:auto;}
}
/* 国内拠点 */
.profile-japan__list h3 {margin:0 0 .8em;}
.profile-japan__list .__box:not(:last-child) {margin-bottom:30px; padding-bottom:30px; border-bottom:1px #989898 solid;}
.profile-japan__list .__pic img {width:100%;}
.profile-japan__list .btn1 {margin-top:25px;}
@media print, screen and (min-width:601px) {
.profile-japan__list .__box {overflow:hidden;}
.profile-japan__list .__pic {width:470px; float:left;}
.profile-japan__list .__txt {width:470px; float:right;}
}
@media screen and (max-width:600px) {
.profile-japan__list .__pic {margin-bottom:16px;}
.profile-japan__list .btn1 {margin-top:16px;}
.profile-japan__list .btn1 a {width:100%;}
}
/* 国内拠点 印刷用画面 */
.map__txt {padding:30px 0; border-top:2px #17A046 solid; line-height:1.8;}
.map__iframe {margin-bottom:30px; padding-bottom:30px; border-bottom:2px #17A046 solid;}
.map__iframe iframe {width:100%; height:540px;}
.pageHeader.-map ~ main {padding-top: 60px; padding-bottom:60px;}
.pageHeader.-map ~ main .btn1 a {min-width:210px; padding:.8em 0;}
.pageHeader.-map ~ main .btn1 a:after {display:none;}
.pageHeader.-map ~ main .btn1 a img {margin-right:16px; vertical-align:-35%;}
.pageHeader.-map ~ .pageFooter {background:none; color:inherit;}
@media print, screen and (min-width:601px) {
.pageHeader.-map {position:static; margin-top:-76px;}
.pageHeader.-map .__siteName {margin-bottom:0;}
.pageHeader.-map ~ main,
.pageHeader.-map ~ .pageFooter {min-width:375px;}
.pageHeader.-map ~ * .content {max-width:calc(100% - 50px);}
}
@media print, screen and (min-width:1024px) {
.pageHeader.-map {margin-top:-110px;}
}
@media screen and (max-width:600px) {
.pageHeader.-map {margin-bottom:20px;}
.pageHeader.-map ~ main {padding-top: 30px;}
.map__iframe iframe {width:100%; height:67vw;}
}
@media print {
.pageHeader.-map .__siteName {margin-bottom:0;}
.pageHeader.-map .__siteName img {width:80px;}
.pageHeader.-map ~ main {padding-bottom:0;}
.pageHeader.-map ~ main h3 {margin-bottom:1em; font-size:116%;}
.map__txt {padding-top:20px;}
.map__iframe {padding-bottom:0; border:0;}
.map__iframe iframe {height:450px;}
.pageHeader.-map ~ main .btn1 {display:none;}
}
/* グループ拠点 */
.profile-world__map {position:relative;}
.profile-world__map a {display:block; position:absolute; top:35%; width:130px; padding:.2em 0; background:linear-gradient(to right, #129A8E 0%, #40CB56 100%); text-align:center; text-decoration:none; color:#fff; transform:translate(-50%,0); white-space:nowrap; cursor:pointer;}
.profile-world__map a:after {content:""; display:block; position:absolute; left:calc(50% - 4px); bottom:-4px; width:8px; height:8px; background:linear-gradient(to bottom right, #27B075 0%, #2BB56F 100%); transform:rotate(-45deg);}
.profile-world__map a[data-href*="eu"] {left:17%;}
.profile-world__map a[data-href*="as"] {left:35%; top:50%;}
.profile-world__map a[data-href*="jp"] {left:45%;}
.profile-world__map a[data-href*="na"] {left:79%;}
.profile-world__map ~ .tabbedList__tab li {width:25%;}
.profile-world__list {margin-top:60px; border:#17A046 solid; border-width:2px 0; overflow:hidden;}
.profile-world__list > [data-key] {position:relative; top:-1px; padding:30px 0; border-top:1px #999 solid;}
.profile-world__list .__nation {content:""; display:inline-block; padding:.1em .6em; background:#17A046; font-size:116%; color:#fff;}
.profile-world__list [data-key] h3 {margin-top:30px;}
.profile-world__list [data-key] h4 {display:inline-block; padding:.3em 1em; border:1px #17A046 solid; font-weight:normal; font-size:108%;}
.profile-world__list [data-key] h3 + h4 {margin-top:0;}
.profile-world__list [data-key] h5 {margin-top:.4em; color:#17A046;}
.profile-world__list [data-key] .btn1 {margin-top:1.5em;}
@media screen and (max-width:600px) {
.profile-world__map a {transform:translate(-50%,-30%) scale(.55); padding:0; font-size:116%;}
}
/* =============== 野球部 */
/* 共通：ヘッダ */
.pageHeader.-bbt {background:#17A046; color:#fff;}
.pageHeader.-bbt a {color:#fff;}
.pageHeader.-bbt .__siteName img {margin-right:.5em; vertical-align:-50%;}
.pageHeader.-bbt .btn1 a {min-width:200px; padding:.1em 20px .1em .4em; border-color:#fff; text-align:center; font-weight:500; letter-spacing:.05em; white-space:nowrap;}
.pageHeader.-bbt .btn1 a .arr {border-left-color:#fff;}
@media print, screen and (min-width:601px) {
.pageHeader.-bbt .__siteName {font-size:131%; font-weight:500; letter-spacing:.03em;}
.pageTitle.-bbt {height:560px;}
.pageTitle.-bbt .__pic:after {display:none;}
}
@media print, screen and (min-width:1024px) {
.pageHeader.-bbt + * {margin-top:-10px;}
.pageHeader.-bbt .__siteName {padding:30px 0;}
.-bbt .gnav {width:calc(100% - 610px); -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; margin-left:50px;}
.-bbt .gnav > li > a {padding:34px 18px 42px;}
.-bbt .gnav > li:hover > a,
.-bbt .gnav > li > a.on {color:inherit;}
.-bbt .gnav > li > a:after {content:""; position:relative; bottom:-2px; left:0; display:block; width:100%; border:0; border-bottom:1px #fff solid; transition:opacity .1s; opacity:0 linear;}
.-bbt .gnav > li:hover > a:after,
.-bbt .gnav > li > a.on:after {opacity:1;}
.pageHeader.-bbt .btn1 {position:absolute; right:30px; top:0; padding:32px 0 36px;}
}
@media screen and (max-width:1023px) {
.pageHeader.-bbt .__siteName {padding:21px 12px;}
.pageHeader.-bbt .__siteName img {width:120px; vertical-align:-20%;}
.pageHeader.-bbt nav {background:#17A046;}
.pageHeader.-bbt .gnav {border-bottom:1px #fff solid;}
.pageHeader.-bbt .gnav li {border-top:1px #fff solid;}
.pageHeader.-bbt .btn1 {margin:25px 0; text-align:center;}
.pageHeader.-bbt #spNav:before {background:#fff; box-shadow:0 8px 0 #fff;}
.pageHeader.-bbt #spNav:after {background:#fff;}
.pageHeader.-bbt .__closer {background:#fff; color:#17A046;}
.pageHeader.-bbt .__closer span:before,
.pageHeader.-bbt .__closer span:after {border-color:#17A046;}
.pageHeader.-bbt + * {margin-top:-4px;}
}
@media screen and (max-width:600px) {
.-bbt .__siteName {padding:18px 12px; font-size:11px;}
.-bbt .__siteName img {width:80px;}
.pageTitle.-bbt {margin-bottom:20px;}
}
/* インデックス */
.pageTitle.bbtMV .__pic:after {display:none;}
.bbt-index__latest dt {width:7em; padding:.1em 0; background:#1869A1; text-align:center; font-size:116%; color:#fff;}
.bbt-index__latest dd {border:2px #1869A1 solid; box-sizing:border-box; text-align:center;}
.bbt-index__latest .__title {display:table; width:100%; padding:12px 25px 0; border-width:2px 2px 0;}
.bbt-index__latest .__title > div {display:table-cell; vertical-align:middle;}
.bbt-index__latest .__date {padding:0 25px; border-width:0 2px;}
.bbt-index__latest .__date:after {content:""; display:block; margin:12px 0 0; border-top:2px #1869A1 solid;}
.bbt-index__latest .__match {width:100%; padding:12px 25px; border-width:0 2px 2px; font-size:116%;}
.bbt-index__latest .__match > div {display:table; margin:0 auto;}
.bbt-index__latest .__match > div > div {display:table-cell; width:45%; vertical-align:middle;}
.bbt-index__latest .__match > div > div:nth-child(2) {width:60px;}
.bbt-index__latest .__match > div > div:nth-child(2):after {content:""; display:block; width:60px;}
.bbt-index__latest .__next dt {background:#B30B0B;}
.bbt-index__latest .__next dd,
.bbt-index__latest .__next .__date:after {border-color:#B30B0B;}
@media print, screen and (min-width:601px) {
.pageTitle.bbtMV {height:800px;}
.bbt-index__latest > dl {margin-top:0;}
}
@media screen and (max-width:600px) {
.pageTitle.bbtMV {height:75vw; min-height:255px;}
}
/* メンバー */
.bbt-member__nav {overflow:hidden; color:#17A046;}
.bbt-member__nav li {width:20%; float:left; padding:0 2px; box-sizing:border-box;}
.bbt-member__nav li a {min-width:0; width:calc(100% - 2px); box-sizing:border-box; color:#1a1a1a;}
.bbt-member__nav li a .arr {transform:rotate(90deg);}
.bbt-member__nav li a:hover .arr {transform:rotate(90deg); right:15px; top:50%;}
.bbt-member__list {overflow:hidden;}
.bbt-member__list li {float:left; padding:15px; border:1px #17A046 solid; box-sizing:border-box;}
.bbt-member__list li a {text-decoration:none; color:inherit;}
.bbt-member__list li .__pic {position:relative; overflow:hidden;}
.bbt-member__list li img {width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.bbt-member__list li span {display:block; margin-top:8px; padding:.1em .6em; background:#17A046; font-size:93%; color:#fff;}
.bbt-member__list li span + div {margin-top:.3em; line-height:1.5;}
.bbt-member__desc__num {margin-top:-.6em; padding:.2em .8em; background:#17A046; font-size:116%; color:#fff;}
.bbt-member__desc__num + dl {margin-top:0; border-top:0; border-bottom-width:1px;}
.bbt-member__desc__num + dl.datedList > * {padding:1em 0; border-color:#17A046;}
@media print, screen and (min-width:601px) {
.bbt-member__list li {width:calc((100% - 90px) / 4); margin-left:30px;}
.bbt-member__list li:nth-child(4n+1) {clear:left; margin-left:0;}
.bbt-member__list li:nth-child(n+5) {margin-top:30px;}
.bbt-member__list li .__pic {width:195px; height:280px;}
.bbt-member__list li span + div {font-size:108%;}
}
@media screen and (max-width:600px) {
.bbt-member__list li {width:calc(50% - 10px); margin-left:20px; padding:12px;}
.bbt-member__list li:nth-child(2n+1) {clear:left; margin-left:0;}
.bbt-member__list li:nth-child(n+3) {margin-top:20px;}
.bbt-member__list li .__pic {padding-top:143.59%;}
.bbt-member__list li span {padding:0 .5em;}
}
/* 日程 */
.bbt-game li {padding:25px 0; border-top:1px #999 solid; overflow:hidden;}
.bbt-game li:last-child {border-bottom:1px #999 solid;}
.bbt-game h4 {color:#17A046;}
.bbt-game .btn1 {margin-top:1em;}
.bbt-game .btn1 a {min-width:120px; padding:.4em 30px;}
@media print, screen and (min-width:601px) {
.bbt-game li .outline {float:left; width:35%;}
.bbt-game li table {float:right; width:60%; margin:0;}
}
@media screen and (max-width:600px) {
.bbt-game li table {width:100%; margin-top:25px;}
}
/* 地域交流 */
.bbt-region h3 + p {margin-top:35px; padding-top:25px; border-top:2px #17A046 solid;}
.bbt-region img {max-width:100%;}
.bbt-region ul {border-bottom:2px #17A046 solid;}
@media print, screen and (min-width:601px) {
.bbt-region ul {overflow:hidden;}
.bbt-region li {float:left; width:calc(50% - 30px); margin:0 0 30px 60px;}
.bbt-region li:nth-child(2n+1) {clear:left; margin-left:0;}
}
@media screen and (max-width:600px) {
.bbt-region h3 + p {padding-top:15px; border-top-width:1px;}
.bbt-region ul {padding-bottom:20px; border-bottom-width:1px;}
.bbt-region li + li {margin-top:20px;}
}
/* =============== IR */
.ir-info__tab li {width:25%;}
/* =============== 製品 */
/* 自動車 */
.prd-car__imgmap {position:relative;}
.prd-car__imgmap .__pic {position:relative; text-align:center;}
.prd-car__imgmap .__pic img:not([src*="init"]) {position:absolute; top:0; left:50%; transform:translate(-50%,0); opacity:0; transition:all .2s;}
.prd-car__imgmap .__nav a[href*="#01"] {background:#1C4980;}
.prd-car__imgmap .__nav a[href*="#02"] {background:#1DA724;}
.prd-car__imgmap .__nav a[href*="#03"] {background:#E26D05;}
.prd-car__imgmap .__nav a[href*="#04"] {background:#00A0AA;}
.prd-car__imgmap .__nav a[href*="#05"] {background:#B33030;}
@media print, screen and (min-width:601px) {
.prd-car__imgmap {margin-top:60px; padding:20px 0 60px;}
.prd-car__imgmap .__pic.show01_pc img[src*="_01.jpg"],
.prd-car__imgmap .__pic.show03_pc img[src*="_03.jpg"],
.prd-car__imgmap .__pic.show04_pc img[src*="_04.jpg"],
.prd-car__imgmap .__pic.show05_pc img[src*="_05.jpg"] {opacity:1;}
.prd-car__imgmap .__nav a {display:block; width:220px; position:absolute; padding:.5em 1em 1.6em; background:#aaa; color:#fff; text-align:center; text-decoration:none; font-size:116%; box-sizing:border-box;}
.prd-car__imgmap .__nav a:after {content:""; display:block; position:absolute; bottom:.8em; left:calc(50% - 4px); width:7px; height:7px; border:#fff solid; border-width:0 2px 2px 0; transform:rotate(45deg);}
.prd-car__imgmap .__nav a[href*="#01"] {right:0; bottom:33%;}
.prd-car__imgmap .__nav a[href*="#01"]:before {content:""; display:block; width:70px; height:160px; position:absolute; left:-70px; bottom:50%; border:#1C4980 solid; border-width:0 0 2px 2px;}
.prd-car__imgmap .__nav a[href*="#02"] {left:0; top:12%;}
.prd-car__imgmap .__nav a[href*="#03"] {left:50%; bottom:0%;}
.prd-car__imgmap .__nav a[href*="#03"]:before {content:""; display:block; height:190px; position:absolute; left:50%; top:-190px; border:#E26D05 solid; border-width:0 0 0 2px;}
.prd-car__imgmap .__nav a[href*="#04"] {left:0%; bottom:0%;}
.prd-car__imgmap .__nav a[href*="#04"]:before {content:""; display:block; width:70px; height:200px; position:absolute; right:-70px; bottom:50%; border:#00A0AA solid; border-width:0 2px 2px 0;}
.prd-car__imgmap .__nav a[href*="#05"] {right:0%; top:0%;}
.prd-car__imgmap .__nav a[href*="#05"]:before {content:""; display:block; width:35px; height:140px; position:absolute; left:-35px; top:50%; border:#B33030 solid; border-width:2px 0 0 2px;}
}
@media screen and (max-width:600px) {
.prd-car__imgmap .__pic {margin-top:35px; padding:2vw 0 7vw;}
.prd-car__imgmap .__pic img:not([src*="init"]) {top:2vw;}
.prd-car__imgmap .__pic.show01_sp img[src*="_01.jpg"],
.prd-car__imgmap .__pic.show03_sp img[src*="_03.jpg"],
.prd-car__imgmap .__pic.show04_sp img[src*="_04.jpg"],
.prd-car__imgmap .__pic.show05_sp img[src*="_05.jpg"] {opacity:1;}
.prd-car__imgmap .__pic .__switcher-sp {margin:0; font-size:85%;}
.prd-car__imgmap .__pic .__switcher-sp li {position:absolute; min-width:22vw; padding:.1em 1em; background:#aaa; color:#fff; text-align:center; font-size:93%; box-sizing:border-box;}
.prd-car__imgmap .__pic .__switcher-sp li[data-layer="01"] {right:0; bottom:30%; background:#1C4980;}
.prd-car__imgmap .__pic .__switcher-sp li[data-layer="01"]:before {content:""; display:block; width:2vw; height:18vw; position:absolute; left:-2vw; bottom:50%; border:#1C4980 solid; border-width:0 0 1px 1px;}
.prd-car__imgmap .__pic .__switcher-sp li[data-layer="02"] {left:0; top:10%; background:#1DA724;}
.prd-car__imgmap .__pic .__switcher-sp li[data-layer="03"] {left:38%; top:bottom:3%; background:#E26D05;}
.prd-car__imgmap .__pic .__switcher-sp li[data-layer="03"]:before {content:""; display:block; height:20vw; position:absolute; left:50%; top:-20vw; border:#E26D05 solid; border-width:0 0 1px 1px;}
.prd-car__imgmap .__pic .__switcher-sp li[data-layer="04"] {left:0; bottom:0; background:#00A0AA;}
.prd-car__imgmap .__pic .__switcher-sp li[data-layer="04"]:before {content:""; display:block; width:2vw; height:20vw; position:absolute; right:-2vw; bottom:50%; border:#00A0AA solid; border-width:0 1px 1px 0;}
.prd-car__imgmap .__pic .__switcher-sp li[data-layer="05"] {right:0; top:0; background:#B33030;}
.prd-car__imgmap .__pic .__switcher-sp li[data-layer="05"]:before {content:""; display:block; height:14vw; position:absolute; left:20%; bottom:-14vw; border:#E26D05 solid; border-width:0 0 1px 1px;}
.prd-car__imgmap .__nav {margin-top:30px; overflow:hidden; font-size:85%;}
.prd-car__imgmap .__nav li {float:left; width:calc(50% - 8px); margin:8px 0 8px 16px;}
.prd-car__imgmap .__nav li:nth-child(2n+1) {clear:left; margin-left:0;}
.prd-car__imgmap .__nav a {position:relative; display:block; padding:.2em 0 1.3em; color:#fff; text-decoration:none; text-align:center; white-space:nowrap;}
.prd-car__imgmap .__nav a:after {content:""; display:block; position:absolute; bottom:.7em; left:calc(50% - 3px); width:5px; height:5px; border:#fff solid; border-width:0 2px 2px 0; transform:rotate(45deg);}
}
/* 農業 */
.prd-cltv__merits__title {font-size:116%; font-weight:bold; color:#17A046;}
.prd-cltv__merits__title:not(:first-child) {margin-top:2em;}
.prd-cltv__merits__title strong {display:inline-block; margin-right;.4em; padding:0 .5em; background:#17A046; color:#fff; font-size:85%;}
.prd-cltv__merit1__data1 {padding:.2em .8em; border:1px #17A046 solid;}
.prd-cltv__merit1__data1 li {padding:.2em 0;}
.prd-cltv__merit1__data1 li + li {border-top:1px #17A046 solid;}
.prd-cltv__merit1__data2 strong {display:inline-block; margin-bottom:.3em;}
.prd-cltv__dealers {overflow:hidden;}
.prd-cltv__dealers li {/*border:1px #999 solid;*/ box-sizing:border-box; border-bottom:1px #999 solid;}
.prd-cltv__dealers li:last-child {border-bottom: 0;}
.prd-cltv__dealers strong {font-size:116%;}
@media print, screen and (min-width:601px) {
img[src*="cltv_03-01.jpg"] {width:65%;}
img[src*="cltv_03-02.jpg"] {width:32%; margin-left:3%;}
.prd-cltv__merit1__data1 {float:left; margin-left:20%;}
.prd-cltv__merit1__data2 {position:relative; float:left; margin-left:3%; padding:1.5em 0;}
.prd-cltv__merit1__data2:before {content:""; display:block; position:absolute; top:calc(50% - 6px); left:-18px; border:6px transparent solid; border-left-color:#17A046;}
.prd-cltv__dealers li {width:100%; margin:0 0 20px 0; padding:20px 24px;}
/* .prd-cltv__dealers li {float:left; width:calc(50% - 20px); margin:0 0 20px 20px; padding:20px 24px;}
.prd-cltv__dealers li:nth-child(2n+1) {clear:left; margin-left:0;}*/
}
@media screen and (max-width:600px) {
.prd-cltv__merit1__data2 {position:relative; margin-top:30px;}
.prd-cltv__merit1__data2:before {content:""; display:block; position:absolute; top:-14px; left:calc(50% - 6px); border:6px transparent solid; border-top-color:#17A046;}
.prd-cltv__dealers li {margin-bottom:20px; padding:10px 16px;}
img[src*="cltv_03-02.jpg"] {display:block; margin:20px auto; width:50%;}
img[src*="cltv_agleaf-logo.png"] {margin-top:30px;}
}
/* =============== CSR */
/* 報告書 */
.csr-envrep__latest {overflow:hidden;}
.csr-envrep__latest .__pic {margin:0 auto;}
.csr-envrep__latest ~ .pcCol4m h3 {margin-bottom:.6em;}
@media print, screen and (min-width:601px) {
.csr-envrep__latest .__pic {width:40%; float:left;}
.csr-envrep__latest ul.styled {width:55%; float:right;}
}
.csr-envrep__latest ul.styled {border: none; margin-top: 0;}
/*.csr-envrep__latest ul.styled > li:nth-child(1) {
border-top: 1px #989898 solid;
background-color: #eeeeee;
padding: 20px;
margin-bottom: 1rem;
}*/
.csr-envrep__latest ul.styled li + li:after {
border: none;
}
.csr-envrep__latest ul.styled li {
padding: 0;
border: 1px solid #333;
}
.csr-envrep__latest ul.styled li + li {
margin-top: 1em;
}
.csr-envrep__latest ul.styled li a {
display: block;
padding: 1em 1em 1em 4em;
background: url(/images/csr/ico_pdf.png) no-repeat left 2em center;
background-size: 20px auto;
text-decoration: none;
transition: all .5s;
color: inherit;
}
.csr-envrep__latest ul.styled li a:hover {
color: #fff;
background: url(/images/csr/ico_pdf_white.png) no-repeat #17A046 left 2em center;
background-size: 20px auto;
}
@media screen and (max-width:600px) {
.csr-envrep__latest ul.styled li:first-child {
margin-top: 1em;
}
.csr-envrep__latest ul.styled li a {
transition: none;
}
}
img[src*="csr/env_sign.png"] {vertical-align:0%; margin-left:.6em;}
/* =============== SDGs */
.sdgs-box {
width: 100%;
border: 1px solid #3baa92;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 20px -20px 0;
box-sizing: border-box;
}
.sdgs-box > div {
width: 50%;
padding: 0 20px;
}
.sdgs-box > div img {
max-width: 100%;
}
.greentitle {
color: #18a045;
font-size: 1.2em;
line-height: 1.0;
margin: 0 0 10px;
}
.sdgshdn {
overflow: hidden;
zoom:1;
margin: 0 0 50px;
}
.sdgshdn .left {
width: 49%;
float: left;
}
.sdgshdn .right {
width: 49%;
float: right;
}
@media screen and (max-width:600px) {
.sdgs-box {
display: block;
padding: 20px;
margin: 20px 0 0
}
.sdgs-box > div {
width: 100%;
padding: 0;
}
.sdgs-box > div + div {
margin-top: 20px;
}
.sdgshdn .left {
width: auto;
float: none;
}
.sdgshdn .right {
width: auto;
float: none;
margin: 20px 0 0;
}
}
.alignCenter {
text-align: center;
}
.alignRight {
text-align: right;
}
.greenFlex,
.blueFlex,
.yellowFlex {
padding: 30px 30px 30px 70px;
font-size: 15px;
position: relative;
}
.greenFlex {
margin-bottom: 20px;
background: linear-gradient(to right, #EAF3F4 0%,#FFFFFF 60%,#FFFFFF 100%);
}
.blueFlex {
margin-bottom: 20px;
background: #e3e9f6;
}
.yellowFlex {
margin-bottom: 100px;
background: #eaeadd;
}
.greenBg,
.blueBg,
.yellowBg {
writing-mode: vertical-rl;
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 100%;
color: #fff;
line-height: 1.0;
display: flex;
align-items: center;
justify-content: center;
}
.greenBg {
background: #029da9;
}
.blueBg {
background: #0068b7;
}
.yellowBg {
background: #aaad77;
}
.longText {
width: 100%;
font-size: 15px;
}
.shortText {
width: 50%;
font-size: 15px;
}
.cclList {
text-indent : -1.1em;
padding-left : 1.1em;
}
.cclList3 {
text-indent : -2.5em;
padding-left : 2.5em;
}
/*
.cclList.verLong {
position: relative;
padding-left: 2.0em;
}
.cclSpan {
position: absolute;
top: 0;
left: 0;
}
*/
.subBolds {
font-weight: bold;
font-size: 20px;
line-height: 1.0;
}
.greenFlex .subBolds,
.greenFlex .cclSpan {
color: #029da9;
}
.blueFlex .subBolds,
.blueFlex .cclSpan {
color: #0068b7;
}
.yellowFlex .subBolds,
.yellowFlex .cclSpan {
color: #82855b;
}
.iconFlex {
display: flex;
}
.iconFlex li:nth-child(n + 2) {
margin-left: 10px;
}
.mateTable tr th:first-child {
text-align: left;
}
.mateTable {
margin: 0;
}
.mateTable th {
background: #e2f2e6;
word-break: break-all;
}
.mateTable.adjust th,
.mateTable.adjust th:first-child,
.mateTable.adjust td{
font-size: 13px;
text-align: center;
word-break: normal;
}
.mateTable.adjust tr:nth-child(1) th{
padding-left: 10px;
padding-right: 10px;
}
.mateTable td {
text-align: center;
}
th.extra {border-bottom:#989898 solid 1px;}
td.greenCenter {
text-align: center;
color: #18a045;
}
td.taCenter {
text-align: center;
}
td.taLeft {
text-align: left;
}
.wdt30 {
width: 25%;
}
.tblLh td {
line-height: 1.8;
}
td.vaTop {
vertical-align: top;
}
.dsFlex {
display: flex;
}
.dsFlex.dsFlexEnd {
justify-content: end;
}
.w40 {
width: 35%;
}
.borderFlex {
display: flex;
position: relative;
align-items: center;
}
.borderFlex.alTop {
align-items: flex-start;
}
.borderFlex::before {
background: #999999;
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
content: '';
transform: translateX(-50%);
}
.borderSame {
width: 50%;
box-sizing: border-box;
}
.pl20 {
padding-left: 20px;
}
.pr20 {
padding-right: 20px;
}
.bdrBtm {
border-bottom: 1px solid #999999;
padding: 0 0 20px;
margin-bottom: 20px;
}
.policyTable th.unitFixed {
width: 36px;
}
.policyTable td {
text-align: center;
}
.pdfIconLink {
display: inline-block;
padding: 0 0 0 3em;
background: url(/images/csr/ico_pdf.png) no-repeat left 1em center;
background-size: 20px auto;
}
.greenCircle {
position: relative;
padding:0 0 0 16px;
margin: 0;
}
.greenCircle::before {
background: #18a045;
width: 10px;
height: 10px;
border-radius: 50%;
content: '';
position: absolute;
top: 7px;
left: 0;
}
.grayBox {
box-sizing: border-box;
width: 515px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 25px;
background: #eeeeee;
font-size: 18px;
line-height: 1.4;
}
.textGreen {
color: #18a045;
}
.textGreen .inBig {
font-size: 28px;
}
.middleTitle {
font-size: 18px;
margin: 0 0 20px;
}
.textFlex {
display: flex;
}
.textFlex.-sp-block{
margin-top: 0!important;
}
.textFlexTitle {
white-space: nowrap;
padding-right: .4em;
}
@media screen and (max-width:600px) {
.textFlex.-sp-block{
margin-top: 1em!important;
}
.textFlex.-sp-block,
.textFlex.-sp-block .textFlexTitle {
display: block;
}
}
/* decarbonization */
.borderGreen {
border: 2px solid #18a045;
display: flex;
padding: 20px 0;
align-items: center;
color: #18a045;
font-size: 20px;
margin-top: 30px;
}
.borderGreen .bgLeft {
width: 30%;
text-align: center;
}
.borderGreen .bgRight {
width: 70%;
box-sizing: border-box;
padding: 0 30px;
border-left: 1px solid #18a045;
line-height: 2.0;
}
.lifecycleWrap {
background: #e0ece6;
padding: 20px;
border: 1px solid #099269;
margin-top: 30px;
}
.lcBorder {
margin-top: 20px;
}
.lcTopFlex {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.lcTopFlex .lcSame {
width: 32%;
line-height: 1.6;
}
.lcTopBox {
position: relative;
border: 1px solid #008e64;
margin-bottom: 25px;
}
.lcTopBox::before {
border-style: solid;
border-width: 20px 0 20px 15px;
border-color: transparent transparent transparent #008e64;
content: '';
position: absolute;
top: 50%;
right: -15px;
transform: translateY(-50%);
}
.lcTopFlex .lcSame:last-child .lcTopBox::before {
display: none;
}
.lcTopBox::after {
border-style: solid;
border-width: 15px 20px 0 20px;
border-color: #008e64 transparent transparent transparent;
content: '';
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
}
.lcTopBox .lcbDt {
background: #bddacc;
line-height: 1.0;
text-align: center;
margin: 0;
font-size: 18px;
padding: 5px 0;
border-bottom: 1px solid #008e64;
}
.lcTopBox .lcbDd {
background: #fff;
min-height: 220px;
box-sizing: border-box;
padding: 15px 20px;
line-height: 1.2;
}
.lcScore {
padding: 0;
margin: 0 0 10px;
line-height: 1.0;
text-align: center;
}
.lcIconFlex {
display: flex;
justify-content: center;
text-align: center;
}
.lcIconFlex .iconTxt {
margin: 10px 0 0;
padding: 0;
line-height: 1.0;
font-size: 11px;
}
.lcIconFlex li:nth-child(n + 2) {
margin-left: 20px;
}
.lcIconFlex.mlEx li:nth-child(n + 2) {
margin-left: 25px;
}
.fs12 {
font-size: 12px;
}
.fs14 {
font-size: 14px;
}
.lcSubTitle {
line-height: 1.2;
border: 1px solid #099269;
text-align: center;
background: #fff;
padding: 7px 0;
font-size: 12px;
margin: 0 0 10px;
}
.grnCircle {
position: relative;
margin: 0;
padding: 0 0 0 15px;
}
.grnCircle::before {
width: 10px;
height: 10px;
background: #008e64;
border-radius: 50%;
content: '';
position: absolute;
top: 5px;
left: 0;
}
.lcMdlFlex {
display: flex;
margin-bottom: 15px;
}
.lcMdlFlex .mdlLeft {
background: #fff;
padding: 10px;
box-sizing: border-box;
flex-basis: 80px;
margin:0 10px 0 0;
line-height: 1.2;
color: #008e64;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
word-break: break-all;
}
.lcMdlFlex .mdlRight {
width: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.inBlLeft {
display: inline-block;
text-align: left;
}
@media screen and (max-width:767px) {
/* decarbonization */
.borderGreen {
border: 1px solid #18a045;
display: block;
padding: 15px 0;
align-items: center;
color: #18a045;
font-size: 16px;
margin-top: 30px;
}
.borderGreen .bgLeft {
width: auto;
text-align: center;
}
.borderGreen .bgRight {
width: auto;
box-sizing: border-box;
padding: 15px 5% 0;
border-left: none;
border-top: 1px solid #18a045;
line-height: 1.8;
margin-top: 15px;
}
.lifecycleWrap {
background: #fff;
padding: 0;
border: none;
margin-top: 30px;
}
.lcBorder {
margin-top: 20px;
padding: 15px;
border: 1px solid #099269;
background: #e0ece6;
}
.lcTopFlex {
display: block;
margin-bottom: 0;
padding: 15px;
border: 1px solid #099269;
}
.lcTopFlex .lcSame {
width: auto;
line-height: 1.6;
background: #e0ece6;
padding: 15px;
border: 1px solid #099269;
position: relative;
}
.lcTopFlex .lcSame:nth-child(n + 2) {
margin-top: 70px;
}
.lcTopFlex .lcSame:nth-child(n + 2)::before {
border-style: solid;
border-width: 30px 40px 0 40px;
border-color: #099269 transparent transparent;
content: '';
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
}
.lcTopBox .lcbDd {
min-height: inherit;
}
.lcTopBox::before {
display: none;
}
.lcTopFlex .lcSame:last-child .lcTopBox::before {
display: none;
}
}
/* 環境への取り組み */
.grayBox-title{
background-color: #17A046;
text-align: center;
color: #ffffff;
font-size: 18px;
line-height: 1.4;
box-sizing: border-box;
width: 800px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5px 20px;
}
@media screen and (max-width: 600px) {
.grayBox-title{
font-size: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
}
.tcfd-intent{
padding-left: 1em;
position: relative;
}
.tcfd-intent::before{
content: "・";
position: absolute;
top: 0;
left: 0;
}
/* 社会への取り組み */
.middleCatch{
text-align: center;
line-height: 1.65;
font-size: 160%;
margin: 0 0 20px;
font-weight: 500;
}
@media screen and (max-width:600px) {
.middleCatch{
font-size: 131%;
}
.middleCatch > br{
display: none;
}
}
/* 働きやすい職場づくり */
.bgGreen {
background: #e4f2e8;
text-align: center;
}
.wdt12 {
width: 12%;
}
.wdt11 {
width: 11.5%;
}
.wdt10 {
width: 10%;
}
.wdt8 {
width: 8%;
}
.relaWrap {
position: relative;
}
.darkGreenBg {
background: #5db041;
padding: 0;
text-align: center;
line-height: 1.4;
margin: 0 0 7px;
color: #fff;
font-size: 12px;
display: flex;
height: 30px;
align-items: center;
justify-content: center;
flex-direction: row;
box-sizing: border-box;
padding: 0 5px;
}
.tableIntoEn .darkGreenBg {
font-size: 11px;
}
.darkGreenBg.flexColumn{
flex-direction: column;
}
.darkGreenBg.hgt50 {
height: 55px;
}
.darkGreenBg.hgt80 {
height: 70px;
}
.hgt65 {
box-sizing: border-box;
height: 65px;
}
.hgt118 {
box-sizing: border-box;
height: 118px;
}
.hgt130 {
box-sizing: border-box;
height: 210px;
}
.hgt190 {
box-sizing: border-box;
height: 190px;
}
.hgt210 {
box-sizing: border-box;
height: 210px;
}
.pdg10 {
padding: 10px;
}
.pdg5 {
padding: 7px;
}
.darkGreenBg.mb0 {
margin: 0;
}
.absCase01 {
position: absolute;
top: 0;
left: 0;
width: 180px;
}
.absCase02 {
position: absolute;
top: 0;
left: 0;
width: 557px;
}
.absCase03 {
position: absolute;
top: 74px;
left: 0;
width: 551px;
}
.absCase04 {
position: absolute;
top: 0;
left: 0;
width: 442px;
}
.absCase05 {
position: absolute;
top: 37px;
left: 0;
width: 340px;
}
.absCase06 {
position: absolute;
top: 74px;
left: 0;
width: 340px;
}
.absCase07 {
position: absolute;
top: 112px;
left: 0;
width: 666px;
}
.absCase08 {
position: absolute;
top: 148px;
left: 0;
width: 666px;
}
.absCase09 {
position: absolute;
top: 37px;
left: 0;
width: 551px;
}
.absCase10 {
position: absolute;
top: 111px;
left: 0;
width: 225px;
}
/* 健康経営の促進 */
.imgScroll {
width: 100%;
}
.imgScroll img {
max-width: 100%;
}
.smallGreenBox {
box-sizing: border-box;
width: 70%;
margin: 0 auto 50px;
padding: 40px;
border: 1px solid #18a045;
}
.greenCenter {
text-align: center;
font-size: 20px;
color: #18a045;
margin: 0 0 30px;
}
/* 2024.12.27 */
.healthBox{
margin-bottom: 50px;
display: flex;
}
.healthLeft{
width: 70%;
margin: 0;
padding: 0;
}
.healthRight{
width: 30%;
text-align: center;
}
@media screen and (max-width:767px) {
.healthBox{
margin-bottom: 50px;
display: block;
}
.healthLeft{
width: auto;
}
.healthRight{
width: auto;
margin: 20px 0 0;
text-align: center;
}
}
/* サプライヤーとの関わり */
.partnerBox {
border: 1px solid #1ba64e;
margin: 0 0 50px;
padding: 40px;
}
.partnerFlex {
display: flex;
}
.partnerLeft {
width: 70%;
margin: 0;
padding: 0;
}
.partnerRight {
width: 30%;
text-align: center;
}
@media screen and (max-width:767px) {
.partnerBox {
margin: 0 0 40px;
padding: 20px 5%;
}
.partnerFlex {
display: block;
}
.partnerLeft {
width: auto;
}
.partnerRight {
width: auto;
margin: 20px 0 0;
text-align: center;
}
}
/* 社会貢献活動 */
.activBox {
width: 80%;
box-sizing: border-box;
margin: 0 auto;
}
.activGray {
border: 3px solid #b2b2b2;
padding: 18px;
margin: 0;
}
.activGray.secArrow {
position: relative;
margin-top: 60px;
}
.activGray.secArrow::before {
border-style: solid;
border-width: 0 20px 15px 20px;
border-color: transparent transparent #1ba64e transparent;
content: '';
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
}
.greenMiddleCenter {
text-align: center;
line-height: 1.0;
font-size: 24px;
margin: 0 0 20px;
color: #1ba64e;
}
.greenDl {
border: 2px solid #1ba64e;
background: #e2f2e6;
padding: 15px 18px;
margin: 0 0 20px;
}
.greenDl.mb0 {
margin: 0;
}
.greenDl dt {
color: #1ba64e;
font-size: 20px;
line-height: 1.0;
margin:0 0 10px;
}
.activFlex {
display: flex;
justify-content: space-between;
}
.activFlex li {
width: 32%;
box-sizing: border-box;
height: 75px;
border: 2px solid #1ba64e;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
line-height: 1.4;
}
.wdt7 {
width: 8%;
padding-left: 3px;
padding-right: 3px;
word-break: break-all;
}
@media screen and (max-width:767px) {
.activBox {
width: auto;
}
.activGray {
padding: 10px 3%;
}
.greenMiddleCenter {
font-size: 18px;
}
.greenDl {
padding: 10px 5%;
}
.greenDl dt {
font-size: 16px;
margin: 0 0 5px;
}
.activFlex {
display: block;
}
.activFlex li {
width: auto;
height: auto;
text-align: center;
display: block;
padding: 10px 0;
}
.activFlex li span {
display: block;
}
.activFlex li:nth-child(n + 2) {
margin-top: 10px;
}
}
@media screen and (max-width:1024px) {
.smallGreenBox {
width: 100%;
margin: 0 auto 40px;
padding: 20px 5%;
}
.greenCenter {
font-size: 18px;
margin: 0 0 20px;
}
}
@media print, screen and (min-width:601px) {
.profile-fyp__endbtn.w500 a {width:auto;}
}
@media screen and (max-width:600px) {
.greenFlex,
.blueFlex,
.yellowFlex {
padding: 20px 20px 20px 70px;
font-size: 14px;
}
.subBolds {
font-size: 18px;
}
.borderFlex {
display: block;
}
.borderFlex::before {
display: none
}
.borderSame {
width: auto;
box-sizing: border-box;
}
.borderFlex .borderSame:first-child {
padding-bottom: 20px;
border-bottom: 1px solid #999;
margin-bottom: 20px;
}
.borderSame .pl20 {
padding-left: 0 !important;
}
.bdrBtm {
border-bottom: 1px dotted #999999;
padding: 0 0 20px;
margin-bottom: 20px;
}
.pr20 {
padding-right: 0;
}
.profile-fyp__endbtn.w500 a {width:100%;}
.grayBox {
padding: 20px 5%;
font-size: 16px;
}
.textGreen .inBig {
font-size: 22px;
}
.middleTitle {
font-size: 16px;
margin: 0 0 15px;
}
.tableInto .full {
width: 1000px;
}
.tableInto {
position: relative;
width: 100%;
overflow-x: scroll;
}
/*
.tableInto::before {
display:block;
height:27px;
background:url(../../images/common/icon_spscroll.png) no-repeat 50% 0;
background-size:36px auto;
content: '';
}*/
}
/* =============== 技術開発 */
/* 技術開発トップ */
.tecNavFlex {
display: flex;
flex-wrap: wrap;
}
.tecNavFlex .tecList {
width: 48%;
box-sizing: border-box;
border: 1px solid #b5b5b5;
}
.tecNavFlex .tecList:nth-child(even) {
margin-left: 4%;
}
.tecNavFlex .tecList:nth-child(n + 3) {
margin-top: 50px;
}
.tecNavFlex .tecList ul {
margin: 0 !important;
}
.tnImg {
position: relative;
}
.tnImg::before {
width: 100%;
height: 100%;
background: rgb(0,0,0,0.2);
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.tnImg img {
width: 100%;
}
.tnBlockLink {
text-decoration: none;
display: block;
}
.tnBlockLink.hMax {
height: 100%;
}
.tnLink {
display: block;
position: relative;
line-height: 1.0;
box-sizing: border-box;
padding: 15px 25px 15px 5%;
transition: all,.3s;
text-align: left;
color: #010101;
text-decoration: none;
font-size: 15px;
}
.tnLink::after {
border-style: solid;
border-width: 5px 0 5px 7px;
border-color: transparent transparent transparent #18a045;
content: '';
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: all,.3s;
}
.tnBlockLink:hover .tnLink::after {
right: 15px;
}
.borderBtm {
border-bottom: 1px solid #b5b5b5;
}
.tnSubList {
padding: 0 20px;
}
.tnSubList .tsList {
}
.tnSubList .tsList:nth-child(n + 2) {
border-top: 1px solid #b5b5b5;
}
.tnSubLink {
display: block;
position: relative;
line-height: 1.6;
box-sizing: border-box;
padding: 12px 20px 12px 0;
text-align: left;
color: #010101;
text-decoration: none;
font-size: 12px;
}
.tnSubLink::after {
background: url("../../images/technology/tec_sub_icon.png") right center no-repeat;
background-size: cover;
width: 13px;
height: 13px;
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
transition: all,.3s;
}
.tnSubLink:hover::after {
right: -5px;
}
.tnSubLink {
}
@media screen and (max-width:767px) {
.tecNavFlex {
display: block;
}
.tecNavFlex .tecList {
width: auto;
}
.tecNavFlex .tecList:nth-child(even) {
margin-left: 0;
}
.tecNavFlex .tecList:nth-child(n + 2) {
margin-top: 50px;
}
}
/**/
.greenBgTitle {
line-height: 1.0;
text-align: center;
background: #2ea639;
color: #fff;
text-align: center;
font-size: 25px;
padding: 20px 0;
margin-bottom: 30px;
}
.blueBgTitle {
line-height: 1.0;
text-align: center;
background: #085faf;
color: #fff;
text-align: center;
font-size: 25px;
padding: 20px 0;
margin-bottom: 30px;
}
.greenArrowBg {
position: relative;
padding-bottom: 70px;
}
.greenArrowBg::after {
border-style: solid;
border-width: 0 40px 30px 40px;
border-color: transparent transparent #2ea63a transparent;
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.blueArrowBg {
position: relative;
padding-top: 70px;
}
.blueArrowBg::after {
border-style: solid;
border-width: 30px 40px 0 40px;
border-color: #085eaf transparent transparent transparent;
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width:767px) {
}
/* CAE解析 */
.caeList {
display: flex;
justify-content: center;
margin-bottom: 70px;
}
.caeList .list {
position: relative;
width: 245px;
cursor: pointer;
line-height: 1.0;
border-bottom: 5px solid #c4c4c4;
font-size: 20px;
text-align: center;
padding-bottom: 20px;
color: #c4c4c4;
}
.caeList .list.tabOn {
border-bottom: 5px solid #18a045;
color: #18a045;
}
.caeList .list.tabOn::after {
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #18a045 transparent transparent transparent;
content: '';
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
}
.caeList .list:nth-child(n + 2) {
margin-left: 5px;
}
.contArea {
display: none;
}
.contArea.openTab {
display: block;
}
.lrGreenBorder {
margin: 0 0 30px;
padding: 0;
text-align: center;
}
.lrGreenBorder .lrgbTitle {
display: inline-block;
position: relative;
padding: 0 40px;
margin: 0;
font-size: 25px;
font-weight: bold;
line-height: 1.2;
}
.lrGreenBorder .lrgbTitle::before {
width: 20px;
height: 3px;
background: #19a186;
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.lrGreenBorder .lrgbTitle::after {
width: 20px;
height: 3px;
background: #19a186;
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.greenLeftLink {
display: flex;
align-items: center;
justify-content: center;
position: relative;
line-height: 1.2;
box-sizing: border-box;
border: 1px solid #2ea639;
padding: 20px;
transition: all,.3s;
text-align: center;
color: #010101;
text-decoration: none;
height: 100%;
}
.greenLeftLink::after {
border-style: solid;
border-width: 11px 5.5px 0 5.5px;
border-color: #18a045 transparent transparent transparent;
content: '';
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
transition: all,.3s;
}
.greenFullLink {
display: block;
position: relative;
line-height: 1.0;
box-sizing: border-box;
border: 1px solid #2ea639;
padding: 15px 25px 15px 5%;
transition: all,.3s;
text-align: left;
color: #010101;
text-decoration: none;
}
.greenFullLink::after {
border-style: solid;
border-width: 5px 0 5px 7px;
border-color: transparent transparent transparent #18a045;
content: '';
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
transition: all,.3s;
}
.greenFullLink:hover::after {
right: 7px;
}
.greenLeftLink:hover::after {
top: 60%;
}
.caeSubList {
display: flex;
justify-content: center;
line-height: 1.0;
}
.caeSubList .subList {
width: 24%;
}
.caeSubList .subList:nth-child(n + 2) {
margin-left: 1.33%;
}
.secImgFlex {
display: flex;
justify-content: space-between;
margin: 0;
padding: 0;
}
.secImgFlex .siList {
width: 48%;
margin: 0;
padding: 0;
}
.carIllust {
position: relative;
margin-bottom: 60px;
}
.carAbs {
position: absolute;
margin: 0;
padding: 0;
}
.plVer01 {
top: 240px;
left: 490px;
}
.plVer02 {
bottom: 205px;
left: 470px;
}
.plVer03 {
bottom: 275px;
left: 290px;
}
.plVer04 {
top: 180px;
right: 170px;
}
.plVer05 {
top: 115px;
right: 165px;
}
.plVer06 {
top: 240px;
left: 290px;
}
.plVer07 {
top: 280px;
left: 520px;
}
.plVer08 {
bottom: 210px;
left: 290px;
}
.plVer09 {
bottom: 160px;
left: 295px;
}
.plVer10 {
top: 250px;
right: 240px;
}
.plVer11 {
top: 160px;
right: 285px;
}
.plVer12 {
bottom: 260px;
left: 210px;
}
.plVer13 {
top: 165px;
right: 245px;
}
.plVer14 {
top: 135px;
right: 115px;
}
.tabMenu__item {
width: 20%;
}
.tabMenu__item:nth-child(n + 2) {
margin-left: 5px;
}
.tabMenu__item a {
display: flex;
position: relative;
cursor: pointer;
line-height: 1.0;
border-bottom: 5px solid #c4c4c4;
font-size: 20px;
text-align: center;
color: #c4c4c4;
text-decoration: none;
height: 80px;
align-items: center;
justify-content: center;
}
.tabMenu__item a.on,
.tabMenu__item a:hover {
border-bottom: 5px solid #18a045;
color: #18a045;
}
.tabMenu__item a.on:after,
.tabMenu__item a:hover:after {
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #18a045 transparent transparent transparent;
content: '';
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
}
.tabContents__item {
position: relative;
}
.tabAbsLink {
position: relative;
top: -80px;
left: 0;
width: 0;
height: 0;
pointer-events: none;
}
@media screen and (max-width:1024px) {
.absLink {
top: -60px;
}
.caeList .list {
width: 48%;
font-size: 16px;
padding-bottom: 15px;
}
.caeList .list:nth-child(n + 2) {
margin-left: 1%;
}
.caeSubList {
justify-content: space-between;
flex-wrap: wrap;
}
.caeSubList .subList {
width: 48%;
}
.caeSubList .subList:nth-child(n + 2) {
margin-left: 0;
}
.caeSubList .subList:nth-child(n + 3) {
margin-top: 20px;
}
.secImgFlex {
display: block;
justify-content: space-between;
margin: 0;
padding: 0;
}
.tabAbsLink {
top: -30px;
}
.plVer01 {
top: 35%;
left: 48%;
}
.plVer02 {
bottom: 30%;
left: 45%;
}
.plVer03 {
bottom: 40%;
left: 20%;
}
.plVer04 {
top: 27%;
right: 9%;
}
.plVer05 {
top: 12%;
right: 8%;
}
.plVer06 {
top: 35%;
left: 25%;
}
.plVer07 {
top: auto;
bottom: 40%;
left: 50%;
}
.plVer08 {
top: 55%;
left: 20%;
}
.plVer09 {
bottom: 28%;
left: 25%;
}
.plVer10 {
top: 40%;
right: 20%;
}
.plVer11 {
top: 25%;
right: 25%;
}
.plVer12 {
bottom: 40%;
left: 15%;
}
.plVer13 {
top: 20%;
right: 20%;
}
.plVer14 {
top: 21%;
right: 7%;
}
}
@media screen and (max-width:767px) {
.secImgFlex .siList {
width: auto;
}
.secImgFlex .siList img {
width: 100%;
}
.secImgFlex .siList:nth-child(n + 2) {
margin-top: 40px;
}
.tabMenu__item a {
font-size: 14px;
line-height: 1.4;
}
}
/* =============== 採用 */
/* 求人詳細 */
.recruit-career__entries dl.datedList + dl.datedList {margin-top:70px;}
.recruit-career__entries .__link {overflow:hidden;}
.recruit-career__entries .__link a {width:100%; margin:0; padding:.6em 25px .6em .8em; font-size:116%;}
.recruit-career__entries .__link a[name="-disabled"] {border-color:#aaa; color:#999;}
.recruit-career__entries .__link a[name="-disabled"] .arr {display:none;}
@media print, screen and (min-width:601px) {
.recruit-career__entries .__link li {float:left; width:calc(50% - 20px); margin:0 0 30px 40px;}
.recruit-career__entries .__link li:nth-child(2n+1) {margin-left:0;}
}
@media screen and (max-width:600px) {
.recruit-career__entries .__link li + li {margin-top:20px;}
}
/* ふたばサポート */
.ftbSpt h2 > span:after {background:#ea2783;}
.fsPink {color:#F956A3;}
.ftbSpt .__topTtl {text-align:center; line-height:1.6; font-size:200%;}
.ftbSpt .__topTtl .fsPink {font-size:167%;}
.ftbSpt .__ruleExp1 dt {padding:12px 20px; background:#FFE9F7; font-size:116%;}
.ftbSpt .__ruleExp1 dt .fsPink {font-size:85%;}
.ftbSpt .__ruleExp1 dd {margin:.5em 0 1.5em;}
.ftbSpt .__ruleExp2 {padding:0 20px; border:1px #F956A3 solid;}
.ftbSpt .__ruleExp2 dt {padding:.6em 0; border-bottom:1px #F956A3 solid; text-align:center; font-size:116%;}
.ftbSpt .__ruleExp2 dd {padding:.6em 0;}
.ftbSpt .__interview li + li {margin-top:60px;}
.ftbSpt .__interview .__txt h3 {padding:.8em 1.4em; background:#f956a3; color:#fff; font-size:116%; font-weight:normal;}
.ftbSpt .__interview .__txt h3:before {display:none;}
.ftbSpt .__interview .__txt dl {padding-top:1em; border-top:1px #ea2783 solid;}
.ftbSpt .__interview .__txt dt {margin-bottom:.8em; color:#ea2783;}
.ftbSpt .__interview .__txt dd {margin-bottom:1.2em;}
.ftbSpt .__interview .__txt .lg2.fsPink {line-height:1.5;}
.ftbSpt .__sheet {margin-top:60px; font-size:150%; text-align:center;}
.ftbSpt .contactAddressBox,
.ftbSpt .contactAddressBox dt:after {border-color:#f956a3;}
.ftbSpt .contactAddressBox dt strong {background:#f956a3;}
.ftbSpt .__interview li .__pic {border-radius:50%; overflow:hidden;}
@media print, screen and (min-width:601px) {
.ftbSpt .__interview li {overflow:hidden;}
.ftbSpt .__interview li .__pic,
.ftbSpt .__interview li:nth-child(2n) .__txt {float:left;}
.ftbSpt .__interview li .__txt,
.ftbSpt .__interview li:nth-child(2n) .__pic {float:right;}
.ftbSpt .__interview li .__pic {width:300px; height:300px;}
.ftbSpt .__interview li .__txt {width:660px;}
}
@media screen and (max-width:600px) {
.ftbSpt .__topTtl,
.ftbSpt .__sheet {font-size:131%;}
.ftbSpt .__interview li .__pic {width:280px; height:280px; margin:0 auto 30px;}
.ftbSpt .__interview .__txt h3 {padding:.5em 1em;}
}
/* =============== 問い合わせ */
@media print, screen and (min-width:601px) {
[data-chkkey-tgt="toiawase"] .tabbedList__tab {max-width:600px; margin:0 auto 60px;}
[data-chkkey-tgt="toiawase"] .tabbedList__tab li {width:50%;}
}
/* AForm */
input[type="hidden"] + dl {border-top:2px #17A046 solid;}
p#aform_confirm_msg {margin-top:0; padding-top:2em; border-top:2px #17A046 solid;}
p#aform_confirm_msg ~ .aform-button-area {border:0;}
.aform-button-area input {padding:.8em 0!important;}
#aform_btn_back {min-width:80px; width:80px; background:#fff;}
.aform-demo {opacity:0;}
img.ui-datepicker-trigger {display:none;}
/*----------------------------------------------------------------------------------------------------------------------------------------
外部ライブラリ等
----------------------------------------------------------------------------------------------------------------------------------------*/
/* --------------- .eml */
.eml {cursor:pointer;}
.eml abbr {display:inline; width:1em; overflow:hidden; white-space:nowrap;}
.eml abbr:not(.done):before {content:"@";}
/* --------------- thumbSize */
.thumbFrame {display:inline-block; position:relative; vertical-align:bottom; text-align:center; overflow:hidden; width:100%; height:100%; overflow:hidden;}
.thumbFrame img {max-width:500%; max-height:500%; opacity:0; transition:opacity .2s;}
.thumbFrame img[style] {opacity:1;}
.loadingBg:before {content:"loading..."; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:11px; color:#aaa;}
/* --------------- bxslider */
.bx-wrapper {position:relative; margin:0 auto 60px; padding:0; *zoom:1;}
.bx-wrapper img {max-width:100%; display:block;}
.bx-wrapper .bx-viewport {/*-moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc; border:solid #fff 5px; left:-5px; */background:#fff;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position:absolute; bottom:-30px; width:100%;}
.bx-wrapper .bx-loading {min-height:50px; background:url(../img/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000;}
.bx-wrapper .bx-pager {text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; padding-top:20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block; *zoom:1; *display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background:#000;}
.bx-wrapper .bx-prev {left:10px; background:url(../img/bx_controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right:10px; background:url(../img/bx_controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position:0 0;}
.bx-wrapper .bx-next:hover {background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}
.bx-wrapper .bx-controls-auto {text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start {display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url(../img/bx_controls.png) -86px -11px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url(../img/bx_controls.png) -86px -44px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position:-86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:left; width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0; width:35px;}
.bx-wrapper .bx-caption {position:absolute; bottom:0; left:0; background:#666\9; background:rgba(80, 80, 80, .75); width:100%;}
.bx-wrapper .bx-caption span {color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px;}
/* --------------- magnific popup */
.mfp-bg {top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:.8;}
.mfp-wrap {top:0; left:0; width:100%; height:100%; z-index:1043; position:fixed; outline:none !important; -webkit-backface-visibility:hidden;}
.mfp-container {text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0 8px; box-sizing:border-box;}
.mfp-container:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.mfp-align-top .mfp-container:before {display:none;}
.mfp-content {position:relative; display:inline-block; vertical-align:middle; margin:0 auto; text-align:left; z-index:1045;}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width:100%; cursor:auto;}
.mfp-ajax-cur {cursor:progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out;}
.mfp-zoom {cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in;}
.mfp-auto-cursor .mfp-content {cursor:auto;}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select:none; -moz-user-select:none; user-select:none;}
.mfp-loading.mfp-figure {display:none;}
.mfp-hide {display:none !important;}
.mfp-preloader {color:#CCC; position:absolute; top:50%; width:auto; text-align:center; margin-top:-.8em; left:8px; right:8px; z-index:1044;}
.mfp-preloader a {color:#CCC;}
.mfp-preloader a:hover {color:#FFF;}
.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {display:none;}
button.mfp-close, button.mfp-arrow {overflow:visible; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:1046; box-shadow:none; touch-action:manipulation;}
button::-moz-focus-inner {padding:0; border:0;}
.mfp-close {width:44px; height:44px; line-height:44px; position:absolute; right:0; top:0; text-decoration:none; text-align:center; opacity:.65; padding:0 0 18px 10px; color:#FFF; font-style:normal; font-size:28px; font-family:Arial,Baskerville,monospace;}
.mfp-close:hover, .mfp-close:focus {opacity:1;}
.mfp-close:active {top:1px;}
.mfp-close-btn-in .mfp-close {color:#333;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color:#FFF; right:-6px; text-align:right; padding-right:6px; width:100%;}
.mfp-counter {position:absolute; top:0; right:0; color:#CCC; font-size:12px; line-height:18px; white-space:nowrap;}
.mfp-arrow {position:absolute; opacity:.65; margin:0; top:50%; margin-top:-55px; padding:0; width:90px; height:110px; -webkit-tap-highlight-color:transparent;}
.mfp-arrow:active {margin-top:-54px;}
.mfp-arrow:hover, .mfp-arrow:focus {opacity:1;}
.mfp-arrow:before, .mfp-arrow:after {content:''; display:block; width:0; height:0; position:absolute; left:0; top:0; margin-top:35px; margin-left:35px; border:medium inset transparent;}
.mfp-arrow:after {border-top-width:13px; border-bottom-width:13px; top:8px;}
.mfp-arrow:before {border-top-width:21px; border-bottom-width:21px; opacity:.7;}
.mfp-arrow-left {left:0;}
.mfp-arrow-left:after {border-right:17px solid #FFF; margin-left:31px;}
.mfp-arrow-left:before {margin-left:25px; border-right:27px solid #3F3F3F;}
.mfp-arrow-right {right:0;}
.mfp-arrow-right:after {border-left:17px solid #FFF; margin-left:39px;}
.mfp-arrow-right:before {border-left:27px solid #3F3F3F;}
.mfp-iframe-holder {padding-top:40px; padding-bottom:40px;}
.mfp-iframe-holder .mfp-content {line-height:0; width:100%; max-width:900px;}
.mfp-iframe-holder .mfp-close {top:-40px;}
.mfp-iframe-scaler {width:100%; height:0; overflow:hidden; padding-top:56.25%;}
.mfp-iframe-scaler iframe {position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0,0,0,.6); background:#000;}
/* Main image in popup */
img.mfp-img {width:auto; max-width:100%; height:auto; display:block; line-height:0; box-sizing:border-box; padding:40px 0 40px; margin:0 auto;}
/* The shadow behind the image */
.mfp-figure {line-height:0;}
.mfp-figure:after {content:''; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0,0,0,.6); background:#444;}
.mfp-figure small {color:#BDBDBD; display:block; font-size:12px; line-height:14px;}
.mfp-figure figure {margin:0;}
.mfp-bottom-bar {margin-top:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto;}
.mfp-title {text-align:left; line-height:18px; color:#F3F3F3; word-wrap:break-word; padding-right:36px;}
.mfp-image-holder .mfp-content {max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure {cursor:pointer;}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
/* Remove all paddings around the image on small screen */
.mfp-img-mobile .mfp-image-holder {padding-left:0; padding-right:0;}
.mfp-img-mobile img.mfp-img {padding:0;}
.mfp-img-mobile .mfp-figure:after {top:0; bottom:0;}
.mfp-img-mobile .mfp-figure small {display:inline; margin-left:5px;}
.mfp-img-mobile .mfp-bottom-bar {background:rgba(0,0,0,.6); bottom:0; margin:0; top:auto; padding:3px 5px; position:fixed; box-sizing:border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty {padding:0;}
.mfp-img-mobile .mfp-counter {right:5px; top:3px;}
.mfp-img-mobile .mfp-close {top:0; right:0; width:35px; height:35px; line-height:35px; background:rgba(0,0,0,.6); position:fixed; text-align:center; padding:0;}
}
@media all and (max-width:900px) {.mfp-arrow {-webkit-transform:scale(.75); transform:scale(.75);}
.mfp-arrow-left {-webkit-transform-origin:0; transform-origin:0;}
.mfp-arrow-right {-webkit-transform-origin:100%; transform-origin:100%;}
.mfp-container {padding-left:6px; padding-right:6px;}
}
/* --------------- fancybox */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {padding:0; margin:0; border:0; outline:none; vertical-align:top;}
.fancybox-wrap {position:absolute; top:0; left:0; z-index:8020;}
.fancybox-skin {position:relative; background:#f9f9f9; color:#444; text-shadow:none; border-radius:4px;}
.fancybox-opened {z-index:8030;}
.fancybox-opened .fancybox-skin {box-shadow:0 10px 25px rgba(0, 0, 0, .5);}
.fancybox-outer,
.fancybox-inner {position:relative;}
.fancybox-inner {overflow:hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling:touch;}
.fancybox-error {color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap;}
.fancybox-image,
.fancybox-iframe {display:block; width:100%; height:100%;}
.fancybox-image {max-width:100%; max-height:100%;}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {background-image:url('../img/fancybox_sprite.png');}
#fancybox-loading {position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:.8; cursor:pointer; z-index:8060;}
#fancybox-loading div {width:44px; height:44px; background:url('../img/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040;}
.fancybox-nav {position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none;
background:transparent url('../img/blank.gif'); /* helps IE */ -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040;}
.fancybox-prev {left:0;}
.fancybox-next {right:0;}
.fancybox-nav span {position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden;}
.fancybox-prev span {left:10px; background-position:0 -36px;}
.fancybox-next span {right:10px; background-position:0 -72px;}
.fancybox-nav:hover span {visibility:visible;}
.fancybox-tmp {position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important;}
.fancybox-lock {overflow:hidden;}
.fancybox-overlay {position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('../img/fancybox_overlay.png');}
.fancybox-overlay-fixed {position:fixed; bottom:0; right:0;}
.fancybox-lock .fancybox-overlay {overflow:auto;/* overflow-y:scroll;*/}
.fancybox-title {visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050;}
.fancybox-opened .fancybox-title {visibility:visible;}
.fancybox-title-float-wrap {position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; max-width:90%;}
.fancybox-title-float-wrap .child {display:inline-block; margin-right:-100%; padding:2px 20px;
background:transparent; /* Fallback for web browsers that doesn't support RGBa */ background:rgba(0, 0, 0, .8); border-radius:15px;
text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; width:680px;}
.fancybox-title-outside-wrap {position:relative; margin-top:10px; color:#fff;}
.fancybox-title-inside-wrap {padding-top:10px;}
.fancybox-title-over-wrap {position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8);}
.mb10 {
margin-bottom: 10px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
/* 2023.11.28 */
.csr-envrep__latest ul.styled li:last-child {
margin-top: 2em;
background: none;
border: none;
}
.csr-envrep__latest ul.styled li:last-child a {
padding-left: 1em;
background: #17A046;
color: #fff;
text-align: center;
font-size: 18px;
}
.csr-envrep__latest ul.styled li:last-child a:hover {
opacity: .7;
}
/* 2023.12.25 */
.policyTable td.alignRight {
text-align: right;
}
.grayBox {
width: 800px;
}
.noteflex {
display: flex;
}
.noteflex span:first-of-type {
flex-shrink: 0;
margin-right: 0.5em;
}
ul.partnerFlex {
justify-content: space-between;
}
ul.partnerFlex li {
width: 30%;
}
ul.partnerFlex li img {
max-width: 100%;
}
ul.borderlist {
border-top: 1px #17A046 solid;
border-bottom: 1px #17A046 solid;
padding-top: 10px;
padding-bottom: 10px;
}
.greenarrow {
width: 0;
height: 0;
border-style: solid;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
border-top: 50px solid #70ad47;
border-bottom: 0;
margin-right: auto;
margin-left: auto;
}
.enccl {
padding-left: 0.8em;
text-indent: -0.8em;
}
@media screen and (max-width:767px) {
ul.partnerFlex li {
width: auto;
}
ul.partnerFlex li:nth-of-type(n + 2) {
margin-top: 30px;
}
}
/* 2023.11.22追加 */
.pcHalfBlocks.w90 {
width: 90%;
margin: 0 auto;
}
/* 20241225 */
.caption-adjust{
margin-left: auto;
margin-right: auto;
display: table;
}
.caption-adjust-text{
display: table-caption;
caption-side: bottom;
}
/* 2025.01.22追加 */
.tcfd-results-adjust{
display: flex;
margin-top: 1rem;
}
.tcfd-results-adjust > .-item:nth-child(1){
padding-right: 0.5em;
padding-top: 0.4rem;
}
.skill-title th{
font-size: 13px;
word-break: normal;
}
.kpis-adjust{
display: flex;
width: 100%;
}
.kpis-adjust > .-item:nth-child(1){
padding-left: 1.1em;
width: 0.5em;
white-space: nowrap;
}
.kpis-adjust > .-item:nth-child(2){
flex: 1;
}
/* 2025.01.30追加 */
.year-adjust{
width: 50px;
}
.borderFlex.alTop .line-one{
padding-top: 34px;
}
.borderFlex.alTop .line-three{
padding-top: 73px;
}
@media screen and (max-width: 600px) {
.borderFlex.alTop .line-one{
padding-top: 0;
}
.borderFlex.alTop .pt80{
padding-top: 0;
}
}