@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 リセット 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

*, *:before, *:after { box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 { font-weight: inherit; margin-top: 0; margin-bottom: 0; }

ol, ul { list-style: none; padding-left: 0; margin-top: 0; margin-bottom: 0; }
dl { margin-top: 0; margin-bottom: 0; }
dd { margin-left: 0; }

p { margin-top: 0; margin-bottom: 0; }
img { width: 100%; height: auto; vertical-align: top; }
a:link { outline: 0; }

table { border-collapse: collapse; }
table tr th { font-weight: normal; text-align: left; vertical-align: top; padding: 0; }
table tr td { vertical-align: top; padding: 0; }





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 フォームリセット 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

input { outline: none; appearance: none; font-weight: 500; vertical-align: top; padding: 0; /* iOS */ border-radius: 0; }
input[type="reset"],
input[type="submit"] { border: none; cursor: pointer; }
label { display: inline-block; }
textarea { outline: none; appearance: none; resize: none; padding: 0; /* iOS */ border-radius: 0; }
select { outline: none; appearance: none; font-weight: 500; cursor: pointer; /* FireFox Android iOS */ background-color: #ffffff; /* Mac */ border-radius: 0; }
button { border: none; font-weight: 500; vertical-align: top; padding: 0; cursor: pointer; }
::placeholder { /* FireFox */ opacity: 1; }
:focus::placeholder { color: transparent; }





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 基礎スタイル 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

html { overflow: hidden; overflow-y: scroll; scroll-behavior: smooth; font-family: "Poppins","Noto Sans JP","Helvetica","Arial","Doroid Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif; font-size: 62.5%; line-height: 1; font-weight: 500; }
html,
select,
::placeholder { color: #222222; }

a { color: #005ec4; text-decoration: none; }

@media screen and (min-width: 835px) {
	a:hover { color: #78b3e0; text-decoration: underline; }
}



/* ――――――――――――――――――――――――――――――
［ diB：各種 display inline-block ］
―――――――――――――――――――――――――――――― */

.diIB { display: inline; }
.diB  { display: inline-block; }
.diBI { display: inline-block; }
.diBB { display: inline-block; }
.dbI  { display: block; }
.dbIB { display: block; }

@media screen and (max-width: 767px) {
	.diIB { display: inline-block; }
	.diB  { display: inline-block; }
	.diBI { display: inline; }
	.diBB { display: block; }
	.dbI  { display: inline; }
	.dbIB { display: inline-block; }
}



/* ――――――――――――――――――――――――――――――
［ anchorSpace ］
―――――――――――――――――――――――――――――― */

.anchorSpace { padding-top: 190px; margin-top: -190px; }

@media screen and (max-width: 834px) {
	.anchorSpace { padding-top: 100px; margin-top: -100px; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 header 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

header { position: fixed; width: 100%; background-color: #ffffff; padding-right: calc( 50 / 1100 * 100% ); padding-left: calc( 50 / 1100 * 100% ); z-index: 10000; }
header #headerInner { position: relative; max-width: 1440px; height: 170px; margin-right: auto; margin-left: auto; }
header #headerInner #headerOpen { position: absolute; top: 7px; left: -18px; overflow: hidden; width: 66px; height: 66px; font-size: 0; line-height: 0; z-index: 1; }
header #headerInner #headerOpen div { position: relative; display: block; width: 30px; height: 22px; margin: 21px auto 0; }
header #headerInner #headerOpen div:before,
header #headerInner #headerOpen div:after,
header #headerInner #headerOpen span { position: absolute; display: block; width: 100%; height: 2px; background-color: #000000; content: ""; transition: 0.5s ease; }
header #headerInner #headerOpen div:before { top: 0; }
header #headerInner #headerOpen div:after { bottom: 0; }
header #headerInner #headerOpen span { overflow: hidden; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }
	header #headerInner.active #headerOpen div:before { transform: translateY(10px) translateX(0) rotate(-45deg); }
	header #headerInner.active #headerOpen div:after { transform: translateY(-10px) translateX(0) rotate(45deg); }
	header #headerInner.active #headerOpen span { opacity: 0; }

@media screen and (min-width: 1000px) {
	header #headerInner #headerOpen { display: none; }
	header #headerInner #headerClose { display: block !important; }
}

@media screen and (max-width: 999px) {
	header { padding-right: 0; padding-left: 0; }
	header #headerInner { height: 80px; padding-top: 20px; }
	header #headerInner #headerOpen { margin-left: calc( 50 / 1100 * 100% ); }
	header #headerInner #headerClose { z-index: 10; position: absolute; top: 80px; overflow: hidden; display: none; width: 100%; height: 100vh; background-color: #ffffff; }
}

@media screen and (max-width: 767px) {
	header #headerInner #headerOpen { margin-left: calc( 15 / 320 * 100% ); }
}



/* ――――――――――――――――――――――――――――――
［ headerParts ］
―――――――――――――――――――――――――――――― */

#headerLogo { position: absolute; top: 8px; right: 0; left: 0; width: 170px; margin-right: auto; margin-left: auto; }
#headerLogo a { display: block; padding: 25px; }
#headerLogo a span { display: block; width: 120px; height: 22px; background-image: url(/cms/cmj/assets/images/header_logo.svg); background-size: cover; font-size: 0; line-height: 0; }
#headerCompany { position: absolute; top: 20px; font-size: 1.1rem; line-height: 2rem; }
#headerCompany a { display: inline-block; color: #91999f; text-decoration: none; padding-top: 15px; padding-bottom: 15px; }
#headerLanguage { position: absolute; top: 15px; right: 50px; width: 60px; border-radius: 16px; font-size: 1.4rem; line-height: 4rem; text-align: center; padding: 10px; z-index: 100; }
#headerLanguage summary { border-radius: 9px; list-style: none; cursor: pointer; }
#headerLanguage summary::-webkit-details-marker { display: none; }
#headerLanguage[open] { background-color: #fafafa; box-shadow: 0px 30px 60px rgba(32, 56, 85, 0.15); }
#headerLanguage[open] summary { background-color: #000000; color: #ffffff; margin-bottom: 26px; }
#headerLanguage a { display: block; background-color: #ffffff; border-radius: 9px; color: #222222; text-decoration: none; }
#headerLanguage a:not(:last-child) { margin-bottom: 15px; }
#headerSearch { position: absolute; top: 25px; right: 0; overflow: hidden; width: 40px; border: 1px solid #ffffff; transition: 0.5s ease; z-index: 1000; }
#headerSearch #searchInner { position: relative; }
#headerSearch input[type=text] { width: 0; background-color: #ffffff; border: 0; font-size: 1.6rem; line-height: 2.6rem; color: #222222; padding: 6px 9px 6px 20px; transition: 0.5s ease; }
#headerSearch input[type=text]::placeholder { color: #bbbec3; }
#headerSearch input[type=submit] { position: absolute; top: 0; right: 0; width: 38px; height: 38px; background: url(/cms/cmj/assets/images/header_search.svg) no-repeat center center #ffffff; background-size: 18px 18px; }
#headerSearch #searchOpen { position: absolute; top: 0; right: 0; display: block; width: 40px; height: 40px; font-size: 0; line-height: 0; cursor: pointer; }
#headerSearch.active { width: 250px; border-color: #bbbec3; border-radius: 50vh; }
#headerSearch.active input[type=text] { width: 210px; }
#headerLogin { position: absolute; top: 26px; right: 130px; font-size: 1.4rem; line-height: 2rem; }
#headerLogin a { display: inline-block; color: #222222; text-decoration: none; padding: 10px; }

@media screen and (min-width: 1000px) {
	#headerLanguage a { transition: 0.2s ease; }
	#headerLanguage a:hover { background-color: #000000; color: #ffffff; }
	#headerLogin a:hover { color: #78b3e0; }
}

@media screen and (max-width: 999px) {
	#headerLogo { position: static; width: 100px; }
	#headerLogo a { padding: 5px 12px; }
	#headerLogo a span { width: 76px; height: 14px; }
	#headerCompany { position: static; text-align: center; margin-bottom: 10px; }
	#headerCompany a { padding-top: 3px; padding-bottom: 3px; }
	#headerLanguage { top: 10px; right: -5px; margin-right: calc( 50 / 1100 * 100% ); }
	#headerSearch { position: static; width: 250px; border-color: #bbbec3; border-radius: 50vh; margin: 0 auto 15px; transition: 0s; }
	#headerSearch input[type=text] { width: 210px; transition: 0s; }
	#headerSearch #searchOpen { display: none; }
	#headerLogin { top: 460px; right: none; left: 0; width: 100%; border-top: solid 1px #f3f3f3; font-size: 1.6rem; line-height: 3rem; text-align: center; }
	#headerLogin a { padding: 20px; }
}

@media screen and (max-width: 767px) {
	#headerLanguage { margin-right: calc( 15 / 320 * 100% ); }
}



/* ――――――――――――――――――――――――――――――
［ headerNav ］
―――――――――――――――――――――――――――――― */

#headerNav { position: absolute; top: 90px; left: 0; right: 0; font-size: 0; line-height: 0; text-align: center; margin-right: calc((100vw - 1440px) / -2); margin-left: calc((100vw - 1440px) / -2); }
#headerNav .navMenu { display: inline-block; vertical-align: top; }
#headerNav .navMenu .menuBtn { display: block; font-size: 1.4rem; line-height: 3rem; color: #222222; text-decoration: none; padding-right: 30px; padding-left: 30px; }
#headerNav .navMenu .menuBtn span { position: relative; display: inline-block; padding-top: 20px; padding-bottom: 20px; }
#headerNav .navMenu .menuBtn span::after { position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 1px; background-color: #4285f4; content: ""; }
#headerNav .navMenu .menuList { visibility: hidden; opacity: 0; position: absolute; top: 70px; left: 0; width: 100%; background-color: #ffffff; text-align: left; font-feature-settings: "palt"; padding: 50px calc( 50 / 1100 * 100% ); }
#headerNav .navMenu .menuList .listInner { display: table; width: 1440px; margin-right: auto; margin-left: auto; }
#headerNav .navMenu .menuList .listName { display: table-cell; width: 28%; }
#headerNav .navMenu .menuList .listName .nameTitle { font-size: 3.2rem; line-height: 4.4rem; color: #333333; padding-top: 8px; padding-bottom: 8px; margin-bottom: 25px; }
#headerNav .navMenu .menuList .listName .nameBtn { display: inline-block; background-color: #222222; border-radius: 20px; font-size: 1.4rem; line-height: 2.5rem; color: #ffffff; text-align: center; text-decoration: none; padding: 15px 55px; }
#headerNav .navMenu .menuList .listMain { display: table-cell; vertical-align: top; padding-top: 25px; }
#headerNav .navMenu .menuList .listMain .mainInner { display: inline-block; width: calc( 100% / 3 ); vertical-align: top; padding-left: 20px; }
#headerNav .navMenu .menuList .listMain .mainName { position: relative; font-size: 1.5rem; line-height: 2rem; padding-bottom: 30px; }
#headerNav .navMenu .menuList .listMain .mainName::after { position: absolute; bottom: 0; left: 0; display: block; width: 32px; height: 2px; background-color: #222222; content: ""; }
#headerNav .navMenu .menuList .listMain .mainLink { margin-top: 25px; }
#headerNav .navMenu .menuList .listMain .mainLink a { display: block; font-size: 1.4rem; line-height: 2rem; color: #333333; vertical-align: top; padding-top: 8px; padding-bottom: 8px; }
#headerNav .navMenu .menuList .listMain .mainImg { overflow: hidden; max-width: 260px; display: block; margin-top: 35px; }

@media screen and (max-width: 1584px) {
	#headerNav { margin-right: calc( -50 / 1000 * 100% ); margin-left: calc( -50 / 1000 * 100% ); }
	#headerNav .navMenu .menuList .listInner  { width: 100%; }
}

@media screen and (max-width: 1200px) {
	#headerNav .navMenu .menuList .listName .nameBtn { padding: 14px 30px; }
}

@media screen and (min-width: 1000px) {
	#headerNav a,
	#headerNav .navMenu .menuBtn span::after { transition: 0.2s ease; }
	#headerNav .navMenu .menuList { transition: 0.3s ease; }
	#headerNav .navMenu:hover .menuList { visibility: visible; opacity: 1; }
	#headerNav .navMenu .menuBtn:hover { color: #78b3e0; }
	#headerNav .navMenu .menuBtn:hover span::after { width: 100%; }
	#headerNav .navMenu .menuList .listName .nameBtn:hover { background-color: #91999f; }
	#headerNav .navMenu .menuList .listMain .mainLink a:hover span { text-decoration: underline; }
	#headerNav .navMenu .menuList .listMain .mainImg img { transition: 0.2s ease; }
	#headerNav .navMenu .menuList .listMain .mainImg:hover img { opacity: 0.7; }
}

@media screen and (max-width: 999px) {
	#headerNav { top: 60px; text-align: left; margin-right: 0; margin-left: 0; }
	#headerNav .navMenu  { display: block; }
	#headerNav .navMenu .menuBtn { position: relative; font-size: 1.6rem; }
	#headerNav .navMenu .menuBtn::after { position: absolute; top: 0; right: 34px; bottom: 0; display: block; width: 10px; height: 10px; border: solid #232323; border-width: 0 2px 2px 0; content: ""; transform: rotate(-45deg); margin-top: auto; margin-bottom: auto; }
	#headerNav .navMenu .menuBtn span { padding-top: 18px; padding-bottom: 18px; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 contentsBlock 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#contentsBlock { font-size: 1.4rem; line-height: 2.4rem; padding-top: 170px; }
#contentsBlock #singleColumn { width: 960px; margin-right: auto; margin-left: auto; }
#contentsBlock #doubleColumn { overflow: hidden; width: 960px; margin-right: auto; margin-left: auto; }
#contentsBlock #doubleColumn #mainArea  { float: left; width: 72.91666666666667%; }
#contentsBlock #doubleColumn #localArea { float: right; width: 25%; }
	body.cgProduct #contentsBlock #singleColumn { margin-bottom: 90px; }
	body.cgProduct #productIndexMain + #singleColumn { margin-bottom: 70px; }
	body.cgProduct #contentsBlock #productMain + #singleColumn { margin-bottom: 50px; }

@media screen and (max-width: 1000px) {
	#contentsBlock #singleColumn,
	#contentsBlock #doubleColumn { width: 95%; }
}

@media screen and (max-width: 999px) {
	#contentsBlock { padding-top: 80px; }
}

@media screen and (max-width: 767px) {
	#contentsBlock #singleColumn,
	#contentsBlock #doubleColumn { width: 100%; }
	#contentsBlock #singleColumn #mainArea  { width: 95%; margin-right: auto; margin-left: auto; }
	#contentsBlock #doubleColumn #mainArea  { float: none; width: 95%; margin-right: auto; margin-bottom: 90px; margin-left: auto; }
	#contentsBlock #doubleColumn #localArea { float: none; width: 100%; }
		body.cgProduct #contentsBlock #singleColumn { margin-bottom: 60px; }
}

@media screen and (max-width: 640px) {
	#contentsBlock { border-top: solid 4px #464646; }
	#contentsBlock #singleColumn #mainArea,
	#contentsBlock #doubleColumn #mainArea { width: 90.625%; }
		body.cgProduct #contentsBlock #singleColumn { margin-bottom: 30px; }
		body.cgProduct #productIndexMain + #singleColumn { margin-bottom: 45px; }
}



/* ――――――――――――――――――――――――――――――
［ localArea ］
―――――――――――――――――――――――――――――― */

#localArea .localName { font-size: 1.7rem; color: #ffffff; }
#localArea .localName a { display: block; background-color: #464646; color: #ffffff; text-decoration: none; padding: 16px 20px 15px; }
#localArea .localNav { background-color: #f5f5f5; padding-top: 10px; padding-bottom: 10px; }
#localArea .localNav a { color: #333333; text-decoration: none; }
#localArea .localNav a.iconArr { position: relative; display: block; padding: 5px 20px 4px 40px; }
#localArea .localNav a.iconArr:before { position: absolute; top: 13px; left: 23px; display: block; width: 6px; height: 6px; border-top: solid 1px #939393; border-right: solid 1px #939393; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#localArea .localNav a.iconDown { display: block; background: url(/cms/cmj/common/share/icon_down2.svg) no-repeat 20px 11px; background-size: 13px 13px; padding: 6px 20px 3px 40px; }
#localArea .localNav a .iconOut { position: relative; padding-right: 14px; }
#localArea .localNav a .iconOut:before { position: absolute; top: 10px; right: 5px; display: block; width: 3px; height: 3px; border-bottom: solid 1px #939393; border-left: solid 1px #939393; content: ""; }
#localArea .localNav a .iconOut:after { position: absolute; top: 3px; right: 0; display: block; width: 5px; height: 7px; border: solid 1px #939393; content: ""; }
#localArea .localNav .navMenu .menuTitle { position: relative; display: block; padding: 5px 20px 4px 40px; }
#localArea .localNav .navMenu a.menuTitle:before { position: absolute; top: 13px; left: 23px; display: block; width: 6px; height: 6px; border-top: solid 1px #939393; border-right: solid 1px #939393; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#localArea .localNav .navMenu .menuBtn { display: none; cursor: pointer; }
#localArea .localNav .navMenu .accordionType1 { display: none; padding-bottom: 10px; }
#localArea .localNav .navMenu .accordionType1 li { font-size: 1.2rem; line-height: 1.8rem; }
#localArea .localNav .navMenu .accordionType1 li a { position: relative; display: block; padding: 4px 20px 3px 40px; }
#localArea .localNav .navMenu .accordionType1 li a:before { position: absolute; top: 10px; left: 29px; display: block; width: 4px; height: 4px; background-color: #a1a1a1; border-radius: 2px; content: ""; }
#localArea .localBannerCSR { margin-top: 20px; }
	body.cgProduct #localArea { display: none; }

@media screen and (min-width: 768px) {
	body.cgCompany.cgcDomestic #localArea .localNav div.cgcDomestic ul { display: block !important; }
}

@media screen and (min-width: 769px) {
	#localArea .localName a:hover { background-color: #1d1d1d; }
	#localArea .localNav a:hover  { background-color: #ffffff; }
}

@media screen and (max-width: 1000px) {
	#localArea .localName { font-size: 1.4rem; }
	#localArea .localName a { padding: 8px 12px; }
	#localArea .localNav { padding-top: 7px; padding-bottom: 7px; }
	#localArea .localNav a.iconArr { font-size: 1.3rem; padding-right: 10px; padding-left: 25px; }
	#localArea .localNav a.iconArr:before { top: 13px; left: 10px; }
	#localArea .localNav a.iconDown { background-position: 8px 11px; font-size: 1.3rem; padding-right: 10px; padding-left: 25px; }
	#localArea .localNav .navMenu .menuTitle { font-size: 1.3rem; padding-right: 10px; padding-left: 25px; }
	#localArea .localNav .navMenu a.menuTitle:before { top: 13px; left: 10px; }
	#localArea .localNav .navMenu .accordionType1 li { font-size: 1rem; line-height: 1.6rem; }
	#localArea .localNav .navMenu .accordionType1 li a { padding-right: 10px; padding-left: 25px; }
	#localArea .localNav .navMenu .accordionType1 li a:before { top: 9px; left: 15px; }
}

@media screen and (max-width: 767px) {
	#localArea .localName { font-size: 1.8rem; line-height: 3rem; text-align: center; }
	#localArea .localName a { padding: 6px 15px 4px; }
	#localArea .localNav { padding-top: 0; padding-bottom: 0; }
	#localArea .localNav a.iconArr:not(:last-child),
	#localArea .localNav a.iconDown:not(:last-child) { border-bottom: solid 1px #dddddd; }
	#localArea .localNav a.iconArr { font-size: 1.4rem; padding: 10px 15px 9px 35px; }
	#localArea .localNav a.iconArr:before { top: 18px; left: 16px; }
	#localArea .localNav a.iconDown { background-position: 14px 15px; font-size: 1.4rem; padding: 10px 20px 9px 35px; }
	#localArea .localNav .navMenu { position: relative; }
	#localArea .localNav .navMenu:not(:last-child) { border-bottom: solid 1px #dddddd; }
	#localArea .localNav .navMenu .menuTitle { font-size: 1.4rem; padding: 10px 15px 9px 35px; }
	#localArea .localNav .navMenu a.menuTitle:before { top: 18px; left: 16px; }
	#localArea .localNav .navMenu .menuBtn { position: absolute; top: 0; right: 0; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height: 43px; }
	#localArea .localNav .navMenu .menuBtn.btnType1 { width: 67px; }
	#localArea .localNav .navMenu .menuBtn.btnType2 { width: 100%; }
	#localArea .localNav .navMenu .menuBtn:before { position: absolute; top: 18px; right: 31px; display: block; width: 5px; height: 5px; border-right: solid 1px #939393; border-bottom: solid 1px #939393; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	#localArea .localNav .navMenu .menuBtn.active:before { top: 21px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
	#localArea .localNav .navMenu .menuBtn:after { position: absolute; top: 13px; right: 25px; display: block; width: 18px; height: 18px; box-sizing: border-box; border: solid 1px #939393; border-radius: 2px; content: ""; }
	#localArea .localNav .navMenu .accordionType1 { padding-bottom: 6px; }
	#localArea .localNav .navMenu .accordionType1 li { font-size: 1.2rem; line-height: 1.8rem; }
	#localArea .localNav .navMenu .accordionType1 li a { display: block; padding: 6px 15px 6px 35px; }
	#localArea .localNav .navMenu .accordionType1 li a:before { top: 12px; left: 21px; }
	#localArea .localNav .navMenu .accordionType1 li br { display: none; }
	#localArea .localNav .navMenu div.accordionType2 { display: none; padding-right: 35px; padding-left: 35px; }
	#localArea .localNav .navMenu div.accordionType2 ul { overflow: hidden; }
	#localArea .localNav .navMenu ul.accordionType2 { overflow: hidden; display: none; padding-right: 35px; padding-left: 35px; }
	#localArea .localNav .navMenu .accordionType2 li { float: left; font-size: 1.2rem; line-height: 1.8rem; border-right: solid 1px #cccccc; border-left: solid 1px #cccccc; margin-bottom: 15px; }
	#localArea .localNav .navMenu .accordionType2 li:not(:last-child) { margin-right: -1px; }
	#localArea .localNav .navMenu .accordionType2 li a { display: block; padding: 3px 19px 2px; }
	#localArea .localNav .navMenu .accordionType2 li a:before { top: 12px; left: 21px; }
	#localArea .localNav .navMenu .accordionType2 li a .type2Out { position: relative; padding-right: 14px; }
	#localArea .localNav .navMenu .accordionType2 li a .type2Out:before { position: absolute; top: 9px; right: 5px; display: block; width: 3px; height: 3px; border-bottom: solid 1px #939393; border-left: solid 1px #939393; content: ""; }
	#localArea .localNav .navMenu .accordionType2 li a .type2Out:after { position: absolute; top: 2px; right: 0; display: block; width: 5px; height: 7px; border: solid 1px #939393; content: ""; }
	#localArea .localNav .navMenu .accordionType2 div { font-size: 1.3rem; line-height: 2.2rem; font-weight: 700; margin-bottom: 4px; }
	#localArea .localBannerCSR { width: 240px; margin-right: auto; margin-left: auto; }
		body.cgProduct #contentsBlock #localArea { display: block; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 footer 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

footer { padding: 160px calc( 50 / 1100 * 100% ) 80px; }
footer #footerNav { text-align: center; margin-bottom: 40px; }
footer #footerNav a { display: inline-block; font-size: 1.2rem; line-height: 2rem; color: #333333; text-decoration: none; padding: 10px 15px; }
footer #footerNav button#ot-sdk-btn.ot-sdk-show-settings { display: inline-block; background-color: #ffffff; font-size: 1.2rem; line-height: 2rem; color: #333333; text-decoration: none; padding: 10px 15px; }
footer #footerCopy { font-size: 1rem; line-height: 2rem; text-align: center; }

@media screen and (min-width: 835px) {
	footer #footerNav a:hover,
	footer #footerNav button#ot-sdk-btn.ot-sdk-show-settings:hover { text-decoration: underline; }
}

@media screen and (max-width: 767px) {
	footer { padding: 90px calc( 15 / 320 * 100% ) 30px; }
	footer #footerNav { margin-bottom: 15px; }
	footer #footerNav a { display: block; padding: 15px 10px; }
}








/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 一旦隠す 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#breadCrumb { display: none; }