@charset "utf-8";

/* ======================================================
 * smartphone.css
 * ------------------------------------------------------
 * BASE *************************************************
 * LAYOUT ***********************************************
 * Common
 * Body
 * Header
 * Navigation
 * Contents
 * Footer
 * MODULE ***********************************************
 * Element
 * Component
 * MEDIA ************************************************
 * Responsive
 * Clearfix
====================================================== */

@media screen and (max-width: 768px) {
/********************************************************

  BASE

********************************************************/

/* base.cssに記述 */



/********************************************************

  LAYOUT

********************************************************/

/* Common
------------------------------------------------------ */
/* transition */
#siteIdentity .siteMenu > li.menuBtn > a i,
#navigation .commonMenu > li > a.sp-toggle:before {
	-webkit-transition: all 0.2s ease-out 0s;
	   -moz-transition: all 0.2s ease-out 0s;
	    -ms-transition: all 0.2s ease-out 0s;
	        transition: all 0.2s ease-out 0s;
}

/* sprite */
#siteIdentity .siteMenu > li.contactBtn > a:before,
#siteIdentity .siteMenu > li.searchBtn > a:before,
#utility .contactBtn > a > span:before,
#navigation .commonMenu > li > .pulldownMenu .menuList > li > a:before,
#sideMenu .catMenu3rd > li > a:before,
#sideMenu .catMenu3rd .catMenu4th > li > a:before,
.heading01 > .helper > .links > li.rss > a:before,
.heading02 > .hdg > a:after,
.heading02 > .helper > .links > li > a:before,
.heading02 > .helper > .links > li.rss > a:before,
.heading03 > .hdg > a:after,
.heading05:before,
a.type-blank i,
a.type-pdf i,
.txtLink01 a:before,
.closeLink01 a:after,
.closeLink02 a > span:before,
.btnLink01 a > span:before,
.btnLink01 a.type-ic1 > span:before,
.btnLink01 a.type-ic2 > span:before,
.btnLink02 a > span:before,
.btnLink02 a.type-blank i,
.btnLink03 a.type-reset > span:before,
.ancLink01 > li > a:before,
.ancLink02 > li > a > span:before,
.ancLink03 > li > a:before,
.ancLink04 > li > a:before,
.idxLayout02 > a.linkBlock > .heading:after,
.idxLayout03 > .linkBlock > .heading > a:after,
.idxLayout03 > .linkBlock > .panel .hdg > a:after,
.newsList01 > li > a.linkBlock:before,
.faqList01 > .question:after,
.toggleWrap01 > .tglBtn:after,
.contactNavi03 .contactBlock > dt:before,
.contactNavi03 .contactBlock > .hdg:before,
.relLink01 > li > a:before,
.prodItemBox > .prodHdg > .hdg > a:before,
.prodUtilBox .links.btnLink02 > li > a:before {
	content: "";
	display: inline-block;
	background-image: url(/common/img/cmn_sprite_ic01-r2x.png) !important;
	background-repeat: no-repeat;
	background-size: 200px 400px;
}
.faqList01 > .question > .icn,
.faqList01 > .answer > .icn,
.telNumber.type-ic1 i,
.telNumber.type-ic2 i,
.telNumber.type-ic3 i {
	display: inline-block;
	background-image: url(/common/img/cmn_sprite_ic01-r2x.png) !important;
	background-repeat: no-repeat;
	background-size: 200px 400px;
}
.heading05:before,
.contactNavi03 .contactBlock > dt:before,
.contactNavi03 .contactBlock > .hdg:before { width: 3px; height: 9px; background-position: 0px 0px; }
.contactNavi03 .contactBlock > dt:nth-of-type(2):before { background-image: none !important; }
#sideMenu .catMenu3rd > li > a:before,
#sideMenu .catMenu3rd .catMenu4th > li > a:before,
.heading02 > .hdg > a:after,
.heading02 > .helper > .links > li > a:before,
.heading03 > .hdg > a:after,
.txtLink01 a:before,
.txtLink01 a.type-hdg:before,
.btnLink01 a > span:before,
.newsList01 > li > a.linkBlock:before,
.relLink01 > li > a:before,
.prodItemBox > .prodHdg > .hdg > a:before { width: 8px; height: 13px; background-position: 0px -40px; }
.btnLink01 a:hover > span:before,
.btnLink02 a > span:before,
.prodUtilBox .links.btnLink02 > li > a:before { width: 8px; height: 13px; background-position: 0px -60px; }
#navigation .commonMenu > li > .pulldownMenu .menuList > li > a:before { width: 7px; height: 11px; background-position: -10px -60px; }
.idxLayout02.bg-dark > .linkBlock > .heading:after { width: 4px; height: 7px; background-position: -20px -60px; }
.idxLayout02 > a.linkBlock > .heading:after,
.idxLayout03 > .linkBlock > .heading > a:after,
.idxLayout03 > .linkBlock > .panel .hdg > a:after { width: 4px; height: 7px; background-position: -50px -60px; }
#sideMenu .catMenu3rd > li.is-open > a:before,
#sideMenu .catMenu3rd .catMenu4th > li.is-open > a:before,
.ancLink01 > li > a:before,
.ancLink02 > li > a > span:before,
.ancLink03 > li > a:before,
.ancLink04 > li > a:before { width: 13px; height: 8px; background-position: 0px -160px; }
a.type-blank i { width: 8px; height: 7px; background-position: 0px -200px; }
.btnLink02 a.type-blank i { width: 8px; height: 7px; background-position: 0px -220px; }
a.type-pdf i { width: 11px; height: 13px; background-position: 0px -240px; }
#siteIdentity .siteMenu > li.searchBtn > a:before { width: 18px; height: 17px; background-position: 0px -280px; }
#siteIdentity .siteMenu > li.contactBtn > a:before { width: 19px; height: 14px; background-position: -45px -280px; }
#utility .contactBtn > a > span:before { width: 22px; height: 16px; background-position: -65px -280px !important; }
#siteIdentity .siteMenu > li.searchBtn.is-active > a:before { width: 14px; height: 15px; background-position: -105px -280px; }
.heading01 > .helper > .links > li.rss > a:before,
.heading02 > .helper > .links > li.rss > a:before { width: 17px; height: 17px; background-position: -160px -280px; }
.btnLink03 a.type-reset > span:before { width: 13px; height: 13px; background-position: -145px -280px; }
.closeLink01 a:after,
.closeLink02 a > span:before { width: 10px; height: 10px; background-position: -135px -280px; }
.closeLink01 a:hover:after,
.closeLink02 a:hover > span:before { width: 10px; height: 10px; background-position: -135px -290px; }
.faqList01 > .question > .icn { width: 30px; height: 30px; background-position: 0px -310px; }
.faqList01 > .answer > .icn { width: 30px; height: 30px; background-position: -30px -310px; }
.faqList01 > .question:after,
.toggleWrap01 > .tglBtn:after { width: 17px; height: 17px; background-position: -75px -310px; }
.faqList01 > .question.is-active:after,
.toggleWrap01 > .tglBtn.is-active:after { width: 17px; height: 17px; background-position: -75px -330px; }
.btnLink01 a.type-ic2 > span:before { width: 15px; height: 14px; background-position: 0px -350px; }
.btnLink01 a.type-ic1 > span:before { width: 16px; height: 18px; background-position: -20px -350px; }
.telNumber.type-ic1 i,
.telNumber.type-ic2 i,
.telNumber.type-ic3 i { width: 29px; height: 29px; background-position: -40px -350px; }
.btnLink01 a.type-ic2:hover > span:before { width: 15px; height: 14px; background-position: 0px -370px; }
.btnLink01 a.type-ic1:hover > span:before { width: 16px; height: 18px; background-position: -20px -370px; }


/* Body
------------------------------------------------------ */
html.open-menu {
	overflow-y: hidden;
}
html.open-menu.menu-adjust {
	overflow-y: auto;
}
#pageContainer {
	overflow: hidden;
}


/* Header
------------------------------------------------------ */
#globalHeader {
	height: 51px;
	margin-bottom: unset;
}

/* siteIdentity */
#siteIdentity {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	float: none;
	width: 100%;
	min-width: 320px;
	padding: 0 0 0 0;
	border-bottom: 1px solid #dddddd;
	background-color: #fff;
}
#siteIdentity .siteLogo {
	float: left;
	height: 51px;
	width: 54%;
	padding: 0 0 0 0;
}
#siteIdentity .siteLogo img {
 width: auto;
 max-height: 51px;
 max-width: 160px;
 margin: 0 0 0 5px;
}
#siteIdentity .siteMenu {
	float: right;
	display: block;
}
#siteIdentity .siteMenu > li {
	float: right;
	border-left: 1px solid #dde5e9;
}
#siteIdentity .siteMenu > li > a {
	position: relative;
	display: table;
	width: 55px;
	height: 51px;
	padding: 24px 3px 3px;
	background-color: #f1f5f7;
	color: #666666;
	text-decoration: none !important;
}
#siteIdentity .siteMenu > li.menuBtn > a {
	background-color: #8494a0;
	color: #fff;
}
#siteIdentity .siteMenu > li.contactBtn > a {
	padding-right: 10px;
	padding-left: 10px;
}
#siteIdentity .siteMenu > li.searchBtn > a {
	padding-right: 8px;
	padding-left: 8px;
}
#siteIdentity .siteMenu > li.menuBtn > a i {
	position: absolute;
	left: 50%;
	display: inline-block;
	width: 14px;
	height: 2px;
	background-color: #fff;
	margin: 0 0 0 -7px;
}
#siteIdentity .siteMenu > li.menuBtn > a i:nth-child(1) { top:  9px; }
#siteIdentity .siteMenu > li.menuBtn > a i:nth-child(2) { top: 14px; }
#siteIdentity .siteMenu > li.menuBtn > a i:nth-child(3) { top: 19px; }
#siteIdentity .siteMenu > li.menuBtn.is-active > a i:nth-child(1) {
	top: 8px;
	width: 18px;
	margin: 0 0 0 -9px;
	-webkit-transform: translateY(6px) rotate(-45deg);
	        transform: translateY(6px) rotate(-45deg);
}
#siteIdentity .siteMenu > li.menuBtn.is-active > a i:nth-child(2) {
	opacity: 0;
}
#siteIdentity .siteMenu > li.menuBtn.is-active > a i:nth-child(3) {
	top: 20px;
	width: 18px;
	margin: 0 0 0 -9px;
	-webkit-transform: translateY(-6px) rotate(45deg);
	        transform: translateY(-6px) rotate(45deg);
}
#siteIdentity .siteMenu > li.contactBtn > a:before {
	position: absolute;
	left: 50%;
	top: 8px;
	margin: 0 0 0 -10px;
}
#siteIdentity .siteMenu > li.searchBtn > a:before {
	position: absolute;
	left: 50%;
	top: 6px;
	margin: 0 0 0 -9px;
}
#siteIdentity .siteMenu > li.searchBtn.is-active > a {
	background-color: #8494a0;
	color: #fff;
}
#siteIdentity .siteMenu > li.searchBtn.is-active > a:before {
	top: 8px;
	margin: 0 0 0 -7px;
}
#siteIdentity .siteMenu > li > a > span {
	display: table-cell;
	width: 100%;
	height: 21px;
	font-size: 0.7em;
	line-height: 1.25;
	text-align: center;
	vertical-align: middle;
}
#siteIdentity .spCompanyNameWrapper {
	clear: both;
	display: flex;
    align-items: center;
    justify-content: center;
    height: 27px;
	text-align: center;
}
#siteIdentity .spCompanyNameIdentity {
/*
	position: absolute;
	top: 51px;
	left: 50%;
	transform: translateX(-50%);
	width: 85%;
*/
	font-size: min(2.5vw,12px);
}
/* groupIdentity */
#groupIdentity {
	display: table;
	width: 100%;
	height: 27px;
	margin: 64px 0 0 0;
	padding: 8px 8px 0;
	border-bottom: 1px solid #dddddd;
	position: static;
}
#groupIdentity .groupLogo {
	width: 100%;
	left: 0;
	right: 0;
	margin: auto;
	padding: 1.22em 0 0.62em;
}
#groupIdentity .groupLogo img {
	width: 60%;
	min-width: 13em;
	max-height: 35px;
}


