@charset "UTF-8"; /*add redesing css 202407*/ .coution-block{ position: relative; padding: 10px; } .coution-block dl{ background: #0C2AC6; max-width: 1150px; border-radius: 10px; color: #fff; display: flex; align-items: center; padding:0 30px; column-gap: 2em; } .coution-block dl dt{ font-size: clamp(16px,2.5vw,30px); font-weight: bold; } .coution-block dl dd{ font-size: clamp(12px,1.5vw,16px); } .coution-block a.btn-here:link, .coution-block a.btn-here:visited{ color: #fff!important; text-decoration: underline; text-underline-offset: 3px; } .coution-block a.btn-here:hover{ text-decoration: none; } .coution-block.pc-none{ display: none; } #content-body-wrapper.hd .carousel-topics-wrap .item.kv2 .read h2{ color: #fff; font-size: clamp(1.3rem,2.5vw,4.2rem); text-align: center; } #content-body-wrapper.hd .carousel-topics-wrap .item.kv2 .read { position: absolute; top: 50%; transform: translate(0, -50%); margin: 0; display: block; width: auto; } @media(max-width:767px){ .coution-block{ display: none; } .coution-block.pc-none{ display:block; padding: 0px; } .coution-block dl{ border-radius: 0px; padding:4px 10px; column-gap: 1em; } .coution-block dl dd{ line-height: 1.2; } } /* sass */ /* sass */ /* sass */ /* ---------------------------------------------------------------- EMERGENCY ----------------------------------------------------------------- */ #content-body-wrapper .emergency-content-wrapper { margin: -30px 0 0; } #content-body-wrapper .emergency-content-wrapper.ep { margin: -60px 0 60px; } #content-body-wrapper .emergency-content-wrapper .section-wrapper-gray { padding: 10px 0 30px; margin-bottom: 0; } #content-body-wrapper .emergency-content-wrapper .emergency-content { border: 1px solid #eb1e1e; background: #fff; padding: 25px 40px; margin-top: 20px; } #content-body-wrapper .emergency-content-wrapper .emergency-content .hdg-level3 { color: #eb1e1e; font-weight: bold; margin-bottom: 15px; font-size: 18px; font-size: 1.8rem; } #content-body-wrapper .emergency-content-wrapper .emergency-content .hdg-level4 { color: #666; margin-bottom: 0; font-size: 16px; font-size: 1.6rem; } #content-body-wrapper .emergency-content-wrapper .emergency-content .detail-area { display: none; } #content-body-wrapper .emergency-content-wrapper .emergency-content .detail-area.open { display: block; padding-top: 15px; } #content-body-wrapper .emergency-content-wrapper .emergency-content .close { text-align: center; font-size: 0; line-height: 0; margin: 0 -40px -25px; } #content-body-wrapper .emergency-content-wrapper .emergency-content .close a { display: block; padding: 10px; } #content-body-wrapper .emergency-content-wrapper .emergency-content .close a span { display: inline-block; width: 15px; height: 8px; background: transparent url(/wp-content/uploads/shared-css-icon_arrow_m02b.gif) no-repeat center bottom; } #content-body-wrapper .emergency-content-wrapper .emergency-content .close a:hover { filter: alpha(opacity=70); opacity: 0.70; } #content-body-wrapper .emergency-content-wrapper .emergency-content .close a.open span { background-image: url(/wp-content/uploads/shared-css-icon_arrow_m02t.gif); } /* ---------------------------------------------------------------- HD PARTS ----------------------------------------------------------------- */ #content-body-wrapper .wrap-pickup { background-color: #eb1e1e; padding: 0 40px 0 20px; } #content-body-wrapper .wrap-pickup .inner { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0; font-size: 0; line-height: 0; box-sizing: border-box; } #content-body-wrapper .wrap-pickup .inner .main, #content-body-wrapper .wrap-pickup .inner .sub { display: inline-block; vertical-align: top; width: 50%; box-sizing: border-box; padding-left: 20px; padding-bottom: 20px; } #content-body-wrapper .wrap-pickup .inner .main a, #content-body-wrapper .wrap-pickup .inner .sub a { display: block; position: relative; } #content-body-wrapper .wrap-pickup .inner .main a .txt-hdg, #content-body-wrapper .wrap-pickup .inner .sub a .txt-hdg { position: absolute; box-sizing: border-box; padding: 20px 5px 20px 20px; width: 100%; left: 0; bottom: 0; font-size: 15px; font-size: 1.5rem; font-weight: 700; line-height: 1.4; color: #fff; text-shadow: 0px 0px 3px black; } #content-body-wrapper .wrap-pickup .inner .main a .txt-hdg .inner-txt, #content-body-wrapper .wrap-pickup .inner .sub a .txt-hdg .inner-txt { position: relative; padding-right: 15px; } #content-body-wrapper .wrap-pickup .inner .main a .txt-hdg .inner-txt:after, #content-body-wrapper .wrap-pickup .inner .sub a .txt-hdg .inner-txt:after { display: inline-block; content: ''; width: 7px; height: 7px; margin: -3px 0 0 5px; border-right: 2px solid #eb1e1e; border-bottom: 2px solid #eb1e1e; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-image: none; min-height: 7px; } @media (min-width: 768px) { #content-body-wrapper .wrap-pickup .inner .main a:hover .wrap-img img, #content-body-wrapper .wrap-pickup .inner .sub a:hover .wrap-img img { transition: opacity 0.3s; opacity: 0.5; } } #content-body-wrapper .wrap-pickup .inner .main .wrap-img, #content-body-wrapper .wrap-pickup .inner .sub .wrap-img { background-color: #000; } #content-body-wrapper .wrap-pickup .inner .main .wrap-img img, #content-body-wrapper .wrap-pickup .inner .sub .wrap-img img { opacity: 1; width: 100%; height: auto; } #content-body-wrapper .wrap-pickup .inner .main a .txt-hdg { position: absolute; box-sizing: border-box; padding: 20px; width: 100%; left: 20px; bottom: 020px; font-size: 20px; font-size: 2.0rem; font-weight: 700; } #content-body-wrapper .wrap-pickup .inner .main .wrap-img img { width: 100%; height: auto; } #content-body-wrapper .wrap-pickup .inner ul { margin-left: -20px; } #content-body-wrapper .wrap-pickup .inner ul li { display: inline-block; width: 50%; box-sizing: border-box; padding: 0 0 20px 20px; } #content-body-wrapper .wrap-group .hdg-lv02 { color: #333333; text-align: center; font-size: 16px; font-size: 1.6rem; } #content-body-wrapper .wrap-group .global-service { text-align: center; margin: 40px 0; font-size: 0; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; } #content-body-wrapper .wrap-group .global-service li { width: 33.3333333333333333333%; vertical-align: middle; border-left: #dddddd 1px solid; font-weight: 700; box-sizing: border-box; padding-right: 5px; } #content-body-wrapper .wrap-group .global-service li a { display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; flex-wrap: nowrap; align-items: center; padding: 0; color: #656d73; justify-content: center; transition: color 0.3s; } #content-body-wrapper .wrap-group .global-service li a img { height: 56px; width: auto; opacity: 1; transition: opacity 0.3s; } #content-body-wrapper .wrap-group .global-service li a .wrap-txt { text-align: left; } #content-body-wrapper .wrap-group .global-service li a .wrap-txt .doc-name { font-weight: 700; font-size: 16px; font-size: 1.6rem; } #content-body-wrapper .wrap-group .global-service li a .wrap-txt .doc-add { margin-top: 10px; font-size: 14px; font-size: 1.4rem; } @media (min-width: 768px) { #content-body-wrapper .wrap-group .global-service li a:hover { color: #a0a5a9; text-decoration: none; } #content-body-wrapper .wrap-group .global-service li a:hover img { opacity: 0.7; } } @media (max-width: 1060px) { #content-body-wrapper .wrap-group .global-service li a { flex-wrap: wrap; width: 100%; } #content-body-wrapper .wrap-group .global-service li a .wrap-txt { margin-top: 10px; display: block; width: 100%; text-align: center; } } #content-body-wrapper .wrap-group .global-service li:first-child { border-left: none; } #content-body-wrapper .wrap-quick .hdg-lv02 { color: #333333; text-align: center; font-size: 16px; font-size: 1.6rem; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper { font-size: 0; line-height: 0; margin: 25px 0 0; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper li { display: inline-block; width: 20%; vertical-align: top; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper li a { display: block; margin: 0 5px; outline: none; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper li a .img-wrapper { display: block; margin-bottom: 10px; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper li a .img-wrapper img { width: 100%; height: auto; transition: opacity 0.3s; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper li a .txt-wrapper { transition: color 0.3s; color: #656d73; font-size: 16px; font-size: 1.6rem; line-height: 1.4; font-weight: 700; position: relative; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper li a .txt-wrapper:after { display: inline-block; margin: -2px 0 0 5px; vertical-align: middle; content: ""; width: 6px; height: 6px; border-right: 1px solid #eb1e1e; border-bottom: 1px solid #eb1e1e; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media (min-width: 768px) { #content-body-wrapper .wrap-quick .quick-link-list-wrapper li a:hover { text-decoration: none; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper li a:hover .img-wrapper img { opacity: 0.7; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper li a:hover .txt-wrapper { color: #333333; } } #content-body-wrapper .wrap-quick .quick-link-list-wrapper .slick-arrow { display: inline-block; height: 66px; width: 66px; vertical-align: middle; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; padding: 0; border: none; border-radius: 0; font-size: 0; line-height: 0; background: transparent no-repeat 0 0; cursor: pointer; position: absolute; z-index: 5; top: 50%; margin-top: -54px; transition: opacity 0.3s; opacity: 1; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper .slick-arrow.slick-prev { left: -20px; background-image: url(/wp-content/uploads/shared-css-slider-l.png); } #content-body-wrapper .wrap-quick .quick-link-list-wrapper .slick-arrow.slick-next { right: -20px; background-image: url(/wp-content/uploads/shared-css-slider-r.png); } @media screen and (min-width: 768px) { #content-body-wrapper .wrap-quick .quick-link-list-wrapper .slick-arrow:hover { opacity: 0.8; } } #content-body-wrapper .wrap-quick .general-service { margin: 20px 0 80px; border: 1px solid #ebeced; border-radius: 8px; font-size: 0; text-align: center; } #content-body-wrapper .wrap-quick .general-service .inner { padding: 1px 10px 12px; } #content-body-wrapper .wrap-quick .general-service .close { display: none; margin-top: 10px; } #content-body-wrapper .wrap-quick .general-service li { display: inline-block; margin: 10px 12px 0; font-size: 0; } #content-body-wrapper .wrap-quick .general-service li a { display: inline-block; color: #656d73; transition: color 0.3s; } #content-body-wrapper .wrap-quick .general-service li a em { white-space: nowrap; } #content-body-wrapper .wrap-quick .general-service li a img { width: 22px; height: auto; display: inline-block; vertical-align: middle; } #content-body-wrapper .wrap-quick .general-service li a span { display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; margin: 0 0 0 5px; } @media screen and (min-width: 768px) { #content-body-wrapper .wrap-quick .general-service li a:hover { color: #333333; } } #content-body-wrapper .wrap-quick .general-service.overflow .close { display: block; text-align: center; } #content-body-wrapper .wrap-quick .general-service.overflow .close a { display: block; } #content-body-wrapper .wrap-quick .general-service.overflow .close a .close-txt { display: inline-block; width: 16px; height: 10px; position: relative; font-size: 0; line-height: 0; } #content-body-wrapper .wrap-quick .general-service.overflow .close a .close-txt:after { content: ""; display: inline-block; margin: 0; vertical-align: middle; content: ""; width: 8px; height: 8px; border-right: 2px solid #eb1e1e; border-bottom: 2px solid #eb1e1e; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #content-body-wrapper .wrap-quick .general-service.overflow .close.on a .close-txt:after { content: ""; margin: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } #content-body-wrapper .wrap-quick .general-service .accordionArea { overflow: hidden; } #content-body-wrapper .inner-grid { margin: 85px 0 0; border-top: 1px solid #ebeced; } #content-body-wrapper .inner-grid .wrap-grid-content { display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; flex-wrap: nowrap; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update { width: 67%; /*SNSアイコン刁E��用途にcategory-1、Eが�E力される*/ } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-parent { margin: 0 auto; display: none; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item { padding: 0 36px 36px 0; width: 276px; box-sizing: border-box; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item a { display: block; text-decoration: none; position: relative; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item a:after { content: ""; display: block; width: 60px; height: 60px; font-size: 0; line-height: 0; position: absolute; top: 0; right: 0; background-position: 0 0; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item a img { transition: opacity 0.3s; display: block; } @media (min-width: 768px) { #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item a:hover img { opacity: 0.8; } } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item p + p { padding: 15px 10px; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item p + p + p { padding: 0 10px 20px; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item-content { background: #fff; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .category-1 a:after { background-image: url(/wp-content/uploads/shared-images-icon-sdw-facebook.png); } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .category-2 a:after { background-image: url(/wp-content/uploads/shared-images-icon-sdw-instagram.png); } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .category-3 a:after { background-image: url(/wp-content/uploads/shared-images-icon-sdw-youtube.png); } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .category-4 a:after { background-image: url(/wp-content/uploads/shared-images-icon-sdw-twitter.png); } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item img { display: block; width: 100%; height: auto; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .showOnlySP { /*SPのみMOREボタンを�Eすケースが存在する�E��E回で全チE�Eタが�Eた場合）�Eでそ�E時に付与される*/ display: none; } @media (min-width: 768px) and (max-width: 1244px) { #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item { width: 244px; } } @media (min-width: 768px) and (max-width: 1125px) { #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item { width: 290px; } } @media (min-width: 768px) and (max-width: 910px) { #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item { width: 260px; } } @media (min-width: 768px) and (max-width: 846px) { #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item { width: 240px; } } @media (max-width: 768px) { #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item { width: 240px; } } @media (max-width: 767px) { #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-parent { width: 100% !important; /*JSで冁E��要素に合わせる仕様になる�EでSP刁E��時�E強制皁E��引き延ばせるようimportant*/ } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item { padding: 0px 0px 10px 0px; width: 100%; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .showOnlyPC { /*初回表示時にSPのみ非表示になるコンチE��チE��付く*/ display: none; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .showOnlySP { /*SPのみMOREボタンを�Eすケースが存在する�E��E回で全チE�Eタが�Eた場合）�Eでそ�E時に付与される*/ display: block; } } #content-body-wrapper .inner-grid .wrap-grid-content .inner-news { margin-top: -1px; box-sizing: border-box; width: 33%; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-news .inner { background-color: #fff; margin-top: 1px; padding: 40px 30px; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-news .hdg-lv03 { font-size: 20px; font-size: 2.0rem; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-news dl { padding-top: 10px; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-news dl dt { margin-top: 20px; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-news .link-btn-type01 { text-align: center; margin-top: 30px; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-news .link-btn-type01 a { background-image: url(/wp-content/uploads/shared-css-icon_arrow_m02gr.gif); background-size: 16px 16px; } #content-body-wrapper .inner-grid .wrap-grid-content .btn-wrap { text-align: center; } #content-body-wrapper .inner-grid .wrap-grid-content .btn-wrap a { text-align: center; background-color: #fff; display: inline-block; border: 1px solid #ebeced; font-size: 14px; font-size: 1.4rem; font-weight: 700; position: relative; text-decoration: none; transition: color 0.3s; } #content-body-wrapper .inner-grid .wrap-grid-content .btn-wrap a:after { content: ""; width: 24px; height: 24px; display: block; position: absolute; right: 18px; top: 50%; margin-top: -12px; border-radius: 50%; background-color: #fff; border: 2px solid #999999; box-sizing: border-box; } #content-body-wrapper .inner-grid .wrap-grid-content .btn-wrap a span { display: block; padding: 10px 120px; position: relative; } #content-body-wrapper .inner-grid .wrap-grid-content .btn-wrap a span:before { content: ""; width: 10px; height: 2px; display: block; position: absolute; right: 25px; top: 50%; margin-top: -1px; background-color: #999999; box-sizing: border-box; z-index: 2; } #content-body-wrapper .inner-grid .wrap-grid-content .btn-wrap a span:after { content: ""; width: 2px; height: 10px; display: block; position: absolute; right: 29px; top: 50%; margin-top: -5px; background-color: #999999; box-sizing: border-box; z-index: 2; } #content-body-wrapper .inner-grid .wrap-list-sns { margin: 60px 0; font-size: 0; line-height: 0; text-align: center; } #content-body-wrapper .inner-grid .wrap-list-sns li { display: inline-block; margin: 0 40px; } #content-body-wrapper .inner-grid .wrap-list-sns li a { display: inline-block; } #content-body-wrapper .inner-grid .wrap-list-sns li a img { width: 40px; height: 40px; transition: opacity 0.3s; } @media (min-width: 768px) { #content-body-wrapper .inner-grid .wrap-list-sns li:hover img { opacity: 0.7; } } #content-body-wrapper .wrap-data > .inner { margin-bottom: 50px; } #content-body-wrapper .wrap-data > .inner .list-data .wrap { background: #f5f6f7; margin: 0 15px 4px; padding: 40px 20px; text-align: center; box-sizing: border-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; align-items: center; height: auto; box-shadow: rgba(203, 204, 206, 0.99216) 4px 4px 1px -3px; height: 420px; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .inner { width: 100%; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-hdg { font-size: 20px; font-size: 2.0rem; font-weight: 700; line-height: 1.2; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-sub { font-size: 18px; font-size: 1.8rem; font-weight: 700; line-height: 1.3; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-add { font-size: 40px; font-size: 4.0rem; line-height: 1.2; font-weight: 700; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-number { font-size: 38px; font-size: 3.8rem; font-weight: 700; line-height: 1.2; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-number .number { font-size: 80px; font-size: 8.0rem; line-height: 1.2; color: #eb1e1e; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-number .doc-s { font-size: 32px; font-size: 3.2rem; line-height: 1.2; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .wrap-img { margin-top: 10px; text-align: center; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .wrap-img img { display: inline-block; max-width: 100%; } #content-body-wrapper .wrap-data > .inner .list-data a { display: block; transition: opacity 0.3s; } #content-body-wrapper .wrap-data > .inner .list-data a:hover { opacity: 0.7; text-decoration: none; } #content-body-wrapper .wrap-data > .inner .link-btn-type01 { text-align: center; } #content-body-wrapper .wrap-data .slick-arrow { display: inline-block; height: 66px; width: 66px; vertical-align: middle; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; padding: 0; border: none; border-radius: 0; font-size: 0; line-height: 0; background: transparent no-repeat 0 0; cursor: pointer; position: absolute; z-index: 5; top: 50%; margin-top: -54px; transition: opacity 0.3s; opacity: 1; } #content-body-wrapper .wrap-data .slick-arrow.slick-prev { left: 10px; background-image: url(/wp-content/uploads/shared-css-slider-l.png); } #content-body-wrapper .wrap-data .slick-arrow.slick-next { right: 10px; background-image: url(/wp-content/uploads/shared-css-slider-r.png); } @media screen and (min-width: 768px) { #content-body-wrapper .wrap-data .slick-arrow:hover { opacity: 0.8; } } #content-body-wrapper .wrap-data .slick-dots { padding: 15px 0 25px; text-align: center; } #content-body-wrapper .wrap-data .slick-dots li { display: inline-block; margin: 0 5px; } #content-body-wrapper .wrap-data .slick-dots li.slick-active button { background-color: #eb1e1e; } #content-body-wrapper .wrap-data .slick-dots button { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; font-size: 0; line-height: 0; padding: 0; border-radius: 50%; display: block; cursor: pointer; color: transparent; border: 0; width: 10px; height: 10px; background-color: #c1c1c1; transition: background-color 0.3s; } #content-body-wrapper .quick-contet-list-wrapper { max-width: 1240px; padding: 0 20px; box-sizing: border-box; margin: 120px auto 0; } #content-body-wrapper .quick-contet-list-wrapper .quick-contet-list { margin: 25px -5px 0; } #content-body-wrapper .quick-contet-list-wrapper .quick-contet-list .wrap { display: inline-block; width: 20%; vertical-align: top; } #content-body-wrapper .quick-contet-list-wrapper .quick-contet-list .wrap a { display: block; margin: 0 5px; outline: none; } #content-body-wrapper .quick-contet-list-wrapper .quick-contet-list .wrap a .img-wrapper { display: block; margin-bottom: 10px; } #content-body-wrapper .quick-contet-list-wrapper .quick-contet-list .wrap a .img-wrapper img { width: 100%; height: auto; transition: opacity 0.3s; } #content-body-wrapper .quick-contet-list-wrapper .quick-contet-list .wrap a .txt-wrapper { transition: color 0.3s; color: #656d73; font-size: 16px; font-size: 1.6rem; line-height: 1.5; line-height: 1.4; font-weight: 700; position: relative; } #content-body-wrapper .quick-contet-list-wrapper .quick-contet-list .wrap a .txt-wrapper:after { display: inline-block; margin: -2px 0 0 5px; vertical-align: middle; content: ""; width: 6px; height: 6px; border-right: 1px solid #eb1e1e; border-bottom: 1px solid #eb1e1e; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media (min-width: 768px) { #content-body-wrapper .quick-contet-list-wrapper .quick-contet-list .wrap a:hover { text-decoration: none; } #content-body-wrapper .quick-contet-list-wrapper .quick-contet-list .wrap a:hover .img-wrapper img { opacity: 0.7; } #content-body-wrapper .quick-contet-list-wrapper .quick-contet-list .wrap a:hover .txt-wrapper { color: #333333; } } #content-body-wrapper .quick-contet-list-wrapper .slick-arrow { display: inline-block; height: 66px; width: 66px; vertical-align: middle; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; padding: 0; border: none; border-radius: 0; font-size: 0; line-height: 0; background: transparent no-repeat 0 0; cursor: pointer; position: absolute; z-index: 5; top: 30px; transition: opacity 0.3s; opacity: 1; } #content-body-wrapper .quick-contet-list-wrapper .slick-arrow.slick-prev { left: -40px; background-image: url(/wp-content/uploads/shared-css-slider-l.png); } #content-body-wrapper .quick-contet-list-wrapper .slick-arrow.slick-next { right: -40px; background-image: url(/wp-content/uploads/shared-css-slider-r.png); } @media (max-width: 1340px) { #content-body-wrapper .quick-contet-list-wrapper .slick-arrow.slick-prev { left: 15px; } #content-body-wrapper .quick-contet-list-wrapper .slick-arrow.slick-next { right: 15px; } } @media screen and (min-width: 768px) { #content-body-wrapper .quick-contet-list-wrapper .slick-arrow:hover { opacity: 0.8; } } #content-body-wrapper .quick-contet-list-wrapper .slick-dots { padding: 15px 0 25px; text-align: center; } #content-body-wrapper .quick-contet-list-wrapper .slick-dots li { display: inline-block; margin: 0 5px; } #content-body-wrapper .quick-contet-list-wrapper .slick-dots li.slick-active button { background-color: #eb1e1e; } #content-body-wrapper .quick-contet-list-wrapper .slick-dots button { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; font-size: 0; line-height: 0; padding: 0; border-radius: 50%; display: block; cursor: pointer; color: transparent; border: 0; width: 10px; height: 10px; background-color: #c1c1c1; transition: background-color 0.3s; } /* ---------------------------------------------------------------- FP PARTS ----------------------------------------------------------------- */ #content-body-wrapper .topmost-carousel-category-wrapper { margin-top: -10px; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category { width: 100%; margin-bottom: 30px; position: relative; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper { position: absolute; width: 1240px; left: 50%; margin-left: -620px; overflow: visible; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list { letter-spacing: -0.4em; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li { display: inline-block; vertical-align: top; letter-spacing: normal; float: left; margin: 0 10px; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a { display: block; position: relative; background: #fff; box-shadow: rgba(203, 204, 206, 0.99216) 4px 4px 1px -3px; -webkit-box-shadow: rgba(203, 204, 206, 0.99216) 4px 4px 1px -3px; -moz-box-shadow: rgba(203, 204, 206, 0.99216) 4px 4px 1px -3px; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a:hover, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a:hover, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a:hover { text-decoration: none; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a:hover img, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a:hover img, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a:hover img { filter: alpha(opacity=70); opacity: 0.70; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .img-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .img-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .img-wrap { display: block; margin: 0; padding: 0; overflow: hidden; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .img-wrap img, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .img-wrap img, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .img-wrap img { width: 100%; height: auto; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap .doc-date, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap .doc-date, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap .doc-date { position: absolute; right: 20px; bottom: 15px; margin: 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap .doc-caption, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap .doc-caption, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap .doc-caption { position: absolute; left: 20px; bottom: 15px; padding-right: 9em; margin: 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap { padding: 12px 15px 3em; min-height: 3em; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap h3 { font-size: 100%; overflow: hidden; width: 274px; height: 3em; margin-bottom: 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .img-wrap { width: 304px; height: 228px; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap { padding: 15px 20px 3em; min-height: 3.5em; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap h3 { font-size: 16px; font-size: 1.6rem; overflow: hidden; width: 360px; height: 3em; margin-bottom: 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .img-wrap { width: 400px; height: 300px; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap { padding: 20px 20px 0; min-height: 82px; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap h3 { font-size: 142.9%; overflow: hidden; width: 570px; height: 1.5em; margin-bottom: 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .img-wrap { width: 610px; height: 458px; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list:after { display: block; content: ""; clear: both; height: 0; line-height: 0; overflow: hidden; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list { width: 100%; padding-bottom: 20px; position: relative; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper { width: 1240px; margin: 0; overflow: visible; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .bx-wrapper a.bx-prev { left: 4px !important; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .bx-wrapper a.bx-next { right: 4px !important; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list { letter-spacing: -0.4em; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li { display: inline-block; letter-spacing: normal; vertical-align: top; float: left; padding: 0 4px; width: 302px; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a { display: block; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a:hover { text-decoration: none; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a .img-wrap { display: block; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 100%; height: auto; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a .img-wrap img { width: 100%; height: auto; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a .txt-wrap { padding: 25px 20px 23px; position: relative; border: 1px solid #ebeced; overflow: visible; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a .txt-wrap .hdg-level3 { font-weight: normal; display: inline-block; font-size: 100%; margin: 0; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a .txt-wrap .hdg-level3:after { margin: 0 0px 0 10px; display: inline-block; vertical-align: middle; min-height: 15px; content: ""; background: transparent url(/wp-content/uploads/shared-css-icon_arrow_m02.gif) no-repeat 0 0; width: 8px; height: 15px; vertical-align: -0.5px; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list:after { display: block; content: ""; clear: both; height: 0; line-height: 0; overflow: hidden; } #content-body-wrapper .todenho-carousel-list-wrapper { margin: -10px 0 0; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list { width: 100%; margin: 0; height: 325px; padding-bottom: 20px; position: relative; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper { position: absolute; left: 50%; margin-left: -620px; width: 1240px; overflow: hidden; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list { letter-spacing: -0.4em; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li { display: inline-block; vertical-align: top; letter-spacing: normal; float: left; margin: 0 8px 0 0; width: 302px; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a { display: block; position: relative; background: #fff; box-shadow: rgba(203, 204, 206, 0.99216) 4px 4px 1px -3px; -webkit-box-shadow: rgba(203, 204, 206, 0.99216) 4px 4px 1px -3px; -moz-box-shadow: rgba(203, 204, 206, 0.99216) 4px 4px 1px -3px; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a:hover, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a:hover, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a:hover { text-decoration: none; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a:hover img, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a:hover img, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a:hover img { filter: alpha(opacity=70); opacity: 0.70; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .img-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .img-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .img-wrap { display: block; margin: 0; padding: 0; overflow: hidden; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .img-wrap img, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .img-wrap img, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .img-wrap img { width: 100%; height: auto; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .txt-wrap .doc-date, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .txt-wrap .doc-date, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap .doc-date { position: absolute; right: 20px; bottom: 15px; margin: 0; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .txt-wrap .doc-caption, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .txt-wrap .doc-caption, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap .doc-caption { position: absolute; left: 20px; bottom: 15px; padding-right: 9em; margin: 0; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap { padding: 12px 15px 3em; min-height: 3em; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap h3 { font-size: 100%; overflow: hidden; width: 274px; height: 3em; margin-bottom: 0; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .img-wrap { width: 304px; height: auto; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .txt-wrap { padding: 15px 20px 3em; min-height: 3.5em; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .txt-wrap h3 { font-size: 16px; font-size: 1.6rem; overflow: hidden; width: 368px; height: 3em; margin-bottom: 0; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .img-wrap { width: 408px; height: 306px; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .txt-wrap { padding: 20px 20px 3em; min-height: 6.6em; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .txt-wrap h3 { font-size: 142.9%; overflow: hidden; width: 576px; height: 3em; margin-bottom: 0; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .img-wrap { width: 616px; height: 462px; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list:after { display: block; content: ""; clear: both; height: 0; line-height: 0; overflow: hidden; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .bx-wrapper a.bx-prev { left: 0 !important; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .bx-wrapper a.bx-next { right: 0 !important; } #content-body-wrapper .ly-column2-type02-topmost { padding-bottom: 0; width: 100%; letter-spacing: -0.4em; } #content-body-wrapper .ly-column2-type02-topmost .column { display: inline-block; width: 60%; vertical-align: middle; margin: 0 0 0 0; text-align: center; letter-spacing: normal; } #content-body-wrapper .ly-column2-type02-topmost .column.txt-inner { width: 40%; text-align: left; } #content-body-wrapper .ly-column2-type02-topmost .column.txt-inner .hdg-level2 { text-align: left; } #content-body-wrapper .topmost-lead-type01 { font-size: 114.3%; padding: 0 9%; } #content-body-wrapper .nav-column2-type15 { margin-bottom: 20px; } #content-body-wrapper .nav-column2-type15 ul { margin: 0; } #content-body-wrapper .nav-column2-type15 ul .txt-column { padding: 80px; } #content-body-wrapper .nav-column2-type15 ul .txt-column .doc-hdg-caption { color: #333; font-size: 140%; margin: 0 0 10px; } #content-body-wrapper .nav-column2-type15 ul .txt-column .hdg-level3 { font-size: 170%; margin-bottom: 15px; } #content-body-wrapper .nav-column2-type15 ul .txt-column .doc-text { color: #333; margin-bottom: 30px; } #content-body-wrapper .nav-column2-type15 ul .txt-column .doc-spec { color: #666; font-size: 300%; line-height: 1.25; } #content-body-wrapper .nav-column2-type05.fp-marg { padding-bottom: 40px; } #content-body-wrapper .section-wrapper-red { margin-top: 60px; } /* ---------------------------------------------------------------- PG PARTS ----------------------------------------------------------------- */ #content-body-wrapper .top-message-wrapper { margin: 30px 0 40px; padding: 120px 0; background-repeat: no-repeat; background-position: center top; background-size: cover; } #content-body-wrapper .top-message-wrapper .top-message { text-align: center; margin: 0 auto; color: #fff; max-width: 1300px; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel { display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; box-sizing: border-box; text-align: center; margin: 0 auto; width: 100%; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li { display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; box-sizing: border-box; text-align: center; width: 33.33333333333%; border-left: 1px solid #fff; padding: 0 30px; text-shadow: 0px 0px 3px #000000; line-height: normal; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li.first { border-left: none; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li .txt-stable1 { font-size: 36px; font-size: 3.6rem; line-height: 1.1; font-weight: 700; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li .txt-stable1 span { font-size: 80px; font-size: 8.0rem; padding-right: 5px; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li .txt-stable1 .txt-s { font-size: 48px; font-size: 4.8rem; padding-right: 5px; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li .txt-stable2 { font-size: 36px; font-size: 3.6rem; font-weight: 700; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li .txt-stable3 { font-size: 24px; font-size: 2.4rem; font-weight: 700; } #content-body-wrapper .pg-adjustment { margin-top: 50px !important; } #content-body-wrapper .section-wrapper-gray { padding: 50px 0; } /* ---------------------------------------------------------------- EP PARTS ----------------------------------------------------------------- */ #content-body-wrapper .category-catch-content-wrapper { margin-bottom: 60px; } #content-body-wrapper .category-catch-content-wrapper .hero-content .content-innter .hdg-level1, #content-body-wrapper .category-catch-content-wrapper .hero-content .content-innter .hdg-catch { font-size: 60px; font-size: 6.0rem; } #content-body-wrapper .member-content-wrapper { width: 1240px; height: 0; position: relative; margin: 0 auto; overflow: visible; } #content-body-wrapper .member-content-wrapper .member-content { position: absolute; right: 0; bottom: 90px; margin: 0; padding: 20px 20px 0; width: 240px; background: #fff; } #content-body-wrapper .member-content-wrapper .member-content .hdg-level2 { font-size: 142.9%; margin-bottom: 10px; } #content-body-wrapper .member-content-wrapper .member-content .hdg-level4 { font-size: 114.3%; } #content-body-wrapper .member-content-wrapper .member-content .doc-private, #content-body-wrapper .member-content-wrapper .member-content .doc-corporate { margin-bottom: 5px; } #content-body-wrapper .member-content-wrapper .member-content .doc-private span, #content-body-wrapper .member-content-wrapper .member-content .doc-corporate span { display: inline-block; vertical-align: middle; } #content-body-wrapper .member-content-wrapper .member-content .hr-line { width: 100%; border-top: 1px solid #ece9e9; height: 1px; font-size: 0; line-height: 0; margin: 15px 0 13px; } #content-body-wrapper .member-content-wrapper .member-content .private-member .btn-entry, #content-body-wrapper .member-content-wrapper .member-content .corporate-member .btn-entry { margin-bottom: 10px; } #content-body-wrapper .member-content-wrapper .member-content .private-member .btn-entry a, #content-body-wrapper .member-content-wrapper .member-content .corporate-member .btn-entry a { display: block; padding: 15px 15px 12px 15px; text-align: center; color: #fff; background: #ea1e1f url(/wp-content/uploads/shared-css-icon_arrow_m03r.png) no-repeat right center; text-decoration: none; } #content-body-wrapper .member-content-wrapper .member-content .private-member .btn-entry a:hover, #content-body-wrapper .member-content-wrapper .member-content .corporate-member .btn-entry a:hover { text-decoration: none; filter: alpha(opacity=70); opacity: 0.70; } #content-body-wrapper .member-content-wrapper .member-content .corporate-member .btn-entry a { background-color: #333333; } #content-body-wrapper .member-content-wrapper.corporate-only .member-content { bottom: 155px; } #content-body-wrapper .member-content-wrapper.private-only .member-content { bottom: 170px; padding-bottom: 15px; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper { width: 100%; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head { text-align: center; margin-bottom: 0; border-bottom: none; letter-spacing: -0.4em; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head ul li { margin: 0; display: inline-block; letter-spacing: normal; margin: 0; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head ul li h2 { font-size: 171.4%; border-left: 2px solid #e8eaeb; line-height: 1.1; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head ul li h2 a { display: block; padding: 0 45px; border-bottom: none !important; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head ul li h2 a:hover { text-decoration: none; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head ul li h2 a.tab-location { color: #ea1e1f; position: relative; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head ul li h2 a.tab-location:after { top: 140%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 30px; margin-left: -30px; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head ul li.tab-content01 h2 { border-left: none; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .card-sorting-list-sp { display: none; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .section-wrapper-gray { padding-bottom: 50px; overflow-x: hidden; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .section-wrapper-gray .topmost-card-information-wrapper { margin-top: 30px; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .section-wrapper-gray .no-category-sort .topmost-card-information-wrapper { margin-top: 83px; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .section-wrapper-gray .nav-column4-type02 { padding-top: 10px; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .section-wrapper-gray .nav-column4-type02 ul li { margin-top: 20px; margin-bottom: 0; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .tab-elements-wrapper { width: 100%; margin-bottom: 0; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .tab-elements-wrapper .tab-head { margin-top: 15px; margin-bottom: 0; border-color: #cacbcc; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .tab-elements-wrapper .tab-head ul li a { border-color: #cacbcc; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .tab-elements-wrapper .tab-head ul li a.tab-location { border-color: #ea1e1f; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .topmost-card-information-wrapper .card-content { overflow: visible; height: auto !important; visibility: visible !important; } #content-body-wrapper .nav-column1-type22 ul { padding-bottom: 10px; } @media (min-width: 768px) and (max-width: 1240px) { /* ---------------------------------------------------------------- FP PARTS ----------------------------------------------------------------- */ #content-body-wrapper .topmost-carousel-category-wrapper { margin: -10px 0 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category { width: 100%; position: relative; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper { width: 100%; margin: 0; position: static; overflow: hidden; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list { padding: 0; letter-spacing: -0.4em; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li { display: inline-block; vertical-align: top; letter-spacing: normal; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a { display: block; position: relative; background: #fff; box-shadow: rgba(203, 204, 206, 0.99216) 4px 4px 1px -3px; -webkit-box-shadow: rgba(203, 204, 206, 0.99216) 4px 4px 1px -3px; -moz-box-shadow: rgba(203, 204, 206, 0.99216) 4px 4px 1px -3px; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a:hover, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a:hover, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a:hover { text-decoration: none; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a:hover img, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a:hover img, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a:hover img { filter: alpha(opacity=70); opacity: 0.70; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .img-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .img-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .img-wrap { display: block; margin: 0; padding: 0; overflow: hidden; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .img-wrap img, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .img-wrap img, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .img-wrap img { width: 100%; height: auto; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap .doc-date, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap .doc-date, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap .doc-date { position: absolute; right: 20px; bottom: 15px; margin: 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap .doc-caption, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap .doc-caption, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap .doc-caption { position: absolute; left: 20px; bottom: 15px; padding-right: 9em; margin: 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap { padding: 12px 15px 3em; min-height: 3em; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap h3 { font-size: 100%; overflow: hidden; width: 274px; height: 3em; margin-bottom: 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .img-wrap { width: 304px; height: 228px; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m { width: 33.3333333333%; margin: 0; padding: 0 10px; box-sizing: border-box; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap { padding: 15px 20px 3em; min-height: 3.5em; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap h3 { font-size: 16px; font-size: 1.6rem; overflow: hidden; width: 100%; height: 3em; margin-bottom: 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .img-wrap { width: 100%; height: auto; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l { width: 50%; margin: 0; padding: 0 10px; box-sizing: border-box; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap { padding: 20px 20px 0; min-height: 82px; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap h3 { font-size: 120.9%; overflow: hidden; width: 100%; height: 1.5em; margin-bottom: 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .img-wrap { width: 100%; height: auto; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list:after { display: block; content: ""; clear: both; height: 0; line-height: 0; overflow: hidden; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .bx-wrapper a.bx-prev { left: 10px; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .bx-wrapper a.bx-next { right: 10px; } #content-body-wrapper .normal-carousel-list-wrapper { margin: -10px -6px 0; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list { width: 100%; padding-bottom: 20px; position: relative; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper { width: 100%; margin: 0; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .bx-wrapper a.bx-prev { left: 4px !important; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .bx-wrapper a.bx-next { right: 4px !important; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list { letter-spacing: -0.4em; margin: 0; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li { display: inline-block; vertical-align: top; letter-spacing: normal; float: left; margin: 0 !important; padding: 0 4px; width: 23.9%; box-sizing: border-box; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a { display: block; margin: 0; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a:hover { text-decoration: none; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a .img-wrap { display: block; margin: 0; padding: 0; font-size: 0; line-height: 0; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a .img-wrap img { width: 100%; height: auto; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a .txt-wrap { border: 1px solid #ebeced; padding: 15px 15px 13px; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a .txt-wrap .hdg-level3 { font-weight: normal; display: inline-block; font-size: 100%; margin: 0; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a .txt-wrap .hdg-level3:after { margin: 0 0px 0 10px; display: inline-block; vertical-align: middle; min-height: 15px; content: ""; background: transparent url(/wp-content/uploads/shared-css-icon_arrow_m02.gif) no-repeat 0 0; width: 8px; height: 15px; vertical-align: -0.5px; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list:after { display: block; content: ""; clear: both; height: 0; line-height: 0; overflow: hidden; } #content-body-wrapper .todenho-carousel-list-wrapper { margin: -10px -6px 0; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list { width: 100%; height: auto; padding-bottom: 20px; position: relative; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper { position: static; left: auto; margin-left: 0; width: 100%; overflow: hidden; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .bx-wrapper a.bx-prev { left: 4px !important; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .bx-wrapper a.bx-next { right: 4px !important; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list { letter-spacing: -0.4em; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li { display: inline-block; vertical-align: top; letter-spacing: normal; float: left; margin: 0 !important; padding: 0 4px; width: 24.0%; box-sizing: border-box; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s { box-sizing: border-box; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a { display: block; position: relative; background: #fff; box-shadow: rgba(203, 204, 206, 0.99216) 4px 4px 1px -3px; -webkit-box-shadow: rgba(203, 204, 206, 0.99216) 4px 4px 1px -3px; -moz-box-shadow: rgba(203, 204, 206, 0.99216) 4px 4px 1px -3px; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a:hover, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a:hover, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a:hover { text-decoration: none; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a:hover img, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a:hover img, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a:hover img { filter: alpha(opacity=70); opacity: 0.70; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .img-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .img-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .img-wrap { display: block; margin: 0; padding: 0; overflow: hidden; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .img-wrap img, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .img-wrap img, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .img-wrap img { width: 100%; height: auto; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap { padding: 12px 10px 4.0em; min-height: 3em; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap h3 { font-size: 90.5%; overflow: hidden; width: 100%; height: 3em; margin-bottom: 0; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap .doc-date { position: absolute; right: 10px; bottom: 10px; margin: 0; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap .doc-caption { position: absolute; left: 10px; bottom: 2.5em; padding-right: 0; margin: 0; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .img-wrap { width: 100%; height: auto; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list:after { display: block; content: ""; clear: both; height: 0; line-height: 0; overflow: hidden; } #content-body-wrapper .ly-column2-type02-topmost { padding-bottom: 0; width: 100%; letter-spacing: -0.4em; } #content-body-wrapper .ly-column2-type02-topmost .column { display: inline-block; width: 60%; vertical-align: middle; margin: 0 0 0 0; text-align: center; letter-spacing: normal; } #content-body-wrapper .ly-column2-type02-topmost .column.txt-inner { width: 40%; text-align: left; } #content-body-wrapper .ly-column2-type02-topmost .column.txt-inner .hdg-level2 { text-align: left; } #content-body-wrapper .topmost-lead-type01 { font-size: 114.3%; padding: 0 9%; } #content-body-wrapper .nav-column2-type15 { margin-bottom: 20px; } #content-body-wrapper .nav-column2-type15 ul { margin: 0; } #content-body-wrapper .nav-column2-type15 ul .txt-column { padding: 30px; } #content-body-wrapper .nav-column2-type15 ul .txt-column .doc-hdg-caption { color: #333; font-size: 130%; margin: 0 0 10px; } #content-body-wrapper .nav-column2-type15 ul .txt-column .hdg-level3 { font-size: 150%; margin-bottom: 15px; } #content-body-wrapper .nav-column2-type15 ul .txt-column .doc-text { color: #333; margin-bottom: 30px; } #content-body-wrapper .nav-column2-type15 ul .txt-column .doc-spec { color: #666; font-size: 200%; line-height: 1.25; } /* ---------------------------------------------------------------- PG PARTS ----------------------------------------------------------------- */ #content-body-wrapper .top-message-wrapper .top-message { margin: 0 auto; width: 100%; padding: 0 10px; box-sizing: border-box; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li { padding: 0 20px; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li .txt-stable1 { font-size: 30px; font-size: 3.0rem; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li .txt-stable1 span { font-size: 60px; font-size: 6.0rem; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li .txt-stable1 .txt-s { font-size: 40px; font-size: 4.0rem; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li .txt-stable2 { font-size: 30px; font-size: 3.0rem; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li .txt-stable3 { font-size: 18px; font-size: 1.8rem; width: 100%; } /* ---------------------------------------------------------------- EP PARTS ----------------------------------------------------------------- */ #content-body-wrapper .member-content-wrapper { width: 100%; } #content-body-wrapper .member-content-wrapper .member-content { right: 10px; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .tab-element[data-tab="1"] .card-content .card-list li, #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .tab-element[data-tab="4"] .card-content .card-list li { float: none !important; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .nav-column4-type02 { padding-top: 10px; padding-left: 10px; padding-right: 10px; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .nav-column4-type02 ul li { margin-top: 20px; margin-bottom: 0; } } @media (min-width: 768px) and (max-width: 979px) { #content-body-wrapper .top-news-element-wrapper .section { width: 100%; } } @media (min-width: 768px) and (max-width: 1280px) { /* ---------------------------------------------------------------- HD PARTS ----------------------------------------------------------------- */ #content-body-wrapper .wrap-data > .inner .list-data .wrap { margin-left: 10px; margin-right: 10px; padding: 20px 10px; height: 420px; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-hdg { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-sub { margin-top: 5px; font-size: 14px; font-size: 1.4rem; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-add { font-size: 36px; font-size: 3.6rem; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-number { font-size: 22px; font-size: 2.2rem; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-number .number { font-size: 50px; font-size: 5.0rem; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-number .doc-s { font-size: 28px; font-size: 2.8rem; } } /* sass */ @media screen and (max-width: 767px) { .header-company-logo { border-bottom: none !important; } #content-nav-wrapper .content-nav-container .global-nav { margin-top: 0; } /* ---------------------------------------------------------------- EMERGENCY ----------------------------------------------------------------- */ #content-body-wrapper .emergency-content-wrapper { margin: -20px 0 0; } #content-body-wrapper .emergency-content-wrapper.ep { margin: -60px 0 60px; } #content-body-wrapper .emergency-content-wrapper .section-wrapper-gray { padding: 5px 10px 15px; margin-bottom: 0; } #content-body-wrapper .emergency-content-wrapper .emergency-content { padding: 15px; margin-top: 10px; } #content-body-wrapper .emergency-content-wrapper .emergency-content .hdg-level3 { margin-bottom: 10px; margin-top: 0; } #content-body-wrapper .emergency-content-wrapper .emergency-content .hdg-level4 { margin-top: 0; } #content-body-wrapper .emergency-content-wrapper .emergency-content .detail-area.open { padding-top: 10px; } #content-body-wrapper .emergency-content-wrapper .emergency-content .close { margin: 0 -15px -15px; } /* ---------------------------------------------------------------- HD PARTS ----------------------------------------------------------------- */ #content-body-wrapper .section-wrapper-gray { padding: 40px 0; } #content-body-wrapper .section-wrapper-gray .section { padding-left: 0; padding-right: 0; } #content-body-wrapper .wrap-pickup { padding: 0 5px 15px 0; } #content-body-wrapper .wrap-pickup .inner .main, #content-body-wrapper .wrap-pickup .inner .sub { display: block; width: 100%; padding-left: 5px; padding-bottom: 5px; } #content-body-wrapper .wrap-pickup .inner .main a .txt-hdg, #content-body-wrapper .wrap-pickup .inner .sub a .txt-hdg { padding: 0 5px 10px 10px; font-size: 14px; font-size: 1.4rem; } #content-body-wrapper .wrap-pickup .inner .main a .txt-hdg { padding: 0 10px 15px 15px; left: 0; bottom: 0; font-size: 18px; font-size: 1.8rem; } #content-body-wrapper .wrap-pickup .inner ul { margin-left: -5px; } #content-body-wrapper .wrap-pickup .inner ul li { padding: 0 0 5px 5px; } #content-body-wrapper .wrap-group .hdg-lv02 { font-size: 12px; font-size: 1.2rem; } #content-body-wrapper .wrap-group .global-service { margin: 20px 0 0; } #content-body-wrapper .wrap-group .global-service li a { display: block; } #content-body-wrapper .wrap-group .global-service li a img { height: 32px; } #content-body-wrapper .wrap-group .global-service li a .wrap-txt { display: none; } #content-body-wrapper .wrap-quick .hdg-lv02 { font-size: 12px; font-size: 1.2rem; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper { font-size: 0; line-height: 0; margin: 15px -10px 0; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper li a { display: block; margin: 0 3px; text-decoration: none; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper li a .img-wrapper { display: block; margin-bottom: 10px; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper li a .txt-wrapper { font-size: 12px; font-size: 1.2rem; font-weight: normal; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper li a .txt-wrapper:after { margin: -1px 0 0 5px; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper .slick-arrow { height: 40px; width: 40px; top: 0; margin-top: 7%; background-size: contain; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper .slick-arrow.slick-prev { left: 10px; } #content-body-wrapper .wrap-quick .quick-link-list-wrapper .slick-arrow.slick-next { right: 10px; } #content-body-wrapper .wrap-quick .general-service { margin: 20px -10px 40px; border: none; border-top: 1px solid #ebeced; border-radius: 0; } #content-body-wrapper .wrap-quick .general-service .inner { padding: 0; } #content-body-wrapper .wrap-quick .general-service .close { display: none; margin: 0; border-bottom: 1px solid #ebeced; } #content-body-wrapper .wrap-quick .general-service .close a { padding: 5px 5px 10px; } #content-body-wrapper .wrap-quick .general-service .close.on a .close-txt:after { margin-top: 5px !important; } #content-body-wrapper .wrap-quick .general-service li { border-bottom: 1px solid #ebeced; width: 33.33333333333%; margin: 0; font-size: 0; box-sizing: border-box; border-right: 1px solid #ebeced; } #content-body-wrapper .wrap-quick .general-service li:nth-child(3n) { border-right: none; } #content-body-wrapper .wrap-quick .general-service li a { padding: 15px 5px; } #content-body-wrapper .wrap-quick .general-service li a:hover { text-decoration: none; } #content-body-wrapper .wrap-quick .general-service li a em { white-space: nowrap; } #content-body-wrapper .wrap-quick .general-service li a img { width: 22px; margin: 0 auto; height: auto; display: block; } #content-body-wrapper .wrap-quick .general-service li a span { display: block; vertical-align: middle; font-size: 12px; font-size: 1.2rem; margin: 5px 0 0; } #content-body-wrapper .wrap-quick .general-service .accordionArea { overflow: hidden; } #content-body-wrapper .wrap-quick .general-service .accordionArea ul { display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; } #content-body-wrapper .inner-grid { margin: 40px 0 0; } #content-body-wrapper .inner-grid .wrap-grid-content { display: block; padding: 0 10px; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update { width: 100%; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-parent { margin: 0; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item { padding: 0 0 10px; width: 100%; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item a { display: block; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item a:after { width: 45px; height: 45px; background-size: contain; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item a img { transition: opacity 0.3s; display: block; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item p + p { padding: 15px 10px 10px; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-update .grid-item p + p + p { padding: 0 10px 20px; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-news { margin-top: 30px; width: 100%; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-news .inner { margin-top: 10px; padding: 25px 20px; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-news .hdg-lv03 { font-size: 18px; font-size: 1.8rem; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-news dl { padding-top: 0; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-news dl dt { margin-top: 20px; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-news .link-btn-type01 { text-align: center; margin-top: 30px; } #content-body-wrapper .inner-grid .wrap-grid-content .inner-news .link-btn-type01 a { padding: 8px 50px 8px 30px; } #content-body-wrapper .inner-grid .wrap-grid-content .btn-wrap { margin-top: 20px; } #content-body-wrapper .inner-grid .wrap-list-sns { margin: 30px 0 0; } #content-body-wrapper .inner-grid .wrap-list-sns li { margin: 0 15px; } #content-body-wrapper .wrap-data { margin: 0; } #content-body-wrapper .wrap-data > .inner { margin-bottom: 30px; } #content-body-wrapper .wrap-data > .inner .list-data .wrap { margin: 0 5px 4px; padding: 20px; height: 250px; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-hdg { font-size: 14px; font-size: 1.4rem; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-add { font-size: 26px; font-size: 2.6rem; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-sub { font-size: 12px; font-size: 1.2rem; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-number { font-size: 22px; font-size: 2.2rem; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-number .number { font-size: 42px; font-size: 4.2rem; } #content-body-wrapper .wrap-data > .inner .list-data .wrap .doc-number .doc-s { font-size: 18px; font-size: 1.8rem; } #content-body-wrapper .wrap-data > .inner .list-data a:hover { opacity: 1; text-decoration: none; } #content-body-wrapper .wrap-data > .inner .link-btn-type01 { text-align: center; } #content-body-wrapper .wrap-data > .inner .link-btn-type01 a { padding: 8px 50px 8px 30px; } #content-body-wrapper .wrap-data .slick-arrow { height: 40px; width: 40px; margin-top: -40px; background-size: contain; } #content-body-wrapper .wrap-data .slick-arrow.slick-prev { left: 10px; } #content-body-wrapper .wrap-data .slick-arrow.slick-next { right: 10px; } #content-body-wrapper .quick-contet-list-wrapper { margin: 60px 0 0; padding: 0; } #content-body-wrapper .quick-contet-list-wrapper .quick-contet-list { margin: 25px 0 0; } #content-body-wrapper .quick-contet-list-wrapper .quick-contet-list .wrap a { display: block; margin: 0 3px; text-decoration: none; } #content-body-wrapper .quick-contet-list-wrapper .quick-contet-list .wrap a .img-wrapper { display: block; margin-bottom: 10px; } #content-body-wrapper .quick-contet-list-wrapper .quick-contet-list .wrap a .img-wrapper img { width: 100%; height: auto; transition: opacity 0.3s; } #content-body-wrapper .quick-contet-list-wrapper .quick-contet-list .wrap a .txt-wrapper { font-size: 12px; font-size: 1.2rem; font-weight: normal; } #content-body-wrapper .quick-contet-list-wrapper .quick-contet-list .wrap a .txt-wrapper:after { margin: -1px 0 0 5px; } #content-body-wrapper .quick-contet-list-wrapper .slick-arrow { height: 40px; width: 40px; transition: opacity 0.3s; opacity: 1; background-size: contain; } #content-body-wrapper .quick-contet-list-wrapper .slick-arrow.slick-prev { left: 10px; } #content-body-wrapper .quick-contet-list-wrapper .slick-arrow.slick-next { right: 10px; } #content-body-wrapper .quick-contet-list-wrapper .slick-dots { padding: 15px 0 25px; text-align: center; } #content-body-wrapper .quick-contet-list-wrapper .slick-dots li { display: inline-block; margin: 0 5px; } /* ---------------------------------------------------------------- FP PARTS ----------------------------------------------------------------- */ #content-body-wrapper .topmost-carousel-category-wrapper, #content-body-wrapper .todenho-carousel-list-wrapper { margin-top: 0; padding: 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list { width: 100%; height: auto; padding-bottom: 60px; position: relative; margin-bottom: 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper { position: static; width: 100%; zoom: 1; margin: 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li { margin: 0; display: block; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s { float: none; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a:hover img, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a:hover img, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a:hover img, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a:hover img, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a:hover img, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a:hover img, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a:hover img, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a:hover img, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a:hover img, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a:hover img, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a:hover img, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a:hover img { filter: alpha(opacity=100); opacity: 1; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .txt-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .txt-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .txt-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .txt-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap { position: relative; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap .doc-date, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap .doc-date, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap .doc-date, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .txt-wrap .doc-date, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .txt-wrap .doc-date, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap .doc-date, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap .doc-date, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap .doc-date, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap .doc-date, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .txt-wrap .doc-date, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .txt-wrap .doc-date, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap .doc-date { position: absolute; right: 10px; bottom: 10px; margin: 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap .doc-caption, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap .doc-caption, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap .doc-caption, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .txt-wrap .doc-caption, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .txt-wrap .doc-caption, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap .doc-caption, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap .doc-caption, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap .doc-caption, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap .doc-caption, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .txt-wrap .doc-caption, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .txt-wrap .doc-caption, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap .doc-caption { position: absolute; left: 10px; bottom: 10px; font-size: 100%; padding-right: 9em; margin: 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .txt-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .txt-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .txt-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .txt-wrap { padding: 12px 10px 3em; min-height: 3.5em; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap h3, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap h3, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap h3, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap h3, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .txt-wrap h3, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .txt-wrap h3, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .txt-wrap h3, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .txt-wrap h3, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .txt-wrap h3, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .txt-wrap h3, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .txt-wrap h3, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .txt-wrap h3 { font-size: 131.8%; overflow: hidden; width: 100%; max-width: 100%; white-space: normal; height: 3em; margin-bottom: 0; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .img-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .img-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .img-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .img-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .img-wrap, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .img-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-s a .img-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-m a .img-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list li.card-l a .img-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-s a .img-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-m a .img-wrap, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list li.card-l a .img-wrap { width: 100%; height: auto; } #content-body-wrapper .topmost-carousel-category-wrapper .topmost-carousel-category .card-list-wrapper .card-list:after, #content-body-wrapper .topmost-carousel-category-wrapper .todenho-carousel-list .card-list-wrapper .card-list:after, #content-body-wrapper .todenho-carousel-list-wrapper .topmost-carousel-category .card-list-wrapper .card-list:after, #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .card-list-wrapper .card-list:after { display: block; content: ""; clear: both; height: 0; line-height: 0; overflow: hidden; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list { padding-bottom: 15px; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .bx-wrapper a.bx-prev { left: -10px !important; z-index: 50000; } #content-body-wrapper .todenho-carousel-list-wrapper .todenho-carousel-list .bx-wrapper a.bx-next { right: -10px !important; z-index: 50000; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list { width: 100%; padding-bottom: 15px; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper { width: 100%; margin: 0; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .bx-wrapper a.bx-prev { left: -10px !important; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .bx-wrapper a.bx-next { right: -10px !important; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list { letter-spacing: normal; margin: 0; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li { display: block; width: 100%; margin-bottom: 10px; padding: 0; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a { margin: 0; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a .img-wrap { display: block; margin: 0; padding: 0; font-size: 0; line-height: 0; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a .img-wrap img { width: 100%; height: auto; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a .txt-wrap { border: 1px solid #ebeced; padding: 15px 40px 13px 15px; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a .txt-wrap .hdg-level3 { font-size: 146.0%; display: block; position: relative; color: #656d73 !important; } #content-body-wrapper .normal-carousel-list-wrapper .normal-carousel-list .content-list-wrapper .content-list li a .txt-wrap .hdg-level3:after { display: block; content: ''; position: absolute; top: 50%; bottom: 50%; left: auto; right: -25px; width: 7px; height: 7px; margin: -4px 0 0 0; border-right: 1px solid #ea1e1f; border-bottom: 1px solid #ea1e1f; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-image: none; min-height: 7px; } #content-body-wrapper .ly-column2-type02-topmost { padding-bottom: 0; width: 100%; letter-spacing: normal; } #content-body-wrapper .ly-column2-type02-topmost .column { display: block; width: 100%; } #content-body-wrapper .ly-column2-type02-topmost .column.txt-inner { width: 100%; } #content-body-wrapper .topmost-lead-type01 { padding: 0; text-align: left !important; } #content-body-wrapper .nav-column2-type15 { margin-bottom: 20px; } #content-body-wrapper .nav-column2-type15 ul { margin: 0; } #content-body-wrapper .nav-column2-type15 ul .txt-column { padding: 15px; } #content-body-wrapper .nav-column2-type15 ul .txt-column .doc-hdg-caption { color: #333; font-size: 120%; margin: 0 0 10px; } #content-body-wrapper .nav-column2-type15 ul .txt-column .hdg-level3 { font-size: 150%; margin-bottom: 5px; } #content-body-wrapper .nav-column2-type15 ul .txt-column .doc-text { color: #333; margin-bottom: 15px; } #content-body-wrapper .nav-column2-type15 ul .txt-column .doc-spec { color: #666; font-size: 200%; line-height: 1.25; } #content-body-wrapper .nav-column2-type05.fp-marg { padding-bottom: 10px; } /* ---------------------------------------------------------------- PG PARTS ----------------------------------------------------------------- */ #content-body-wrapper .top-message-wrapper { margin: 0 0 20px; } #content-body-wrapper .top-message-wrapper .top-message { padding: 30px 0 50px; text-align: center; margin: 0 auto; vertical-align: middle; width: 100%; box-sizing: bordr-box; color: #fff; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li { padding: 0; border-left: none; box-sizing: border-box; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li .txt-stable1 { display: block; width: 100%; font-size: 28px; font-size: 2.8rem; font-weight: 700; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li .txt-stable1 span { font-size: 60px; font-size: 6.0rem; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li .txt-stable1 .txt-s { font-size: 40px; font-size: 4.0rem; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li .txt-stable2 { display: block; width: 100%; font-size: 28px; font-size: 2.8rem; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .message-carousel li .txt-stable3 { display: block; width: 100%; margin-top: 10px; font-size: 18px; font-size: 1.8rem; } #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .bx-wrapper a.bx-prev, #content-body-wrapper .top-message-wrapper .top-message .message-carousel-wrapper .bx-wrapper a.bx-next { width: 40px; height: 40px; background-size: cover !important; } #content-body-wrapper .nav-column4-type01 { padding-bottom: 1px !important; } #content-body-wrapper .pg-adjustment { padding: 15px 0 0 !important; margin: 50px 0 0 !important; } #content-body-wrapper .js-carousel-message-sponly .bx-wrapper .bx-pager, #content-body-wrapper .js-carousel-message-sponly .bx-wrapper .bx-controls-auto { bottom: -30px !important; } /* ---------------------------------------------------------------- EP PARTS ----------------------------------------------------------------- */ #content-body-wrapper .category-catch-content-wrapper .hero-content .content-innter .hdg-level1, #content-body-wrapper .category-catch-content-wrapper .hero-content .content-innter .hdg-catch { font-size: 30px; font-size: 3.0rem; } #content-body-wrapper .member-content-wrapper { width: 100%; height: auto; position: relative; margin: 0 auto 20px; } #content-body-wrapper .member-content-wrapper .member-content { position: static; width: auto; background: #fff; display: table; width: 100%; box-sizing: border-box; padding: 0; } #content-body-wrapper .member-content-wrapper .member-content .private-member, #content-body-wrapper .member-content-wrapper .member-content .corporate-member { display: table-cell; width: 50%; vertical-align: top; box-sizing: border-box; border-left: 1px solid #ebeced; padding: 0 10px; } #content-body-wrapper .member-content-wrapper .member-content .private-member .list-link, #content-body-wrapper .member-content-wrapper .member-content .corporate-member .list-link { margin-bottom: 0; } #content-body-wrapper .member-content-wrapper .member-content .private-member .list-link li, #content-body-wrapper .member-content-wrapper .member-content .corporate-member .list-link li { padding-bottom: 0; } #content-body-wrapper .member-content-wrapper .member-content .private-member { border-left: none; } #content-body-wrapper .member-content-wrapper .member-content .hdg-level2 { display: none; } #content-body-wrapper .member-content-wrapper .member-content .hdg-level4 { font-size: 114.3%; min-height: 3.3em; } #content-body-wrapper .member-content-wrapper .member-content .doc-private, #content-body-wrapper .member-content-wrapper .member-content .doc-corporate { margin-bottom: 5px; } #content-body-wrapper .member-content-wrapper .member-content .doc-private span, #content-body-wrapper .member-content-wrapper .member-content .doc-corporate span { display: inline-block; vertical-align: middle; } #content-body-wrapper .member-content-wrapper .member-content .hr-line { display: none; } #content-body-wrapper .member-content-wrapper .member-content .private-member .btn-entry, #content-body-wrapper .member-content-wrapper .member-content .corporate-member .btn-entry { margin-bottom: 10px; } #content-body-wrapper .member-content-wrapper .member-content .private-member .btn-entry a, #content-body-wrapper .member-content-wrapper .member-content .corporate-member .btn-entry a { font-size: 114.3%; padding: 15px 15px 13px 15px; background-color: #ea1e1f; position: relative; background-image: none; } #content-body-wrapper .member-content-wrapper .member-content .private-member .btn-entry a:after, #content-body-wrapper .member-content-wrapper .member-content .corporate-member .btn-entry a:after { display: block; content: ''; position: absolute; top: 50%; bottom: 50%; left: auto; right: 15px; width: 7px; height: 7px; margin-top: -5px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #content-body-wrapper .member-content-wrapper .member-content .private-member .btn-entry a:hover, #content-body-wrapper .member-content-wrapper .member-content .corporate-member .btn-entry a:hover { text-decoration: none; filter: alpha(opacity=100); opacity: 1; } #content-body-wrapper .member-content-wrapper .member-content .corporate-member .btn-entry a { background-color: #333333; } #content-body-wrapper .member-content-wrapper.corporate-only .member-content .corporate-member { width: 100%; } #content-body-wrapper .member-content-wrapper.corporate-only .member-content .corporate-member .hdg-level4 { min-height: 1em; } #content-body-wrapper .member-content-wrapper.private-only .member-content { padding-bottom: 0; } #content-body-wrapper .member-content-wrapper.private-only .member-content .private-member { width: 100%; } #content-body-wrapper .member-content-wrapper.private-only .member-content .private-member .hdg-level4 { min-height: 1em; } #content-body-wrapper .top-select-elements-wrapper { margin-top: 0; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper { width: 100%; margin: 0; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head { margin-top: -10px; padding-top: 20px; text-align: center; margin-bottom: 0; border-bottom: none; letter-spacing: normal; border-bottom: 15px solid #e8eaeb; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head ul { display: table; width: 100%; margin: 0; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head ul li { margin: 0; display: table-cell; box-sizing: border-box; border-left: 1px solid #ebeced; width: 50%; margin: 0; vertical-align: top; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head ul li:first-child { border-left: none; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head ul li h2 { font-size: 114.3%; border-left: none; line-height: 1.1; margin-bottom: 0; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head ul li h2 a { display: block; padding: 15px 0; text-align: center; border-bottom: 2px solid #fff !important; background: #fff; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head ul li h2 a:hover { text-decoration: none; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head ul li h2 a.tab-location { color: #ea1e1f; border-color: #ea1e1f !important; position: static; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head ul li h2 a.tab-location:after { display: none; content: ""; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head ul li.tab-content01 h2 { border-left: none; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head.private ul li h2 a { min-height: 2.2em; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .top-tab-head.private ul li.tab-content02 h2 a { padding: 25px 0 5px; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .tab-head { margin: 0; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .card-sorting-list-sp { display: block; text-align: center; margin: 0px -10px 15px; border-top: 1px solid #d7d8d9; border-bottom: 1px solid #d7d8d9; position: relative; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .card-sorting-list-sp:after { display: block; content: ''; position: absolute; top: 50%; bottom: 50%; left: auto; right: 15px; width: 7px; height: 7px; margin-top: -5px; border-right: 2px solid #656d73; border-bottom: 2px solid #656d73; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .card-sorting-list-sp select { text-align: center; -moz-appearance: none; -webkit-appearance: none; display: block; color: #333333; background: #e8eaeb; border: none; padding: 15px 40px 12px 10px; width: 100%; box-sizing: border-box; border-radius: 0; font-size: 16px; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .card-sorting-list-sp select option { text-align: center; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .card-sorting-list-sp:not(:target):after { content: ''; border: none\9; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .card-sorting-list-sp:not(:target) select { padding-right: 10px\9; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .section-wrapper-gray { padding-bottom: 15px; padding-top: 0; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .section-wrapper-gray .topmost-card-information-wrapper { margin-top: 0; padding-top: 0; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .section-wrapper-gray .no-category-sort .topmost-card-information-wrapper { margin-top: 0; padding-top: 0; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .section-wrapper-gray .nav-column4-type02 { padding-top: 0; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .section-wrapper-gray .nav-column4-type02 ul li { margin-bottom: 15px; margin-top: 0; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .tab-elements-wrapper { width: 100%; margin: 0; } #content-body-wrapper .top-select-elements-wrapper .top-tab-elements-wrapper .tab-elements-wrapper .tab-head { display: none; } #content-body-wrapper .nav-column1-type22 ul { padding-bottom: 0; } /* ---------------------------------------------------------------- TINFO PARTS ----------------------------------------------------------------- */ .tinfo-top .tinfo-header-logo { margin-top: 0; } .tinfo-top #content-body-wrapper .tinfo-top-content-wrapper { zoom: 1; } .tinfo-top #content-body-wrapper .tinfo-top-content-wrapper .hdg-level3 { margin-bottom: 10px; font-size: 114.3%; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper { float: none; width: 100%; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-sorting-list { display: none; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-sorting-list-sp { display: block; margin: 0 -10px 20px; border-top: 1px solid #d7d8d9; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content.selected { min-height: 0; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list { zoom: 1; margin: 0; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li { display: block; float: none; margin: 0 0 15px; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-l, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-m, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-s { display: block; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-l a:hover img, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-m a:hover img, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-s a:hover img { filter: alpha(opacity=100); opacity: 1; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-l a .txt-wrap, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-m a .txt-wrap, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-s a .txt-wrap { position: relative; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-l a .txt-wrap .doc-caption, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-m a .txt-wrap .doc-caption, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-s a .txt-wrap .doc-caption { position: absolute; left: 10px; bottom: 10px; font-size: 100%; padding-right: 9em; margin: 0; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-s a .txt-wrap, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-m a .txt-wrap, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-l a .txt-wrap { padding: 12px 10px 3em; min-height: 3.5em; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-s a .txt-wrap h3, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-m a .txt-wrap h3, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-l a .txt-wrap h3 { font-size: 131.8%; overflow: hidden; width: 100%; max-width: 100%; white-space: normal; height: 3em; margin-bottom: 0; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-s a .txt-wrap .doc-date, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-m a .txt-wrap .doc-date, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-l a .txt-wrap .doc-date { position: absolute; right: 10px; top: 12px; margin: 0; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-s a .txt-wrap .doc-caption, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-m a .txt-wrap .doc-caption, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-l a .txt-wrap .doc-caption { position: absolute; left: 10x; top: 0; padding-right: 9em; margin: 0; white-space: nowrap; text-overflow: ellipsis; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-s a .img-wrap, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-m a .img-wrap, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-l a .img-wrap { width: 100%; height: auto; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-s .doc-keyword, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-m .doc-keyword, .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.card-l .doc-keyword { position: absolute; left: 10px; bottom: 10px; width: 100%; padding-right: 10px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 85.7%; } .tinfo-top #content-body-wrapper .topmost-card-information-wrapper .card-content .card-list li.sp-hide-first { display: none !important; } .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper { width: 100%; float: none; } .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .keyword-container { margin-bottom: 30px; } .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .keyword-container ul { border: 2px solid #c6c9cc; padding: 0 10px 10px 0; } .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .keyword-container ul li { display: inline-block; padding: 10px 0 0 10px; } .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .keyword-container ul li a:hover { text-decoration: none; } .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .ranking-container, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .recommend-container, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .company-container { margin-bottom: 20px; } .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .ranking-container ol li, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .ranking-container ul li, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .recommend-container ol li, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .recommend-container ul li, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .company-container ol li, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .company-container ul li { padding-bottom: 10px; } .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .ranking-container ol li a .tmn-wrap, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .ranking-container ul li a .tmn-wrap, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .recommend-container ol li a .tmn-wrap, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .recommend-container ul li a .tmn-wrap, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .company-container ol li a .tmn-wrap, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .company-container ul li a .tmn-wrap { width: 30%; } .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .ranking-container ol li a .txt-wrap, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .ranking-container ul li a .txt-wrap, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .recommend-container ol li a .txt-wrap, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .recommend-container ul li a .txt-wrap, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .company-container ol li a .txt-wrap, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .company-container ul li a .txt-wrap { width: 67%; padding-left: 3%; } .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .ranking-container ol li a .txt-wrap .doc-rank, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .ranking-container ul li a .txt-wrap .doc-rank, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .recommend-container ol li a .txt-wrap .doc-rank, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .recommend-container ul li a .txt-wrap .doc-rank, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .company-container ol li a .txt-wrap .doc-rank, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .company-container ul li a .txt-wrap .doc-rank { color: #333; font-weight: bold; } .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .ranking-container ol li a .txt-wrap .doc-text, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .ranking-container ul li a .txt-wrap .doc-text, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .recommend-container ol li a .txt-wrap .doc-text, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .recommend-container ul li a .txt-wrap .doc-text, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .company-container ol li a .txt-wrap .doc-text, .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .company-container ul li a .txt-wrap .doc-text { font-size: 87.4%; margin-bottom: 0; } .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .company-container { margin-bottom: 20px; } .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .company-container ul li { padding-bottom: 8px; } .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .company-container ul li a .txt-wrap { width: 100%; padding-left: 0; } .tinfo-top #content-body-wrapper .topmost-card-sub-wrapper .company-container ul li a .txt-wrap .doc-text { font-size: 87.4%; margin-bottom: 0; } } .hd .pc-on { display: block!important; } .hd .sp-on { display: none!important; } .hd.hd-top { overflow-x: hidden; } .wide #content-body-wrapper.hd .carousel-topics-wrap { width: 100%!important; max-width: 100%!important; padding-bottom: 0!important; } #content-body-wrapper.hd .carousel-topics-wrap .item { position: relative; } #content-body-wrapper.hd .carousel-topics-wrap .item, .inline-wrap-inner .carousel-topics-wrap .item { padding-bottom: 0; } #content-body-wrapper.hd .carousel-topics-wrap .item .read { position: absolute; top: 50%; left: calc((50% - 32%) / 2); transform: translate(0, -50%); max-width: 1210px; margin: auto; width: 100%; display: block; } #content-body-wrapper.hd .carousel-topics-wrap .item .read h1 { color: #fff; font-size: clamp(1.5rem,3vw,3.2rem); text-align: left; } #content-body-wrapper.hd .carousel-topics-wrap .item .read h1 span{ display: block; font-size:clamp(1.1rem,1.3vw,1.6rem); width: 80%; max-width: 960px; word-break: break-word; } #content-body-wrapper.hd .carousel-topics-wrap .item .read a { display: inline-block; min-width: 5em; margin: 20px auto 0; padding: 5px 40px 5px; color: #fff; text-align: center; text-decoration: none; border: 1px solid #ededed; } #content-body-wrapper.hd .carousel-topics-wrap .item .read a:after { content: ""; display: inline-block; margin: 0; vertical-align: middle; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media screen and (max-width: 767px) { #content-body-wrapper.hd .carousel-topics-wrap .item .read { left: 5%; font-size: 2rem; } #content-body-wrapper.hd .carousel-topics-wrap .item .read h1 { line-height: 1.3; } #content-body-wrapper.hd .carousel-topics-wrap .item .read a { margin: 8px auto 0; font-size: 1rem; } } /* ---------------------------------------------------------------- EMERGENCY ----------------------------------------------------------------- */ #content-body-wrapper.hd .emergency-content-wrapper { margin: -20px 0 0; } #content-body-wrapper.hd .emergency-content-wrapper .section-wrapper-gray { padding: 0; margin-bottom: 0; } #content-body-wrapper.hd .emergency-content-wrapper .emergency-content { border: 1px solid #eb1e1e; background: #fff; padding: 25px 40px; margin-top: 20px; } #content-body-wrapper.hd .emergency-content-wrapper .emergency-content .hdg-level3 { color: #eb1e1e; font-weight: bold; margin-bottom: 15px; font-size: 18px; font-size: 1.8rem; } #content-body-wrapper.hd .emergency-content-wrapper .emergency-content .hdg-level4 { color: #666; margin-bottom: 0; font-size: 16px; font-size: 1.6rem; } #content-body-wrapper.hd .emergency-content-wrapper .emergency-content .detail-area { display: none; } #content-body-wrapper.hd .emergency-content-wrapper .emergency-content .detail-area.open { display: block; padding-top: 15px; } #content-body-wrapper.hd .emergency-content-wrapper .emergency-content .close { text-align: center; font-size: 0; line-height: 0; margin: 0 -40px -25px; } #content-body-wrapper.hd .emergency-content-wrapper .emergency-content .close a { display: block; padding: 10px; } #content-body-wrapper.hd .emergency-content-wrapper .emergency-content .close a span { display: inline-block; width: 15px; height: 8px; background: transparent url(/en/wp-content/uploads/sites/4/shared-css-icon_arrow_m02b.gif) no-repeat center bottom; } #content-body-wrapper.hd .emergency-content-wrapper .emergency-content .close a:hover { filter: alpha(opacity=70); opacity: 0.70; } #content-body-wrapper.hd .emergency-content-wrapper .emergency-content .close a.open span { background-image: url(/en/wp-content/uploads/sites/4/shared-css-icon_arrow_m02t.gif); } @media screen and (max-width: 767px) { #content-body-wrapper.hd .emergency-content-wrapper { margin: -20px 0 0; } #content-body-wrapper.hd .emergency-content-wrapper.hd { margin: -60px 0 60px; } #content-body-wrapper.hd .emergency-content-wrapper .section-wrapper-gray { padding: 0; margin-bottom: 0; } #content-body-wrapper.hd .emergency-content-wrapper .emergency-content { padding: 15px; margin-top: 10px; } #content-body-wrapper.hd .emergency-content-wrapper .emergency-content .hdg-level3 { margin-bottom: 10px; margin-top: 0; } #content-body-wrapper.hd .emergency-content-wrapper .emergency-content .hdg-level4 { margin-top: 0; width: 90%; } #content-body-wrapper.hd .emergency-content-wrapper .emergency-content .detail-area.open { padding-top: 10px; } #content-body-wrapper.hd .emergency-content-wrapper .emergency-content .close { margin: 0 -15px -15px; } } .hd .top-logo-lists { text-align: center; display: table; width: 100%; max-width: 1200px; margin: auto; } .hd .top-logo-lists .top-logo-list { display: table-cell; width: 25%; vertical-align: middle; border-left: none; font-weight: 700; } .hd .top-logo-lists .top-logo-list a { display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; flex-wrap: nowrap; align-items: center; padding: 0 8px; color: #656d73; text-decoration: none; justify-content: center; } .hd .top-logo-lists .top-logo-list a img { max-width: 100%; max-height: 80px; } @media screen and (max-width: 767px) { .hd .top-logo-lists .top-logo-list { width: 35%; margin: auto; padding: 5% 0%; display: inline-block; } .hd .top-logo-lists .top-logo-list a { display: block; padding: 0 10px; } } .hd.hd-top .grey-wrapper { background-color: #f5f6f7; } .hd.hd-top .newsrelease { width: 100%; max-width: 1240px; margin: 0 auto 80px; padding: 80px 0 132px; } .hd.hd-top .newsrelease-read { font-size: 32px; margin-bottom: 40px; text-align: center; font-weight: normal; } .hd.hd-top .newsrelease .newsrelease-block { border-bottom: solid 1px #98999a; padding-bottom: 66px; box-sizing: border-box; margin: 0 auto 66px; } .hd.hd-top .newsrelease-titleline { width: 100%; display: flex; justify-content: space-between; margin-bottom: 80px; } .hd.hd-top .newsrelease-titleline h3 { color: #eb1d1e; width: calc(100% - 270px); font-size: 16px; line-height: 3; } .hd.hd-top .newsrelease-titleline-link { width: 120px; } .hd.hd-top .newsrelease-titleline-link a { display: block; background-color: #eb1d1e; line-height: 45px; font-size: 14px; color: #FFF; text-align: center; } .hd.hd-top .newsrelease-block ul { width: 100%; font-size: 16px; font-weight: bold; } .hd.hd-top .newsrelease-block ul li { display: flex; margin-bottom: 15px; } .hd.hd-top .newsrelease-block ul li:last-child { margin-bottom: 0; } .hd.hd-top .newsrelease-date { width: 250px; padding-right: 77px; box-sizing: border-box; } .hd.hd-top .newsrelease-description { width: calc(100% - 240px); } .hd.hd-top .slick-dots { position: absolute; width: 100%; height: 100px; bottom: 0; left: 50%; transform: translate(-50%, 0); text-align: right; line-height: 100px; z-index: 10; } @media screen and (max-width: 767px) { .hd.hd-top .slick-dots { height: 70px; } } #content-body-wrapper.hd .carousel-topics-wrap .slick-dots button, .inline-wrap-inner .carousel-topics-wrap .slick-dots button { background-color: #fff; } .hd.hd-top .slick-dots li button { background-color: #FFF; border-radius: 20px; } .hd.hd-top .slick-dots li button:before { display: none; } .hd.hd-top .slick-dots li.slick-active button { background-color: #eb1e1e; } .hd.hd-top .slick-arrow { bottom: -75px; z-index: 2; top: inherit; } .hd.hd-top .slick-next { right: 50px; background-image:none!important; } .hd.hd-top .slick-prev { right: 80px; left: inherit; background-image:none!important; } .hd.hd-top .slick-next:before, .hd.hd-top .slick-prev:before{ content: ""; display: inline-block; margin: 0; vertical-align: middle; width: 13px; height: 13px; border-right: 3px solid #FFF; border-bottom: 3px solid #FFF; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .hd.hd-top .slick-next:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .hd.hd-top .slick-prev:before { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .hd.hd-top .slick-next:after, .hd.hd-top .slick-prev:after{ content: none; } .hd.hd-top .slick-next:after { left: -18px; } .hd.hd-top .slick-prev:after { right: -18px; } .hd.hd-top .slick-arrow { bottom: -75px; z-index: 2; top: inherit; } .hd.hd-top .slick-next { right: 0px!important; top: -50px!important; } .hd.hd-top .slick-prev { right: 40px!important; top: -50px!important; left: inherit!important; } @media screen and (max-width: 767px) { .hd.hd-top .slick-next { left: 50%!important; top: -12px!important; right:inherit!important; } .hd.hd-top .slick-prev { right: 50%!important; top: -12px!important; } } .hd.hd-top .slick-next, .hd.hd-top .slick-prev{ background-image: none; } .hd.hd-top .slick-next:before, .hd.hd-top .slick-prev:before{ content: ""; display: inline-block; margin: 0; vertical-align: middle; width: 13px; height: 13px; border-right: 3px solid #000; border-bottom: 3px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media screen and (max-width: 767px) { .hd.hd-top .slick-next:before, .hd.hd-top .slick-prev:before{ border-right: 2px solid #000; border-bottom: 2px solid #000; } } @media screen and (max-width: 767px) { #content-body-wrapper.hd .carousel-topics-wrap .slick-arrow, .inline-wrap-inner .carousel-topics-wrap .slick-arrow { width: 20px; height: 20px; } } .hd.hd-top .slick-next:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .hd.hd-top .slick-prev:before { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .hd.hd-top .slick-next:after, .hd.hd-top .slick-prev:after{ content: none; } .hd.hd-top .slick-next:after { left: -18px; } .hd.hd-top .slick-prev:after { right: -18px; } .hd.hd-top .slick-slide img { width: 100%; height: 600px; object-fit: cover; } @media screen and (max-width: 1240px) { .hd.hd-top .slick-slide img { height: auto; } } @media screen and (max-width: 767px) { .hd .pc-on { display: none!important; } .hd .sp-on { display: block!important; } .hd.hd-top .newsrelease { width: 90%; padding: 50px 5% 0; } .hd.hd-top .newsrelease { display: block; } .hd.hd-top .newsrelease h3 { text-align: center; width: 100%; font-size: 20px; line-height: 1; } .hd.hd-top .newsrelease-block ul { font-size: 15px; } .hd.hd-top .newsrelease-titleline { margin-bottom: 25px; } .hd.hd-top .newsrelease-date { width: 11rem; padding-right: 16px; } .hd.hd-top .newsrelease-description { width: calc(100% - 11rem); } .hd.hd-top .newsrelease-block ul li , .hd.hd-top .newsrelease-block ul li:last-child { margin-bottom: 25px; } .hd.hd-top .newsrelease-titleline-link { margin: 0 auto 25px; width: 120px; } .hd.hd-top .newsrelease-titleline-link a { font-size: 12px; line-height: 30px; } .hd.hd-top .newsrelease .newsrelease-block { padding-bottom: 0; margin-bottom: 25px; border-bottom: none; } .hd.hd-top .newsrelease-separate { width: 90%; border-width: solid 1px #98999a; margin: 0 auto 25px; } .hd.hd-top .grey-wrapper { padding-bottom: 40px; } .hd.hd-top .arrow-under:after { margin: -2.5px 0 0 5px; } } @media screen and (max-width: 767px) { .hd.hd-top .social-wrap { margin-top: 40px; } } .hd.hd-top .sns-conts { display: flex; justify-content: space-around; align-items: start; width: 90%; max-width: 1200px; margin: 0 auto 60px; } @media screen and (max-width: 767px) { .hd.hd-top .sns-conts { flex-direction: column; } } .hd.hd-top .sns-conts .sns-cont { display: flex; justify-content: center; flex-direction: column; width: 48%; max-width: 500px; margin: auto; } @media screen and (max-width: 767px) { .hd.hd-top .sns-conts .sns-cont { width: 90%; margin: auto; } } .hd.hd-top .sns-conts .sns-cont .sns-cont-img { width: 80px; height: 120px; text-align: center; margin: auto; } @media screen and (max-width: 767px) { .hd.hd-top .sns-conts .sns-cont .sns-cont-img { width: 40px; height: 60px; margin-top: 20px; } } .hd.hd-top .sns-conts .sns-cont .sns-cont-img img { width: 100%; } .hd.hd-top .sns-conts .sns-cont iframe { width: 500px!important; max-width: 100%!important; } .hd.hd-top .pdf-cont { display: flex; justify-content: center; align-items: center; width: 60%; max-width: 800px; margin: auto; padding: 20px 40px; background-color: #000; text-align: center; } .hd.hd-top .pdf-cont:hover { opacity: 0.75; } .hd.hd-top .pdf-cont p{ color: #fff; font-size: 16px; } @media screen and (max-width: 767px) { .hd.hd-top .pdf-cont p{ font-size: 12px; } } /*TOPのアコ*/ #content-body-wrapper.hd .emergency-content-wrapper { margin: 0!important; width: 100%!important; } .section-wrapper-gray section { padding: 0!important; background-color: inherit!important; } .emergency-content { border: none!important; margin: 0!important; background-color: #eb1d1e!important; } .hdg-level3 , .hdg-level4 { color: #FFF!important; } .hdg-level4 { position: relative!important; display: inline-block!important; } .emergency-content-wrapper .emergency-content .close { position: absolute!important; right: 0!important; top: 0!important; } .emergency-content-wrapper .emergency-content .close a span { transform: rotate(90deg)!important; width: 16px!important; height: 16px!important; background: transparent url(/en/wp-content/uploads/shared-css-icon_arrow_m03r.png) no-repeat center bottom!important; } .detail-area { color: #FFF!important; } @media screen and (max-width: 767px) { .emergency-content-wrapper .emergency-content .close { margin: 0 -40px -25px!important; } } #content-body-wrapper .carousel-topics-wrap .txt-wrap, .inline-wrap-inner .carousel-topics-wrap .txt-wrap { padding: 1.5em 15px; color: #fff; background-color: #eb1d1e; } #content-body-wrapper.hd .carousel-topics-wrap .txt-wrap .doc-hdg, .inline-wrap-inner .carousel-topics-wrap .txt-wrap .doc-hdg { font-size: 20px; } @media screen and (max-width: 767px) { #content-body-wrapper.hd .carousel-topics-wrap .txt-wrap .doc-hdg, .inline-wrap-inner .carousel-topics-wrap .txt-wrap .doc-hdg { font-size: 13.5px; } } .wide #content-body-wrapper.hd .carousel-topics-wrap.hd-top-js-carousel-common03 { width: 100%!important; max-width: 1600px!important; } @media screen and (max-width: 767px) { .wide #content-body-wrapper.hd .hd-top-js-carousel-common03 { margin-top: 60px; } } #content-body-wrapper.hd .ly-column2-horizontal-type02-wrapper{ margin: clamp(0px,8vw,80px) 0 80px; } .inline-wrap-inner .ly-column2-horizontal-type02-wrapper { margin-bottom: 140px; } @media screen and (max-width: 767px) { #content-body-wrapper.hd .ly-column2-horizontal-type02-wrapper, .inline-wrap-inner .ly-column2-horizontal-type02-wrapper { margin-bottom: 40px; } } #content-body-wrapper.hd #content-aside .section-wrapper-gray { padding: 80px 0 120px; } @media screen and (max-width: 767px) { #content-body-wrapper.hd #content-aside .section-wrapper-gray { padding: 40px 0 60px; } } .wide #content-body-wrapper.hd .carousel-topics-wrap { padding: 0; } .wide #content-body-wrapper.hd .carousel-topics-wrap.hd-top-js-carousel-common03 .item{ padding:0; background-color:#eb1d1e; margin-left:10px; margin-right:10px; } #content-body-wrapper .carousel-topics-wrap.topics-content, .inline-wrap-inner .carousel-topics-wrap .topics-content{ margin:0; background-color:inherit; } #content-body-wrapper .carousel-topics-wrap.txt-wrap, .inline-wrap-inner .carousel-topics-wrap .txt-wrap{ background-color:inherit; } .wide #content-body-wrapper.hd .carousel-topics-wrap.hd-top-js-carousel-common03 .item { padding: 0; background-color: #eb1d1e; margin-left: 10px; margin-right: 10px; } #content-body-wrapper .carousel-topics-wrap .topics-content, .inline-wrap-inner .carousel-topics-wrap .topics-content { margin: 0; background-color: inherit; } #content-body-wrapper .carousel-topics-wrap .txt-wrap, .inline-wrap-inner .carousel-topics-wrap .txt-wrap { background-color: inherit; }