@charset "utf-8";

/* ======================================================
 * layout_sp.css
 * ------------------------------------------------------
 * @media only screen and (max-width: 767px)
 * - Common
 * - Header
 * - Gnav
 * - Main
 * - Assist
 * - Footer
 * - Other
 * - Clearfix
 * Media Queries
====================================================== */

@keyframes assist_head {50%{margin-left: -6px;}}
@keyframes cnav_icon {50%{margin-top: -3px;}}
@keyframes CnavChild_title {50%{right: 6px;}}
@keyframes CnavChild_label {50%{right: -4px;}}
@keyframes pattern05-v3 {50%{margin-top: -3px;}}

@media only screen and (max-width: 767px) {
	/* ------------------------------------------------------
	 * Common
	------------------------------------------------------ */
	#emergency .HeaderBody > * {
		display: none;
	}
	#emergency .HeaderBody > .header-identity {
		display: block;
		box-shadow: none !important;
	}
	#emergency .container {
		padding-top: 25px;
	}
	#emergency .Footer > * {
		display: none;
	}
	#emergency .Footer > .FooterBody {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	
	/* ----- is-body-XXXX ----- */
	.is-body-cnav,
	.is-body-cmenu {
		position: fixed;
		width: 100%;
	}
	.Header,
	.pageGuide,
	.pageHead,
	.container,
	.Assist,
	.Footer {
		transition-property: margin-left;
		transition-duration: .2s;
		width: 100vw;
	}
	.is-body-cnav .Header,
	.is-body-cnav .pageGuide,
	.is-body-cnav .pageHead,
	.is-body-cnav .container,
	.is-body-cnav .Assist,
	.is-body-cnav .Footer {
		width: 100%;
		margin-left: 75%;
	}
	.is-body-cmenu .Header,
	.is-body-cmenu .pageGuide,
	.is-body-cmenu .pageHead,
	.is-body-cmenu .container,
	.is-body-cmenu .Assist,
	.is-body-cmenu .Footer {
		width: 100%;
		margin-left: -75%;
	}
	
	/* ------------------------------------------------------
	 * Header
	------------------------------------------------------ */
	.Header {
		position: relative;
		box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
		transition-property: top;
		transition-duration: .4s;
	}
	.Header.is-Header-open::before {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .4);
		z-index: 200;
		opacity: 1;
	}
	
	/* ----- HeaderBody ----- */
	.HeaderBody {
		position: relative;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		background-color: #fff;
		border-bottom: 1px solid #eee;
		z-index: 230;
	}
	
	/* header-identity */
	.header-identity  {
		width: calc(100% - 50px);
		height: 50px;
		padding: 15px 15px 14px;
		background-color: #fff;
		z-index: 250;
		box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2);
	}
	.header-identity a,
	.header-identity span {
		display: block;
		width: 256px;
		height: 21px;
		background: url(/common/images/com_sprite_logo01.png) no-repeat 0 0;
		background-size: 256px auto;
		overflow: hidden;
		text-indent: -9999px;
		white-space: nowrap;
	}
	
	/* home-header-link */
	.home-header-link {
		display:none;
	}
	
	/* headerUtility-support_global */
	.headerUtility-support_global {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 240;
		background-color: #33bdba;
	}
	.headerUtility-support_global a {
		display: block;
		width: 50px;
		height: 50px;
		padding: 14px;
	}
	.headerUtility-support_global a .link_label {
		display: inline-block;
		width: 22px;
		height: 22px;
		background: url(/common/images/com_sprite_ic01_sp.png) no-repeat 0 0;
		background-size: 104px auto;
		background-position: 0 -217px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
	.headerUtility-support_global.is-global-open a .link_label {
		background-position: -52px -217px;
	}
	/* headerUtility-support_site */
	.headerUtility-support_site {
		display: none;
	}
	/* headerUtility-list */
	.headerUtility-list {
		display: none;
	}
	.headerUtility_item_site {
		display: none;
	}
	.headerUtility_item_global {
	}
	.is-Header-open .headerUtility_item_global {
	}
	.headerUtility-support_body {
		position: absolute;
		top: -30vw;
		left: 0;
		width: 100%;
		background-color: #33bdba;
		box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2);
		transition-property: top;
		transition-duration: .4s;
		z-index: 220;
	}
	.is-Header-open .headerUtility-support_body {
		top: 50px;
	}
	.headerUtility-support_body .headerUtility_item_global > ul {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #33bdba;
		margin-top: 0!important;
	}
	.headerUtility-support_body .headerUtility_item_global > ul > li > a {
		display: block !important;
		padding: 15px;
		text-align: center;
		color: #fff;
	}
	.headerUtility_item_global li a:after {
		display: none;
	}
	.headerUtility-support_body .headerUtility_item_global > ul > li > a span {
		position: relative;
		display: inline-block;
		padding-left: 20px;
	}
	.headerUtility-support_body .headerUtility_item_global > ul > li > a span::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 2px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	/* ------------------------------------------------------
	 * Gnav
	------------------------------------------------------ */
	.Gnav {
	}
	
	
	
	
	/* ----- GnavBody ----- */
	.GnavBody {
	}
	
	/* gnavMenu */
	.gnavMenu {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 240;
	}
	.gnavMenu a {
		display: block;
		width: 50px;
		height: 50px;
		padding: 16px 17px;
		background-color: #858585;
	}
	.gnavMenu a .link_label {
		display: inline-block;
		width: 17px;
		height: 16px;
		background: url(/common/images/com_sprite_ic01_sp.png) no-repeat 0 0;
		background-size: 104px auto;
		background-position: -22px -217px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
	
	/* gnavList */
	.gnavList {
		display: none;
	}
	/* ------------------------------------------------------
	 * Cnav
	------------------------------------------------------ */

	/* ----- Cnav ----- */
	.Cnav {
		position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
		height: 100%;
		padding-right: 25%;
		-webkit-transition: left .2s;
    transition: left .2s;
		z-index: 210;
	}
	.is-body-cnav .Cnav {
		left: 0;
		z-index: 250;
	}
	.is-body-cnav .Cnav::before {
		content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 250;
	}
	.is-body-cnav .CnavBody {
		position: relative;
		overflow-y: scroll;
		height: 100%;
		padding-bottom: 56px;
		background-color: #fff;
    z-index: 250;
		-webkit-overflow-scrolling: touch;
	}
	.is-body-cnav .CnavMenu {
	}
	.CnavMenu .cnavList > .has-CnavChild > a,
	.CnavMenu .cnavList > li > a {
		position: relative;
		display: block;
		padding: 10px 15px;
		font-size: 1.4rem;
		color: #fff;
	}
	.CnavMenu .cnavList > .has-CnavChild > a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		display: inline-block;
		width: 13px;
		height: 13px;
		margin-top: -6px;
		background: url(/common/images/com_sprite_ic01_sp.png) no-repeat -39px -240px;
		background-size: 104px auto;
		border: none;
		-webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	.CnavMenu .cnavList > .has-CnavChild > .is-open::after {
		background-position: -52px -240px;
	}
	.CnavMenu .cnavList > li > a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 14px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	.CnavMenu .CnavChild-inner {
		display: none;
	}
	.CnavMenu .CnavChild_image {
		display: none !important;
	}
	.CnavMenu .CnavChild_title a,
	.CnavMenu .CnavChild_body .CnavChild_item a,
	.CnavMenu .CnavChild_sublink .sublink_link a {
		position: relative;
		display: block;
		padding: 12px 15px 12px 30px;
	}
	.CnavMenu .CnavChild_title a::after,
	.CnavMenu .CnavChild_body .CnavChild_item a::after,
	.CnavMenu .CnavChild_sublink .sublink_link a::after {
		content: "";
		position: absolute;
		top: 1.3em;
		left: 10px;
		width: 8px;
		height: 8px;
		border-top: 1px solid #969696;
		border-right: 1px solid #969696;
		-webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
		margin-top: 0;
	}
	.CnavMenu .CnavChild_body .CnavChild_item > a.block[target="_blank"] .CnavChild_label::after{
		content: "";
		display:inline-block;
		width: 10px;
		height: 10px;
		background:url(/common/images/com_sprite_ic01_sp.png) no-repeat -60px -31px;
		background-size: 104px auto;
		margin-left:8px;
	}
	.CnavMenu .CnavChild_sublink .sublink_link,
	.CnavMenu .CnavChild_sublink .sublink_link li {
		margin-top: 0;
		line-height: 1.6;
	}
	.CnavMenu .CnavChild_sublink .sublink_link li {
		line-height: 1.6 !important;
	}
	.CnavMenu .CnavChild_sublink .sublink_link li a{
		color:#333333;
	}
	.CnavMenu .headerUtility-list {
		display: block;
		padding: 10px 0;
	}
	.CnavMenu .headerUtility-list > li > a {
		position: relative;
		display: block;
		padding: 12px 15px 12px 30px;
	}
	.CnavMenu .headerUtility-list > li > a::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		border-top: 1px solid #969696;
		border-right: 1px solid #969696;
		-webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	.CnavMenu .headerUtility-list > li:nth-child(3) {
		display: none;
	}
	
	/* CnavChild */
	.CnavChild {
		display: none;
	}
	/* ----- category setting ----- */
	.CnavMenu .CnavChild_title a,
	.CnavMenu .CnavChild_body .CnavChild_item a,
	.CnavMenu .CnavChild_sublink .sublink_link a {
		background-color: #def1f0;
		border-bottom: 1px solid #b7dad9;
		text-align: left;
		border-left: none;
		border-top: none;
		border-right: none;
	}
	.CnavMenu .cnavList > .has-CnavChild > a,
	.CnavMenu .cnavList > li > a {
		background-color: #00b5ad;
		border-bottom: 1px solid #008481;
	}
	.CnavMenu .cnavList .consumer a {
		background-color: #00b5ad;
		padding: 15px;
	}
	/* ------------------------------------------------------
	 * Main
	------------------------------------------------------ */
	.Main {
	}
	
	/* ----- MainBody ----- */
	.MainBody {
		position: relative;
	}
	
/* ----- pageGuide ----- */
	.pageGuide {
		/*position: absolute;
    top: 0;
    left: 0;*/
		width: 100%;
		border-bottom: 1px solid #eee;
	}
	/*.pageGuide.is-fixed {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 100;
	}*/
	
	/* breadcrumbs */
	.breadcrumbs {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: -5px;
		padding: 12px 8px 10px;
	}
	.breadcrumbs li {
		position: relative;
		margin-top: 5px;
		margin-left: 6px;
		padding: 0 0 0 14px;
		font-size: 1.2rem;
		line-height: 1.2;
	}
	.breadcrumbs li:before {
		content: "";
		position: absolute;
		top: 0.54em;
		left: 0;
		width: 6px !important;
		height: 6px !important;
		margin-top: -4px;
		border-top: 1px solid #909090 !important;
		border-right: 1px solid #909090 !important;
		-webkit-transform: rotate(45deg) !important;
	  transform: rotate(45deg) !important;
	}
	.breadcrumbs li:first-child {
		margin-left: 0;	
		padding-left: 0;
	}
	.breadcrumbs li:first-child:before {
		display: none;
	}
	.breadcrumbs li:first-child > a {
		display: inline-block;
		width: 14px;
		height: 12px;
		background: url(/common/images/com_sprite_ic01_sp.png) no-repeat 0 0;
		background-size: 104px auto;
		background-position: -39px -217px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
	.breadcrumbs li sup {
		font-size: 1.0rem;
		top:-0.3em;
	}
	.breadcrumbs li sub {
		font-size: 1.0rem;
		bottom: -0.1em;
	}
	
	/* ----- pageHead ----- */
	.pageHead {
	}
	/* Cmenu > category-set */
	.Cmenu .category-set {
		position: fixed;
    top: 0;
    left: 100%;
		overflow-y: scroll;
    width: 100%;
		height: 100vh;
		padding-right: 25%;
		box-shadow: 0 6px 0 0 rgba(0, 0, 0, .2);
		-webkit-transition: left .2s;
    transition: left .2s;
		-webkit-overflow-scrolling: touch;
		z-index: 410;
	}
	.is-body-cmenu .Cmenu .category-set {
		left: 25%;
	}
	.Cmenu .category-set .category_body {
		position: relative;
		overflow-y: scroll;
		height: 100vh;
		background-color: #f8f8f8;
	}
	.Cmenu.is-Cmenu-open .category_body {
		z-index: 420;
	}
	.Cmenu .category-set .category_body-list {
		display: none;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage4"] {
		display: block;
	}
	.Cmenu .category-set .category_body-list ul li a {
		border-top: 1px solid #ddd;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage4"] > ul {
		border-bottom: 1px solid #ddd;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage4"] > ul > li > a {
		padding-left: 15px;
		background-color: #777;
		color: #fff;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage4"] > ul > li:first-child a {
		border-top: none;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage4"] > .link-text > li > a > .link_label::after {
		border-color: #fff !important;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage5"] > ul > li > a {
		background-color: #bbb;
		color: #333;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage5"] > .link-text > li > a > .link_label::after {
		border-color: #333 !important;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage5"] > ul > li > a {
		padding-left: 30px;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage6"] > ul > li > a {
		background-color: #eee;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage6"] > ul > li > a {
		padding-left: 45px;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage7"] > ul > li > a {
		background-color: #fff;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage7"] > ul > li > a {
		padding-left: 60px;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage8"] > ul > li > a {
		background-color: #ccc;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage9"] > ul > li > a {
		background-color: #bbb;
	}
	.Cmenu .category-set .category_body-list .link-text {
		margin-top: 0;
	}
	.Cmenu .category-set .category_body-list .link-text > li {
		margin-top: 0;
	}
	.Cmenu .category-set .category_body-list .link-text > li:last-child {
	}
	.Cmenu .category-set .category_body-list .link-text > li > a {
		display: block;
		padding: 15px 20px;
		font-size: 1.4rem;
	}
	.Cmenu .category-set .category_body-list .link-text > li > a::before,
	.Cmenu .category-set .category_body-list .link-text > li > a::after {
		display: none;
	}
	.Cmenu .category-set .category_body-list .link-text > li > a > .link_label {
		position: relative;
		display: inline-block;
		padding-left: 18px;
	}
	.Cmenu .category-set .category_body-list .link-text > li > a > .link_label::after {
		content: "";
		position: absolute;
		top: 6px;
		left: 0;
		width: 8px !important;
		height: 8px !important;
		margin-left: 0;
		background: none;
		border-top: 1px solid #969696 !important;
		border-right: 1px solid #969696 !important;
		-webkit-transform: rotate(45deg) !important;
	  transform: rotate(45deg) !important;
	}
	.Cmenu .category-set .category_body-list .link-text > .has-child > a > .link_label::after {
		display: none;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage4"] > .link-text > .is-current > a,
	.Cmenu .category-set .category_body-list[data-category-set*="stage4"] > .link-text > .is-child-show > a {
		border-top: none;
	}
	.Cmenu .category-set .category_body-list .link-text > .is-current > a > .link_label::after,
	.Cmenu .category-set .category_body-list .link-text > .is-child-show > a > .link_label::after {
		display: inline-block;
		left: 4px;
		-webkit-transform: rotate(225deg) !important;
	  transform: rotate(225deg) !important;
	}
	.Cmenu .category_top {
		display: none !important;
	}
	
	/* ----- container ----- */
	.container {
		padding-top: 15px;
	}
	body#modal .container {
		padding: 30px 15px 15px;
	}
	
	/* contents */
	.contents {
		padding: 0 15px;
	}
	body#modal .contents {
		padding: 0;
	}
	
	/* sidebar */
	.sidebar {
	}
	
	/* ------------------------------------------------------
	 * Assist
	------------------------------------------------------ */
	.Assist {
		margin-top: 40px;
	}
	.Assist .category_body-list:not(.is-append),
	.Assist .category_body-list:not(.is-append) > ul li {
		display: none;
	}
	
	/* ----- assist-local ----- */
	.Assist .assist-local {
		padding: 15px 0;
		border-top: 1px solid #e6e6e6;
	}
	.Assist .assist-local_inner {
		margin: 0 auto;
	}
	.Assist .assist-local_head > a {
		position: relative;
		padding-left: 30px !important;
		font-size: 1.6rem !important;
	}
	.Assist .assist-local_head > a:after {
		content: "";
		position: absolute;
		top: 4px !important;
		left: 10px !important;
		display: inline-block !important;
		width: 13px !important;
		height: 10px !important;
		margin-top: 0 !important;
		background: #fff url(/common/images/com_sprite_ic01_sp.png) no-repeat 0 0;
		-webkit-background-size: 104px auto;
		background-size: 104px auto;
		background-position: -90px -55px;
		border: none !important;
		-webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
	}
	.Assist .assist-local_body > *:first-child {
		margin-top: 0;
	}
	.Assist .link-text.assist-local_link {
		margin-top: 0;
	}
	.Assist .link-text.assist-local_link > li {
		margin-top: 0;
		width: 100%;
	}
	.Assist .link-text.assist-local_link > .assist-local_head + * {
		margin-top: 5px;
	}
	.Assist .link-text.assist-local_link > li > a {
		display: block;
		padding: 10px 20px 10px 30px;
		color: #333;
	}
	.Assist .link-text.assist-local_link > .is-current > a {
		padding-right: 20px;
		background-color: #f4f4f4;
		color: #767676;
	}
	
	.Assist .link-text.assist-local_link > .assist-local_head > a {
		padding: 0 20px 0 30px;
		background-color: transparent;
		color: #333;
	}

	/* ----- assist-related----- */
	.assist-related {
		overflow: hidden;
		background-color: #f4f4f4;
		padding: 20px 0 40px;
	}
	.assist-related_inner {
		margin: 0 auto;
	}
	.assist-related_head {
		font-size: 1.6rem;
		text-align: center;
	}
	.assist-related_body {
		margin-top: 20px;
	}
	.assist-related_body > *:first-child {
		margin-top: 0;
	}
	.link-button.assist-related_link {
		position: relative;
		padding: 0 35px;
	}
	.link-button.assist-related_link  li > a {
		position: relative;
		display: -webkit-flex !important;
		display: flex !important;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-items: center;
		align-items: center;
		min-height: 95px;
		padding-left: 15px;
		border: none;
		background: #fff;
		text-align: left;
	}

	.link-button.assist-related_link li > a > .link_image {
		width: 60px;
		min-width: 60px;
	}
	.link-button.assist-related_link li > a > .link_label {
		padding: 0 20px 0 15px;
	}
	
	.link-button.assist-related_link .slick-arrow {
		background: none;
		border-radius: 0;
		width: 22px !important;
	}
	.link-button.assist-related_link .slick-arrow.slick-prev {
		left: 8px;
	}
	.link-button.assist-related_link .slick-arrow.slick-next {
		right: 8px;
	}
	
	.link-button.assist-related_link .slick-arrow.slick-prev::after,
	.link-button.assist-related_link .slick-arrow.slick-next::after {
		width: 18px !important;
		height: 18px !important;
		border-color: #767676 !important;
		left: 9px;
	}
	.link-button.assist-related_link .slick-dots {
		margin-top: 5px;
	}

	
	/* ------------------------------------------------------
	 * Footer
	------------------------------------------------------ */
	
	.Footer {
		padding: 34px 18px 72px;
		background-color: #000;
		position: relative;
	}

	#emergency .Footer {
		margin-top: 15px;
		padding: 15px 18px;
	}
	
	#emergency .FooterBody {
		border-top: none;
		padding-top: 0;
		margin-top: 0;
	}
	/* .footerNavi-list */
	.footerNavi-list {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.footerNavi-list > li {
		width: calc((100% - 15px) / 2);
		margin-top: 14px;
		font-size: 1.3rem;
	}
	.footerNavi-list > li:nth-child(2n){
		margin-left:15px;
	}	
	.footerNavi-list > li:nth-child(-n+2) {
		margin-top: 0;
	}
	.footerNavi-list > li > a {
		position: relative;
		display: inline-block;
		padding-left: 20px;
		color: #fff;
	}
	.footerNavi-list > li > a:before {
		content: "";
		position: absolute;
		top: 6px;
		left: 0;
		width: 8px;
		height: 8px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	
	/* ----- FooterUtility ----- */
	
	/* .footerUtility-list */
	.footerUtility-list {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 20px;
	}
	.footerUtility-list > li {
		width: calc((100% - 15px) / 2);
		margin-top: 13px;
		font-size: 1.2rem;
		letter-spacing: -0.5px;
	}
	.footerUtility-list > li:nth-child(2n)  {
		margin-left:15px;
	}		
	.footerUtility-list > li:nth-child(-n+2) {
		margin-top: 0;
	}
	.footerUtility-list > li > a {
		position: relative;
		display: inline-block;
		padding-left: 20px;
		color: #fff;
	}
	.footerUtility-list > li > a:before {
		content: "";
		position: absolute;
		top: 4px;
		left: 0;
		width: 8px;
		height: 8px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	
	/* ----- FooterBody ----- */
	.FooterBody {
		margin-top: 15px;
		padding-top: 19px;
		border-top: 1px solid #1a1a1a;
	}
	
	/* footer-grouplist */
	.footer-group_list {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.footer-group_top,
	.footer-group_hd span,
	.footer-group_noe span,
	.footer-group_nex span,
	.footer-group_nmm span,
	.footer-group_materials span,
	.footer-group_power span,
	.footer-group_re span {
		display: inline-block;
		overflow: hidden;
		text-indent: -9999px;
		white-space: nowrap;
		color: #fff;
	}
	.footer-group_top {
		width: 100px;
		height: 13px;
		background: url(/common/images/com_sprite_logo01.png) no-repeat -226px -37px;
		background-size: 430px auto;
		margin-left: auto;
		margin-right: auto;
	}
	.footer-group_list dt {
		text-align: center;
	}
	.footer-group_list dd {
		text-align: center;
	}
	.footer-group_list dd a {
		transition-property: opacity;
		transition-duration: .2s;
	}
	.footer-group_list dd a:hover {
		opacity: .8;
	}
	.footer-group_list .footer-group_group01 {
		margin-top: 10px;
	}
	.footer-group_list .footer-group_group01 > li {
		line-height: 1;
		font-size: 0;
	}
	.footer-group_list .footer-group_group01 > li + li {
		margin-top: 9px;
	}
	.footer-group_list .footer-group_group02 {
		margin-top: 9px;
	}
	.footer-group_list .footer-group_group02 > li {
		line-height: 1;
		font-size: 0;
	}
	.footer-group_list .footer-group_group02 > li + li {
		margin-top: 9px;
	}
	.footer-group_hd .a-blank,
	.footer-group_noe .a-blank,
	.footer-group_nex .a-blank,
	.footer-group_nmm .a-blank,
	.footer-group_materials .a-blank,
	.footer-group_power .a-blank,
	.footer-group_re .a-blank {
		display: inline-block;
	}
	.footer-group_list dd a.a-blank::after {
		margin: 0 0 0 3px;
	}
	.footer-group_noe span {
		width: 45px;
		height: 11px;
		background: url(/common/images/com_sprite_logo01.png) no-repeat -226px -50px;
		background-size: 430px auto;
	}
	.footer-group_nex span {
		width: 51px;
		height: 10px;
		background: url(/common/images/com_sprite_logo01.png) no-repeat -226px -61px;
		background-size: 430px auto;
	}
	.footer-group_nmm span {
		width: 35px;
		height: 9px;
		background: url(/common/images/com_sprite_logo01.png) no-repeat -226px -71px;
		background-size: 430px auto;
	}
	.footer-group_materials span {
		width: 93px;
		height: 11px;
		background: url(/common/images/com_sprite_logo01.png) no-repeat -271px -308px;
		background-size: 430px auto; 
	}
	.footer-group_power span {
		width: 85px;
		height: 11px;
		background: url(/common/images/com_sprite_logo01.png) no-repeat -271px -328px;
		background-size: 430px auto;
	}
	.footer-group_re span {
		width: 156px;
		height: 11px;
		background: url(/common/images/com_sprite_logo01.png) no-repeat -271px -347px;
		background-size: 430px auto;
	}
	
	/* footer-copyright */
	.footer-copyright {
		margin-top: 10px;
		text-align: center;
	}
	.footer-copyright_label {
		font-size: 1rem;
		color: #cbcbcb;
		line-height: 1;
	}
	
	/* ----- Pagetop ----- */
	.pagetop {
		position: absolute;
		display: block;
		width: 40px;
		height: 40px;
		top: -20px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.pagetop a {
		position: relative;
		display: block;
		width: 40px;
		height: 40px;
		text-indent: -9999px;
		overflow: hidden;
		background-color: #888;
		border-radius: 20px;
	}
	.pagetop a:after {
		position: absolute;
		content: "";
		display: block;
		top: 50%;
		left: 0;
		right: 0;
		margin-top: -4px;
		margin-left: auto;
		margin-right: auto;
		width: 14px;
		height: 14px;
		background-image: none;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	
	/* ------------------------------------------------------
	 * FollowNavi
	------------------------------------------------------ */
	.FollowNavi {
		position: fixed;
		bottom: -60px;
		left: 0;
		width: 100%;
		background-color: #fff;
		box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .2);
		z-index: 300;
		transition-property: left, bottom;
		transition-duration: .2s;
	}
	.is-body-cnav .FollowNavi {
		left: 75%;
	}
	.is-body-cmenu .FollowNavi {
		left: -75%;
	}
	.FollowNavi.is-scroll-up {
		bottom: 0;
	}
	.is-body-cnav .FollowNavi.is-scroll-up {
		bottom: 0 !important;
	}
	
	/* followNavi-link */
	.followNavi-link {
		position: relative;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		background-color: #fff;
		z-index: 320;
	}
	[class*="followNavi-link_"] {
		width: 25%;
		text-align: center;
	}
	[class*="followNavi-link_"] > a {
		position: relative;
		display: block;
		height: 56px;
		padding: 35px 0 5px;
		font-size: 1.1rem;
	}
	.followNavi-link_item_global,
	.followNavi-body_item_global {
		display: none !important;
	}
	[class*="followNavi-link_"] > a::after {
		content: "";
		position: absolute;
		top: 38%;
		left: 50%;
		display: inline-block;
		background: url(/common/images/com_sprite_ic01_sp.png) no-repeat 0 0;
		background-size: 104px auto;
	}
	.followNavi-link_item_menu > a::after {
		width: 19px;
		height: 16px;
		margin: -9px 0 0 -9px;
		background-position: 0px -240px;
	}
	.followNavi-link_item_faq > a::after {
		width: 14px;
		height: 20px;
		margin: -12px 0 0 -10px;
		background-position: -90px -214px;
	}
	.followNavi-link_item_site > a::after {
		width: 21px;
		height: 21px;
		margin: -11px 0 0 -11px;
		background-position: -83px -235px;
	}
	.followNavi-link_item_pagetop > a::after {
		top: 45%;
		width: 14px;
		height: 14px;
		margin: -7px 0 0 -7px;
		background-image: none;
		border-top: 2px solid #666;
		border-right: 2px solid #666;
		-webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	[class*="followNavi-link_"].is-FollowNavi-link-open > a {
		background-color: #00b5ad;
		color: #fff;
	}
	[class*="followNavi-link_"].is-FollowNavi-link-open > a::after {
		width: 17px;
		height: 17px;
		margin: -9px 0 0 -9px;
		background-position: -55px -220px;
	}
	.followNavi-body {
		position: fixed;
		bottom: -20vh;
		left: 0;
		width: 100%;
		padding: 30px 15px;
		background-color: #00b5ad;
		transition-property: top, bottom, left;
		transition-duration: .2s, .2s, .2s;
		z-index: 310;
	}
	.is-body-cnav .FollowNavi .followNavi-body {
		left: 75%;
	}
	.is-body-cmenu .FollowNavi .followNavi-body {
		left: -75%;
	}
	.FollowNavi.is-FollowNavi-open .followNavi-body {
		bottom: 56px;
	}
	.followNavi-body_title {
		text-align: center;
		color: #fff;
	}
	.followNavi-body_item_site {
		font-size: 0;
	}
	.followNavi-body_item_site .followNavi_site-text {
		display: inline-block;
		width: calc(100% - 85px);
		height: 40px;
		background: none;
		border: none;
		border-bottom: 1px solid #fff;
		color: #fff;
	}
	.followNavi-body_item_site .followNavi_site-text:placeholder-shown {
    color: #fff;
	}
	.followNavi-body_item_site .followNavi_site-text::-webkit-input-placeholder {
    color: #fff;
	}
	.followNavi-body_item_site .followNavi_site-text:-moz-placeholder {
    color: #fff;
		opacity: 1;
	}
	.followNavi-body_item_site .followNavi_site-text::-moz-placeholder {
    color: #fff;
		opacity: 1;
	}
	.followNavi-body_item_site .followNavi_site-text:-ms-input-placeholder {
    color: #fff;
	}
	.followNavi-body_item_site .followNavi_site-block {
		display: inline-block;
		margin-left: 10px;
	}
	.followNavi-body_item_site .followNavi_site-block .followNavi_site-btn {
		position: relative;
		display: block;
		background-color: #fff;
	}
	.followNavi-body_item_site .followNavi_site-block .followNavi_site-btn::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 8px;
		display: inline-block;
		width: 16px;
		height: 16px;
		margin-top: -8px;
		background: url(/common/images/com_sprite_ic01_sp.png) no-repeat -73px -219px;
		background-size: 104px auto;
	}
	.followNavi-body_item_site .followNavi_site-block .followNavi_site-btn > input {
		position: relative;
		width: 75px;
		height: 40px;
		padding: 0 0 0 20px;
		background: none;
		border: none;
		font-size: 1.4rem;
		color: #00b5ad;
		cursor: pointer;
	}
	#bizsearchAspForm {
		position: relative;
	}
	#bizsearchAspQuery {
		background-color: inherit !important;
	}
	#bizasarchAspSuggest {
		position:absolute;
		margin:0;
		padding:0;
		z-index:1000;
		left: 0 !important;
		top: 34px !important;
		height: 300px;
		overflow-y: auto;
		
	}
	#bizasarchAspSuggest li {
		list-style:none;
		border-left:1px solid #B0C4DE;
		border-bottom:1px solid #B0C4DE;
		border-right:1px solid #B0C4DE;
		background-color:#f5f5f5;
		padding:1px 0;
	}
	#bizasarchAspSuggest li.sgItemOn {
		border-left:1px solid #cc9900;
		border-bottom:1px solid #cc9900;
		border-right:1px solid #cc9900;
		background-color:#ffeeaa;
		font-weight:bold;
		cursor:pointer;
	}
	#bizsearchAspForm2 {
		position: relative;
	}
	#bizsearchAspQuery2 {
		background-color: inherit !important;
	}
	#bizasarchAspSuggest2 {
		position:absolute;
		margin:0;
		padding:0;
		z-index:1000;
		left: 0 !important;
		top: -150px !important;
		height: 150px;
		overflow-y: auto;
		
	}
	#bizasarchAspSuggest2 li {
		list-style:none;
		border-left:1px solid #B0C4DE;
		border-bottom:1px solid #B0C4DE;
		border-right:1px solid #B0C4DE;
		background-color:#f5f5f5;
		padding:3px 4px;
		font-size: 1.6rem !important;
		line-height: 1.6 !important;
	}
	#bizasarchAspSuggest2 li.sgItemOn {
		border-left:1px solid #cc9900;
		border-bottom:1px solid #cc9900;
		border-right:1px solid #cc9900;
		background-color:#ffeeaa;
		font-weight:bold;
		cursor:pointer;
	}
	/* ------------------------------------------------------
	 * Other
	------------------------------------------------------ */
	
	
	/* ------------------------------------------------------
	 * Clearfix
	------------------------------------------------------ */
	.clearfix::after  {
		clear: both;
		content: "";
		display: block;
	}

		/* 上書きCSS */

		body:has(.l-header)  {
			.Main {
				margin-top: 60px;
			}
		}
	
			/* ----- container ----- */
			.container {
				padding-top: 70px;
			}
	
		/* ----- pageGuide ----- */
		.pageGuide {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			padding: 0 26px;
			background-color: #F4F4F0;
			border-top: 1px solid #707070;
			border-bottom: 1px solid #707070;
		}
		.pageGuide.is-fixed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 100;
		}
	
		.breadcrumbs {
			display: -webkit-flex;
			display: flex;
			-webkit-flex-direction: row;
			flex-direction: row;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			margin: 0 auto;
			padding: 4px 8px 9px;
			white-space: nowrap;
		}
		.breadcrumbs li {
			position: relative;
			margin-left: 6px;
			padding: 0 0 0 2rem;
			font-size: 0.9rem;
		}
		.pageGuide .breadcrumbs li:before {
			content: '';
			background: #AAA;
			width: 1rem !important;
			height: 1px !important;
			padding: 0 .5rem;
			position: absolute;
			right: 1rem;
			top: calc(50% - -4px);
			border: none;
			-webkit-transform: none !important;
			transform: none !important;
		}
		.breadcrumbs li:first-child {
			margin-left: 0;
			padding-left: 0;
		}
		.breadcrumbs li:first-child:before {
			display: none;
		}
		.breadcrumbs li:first-child > a {
			display: inline-block;
			width: 100%;
			height: auto;
			background: none;
			background-position: 0px;
			overflow: visible;
			vertical-align: top;
			text-indent: -20px;
			white-space: nowrap;
		}
		.breadcrumbs li:not(:last-child) > a {
			color: #AAA;
		}
		.breadcrumbs li:not(:last-child) > a:hover {
			opacity: .6;
		}
		.breadcrumbs li sup {
			font-size: 1.0rem;
			top:-0.3em;
		}
		.breadcrumbs li sub {
			font-size: 1.0rem;
			bottom: -0.1em;
		}

}