/* Navigation
------------------------------------------------------ */
#globalNavi {
	position: fixed !important;
	left: 0 !important;
	right: auto !important;
	top: 51px !important;
	bottom: auto !important;
	z-index: 999;
	display: none;
	width: 100%;
	height: auto;
	padding: 0 15px;
	background-color: #8494a0;
	overflow-y: scroll;
}
html.open-menu.menu-adjust #globalNavi {
	position: relative !important;
	top: 0 !important;
	height: auto !important;
	z-index: 998;
}

/*----- navigation -----*/
#navigation {
	position: static;
	left: 0;
	width: auto;
	margin: 0 -15px;
}
#navigation .commonMenu > li {
	float: none;
	width: 100%;
	border-bottom: 1px solid #6a7680;
}
#navigation .commonMenu > li + li {
	border-left: none;
}
#navigation .commonMenu > li > a {
	padding: 0 45px 0 15px;
	font-size: 1.6rem;
	line-height: 1.25;
}
#navigation .commonMenu > li > a.sp-toggle {
	padding-right: 40px;
}
#navigation .commonMenu > li > a.sp-toggle:before {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: inline-block;
	width: 15px;
	height: 1px;
	margin: 0;
	background-color: #fff;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}
#navigation .commonMenu > li > a.sp-toggle:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: inline-block;
	width: 15px;
	height: 1px;
	margin: 0;
	background-color: #fff;
}
#navigation .commonMenu > li > a.sp-toggle.is-open:before {
	-webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
}
#navigation .commonMenu > li > a > span {
	height: 59px;
	text-align: left;
}
#navigation .commonMenu > li > .megaMenu {
	display: none !important;
}
#navigation .commonMenu > li > .pulldownMenu {
	display: none;
}
#navigation .commonMenu > li > .pulldownMenu .menuList > li > a {
	position: relative;
	display: table;
	width: 100%;
	padding: 12px 30px 10px;
	background-color: #8494a0;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.25;
	text-decoration: none !important;
}
#navigation .commonMenu > li > .pulldownMenu .menuList > li > a:before {
	position: absolute;
	right: 10px;
	top: 50%;
	margin: -6px 0 0 0;
}
#navigation .commonMenu > li > .pulldownMenu .menuList > li > a:hover {
	background-color: #617686;
}
#navigation .commonMenu > li > .pulldownMenu .menuList > li.cmpMenuText {
	color: #fff;
	padding: 12px 30px 10px;
}
/* Global Link */
#globalLink #globalLinkCloseBtn {
	top: 5%;
	right: 7.5%;
}
#globalLink #globalLinkCloseBtn p {
	font-size: 1.2rem;
}
#globalLink #globalLinkInner {
	width: 85%;
	top: 20%;
}
#globalLink #globalLinkInner #globalLinkTitle {
	text-align: center;
	margin-bottom: 30px;
	padding-left: 0px;
}
#globalLink #globalLinkInner #globalLinkTitle h2 {
	display: block;
	width: 100%;
	font-size: 1.3rem;
}
#globalLink #globalLinkInner #globalLinkList {
	width: 100%;
}
#globalLink #globalLinkInner #globalLinkList ul {
	text-align: center;
}
#globalLink #globalLinkInner #globalLinkList .globalLink {
	width: 85%;
	font-size: 1.2rem;
	display: inline-block;
}

/*----- utility -----*/
#utility {
	position: static;
	width: auto;
	padding: 0 0 25px 0;
}
#utility .contactBtn {
	clear: both;
	float: none;
	margin: 0;
	padding: 25px 0 0 0;
}
#utility .contactBtn > a {
	padding: 15px 15px 13px;
	font-size: 1.4rem;
}
#utility .contactBtn > a > span:before {
	margin: 0 10px 0 0;
}
#utility .siteSearch {
	float: none;
	width: 100%;
	margin: 0;
	padding: 25px 0 0 0;
}
#utility .langMenu {
	clear: both;
	float: none;
	margin: 0;
	padding: 25px 0 0 0;
}
#utility .langMenu > li {
	width: 50%;
}
#utility .langMenu > li:nth-child(2n+1) {
	border-right-color: #bec5ca;
	text-align: right;
}
#utility .langMenu > li:nth-child(2n+2) {
	text-align: left;
}
#utility .langMenu > li > a {
	display: inline-block;
	padding: 7px 30px 5px;
	color: #fff;
	font-size: 1.4rem;
}
#utility .globalMenu {
	clear: both;
	float: none;
	margin: 0;
	padding: 25px 0 0 0;
}
#utility .globalMenu #globalLinkOpenBtn a {
	width: auto;
}
#utility .globalMenu #globalLinkOpenBtn img {
	height: 40px;
	width: 130px;
}
#utility .utilMenu {
	display: none !important;
}


/* Contents
------------------------------------------------------ */
#globalContents {
	padding: 0;
	border-top: 1px solid #cccccc;
}
html.open-menu #globalContents {
	opacity: 0;
}
#contents {
	padding: 60px 15px 20px;
}

/*----- topicWrap -----*/
.topicWrap {
	display: none;
}

/*----- visualWrap -----*/
.visualWrap {
	margin: 0 -15px;
}

/*----- titleWrap -----*/
.titleWrap {
	max-width: none;
	margin: 15px -15px 0;
}
.fullWide .titleWrap {
	margin-right: 0;
	margin-left: 0;
}

/*----- contentsWrap -----*/
.contentsWrap {
	max-width: none;
	margin: 15px auto 0;
}
.titleWrap + .contentsWrap {
	margin-top: 25px;
}

/*** main ***/
#main {
	float: none;
	width: auto;
}

/*** sidebar ***/
#sidebar {
	float: none;
	width: auto;
	margin: 35px -15px 0;
}
/* sideMenu */
#sideMenu .catHead2nd {
	display: block;
}
#sideMenu .catHead2nd a {
	display: block;
	height: auto;
	padding: 16px 18px 14px;
	font-size: 1.4rem;
}
#sideMenu .catMenu3rd > li > a {
	padding: 14px 30px 11px 15px;
	font-size: 1.4rem;
}
#sideMenu .catMenu3rd > li > a:before {
	position: absolute;
	left: auto;
	right: 10px;
	top: 50%;
	margin: -7px 0 0 0;
}
#sideMenu .catMenu3rd > li.is-open > a:before {
	left: auto;
	right: 8px;
	top: 50%;
	margin: -4px 0 0 0;
}
#sideMenu .catMenu3rd > li.openable > a:before {
	width: 0px;
	height: 0px;
}
#sideMenu .catMenu3rd .catMenu4th {
}
#sideMenu .catMenu3rd .catMenu4th > li > a {
	padding: 12px 14px 10px 32px;
	font-size: 1.3rem;
}
#sideMenu .catMenu3rd .catMenu4th > li > a:before {
	position: absolute;
	left: 18px;
	top: 50%;
	margin: -7px 0 0 0;
}
#sideMenu .catMenu3rd .catMenu4th > li.is-open > a:before {
	left: 13px;
	top: 50%;
	margin: -4px 0 0 0;
}
#sideMenu .catMenu3rd .catMenu4th .catMenu5th {
	padding: 12px 14px 12px 18px;
}
#sideMenu .catMenu3rd .catMenu4th .catMenu5th > li + li {
	margin-top: 10px;
}
#sideMenu .catMenu3rd .catMenu4th .catMenu5th > li > a {
	padding: 0 0 0 15px;
	font-size: 1.2rem;
}
#sideMenu .catMenu3rd .catMenu4th .catMenu5th > li > a:before {
	width: 3px;
	height: 3px;
}

/* sideWrap */
.sideWrap01 {
	margin: 20px 15px 0;
}
.sideSearch {
	padding: 15px;
}
.sideSearch .searchBlock > dt {
	font-size: 1.3rem;
}


/* Footer
------------------------------------------------------ */
html.open-menu #globalFooter {
	opacity: 0;
}

/*----- footerWrap -----*/
.footerWrap02 {
	padding: 15px 0;
}
.footerWrap03 {
	padding: 15px 0;
}
.footerWrap04 {
	padding: 10px 0 18px 0;
}
/* pageTopBtn */
#pageTopBtn {
	position: fixed;
	right: 0;
	bottom: 0;
}
#pageTopBtn.is-ride {
	position: absolute;
	top: -44px;
	bottom: auto;
}
#pageTopBtn a {
	width: 44px;
	height: 44px;
}
/* ftrNavi */
#ftrNavi {
	max-width: none;
}
#ftrNavi > .navBlock {
	width: 100% !important;
	margin: 0 !important;
}
#ftrNavi > .navBlock > .mainMenu > li {
	float: left;
	width: 47.5%;
	margin: 0 0 0 5%;
}
#ftrNavi > .navBlock > .mainMenu > li + li {
	margin-top: 0;
}
#ftrNavi > .navBlock > .mainMenu > li:nth-child(n+3) {
	margin-top: 1em;
}
#ftrNavi > .navBlock > .mainMenu > li:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}
#ftrNavi > .navBlock > .mainMenu > li > a {
	padding: 0 0 0 13px;
}
#ftrNavi > .navBlock > .mainMenu > li > a[target="_blank"]:after {
	margin: 0 0 0 5px;
}
#ftrNavi > .navBlock > .mainMenu .subMenu {
	display: none;
}
/* ftrInfo */
#ftrInfo {
	max-width: none;
}
#ftrInfo > .utilMenu {
	float: none;
}
#ftrInfo > .utilMenu > li {
	width: 47.5%;
	margin: 0 0 0 5%;
}
#ftrInfo > .utilMenu > li:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}
#ftrInfo > .utilMenu > li:nth-child(n+3) {
	margin-top: 0.5em;
}
#ftrInfo > .utilMenu > li > a {
	color: #fff;
	font-size: 1.2rem;
}
#ftrInfo > #copyright {
	float: none;
	margin: 15px -5px 0;
	font-size: 0.95rem;
	text-align: center;
}
/* ftrIcon */
#ftrIcon {
	max-width: none;
	margin: 20px 0;
}
#ftrIcon > .snsMenu {
	float: none;
	text-align: center;
}
#ftrIcon > .snsMenu > li {
	margin: 0 5%;
}


/********************************************************

  MODULE

********************************************************/

/* Element
------------------------------------------------------ */
/*----- Common -----*/
/* icon */
a.type-blank i {
	margin: 0 0 0 5px;
}
a.type-pdf i {
	margin: 0 4px;
}

