@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/**********************************************
basic_style_forPC.css
**********************************************/
/* 文字折り返し設定 */
* {
overflow-wrap: break-word;
word-wrap: break-word;
}
:root {
--link-hover-color: #78B3E0;
}
/*--------------------------------------------
デフォルト設定
---------------------------------------------*/
/*.preload * {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}*/
/* html */
html {
height: 100%;
min-width: 980px;
}
/* body */
/* 見出しタグ 行間初期化 */
h1 {
font-size: 2.25rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1.125rem;
}
small {
font-size: 12px;
}
figure {
margin: 0;
padding: 0;
}
picture,
video,
canvas,
svg {
margin: 0;
padding: 0;
display: block;
line-height: 1;
}
/* .dev02 spレイアウトは非表示 */
.dev02 {
display: none !important;
}
a figure, a picture {
display: inline-block;
overflow: hidden;
}
a picture img {
vertical-align: middle;
}
a img {
transition: 2s all;
}
a:hover img {
transform: scale(1.05);
}
p a {
color: #005EC4;
}
/* 拡大効果 */
.scale {
overflow: hidden;
}
.scale img {
-webkit-transition: -webkit-transform .5s linear;
-moz-transition: -moz-transform .5s linear;
-ms-transition: -ms-transform .5s linear;
-o-transition: -o-transform .5s linear;
transition: transform .5s linear;
}
.scale img:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
/* clearfix設定 */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
min-height: 1%; /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
label {
font-weight: normal!important;
margin-bottom: 0;
max-width: 100%;
}
input[type="radio"].radio {
display: inline-block;
min-height: 0;
}
/*--------------------------------------------
共通
---------------------------------------------*/
.inner-frame-w {
margin-left: auto;
margin-right: auto;
max-width: 1440px;
}
.sp-only {
display: none;
}
.wrapper {
padding-top: 90px;
}
/*--------------------------------------------
レイアウト（旧css）
---------------------------------------------*/
/**** フレーム ****/
/* 外 */
.outer-frame {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
/* 内 960px固定値 */
.inner-frame {
margin-left: auto;
margin-right: auto;
max-width: 1320px;
}
@media screen and (max-width:1440px) and (min-width: 769px) {
.inner-frame {
margin-left: 60px;
margin-right: 60px;
}
}
@media screen and (max-width: 768px) and (min-width: 641px) {
.inner-frame {
margin-left: 20px;
margin-right: 20px;
}
}
/**** カラムデザイン ****/
/* 2カラム 左メイン */
.layout-2clm-left .main-clm {
float: left;
width: 700px;
}
.layout-2clm-left .sub-clm {
float: right;
width: 240px;
}
/* ニュース配下の場合のみ、横幅変更 */
#contents.detail .layout-2clm-left .main-clm {
float: left;
width: 680px;
}
#contents.detail .layout-2clm-left .main-clm2 {
float: left;
width: 640px;
}
#contents.detail .layout-2clm-left .sub-clm {
float: right;
width: 220px;
}
#contents.detail .layout-2clm-left .main-clm-750 {
float: left;
width: 750px;
}
#contents.detail .layout-2clm-left .sub-clm-150 {
float: right;
width: 150px;
}
#contents.detail .layout-2clm-left .main-clm-700 {
float: left;
width: 700px;
}
#contents.detail .layout-2clm-left .sub-clm-200 {
float: right;
width: 200px;
}
#contents.detail .layout-2clm-left .main-clm-650 {
float: left;
width: 650px;
}
#contents.detail .layout-2clm-left .sub-clm-250 {
float: right;
width: 250px;
}
#contents.detail .layout-2clm-left .main-clm-600 {
float: left;
width: 600px;
}
#contents.detail .layout-2clm-left .sub-clm-300 {
float: right;
width: 300px;
}
#contents.detail .layout-2clm-left .main-clm-550 {
float: left;
width: 550px;
}
#contents.detail .layout-2clm-left .sub-clm-350 {
float: right;
width: 350px;
}
#contents.detail .layout-2clm-left .main-clm-500 {
float: left;
width: 500px;
}
#contents.detail .layout-2clm-left .sub-clm-400 {
float: right;
width: 400px;
}
#contents.detail .layout-2clm-left .main-clm-450 {
float: left;
width: 450px;
}
#contents.detail .layout-2clm-left .sub-clm-450 {
float: right;
width: 450px;
}
#contents.detail .layout-2clm-left .main-clm-400 {
float: left;
width: 400px;
}
#contents.detail .layout-2clm-left .sub-clm-500 {
float: right;
width: 500px;
}
#contents.detail .layout-2clm-left .main-clm-350 {
float: left;
width: 350px;
}
/* 2カラム 右メイン */
.layout-2clm-right .main-clm {
float: right;
width: 700px;
}
.layout-2clm-right .sub-clm {
float: left;
width: 240px;
}
/* ニュース配下の場合のみ、横幅変更 */
#contents.detail .layout-2clm-right .main-clm {
float: right;
width: 680px;
}
#contents.detail .layout-2clm-right .main-clm2 {
float: right;
width: 640px;
}
#contents.detail .layout-2clm-right .sub-clm {
float: left;
width: 220px;
}
#contents.detail .layout-2clm-right .main-clm-750 {
float: right;
width: 750px;
}
#contents.detail .layout-2clm-right .sub-clm-150 {
float: left;
width: 150px;
}
#contents.detail .layout-2clm-right .main-clm-700 {
float: right;
width: 700px;
}
#contents.detail .layout-2clm-right .sub-clm-200 {
float: left;
width: 200px;
}
#contents.detail .layout-2clm-right .main-clm-650 {
float: right;
width: 650px;
}
#contents.detail .layout-2clm-right .sub-clm-250 {
float: left;
width: 250px;
}
#contents.detail .layout-2clm-right .main-clm-600 {
float: right;
width: 600px;
}
#contents.detail .layout-2clm-right .sub-clm-300 {
float: left;
width: 300px;
}
#contents.detail .layout-2clm-right .main-clm-550 {
float: right;
width: 550px;
}
#contents.detail .layout-2clm-right .sub-clm-350 {
float: left;
width: 350px;
}
#contents.detail .layout-2clm-right .main-clm-500 {
float: right;
width: 500px;
}
#contents.detail .layout-2clm-right .sub-clm-400 {
float: left;
width: 400px;
}
#contents.detail .layout-2clm-right .main-clm-450 {
float: right;
width: 450px;
}
#contents.detail .layout-2clm-right .sub-clm-450 {
float: left;
width: 450px;
}
#contents.detail .layout-2clm-right .main-clm-400 {
float: right;
width: 400px;
}
#contents.detail .layout-2clm-right .sub-clm-500 {
float: left;
width: 500px;
}
#contents.detail .layout-2clm-right .main-clm-350 {
float: right;
width: 350px;
}
#contents.detail .layout-2clm-right .main-clm-300 {
float: right;
width: 300px;
}
#contents.detail .layout-2clm-right .main-clm-250 {
float: right;
width: 250px;
}
#contents.detail .layout-2clm-right .main-clm-200 {
float: right;
width: 200px;
}
/* ヒーロービジュアル配置レイアウト */
.layout-herovisual {
border: 1px solid #0d146c;
display: table;
width: 100%;
}
.layout-herovisual .herovisual-clm {
border-right: 1px solid #0d146c;
display: table-cell;
vertical-align: middle;
width: 479px;
}
.layout-herovisual .herovisual-clm img {
display: block;
}
.layout-herovisual .president-clm {
border-right: 1px solid #0d146c;
display: table-cell;
vertical-align: middle;
width: 320px;
}
.layout-herovisual .president-clm img {
display: block;
}
.layout-herovisual .caption-clm {
display: table-cell;
vertical-align: middle;
}
.layout-herovisual .caption-clm p {
font-size: 24px !important;
font-weight: bold;
text-align: center;
}
/**** リストレイアウト ****/
/* 半分 */
ul.listlayout-half li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 50%;
}
/* 1/4 */
ul.listlayout-half li ul.listlayout-half-child li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 50%;
}
/* 幅920pxを4分割 4clmボックスリスト */
ul.listlayout-4clm {
margin-bottom: 20px;
}
ul.listlayout-4clm li {
float: left;
margin-left: 13px;
transition: all .5s;
width: 220px;
}
ul.listlayout-4clm li:hover {
opacity: .5;
}
ul.listlayout-4clm li:first-child {
margin-left: 0;
}
/* 960pxを4分割（結合タイプ） */
/* 4カラムリスト */
ul.listlayout-4clm-inline-stuck li {
float: left;
width: 240px;
}
ul.listlayout-4clm-inline-stuck li.lastclm {
width: 238px;
}
/*--------------------------------------------
レイアウト（新css）
---------------------------------------------*/
/*--------------------- テキスト（見出しなど） ---------------------*/
.display-01 {
font-size: 78px;
line-height: 120%;
font-weight: 600;
}
.display-02 {
font-size: 60px;
line-height: 120%;
font-weight: 600;
}
.display-03 {
font-size: 48px;
line-height: 120%;
font-weight: 600;
}
.heading-01 {
font-size: 40px;
line-height: 150%;
font-weight: 600;
}
.heading-02 {
font-size: 32px;
line-height: 150%;
font-weight: 600;
}
.heading-03 {
font-size: 24px;
line-height: 150%;
font-weight: 600;
}
.heading-04 {
font-size: 18px;
line-height: 150%;
font-weight: 600;
}
.heading-05 {
font-size: 15px;
line-height: 150%;
font-weight: 600;
}
.body-01 {
font-size: 16px;
line-height: 180%;
}
.body-02 {
font-size: 14px;
line-height: 180%;
}
.body-03 {
font-size: 12px;
line-height: 180%;
}
.ui-01 {
font-size: 24px;
line-height: 130%;
}
.ui-02 {
font-size: 11px;
line-height: 130%;
font-weight: 600;
}
.caption-01 {
font-size: 14px;
line-height: 130%;
}
.text-align-center {
text-align: center;
}
.text-align-right {
text-align: right;
}
.text-color-white {
color: #fff;
}
.display-01_res {
font-size: 78px;
line-height: 120%;
font-weight: 600;
}
.title-wrap {
display: flex;
align-items: center;
}
.title-wrap .more-btn {
margin-top: 0;
margin-left: 20px;
}
.title-wrap .more-btn span {
padding: 0 15px;
}
/*--------------------- 隙間 ---------------------*/
/* margin-top */
.mgt-spacing-0 {margin-top:8px}
.mgt-spacing-0_5 {margin-top:12px}
.mgt-spacing-1_0 {margin-top:16px}
.mgt-spacing-2_0 {margin-top:20px}
.mgt-spacing-2_5 {margin-top:36px}
.mgt-spacing-3_0 {margin-top:48px}
.mgt-spacing-3_5 {margin-top:60px}
/* margin-bottom */
.mgb-spacing-0 {margin-bottom:8px}
.mgb-spacing-0_5 {margin-bottom:12px}
.mgb-spacing-1_0 {margin-bottom:16px}
.mgb-spacing-2_0 {margin-bottom:20px}
.mgb-spacing-2_5 {margin-bottom:36px}
.mgb-spacing-3_0 {margin-bottom:48px}
.mgb-spacing-3_5 {margin-bottom:60px}
/* padding-top */
.pdt-spacing-0 {padding-top:8px}
.pdt-spacing-0_5 {padding-top:12px}
.pdt-spacing-1_0 {padding-top:16px}
.pdt-spacing-2_0 {padding-top:20px}
.pdt-spacing-2_5 {padding-top:36px}
.pdt-spacing-3_0 {padding-top:48px}
.pdt-spacing-3_5 {padding-top:60px}
/* padding-bottom */
.pdb-spacing-0 {padding-bottom:8px}
.pdb-spacing-0_5 {padding-bottom:12px}
.pdb-spacing-1_0 {padding-bottom:16px}
.pdb-spacing-2_0 {padding-bottom:20px}
.pdb-spacing-2_5 {padding-bottom:36px}
.pdb-spacing-3_0 {padding-bottom:48px}
.pdb-spacing-3_5 {padding-bottom:60px}
/*--------------------- Molecules ---------------------*/
/* ---- more-btn ---- */
.more-btn {
margin: 25px 0 0;
}
.more-btn.mgt-spacing-none {
margin-top: 0;
}
.more-btn.left-auto {
margin-left: auto;
}
.more-btn a {
background-color: white;
box-sizing: border-box;
display: inline-block;
position: relative;
text-align: center;
font-weight: 400;
transition: .2s all;
padding: 6px 20px;
}
.more-btn.btn-radius a {
padding: 15px 55px;
border-radius: 20px;
}
.more-btn a:hover {
text-decoration: none;
}
.more-btn .inner {
border: solid 2px #FFF;
display: inline-block;
padding: 6px 20px;
-ms-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.more-btn.btn-radius .inner {
/*width: 252px;*/
padding: 13px 53px;
border-radius: 18px;
}
.btn-jobs .inner {
width: 252px;
}
/* more-btn：黒 */
.more-btn.btn-bk a {
background-color: #222;
color: white;
}
.more-btn.btn-bk a:hover {
background-color: #91999F;
color: white;
}
/* more-btn：白 */
.more-btn.btn-wh a {
background-color: white;
}
.more-btn.btn-wh a:hover {
background-color: #91999F;
}
/* more-btn：グレー */
.more-btn.btn-gr a {
background-color: #ECEFF1;
}
.more-btn.btn-gr a:hover {
background-color: #91999F;
color: white;
}
/* more-btn：白黒 */
.more-btn.btn-wh-bk a {
background-color: white;
}
.more-btn.btn-wh-bk a:hover {
background-color: #222;
color: white;
}
/* more-btn：グレー青 */
.more-btn.btn-gr-blw a {
background-color: #F5F7F6;
}
.more-btn.btn-gr-blw a:hover {
background-color: #005EC4;
color: white;
}
/* more-btn：ブルー */
.more-btn.btn-blw a {
background-color: #005EC4;
color: white;
}
.more-btn.btn-blw a:hover {
background-color: #003082;
}
/* more-btn：黒線 */
.more-btn.btn-brbk a {
/*width: 364px;*/
border: solid 1px #222;
padding: 0;
}
.btn-jobs a{
width: 364px;
}
.more-btn.btn-brbk a:hover .inner {
text-decoration: none;
border-color: #222;
text-decoration: none;
}
/* more-btn：青線 */
.more-btn.btn-brblw a {
color: #003082;
border: 1px solid #eceff1;
padding: 0;
}
.more-btn.btn-brblw a:hover .inner {
text-decoration: none;
border-color: #005EC4;
text-decoration: none;
}
/* btn: 矢印 */
.btn-arrowr a {
position: relative;
}
.btn-arrowr a::after {
content: '';
display: inline-block;
position: absolute;
right: 22px;
top: 50%;
margin-top: -1px;
width: 7px;
height: 7px;
border-top: 2px solid #222;
border-right: 2px solid #222;
transform: rotate(45deg) translate(0, -50%);
}
.btn-arrowr.btn-blw a::after,
.btn-arrowr.link-arrowl a::after {
border-color: #fff;
}
/* btn: アイコン(MAP) */
.btn-map a {
position: relative;
}
.btn-map a::after {
content: '';
display: inline-block;
position: absolute;
right: 22px;
top: 50%;
width: 14px;
height: 20px;
background: url(../img/common/icon_map.png) no-repeat center;
background-size: contain;
transform: translate(0, -50%);
}
/* btn-wrap */
.btn-wrap {
display: flex;
}
.btn-wrap.center {
justify-content: center;
}
.btn-wrap > div {
margin: 0 5px;
}
.btn-wrap > div:first-child {
margin-left: 0;
}
.btn-wrap > div:last-child {
margin-right: 0;
}
/* link: 矢印 */
.link-arrowl {
position: relative;
padding: 20px 0 20px 40px;
}
.link-arrowl::before {
content: '';
display: inline-block;
position: absolute;
left: 10px;
top: 50%;
margin-top: -2px;
width: 7px;
height: 7px;
border-top: 2px solid #222;
border-right: 2px solid #222;
transform: rotate(45deg) translate(0, -50%);
}
/* ---- table ---- */
.block-table-content {
width: 100%;
}
.block-table-content tr>* {
padding: 10px;
}
.block-table-content .table-top>* {
background-color: #91999F;
color: white;
}
.block-table-content .table-top>*:not(:last-child) {
border-right: 1px solid white;
}
.block-table-content .table-secondly>* {
background-color: white;
border: 1px solid #ECEFF1;
}
.block-table-content .table-secondly>*:not(:last-child) {
border-right: 0;
}
.block-table-content .table-secondly th {
background-color: #ECEFF1;
}
/*--------------------- Columns Layout: common ---------------------*/
.layout-columns {
margin-top: 20px;
margin-bottom: 70px;
}
.layout-columns .caption-01 {
margin-top: 30px;
}
/* Columns Layout: For Texts */
.column-for-text {
max-width: 880px;
margin-top: 20px;
margin-bottom: 70px;
margin-left: auto;
margin-right: auto;
}
.column-for-text li {
margin: 15px auto;
}
/* Columns Layout: 2 Column */
.layout-columns-2 .layout-columns-2-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.layout-columns-2 .layout-columns-2-list > li:not(:nth-last-child(-n+2)) {
margin-bottom: 50px;
}
.layout-columns-2 .layout-columns-2-list > li {
width: calc((100% - 60px) / 2);
}
/* Columns Layout: 3 Column */
.layout-columns-3 .layout-columns-3-list {
display: flex;
flex-wrap: wrap;
}
.layout-columns-3 .layout-columns-3-list > li:not(:nth-child(3n)) {
margin-right: 60px;
}
.layout-columns-3 .layout-columns-3-list > li:not(:nth-last-child(-n+3)) {
margin-bottom: 50px;
}
.layout-columns-3 .layout-columns-3-list > li {
width: calc((100% - 120px) / 3);
}
/* Columns Layout: 4 Column */
.layout-columns-4 .layout-columns-4-list {
display: flex;
flex-wrap: wrap;
}
.layout-columns-4 .layout-columns-4-list > li:not(:nth-child(4n)) {
margin-right: 60px;
}
.layout-columns-4 .layout-columns-4-list > li:not(:nth-last-child(-n+4)) {
margin-bottom: 50px;
}
.layout-columns-4 .layout-columns-4-list > li {
width: calc((100% - 180px) / 4);
}
/* Columns Layout: Special */
.layout-special-list {
display: grid;
grid-auto-columns: 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr;
gap: 0px 0px;
grid-template-areas:
"col1 col1 col2 col3"
"col1 col1 col2 col3"
". . col4 col5"
". . col4 col5";
column-gap: 60px;
row-gap: 100px;
}
.layout-special-list-en {
grid-template-rows: 1fr 1fr;
grid-template-areas:
"col1 col1 col2 col3"
"col1 col1 col2 col3";
}
/* .layout-special-list li {
} */
.layout-special-list li:first-child { grid-area: col1; }
.layout-special-list li:nth-child(2) { grid-area: col2; }
.layout-special-list li:nth-child(3) { grid-area: col3; }
.layout-special-list li:nth-child(4) { grid-area: col4; }
.layout-special-list li:nth-child(5) { grid-area: col5; }
/* Columns Layout: Options */
.align-items-center {
align-items: center;
}
.bg-gray {
padding: 60px 0;
background: #ECEFF1;
}
.bg-gray-2 {
padding: 60px 0;
background: #f5f7f6;
}
/* bg-image-layout */
.bg-image-layout {
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
overflow: hidden;
}
.bg-image-layout.big-banner {
aspect-ratio: 264 / 107;
}
.bg-image-layout.header-banner {
aspect-ratio: 1320 / 107;
}
.bg-image-layout .img-block {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: inherit;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.bg-image-layout .img-block img {
vertical-align: bottom;
}
.bg-image-layout .content-block {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 50px;
}
.bg-image-layout.content-dark {
color: #fff;
}
.bg-image-layout.content-dark .img-block::after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.5) 100%);
}
.bg-image-layout .content-block .more-btn {
margin-top: 20px;
}
/* Image block */
.img-block img {
width: 100%;
}
/* List */
.block-list-default {
margin-left: 1em;
}
ol.block-list-default > li {
list-style-type: decimal;
}
.block-list-default li ol {
margin-left: 1.1em;
list-style-type: lower-alpha;
}
ul.block-list-default > li {
list-style-type: disc;
}
.block-dl-content {
display: flex;
flex-wrap: wrap;
font-size: 16px;
}
.block-dl-content dt,
.block-dl-content dd {
padding: 45px 0;
border-bottom: 1px solid #ccc;
}
.block-dl-content dt {
width: 200px;
}
.block-dl-content dd {
width: calc(100% - 200px);
}
.inner-flex-box {
display: flex;
}
.inner-flex-box.space-between {
justify-content: space-between;
}
.block-group-list {
margin-top: 20px;
}
.block-group-list > li {
display: flex;
align-items: center;
padding: 30px 0;
border-bottom: 1px solid #ccc;
}
.block-group-list > li:first-child {
border-top: 1px solid #ccc;
}
.block-group-list > li .item-image {
display: flex;
align-items: center;
justify-content: flex-end;
margin-right: 60px;
width: 285px;
}
.block-group-list > li .item-image .lang {
margin-right: 38px;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.01em;
}
.block-group-list > li .item-detail {
width: calc(100% - 285px - 60px);
font-size: 15px;
}
.block-group-list > li .item-detail a {
color: inherit;
}
.block-group-list .img-logo {
display: flex;
align-items: center;
justify-content: center;
width: 110px;
height: 100px;
border: 1px solid #ccc;
}
/*--------------------- Section-News-Block ---------------------*/
/* News Single */
.block-news-single .inner-news-single,
.block-news-single .is-ttl-wrap,
.block-news-single .news-single-detail {
display: flex;
align-items: center;
}
.block-news-single .inner-news-single {
margin-bottom: 60px;
}
.block-news-single .is-ttl-wrap {
margin-right: 30px;
width: 320px;
}
.block-news-single .more-btn {
margin-top: 0;
margin-left: 10px;
display: inline-block;
position: relative;
padding-left: 30px;
}
.block-news-single .more-btn::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 5px;
margin: auto;
display: inline-block;
width: 6px;
height: 6px;
border-right: 2px #232323 solid;
border-top: 2px #232323 solid;
transform: rotate(135deg);
}
.block-news-single .news-single-detail {
color: #91999F;
}
.block-news-single .news-single-detail .is-time {
margin-right: 10px;
}
.block-news-single .news-single-detail .news-tag {
margin-left: 10px;
border-radius: 6px;
background-color: #91999F;
display: inline-block;
padding: 2px 5px;
font-weight: 700;
color: white;
}
.news-swiper-wrapper {
width: calc(100% - 320px);
}
/* News Area */
.block-news-area {
background-color: #F5F7F6;
padding: 60px 50px;
box-sizing: border-box;
}
.block-news-area.global-news-area {
background: none;
padding: 0;
}
.block-news-area .title-wrap {
justify-content: space-between;
}
.block-news-area .title-wrap .title {
font-size: 36px;
}
.block-news-area .title-wrap .more-btn {
margin-left: 0;
}
.block-news-area .title-wrap .more-btn a {
background-color: transparent;
}
.block-news-area .news-list li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 25px 0;
border-bottom: 1px solid #969796;
}
.block-news-area .news-list li:last-child {
border-bottom: none;
}
.block-news-area .news-list a {
flex: 1;
color: #91999F;
}
.block-news-area .news-tag {
border-radius: 6px;
background-color: #91999F;
display: inline-block;
padding: 2px 5px;
font-size: 11px;
font-weight: 700;
color: white;
}
.block-news-area .tag-group {
margin-left: 20px;
}
/* News Area */
.posts-list li:not(:last-child) {
margin-bottom: 60px;
}
.posts-list li a {
display: flex;
align-items: center;
justify-content: center;
}
.posts-list .post-image {
position: relative;
width: 285px;
}
.posts-list .post-image .post-category {
padding: 3px 12px;
background: #ECEFF1;
font-size: 10px;
display: inline-block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.posts-list .post-info {
margin-left: 60px;
width: 515px;
}
.posts-list .post-info .is-ttl {
display: -webkit-box;
/* -webkit-box-orient: vertical;
-webkit-line-clamp: 2; */
overflow: hidden;
order: 1;
margin-bottom: 20px;
font-size: 18px;
line-height: 36px;
}
.posts-list .post-info .is-date {
order: 2;
font-size: 12px;
color: #BBBEC3;
}
.post-info.detail {
display: flex;
justify-content: space-between;
/* margin-bottom: 60px; */
margin-bottom: 20px;
}
.post-info.detail .post-category {
padding: 3px 6px;
background: #ECEFF1;
border-radius: 6px;
font-weight: 700;
font-size: 11px;
}
.post-info.detail .is-date {
font-size: 15px;
}
.post-title {
margin-bottom: 100px;
font-weight: 700;
/* font-size: 36px; */
font-size: 28px;
line-height: 1.5;
}
.post-content {
margin: 110px auto;
width: 920px;
}
.post-content > p:not(:last-child) {
margin-bottom: 50px;
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5 {
margin: 85px auto 40px;
}
.post-content ul,
.post-content ol {
margin: 10px 0 10px 2em;
}
.post-content > ul,
.post-content > ol {
margin: 0 auto 30px;
padding: 55px;
width: 100%;
background: #ECEFF1;
border-radius: 21px;
box-sizing: border-box;
}
/* .post-content ul li,
.post-content ol li {
margin-bottom: 10px;
list-style-position: inside;
}
.post-content ul li:last-child {
margin-bottom: 0;
}
.post-content ul li {
list-style-type: disc;
}
.post-content > ol > li {
list-style-type: decimal;
}
.post-content > ol > li > ol > li {
list-style-type: lower-latin;
}
.post-content > ol > li > ol > li > ol > li {
list-style-type: lower-roman;
} */
.post-content figure {
margin-bottom: 90px;
}
.post-content p {
font-size: 16px;
}
.post-content figure figcaption {
font-size: 11px;
text-align: left;
}
.post-content blockquote {
padding: 0 0 20px 30px;
border-left: 5px solid #003082;
}
.post-content blockquote::before {
content: '“';
display: inline-block;
font-size: 36px;
line-height: 150%;
font-family: 'Noto Sans JP';
}
.post-content .pc-row__sp-column {
display: flex;
}
.post-content .pc-row__sp-column > div {
width: calc(100% - 60px) / 2;
}
.post-content .pc-row__sp-column > div:not(:nth-child(2n)) {
margin-right: 60px;
}
.post-content .card {
display: flex;
padding: 55px;
width: 100%;
background: #ECEFF1;
border-radius: 9px;
box-sizing: border-box;
}
.post-content .card > * {
width: calc((100% - 60px) / 2);
}
.post-content .card > *:not(:nth-child(2n)) {
margin-right: 60px;
}
.post-content .card .text {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.post-content .card .text .link-title {
font-weight: 700;
font-size: 14px;
}
.post-content .card .text .link-text {
font-size: 11px;
line-height: 180%;
}
.post-content .card .text .link {
position: relative;
font-size: 11px;
}
.post-content .card .text .link::after {
content: '';
display: inline-block;
position: absolute;
right: 0;
top: 50%;
width: 12px;
height: 12px;
background: url(../img/icon_blank.png) no-repeat center;
background-size: contain;
transform: translate(0, -50%);
}
.related-article {
display: flex;
justify-content: center;
margin: 0 auto;
padding: 0 60px;
max-width: 1320px;
}
.related-article .article-item {
padding: 55px;
width: calc((100% - 60px * 2) / 3);
background: #ECEFF1;
box-sizing: border-box;
}
.related-article .article-item:not(:nth-child(3n)) {
margin-right: 60px;
}
.related-article .article-item img {
margin-bottom: 20px;
}
.related-article .article-item .post-info {
display: flex;
justify-content: space-between;
margin-top: 15px;
font-size: 11px;
}
.related-article .article-item .post-info .post-category {
font-weight: bold;
}
.navipage_ {
display: flex;
align-items: center;
justify-content: center;
margin-top: 100px;
}
.navipage_ center *:not(.navipage_reverse_, .navipage_forward_) {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 15px;
width: 42px;
height: 42px;
background: #F5F7F6;
border-radius: 9px;
font-size: 14px;
color: #91999F;
}
.navipage_ .navipage_reverse_ *,
.navipage_ .navipage_forward_ * {
margin-right: 56px;
}
.navipage_ .navipage_reverse_ * a,
.navipage_ .navipage_forward_ * a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
background: #F5F7F6;
border-radius: 9px;
font-size: 0;
color: #91999F;
vertical-align: baseline;
}
.navipage_ .navipage_reverse_ * a::after,
.navipage_ .navipage_forward_ * a::after {
display: inline-block;
font-size: 20px;
}
.navipage_ .navipage_first_ a::after {
content: '\0ab';
}
.navipage_ .navipage_prev_ a::after {
content: '\03c';
}
.navipage_ .navipage_next_ a::after {
content: '\03e';
}
.navipage_ .navipage_last_ a::after {
content: '\0bb';
}
.navipage_ center *:not(.navipage_reverse_, .navipage_forward_):last-child,
.navipage_ .navipage_forward_ *:last-child {
margin-right: 0;
}
.navipage_ a:not(.navipage_reverse_, .navipage_forward_):hover,
.navipage_ .navipage_reverse_ * a:hover,
.navipage_ .navipage_forward_ * a:hover {
background: #005EC4;
color: #fff;
cursor: pointer;
text-decoration: none;
}
.navipage_ span.navipage_now_ {
background: #222222;
color: #fff;
vertical-align: bottom;
}
.navipage_reverse_ {
margin-right: 15px;
}
/*--------------------------------------------
共通構成パーツ
---------------------------------------------*/
/* 固定範囲指定 */
.wrapper-headernavigation {
position: relative;
z-index: 100;
}
/* パンくず */
.breadclumb ul {
padding: 10px;
}
.breadclumb ul li {
display: inline-block;
font-size: 12px;
vertical-align: middle;
}
.breadclumb ul li:not(:last-child):after {
content: "/";
padding-left: 15px;
margin-right: 10px;
}
.breadclumb ul li a {
color: black;
position: relative;
}
.breadclumb ul li a:hover {
text-decoration: none;
}
.breadclumb ul li a::before {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 0;
height: 1px;
background-color: #000;
transition: .4s all;
}
.breadclumb ul li a:hover::before {
width: 100%;
}
/*--------------------------------------------
ボタン
---------------------------------------------*/
/*--------------------------------------------
ヘッダー
---------------------------------------------*/
.pane-header {
background-color: white;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1000;
}
.pane-header .inner-frame-w {
position: relative;
align-items: center;
display: flex;
justify-content: center;
}
.pane-header .header-inner {
position: relative;
align-items: center;
display: flex;
justify-content: center;
width: 50vw;
max-width: calc(1440px / 2);
}
.pane-header .btn-lang-change {
position: relative;
margin-right: auto;
padding: calc(30px - 7px * 2) 0;
}
.pane-header .btn-lang-change .selected-lang {
border: none;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
padding: 7px 10px;
text-align: center;
}
.pane-header .btn-lang-change.is-display .selected-lang {
background-color: #222;
border-radius: 9px;
color: #fff;
}
.pane-header .btn-lang-change .list-select-lang {
position: absolute;
top: 100%;
left: 50%;
padding: 10px;
display: none;
transition: .5s;
background: #FAFAFA;
box-shadow: 0px 30px 60px rgba(32, 56, 85, 0.15);
border-radius: 16px;
transform: translate(-50%, 0);
}
.pane-header .btn-lang-change .list-select-lang li:not(:last-child) {
margin-bottom: 15px;
}
.pane-header .btn-lang-change .list-select-lang a {
display: block;
padding: 7px 10px;
background-color: #fff;
border-radius: 9px;
text-align: center;
}
.pane-header .btn-lang-change .list-select-lang a:hover {
text-decoration: none;
background-color: #222;
color: #fff;
}
.pane-header .header-menu {
font-size: 14px;
font-weight: 700;
}
.pane-header .header-menu > ul {
align-items: center;
display: flex;
}
.pane-header .header-menu > ul li:not(:last-child) {
margin-right: 30px;
}
.pane-header .header-menu a {
display: inline-block;
position: relative;
}
.pane-header .header-menu a:link {
color: #222;
}
.pane-header .header-menu > ul>li>a {
padding: 30px 0;
text-transform: uppercase;
}
.pane-header .header-menu > ul>li>a::before {
background-color: #4285f4;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
transition: 0.4s all;
width: 0;
}
.pane-header .header-menu > ul>li>a:hover::before {
width: 100%;
}
.pane-header .header-menu a:hover {
color: var(--link-hover-color);
text-decoration: none;
}
.pane-header .block-logo {margin: auto 10%;z-index: 1;}
.pane-header .block-logo img {max-width: 200px;transition: auto;}
.pane-header .block-logo a:hover img {
transform: scale(1.0);
opacity: 0.8;
}
.pane-header .btn-search {
margin-left: auto;
}
/*検索*/
.pane-header .mf_finder_searchBox {
position: absolute;
top: 50%;
right: 10px;
z-index: 10000;
transform: translate(0, -50%);
}
.pane-header .mf_finder_searchBox_query_wrap {
position: relative;
}
.pane-header .mf_finder_searchBox_query_wrap .searchBox-close {
position: absolute;
right: 0;
top: 50%;
width: 39px;
height: 39px;
transform: translate(0, -50%);
cursor: pointer;
}
.pane-header .mf_finder_searchBox_items>div input {
-webkit-appearance:none;
border: 1px solid transparent;
width: 39px;
height: 39px;
padding: 7px;
background: #fff url(../../img/ico_search_bk.svg) center right 9px no-repeat;
background-size: 18px 19px;
transition: all 0.5s;
outline: none;
color: transparent;
cursor: pointer;
box-sizing: border-box;
}
.pane-header .mf_finder_searchBox_items>div input::placeholder {
color: transparent;
transition: all 0.5s;
}
.pane-header .mf_finder_searchBox_items>div .is-visible + input {
border-radius: 50vh;
border: 1px solid #BBBEC3;
width: 250px;
padding: 7px 9px 7px 20px;
color: #222;
background-color: #fff;
cursor: text;
}
.pane-header .mf_finder_searchBox_items>div .is-visible + input::placeholder {
color: #BBBEC3;
}
.pane-header .mf_finder_searchBox_items>button {
visibility: hidden;
position: absolute;
background: transparent url(../img/ico_search_bk.svg) center / 100% 100% no-repeat;
top: 0;
right: 12.5px;
bottom: 0;
margin: auto;
width: 17.5px;
height: 17.5px;
border: none;
}
.pane-header .mf_finder_searchBox_items>button::before {
display: none;
}
@media screen and (max-width: 1440px) and (min-width: 1100px) {
.inner-frame-w {
margin-left: 50px;
margin-right: 50px;
}
}
@media screen and (max-width: 1100px) and (min-width: 641px) {
.inner-frame-w {
margin-left: 20px;
margin-right: 20px;
}
.pane-header .block-logo {
position: absolute;
width: 180px;
}
.wrapper .pane-header .header-inner.header-left {
justify-content: flex-start;
padding-left: 6%;
position: relative;
}
.wrapper .pane-header .header-inner.header-right {
justify-content: flex-end;
padding-right: 6%;
box-sizing: border-box;
}
.wrapper .pane-header .btn-lang-change {
margin-right: 8%;
}
.wrapper .pane-header .btn-search {
margin-left: 5%;
}
.pane-header .header-menu > ul li:not(:last-child) {
margin-right: 10px;
}
.pane-header .mf_finder_searchBox {
margin: 0!important;
right: 0;
}
.pane-header .header-inner {
justify-content: flex-start;
box-sizing: border-box;
}
.pane-header .inner-frame-w {
justify-content: space-between;
}
.wrapper .pane-header .btn-search {margin-left: 0;}
.pane-header .block-logo img {
max-width: 100%;
}
.inner-frame-w {
margin-left: 10px;
margin-right: 10px;
}
.wrapper .pane-header .btn-lang-change {
margin-right: 3%;
position: absolute;
left: 0;
}
.pane-header .block-logo {
margin: auto;
left: 0;
right: 0;
text-align: center;
}
.pane-header .block-logo img {
max-width: 100%;
}
}
@media screen and (max-width: 850px) and (min-width: 641px) {
.pane-header .block-logo {
width: 110px;
}
.wrapper .pane-header .header-inner.header-left .header-menu {
margin: 0 90px 0 auto;
}
.wrapper .pane-header .header-inner.header-right .header-menu {
margin: 0 auto 0 90px;
}
.pane-header .header-menu > ul>li>a {
font-size: 2vw;
}
}
/*--------------------------------------------
フッター
---------------------------------------------*/
.pane-footer {
background-color: white;
padding: 80px 0;
}
.pane-footer a {
color: #222222;
}
.pane-footer .block-footer-logo {
text-align: center;
}
.pane-footer .block-footer-menu {
margin-top: 90px;
}
.pane-footer .block-footer-menu ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.pane-footer .block-footer-menu ul li {
margin-right: 30px;
font-size: 11px;
font-weight: 700;
}
.pane-footer .block-footer-menu ul li:last-child {
margin-right: 0;
}
.pane-footer .block-copyright {
font-size: 10px;
margin-top: 50px;
text-align: center;
}
/*--------------------------------------------
ページ専用ヘッダー
---------------------------------------------*/
.only-menu-top {
margin-bottom: 25px;
margin-top: 17px;
}
.only-menu-top .is-ttl {
align-items: center;
display: flex;
}
.only-menu-top .is-ttl > * {
font-size: 24px;
font-weight: 600;
}
.only-menu-top .js-only-menu-btn {
align-items: center;
cursor: pointer;
display: flex;
font-size: 0.875rem;
font-weight: bold;
margin-left: 25px;
transition: 0.2s all;
}
.only-menu-top .js-only-menu-btn .js-menu-ico {
display: flex;
flex-wrap: wrap;
/* height: 30px;
margin-right: 10px;
width: 30px; */
background: url(../../img/icon_nav.png) no-repeat center;
background-size: 15px;
width: 15px;
height: 15px;
border: 3px solid transparent;
}
.only-menu-top .js-only-menu-btn .js-menu-ico span {
/* background-color: #8c979e;
border-radius: 100px;
display: inline-block;
height: 1px;
margin: auto;
transition: 0.2s all;
width: 100%; */
}
.only-menu-top .js-only-menu-btn .js-menu-txt {
/* display: inline-block; */
display: none;
}
.only-menu-top .js-only-menu-btn.is-active .js-menu-ico {
border-radius: 5px;
border: 3px solid #000;
/* background-color: #8c979e;
border-radius: 5px;
padding: 5px; */
}
/* .only-menu-top .js-only-menu-btn.is-active .js-menu-ico span {
background-color: white;
}
.only-menu-top .js-only-menu-btn.is-active .js-menu-ico span:nth-child(1) {
opacity: 0;
}
.only-menu-top .js-only-menu-btn.is-active .js-menu-ico span:nth-child(2) {
transform: translateY(1px) rotate(-45deg);
}
.only-menu-top .js-only-menu-btn.is-active .js-menu-ico span:nth-child(3) {
transform: translateY(-10px) rotate(45deg);
} */
.only-menu-top .page-only-menu {
display: none;
margin-top: 15px;
}
.only-menu-bottom {
margin-top: 40px;
}
.page-only-menu ul {
background-color: #f1f1f1;
border-radius: 15px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 5px;
}
.page-only-menu ul li {
width: calc((100% - 60px) / 7);
-webkit-flex: 1;
flex: 1;
}
.page-only-menu ul li:not(:last-child) {
margin-right: 10px;
}
.page-only-menu ul li a {
align-items: center;
background-color: white;
border-radius: 10px;
box-sizing: border-box;
display: flex;
height: 100%;
padding: 15px 5px;
text-align: center;
width: 100%;
}
.page-only-menu ul li a > * {
margin: auto;
}
.page-only-menu ul li a:hover {
background-color: #4285f4;
border-color: #4285f4;
color: white;
text-decoration: none;
}
/* Local-Navigation */
.local-nav {
margin: 95px auto 125px;
}
.local-nav ul {
background-color: #f1f1f1;
border-radius: 15px;
display: flex;
justify-content: space-between;
padding: 5px;
}
.local-nav ul > li:not(:last-child) {
margin-right: 10px;
}
.local-nav ul > li {
width: calc((100% - 10px) / 2);
}
.local-nav ul > li a,
.local-nav ul > li span {
display: flex;
align-items: center;
justify-content: center;
background-color: white;
border-radius: 10px;
box-sizing: border-box;
height: 100%;
padding: 15px 5px;
text-align: center;
width: 100%;
}
.local-nav ul > li .display-page {
background-color: #222;
color: #fff;
}
.local-nav ul > li a:hover {
background-color: #4285f4;
border-color: #4285f4;
color: white;
text-decoration: none;
}
/* horizontal-nav */
.horizontal-nav ul {
display: flex;
align-items: center;
justify-content: center;
}
.horizontal-nav ul li {
width: calc((100% - 22px * 6) / 7);
}
.horizontal-nav ul li:not(:last-child) {
margin-right: 22px;
}
.horizontal-nav ul > li a,
.horizontal-nav ul > li span {
display: flex;
align-items: center;
justify-content: center;
background-color: #ECEFF1;
border-radius: 6px;
box-sizing: border-box;
height: 100%;
padding: 5px;
text-align: center;
width: 100%;
}
.horizontal-nav ul > li .display-page {
background-color: #4285f4;
color: #fff;
}
.horizontal-nav ul > li a:hover {
background-color: #4285f4;
color: white;
text-decoration: none;
}
/*--------------------------------------------
リンクボタン
---------------------------------------------*/
.cm-more-btnlink {
text-align: center;
}
.cm-more-btnlink a {
border: 2px solid #222222;
border-radius: 9px;
box-sizing: border-box;
display: inline-block;
max-width: 260px;
padding: 15px 10px;
position: relative;
width: 100%;
}
.cm-more-btnlink a::before {
background: #222222;
bottom: 0;
content: "";
display: inline-block;
height: 2px;
margin: auto;
position: absolute;
right: 5%;
top: 0;
transition: 0.2s all;
width: 15px;
}
.cm-more-btnlink a::after {
border-right: 2px solid #222222;
border-top: 2px solid #222222;
bottom: 0;
content: "";
height: 10px;
margin: auto;
position: absolute;
right: 5%;
top: 0;
transform: rotate(45deg);
transition: 0.2s all;
width: 10px;
}
.cm-more-btnlink a:hover::before, .cm-more-btnlink a:hover::after {
right: 2%;
}
.cm-more-btnlink.is-white a {
border-color: white;
color: white;
}
.cm-more-btnlink.is-white a::before {
background: white;
}
.cm-more-btnlink.is-white a::after {
border-color: white;
}
/*--------------------------------------------
ナビゲーション
---------------------------------------------*/
.block-menu-inner {
background-color: white;
left: 0;
margin: auto;
opacity: 0;
position: absolute;
right: 0;
top: 85px;
transition: 0.2s all;
visibility: hidden;
padding: 50px 0;
}
.pane-header .block-menu-inner.is-active {
opacity: 1;
visibility: visible;
}
.block-menu-inner a {
color: #222222;
pointer-events: none;
}
.block-menu-inner.is-active a {
pointer-events: auto;
}
.block-menu-inner .menu-wrap {
align-items: baseline;
display: flex;
justify-content: space-between;
}
.block-menu-inner .menu-wrap .menu-inner-list[class*=menu01] {
width: 25%;
}
.block-menu-inner .menu-wrap .menu-inner-list[class*=menu02] {
width: 20%;
}
.block-menu-inner .menu-wrap .menu-inner-list[class*=menu03], .block-menu-inner .menu-wrap .menu-inner-list[class*=menu04] {
width: 20%;
}
.block-menu-inner .menu-wrap .menu-inner-list[class*=menu03] a::before,
.block-menu-inner .menu-wrap .menu-inner-list[class*=menu04] a::before {
display: none;
}
.block-menu-inner .cate-ttl {
font-size: 24px;
font-weight: bold;
margin-bottom: 25px;
}
.block-menu-inner .is-ttl {
/* font-weight: 700; */
margin-bottom: 30px;
padding-bottom: 25px;
position: relative;
font-size: 15px;
}
.block-menu-inner .is-ttl::before {
background: #222222;
bottom: 0;
content: "";
display: inline-block;
height: 2px;
left: 0;
margin: auto;
position: absolute;
width: 32px;
}
.block-menu-inner .menu-inner-list ul li:not(:last-child) {
margin-bottom: 20px;
}
.block-menu-inner .menu-inner-list ul li a {
font-weight: 500;
}
.block-menu-inner .menu-inner-list .img-block {
margin: 0 0 25px;
text-align: center;
}
.block-menu-inner .menu-inner-list .is-read {
font-weight: 700;
font-size: 11px;
}
.block-menu-inner .menu-inner-list .is-read a {
display: inline-block;
margin-top: 15px;
font-size: 11px;
font-weight: 400;
}
.block-menu-inner .menu-shere-price {
margin-top: 55px;
}
.block-menu-inner .menu-shere-price #js-add-share-price {
font-size: 42px;
margin-right: 10px;
}
.block-menu-inner .menu-shere-price .jpy-comparison-percent {
margin-top: 15px;
}
.block-menu-inner .menu-shere-price #js-add-share-percent {
padding-right: 55px;
position: relative;
}
.block-menu-inner .menu-shere-price #js-add-share-percent::before {
background: #222222;
bottom: 0;
content: "";
display: inline-block;
height: 2px;
margin: auto;
position: absolute;
right: 14%;
top: 0;
transition: 0.2s all;
width: 15px;
}
.block-menu-inner .menu-shere-price #js-add-share-percent::after {
border-right: 2px solid #222222;
border-top: 2px solid #222222;
bottom: 0;
content: "";
height: 10px;
margin: auto;
position: absolute;
right: 14%;
top: 0;
transform: rotate(45deg);
transition: 0.2s all;
width: 10px;
}
.block-menu-inner .menu-shere-price #js-add-share-percent.is-up::before {
right: 12.6%;
transform: rotate(90deg);
}
.block-menu-inner .menu-shere-price #js-add-share-percent.is-up::after {
transform: rotate(-45deg);
}
.block-menu-inner .menu-shere-price #js-add-share-percent.is-down::before {
right: 12.605%;
transform: rotate(90deg);
}
.block-menu-inner .menu-shere-price #js-add-share-percent.is-down::after {
right: 14.106%;
transform: rotate(135deg);
}
/*--------------------------------------------
タイトルパーツ
---------------------------------------------*/
/* ページタイトル */
h1.title-1-pagetitle {
font-size: 36px;
font-weight: normal;
line-height: 1.3em;
}
/* コンテンツタイトル TOP：メインコンテンツリンク */
h2.title-2-boldblack {
color: #000000;
font-size: 24px;
line-height: 1.6em;
}
h2.title-2-boldblack a {
color: #000000 !important;
}
/* TOPページ「ニュース」のみレイヤー操作 */
h2.title-2-boldblack.type-topnews {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
/* background: rgba(255,255,255,0.7);*/
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
left: 0;
padding: 10px 15px;
position: absolute;
top: 0;
width: 100%;
z-index: 20;
}
/* 汎用タイトルパーツ h2 背景グレー borderネイビー */
h2.title-2-navybar-bggray {
background: #f7f7f7;
/* border-left: 10px solid #0d146c; */
font-size: 22px;
line-height: 50px;
margin-bottom: 10px;
padding-left: 25px;
}
.title-2-navybar-bggray-right {
float: right;
font-size: 14px;
font-weight: normal;
padding-right: 10px;
}
/* 汎用タイトルパーツ h3 株主・投資家情報：IRイベント情報タイトル */
h3.title-3-boldblack {
font-size: 16px;
margin-bottom: 15px;
}
/* 汎用タイトルパーツ h3 背景グレー borderネイビー*/
h3.title-3-navybar-bggray {
background: #f7f7f7;
/* border-left: 10px solid #0d146c; */
font-size: 18px;
line-height: 40px;
margin-bottom: 10px;
padding-left: 25px;
}
/* 汎用タイトルパーツ h3 borderネイビー（小） */
h3.title-3-navybar-short {
/* border-left: 5px solid #0d146c; */
line-height: 1.4em;
margin-bottom: 10px;
padding-left: 10px;
}
/*--------------------------------------------
TOPページ
---------------------------------------------*/
/* メインビジュアル */
#mainvisual {
background: #000000;
border: none !important;
border-radius: 0 !important;
margin: 0 0 20px 0;
position: relative;
}
#mainvisual .inner-frame {
max-width: 1200px;
min-width: 960px;
width: 100%;
}
/* 各ビジュアル包括 */
.wrapper-mainvisual-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
min-height: 352px;
padding: 36.66% 0 0;
position: relative;
width: 100%;
}
/* ビジュアル比率保持 */
.wrapper-mainvisual-item .wrapper-fiximg {
height: 100%;
left: 0;
min-height: 352px;
position: absolute;
top: 0;
width: 100%;
}
.wrapper-mainvisual-item .wrapper-fiximg img {
min-width: 960px;
width: 100%;
}
/* リンク表記エリア */
.wrapper-mainvisual-item .outer-frame {
height: 100%;
left: 0;
min-height: 352px;
position: absolute;
top: 0;
width: 100%;
}
.wrapper-mainvisual-item .outer-frame .inner-frame {
height: 100%;
min-height: 352px;
position: relative;
}
.wrapper-mainvisual-link {
background: url("/cms/cwc/img/arrow_right_white.png") no-repeat right center;
bottom: 20px;
padding-right: 60px;
position: absolute;
right: 0;
}
.wrapper-mainvisual-link.window {
background: url("/cms/cwc/img/icon_windowlink_inlist_white.png") no-repeat right center;
bottom: 20px;
padding-right: 50px;
position: absolute;
right: 0;
}
.wrapper-mainvisual-link.window-black {
background: url("/cms/cwc/img/icon_windowlink_inlist_black.png") no-repeat right center;
bottom: 20px;
color: #000000;
padding-right: 50px;
position: absolute;
right: 0;
}
a .wrapper-mainvisual-link {
color: #ffffff;
font-size: 14px;
line-height: 1.5em;
}
/* サムネイルサークル */
.flex-control-nav {
bottom: 30px;
z-index: 10;
}
.flex-control-nav li {
margin: 0 7.5px;
}
.flex-control-paging li a {
background: #ffffff;
box-shadow: none;
height: 15px;
width: 15px;
}
.flex-control-paging li a.flex-active {
background: #0d146c;
}
.flex-control-paging li a:hover {
background: #0d146c;
}
/* コンテンツ部分 */
body#top #contents {
margin-bottom: 40px;
}
body#second #contents {
margin-bottom: 40px;
}
/* メインコンテンツリンク */
.box-contentsmenu {
border: 1px solid #b2b2b2;
height: 218px;
margin-bottom: 20px;
padding: 15px;
position: relative;
transition: all .5s;
width: 443px;
}
.box-contentsmenu:hover {
opacity: .5;
}
/* 余白設定 */
ul.listlayout-half li .box-contentsmenu {
margin-left: 5px;
}
ul.listlayout-half li:first-child .box-contentsmenu {
margin-left: 0;
margin-right: 5px;
}
ul.listlayout-half li ul.listlayout-half-child li .box-contentsmenu {
margin-left: 8px;
}
ul.listlayout-half li ul.listlayout-half-child li:first-child .box-contentsmenu {
margin-left: 5px;
margin-right: 5px;
}
/* キャプション部分 */
.box-contentsmenu .box-contentsmenu-caption {
background-color: rgba(255,255,255,.7);
background-image: url("/cms/cwc/img/arrow_right_black.png");
background-position: right center;
background-repeat: no-repeat;
bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
color: #000000;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
font-size: 14px;
left: 0;
line-height: 1.4em;
padding: 10px 20px;
position: absolute;
width: 100%;
}
/* 透過白アイコンのみ付与の場合 */
.box-contentsmenu .box-contentsmenu-captionnone {
background: url("/cms/cwc/img/arrow_right_boxblack.png") no-repeat right center;
bottom: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
height: 40px;
left: 0;
position: absolute;
width: 100%;
}
/* メインコンテンツリンク 背景設定 */
/* 製品情報 */
.box-contentsmenu.bgimg-contentsmenu-01 {
background: url("/cms/cwc/img/bgimg_contentsmenu_01.jpg") no-repeat left top;
}
/* 企業情報 */
.box-contentsmenu.bgimg-contentsmenu-02 {
background: url("/cms/cwc/img/bgimg_contentsmenu_02.jpg") no-repeat left top;
}
/* CSR 環境・社会活動 */
.box-contentsmenu.bgimg-contentsmenu-03 {
background: url("/cms/cwc/img/bgimg_contentsmenu_03.jpg") no-repeat left top;
}
/* シチズングループについて */
.box-contentsmenu.bgimg-contentsmenu-04 {
background: url("/cms/cwc/img/bgimg_contentsmenu_04.jpg") no-repeat left top;
width: 200px;
}
/* 採用情報 */
.box-contentsmenu.bgimg-contentsmenu-05 {
background: url("/cms/cwc/img/bgimg_contentsmenu_05.jpg") no-repeat left top;
width: 200px;
}
/* ウオッチサイト */
.box-contentsmenu.bgimg-contentsmenu-07 {
background: url("/cms/cwc/img/bgimg_contentsmenu_07.jpg") no-repeat left top;
}
/* 100周年サイト */
.box-contentsmenu.bgimg-contentsmenu-08 {
background: url("/cms/cwc/img/bgimg_contentsmenu_08.jpg") no-repeat left top;
}
/* 株主・投資家情報 */
.box-contentsmenu-double {
border: 1px solid #b2b2b2;
margin-bottom: 20px;
min-height: 273px;
padding: 15px;
position: relative;
transition: all .5s;
}
.box-contentsmenu-double:hover {
opacity: .5;
}
/* 背景設定 */
.box-contentsmenu-double.bgimg-contentsmenu-06 {
background: url("/cms/cwc/img/bgimg_contentsmenu_06.jpg") no-repeat left top;
height: 273px;
}
.box-contentsmenu-double.bgimg-contentsmenu-tk {
background: url("/cms/cwc/img/bgimg_contentsmenu_tk.jpg") no-repeat left top;
height: 150px;
min-height: 150px;
padding: 0;
}
.box-contentsmenu-double .box-contentsmenu-double-caption {
background-color: rgba(255,255,255,.7);
background-image: url("/cms/cwc/img/arrow_right_black.png");
background-position: right center;
background-repeat: no-repeat;
bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
color: #000000;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
font-size: 14px;
left: 0;
line-height: 1.4em;
padding: 10px 20px;
position: absolute;
width: 100%;
}
/* ボックス矢印アイコンリスト */
ul.list-boxarrow-block {
border: 1px solid #b2b2b2;
border-left: none;
font-size: 15px;
}
ul.list-boxarrow-block li {
background: url("/cms/cwc/img/arrow_right_boxgray.png") no-repeat right center;
border-top: 1px solid #b2b2b2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: none;
height: 82px;
width: 100%;
}
ul.list-boxarrow-block#top_newsrelease li {
height: 123px;
}
ul.list-boxarrow-block#top_newsrelease li a {
padding: 14px 70px 14px 18px;
}
ul.list-boxarrow-block li:first-child {
border-top: none;
}
ul.list-boxarrow-block li a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
color: #000000;
display: block;
padding: 5px 55px 5px 22px;
transition: all .5s;
}
ul.list-boxarrow-block li a:hover {
opacity: .5;
text-decoration: underline;
}
/* 「一覧」リンク包括用 */
.wrapper-buttonarea-contentsmenu-double {
border-bottom: 1px solid #b2b2b2;
border-right: 1px solid #b2b2b2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
height: 57px;
margin-bottom: 20px;
padding: 10px 0;
}
/* 「一覧」ボタン グレー */
.button-whitearrow-gray {
background: url("/cms/cwc/img/arrow_link_right_white.png") no-repeat right center #c4c4c4;
color: #ffffff;
font-size: 14px;
height: 35px;
line-height: 35px;
margin: 0 auto;
transition: all .5s;
width: 180px;
}
.button-whitearrow-gray a {
color: #ffffff;
display: block;
text-align: center;
}
.button-whitearrow-gray:hover {
opacity: .5;
}
/* ピックアップニュース */
dl.list-thumbnail-pickupnews {
left: 0;
position: absolute;
top: 0;
z-index: 10;
}
dl.list-thumbnail-pickupnews dt img {
display: block;
}
dl.list-thumbnail-pickupnews dd {
background-color: rgba(255,255,255,.7);
background-image: url("/cms/cwc/img/arrow_right_boxgray.png");
background-position: right center;
background-repeat: no-repeat;
bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
padding: 10px 20px;
position: absolute;
width: 100%;
}
dl.list-thumbnail-pickupnews dd p {
background: url("/cms/cwc/img/icon_pickup.png") no-repeat left center;
color: #000000;
padding-left: 66px;
}
/* NEWアイコン付与 */
ul.list-boxarrow-block.type-newslist li a {
padding: 18px;
padding-right: 70px;
}
/*ul.list-boxarrow-block li a p.icon-new {
padding-left: 66px;
min-height: 46px;
background: url("/cms/cwc/img/icon_new.png") no-repeat left center;
}*/
ul.list-boxarrow-block li a p span {
display: block;
}
/* シチズンウオッチサイト ラージバナー */
.bnr-windowlink-01 {
background: url("/cms/cwc/img/bnr_01.jpg") no-repeat left center;
color: #000000;
font-size: 22px;
height: 249px;
transition: all .5s;
width: 960px;
}
.bnr-windowlink-01 p {
line-height: 1.5em;
padding-left: 70px;
padding-top: 90px;
}
.bnr-windowlink-01:hover {
opacity: .5;
}
/* スペシャルコンテンツ */
#specialcontents {
margin: 20px 0 40px 0;
}
#specialcontents .owl-wrapper-outer {
margin-left: 5px;
position: relative;
}
/* バナーカード */
.card-square {
border: 1px solid #b2b2b2;
height: 218px;
width: 228px;
}
/* コントロールボタン */
.owl-controls .owl-buttons .owl-prev {
background: url("/cms/cwc/img/icon_prev.png") no-repeat left center;
height: 28px;
left: 0;
position: absolute;
text-indent: -9999px;
top: 85px;
width: 28px;
}
.owl-controls .owl-buttons .owl-next {
background: url("/cms/cwc/img/icon_next.png") no-repeat right center;
height: 28px;
position: absolute;
right: 0;
text-indent: -9999px;
top: 85px;
width: 28px;
}
/*--------------------------------------------
下層ページ共通
---------------------------------------------*/
/* 下層ページコンテンツ包括 */
.wrapper-contents-second {
min-height: 1050px;
}
/* ページタイトルパーツ配置エリア タイトル部分 */
#pagetitle {
margin-bottom: 40px;
}
#pagetitle h1.title-1-pagetitle {
margin-bottom: 20px;
padding-top: 20px;
}
#pagetitle p {
font-size: 16px;
}
/* コンテンツ部分包括 */
body#second .wrapper-contentsarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
}
/* ローカルナビゲーション */
dl.list-localnavigation {
font-weight: bold;
}
dl.list-localnavigation dt {
background: #b2b2b2;
color: #ffffff;
font-size: 18px;
font-size: 18px;
line-height: 1.0em;
margin-bottom: 10px;
min-height: 20px;
padding: 10px 0;
text-align: center;
}
dl.list-localnavigation dd {
background: url("/cms/cwc/img/icon_link_left_menu_default.png") no-repeat 30px center;
border-bottom: 1px dotted #b2b2b2;
line-height: 1.3em;
}
dl.list-localnavigation dd:hover {
background: url("/cms/cwc/img/icon_link_left_menu_over.png") no-repeat 30px center;
}
dl.list-localnavigation dt a, dl.list-localnavigation dd a {
display: block;
}
dl.list-localnavigation dt a {
color: #ffffff;
height: 20px;
padding: 10px 0;
}
dl.list-localnavigation dd a {
color: #4b4b4b;
padding: 10px 0;
padding-left: 70px;
}
/* アクティブ時 */
dl.list-localnavigation dd.display-page {
background: url("/cms/cwc/img/icon_link_left_menu_over.png") no-repeat 30px center;
}
dl.list-localnavigation dd.display-page a {
color: #0b1595;
}
/* ローカルナビゲーション（サブ） */
dl.list-localnavigation dd.display-page.active {
background: url("/cms/cwc/img/icon_link_under_active.png") no-repeat 30px 7px;
}
dl.list-localnavigation dd.display-page.active ul.list-localnavigation-sub li a {
color: #4b4b4b;
}
dl.list-localnavigation dd.display-page.active ul.list-localnavigation-sub li.active a {
color: #0b1595;
text-decoration: underline;
}
dl.list-localnavigation dd.display-page.active ul.list-localnavigation-sub li:hover a {
text-decoration: underline;
}
ul.list-localnavigation-sub, .sub-clm ul.side-navi ul.sub-navi, .sub-clm ul.side-navi ul.sub-navi ul.sub-menu, .sub-clm ul.side-navi > li > ul.sub-menu {
display: none;
}
/* リンクカード配置（メインカラム内に2つずつ配置の場合） */
ul.listlayout-2clm-linkcard {
margin-bottom: 20px;
}
ul.listlayout-2clm-linkcard li {
float: right;
width: 340px;
}
ul.listlayout-2clm-linkcard li:first-child {
float: left;
}
/* リンクカード配置（コンテンツ幅内に3つずつ配置の場合） */
ul.listlayout-3clm-linkcard {
margin-bottom: 20px;
margin-top: 20px;
}
ul.listlayout-3clm-linkcard li {
float: left;
margin-left: 10px;
width: 313px;
}
ul.listlayout-3clm-linkcard li a {
display: block;
}
ul.listlayout-3clm-linkcard li:first-child {
margin-left: 0;
}
/* ニュース内で使用する場合、横幅変更 */
#contents.detail ul.listlayout-3clm-linkcard {
margin-bottom: 20px;
}
#contents.detail ul.listlayout-3clm-linkcard li {
float: left;
margin-left: 10px;
width: 293px;
}
#contents.detail ul.listlayout-3clm-linkcard li:first-child {
margin-left: 0;
}
/* リンクカード （第4階層へのリンクの場合：グレーボックスアロウ） */
.linkcard-fourth {
background: url("/cms/cwc/img/icon_cardlink_fourth.png") no-repeat scroll right bottom #ffffff;
border: 1px solid #b2b2b2;
border-top: 5px solid #0d146c;
height: 325px;
padding: 20px;
padding-bottom: 50px;
transition: all .5s;
}
/* カードタイトル部分 */
.linkcard-fourth h2 {
color: #000000;
font-size: 20px;
height: 30px;
line-height: 1.3em;
margin-bottom: 15px;
}
/* リンクカード カスタマイズ（第4階層へのリンクの場合：グレーボックスアロウ） */
li.recruit .linkcard-fourth {
background: url("/cms/cwc/img/icon_cardlink_fourth.png") no-repeat scroll right bottom #ffffff;
border: 1px solid #b2b2b2;
border-top: 5px solid #0d146c;
height: 200px;
padding: 20px;
padding-bottom: 50px;
transition: all .5s;
}
/* カードタイトル部分 */
.linkcard-fourth h2 {
color: #000000;
font-size: 18px;
height: 60px;
line-height: 1.3em;
margin-bottom: 15px;
}
/* リンクカード （第5階層へのリンクの場合：黒アロウ） */
.linkcard-fifth {
background: url("/cms/cwc/img/icon_cardlink_fifth.png") no-repeat scroll right bottom #ffffff;
border: 1px solid #b2b2b2;
border-top: 5px solid #0d146c;
height: 325px;
padding: 20px;
padding-bottom: 50px;
transition: all .5s;
}
/* カードタイトル部分 */
.linkcard-fifth h2 {
color: #000000;
font-size: 20px;
height: 30px;
line-height: 1.3em;
margin-bottom: 15px;
}
/* リンクカード （別窓リンクの場合） */
.linkcard-blank {
background: url("/cms/cwc/img/icon_cardlink_blank.png") no-repeat right bottom #ffffff;
border: 1px solid #b2b2b2;
border-top: 5px solid #0d146c;
height: 345px;
padding: 20px;
transition: all .5s;
}
/* マウスオーバー */
.linkcard-fourth:hover, .linkcard-fifth:hover, .linkcard-blank:hover {
opacity: .5;
}
/* カードタイトル部分 */
.linkcard-blank h2 {
color: #000000;
font-size: 18px;
height: 45px;
line-height: 1.3em;
margin-bottom: 15px;
}
/* リンクカード内サムネイルリスト */
dl.list-thumbnail-inlinkcard {
margin-bottom: 15px;
}
dl.list-thumbnail-inlinkcard dt {
margin-bottom: 10px;
text-align: center;
}
dl.list-thumbnail-inlinkcard dd {
color: #000000;
padding-right: 10px;
}
.linkcard-fourth dl.list-thumbnail-inlinkcard dd, ul.listval-investorhistory li dl.list-thumbnail-inlinkcard dd {
padding-right: 0;
}
/* IDリンク項目包括リスト */
ul.list-pagelink-item {
border: 1px solid #0d146c;
margin: 20px auto;
padding: 20px;
text-align: center;
}
ul.list-pagelink-item li {
display: inline-block;
line-height: 1.3em;
margin-right: 20px;
}
ul.list-pagelink-item.listval-privacy-inpage li, ul.list-pagelink-item.layoutval-block li {
display: block;
float: none;
}
ul.list-pagelink-item li a {
color: #000000;
}
ul.list-pagelink-item li a:hover {
text-decoration: underline;
}
ul.list-pagelink-item li:before {
color: #0d146c;
content: "▼";
}
/* PC：2行3列 SP：3行2列 */
ul.list-pagelink-item.layout-multiColRow1 li {
width: 24%;
}
/* パラグラフ包括 */
.wrapper-contents-sentence {
margin-bottom: 20px;
}
/* PDFリンク */
.wrapper-pdflink {
padding: 15px 20px 15px 20px;
}
.wrapper-pdflink a {
background: url("/cms/cwc/img/icon_pdffile.gif") no-repeat right center;
display: inline-block;
min-height: 22px;
padding-right: 32px;
padding-top: 10px;
text-decoration: underline;
}
/* main-clm内 年度リスト */
ul.list-link-box-arrowright-small {
border: 1px solid #d2d2d2;
display: inline-block;
}
ul.list-link-box-arrowright-small li {
background: url("/cms/cwc/img/icon_pagelink_arrowright_pc_default.png") no-repeat right center;
border-left: 1px solid #d2d2d2;
float: left;
width: 115px;
}
ul.list-link-box-arrowright-small li.active {
background: url("/cms/cwc/img/icon_pagelink_arrowright_pc_active.png") no-repeat right center;
}
ul.list-link-box-arrowright-small li.active a {
color: #0d146c;
}
ul.list-link-box-arrowright-small li a:hover {
color: #0d146c;
}
ul.list-link-box-arrowright-small li:first-child {
border-left: none;
}
ul.list-link-box-arrowright-small li a {
color: #000000;
display: block;
font-size: 14px;
padding: 15px 20px;
}
/*--------------------------------------------
キージュアル
---------------------------------------------*/
/* KV基本パーツ */
/* タイトル・キャプションエリア（透明） */
.wrapper-keyvisual-titlearea {
padding: 45px 20px 20px 30px;
position: relative;
width: 590px;
}
/* キャプション */
p.caption-pagedescription {
bottom: 0;
font-size: 20px;
line-height: 1.3em;
margin-bottom: 20px;
position: absolute;
}
/*--------------------------------------------
製品情報
/business/
---------------------------------------------*/
/* 包括パーツ 余白調整 */
body#second .wrapper-contentsarea.pageval-business {
padding: 0 0 0 20px;
}
/* キービジュアル背景指定 */
body#second #keyvisual.wrapper-keyvisual-business {
background: url("/cms/cwc/img/keyvisual_business.jpg") no-repeat right top;
height: 200px;
margin: 0 auto 20px auto;
max-width: 1200px;
min-width: 960px;
}
#keyvisual.wrapper-keyvisual-business .wrapper-keyvisual-titlearea {
height: 164px;
}
/* 個人・法人タブ */
.wrapper-layout-tab {
background: #ffffff;
border-left: 1px solid #b2b2b2;
border-right: 1px solid #b2b2b2;
border-top: 1px solid #b2b2b2;
font-size: 20px;
line-height: 50px;
margin-bottom: 20px;
text-align: center;
}
.wrapper-layout-tab h2 {
line-height: 50px;
}
/* 個人 */
.wrapper-layout-tab .product01 {
background: url("/cms/cwc/img/icon_product01_default.png") no-repeat 140px center #eeeeee;
border-bottom: 1px solid #b2b2b2;
border-right: 1px solid #b2b2b2;
float: left;
width: 478px;
}
.wrapper-layout-tab .product01.active {
background: url("/cms/cwc/img/icon_product01_active.png") no-repeat 140px center #ffffff;
/* border-bottom:1px solid #ffffff; */
color: #0d146c;
}
/* 法人 */
.wrapper-layout-tab .product02 {
background: url("/cms/cwc/img/icon_product02_default.png") no-repeat 140px center #eeeeee;
border-bottom: 1px solid #b2b2b2;
float: left;
width: 479px;
}
.wrapper-layout-tab .product02.active {
background: url("/cms/cwc/img/icon_product02_active.png") no-repeat 140px center #ffffff;
/* border-bottom:1px solid #ffffff; */
color: #0d146c;
}
/* 個人・法人 マウスオーバースタイル */
.wrapper-layout-tab .product01, .wrapper-layout-tab .product02 {
transition: all .5s;
}
.wrapper-layout-tab .product01 a, .wrapper-layout-tab .product02 a {
color: #989898;
display: block;
}
.wrapper-layout-tab .product01.active a, .wrapper-layout-tab .product02.active a {
color: #0d146c !important;
}
.wrapper-layout-tab .product01:hover, .wrapper-layout-tab .product02:hover {
opacity: .5;
}
.wrapper-layout-tab .product01.active:hover, .wrapper-layout-tab .product02.active:hover {
opacity: 1.0;
}
/* ジャンルリスト */
dl.list-layout-genrelist {
border-bottom: 1px solid #b2b2b2;
border-left: 1px solid #b2b2b2;
border-right: 1px solid #b2b2b2;
display: table;
margin-bottom: 20px;
padding: 30px 0;
width: 958px;
}
/* tabなし border-top付与 */
dl.list-layout-genrelist.tab-none {
border-top: 1px solid #b2b2b2;
}
dl.list-layout-genrelist dt, dl.list-layout-genrelist dd {
display: table-cell;
text-align: center;
vertical-align: middle;
}
/* ジャンルを絞り込む */
dl.list-layout-genrelist dt {
background: url("/cms/cwc/img/iconlist_right_border_s.png") no-repeat right center #ffffff;
width: 275px;
}
dl.list-layout-genrelist p.bg-icon-genre {
background: url("/cms/cwc/img/icon_genre.png") no-repeat 60px center;
padding-left: 30px;
}
/* カテゴリラベル 配置リスト */
dl.list-layout-genrelist ul.list-label {
margin-left: 50px;
}
dl.list-layout-genrelist ul.list-label li {
float: left;
margin-left: 20px;
width: 80px;
}
dl.list-layout-genrelist ul.list-label li:first-child {
margin-left: 0;
}
/* カテゴリラベル 共通設定 */
.label-category {
color: #ffffff;
font-size: 12px;
height: 12px;
padding: 5px 0;
text-align: center;
width: 110px;
}
/* すべて */
.label-category.all {
background: #555555;
}
/* 時計 */
.label-category.clock, .label-category.cwc_ca_news_ja_clock, .label-category.cwc_ca_news_en_clock {
background: #64acb0;
}
/* 電子機器 */
.label-category.electron, .label-category.cwc_ca_news_ja_electron, .label-category.cwc_ca_news_en_electron {
background: #0c3d74;
}
/* 健康機器 */
.label-category.health, .label-category.cwc_ca_news_ja_health, .label-category.cwc_ca_news_en_health {
background: #217a36;
}
/* ジュエリー */
.label-category.jewelry, .label-category.cwc_ca_news_ja_jewelry, .label-category.cwc_ca_news_en_jewelry {
background: #9f8fbf;
}
/* その他 */
.label-category.other, .label-category.cwc_ca_news_ja_other_1, .label-category.cwc_ca_news_en_other {
background: #626935;
}
/* 工作機械 */
.label-category.machine, .label-category.cwc_ca_news_ja_machine, .label-category.cwc_ca_news_en_machine {
background: #89851d;
}
/* デバイス */
.label-category.device, .label-category.cwc_ca_news_ja_device, .label-category.cwc_ca_news_en_device {
background: #8a276d;
}
/* CSR */
.label-category.csr, .label-category.cwc_ca_news_ja_csr, .label-category.cwc_ca_news_en_csr {
background: #df9300;
}
/* 経営 */
.label-category.management, .label-category.cwc_ca_news_ja_other, .label-category.cwc_ca_news_en_management {
background: #b9672d;
}
/* サステナビリティ */
.label-category.sustainability, .label-category.cwc_ca_news_ja_sustainability, .label-category.cwc_ca_news_en_sustainability {
background: #43b153;
}
/* 絞込み検索に配置の場合 */
dl.list-layout-genrelist ul.list-label li .label-category {
cursor: pointer;
transition: all .5s;
}
dl.list-layout-genrelist ul.list-label li .label-category:hover {
opacity: .5;
}
/* サムネイルリンクボックス レイアウト用リスト */
ul.list-genre-products {
overflow: hidden;
}
ul.list-genre-products li {
float: left;
padding: 0 13px 20px 0;
transition: all .5s;
width: 220px;
}
ul.list-genre-products li:hover {
opacity: .5 !important;
}
ul.list-genre-products li a {
color: #000000;
}
/* サムネイルリンクボックス */
dl.list-boxlink-s {
border: 1px solid #b2b2b2;
height: 287px;
position: relative;
}
dl.list-boxlink-s dt {
height: 186px;
}
dl.list-boxlink-s dt .label-category {
opacity: .9;
position: absolute;
right: 0;
top: 0;
}
dl.list-boxlink-s dd {
background: url("/cms/cwc/img/icon_window_default.png") no-repeat right 56px #eeeeee;
font-size: 14px;
min-height: 81px;
padding: 20px 30px 0 8px;
}
dl.list-boxlink-s dd.self {
background: url("/cms/cwc/img/arrow_link_right_dropmenu.png") no-repeat right 56px #eeeeee;
font-size: 14px;
min-height: 81px;
padding: 20px 30px 0 8px;
}
dl.list-boxlink-s dd:hover {
background: url("/cms/cwc/img/icon_window_over.png") no-repeat right 56px #eeeeee;
color: #0c3287;
}
dl.list-boxlink-s dd.self:hover {
background: url("/cms/cwc/img/arrow_link_right_over.png") no-repeat right 56px #eeeeee;
color: #0c3287;
}
dl.list-boxlink-s dd h3 {
font-size: 16px;
line-height: 1.2em;
margin-bottom: 10px;
}
/*--------------------------------------------
企業情報
/company/
---------------------------------------------*/
/* キービジュアル背景指定 */
body#second #keyvisual.wrapper-keyvisual-company {
background: url("/cms/cwc/img/keyvisual_company.jpg") no-repeat right top;
height: 200px;
margin: 0 auto 20px auto;
max-width: 1200px;
min-width: 960px;
}
/* 会社案内・シチズングループについて リンクリスト配置 */
ul.listlayout-companylist {
margin-bottom: 40px;
}
ul.listlayout-companylist li {
float: left;
margin-left: 5px;
width: 470px;
}
ul.listlayout-companylist li:first-child {
margin-left: 0;
margin-right: 5px;
}
/* 第三階層へのリンク部分 背景指定 */
.box-thirdpage-gray {
background: #f7f7f7;
}
/* アイコン付きタイトル */
/* 会社案内 */
h2.title-2-company-01 {
background: url("/cms/cwc/img/title_2_company_01.png") no-repeat center 15px;
color: #0d146c;
font-size: 24px;
font-weight: normal;
height: 70px;
padding-top: 70px;
text-align: center;
}
/* リンクリスト */
ul.list-boxarrow-whiteblock-link li {
background: url("/cms/cwc/img/arrow_right_boxgray.png") no-repeat right center #ffffff;
border: 1px solid #b2b2b2;
border-top: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
height: 68px;
margin: 0;
}
ul.list-boxarrow-whiteblock-link li:hover {
background: url("/cms/cwc/img/arrow_right_boxgray.png") no-repeat right center #edebeb;
}
ul.list-boxarrow-whiteblock-link li:first-child {
border-top: 1px solid #b2b2b2;
margin: 0;
}
ul.list-boxarrow-whiteblock-link li a {
color: #000000;
display: block;
font-size: 18px;
height: 66px;
line-height: 66px;
padding-left: 20px;
}
/* PDFリンク */
.wrapper-company-pdflink {
padding: 15px 20px 15px 20px;
}
.wrapper-company-pdflink a {
background: url("/cms/cwc/img/icon_pdffile.gif") no-repeat right center;
display: inline-block;
min-height: 22px;
padding-right: 32px;
padding-top: 10px;
text-decoration: underline;
}
/* アイコン付きタイトルがリンクの場合 */
.boxlink-boxarrow-navy-bggray {
background: url("/cms/cwc/img/arrow_link_boxblue.png") no-repeat right bottom;
}
.boxlink-boxarrow-navy-bggray-rank {
background: none;
}
/* シチズングループについて */
h2.title-2-company-02 {
background: url("/cms/cwc/img/title_2_company_02.png") no-repeat center 15px;
color: #0d146c;
font-size: 24px;
font-weight: normal;
height: 70px;
padding-top: 70px;
text-align: center;
}
/* アイコン付きタイトルのみのリンクボックス */
.boxlink-boxarrow-navy {
background: url("/cms/cwc/img/arrow_link_boxblue.png") no-repeat right bottom;
border: 1px solid #b2b2b2;
height: 158px;
width: 226px;
}
.boxlink-boxarrow-navy:hover {
background: url("/cms/cwc/img/arrow_link_boxblue.png") no-repeat right bottom #f7f7f7;
}
/* 4点配置 */
ul.listlayout-4clm-companylink {
padding: 0 10px;
}
ul.listlayout-4clm-companylink li {
float: left;
margin-left: 9px;
width: 228px;
}
ul.listlayout-4clm-companylink li:first-child {
margin-left: 0;
}
/* 事業紹介 */
h2.title-2-company-03 {
background: url("/cms/cwc/img/title_2_company_03.png") no-repeat center 20px;
color: #0d146c;
font-size: 18px;
padding-top: 90px;
text-align: center;
}
/* CSR 環境・社会活動 */
h2.title-2-company-04 {
background: url("/cms/cwc/img/title_2_company_04.png") no-repeat center 20px;
color: #0d146c;
font-size: 18px;
padding-top: 90px;
text-align: center;
}
/* 企業スポーツ活動 */
h2.title-2-company-05 {
background: url("/cms/cwc/img/title_2_company_05.png") no-repeat center 20px;
color: #0d146c;
font-size: 18px;
padding-top: 90px;
text-align: center;
}
/* 採用情報 */
h2.title-2-company-06 {
background: url("/cms/cwc/img/title_2_company_06.png") no-repeat center 20px;
color: #0d146c;
font-size: 18px;
padding-top: 90px;
text-align: center;
}
/*** 社長メッセージ ***/
/* 署名欄 */
.wrapper-sign {
margin-top: 20px;
text-align: right;
}
/*** 企業理念 ***/
.layout-herovisual .text {
text-align:center;
margin-bottom:100px;
}
/* 見出し大 */
.titlel-border-bottom {
border-bottom: 2px solid #D7D9E4;
padding-top: 50px;
padding-bottom: 120px;
}
/* 見出し小 下線 */
.title-border-bottom {
position: relative;
}
.title-border-bottom::after {
position: absolute;
bottom: -20px;
content: "";
display: block;
width: 32px;
border-bottom: solid 1px #222;
}
/* ネイビーボックス */
.box-bgnavy-policy {
background: #0d146c;
color: #ffffff;
padding: 20px 0;
text-align: center;
}
/* コンテンツカード配置（メインカラム内に3つずつ配置の場合） */
ul.listlayout-3clm-contentscard {
margin-bottom: 20px;
margin-top: 20px;
}
ul.listlayout-3clm-contentscard li {
float: left;
margin-left: 11px;
width: 226px;
}
ul.listlayout-3clm-contentscard li:first-child {
margin-left: 0;
}
/* コンテンツカード配置（メインカラム内に2つずつ配置の場合） */
ul.listlayout-2clm-contentscard {
margin-bottom: 20px;
margin-top: 20px;
}
ul.listlayout-2clm-contentscard li {
float: right;
width: 340px;
}
ul.listlayout-2clm-contentscard li:first-child {
float: left;
margin-left: 0;
}
ul.listlayout-2clm-contentscard li .contentscard {
height: 175px;
}
/* コンテンツカード */
.contentscard {
background: #ffffff;
border: 1px solid #b2b2b2;
/* border-top: 5px solid #0d146c; */
height: 265px;
padding: 20px;
transition: all .5s;
}
.contentsval-questionnaire .contentscard, #contents.detail .contentscard {
height: auto;
}
/* コンテンツカードタイトル部分 */
.contentscard h2 {
color: #000000;
font-size: 20px;
height: 30px;
line-height: 1.3em;
margin-bottom: 15px;
}
/* 会社概要・沿革等定義リスト */
dl.list-2clm-bggray {
background: url("/cms/cwc/img/bg_list-gray.png")repeat-y left top;
border-bottom: 1px solid #d6d6d6;
line-height: 1.5em;
}
dl.list-2clm-bggray dt {
float: left;
font-weight: bold;
padding: 30px 10px;
width: 110px;
}
dl.list-2clm-bggray dd {
float: left;
padding: 30px 10px;
width: 550px;
}
/* 定義リスト（横幅大） */
.large dl.list-2clm-bggray {
background: url("/cms/cwc/img/bg_list_gray_l.png")repeat-y left top;
border-bottom: 1px solid #d6d6d6;
line-height: 1.5em;
}
.large dl.list-2clm-bggray dt {
float: left;
font-weight: bold;
padding: 30px 10px 30px 25px;
width: 225px;
}
.large dl.list-2clm-bggray dd {
float: left;
padding: 30px 10px 30px 25px;
width: 385px;
}
/* 役員一覧の場合背景なし */
.listval-officer dl.list-2clm-bggray {
background: none;
}
.listval-officer dl.list-2clm-bggray dt {
width: 200px;
}
.listval-officer dl.list-2clm-bggray dd {
width: 460px;
}
/* contentscard内でのレイアウト */
.contentscard dl.list-2clm-bggray dd {
width: 508px;
}
.large .contentscard dl.list-2clm-bggray dd {
width: 300px;
}
/*** 企業紹介ムービー ***/
/* 動画再生エリア */
.wrapper-movieplayer {
margin: 0 auto 20px auto;
width: 646px;
}
.J-Stream_16-9 {
padding-bottom: 56.25%;
position: relative;
width: 100%;
}
.J-Stream_4-3 {
padding-bottom: 75%;
position: relative;
width: 100%;
}
.inline_content_16-9, .inline_content_4-3 {
overflow: hidden;
width: 640px;
}
/* 所在地定義リスト */
dl.list-bold-title dd.map {
background: url("/cms/cwc/img/icon_map.png") no-repeat left center;
line-height: 20px;
margin: 20px 0;
padding-left: 30px;
}
dl.list-bold-title dd.tell {
background: url("/cms/cwc/img/icon_tell.png") no-repeat left center;
line-height: 20px;
padding-left: 30px;
}
/*** グループ会社一覧 ***/
/* 遷移タブ */
.wrapper-layout-tab.tabval-group .group01 {
border-left: 1px solid #b2b2b2;
}
.wrapper-layout-tab.tabval-group .group01, .wrapper-layout-tab.tabval-group .group02 {
background: #eeeeee;
border-right: 1px solid #b2b2b2;
border-top: 1px solid #b2b2b2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
transition: all .5s;
width: 50%;
}
.wrapper-layout-tab .group01:hover, .wrapper-layout-tab .group02:hover {
opacity: .5;
}
.wrapper-layout-tab.tabval-group .group01.active:hover, .wrapper-layout-tab.tabval-group .group02.active:hover {
opacity: 1.0;
}
.wrapper-layout-tab.tabval-group .group01 a, .wrapper-layout-tab.tabval-group .group02 a {
color: #989898;
}
/* アクティブ時 */
.wrapper-layout-tab.tabval-group .active {
background: #ffffff;
border-top: 5px solid #0d146c;
color: #0d146c;
margin-top: -4px;
}
/* グループ会社一覧ページのみ適用スタイル */
.wrapper-layout-tab.tabval-group {
border: none;
border-bottom: 1px solid #b2b2b2;
padding: 0 10px;
}
.wrapper-layout-tab.tabval-group h2 {
line-height: 50px;
}
/* グループ会社情報カード */
/* 住所表示 */
ul.listlayout-3clm-contentscard.listval-group li p.icon-map {
background: url("/cms/cwc/img/icon_map.png") no-repeat left center;
margin-top: 20px;
padding-left: 30px;
}
ul.listlayout-2clm-contentscard.listval-group li p.icon-map {
background: url("/cms/cwc/img/icon_map.png") no-repeat left center;
margin-top: 20px;
padding-left: 30px;
}
/* 電話番号表示 */
ul.listlayout-3clm-contentscard.listval-group li p.icon-telno {
background: url("/cms/cwc/img/icon_tell.png") no-repeat left center;
margin-top: 20px;
padding-left: 30px;
}
ul.listlayout-2clm-contentscard.listval-group li p.icon-telno {
background: url("/cms/cwc/img/icon_tell.png") no-repeat left center;
margin-top: 20px;
padding-left: 30px;
}
/* タイトル高さ調整 */
ul.listlayout-3clm-contentscard.listval-group li h2 {
font-size: 20px;
height: auto;
}
ul.listlayout-2clm-contentscard.listval-group li h2 {
font-size: 20px;
height: auto;
}
/* 3カラム配置を局所的に解除 */
.contentsval-grouplist ul.listlayout-3clm-contentscard {
margin: 0;
}
.contentsval-grouplist ul.listlayout-3clm-contentscard.grouplist-01-01 {
margin-top: 20px;
}
.contentsval-grouplist ul.listlayout-3clm-contentscard li {
float: none;
margin-bottom: 20px;
margin-left: 0;
width: 100%;
}
/* 国内グループ会社カード 高さ調整 */
ul.grouplist-01-01 .linkcard-blank {
height: auto;
}
ul.grouplist-01-02 .linkcard-blank {
height: auto;
}
ul.grouplist-01-03 .linkcard-blank {
height: auto;
}
ul.grouplist-01-04 .linkcard-blank {
height: auto;
}
ul.grouplist-01-05 .linkcard-blank {
height: auto;
}
ul.grouplist-01-05 .linkcard-fifth {
height: auto;
}
ul.grouplist-01-06 .linkcard-blank, ul.grouplist-01-07 .linkcard-blank, ul.grouplist-01-07 .contentscard {
height: auto;
}
ul.grouplist-01-08 .contentscard, ul.grouplist-01-09 .contentscard {
height: auto;
}
/* 海外グループ会社カード 高さ調整 */
ul.grouplist-02-01 .contentscard, ul.grouplist-02-01 .linkcard-blank {
height: auto;
}
ul.grouplist-02-02 .contentscard, ul.grouplist-02-02 .linkcard-blank {
height: auto;
}
ul.grouplist-02-03 .contentscard, ul.grouplist-02-03 .linkcard-blank {
height: auto;
}
ul.grouplist-02-04 .contentscard {
height: auto;
}
ul.grouplist-02-05 .contentscard {
height: auto;
}
ul.grouplist-02-06 .contentscard {
height: auto;
}
ul.grouplist-02-07 .contentscard {
height: auto;
}
ul.grouplist-02-08 .contentscard {
height: auto;
}
ul.grouplist-02-09 .contentscard {
height: auto;
}
ul.grouplist-02-10 .contentscard, ul.grouplist-02-10 .linkcard-blank {
height: auto;
}
ul.grouplist-02-11 .contentscard {
height: auto;
}
ul.grouplist-02-12 .contentscard, ul.grouplist-02-13 .contentscard {
height: auto;
}
ul.grouplist-02-14 .contentscard {
height: auto;
}
ul.grouplist-02-15 .contentscard {
height: auto;
}
ul.grouplist-02-16 .contentscard {
height: auto;
}
ul.grouplist-02-17 .contentscard, ul.grouplist-02-17 .linkcard-blank {
height: auto;
}
ul.grouplist-02-18 .linkcard-blank {
height: auto;
}
/* 時計事業ページ高さ調整 */
ul.listval-watches .linkcard-blank {
height: 415px;
}
/**** CSR ****/
/*** index ***/
/* トップメッセージ */
.layout-half-thumbnail-boxlink {
background: url("/cms/cwc/img/icon_cardlink_fourth.png") no-repeat right bottom;
border: 1px solid #b2b2b2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
transition: all .5s;
}
.layout-half-thumbnail-boxlink:hover {
opacity: .5;
}
.layout-half-thumbnail-boxlink .thumbnail-clm {
border-right: 1px solid #b2b2b2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 50%;
}
.layout-half-thumbnail-boxlink .boxlink-clm {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: right;
padding-left: 30px;
padding-top: 70px;
width: 50%;
}
/* リンクサムネイル・文言リスト */
dl.list-thumbnail-boxlinkleft {
height: 274px;
position: relative;
}
dl.list-thumbnail-boxlinkleft dt {
height: 274px;
}
dl.list-thumbnail-boxlinkleft dt img {
display: block;
}
dl.list-thumbnail-boxlinkleft dd {
background: rgba(255,255,255,.5);
border-bottom: 1px solid #b2b2b2;
bottom: -1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
color: #000000;
font-size: 18px;
height: 70px;
line-height: 70px;
padding-left: 25px;
position: absolute;
width: 478px;
}
/* 4カラムリンクリスト スタイルカスタマイズ */
ul.listlayout-4clm-inline-stuck.listval-socialindex {
border: 1px solid #b2b2b2;
margin-top: 10px;
}
ul.listlayout-4clm-inline-stuck.listval-socialindex li {
border-left: 1px solid #b2b2b2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
transition: all .5s;
}
ul.listlayout-4clm-inline-stuck.listval-socialindex li:first-child {
border-left: none;
}
ul.listlayout-4clm-inline-stuck.listval-socialindex li:hover {
opacity: .5;
}
/* リンクサムネイル ブロックタイプ */
dl.list-thumbnaillink-block-gray dt {
height: 170px;
}
dl.list-thumbnaillink-block-gray dt img {
display: block;
}
dl.list-thumbnaillink-block-gray dd {
background: url("/cms/cwc/img/arrow_right_boxgray.png") no-repeat right center #eeeeee;
color: #000000;
height: 66px;
padding-left: 25px;
}
/* 別ウィンドウ遷移アイコンの場合 */
dl.list-thumbnaillink-block-gray.linkval-windowlink dd {
background: url("/cms/cwc/img/icon_windowlink_inlist.png") no-repeat right center #eeeeee;
}
dl.list-thumbnaillink-block-gray dd div {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/* 3カラムレイアウトリスト スタイルカスタマイズ */
ul.listlayout-3clm-linkcard.listval-socialindex {
margin-bottom: 40px;
margin-top: 40px;
}
ul.listlayout-3clm-linkcard.listval-socialindex li {
border: 1px solid #b2b2b2;
margin-left: 16px;
transition: all .5s;
width: 307px;
}
ul.listlayout-3clm-linkcard.listval-socialindex li:hover {
opacity: .5;
}
ul.listlayout-3clm-linkcard.listval-socialindex li:first-child {
margin-left: 0;
}
ul.listlayout-3clm-linkcard.listval-socialindex li dl.list-thumbnaillink-block-gray dt {
height: 178px;
}
ul.listlayout-3clm-linkcard.listval-socialindex-middle li dl.list-thumbnaillink-block-gray dt {
height: auto;
}
/* 4カラムリンクリスト 結合タイプ */
ul.list-link-4clm-stuck {
border-top: 1px solid #b2b2b2;
margin-top: 40px;
}
ul.list-link-4clm-stuck li {
background: url("/cms/cwc/img/arrow_right_boxgray.png") no-repeat right center;
border-bottom: 1px solid #b2b2b2;
border-left: 1px solid #b2b2b2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
color: #000000;
float: left;
height: 68px;
width: 240px;
}
ul.list-link-4clm-stuck li.linkval-windowlink {
background: url("/cms/cwc/img/icon_windowlink_20.png") no-repeat right center;
}
ul.list-link-4clm-stuck li.lastclm {
width: 238px;
}
ul.list-link-4clm-stuck li.bd-right-on {
border-right: 1px solid #b2b2b2;
}
ul.list-link-4clm-stuck li.bd-right-on.wd-240 {
width: 240px;
}
ul.list-link-4clm-stuck li.bd-right-on.wd-241 {
width: 241px;
}
ul.list-link-4clm-stuck li:hover {
background-color: #edebeb;
}
ul.list-link-4clm-stuck li a {
color: #000000;
display: block;
padding: 26px 25px;
}
ul.list-link-4clm-stuck li.linelayout-2 a {
padding: 20px 25px;
}
/*** シチズングループについて ***/
/* 製品スライダー */
.wrapper-slideritem {
height: 250px;
position: relative;
text-align: center;
}
/* ディレクションナビ */
.wrapper-slideritem ul.flex-direction-nav li a {
height: 64px;
opacity: 1.0;
text-indent: -9999px;
width: 64px;
}
.wrapper-slideritem ul.flex-direction-nav li a.flex-prev {
background: url("/cms/cwc/img/icon_slider_prev.png") no-repeat left top;
left: 0;
}
.wrapper-slideritem ul.flex-direction-nav li a.flex-next {
background: url("/cms/cwc/img/icon_slider_next.png") no-repeat left top;
right: 0;
text-align: left;
}
/*** 特集 ***/
/* データリスト スローガン・経営理念 */
dl.list-dataitem-titlegray {
display: table;
width: 100%;
}
dl.list-dataitem-titlegray dt {
background: #f7f7f7;
color: #0d146c;
display: table-cell;
padding: 30px 10px;
text-align: center;
width: 80px;
}
dl.list-dataitem-titlegray dd {
border: 1px solid #b2b2b2;
display: table-cell;
text-align: center;
vertical-align: middle;
}
/* 2カラム 文章メイン、画像左 */
.layout-2clm-left-images .left-clm {
float: left;
width: 210px;
}
.layout-2clm-left-images .right-clm {
float: right;
padding-left: 20px;
width: 470px;
}
/* 2カラム 文章メイン、画像右 */
.layout-2clm-right-images .right-clm {
float: right;
width: 210px;
}
.layout-2clm-right-images .left-clm {
float: left;
padding-right: 20px;
width: 470px;
}
/*** 特集2015 ***/
.specialMain_pc {
margin: 0 0 20px;
}
.specialMain_sp {
display: none;
}
ul.specialList_a, ul.specialList_c {
display: table;
margin: 0 0 10px;
padding: 0 0 40px;
}
ul.specialList_a li, ul.specialList_c li {
border-left: 2px solid #0d146c;
display: table-cell;
line-height: 1.3em;
padding: 0 15px 0;
vertical-align: top;
width: 212px;
}
ul.specialList_a li span, ul.specialList_c li span {
display: block;
font-weight: bold;
margin: 0 0 5px;
}
ul.specialList_a li:first-child, ul.specialList_c li:first-child {
border-left: none;
padding: 0 15px 0 0;
}
ul.specialList_a li:last-child, ul.specialList_c li:last-child {
padding: 0 0 0 15px;
}
ul.specialList_a {
background: url(../../img/bg_splist_a.png) center bottom no-repeat;
}
ul.specialList_b {
background: url(../../img/bg_splist_a.png) center bottom no-repeat;
margin: 0 0 10px;
padding: 0 0 30px;
}
ul.specialList_b li {
background: url(../../img/bg_splist_b.png) center bottom no-repeat;
display: table;
margin: 0 0 10px;
padding: 0 0 30px;
}
ul.specialList_b li:last-child {
background: none;
padding: 0;
}
ul.specialList_b li span.ic_a, ul.specialList_b li span.ic_b, ul.specialList_b li span.ic_c, ul.specialList_b li span.ic_d {
display: table-cell;
height: 5.5em;
text-align: center;
vertical-align: middle;
width: 100px;
}
ul.specialList_b li span.ic_a {
background: #facba4;
}
ul.specialList_b li span.ic_b {
background: #efcbca;
}
ul.specialList_b li span.ic_c {
background: #d6eba3;
}
ul.specialList_b li span.ic_d {
background: #d8c1e9;
}
ul.specialList_b li span.txt_a, ul.specialList_b li span.txt_b, ul.specialList_b li span.txt_c, ul.specialList_b li span.txt_d {
display: table-cell;
line-height: 1.4em;
padding: 3px 10px 0 20px;
vertical-align: middle;
width: 570px;
}
ul.specialList_b li span.txt_a {
background: #fceadb;
}
ul.specialList_b li span.txt_b {
background: #f0dcdb;
}
ul.specialList_b li span.txt_c {
background: #ebf0df;
}
ul.specialList_b li span.txt_d {
background: #e6dfeb;
}
ul.specialList_c {
margin: 0 0 30px;
padding: 0;
}
/*** シチズンの製品・技術はこんなところに使われています ***/
/* 製品カード包括 */
.wrapper-carousel-3items-mainclm {
margin-bottom: 20px;
}
/* 製品カード */
.card-square-socialproducts {
margin-left: 5px;
width: 222px;
}
.card-square-socialproducts dl.list-boxlink-s {
height: 330px;
}
.card-square-socialproducts dl.list-boxlink-s dt h3 {
font-size: 16px;
}
.card-square-socialproducts dl.list-boxlink-s dd {
background: none;
font-size: 14px;
padding: 20px;
}
.card-square-socialproducts dl.list-boxlink-s dd:hover {
color: #000000;
}
/*** 環境とシチズン ***/
/* 事例紹介カード */
.contentscard.cardval-kankyo-management {
height: auto;
}
.contentscard.cardval-kankyo-management h3.title-3-contentscard {
font-size: 16px;
margin-bottom: 20px;
}
/*** 環境負荷 ***/
/* 定義リストサイズ指定 */
.contentscard.cardval-kankyo-management dl.list-2clm-bggray dt {
padding-bottom: 35px;
}
.contentscard.cardval-kankyo-management dl.list-2clm-bggray dd {
width: 508px;
}
/*** CSR報告書（環境報告書） ***/
/* PDFファイルリスト */
ul.list-standard-blocklayout {
border: 1px solid #b2b2b2;
}
ul.list-standard-blocklayout li {
background: url("/cms/cwc/img/arrow_link_right_dropmenu.png") no-repeat right center #ffffff;
border-top: 1px solid #b2b2b2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
}
ul.list-standard-blocklayout li:first-child {
border-top: none;
margin: 0;
}
ul.list-standard-blocklayout li:hover {
background-color: #edebeb;
}
ul.list-standard-blocklayout li a {
color: #000000;
display: inline-block;
font-family: "Poppins","Noto Sans JP",Helvetica,Arial,Doroid Sans,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
font-size: 14px;
line-height: 1.3em;
padding: 10px;
padding-right: 30px;
}
/* 2カラム 文章メイン、画像左 レイアウトカスタマイズ */
.layout-2clm-left-images.layoutval-socialreport-pdf .left-clm {
width: 165px;
}
.layout-2clm-left-images.layoutval-socialreport-pdf .right-clm {
float: left;
padding-left: 0;
}
/* 請求ボタン レイアウトカスタマイズ */
.button-submit-formsend.buttonval-socialreport-pdf {
cursor: pointer;
font-size: 16px;
font-weight: bold;
height: 55px;
line-height: 55px;
margin: 20px auto;
width: 320px;
}
/*** CSR報告書2015第三者意見 ***/
dl#adviceArea {
margin: 0 0 20px;
}
dl#adviceArea img {
max-width: 100%;
vertical-align: bottom;
}
dl#adviceArea dt, dl#adviceArea dd {
display: inline-block;
}
dl#adviceArea dd {
line-height: 1.3em;
margin: 0 0 0 10px;
}
dl#adviceArea dd b {
display: block;
font-size: 1.2em;
margin: 5px 0 0;
}
/*--------------------------------------------
採用情報
/recruit/
---------------------------------------------*/
/* KVスライダー */
.wrapper-kvslider-recruit {
position: relative;
text-align: center;
width: 960px;
}
.wrapper-kvslider-recruit img {
height: 200px;
}
/* リストリンク スタイルカスタマイズ */
ul.listlayout-3clm-linkcard.listval-recruit ul.list-link-4clm-stuck {
margin-top: 0;
}
ul.listlayout-3clm-linkcard.listval-recruit ul.list-link-4clm-stuck li {
border-right: 1px solid #b2b2b2;
width: 100%;
}
/* コンテンツカード スタイルカスタマイズ */
ul.listlayout-3clm-linkcard.listval-recruit li .contentscard {
height: 400px;
position: relative;
}
ul.listlayout-3clm-linkcard.listval-recruit li .contentscard h2 {
height: 50px;
}
/* リンクリスト 5階層アロー */
ul.list-link-fifth {
border: 1px solid #b2b2b2;
}
ul.list-link-fifth li {
background: url("/cms/cwc/img/icon_fifthlink_20.png") no-repeat right center #ffffff;
border-top: 1px solid #b2b2b2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: none;
height: 54px;
margin: 0;
}
ul.list-link-fifth li.linkval-windowlink {
background: url("/cms/cwc/img/icon_windowlink_20.png") no-repeat right center;
}
ul.list-link-fifth li:first-child {
border-top: none;
margin: 0;
}
ul.list-link-fifth li:hover {
background-color: #edebeb;
}
ul.list-link-fifth li a {
color: #000000;
display: block;
padding: 20px 25px;
}
/* 採用情報ページ 会社カード時 スタイルカスタマイズ */
ul.listlayout-3clm-linkcard.listval-recruit li .contentscard ul.list-link-fifth {
border: none;
border-top: 1px solid #b2b2b2;
bottom: 0;
left: 0;
position: absolute;
}
ul.listlayout-3clm-linkcard.listval-recruit li .contentscard ul.list-link-fifth li {
width: 311px;
}
ul.listlayout-3clm-linkcard.listval-recruit li.group .contentscard ul.list-link-fifth li {
width: 226px;
}
ul.listlayout-3clm-contentscard li.group:first-child {
margin-left: 0;
}
ul.listlayout-3clm-linkcard li.group {
float: left;
margin-left: 10px;
width: 226px;
}
ul.listlayout-3clm-linkcard.listval-recruit li.group .contentscard {
height: 375px;
position: relative;
}
ul.listlayout-3clm-linkcard.listval-recruit li.group .contentscard h2 {
height: 75px;
}
ul.listlayout-3clm-linkcard.listval-recruit li.group2 .contentscard ul.list-link-fifth li {
width: 226px;
}
ul.listlayout-3clm-contentscard li.group2:first-child {
margin-left: 0;
}
ul.listlayout-3clm-linkcard li.group2 {
float: left;
margin-left: 10px;
width: 226px;
}
ul.listlayout-3clm-linkcard.listval-recruit li.group2 .contentscard {
height: 280px;
position: relative;
}
ul.listlayout-3clm-linkcard.listval-recruit li.group2 .contentscard h2 {
height: 75px;
}
.recruit_box {
background: #f7f7f7 none repeat scroll 0 0;
padding: 20px;
text-align: left;
}
.recruit_box h2 {
font-size: 20px;
font-weight: bold !important;
}
/*テーブルレイアウト*/
.sp {
display: none;
}
.recruit_table {
border-left: #0d146c solid 1px;
border-top: #0d146c solid 1px;
vertical-align: middle !important;
width: 100%;
}
.recruit_table th {
border-bottom: #0d146c solid 1px;
border-right: #0d146c solid 1px;
font-size: 14px;
font-weight: bold;
padding: 8px;
text-align: left;
vertical-align: middle;
}
.recruit_table td {
border-bottom: #0d146c solid 1px;
border-right: #0d146c solid 1px;
padding: 5px;
text-align: center;
vertical-align: middle;
}
.recruit_table td.company {
border-bottom: none;
font-size: 14px;
}
/*--------------------------------------------
株主・投資家情報
/ir/
---------------------------------------------*/
/* キービジュアル背景指定 */
body#second #keyvisual.wrapper-keyvisual-ir {
background: url("/cms/cwc/img/keyvisual_ir.jpg") no-repeat right top;
background-size: cover;
height: 200px;
margin: 0 auto 20px auto;
max-width: 1200px;
min-width: 960px;
}
body#second #keyvisual.wrapper-keyvisual-ir .wrapper-keyvisual-titlearea {
padding: 30px 0;
}
/*** index ***/
/* IRイベント・ニュース */
.layout-2clm-irindex {
/* height: 172px; 初期値*/
height: 130px;
margin-bottom: 20px;
}
.layout-2clm-irindex {
display: table;
width: 100%;
}
.layout-2clm-irindex .title-clm {
background: #f7f7f7;
display: table-cell;
text-align: center;
width: 310px;
}
/* リンク有の場合 */
.layout-2clm-irindex a.link-item {
background: url("/cms/cwc/img/arrow_link_boxblue.png") no-repeat scroll right bottom #f7f7f7;
display: table-cell;
}
.layout-2clm-irindex .contents-clm {
border: 1px solid #b2b2b2;
display: table-cell;
/* height: 125px; 初期値*/
height: 80px;
padding: 25px 20px;
vertical-align: middle;
width: 650px;
}
/* リンクリスト：ブロックレイアウト */
ul.list-link-block-normal li {
margin-top: 10px;
}
ul.list-link-block-normal li:first-child {
margin-top: 0;
}
ul.list-link-block-normal li a:hover {
text-decoration: underline;
}
/* ネイビーボックスリンク 背景色設定 */
ul.listval-irindex-linklist li .boxlink-boxarrow-navy-bggray {
background-color: #f7f7f7;
}
/* ネイビーボックスリンク 背景色設定 */
ul.listval-irindex-linklist li .boxlink-boxarrow-navy-bggray-rank {
background-color: #f7f7f7;
}
/* リンクリスト スタイルカスタマイズ */
ul.list-boxarrow-whiteblock-link.listval-irindex li {
background-size: 32px;
height: 50px;
}
ul.list-boxarrow-whiteblock-link.listval-irindex li a {
font-size: 14px;
height: 50px;
line-height: 50px;
}
/* アイコンリンクボックス配置リスト */
ul.list-boxlink-block li {
margin: 0;
margin-top: 12px;
}
ul.list-boxlink-block li:first-child {
margin-top: 0;
}
/* コンテンツタイトルアイコン */
h2.title-2-ir-01, h2.title-2-ir-02, h2.title-2-ir-03, h2.title-2-ir-04, h2.title-2-ir-05, h2.title-2-ir-06, h2.title-2-ir-07, h2.title-2-ir-08, h2.title-2-ir-09, h2.title-2-ir-10, h2.title-2-ir-11, h2.title-2-ir-12, h2.title-2-ir-14, h2.title-2-ir-15, h2.title-2-ir-16 {
color: #0d146c;
font-size: 18px;
text-align: center;
}
/* IRイベント情報 */
h2.title-2-ir-01 {
background: url("/cms/cwc/img/icon_irevent.png") no-repeat center 30px;
padding-top: 85px;
width: 310px;
}
/* IRニュース */
h2.title-2-ir-02 {
background: url("/cms/cwc/img/icon_old_irnews.png") no-repeat center 30px;
height: 105px;
padding-top: 95px;
width: 310px;
}
/* 経営方針 */
h2.title-2-ir-03 {
background: url("/cms/cwc/img/icon_old_policy.png") no-repeat center 30px;
height: 50px;
padding-top: 90px;
}
/* IR資料 */
h2.title-2-ir-04 {
background: url("/cms/cwc/img/icon_old_material.png") no-repeat center 30px;
height: 50px;
padding-top: 90px;
}
h2.title-2-ir-04.wd-310 {
width: 310px;
}
/* 個人投資家のみなさまへ */
h2.title-2-ir-05 {
background: url("/cms/cwc/img/icon_old_investor.png") no-repeat center 30px;
height: 50px;
padding-top: 90px;
}
/* 株式情報 */
h2.title-2-ir-06 {
background: url("/cms/cwc/img/icon_old_ir.png") no-repeat center 30px;
height: 50px;
padding-top: 90px;
}
/* 財務・業績情報 */
h2.title-2-ir-07 {
background: url("/cms/cwc/img/icon_old_financial.png") no-repeat 30px center;
height: 72px;
padding-left: 100px;
padding-top: 50px;
text-align: left;
}
/* 電子公告 */
h2.title-2-ir-08 {
background: url("/cms/cwc/img/icon_old_koukoku.png") no-repeat 30px center;
height: 72px;
padding-left: 100px;
padding-top: 50px;
text-align: left;
}
/* よくあるご質問 */
h2.title-2-ir-09 {
background: url("/cms/cwc/img/icon_old_question.png") no-repeat 30px center;
height: 72px;
padding-left: 100px;
padding-top: 50px;
text-align: left;
}
/* IRカレンダー */
h2.title-2-ir-10 {
background: url("/cms/cwc/img/icon_old_ircalendar.png") no-repeat 30px center;
height: 72px;
padding-left: 100px;
padding-top: 50px;
text-align: left;
}
/* 株価情報 */
h2.title-2-ir-11 {
background: url("/cms/cwc/img/icon_stock.png") no-repeat 30px center;
height: 72px;
padding-left: 100px;
padding-top: 50px;
text-align: left;
}
/* お問い合わせ */
h2.title-2-ir-12 {
background: url("/cms/cwc/img/icon_old_contact.png") no-repeat 30px center;
height: 72px;
padding-left: 100px;
padding-top: 50px;
text-align: left;
}
h2.title-2-ir-14 {
background: url("/cms/cwc/img/icon_disclosure.png") no-repeat 30px center;
height: 72px;
padding-left: 100px;
padding-top: 50px;
text-align: left;
}
h2.title-2-ir-15 {
background: url("/cms/cwc/img/icon_menseki.png") no-repeat 30px center;
height: 72px;
padding-left: 100px;
padding-top: 50px;
text-align: left;
}
/* サイトマップ ※アイコンなし */
h2.title-2-ir-16 {
height: 72px;
padding-left: 100px;
padding-top: 50px;
text-align: left;
}
/*** 経営方針 ***/
#contents.contentsval-managepolicyindex .linkcard-fourth {
height: 255px;
}
/*** 株式情報 ***/
#contents.contentsval-stocksindex .linkcard-fourth {
height: 120px;
}
/*** シチズンの歩み ***/
/* コンテンツカード スタイルカスタマイズ */
ul.listlayout-3clm-contentscard.listval-investorhistory li .contentscard h2 {
height: 80px;
}
ul.listlayout-3clm-contentscard.listval-investorhistory li .contentscard dl.list-thumbnail-inlinkcard dt p {
font-size: 12px;
padding: 10px 0;
}
ul.listlayout-3clm-contentscard.listval-investorhistory.investorhistorylist-01 li .contentscard {
height: 510px;
padding: 20px 16px;
}
ul.listlayout-3clm-contentscard.listval-investorhistory.investorhistorylist-02 li .contentscard {
height: 405px;
padding: 20px 16px;
}
ul.listlayout-3clm-contentscard.listval-investorhistory.investorhistorylist-03 li .contentscard h2 {
height: 110px;
}
ul.listlayout-3clm-contentscard.listval-investorhistory.investorhistorylist-03 li .contentscard {
height: 460px;
padding: 20px 16px;
}
ul.listlayout-3clm-contentscard.listval-investorhistory.investorhistorylist-04 li .contentscard h2 {
height: 110px;
}
ul.listlayout-3clm-contentscard.listval-investorhistory.investorhistorylist-04 li .contentscard {
height: 385px;
padding: 20px 16px;
}
ul.listlayout-3clm-contentscard.listval-investorhistory.investorhistorylist-05 li .contentscard h2 {
height: 150px;
}
ul.listlayout-3clm-contentscard.listval-investorhistory.investorhistorylist-05 li .contentscard {
height: 480px;
padding: 20px 16px;
}
ul.listlayout-3clm-contentscard.listval-investorhistory.investorhistorylist-06 li .contentscard h2 {
height: 110px;
}
ul.listlayout-3clm-contentscard.listval-investorhistory.investorhistorylist-06 li .contentscard {
height: 470px;
padding: 20px 16px;
}
ul.listlayout-3clm-contentscard.listval-investorhistory.investorhistorylist-07 li .contentscard h2 {
height: 130px;
}
ul.listlayout-3clm-contentscard.listval-investorhistory.investorhistorylist-07 li .contentscard {
height: 505px;
padding: 20px 16px;
}
ul.listlayout-3clm-contentscard.listval-investorhistory.investorhistorylist-08 li .contentscard h2 {
height: 170px;
}
ul.listlayout-3clm-contentscard.listval-investorhistory.investorhistorylist-08 li .contentscard {
height: 530px;
padding: 20px 16px;
}
/*** シチズンの業績 ***/
ul.listlayout-3clm-contentscard.listval-achievements li .contentscard {
height: 260px;
}
ul.listlayout-3clm-contentscard.listval-achievements li .contentscard h2 {
height: 60px;
}
/*** よくあるご質問 ***/
/* Q&Aアコーディオン */
.wrapper-accordion-faq {
padding-bottom: 10px;
}
dl.list-faq dt {
background: url("/cms/cwc/img/icon_accordion_default.png") no-repeat right center;
border: 1px solid #b2b2b2;
cursor: pointer;
font-size: 16px;
font-weight: bold;
padding: 10px;
padding-left: 0;
padding-right: 30px;
}
dl.list-faq dt.active {
background: url("/cms/cwc/img/icon_accordion_active.png") no-repeat right center;
}
dl.list-faq dt p {
background: url("/cms/cwc/img/icon_faqtitle.png") no-repeat 30px top;
line-height: 2.0em;
min-height: 32px;
padding-left: 90px;
}
dl.list-faq dd {
background: url("/cms/cwc/img/icon_arrow_faqlist_answer.png") no-repeat 40px center #f7f7f7;
display: none;
font-size: 16px;
line-height: 1.4em;
padding: 15px;
padding-left: 90px;
}
/*--------------------------------------------
ニュース
/release/
---------------------------------------------*/
/* タイトル・キャプションエリア（透明） */
.wrapper-keyvisual-titlearea.pageval-news {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 45px 20px 20px 30px;
position: relative;
width: 100%;
}
ul.list-genre-news {
overflow: hidden;
}
ul.listlayout-border-box {
border: 1px solid #b2b2b2;
}
ul.listlayout-border-box li {
border-top: 1px solid #b2b2b2;
min-height: 120px;
padding: 20px 0 20px 20px;
}
ul.listlayout-border-box li:first-child {
border-top: none;
}
ul.listlayout-border-box li a {
color: #000000;
display: block;
}
ul.listlayout-border-box li a:hover {
color: #0c3287;
}
dl.liststyle-2clm-article {
background: url("/cms/cwc/img/arrow_right_boxgray.png") no-repeat right center;
display: table;
height: 100px;
width: 100%;
}
dl.liststyle-2clm-article dt {
display: table-cell;
padding-right: 10px;
text-align: center;
vertical-align: middle;
width: 165px;
}
dl.liststyle-2clm-article dt img {
/*
height: 122px;
*/
}
dl.liststyle-2clm-article dd {
display: table-cell;
padding-right: 50px;
width: 450px;
}
dl.liststyle-2clm-article dd p.article {
line-height: 1.3em;
padding-top: 8px;
}
.box-border-gray dl.list-bold-title {
padding: 20px;
}
dl.list-bold-title {
line-height: 1.5em;
padding-bottom: 20px;
}
dl.list-bold-title dt {
font-weight: bold;
padding-bottom: 10px;
}
dl.list-bold-title dd span.red {
color: #c00c00;
}
/* 汎用テキストリスト（ニュース詳細で使用） */
ul.list-base li {
line-height: 1.5em;
margin-top: 10px;
padding-bottom: 10px;
}
ul.list-base li b, ul.list-base li h3 {
border-left: 5px solid #0d146c;
margin-bottom: 10px;
padding-left: 10px;
}
ul.list-base li:first-child {
padding-top: 0;
}
/* 汎用テキストリスト（数字付きリスト） */
ol.list-number {
padding-left: 20px;
}
ol.list-number li {
line-height: 1.3em;
margin-top: 10px;
padding-bottom: 10px;
}
ol.list-number li {
list-style-type: decimal;
}
ol.list-number li:first-child {
padding-top: 0;
}
/* スーパーチタニウム「TM」の小文字表記 */
.tm-little {
bottom: 2ex;
font-size: 9px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
vertical-align: bottom;
}
/* レジストレーターマークの小文字表記 */
.reg-little {
bottom: 1.5ex;
font-size: 12px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
vertical-align: bottom;
}
/* SNSボタンレイアウトカスタマイズ */
.wrapper-snsbuttons {
float: right;
text-align: right;
}
#twitter-widget-0 {
margin-right: 10px;
}
/* ページタイトル */
.pageval-news h1.title-1-pagetitle {
font-size: 24px;
}
/* ニュース用コンテンツカードスタイルカスタマイズ */
#contents.detail .contentscard {
border-top: 1px solid #b2b2b2;
}
/* 表 table */
table.typeA, table.typeB {
border: 1px solid #bac2df;
border-collapse: collapse;
text-align: center;
}
table.typeA th, table.typeA td, table.typeB th, table.typeB td {
border-bottom: 1px solid #bac2df;
border-right: 1px solid #bac2df;
padding: 8px;
}
.productTable td {
/* line-height: 1.45em!important; */
}
table.typeA th, table.typeB th {
font-weight: normal;
text-align: left;
}
table .sp {
display: none;
}
div .item1, div .item2 {
margin: 0 auto;
width: 660px;
}
div .item1 table.typeA th, div .item1 table.typeA td {
line-height: 1.5em;
}
div .item1 table.typeA td {
width: 503px;
}
div .item2 table.typeA, div .item3 table.typeA {
float: left;
width: 400px;
}
div .item2 table.typeA td, div .item3 table.typeA td {
width: 243px;
}
div .item2 table.typeB, div .item3 table.typeB {
border-left: none;
float: left;
width: 260px;
}
div .item2 table.typeB td, div .item3 table.typeB td {
width: 260px;
}
/*--------------------------------------------
サポート・お問い合わせ
---------------------------------------------*/
h2.title-2-support-01 {
background: url("/cms/cwc/img/icon_support_01.png") no-repeat center 20px;
color: #0d146c;
font-size: 18px;
font-weight: normal;
height: 60px;
padding-top: 80px;
text-align: center;
}
h2.title-2-support-02 {
background: url("/cms/cwc/img/icon_support_02.png") no-repeat center 20px;
color: #0d146c;
font-size: 18px;
font-weight: normal;
line-height: 1.3em;
margin-bottom: 3px;
padding-top: 80px;
text-align: center;
}
h2.title-2-support-03 {
background: url("/cms/cwc/img/icon_support_03.png") no-repeat center 20px;
color: #0d146c;
font-size: 18px;
font-weight: normal;
line-height: 1.3em;
margin-bottom: 10px;
padding-top: 80px;
text-align: center;
}
h2.title-2-support-04 {
background: url("/cms/cwc/img/icon_support_04.png") no-repeat center 20px;
color: #0d146c;
font-size: 18px;
font-weight: normal;
line-height: 1.3em;
margin-bottom: 10px;
padding-top: 80px;
text-align: center;
}
h2.title-2-support-05 {
background: url("/cms/cwc/img/icon_support_05.png") no-repeat center 20px;
color: #0d146c;
font-size: 18px;
font-weight: normal;
line-height: 1.3em;
margin-bottom: 10px;
padding-top: 80px;
text-align: center;
}
h2.title-2-support-06 {
background: url("/cms/cwc/img/icon_support_06.png") no-repeat center 20px;
color: #0d146c;
font-size: 18px;
font-weight: normal;
line-height: 1.3em;
margin-bottom: 10px;
padding-top: 80px;
text-align: center;
}
h2.title-2-support-07 {
background: url("/cms/cwc/img/icon_support_07.png") no-repeat center 20px;
color: #0d146c;
font-size: 18px;
font-weight: normal;
line-height: 1.3em;
margin-bottom: 10px;
padding-top: 80px;
text-align: center;
}
h2.title-2-support-08 {
background: url("/cms/cwc/img/icon_support_08.png") no-repeat center 20px;
color: #0d146c;
font-size: 18px;
font-weight: normal;
line-height: 1.3em;
margin-bottom: 10px;
padding-top: 80px;
text-align: center;
}
h2.title-2-support-09 {
background: url("/cms/cwc/img/icon_support_09.png") no-repeat center 20px;
color: #0d146c;
font-size: 18px;
font-weight: normal;
line-height: 1.3em;
margin-bottom: 10px;
padding-top: 80px;
text-align: center;
}
h2.title-2-support-10 {
background: url("/cms/cwc/img/icon_support_10.png") no-repeat center 20px;
color: #0d146c;
font-size: 18px;
font-weight: normal;
line-height: 1.3em;
margin-bottom: 10px;
padding-top: 80px;
text-align: center;
}
.wrapper-supportpage-layout .left-clm {
float: left;
width: 315px;
}
.wrapper-supportpage-layout .right-clm {
float: right;
width: 636px;
}
ul.listlayout-3clm-linkcard.support li ul.list-link-fifth li {
height: 67px;
}
ul.listlayout-3clm-linkcard.support li ul.list-link-fifth li a {
padding: 28px 25px;
}
dl.list-thumbnaillink-block-gray.support dt {
padding-left: 20px;
padding-right: 20px;
}
ul.listlayout-3clm-linkcard.listval-support li dl.list-thumbnaillink-block-gray dt {
height: 208px!important;
}
ul.listlayout-3clm-linkcard.listval-support {
margin-bottom: 40px;
margin-top: 40px;
}
ul.listlayout-3clm-linkcard.listval-support li {
border: 1px solid #b2b2b2;
margin-left: 16px;
transition: all .5s;
width: 307px;
}
ul.listlayout-3clm-linkcard.listval-support li:hover {
opacity: .5;
}
ul.listlayout-3clm-linkcard.listval-support li:first-child {
margin-left: 0;
}
/*--------------------------------------------
お問い合わせ
/お問い合わせフォームパーツ/
---------------------------------------------*/
dl.list-form-base {
display: table;
margin-bottom: 20px;
}
dl.list-form-base dt {
display: table-cell;
font-weight: bold;
padding-right: 20px;
vertical-align: middle;
width: 170px;
}
dl.list-form-base dd {
display: table-cell;
vertical-align: middle;
width: 520px;
}
dl.list-form-base dd input.name {
width: 39%!important;
}
dl.list-form-base dd input[type="text"] {
border: 1px solid #d6d6d6;
box-sizing: border-box;
color: #333333;
font-size: 14px;
padding: 8px;
width: 100%;
}
dl.list-form-base dd textarea {
border: 1px solid #d6d6d6;
box-sizing: border-box;
color: #2f2626;
min-height: 200px;
padding: 5px;
width: 100%;
}
input.button-submit-formreset[type="reset"], input.button-submit-formsend[type="send"], .button-submit-formsend {
cursor: pointer;
font-size: 18px;
font-weight: bold;
height: 70px;
width: 320px;
}
input.button-submit-formreset[type="reset"] {
background: #ffffff;
border: 1px solid #b2b2b2;
color: #000000;
margin-right: 20px;
}
input.button-submit-formsend[type="send"], .button-submit-formsend {
background: #f7f7f7;
border: none;
color: #0d146c;
text-align: center;
}
dl.list-form-base select.quetion {
border: 1px solid #b2b2b2;
color: #000000;
font-size: 14px;
padding: 3px;
width: 250px;
}
/*--------------------------------------------
サイトマップパーツ
--------------------------------------------*/
/* サイトマップ内、レイアウト（半分） */
.wrapper-layout-sitemaplist .right-clm {
float: right;
margin-left: 5px;
width: 470px;
}
.wrapper-layout-sitemaplist .left-clm {
float: left;
margin-left: 0;
margin-right: 5px;
width: 470px;
}
/* 製品情報アイコン */
h3.title-3-product01 {
background: url("/cms/cwc/img/icon_product01_sitemap.png") no-repeat center 30px #f7f7f7;
height: 40px;
padding-top: 80px;
text-align: center;
text-decoration: underline;
}
h3.title-3-product02 {
background: url("/cms/cwc/img/icon_product02_sitemap.png") no-repeat center 30px #f7f7f7;
height: 40px;
padding-top: 82px;
text-align: center;
text-decoration: underline;
}
/* タイトル２ブロックリンク */
h2.title-2-blocklink {
background: url("/cms/cwc/img/arrow_kink_right_blocklink.png") no-repeat right center;
box-sizing: border-box;
font-size: 20px;
height: 70px;
text-align: center;
}
h2.title-2-blocklink a {
border: 1px solid #b2b2b2;
color: #000000!important;
display: block;
font-weight: bold;
line-height: 68px;
}
/* タイトル２ブロック */
h2.title-2-block {
border: 1px solid #b2b2b2;
box-sizing: border-box;
font-size: 20px;
height: 70px;
line-height: 78px;
text-align: center;
}
ul.list-link-sitemaplist {
border-bottom: 1px solid #b2b2b2;
border-left: 1px solid #b2b2b2;
border-right: 1px solid #b2b2b2;
margin-bottom: 20px;
padding: 30px 0 30px 60px;
}
ul.list-link-sitemaplist li {
padding-bottom: 10px;
padding-left: 20px;
}
ul.list-link-sitemaplist.csr, ul.list-link-sitemaplist.privacy, ul.list-link-sitemaplist.sp, ul.list-link-sitemaplist.support {
padding: 30px 0 30px 40px;
}
ul.list-link-sitemaplist.support li, ul.list-link-sitemaplist.csr li, ul.list-link-sitemaplist.privacy li, ul.list-link-sitemaplist.sp li {
padding-left: 0;
}
ul.list-link-sitemaplist li.title {
margin-top: 10px;
padding-left: 0;
}
ul.list-link-sitemaplist li.title a {
color: #0d146c!important;
text-decoration: underline;
}
ul.list-link-sitemaplist li a {
color: #6d6d6d;
text-decoration: underline;
}
.wrapper-sitemap-icon-company {
background: url("/cms/cwc/img/title_2_company_01.png") no-repeat center 15px #f7f7f7;
height: 70px;
width: 100%;
}
.wrapper-sitemap-icon-ir {
background: url("/cms/cwc/img/icon_ir_sitemap.png") no-repeat center 15px #f7f7f7;
height: 70px;
width: 100%;
}
.wrapper-sitemap-icon-csr {
background: url("/cms/cwc/img/title_2_company_04.png") no-repeat center 15px #f7f7f7;
height: 70px;
width: 100%;
}
.wrapper-sitemap-icon-support {
background: url("/cms/cwc/img/icon_old_contact.png") no-repeat center 21px #f7f7f7;
height: 70px;
width: 100%;
}
/*--------------------------------------------
汎用パーツ
---------------------------------------------*/
.f-right {
float: right;
}
.f-left {
float: left;
}
/* 余白調整 */
.pd-top-5 {
padding-top: 5px;
}
.pd-top-10 {
padding-top: 10px;
}
.pd-top-15 {
padding-top: 15px;
}
.pd-top-20 {
padding-top: 20px;
}
.pd-top-30 {
padding-top: 30px;
}
.pd-top-40 {
padding-top: 40px;
}
.pd-top-50 {
padding-top: 50px;
}
.pd-bottom-5 {
padding-bottom: 5px;
}
.pd-bottom-10 {
padding-bottom: 10px;
}
.pd-bottom-15 {
padding-bottom: 15px;
}
.pd-bottom-20 {
padding-bottom: 20px;
}
.pd-bottom-30 {
padding-bottom: 30px;
}
.pd-bottom-40 {
padding-bottom: 40px;
}
.pd-bottom-50 {
padding-bottom: 50px;
}
.pd-tb-10 {
padding-bottom: 10px;
padding-top: 10px;
}
.pd-tb-20 {
padding-bottom: 20px;
padding-top: 20px;
}
.pd-tb-30 {
padding-bottom: 30px;
padding-top: 30px;
}
.pd-left-5 {
padding-left: 5px;
}
.pd-left-10 {
padding-left: 10px;
}
.pd-left-15 {
padding-left: 15px;
}
.pd-left-20 {
padding-left: 20px;
}
.pd-left-30 {
padding-left: 30px;
}
.mg-top-5 {
margin-top: 5px;
}
.mg-top-10 {
margin-top: 10px;
}
.mg-top-15 {
margin-top: 15px;
}
.mg-top-20 {
margin-top: 20px;
}
.mg-top-30 {
margin-top: 30px !important;
}
.mg-top-40 {
margin-top: 40px !important;
}
.mg-top-50 {
margin-top: 50px !important;
}
.mg-bottom-5 {
margin-bottom: 5px!important;
}
.mg-bottom-10 {
margin-bottom: 10px!important;
}
.mg-bottom-15 {
margin-bottom: 15px!important;
}
.mg-bottom-20 {
margin-bottom: 20px!important;
}
.mg-bottom-30 {
margin-bottom: 30px!important;
}
.mg-bottom-40 {
margin-bottom: 40px!important;
}
.mg-bottom-50 {
margin-bottom: 50px!important;
}
.mg-tb-20 {
margin-bottom: 20px;
margin-top: 20px;
}
.mg-left-5 {
margin-left: 5px;
}
.mg-left-10 {
margin-left: 10px;
}
.mg-left-15 {
margin-left: 15px;
}
.mg-left-20 {
margin-left: 20px;
}
.mg-left-30 {
margin-left: 30px;
}
.mg-rl-10 {
margin: 0 10px;
}
.pd-rl-10 {
padding: 0 10px;
}
/* 中央寄せ */
.ta-center {
text-align: center;
}
/* 右寄せ */
.ta-right {
text-align: right;
}
/* 左寄せ */
.ta-left {
text-align: left !important;
}
/* フォントスタイル */
.fw-bold {
font-weight: bold;
}
.fw-normal {
font-weight: normal;
}
.point {
color: #cc0000;
}
/* borderを含むbox */
.box-border-gray {
border: 2px solid #cccccc;
margin: 0 auto;
width: 560px;
}
.box-border-gray.border-none, .bd-top-none {
border-top: none !important;
}
/* 別ウィンドウアイコン */
.icon-window:after {
content: url("/cms/cwc/img/icon_window.png");
margin-left: 7px;
}
/*** 汎用パーツ ボックスリンク ***/
/* 左カラム（画像）右カラム（h2タイトル） */
.layout-2clm-right-img {
border: 1px solid #b2b2b2;
}
.layout-2clm-right-img .main-clm {
float: right;
width: 488px;
}
.layout-2clm-right-img .main-clm p.ta-right {
margin-top: 20px;
padding-right: 20px;
}
.layout-2clm-right-img .main-clm h2 {
font-size: 16px;
line-height: 1.6em;
padding-top: 80px;
text-align: center;
}
.layout-2clm-right-img .sub-clm {
border-right: 1px solid #b2b2b2;
float: left;
width: 209px;
}
.layout-2clm-right-img .sub-clm img {
display: block;
}
/* ボックスレイアウト（半分） */
.wrapper-layout-half .left-clm {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 50%;
}
.wrapper-layout-half .right-clm {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: right;
padding-left: 10px;
width: 50%;
}
/* ボックスレイアウト（3等分） */
.tripartition-clm {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 33%;
}
/*ボックスレイアウト（4等分）*/
.quarter-clm {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 25%;
}
/* 下層用2clmのボックスリンク */
/* 白ボックスリンク、フォントサイズ14px（リンクの文字量が多い場合） */
ul.list-2clm-boxarrow-whiteblock-link {
border: 1px solid #b2b2b2;
}
ul.list-2clm-boxarrow-whiteblock-link li {
background: url("/cms/cwc/img/arrow_link_right_dropmenu.png") no-repeat right center #ffffff;
border-top: 1px solid #b2b2b2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
height: 68px;
margin: 0;
}
ul.list-2clm-boxarrow-whiteblock-link li.window {
background: url("/cms/cwc/img/icon_window_default.png") no-repeat #ffffff;
background-position: right center;
border-top: 1px solid #b2b2b2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
height: 68px;
margin: 0;
}
ul.list-2clm-boxarrow-whiteblock-link li:first-child {
border-top: none;
margin: 0;
}
/* 白ボックスリンク、左カラム*/
ul.list-2clm-boxarrow-whiteblock-link li.left {
border-right: 1px solid #b2b2b2;
border-top: none;
float: left;
width: 50%;
}
/* 白ボックスリンク、右カラム*/
ul.list-2clm-boxarrow-whiteblock-link li.right {
border-top: none;
float: right;
width: 50%;
}
ul.list-2clm-boxarrow-whiteblock-link li.window:hover {
background: url("/cms/cwc/img/icon_window_default.png") no-repeat #edebeb;
background-position: right center;
}
ul.list-2clm-boxarrow-whiteblock-link li:hover {
background: url("/cms/cwc/img/arrow_link_right_dropmenu.png") no-repeat right center #edebeb;
}
ul.list-2clm-boxarrow-whiteblock-link li a {
color: #000000;
display: block;
font-size: 14px;
height: 66px;
line-height: 66px;
padding-left: 10px;
}
/* PDFアイコン付きテキストリンク */
.icon-pdffile-item:after {
content: url("/cms/cwc/img/icon_pdffile_small.gif");
margin-left: 20px;
}
/*WMPアイコン付きテキストリンク */
.icon-wmpfile-item:after {
content: url("/cms/cwc/img/icon_wmpfile.gif");
margin-left: 20px;
}
/*tellアイコン付きテキストリンク */
.icon-tell-item:before {
content: url("/cms/cwc/img/icon_tell.png");
}
.box-border-lightgray-overflow {
border: 1px solid #d6d6d6;
box-sizing: border-box;
height: 120px;
margin-bottom: 40px;
overflow-y: scroll;
padding: 20px;
}
.mark-attention:after {
color: #c7000b;
content: "※";
font-size: 13px;
font-weight: normal;
}
.txtcolor-blue {
color: #0c3287;
}
.txtcolor-red {
color: #c7000b;
}
/* テキスト下線 */
.txtdecor-underline {
text-decoration: underline;
}
/* 角丸コンテンツ */
.kakumaru-contents {
background: #ffffff;
border: 1px solid #3553a9;
border-radius: 15px;
height: auto;
padding: 20px;
}
.tripartition-clm_dlc1 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
line-height: 1.5em;
width: 40%;
}
.tripartition-clm_dlc2 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 80px 0 80px 5px;
width: 20%;
}
/* CSR2016追記 ===============================================================================================*/
/* 2カラムレイアウトリスト スタイルカスタマイズ */
ul.listlayout-2clm-linkcard.listval-socialindex {
margin-bottom: 40px;
margin-top: 40px;
}
ul.listlayout-2clm-linkcard.listval-socialindex li {
border: 1px solid #b2b2b2;
margin-left: 16px;
transition: all .5s;
width: 470px;
}
ul.listlayout-2clm-linkcard.listval-socialindex li:hover {
opacity: .5;
}
ul.listlayout-2clm-linkcard.listval-socialindex li:first-child {
margin-left: 0;
}
ul.listlayout-2clm-linkcard.listval-socialindex li dl.list-thumbnaillink-block-gray dt {
height: 178px;
}
ul.listlayout-2clm-linkcard.listval-socialindex-middle li dl.list-thumbnaillink-block-gray dt {
height: auto;
}
/* 読み上げシステム */
.p-static {
position: static!important;
}
/*20171122追加*/
.tbl-top {
border: none;
font-weight: normal;
text-align: left;
width: 60%;
}
.tbl-top th {
display: table-cell;
font-weight: normal;
padding: 1px;
vertical-align: inherit;
width: 20%;
}
/*ランキング*/
h2.title-2-ir-13 {
height: 40px;
padding-left: 20px;
padding-top: 30px;
text-align: left;
font-size: 16px;
}
ul .list-lanking {
border: 1px solid #b2b2b2;
}
ul .list-lanking li.rank_1 {
background: rgba(0, 0, 0, 0) url("/cms/cwc/img/rank_1.jpg") no-repeat scroll 20px center / 30px auto;
line-height: 1.3em;
margin-top: 15px;
}
ul .list-lanking li.rank_2 {
background: rgba(0, 0, 0, 0) url("/cms/cwc/img/rank_2.jpg") no-repeat scroll 20px center / 30px auto;
line-height: 1.3em;
margin-top: 0;
}
ul .list-lanking li.rank_3 {
background: rgba(0, 0, 0, 0) url("/cms/cwc/img/rank_3.jpg") no-repeat scroll 20px center / 30px auto;
line-height: 1.3em;
margin-top: 0;
}
ul .list-lanking li.rank_4 {
background: rgba(0, 0, 0, 0) url("/cms/cwc/img/rank_4.jpg") no-repeat scroll 20px center / 30px auto;
line-height: 1.3em;
margin-top: 0;
}
ul .list-lanking li.rank_5 {
background: rgba(0, 0, 0, 0) url("/cms/cwc/img/rank_5.jpg") no-repeat scroll 20px center / 30px auto;
line-height: 1.3em;
margin-bottom: 15px;
}
ul.list-lanking li a {
color: #4b4b4b;
display: block;
padding: 10px 0;
padding-left: 60px;
}
/*ランキング サブナビ*/
ul.list-localnavigation-r {
border: 1px solid #b2b2b2;
margin: 30px 0;
}
ul.list-localnavigation-r p {
background-color: #f7f7f7;
color: #0d146c;
font-weight: bold;
height: 40px;
padding-left: 0;
padding-top: 20px;
text-align: center;
}
ul.list-localnavigation-r li.rank_1 {
background: rgba(0, 0, 0, 0) url("/cms/cwc/img/rank_1.jpg") no-repeat scroll 10px center / 30px auto;
line-height: 1.3em;
margin-top: 0;
}
ul.list-localnavigation-r li.rank_2 {
background: rgba(0, 0, 0, 0) url("/cms/cwc/img/rank_2.jpg") no-repeat scroll 10px center / 30px auto;
line-height: 1.3em;
}
ul.list-localnavigation-r li.rank_3 {
background: rgba(0, 0, 0, 0) url("/cms/cwc/img/rank_3.jpg") no-repeat scroll 10px center / 30px auto;
line-height: 1.3em;
}
ul.list-localnavigation-r li.rank_4 {
background: rgba(0, 0, 0, 0) url("/cms/cwc/img/rank_4.jpg") no-repeat scroll 10px center / 30px auto;
line-height: 1.3em;
}
ul.list-localnavigation-r li.rank_5 {
background: rgba(0, 0, 0, 0) url("/cms/cwc/img/rank_5.jpg") no-repeat scroll 10px center / 30px auto;
line-height: 1.3em;
margin-bottom: 10px;
}
ul.list-localnavigation-r p, ul.list-localnavigation-r li a {
display: block;
}
ul.list-localnavigation-r li a {
color: #4b4b4b;
padding: 10px 0;
padding-left: 50px;
}
/*コーポレート テーブル*/
.com-table {
border-collapse: collapse;
margin-bottom: 20px;
width: 100%;
}
.com-table th, .com-table td {
border-bottom: 1px solid #221814 ;
border-left: 1px solid #221814 ;
border-right: 1px solid #221814 ;
border-top: 1px solid #221814 ;
font-size: 14px;
font-weight: normal;
padding: 10px;
text-align: center;
vertical-align: middle;
}
.com-table th {
background-color: #f7f7f7;
text-align: center;
}
.dotted {
border-top: 2px dotted #a0a0a0!important;
}
/*ポップアップ*/
/*modal*/
.modal > div {
height: 700px;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.modal_02 {
background-color: #ffffff;
margin: 0 auto;
padding: 0;
position: relative;
width: 1250px;
}
.modal_thumb > div {
height: 100%;
}
.modal_thumb {
background-color: #ffffff;
margin: 0 auto;
padding: 0;
position: relative;
width: 1200px;
}
.mfp-hide {
display: none !important;
}
/* 音声ファイルアイコン付与 */
.icon_speaker a:after {
content: url("/cms/cwc/img/icon_speaker.png");
margin-left: 10px;
}
/* 音声ファイル JストリームCSS調整 */
.icon_speaker span {
font-family: "Poppins","Noto Sans JP","Helvetica","Arial","Doroid Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif !important;
}
ul .list-investor {
border: 1px solid #b2b2b2;
padding: 10px 4px 60px;
}
ul .list-investor li {
float: left;
text-align: center;
width: 33.3%;
}
ul .list-investor li a:hover {
opacity: .7;
transition: all .5s ease 0s;
}
ul .list-investor li p {
color: #000000;
height: 85px;
padding: 0 25px;
text-align: left;
}
ul .list-investor::after {
clear: both;
content: "";
display: block;
}
.benefit-border {
background: #e16a02;
color: #ffffff;
margin-right: 15px;
padding: 5px;
}
.list-base li h2 {
color: #ffffff;
font-size: 1.4em;
font-size: 1.4em;
line-height: 30px;
line-height: 30px;
margin-bottom: 10px;
padding-left: 10px;
}
.w-190 {
width: 190px!important;
}
.w-190 p {
padding: 0 9px!important;
}
ul.list-boxarrow-block-tk {
border: 1px solid #b2b2b2;
border-left: none;
}
ul.list-boxarrow-block-tk li {
background: url("/cms/cwc/img/arrow_right_boxgray.png") no-repeat right center;
border-top: 1px solid #b2b2b2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: none;
height: 93px;
width: 100%;
}
ul.list-boxarrow-block-tk#top_newsrelease li {
height: 123px;
}
ul.list-boxarrow-block-tk#top_newsrelease li a {
padding: 14px 70px 14px 18px;
}
ul.list-boxarrow-block-tk li:first-child {
border-top: none;
}
ul.list-boxarrow-block-tk li a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
color: #000000;
display: block;
padding: 5px 55px 5px 22px;
transition: all .5s;
}
ul.list-boxarrow-block-tk li a:hover {
opacity: .5;
text-decoration: underline;
}
/* NEWアイコン付与 */
ul.list-boxarrow-block-tk.type-newslist li a {
padding: 18px;
padding-right: 70px;
}
ul.list-boxarrow-block-tk li a p.icon-new {
background: url("/cms/cwc/img/icon_new.png") no-repeat left center;
min-height: 46px;
padding-left: 66px;
}
ul.list-boxarrow-block-tk li a p span {
display: block;
}
.box-contentsmenu-double-tk {
border-top-color: 1px solid #b2b2b2;
margin-bottom: 20px;
padding: 15px;
position: relative;
transition: all .5s;
}
/* 背景設定 */
.box-contentsmenu-double-tk.bgimg-contentsmenu-06 {
background: url("/cms/cwc/img/bgimg_contentsmenu_06.jpg") no-repeat left top;
height: 273px;
}
.box-contentsmenu-double-tk.bgimg-contentsmenu-tk {
background: url("/cms/cwc/img/bgimg_contentsmenu_tk.jpg") no-repeat left top;
height: 150px;
min-height: 150px;
padding: 0;
}
.box-contentsmenu-double-tk .box-contentsmenu-double-tk-caption {
background-color: rgba(255,255,255,.7);
background-image: url("/cms/cwc/img/arrow_right_black.png");
background-position: right center;
background-repeat: no-repeat;
bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
color: #000000;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
font-size: 14px;
left: 0;
line-height: 1.4em;
padding: 10px 20px;
position: absolute;
width: 100%;
}
/* 装飾 */
.border-top::before {
content: '';
display: inline-block;
margin-bottom: 20px;
width: 58px;
height: 1px;
background-color: #000;
}
.border-top::after {
content: '';
display: inline-block;
margin-top: 20px;
width: 58px;
height: 1px;
background-color: #000;
}
.logo-wrap {
display: flex;
align-items: center;
justify-content: center;
height: 120px;
margin-top: 20px;
font-weight: 700;
}
/*--------------------- Form ---------------------*/
.stepBar {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 100px;
}
.stepBar .step {
padding: 10px 0;
text-align: center;
background-color: #F5F7F6;
border-radius: 20px;
width: calc((100% - 20px * 2) / 3);
}
.stepBar .step:not(:last-child) {
margin-right: 20px;
}
.stepBar.current-1 .step:nth-child(1) {
background-color: #005EC4;
color: #fff;
}
.stepBar.current-2 .step:nth-child(2) {
background-color: #005EC4;
color: #fff;
}
.stepBar.current-3 .step:nth-child(3) {
background-color: #005EC4;
color: #fff;
}
.top_comment_ {
margin-bottom: 90px;
}
.questionnaire_ {
margin: 0 auto;
width: 630px;
}
.questionnaire_box_,
.formdetail_ {
width: 100%;
}
.questionnaire_box_ {
margin: 20px auto;
display: block;
}
.questionnaire_confirm_ .questionnaire_box_ {
margin: 34px auto;
}
.questionnaire_box_>tbody>tr>th {
display: block;
margin-bottom: 20px;
width: 100%;
}
.questionnaire_confirm_ .questionnaire_box_>tbody>tr>th {
margin-bottom: 34px;
}
.questionnaire_box_>tbody>tr>td {
display: block;
width: 100%;
}
.formdetail_>tbody>tr>th {
display: block;
margin-bottom: 20px;
width: 100%;
text-align: left;
}
.formdetail_>tbody>tr>td {
display: block;
width: 100%;
text-align: left;
}
.questionnaire_box_ .common_headline2_{
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: flex-end;
font-size: 18px;
font-weight: bold;
}
.questionnaire_confirm_ .questionnaire_box_ th {
display: flex;
font-size: 18px;
font-weight: bold;
align-items: center;
}
.questionnaire_box_ .hisu,
.questionnaire_box_ .ninni {
margin-left: 10px;
padding: 3px 6px;
font-size: 11px;
font-weight: normal;
background-color: #ECEFF1;
border-radius: 6px;
}
.questionnaire_box_.type-design .ninni {
display: none;
}
.questionnaire_box_ .hisu {
color: #fff;
background-color: #005EC4;
}
.questionnaire_confirm_ .questionnaire_box_ td {
font-size: 18px;
}
#table_name td,
.questionnaire_box_ .wrap td {
display: flex;
flex-wrap: wrap;
}
#table_name td p,
.questionnaire_box_ .wrap td p {
margin-right: 10px;
width: calc((100% - 10px) / 2);
}
#table_name td p:nth-child(2),
.questionnaire_box_ .wrap td p:nth-child(2) {
margin-right: 0;
}
.questionnaire_box_ .small_ {
display: none;
}
.questionnaire_box_ th .note {
margin-left: 10px;
color: #BBBEC3;
font-size: 11px;
}
.questionnaire_box_ .wrap th {
margin-top: 20px;
}
.questionnaire_box_ input:not([type="checkbox"]),
.questionnaire_box_ textarea {
padding: 15px;
border: 1px solid #BBBEC3;
border-radius: 20px;
width: 100%;
box-sizing: border-box;
}
.questionnaire_box_ input::placeholder,
.questionnaire_box_ textarea::placeholder {
font-size: 14px;
color: #ddd;
}
.questionnaire_box_ input[type="checkbox"] {
border: 1px solid #BBBEC3;
border-radius: 6px;
width: 32px;
height: 32px;
}
.questionnaire_box_ select {
padding: 15px;
border: 1px solid #BBBEC3;
width: 100%;
box-sizing: border-box;
}
.questionnaire_box_ .personal_information {
margin-bottom: 70px;
padding: 20px 55px;
height: 250px;
background: #F5F7F6;
border-radius: 20px;
overflow-y: scroll;
}
.questionnaire_box_ .personal_information h2 {
margin-bottom: 25px;
font-size: 15px;
font-weight: bold;
}
.questionnaire_box_.agreement {
display: flex;
align-items: center;
justify-content: center;
}
.questionnaire_box_.agreement .questionnaire_box_content_ {
display: flex;
align-items: center;
}
.questionnaire_box_.agreement h2 {
margin-right: 20px;
font-size: 14px;
}
.questionnaire_box_.agreement .questionnaire_box_content_ input {
margin-right: 20px;
}
.questionnaire_box_.agreement .questionnaire_box_content_ label {
font-size: 14px;
font-weight: bold!important;
}
.questionnaire_ .submit_ {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin: 60px auto;
}
.questionnaire_ .submit_ a,
.questionnaire_confirm_ + .submit_ input.cancel {
margin-right: 60px;
padding: 13px 53px;
border: solid 1px #222;
border-radius: 18px;
transition: .2s all;
width: calc((100% - 60px) / 2);
box-sizing: border-box;
text-align: center;
font-size: 14px;
background-color: #fff;
}
.questionnaire_ .submit_ a:hover,
.questionnaire_confirm_ + .submit_ input.cancel:hover {
text-decoration: none;
color: var(--link-hover-color);
}
.questionnaire_ .submit_ button,
.questionnaire_confirm_ + .submit_ input.submit {
position: relative;
padding: 15px 55px;
border: none;
background-color: #005EC4;
color: white;
border-radius: 20px;
transition: .2s all;
width: calc((100% - 60px) / 2);
box-sizing: border-box;
font-size: 14px;
}
.questionnaire_ .submit_ button:hover,
.questionnaire_confirm_ + .submit_ input.submit:hover {
background-color: #003082;
}
.questionnaire_ .submit_ button::after,
.questionnaire_confirm_ + .submit_::after {
content: '';
display: inline-block;
position: absolute;
right: 22px;
top: 50%;
margin-top: -1px;
width: 7px;
height: 7px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg) translate(0, -50%);
}
.questionnaire_confirm_ .questionnaire_box_.agreement {
display: none;
}
.tanks-text {
text-align: center;
}
.questionnaire_tanks_ .more-btn a .inner {
width: 300px;
}
.sign_img {
width: 155px !important;
}