/* tel/fax */
.telNumber.type-ic1,
.telNumber.type-ic3 {
	font-size: 2.4rem;
}
.telNumber i,
.faxNumber i {
	margin-right: 3px;
}
.telNumber.type-ic1 i,
.telNumber.type-ic3 i {
	margin-right: 10px;
}
.telNumber.type-ic1 i + * {
	display: inline-block;
	padding: 3px 0 0 0;
}

/* size */
.size-col2, .size-L   { width: 100%; }
.size-col3, .size-M   { width: 100%; }
.size-col4, .size-S   { width: 47.425%; }
.size-col5, .size-XS  { width: 47.425%; }
.size-col6, .size-X2S { width: 47.425%; }

/* search */
.siteSearch > .mf_search_form .mf_search_input {
	height: 44px;
	padding: 5px 8px;
	font-size: 1.6rem;
}
.siteSearch > .mf_search_form .mf_search_submit {
	width: 44px;
	height: 44px;
	background-image: url(/common/img/cmn_search_ic01-r2x.png);
	background-size: 24px 23px;
}
.prodUtilIndex .siteSearch > .mf_search_form {
	width: 100%;
}
.prodUtilIndex .siteSearch > .mf_search_form .mf_search_input {
	height: 37px;
	padding: 10px 45px 8px 8px;
	font-size: 1.4rem;
}
.siteSearch[data-search*="product-"] > .mf_search_form .mf_search_input::-webkit-input-placeholder { font-size: 1.2rem; }
.siteSearch[data-search*="product-"] > .mf_search_form .mf_search_input:-ms-input-placeholder { font-size: 1.2rem; }
.siteSearch[data-search*="product-"] > .mf_search_form .mf_search_input::-moz-placeholder { font-size: 1.2rem; }
.prodUtilIndex .siteSearch> .mf_search_form .mf_search_submit {
	width: 38px;
	height: 37px;
	background-image: url(/common/img/cmn_search_ic01-r2x.png);
	background-size: 21px 21px;
}
.prodUtilBox .siteSearch > .mf_search_form .mf_search_input {
	height: 37px;
	padding: 10px 45px 8px 8px;
	font-size: 1.4rem;
}
.prodUtilBox .siteSearch > .mf_search_form .mf_search_submit {
	width: 38px;
	height: 37px;
	background-image: url(/common/img/cmn_search_ic01-r2x.png);
	background-size: 21px 21px;
}
#notfound #main .siteSearch > .mf_search_form .mf_search_input {
	height: 37px;
	padding: 10px 45px 8px 8px;
	font-size: 1.4rem;
}
#notfound #main .siteSearch > .mf_search_form .mf_search_submit {
	width: 38px;
	height: 37px;
	background-image: url(/common/img/cmn_search_ic01-r2x.png);
	background-size: 21px 21px;
}


/* Component
------------------------------------------------------ */
/*----- Article -----*/
.artTime {
	text-align: right;
}
.artCompany {
	text-align: right;
}
.wysiwygEditor {
	margin: 20px 0 0 0;
}
.wysiwygEditor.type-hr1 {
	margin-top: 25px;
	padding-top: 15px;
}
.contactWrap01 .contactNavi03 .wysiwygEditor {
	margin-top: 20px;
}
.wysiwygEditor a {
	color: #1f85c7;
}
.wysiwygEditor a:visited {
	color: #4c2472;
}
.wysiwygEditor .btnLink02 a {
	color: #ffffff;
}
.wysiwygEditor .btnLink02 a:visited {
	color: #ffffff;
}


/*----- Section -----*/
.sectioning01 { margin: 50px 0 0 0 !important; }
.sectioning02 { margin: 30px 0 0 0 !important; }
.sectioning03 { margin: 25px 0 0 0 !important; }
.sectioning04 { margin: 25px 0 0 0 !important; }
.sectioning05 { margin: 20px 0 0 0 !important; }

/*----- Header Menu Area margin(Japan) -----*/
#domestic_mrc004 {
padding-top: 65px;
}
#domestic_mcc029 {
padding-top: 65px;
}
#domestic_mcc005 {
padding-top: 65px;
}
#domestic_mpi008 {
padding-top: 65px;
}
#domestic_mcc040 {
padding-top: 65px;
}
#domestic_mrc016 {
padding-top: 65px;
}
#domestic_mcc023 {
padding-top: 65px;
}
#domestic_mcc024 {
padding-top: 65px;
}
#domestic_mpi016 {
padding-top: 65px;
}

/*----- Header Menu Area margin(World) -----*/
#overseas_mrc015 {
padding-top: 65px;
}
#overseas_mrc020 {
padding-top: 65px;
}
#overseas_mrc002 {
padding-top: 65px;
}
#overseas_mcc038 {
padding-top: 65px;
}
#overseas_mrc014 {
padding-top: 65px;
}
#overseas_mcc049 {
padding-top: 65px;
}
#overseas_mrc011 {
padding-top: 65px;
}
#overseas_mcc019 {
padding-top: 65px;
}
#overseas_mcc054 {
padding-top: 65px;
}


/*----- Heading -----*/
#contents .heading01 + * {
	margin-top: 25px;
}
#contents .heading02 + * {
	margin-top: 15px;
}
#contents .heading03 + * {
	margin-top: 12px;
}
#contents .heading04 + *,
#contents .heading07 + * {
	margin-top: 10px;
}
#contents .heading05 + *,
#contents .heading06 + * {
	margin-top: 8px;
}
/* heading */
.heading01 {
	margin: 50px 0 0 0;
	padding: 0 15px 10px;
}
.mainWrap01 .heading01 {
	margin-right: -15px;
	margin-left: -15px;
}
.heading01 > .hdg {
	font-size: 2.0rem;
	display: flex;
	flex-direction: column;
}
.heading01 > .hdg > .hdg-note {
	margin: 5px 0 0 0;
}
.heading01 > .helper > .links {
	padding: 0;
}
.heading01 > .helper > .links > li + li {
	margin-left: 7px;
}
.heading01 > .helper > .links > li > a {
	padding: 0 0 0 14px;
}
.heading01 > .helper > .links > li.rss > a {
	top: 3px;
	width: 17px;
	height: 17px;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
}
.heading02 {
	margin: 30px 0 0 0;
	padding: 0 0 7px 0;
}
.heading02 > .hdg {
	font-size: 1.8rem;
}
.heading02 > .hdg > .sub {
	font-size: 1.0rem;
}
.heading02 > .hdg > a {
	padding: 0 15px 0 0;
}
.heading02 > .hdg > a:after {
	margin: -7px 0 0 0;
}
.heading02 > .helper {
	margin: 3px 0 0 0;
}
.heading02 > .helper > .links > li > a {
	padding: 0 0 0 15px;
}
.heading02 > .helper > .links > li.rss > a {
	top: 1px;
	width: 17px;
	height: 17px;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
}
.heading02.type-tgl > .tglBtn {
	padding: 0 0 0 15px;
}
.heading02.type-tgl > .tglBtn > span {
	min-width: 8.5em;
	padding: 4px 0 2px 25px;
	font-size: 1.1rem;
}
.heading02.type-tgl > .tglBtn > span:before {
	width: 16px;
	height: 1px;
}
.heading02.type-tgl > .tglBtn > span:after {
	left: 7px;
	width: 1px;
	height: 16px;
	margin: -8px 0 0 0;
}
.heading03 {
	margin: 25px 0 0 0;
}
.heading03 > .hdg {
	float: none;
	padding: 0 0 0 11px;
	border-left-width: 3px;
	font-size: 1.5rem;
}
.figWrap .heading03 > .hdg {
	font-size: 1.4rem;
}
.heading03 > .hdg > a {
	padding: 0 15px 0 0;
}
.heading03 > .hdg > a:after {
	margin: -7px 0 0 0;
}
.heading03 > .hdg sup {
	top: -0.3em;
	font-size: 1.2rem;
}
.heading03 > .helper {
	margin: 7px 0 0 0;
}
.heading04 {
	margin: 20px 0 0 0;
	padding: 6px 9px 4px;
	font-size: 1.3rem;
}
.heading05 {
	position: relative;
	margin: 20px 0 0 0;
	padding: 0 0 0 13px;
	font-size: 1.2rem;
}
.heading06 {
	padding: 0 0 0 12px;
}
.heading06:before {
	width: 5px;
	height: 4px;
}
.heading07 {
	font-size: 1.4rem;
}
.heading09 {
	padding: 0 0 0 5px;
	font-size: 1.2rem;
}

/*----- Indent -----*/
[class*="mainWrap"] > [class*="innerWrap"] {
	padding: 0 15px;
}

/*----- Text -----*/
/* font-size */
.fontXS { font-size: 0.8rem !important; }
.fontSS { font-size: 0.9rem !important; }
.fontS  { font-size: 1.0rem !important; }
.fontMS { font-size: 1.1rem !important; }
.fontM  { font-size: 1.2rem !important; }
.fontML { font-size: 1.3rem !important; }
.fontL  { font-size: 1.4rem !important; }
.fontLL { font-size: 1.5rem !important; }
.fontXL { font-size: 1.6rem !important; }
/* leadTxt */
.leadTxt01 {
	font-size: 1.25rem;
}
.leadTxt02 {
	font-size: 1.25rem;
}
/* captionTxt */
.captionTxt01 {
	font-size: 1.1rem;
	text-align: center;
}
.captionTxt02 {
	font-size: 1.1rem;
	text-align: center;
}

/*----- List -----*/
/* listRow */
.listRow.space1 { margin-right: -15px !important; }
.listRow[class*="count"] > li {
	margin: 0 0 0 5.15%;
}
.listRow.alC > li,
.listRow.alR > li {
	display: block;
}
.listRow.count2  > li { width: 100%; float: none; margin-left: 0; }
.listRow.count3  > li { width: 100%; float: none; margin-left: 0; }
.listRow.count4  > li { width: 47.425%; margin-left: 5.15% !important; }
.listRow.count5  > li { width: 47.425%; margin-left: 5.15% !important; }
.listRow.count6  > li { width: 47.425%; margin-left: 5.15% !important; }

.listRow.alC > li + li { margin-top: 15px; margin-left: 0; }
.listRow.alR > li + li { margin-top: 15px; margin-right: 0; }

.listRow.count2 > li:nth-child(n+3),
.listRow.count3 > li:nth-child(n+4),
.listRow.count4 > li:nth-child(n+5),
.listRow.count5 > li:nth-child(n+6),
.listRow.count6 > li:nth-child(n+7) {
	margin-top: auto;
}
[class*="btnLink"].listRow.count2 > li:nth-child(n+3),
[class*="btnLink"].listRow.count3 > li:nth-child(n+4),
[class*="btnLink"].listRow.count4 > li:nth-child(n+5),
[class*="btnLink"].listRow.count5 > li:nth-child(n+6),
[class*="btnLink"].listRow.count6 > li:nth-child(n+7),
[class*="bnrLink"].listRow.count2 > li:nth-child(n+3),
[class*="bnrLink"].listRow.count3 > li:nth-child(n+4),
[class*="bnrLink"].listRow.count4 > li:nth-child(n+5),
[class*="bnrLink"].listRow.count5 > li:nth-child(n+6),
[class*="bnrLink"].listRow.count6 > li:nth-child(n+7) {
	margin-top: auto;
}
.listRow.count2 > li:nth-child(n+2),
.listRow.count3 > li:nth-child(n+2),
.listRow.count4 > li:nth-child(n+3),
.listRow.count5 > li:nth-child(n+3),
.listRow.count6 > li:nth-child(n+3) {
	margin-top: 0.5em;
}
[class*="btnLink"].listRow.count2 > li:nth-child(n+2),
[class*="btnLink"].listRow.count3 > li:nth-child(n+2),
[class*="btnLink"].listRow.count4 > li:nth-child(n+3),
[class*="btnLink"].listRow.count5 > li:nth-child(n+3),
[class*="btnLink"].listRow.count6 > li:nth-child(n+3),
[class*="bnrLink"].listRow.count2 > li:nth-child(n+2),
[class*="bnrLink"].listRow.count3 > li:nth-child(n+2),
[class*="bnrLink"].listRow.count4 > li:nth-child(n+3),
[class*="bnrLink"].listRow.count5 > li:nth-child(n+3),
[class*="bnrLink"].listRow.count6 > li:nth-child(n+3) {
	margin-top: 15px;
}
.listRow.count2 > li:nth-child(2n+1),
.listRow.count3 > li:nth-child(3n+1),
.listRow.count4 > li:nth-child(4n+1),
.listRow.count5 > li:nth-child(5n+1),
.listRow.count6 > li:nth-child(6n+1) {
	clear: none;
	margin-left: auto;
}
.listRow.count4 > li:nth-child(2n+1),
.listRow.count5 > li:nth-child(2n+1),
.listRow.count6 > li:nth-child(2n+1) {
	clear: left !important;
	margin-left: 0 !important;
}
/* descRow */
.descRow.flex-col > dt {
	clear: none;
	float: none;
}
.descRow.flex-col > dd {
	margin-top: 0 !important;
}
/* noteList */
.noteList01 > li,
.noteList02 > li {
	font-size: 1.1rem;
}
/* markerList */
.markerList01 > li {
	padding: 0 0 0 12px;
}
.markerList01 > li:before {
	width: 5px;
	height: 4px;
}
.markerList02 > li {
	padding: 0 0 0 10px;
}
.markerList02 > li:before {
	width: 3px;
	height: 3px;
}
.markerList03 > li {
	padding: 0 0 0 11px;
}
.markerList03 > li:before {
	width: 5px;
}
.markerList04 > li {
	padding: 0 0 0 12px;
}
.markerList04 > li:before {
	width: 5px;
	height: 4px;
}

/*----- Link -----*/
/* linkInside */
.linkInside.type-blank i { margin: 0 5px; }
.linkInside.type-pdf i { margin: 0 4px; }
/* txtLink */
.txtLink01 a {
	padding: 0 0 0 15px;
}
.txtLink01 a.type-hdg {
	font-size: 1.8rem;
}
/* closeLink */
.closeLink01 a {
	padding: 3px 0 2px 30px;
}
.closeLink01 a:before {
	width: 22px;
	height: 22px;
}
.closeLink01 a:after {
	left: 6px;
	margin: -5px 0 0 0;
}
.closeLink02 a {
	padding: 13px 35px 10px;
}
.closeLink02 a > span {
	padding: 0 0 0 20px;
}
.closeLink02 a > span:before {
	margin: -5px 0 0 0;
}

/*----- Button -----*/
[class*="btnLink"] a {
	display: block;
	width: 100%;
}
[class*="btnLink"] a.size-auto { display: inline-block; width: auto; padding-right: 25px; padding-left: 25px; }
/* icon */
[class*="btnLink"] a.type-blank i { margin: 0 0 0 5px; }
[class*="btnLink"] a.type-pdf i { margin: 0 4px; }
/* btnLink */
.btnLink01 a {
	padding: 13px 15px 10px;
}
.btnLink01 a > span {
	padding: 0 0 0 16px;
}
.btnLink01 a > span:before {
	margin: -8px 0 0 0;
}
.btnLink01 a.type-ic1 > span:before { margin-top: -10px; }
.btnLink01 a.type-ic2 > span:before { margin-top: -8px; }
.btnLink02 a {
	padding: 13px 15px 10px;
}
.btnLink02 a > span {
	padding: 0 0 0 16px;
}
.btnLink02 a > span:before {
	margin: -8px 0 0 0;
}
.btnLink03 a {
	padding: 13px 15px 10px;
}
.btnLink03 a > span {
	padding: 0 0 0 16px;
}
.btnLink03 a > span:before {
	margin: -8px 0 0 0;
}

/* bnrLink */
.bnrLink01 a > .caption {
	height: 66px;
	font-size: 1.2rem;
}
.bnrLink01 a > .image {
	width: 66px;
}

/*----- Navi -----*/
/* anchorNavi */
.anchorNavi01 {
	margin: 20px 0;
	padding: 0;
	border-bottom: none;
}
.ancLink01 {
}
.ancLink01 > li {
	padding: 0 0 7px 0;
	border-bottom: 1px solid #dddddd;
}
.ancLink01.count4 > li { width: 50%; }
.ancLink01.count4 > li:nth-child(4n+1) {
	clear: none;
}
.ancLink01.count4 > li:nth-child(2n+1) {
	clear: left;
}
.ancLink01.count4 > li:nth-child(n+5) {
	margin-top: auto;
}
.ancLink01.count4 > li:nth-child(n+3) {
	margin-top: 7px;
}
.ancLink01 > li > a {
	padding: 4px 7px 2px 22px;
	text-align: left;
	vertical-align: top;
}
.ancLink01.count4  > li:nth-child(2n) > a {
	padding-right: 0;
	padding-left: 39px;
}
.ancLink01.count4 > li:nth-child(2n+1) > a {
	border-left: none;
}
.ancLink01 > li > a:before {
	left: 0;
	top: 0.8em;
}
.ancLink01 > li > a > span {
	padding: 4px 0 2px;
	text-align: left;
	vertical-align: top;
}
.ancLink01.count4 > li:nth-child(2n) > a:before {
	left: 17px;
}
.anchorNavi02 {
	margin: 20px 0;
}
.ancLink02 {
	width: 100%;
}
.ancLink02 > li {
	width: 50%;
}
.ancLink02 > li > a {
	padding: 0 7px;
	font-size: 1.2rem;
}
.ancLink02 > li > a > span {
	position: relative;
	display: table-cell;
	width: 100%;
	height: 41px;
	padding: 3px 0 1px 16px;
	vertical-align: middle;
	text-align: center;
}
.ancLink02 > li > a > span:before {
	position: absolute;
	left: 0;
	top: 50%;
	margin: -4px 0 0 0;
}
.anchorNavi03 {
	margin: 20px 0;
}
.ancLink03 > li {
	display: table-cell;
	padding: 0 0 0 1px;
	vertical-align: bottom;
	word-break: break-all;
}
.ancLink03 > li > a {
	position: relative;
	height: 51px;
	padding: 0 0 15px 0;
	font-size: 1.1rem;
}
.ancLink03 > li > a:before {
	position: absolute;
	left: 50%;
	bottom: 5px;
	margin: 0 0 0 -6px;
}
.ancLink03 > li > a > span:before {
	display: none;
}
.ancLink04 {
	margin: 0 -12px -10px 0;
}
.ancLink04 > li {
	margin: 0 12px 10px 0;
}
.ancLink04 > li > a {
	padding: 0 0 0 18px;
}

/* contactAncBtn */
.contactAncBtn {
	top: 133px;
	bottom: 50px;
	margin: 0px;
}
.contactAncBtn > a {
	width: 44px;
	height: 40px;
	background-image: url(/common/img/cmn_contact_bt01-r2x.png);
}

/*----- Table -----*/
/* tblWrap */
.tblWrap01 {
	margin: 20px 0 0 0;
}
.tblWrap01.flex-scrolling {
	overflow-x: auto;
}
.tblWrap01:not(.flex-scrolling) .brNone {
	white-space: normal !important;
}
.tblWrap01.flex-scrolling::-webkit-scrollbar {
	width: 20px;
	border-radius: 20px;
	background: #f1f1f1;
}
.tblWrap01.flex-scrolling::-webkit-scrollbar:horizontal {
	height: 20px;
	border-radius: 20px;
	background: #f1f1f1;
}
.tblWrap01.flex-scrolling::-webkit-scrollbar-thumb {
	border-radius: 20px;
	background: #8494a1;
}
.tblWrap01.flex-scrolling::-webkit-scrollbar-thumb:horizontal {
	border-radius: 20px;
	background: #8494a1;
}
/* tblGuide */
.tblWrap01 .tblGuide {
	display: inline-block !important;
	padding: 2px 4px 1px;
	background-color: #1c4e7c;
	color: #fff;
}
/* tblLayout */
.tblLayout01 {
	margin: 20px 0 0 0;
	font-size: 1.2rem;
}
.tblWrap01 .tblGuide + .tblLayout01 {
	margin-top: 10px;
}
.tblWrap01.flex-scrolling .tblLayout01 {
	width: 738px !important;
}
.tblLayout01 caption {
	margin: 0 0 6px 0;
}
.tblLayout01 caption .tblHdg01 {
	font-size: 13px;
	font-size: 1.3rem;
}
.tblLayout01 th,
.tblLayout01 td {
	padding: 8px 6px;
}
.tblWrap01.flex-col .tblLayout01 colgroup col,
.tblWrap01.flex-col .tblLayout01 tbody,
.tblWrap01.flex-col .tblLayout01 tr,
.tblWrap01.flex-col .tblLayout01 th,
.tblWrap01.flex-col .tblLayout01 td {
	display: block;
	width: 100% !important;
}
.tblWrap01.flex-col .tblLayout01 th,
.tblWrap01.flex-col .tblLayout01 td {
	border-right: none;
}
.tblWrap01.flex-col .tblLayout01 th {
	border-bottom: none;
}
.tblWrap01.flex-col .tblLayout01 th + td,
.tblWrap01.flex-col .tblLayout01 td + td {
	border-top: none;
}

/*----- Figure -----*/
/* figWrap */
.figWrap {
	margin: 20px 0 0 0;
}
.figWrap .figHdg01 {
	font-size: 1.4rem;
}

/*----- Video -----*/
/* videoWrap */
.videoWrap01 {
	margin: 20px 0 0 0;
}

/* youtubeWrap01 */
.youtubeWrap01 {
	width: 100%;
	height: 0;
	margin: 20px 0 0 0;
	padding-top: 56.25%;
}
.youtubeWrap01 > *:first-child {
	margin-top: 0 !important;
}

/*----- Layout -----*/
.colLayout01.count1 > .col:nth-child(n+2),
.colLayout01.count2 > .col:nth-child(n+3),
.colLayout01.count2 > .col > .colLayout01.count2 > .col:nth-child(n+3),
.colLayout01.count3 > .col:nth-child(n+4),
.colLayout01.count4 > .col:nth-child(n+5),
.colLayout01.count5 > .col:nth-child(n+6),
.colLayout01.count6 > .col:nth-child(n+7) {
	margin-top: 0;
}
.colLayout01.count1 > .col:nth-child(n+2),
.colLayout01.count2 > .col:nth-child(n+2),
.colLayout01.count2 > .col > .colLayout01.count2 > .col:nth-child(n+3),
.colLayout01.count3 > .col:nth-child(n+2),
.colLayout01.count4 > .col:nth-child(n+3),
.colLayout01.count5 > .col:nth-child(n+3),
.colLayout01.count6 > .col:nth-child(n+3) {
	margin-top: 15px;
}
.colLayout01.count2 > .col > .colLayout01.count2 > .col:nth-child(2) {
	margin-top: 0;
}
.colLayout01.count2 > .col:nth-child(2n+1),
.colLayout01.count2 > .col > .colLayout01.count2 > .col:nth-child(2n+1),
.colLayout01.count3 > .col:nth-child(3n+1),
.colLayout01.count4 > .col:nth-child(4n+1),
.colLayout01.count5 > .col:nth-child(5n+1),
.colLayout01.count6 > .col:nth-child(6n+1) {
	clear: none;
	margin-left: auto;
}
.colLayout01.count2 > .col:nth-child(n+1),
.colLayout01.count2 > .col > .colLayout01.count2 > .col:nth-child(2n+1),
.colLayout01.count3 > .col:nth-child(n+1),
.colLayout01.count4 > .col:nth-child(2n+1),
.colLayout01.count5 > .col:nth-child(2n+1),
.colLayout01.count6 > .col:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}
.colLayout01.count2 > .col > .colLayout01.count2 > .col:nth-child(2n) {
	clear: none;
}
/* colLayout01 */
.colLayout01 {
	margin: 20px 0 0 0;
}
.colLayout01 > .col {
	margin: 0 0 0 5.15%;
}
.colLayout01.count1 > .col { width: 100%; float: none; }
.colLayout01.count2 > .col { width: 100%; float: none; }
.colLayout01.count2 > .col > .colLayout01.count2 > .col { width: 47.425%; float: left; margin-left: 5.15%; }
.colLayout01.count3 > .col { width: 100%; float: none; }
.colLayout01.count4 > .col { width: 47.425%; }
.colLayout01.count5 > .col { width: 47.425%; }
.colLayout01.count6 > .col { width: 47.425%; }

.colLayout01 > .colLeft {
	max-width: 47.425%;
	margin: 0 15px 0 0;
}
.colLayout01.type-office > .colLeft {
	max-width: 80px;
}
.colLayout01 > .colRight {
	max-width: 47.425%;
	margin: 0 0 0 15px;
}
.colLayout01 > [class*="col"].size-L,
.colLayout01 > [class*="col"].size-M,
.colLayout01 > [class*="col"].size-col2,
.colLayout01 > [class*="col"].size-col3 {
	float: none;
	max-width: 100%;
	margin: 0 auto;
}
.colLayout01 > [class*="col"].size-L + .colDetail,
.colLayout01 > [class*="col"].size-M + .colDetail,
.colLayout01 > [class*="col"].size-col2 + .colDetail,
.colLayout01 > [class*="col"].size-col3 + .colDetail {
	margin-top: 15px;
}
.colLayout01.count4.is-sneak > .colLeft,
.colLayout01.count4.is-sneak > .colRight,
.colLayout01.count5.is-sneak > .colLeft,
.colLayout01.count5.is-sneak > .colRight,
.colLayout01.count6.is-sneak > .colLeft,
.colLayout01.count6.is-sneak > .colRight {
	margin-bottom: 10px;
}
.colLayout01[class*="flex-row"] > [class*="col"] {
	margin-top: auto !important;
}
.colLayout01[class*="flex-row"] > [class*="col"] {
	clear: none !important;
	margin-left: auto !important;
}
.colLayout01.flex-row2 > [class*="col"] {
	float: left !important;
	width: 47.425% !important;
	margin: 0 0 0 5.15% !important;
}
.colLayout01.flex-row2 > [class*="col"]:nth-child(n+3) {
	margin-top: 15px !important;
}
.colLayout01.flex-row2 > [class*="col"]:nth-child(2n+1) {
	clear: left !important;
	margin-left: 0 !important;
}
.colLayout01.flex-col > [class*="col"] {
	clear: none !important;
	float: none !important;
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.colLayout01.flex-col > [class*="col"]:nth-child(n+2) {
	margin-top: 15px !important;
}
.colLayout01.flex-col.no-space > [class*="col"]:nth-child(n+2) {
	margin-top: 0 !important;
}
.colLayout01.flex-col > [class*="col"] > .size-fix {
	margin-right: auto;
	margin-left: auto;
}
.colLayout01.type-table.flex-col {
	display: block;
}
.colLayout01.type-table.flex-col > [class*="col"].wAuto {
	white-space: normal;
}
.colLayout01.type-table.flex-col > [class*="col"].wFlex {
	width: auto;
}
.colLayout01.type-table.is-fixed.flex-col > .colImg + .colTxt {
	width: auto;
}
.colLayout01.flex-reverse {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.colLayout01.flex-reverse > [class*="col"] {
	clear: none !important;
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}
.colLayout01.flex-reverse > [class*="col"] > * {
	display: block;
}
.colLayout01.flex-reverse > [class*="col"] > .colLayout01.flex-reverse {
	display: table;
}
.colLayout01.flex-reverse > [class*="col"] + [class*="col"] {
	display: table-caption;
	caption-side: top;
	overflow-x: auto;
}
.colLayout01.flex-reverse > [class*="col"]:nth-child(1) {
	margin-top: 15px !important;
}
.colLayout01.flex-reverse > [class*="col"] > .size-fix {
	margin-right: auto;
	margin-left: auto;
}
.colLayout01.reverse > [class*="col"][data-order-sp="1"] {
	margin-top: 0 !important;
}
.colLayout01.reverse > [class*="col"][data-order-sp="2"] {
	margin-top: 15px !important;
}

/*----- Box -----*/
.boxWrap01 {
	margin: 20px 0 0 0;
}
/* boxLayout */
.boxLayout01 {
	border-width: 4px 1px 1px;
}
.boxLayout01 .boxHdg01 {
	padding: 12px 14px 0;
	font-size: 1.4rem;
}
.boxLayout01 .boxCnt01 { padding: 12px 14px 14px; }

.boxLayout02 .boxHdg01 {
	padding: 12px 15px 8px;
	font-size: 1.4rem;
}
.boxLayout02 .boxCnt01 { padding: 12px 15px; }

.boxLayout03 .boxHdg01 {
	margin: 0 0 10px 0;
	padding: 12px 15px 0;
	font-size: 1.6rem;
}
.boxLayout03 .boxCnt01 { padding: 15px; }

.boxLayout04 .boxHdg01 {
	padding: 10px 12px 0;
}
.boxLayout04 .boxHdg01 > span {
	padding: 2px 0 1px 25px;
}
.boxLayout04 .boxCnt01 { padding: 10px 12px 15px; }

.boxLayout05 .boxCnt01 { padding: 12px 15px; }

/*----- index -----*/
/* idxLayout */
.idxLayout01 > .linkBlock {
	width: 96px;
}
.idxLayout01 > .linkBlock > .caption {
	height: auto;
	padding: 5px 7px;
}
.idxLayout01 > .linkBlock > .caption > .hdg {
	font-size: 1.1rem;
}
.idxLayout01 > .linkBlock > .caption > .hdg > .small {
	font-size: 90%;
}
.idxLayout01 > .detailBlock {
	padding: 5px 10px;
}
.idxLayout01 > .detailBlock > .links > li {
	margin: 0 2px 0 0;
	font-size: 1.0rem;
}
.idxLayout01 > .detailBlock > .links > li:after {
	margin: 0 0 0 2px;
}
.idxLayout02.cat-company6 {
	float: left;
	width: 100%;
	height: 50px;
	min-height: 0;
	border-top: 1px solid #fff;
	background-color: #fff;
	background-image: none;
}
.idxLayout02.cat-company7 {
	float: left;
	width: 100%;
	height: 50px;
	min-height: 0;
	top: 0;
	border-top: 1px solid #fff;
	background-color: #fff;
	background-image: none;
}
.idxLayout02.cat-company8 {
	float: left;
	width: 100%;
	height: 50px;
	min-height: 0;
	margin-left: 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background-color: #fff;
}
.idxLayout02.cat-csr3 ,
.idxLayout02.cat-csr4 {
	height: auto;
	border: 1px solid #f7f7f7;
}
.idxLayout02 > .linkBlock {
	height: 100%;
}
.idxLayout02.cat-company6 > .linkBlock,
.idxLayout02.cat-company7 > .linkBlock,
.idxLayout02.cat-company8 > .linkBlock {
	display: table;
	width: 100%;
	border: 1px solid #f7f7f7;
}
.idxLayout02 > .linkBlock > .heading {
	left: 18px;
	top: 15px;
	font-size: 1.5rem;
}
.idxLayout02 > a.linkBlock > .heading:after {
	margin: 0 0 0 0.5em;
}
.idxLayout02.bg-dark > .linkBlock > .heading {
	color: #fff;
}
.idxLayout02.cat-company6 > .linkBlock > .heading,
.idxLayout02.cat-company7 > .linkBlock > .heading,
.idxLayout02.cat-company8 > .linkBlock > .heading,
.idxLayout02.cat-csr3 > .linkBlock > .heading,
.idxLayout02.cat-csr4 > .linkBlock > .heading  {
	position: static;
	display: table-cell;
	height: 50px;
	padding: 15px;
	text-align: left;
	vertical-align: middle;
}
.idxLayout02.cat-company8 > .linkBlock > .heading {
	font-size: 1.5rem;
}
.idxLayout02 > .linkBlock > .heading > .fileSize {
	font-size: 70%;
}
.idxLayout02 > .linkBlock > .caption {
	left: 18px;
	top: 42px;
}
.idxLayout02 > .linkBlock > .caption .profile > .company {
	margin: 0.25em 0 0 0;
	font-size: 1.1rem;
}
.idxLayout02 > .linkBlock > .caption .profile > .position {
	margin: 0.25em 0 0 0;
	font-size: 1.1rem;
}
.idxLayout02 > .linkBlock > .caption .profile > .department {
	margin: 0.25em 0 0 0;
	font-size: 1.1rem;
}
.idxLayout02 > .linkBlock > .caption .profile > .name {
	margin: 0.5em 0 0 0;
	font-size: 1.75rem;
}
.idxLayout02 > .linkBlock > .panel {
	left: auto;
	right: 0;
	width: 175px;
	padding: 10px 15px;
}
.idxLayout02 > .linkBlock > .panel .menu > li > a {
	padding: 7px 2px 5px;
}
.idxLayout02 > a.linkBlock:hover > .image img {
	-webkit-transform: none;
	   -moz-transform: none;
	    -ms-transform: none;
	        transform: none;
}
.idxLayout03.cat-company3 {
	height: 270px;
	background-position: 50% 100%;
	background-size: auto 100%;
}
.idxLayout03.cat-company5 {
	height: 270px;
	background-image: url(/company/img/company_index_im06.jpg);
	background-position: 50% 0;
	background-size: auto 100%;
}
.idxLayout03.cat-rd01 {
	height: 250px;
	background-position: 50% 100%;/*
	background-size: auto 100%;*/
}
.idxLayout03 > .linkBlock {
}
.idxLayout03 > .linkBlock > .heading {
	left: 18px;
	top: 15px;
	font-size: 1.5rem;
}
.idxLayout03.type2 > .linkBlock > .heading {
	left: 58%;
}
.idxLayout03.type2 > .linkBlock > .heading > a:after {
	margin: 0 0 0 0.5em;
}
.idxLayout03 > .linkBlock > .panel {
	right: 0;
	width: 175px;
	padding: 10px 15px;
}
.idxLayout03.type2 > .linkBlock > .panel {
	left: 0;
	right: auto;
}
.idxLayout03 > .linkBlock > .panel .hdg {
	font-size: 1.5rem;
}
.idxLayout03 > .linkBlock > .panel .hdg > a:after {
	margin: 0 0 0 0.5em;
}
.idxLayout03 > .linkBlock > .panel .menu > li > a {
	padding: 7px 2px 5px;
}

/*----- form -----*/
[class*="formWrap"] {
	margin: 20px 0 0 0;
}
form {
	margin: 20px 0 0 0;
}

/*----- input -----*/
/* textbox */
.textboxWrap + .textboxWrap,
.selectWrap + .textboxWrap {
	margin-left: 10px;
}
.textboxWrap > .field > input {
	padding: 5px;
	font-size: 1.4rem;
}
/* textarea */
.textareaWrap > .field > textarea {
	padding: 5px;
	font-size: 1.4rem;
}
/* selectbox */
.selectWrap + .selectWrap {
	margin-left: 10px;
}
.selectWrap > .field > .choice {
	font-size: 1.4rem;
}
/* checkbox */
.checkboxWrap input + label {
	background-image: url(/common/img/form_input_ic01_off-r2x.png);
	background-size: 14px 14px;
}
.checkboxWrap input:checked + label {
	background-image: url(/common/img/form_input_ic01_on-r2x.png);
}
/* radio */
.radioWrap input + label {
	background-image: url(/common/img/form_input_ic02_off-r2x.png);
	background-size: 14px 14px;
}
.radioWrap input:checked + label {
	background-image: url(/common/img/form_input_ic02_on-r2x.png);
}
/* label */
.labelHead { margin-right: 0.25em; }
.labelInside { margin-right: 0.25em; margin-left: 0.25em; }
.labelTail { margin-left:  0.25em; }
.inputWrap + .labelHead,
.selectWrap + .labelHead { margin-left: 0.75em; }
.labelTail + .inputWrap,
.labelTail + .selectWrap { margin-right: 0.75em; }
/* width */
.inputWrap .field input,
.selectWrap .field .choice,
.selectWrap .field select {
	width: 200px;
}

/*----- icon -----*/
.newsIcon {
	font-size: 1.0rem !important;
	line-height: 15px !important;
}
.topicsIcon {
	font-size: 1.0rem !important;
	line-height: 15px !important;
}
.fieldIcon {
	min-width: 75px;
	font-size: 1.0rem !important;
	line-height: 15px !important;
}
.articleIcon {
	font-size: 1.0rem !important;
	line-height: 15px !important;
	margin-bottom: -0.5em;
	width: auto;
	min-width: 150px;
}
.techIcon {
	font-size: 1.0rem !important;
	line-height: 15px !important;
}
.lineupIcon {
	font-size: 1.0rem !important;
	line-height: 15px !important;
}
.newIcon {
	font-size: 0.8rem !important;
	line-height: 15px !important;
}

/*----- line -----*/
/* sectionLine */
.sectionLine01 {
	margin: 20px 0;
}
.sectionLine01 + * {
	margin-top: 20px;
}
.sectionLine02 {
	margin: 20px 0;
}
.sectionLine02 + * {
	margin-top: 20px;
}

/*----- news -----*/
/* newsWrap */
.newsWrap01 {
	margin: 20px 0 0 0;
}
.newsWrap01 .moreBtn a {
	padding: 13px 15px 10px;
	font-size: 1.2rem;
}
/* newsList */
.newsList01 {
	margin: 20px 0 0 0;
}
.newsList01 > li {
	border-bottom: 1px solid #dddddd;
}
.newsList01 > li > .linkBlock {
	padding: 15px 8px 12px;
	background-color: #fff;
	color: #666666;
}
.newsList01 > li > a.linkBlock:before {
	right: 8px;
	margin: -7px 0 0 0;
}
.newsList01 > li > .linkBlock > .entry > dt {
	float: none;
	margin: 0 0 0.5em;
	white-space: normal;
}
.newsList01 > li > .linkBlock > .entry > dt > .date {
	display: inline-block;
	vertical-align: middle;
}
.newsList01 > li > .linkBlock > .entry > dt > .category {
	position: relative;
	top: -1px;
	display: inline-block;
	margin: 0 0 0 10px !important;
	text-align: left;
	vertical-align: middle;
}
.newsList01 > li > .linkBlock > .entry > dd {
	overflow: visible;
}
.newsList02 {
	margin: 20px 0 0 0;
}
.newsList02 > li + li {
	margin-top: 7px;
}
.newsList02 > li > .entry > dt {
	float: none;
	margin: 0;
}
.newsList02 > li > .entry > dd {
	overflow: visible;
}
#news #contents {
    padding: 0px 15px 20px;
}

/*----- faq -----*/
/* faqWrap */
.faqWrap01 {
	margin: 20px 0 0 0;
}
/* faqList */
.faqList01 > .question {
	padding: 16px 30px 14px 42px;
}
.faqList01 > .question:after {
	position: absolute;
	right: 5px;
	top: 16px;
}
.faqList01 > .question > .icn {
	left: 5px;
	top: 10px;
}
.faqList01 > .answer {
	padding: 14px 0px 14px 42px;
}
.faqList01 > .answer > .icn {
	left: 5px;
	top: 7px;
}

/*----- toggle -----*/
/* toggleWrap */
.toggleWrap01 {
	margin: 20px 0 0 0;
}
.toggleWrap01 > .tglBtn {
	padding: 16px 30px 14px 10px;
}
.toggleWrap01 > .tglBtn:after {
	position: absolute;
	right: 5px;
	top: 16px;
}
.toggleWrap01 > .tglPanel {
	padding: 14px 0px;
}
.toggleWrap02 {
	margin: 20px 0 0 0;
}
.toggleWrap02 > .tglBtn {
	position: relative;
	padding: 16px 25px 14px;
}
.toggleWrap02 > .tglBtn:before {
	right: 12px;
}
.toggleWrap02 > .tglBtn:after {
	right: 5px;
}
.toggleWrap02 > .tglPanel {
	position: relative;
	padding: 15px 0 0 0;
}

/*----- tab -----*/
/* tabWrap */
.tabWrap01 {
	margin: 20px 0 0 0;
}
.tabWrap01 > .tabNavi > .tabs.count2 > li:nth-child(n+3),
.tabWrap01 > .tabNavi > .tabs.count3 > li:nth-child(n+4),
.tabWrap01 > .tabNavi > .tabs.count4 > li:nth-child(n+5) {
	margin-top: 3px;
}
.tabWrap01 > .tabNavi > .tabs > li > a {
	height: 41px;
}
.tabWrap01 > .tabPanel {
	margin: 15px 0 0 0;
}
.tabWrap01 > .tabNavi > .tabs[class*="flex-"] > li {
	margin-left: 0.9% !important;
}
.tabWrap01 > .tabNavi > .tabs.flex-row2 > li { width: 49.55%  !important; }
.tabWrap01 > .tabNavi > .tabs.flex-row3 > li { width: 32.733% !important; }
.tabWrap01 > .tabNavi > .tabs.flex-row4 > li { width: 24.325% !important; }
.tabWrap01 > .tabNavi > .tabs.count2[class*="flex-"] > li:nth-child(2n+1),
.tabWrap01 > .tabNavi > .tabs.count3[class*="flex-"] > li:nth-child(3n+1),
.tabWrap01 > .tabNavi > .tabs.count4[class*="flex-"] > li:nth-child(4n+1) {
	clear: none;
	margin-left: auto;
}
.tabWrap01 > .tabNavi > .tabs.flex-row2 > li:nth-child(2n+1),
.tabWrap01 > .tabNavi > .tabs.flex-row3 > li:nth-child(3n+1),
.tabWrap01 > .tabNavi > .tabs.flex-row4 > li:nth-child(4n+1) {
	clear: left !important;
	margin-left: 0 !important;
}
.tabWrap01 > .tabNavi > .tabs.flex-row2 > li:nth-child(n+3),
.tabWrap01 > .tabNavi > .tabs.flex-row3 > li:nth-child(n+4),
.tabWrap01 > .tabNavi > .tabs.flex-row4 > li:nth-child(n+5) {
	margin-top: 3px !important;
}
.tabWrap02 {
	margin: 20px 0 0 0;
}
.tabWrap02 > .tabNavi > .tabs {
	float: none;
	margin: 15px 0 0 0;
}
.tabWrap02 > .tabNavi > .tabs > li {
	width: 49.55%;
	margin: 0 0 0 0.9%;
}
.tabWrap02 > .tabNavi > .tabs > li > a {
	height: 45px;
	padding: 4px 4px 2px;
	font-size: 1.4rem;
}
.tabWrap02 > .tabNavi > .links {
	float: none;
	margin: 0;
}
.tabWrap02 > .tabNavi > .links > li {
	float: left;
	width: 47.425%;
}
.tabWrap02 > .tabNavi > .links > li + li {
	margin-left: 5.15%;
}
.tabWrap02 > .tabNavi > .links > li > a {
	padding: 12px 5px 10px;
	font-size: 1.1rem;
}
.tabWrap02 > .tabPanel {
	margin: 15px 0 0 0;
}
.tabWrap03 {
	margin: 20px 0 0 0;
}
.tabWrap03 > .tabNavi > .tabs.count2 > li { width: 49.55%; }
.tabWrap03 > .tabNavi > .tabs.count3 > li { width: 32.733%; }
.tabWrap03 > .tabNavi > .tabs.count4 > li { width: 32.733%; }
.tabWrap03 > .tabNavi > .tabs.count5 > li { width: 19.28%; }
.tabWrap03 > .tabNavi > .tabs.count3 > li:nth-child(3n+1),
.tabWrap03 > .tabNavi > .tabs.count4 > li:nth-child(4n+1),
.tabWrap03 > .tabNavi > .tabs.count5 > li:nth-child(5n+1) {
	clear: none;
	margin-left: 0.9%;
}
.tabWrap03 > .tabNavi > .tabs.count3 > li:nth-child(3n+1),
.tabWrap03 > .tabNavi > .tabs.count4 > li:nth-child(3n+1),
.tabWrap03 > .tabNavi > .tabs.count5 > li:nth-child(5n+1) {
	clear: left;
	margin-left: 0;
}
.tabWrap03 > .tabNavi > .tabs.count2 > li:nth-child(n+3),
.tabWrap03 > .tabNavi > .tabs.count3 > li:nth-child(n+4),
.tabWrap03 > .tabNavi > .tabs.count4 > li:nth-child(n+5),
.tabWrap03 > .tabNavi > .tabs.count5 > li:nth-child(n+6) {
	margin-top: 0;
}
.tabWrap03 > .tabNavi > .tabs.count2 > li:nth-child(n+3),
.tabWrap03 > .tabNavi > .tabs.count3 > li:nth-child(n+4),
.tabWrap03 > .tabNavi > .tabs.count4 > li:nth-child(n+4),
.tabWrap03 > .tabNavi > .tabs.count5 > li:nth-child(n+6) {
	margin-top: 3px;
}
.tabWrap03 > .tabNavi > .tabs > li > a {
	height: 35px;
}
.tabWrap03 > .tabPanel {
	margin: 15px 0 0 0;
}

/*----- slider -----*/
.bannerWrap01 {
	margin: 25px 0 0 0;
}
.bannerWrap02 {
	margin: 25px 0 0 0;
}
.bannerWrap01 + .bannerWrap02 {
	margin-top: 40px;
}

.prodBannerSlider {
	margin: 25px 0 0 0;
	overflow: visible;
}
.prodBannerSlider .bannerList {
	margin: 0 -10px;
}
.prodBannerSlider .bannerList img {
	padding: 0 10px;
}
.prodBannerSlider .bannerList .slick-arrow.slick-prev { left:  10px; }
.prodBannerSlider .bannerList .slick-arrow.slick-next { right: 10px; }

.relBannerSlider {
	margin: 25px 0 0 0;
}
.relBannerSlider .bannerList {
	max-width: 219px;
	margin: 0 auto;
}
.relBannerSlider .bannerList > div {
	float: none !important;
	width: auto;
	margin: 0 auto;
	text-align: center !important;
}
.relBannerSlider .bannerList > div:nth-child(3n+1) {
	clear: none;
	margin-left: auto;
}
.relBannerSlider .bannerList > div:nth-child(n+4) {
	margin-top: 0;
}

.hisotrySlider {
	margin: 20px 0 0 0;
	padding: 0 15px;
	overflow: hidden;
}
.hisotrySlider .historyList .historyItem > .linkBlock,
.recommendSlider .historyList .historyItem > .linkBlock {
	padding: 0 6px;
}
.hisotrySlider .historyList .historyItem > .linkBlock > .image,
.recommendSlider .historyList .historyItem > .linkBlock > .image {
	max-width: 147px;
}
.hisotrySlider .historyList .historyItem > .linkBlock > .image > span,
.recommendSlider .historyList .historyItem > .linkBlock > .image > span {
	width: 147px;
	height: 98px;
}
.hisotrySlider .historyList .historyItem > .linkBlock > .image > span:before,
.recommendSlider .historyList .historyItem > .linkBlock > .image > span:before {
	width: 100%;
	height: 100%;
}
.hisotrySlider .historyList .historyItem > .linkBlock > .image > span img,
.recommendSlider .historyList .historyItem > .linkBlock > .image > span img {
	width: 100%;
	height: 100%;
}
.hisotrySlider .historyList .historyItem > .linkBlock > .image > figcaption,
.recommendSlider .historyList .historyItem > .linkBlock > .image > figcaption {
	font-size: 1.1rem;
}

/*----- narrow -----*/
.narrowWrap01 {
	margin: 20px 0 0 0;
}
.narrowWrap01 .nrwCondition {
	margin: 15px 0 0 0;
}
.narrowWrap01 .nrwCondition .conditions {
	display: block;
}
.narrowWrap01 .nrwCondition .conditions > li {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.narrowWrap01 .nrwCondition .conditions > li + li {
	margin-top: 10px;
	padding-left: 0;
}
.narrowWrap01 .nrwCondition .conditions > li > .labelHead {
	display: table-cell;
	width: 4.25em;
	vertical-align: middle;
}
.narrowWrap01 .nrwCondition .conditions > li > .selectWrap {
	display: table-cell;
	width: 99%;
	vertical-align: middle;
}
.narrowWrap01 .nrwCondition .conditions > li > .selectWrap .field,
.narrowWrap01 .nrwCondition .conditions > li > .selectWrap .field .choice,
.narrowWrap01 .nrwCondition .conditions > li > .selectWrap .field select {
	display: block;
	width: 100%;
}
.narrowWrap01 .nrwResult {
	margin: 20px 0 0 0;
}
.narrowWrap02 {
	margin: 20px 0 0 0;
}
.narrowWrap02 .nrwCondition > .condHeading {
	padding: 12px 10px 10px;
}
.narrowWrap02 .nrwCondition > .condHeading > .tglBtn > span {
	font-size: 0;
	text-indent: -9999px;
}
.narrowWrap02 .nrwCondition > .condContent {
	padding: 15px 10px;
}
.narrowWrap02 .nrwCondition > .condContent .conditions.count2 > li { width: 48%; }
.narrowWrap02 .nrwCondition > .condContent .conditions.count3 > li { width: 48%; }
.narrowWrap02 .nrwCondition > .condContent .conditions.count4 > li { width: 48%; }
.narrowWrap02 .nrwCondition > .condContent .conditions.count2 > li:nth-child(2n+1),
.narrowWrap02 .nrwCondition > .condContent .conditions.count3 > li:nth-child(3n+1),
.narrowWrap02 .nrwCondition > .condContent .conditions.count4 > li:nth-child(4n+1) {
	clear: none;
	margin-left: auto;
}
.narrowWrap02 .nrwCondition > .condContent .conditions.count3 > li:nth-child(2n+1),
.narrowWrap02 .nrwCondition > .condContent .conditions.count4 > li:nth-child(2n+1) {
	clear: left;
	margin-left: 0 !important;
}
.narrowWrap02 .nrwCondition > .condContent .conditions.count2 > li:nth-child(n+3),
.narrowWrap02 .nrwCondition > .condContent .conditions.count3 > li:nth-child(n+4),
.narrowWrap02 .nrwCondition > .condContent .conditions.count4 > li:nth-child(n+5) {
	margin-top: 0;
}
.narrowWrap02 .nrwCondition > .condContent .conditions.count2 > li:nth-child(n+3),
.narrowWrap02 .nrwCondition > .condContent .conditions.count3 > li:nth-child(n+3),
.narrowWrap02 .nrwCondition > .condContent .conditions.count4 > li:nth-child(n+3) {
	margin-top: 10px;
}
.narrowWrap02 .nrwCondition > .condContent .controls {
	margin: 10px 0 0 0;
}
.narrowWrap02 .nrwCondition > .condContent .controls > .btnLink03 a {
	padding: 12px 15px 10px;
	font-size: 1.2rem;
}
.narrowWrap02 .nrwResult {
	clear: both;
	margin: 20px 0 0 0;
}
.narrowWrap02 .nrwResult > .resultHeading > .hdg > .result strong {
	font-size: 1.8rem;
}
.narrowWrap02 .nrwResult > .resultHeading > .tglBtn {
	padding: 0 0 0 10px;
}
.narrowWrap02 .nrwResult > .resultHeading > .tglBtn > span {
	min-width: 110px;
	padding: 7px 10px 7px 30px;
	font-size: 1.1rem;
}
.narrowWrap02 .nrwResult > .resultHeading > .tglBtn > span:before {
	left: 10px;
}

/*----- googlemap -----*/
/* gmapWrap */
.gmapWrap01 {
	margin: 20px 0 0 0;
}
.gmapWrap01 .gmapCanvas {
	height: 300px;
	margin: 15px 0 0 0;
}
.gmapWrap01.no-api .gmapCanvas {
	padding: 75% 0 0 0;
}
.gmapWrap01 .gmapWindow .iwTitle {
	font-size: 1.2rem;
}
.gmapWrap01 .gmapWindow .iwAddress {
	font-size: 1.0rem;
}

/*----- contact -----*/
/* contactWrap */
.contactWrap01 {
	margin: 25px 0 0 0;
}
section.contactWrap01 {
	margin-top: 25px;
}
.contactWrap01 > .heading {
	padding: 9px 7px 7px;
	font-size: 1.6rem;
}
.contactWrap01 > .heading:after {
	bottom: -15px;
	margin: 0 0 0 -12px;
	border-width: 8px 12px;
}
.contactWrap01 > .heading > strong {
	font-size: 150%;
}
.contactWrap01.type-door > .heading {
	padding: 14px 7px 11px;
	font-size: 1.4rem;
}
/* contactNavi */
.contactNavi01 {
	margin: 25px 0 0 0;
	padding: 15px;
}
.contactNavi01 > .hdg {
	font-size: 1.6rem;
}
.contactNavi01 > .cnt {
	padding: 0;
}
.contactNavi01 > .cnt:nth-of-type(n+2) {
	padding: 10px 0 0 0;
}
.contactNavi01 .contactBlock + .contactBlock {
	margin-top: 15px;
}
.contactNavi01 .contactBlock > dt {
	font-size: 1.4rem;
}
.contactNavi01 .contactBlock .means > li {
	float: none;
	margin: 0;
	color: #333333;
	font-size: 1.8rem;
}
.noSide .contactNavi01 .contactBlock .means > li {
	font-size: 1.8rem;
}
.contactNavi01 .contactBlock .means.count2 > li { width: 100%; }
.contactNavi01 .contactBlock .means.count2 > li:nth-child(2n+1) {
	clear: none;
	margin-left: auto;
}
.contactNavi01 .contactBlock .means.count2 > li:nth-child(n+3) {
	margin-top: 0;
}
.contactNavi02 {
	margin: 25px 0 0 0;
	padding: 15px;
}
.contactNavi02 > .hdg {
	font-size: 22px;
	font-size: 1.6rem;
}
.contactNavi02 > dd > .contactBlock {
	display: block !important;
	margin: 15px 0 0 0;
}
.contactNavi02 .contactBlock .announce {
	display: block !important;
	width: auto !important;
	padding: 3px 0 1px 12px;
	font-size: 1.2rem;
}
.contactNavi02 .contactBlock .means {
	display: block !important;
	width: auto !important;
	margin: 10px 0 0 0 !important;
	padding: 0 !important;
}
.contactNavi02 .contactBlock .means .telNumber {
	display: block !important;
}
.noSide .contactNavi02 .contactBlock .means .telNumber {
	white-space: normal;
}
.contactNavi02 .contactBlock .means .receptionTime {
	display: block !important;
	padding-left: 0 !important;
	font-size: 1.0rem;
}
.contactNavi02 .contactBlock .means .receptionTime br {
	display: none !important;
}
.contactNavi03 {
	padding: 15px;
}
.contactWrap01 > .heading + .content > .contactNavi03 {
	padding-top: 20px;
}
.contactWrap01.type-door > .heading + .content > .contactNavi03 {
	padding: 15px 12px;
}
.contactNavi03 .contactBlock > dt,
.contactNavi03 .contactBlock > .hdg {
	padding: 0 0 0 13px;
	font-size: 1.4rem;
}
.contactNavi03 .contactBlock .means > li .btnLink02 a {
	font-size: 1.3rem;
}

/*----- related -----*/
/* relatedWrap */
.relatedWrap01 {
	margin: 25px 0 0 0;
}
.relatedWrap01 > *:first-child {
	margin-top: 0 !important;
}
/* relatedNavi */
.relatedNavi01 {
	margin: 25px 0 0 0;
}
.relatedNavi02 > dt {
	padding: 0 0 0 11px;
	border-left-width: 3px;
	font-size: 1.5rem;
}
.relatedNavi02 > dd {
}
.relatedNavi02 > dd > *:first-child {
	margin-top: 0 !important;
}
/* relLink */
.relLink01 > li {
	float: none;
	width: 100% !important;
	border-right: none;
}
.relLink01.count3 > li:nth-child(n+4) {
	margin-top: 0;
}
.relLink01.count3 > li:nth-child(n+2) {
	margin-top: 1px;
}
.relLink01 > li > a {
	height: 41px;
	padding: 0 12px 0 24px;
	background-color: #f7f7f7;
}
.relLink01 > li > a:before {
	left: 8px;
	margin: -6px 0 0 0;
}

/*----- plugin -----*/
/* pluginWrap */
.pluginWrap01 {
	margin: 25px 0 0 0;
}
/* pluginNavi */
.pluginNavi01 {
	margin: 25px 0 0 0;
	padding: 15px;
}
.pluginNavi01 > dt {
	float: none;
	margin: 0 0 5px 0;
	text-align: center;
}
.pluginNavi01 > dd {
	text-align: center;
}

/*----- Page : /2ndCategory/ -----*/
/* categoryHeading */
.categoryHeading > .heading {
	height: 55px;
	padding: 15px 15px 12px;
	font-size: 2.5rem;
	line-height: 1.25;
	letter-spacing: 0.2em;
}

/*----- Page : /products/ -----*/
/* productHeading */
.productHeading {
	padding: 0 15px;
}
.productHeading > .heading {
}
.productHeading > .heading > .hdg > .subtitle {
	font-size: 1.2rem;
}
.productHeading > .heading > .hdg > .title {
	font-size: 2.0rem;
}
.productHeading > .heading > .hdg > .subtitle + .title {
	margin-top: 3px;
}
.productHeading > .heading > .hdg > .title sup {
	font-size: 60%;
}
.productHeading > .heading > .category {
	margin: 5px -5px -5px 0;
	overflow: hidden;
}
.productHeading > .heading > .category > li {
	margin: 0 5px 5px 0;
}
.productHeading > .heading > .category > li > a {
	min-width: 0;
	padding: 3px 6px 1px;
	font-size: 1.1rem;
	text-align: left;
	white-space: normal;
}
.productHeading > .helper {
	position: absolute;
	right: 0;
	top: 0;
}
.productHeading > .helper .printBtn {
	display: none;
}
.productHeading > .helper .langSwitch {
	display: none;
}
/* techHeading */
.techHeading > .heading01 .subtitle {
	font-size: 1.2rem;
	display: block;
}
.techHeading > .heading01 .title {
	margin-top: 5px;
	font-size: 2.0rem;
	display: block;
}
/* prodUtilIndex */
.prodUtilIndex {
	display: block;
	margin: 20px 0 0 0;
}
.prodUtilIndex > .colSearch {
	display: block;
}
.prodUtilIndex > .colNavi {
	display: block;
	margin: 15px 0 0 0;
	padding: 0;
}
.prodUtilIndex > .colSearch > .searchBlock {
	display: block;
}
.prodUtilIndex > .colSearch > .searchBlock > dt {
	display: block;
	margin: 0 0 0.25em 0;
	padding: 0;
	font-size: 1.4rem;
	white-space: normal;
}
.prodUtilIndex > .colNavi .anchorNavi02 {
	margin-bottom: 0;
}

/* prodUtilBox */
.prodUtilBox {
	margin: 25px 0 0 0;
	padding: 15px ;
}
.prodUtilBox .searchBlock > dt {
	font-size: 1.3rem;
}
.prodUtilBox .links {
	margin: 15px 0 0 0;
}
.prodUtilBox .links.count4 > li { width: 49.75%; }
.prodUtilBox .links.count4 > li:nth-child(4n+1) {
	clear: none;
	margin-left: auto;
}
.prodUtilBox .links.count4 > li:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}
.prodUtilBox .links.count4 > li:nth-child(n+5) {
	margin-top: 0;
}
.prodUtilBox .links.count4 > li:nth-child(n+3) {
	margin-top: 2px;
}
.prodUtilBox .links.btnLink02 > li > a {
	padding: 4px 10px 4px 21px;
}
.prodUtilBox .links.btnLink02 > li > a:before {
	left: 10px;
	margin: -7px 0 0 0;
}
.prodUtilBox .links.btnLink02 > li > a > span {
	height: 48px;
}

/* prodItemBox */
.prodItemBox {
	margin: 20px 0 0 0;
}
.prodItemBox > .prodHdg {
	padding: 10px;
}
.prodItemBox > .prodHdg > .hdg > a {
	padding: 0 0 0 15px;
	font-size: 1.4rem;
}
.prodItemBox > .prodHdg > .hdg > a:before {
	margin: -6px 0 0 0;
}
.prodItemBox > .prodHdg > .tglBtn {
	padding: 0 0 0 10px;
	vertical-align: top;
}
.prodItemBox > .prodHdg > .tglBtn > span {
	min-width: 0;
	min-height: 0;
	width: 30px;
	height: 30px;
	padding: 0;
	font-size: 0;
	text-indent: -9999px;
}
.prodItemBox > .prodHdg > .tglBtn > span:before {
	position: absolute;
	left: 7px;
	top: 50%;
	margin: -8px 0 0 0;
}
.prodItemBox > .prodCnt {
	padding: 0 10px 15px;
}
.prodItemBox > .prodCnt > .index > .image {
	float: none;
	width: 212px;
	margin: 0 auto;
}
.prodItemBox > .prodCnt > .index > .caption {
	margin: 15px 0 0 0;
}
.prodItemBox > .prodCnt > .index > .caption > .summary {
	font-size: 1.2rem;
}
.prodItemBox > .prodCnt > .index > .caption > .links > li + li {
	padding: 0 0 0 15px;
}
.prodItemBox > .prodCnt > .index > .caption > .links > li .btnLink02 a {
	padding-right: 15px;
	padding-left: 15px;
}
.prodItemBox > .prodCnt > .index > .caption > .links > li .txtLink01 a:before {
	margin: -6px 0 0 0;
}

/* prodInfoIndex */
.prodInfoIndex {
	margin: 20px 0 0 0;
}
.prodInfoIndex > .colImg {
	float: none;
	width: auto;
	max-width: 290px;
	margin: 0 auto;
}
.prodInfoIndex > .colTxt {
	margin: 15px 0 0 0;
}

/* prodInfoDetail */
.prodInfoDetail {
	margin: 20px 0 0 0;
}

/* prodHistoryBox */
.prodHistoryBox, .prodRecommendBox {
	margin: 25px 0 0 0;
	padding: 15px;
}
.prodHistoryBox > .hdg, .prodRecommendBox > .hdg {
	font-size: 1.5rem;
}
.prodHistoryBox > .cnt .hisotrySlider,
.prodRecommendBox > .cnt .hisotrySlider {
	margin: 0 -15px;
}

/* prodSiteList */
.prodSiteList.listRow > li {
	float: left;
	width: 47.425%;
	margin: 0 0 0 5.15% !important;
}
.prodSiteList.listRow > li:nth-child(2n+1) {
	clear: left !important;
	margin-left: 0 !important;
}
.prodSiteList.listRow > li:nth-child(n+3) {
	margin-top: 15px !important;
}

/* departmentTable */
#departmentTable .tblLayout01 .contactBlock .reference {
	font-size: 1.2rem;
}

/*----- Page : /company/ -----*/
/* companyHeading */
.companyHeading {
	height: 70px;
	padding: 15px 15px 10px;
	background-image: url(/company/img/company_index_im01-r2x.jpg);
	background-position: 50% 100%;
	background-size: cover;
}
.companyHeading > .heading {
	margin: 0 0 10px 0;
	font-size: 2.5rem;
	letter-spacing: 0.2em;
}
.companyHeading > .content .profiles {
	display: block;
	width: 100%;
	max-width: 330px;
}
.companyHeading > .content .profiles > li {
	float: left;
	display: block;
	width: 47%;
	margin: 0 0 0 6%;
	padding: 0;
}
.companyHeading > .content .profiles > li:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}
.companyHeading > .content .profiles > li:nth-child(n+3) {
	margin-top: 15px;
}
.companyHeading > .content .profiles > li .info > dt > span {
	height: 42px;
	font-size: 1.4rem;
}
.companyHeading > .content .profiles > li .info > dd > .image > span {
	height: 75px;
}
.companyHeading > .content .profiles > li:nth-child(1) .info > dd > .image > span img { max-height: 39px; }
.companyHeading > .content .profiles > li:nth-child(2) .info > dd > .image > span img { max-height: 50px; }
.companyHeading > .content .profiles > li:nth-child(3) .info > dd > .image > span img { max-height: 50px; }
.companyHeading > .content .profiles > li:nth-child(4) .info > dd > .image > span img { max-height: 70px; }
.companyHeading > .content .profiles > li .info > dd > .value {
	font-size: 1.0rem;
}
.companyHeading > .content .profiles > li .info > dd > .value > strong {
	font-size: 2.7rem;
}
.companyHeading > .content .noteList01 {
	font-size: 0.9rem;
}
/* philosophyLogo */
.philosophyLogo {
	padding: 35px 0 30px;
}

/*----- Page : /sitemap.html -----*/
#sitemap .sectioning02 + .colLayout01,
#sitemap .colLayout01 + .colLayout01,
#sitemap .colLayout01.count2 > .col:nth-child(n+2) {
	margin-top: 30px;
}

}



/********************************************************

  MEDIA

********************************************************/

/* Resposive
------------------------------------------------------ */
/*----- SP Only Layout -----*/
@media screen and (min-width: 200px) and (max-width: 768px) {  /* Portrait of iPadAir */
	/* device */
	.pc-only { display: none !important; }
	.sp-only { display: block !important; }
	caption.sp-only { display: table-caption !important; }
	br.sp-only, span.sp-only, em.sp-only, strong.sp-only { display: inline !important; }
	.sp-alL { text-align: left !important; }
	.sp-alC { text-align: center !important; }
	.sp-alR { text-align: right !important; }
}
/*----- SP Layout -----*/
@media screen and (max-width: 768px) {  /* Portrait of iPadAir */
}
@media screen and (max-width: 736px) {  /* Landscape of iPhone6Plus */
}
@media screen and (max-width: 667px) {  /* Landscape of iPhone6 */
	.idxLayout03.cat-company3 {
		height: 250px;
	}
	.idxLayout03.cat-company5 {
		height: 250px;
	}
	.idxLayout03.cat-rd01 {
		height:  180px;
	}
}
@media screen and (max-width: 568px) {  /* Landscape of iPhone5/5S/5c */
}
@media screen and (max-width: 480px) {  /* Landscape of iPhone4/4S */
	.idxLayout03.cat-company5 {
		height: 220px;
	}
}
@media screen and (max-width: 414px) {  /* Portrait of iPhone6Plus */
}
@media screen and (max-width: 375px) {  /* Portrait of iPhone6 */
	#siteIdentity .siteLogo {
		width: auto;
	}
	#siteIdentity .siteLogo img {
		width: 150.98px;
	}
}
@media screen and (max-width: 320px) {  /* Portrait of iPhone4/4S/5/5S/5c */
}


/* Clearfix
------------------------------------------------------ */
#siteIdentity:after,
#ftrNavi > .navBlock > .mainMenu:after,
.tabWrap02 > .tabNavi > .tabs:after,
.companyHeading > .content .profiles {
	content: "";
	display: table;
	clear: both;
}

/* Site renewal 202401
------------------------------------------------------ */
@media only screen and (max-width: 1279px) { 
	#pageContainer > header > div.g-siteHeader2023_inner > div > div.g-headerTitle2023 > div.g-headerLogo2023 > a > div.g-headerLogo2023_img.notiny > img {
		height: 100%;
	}
}