@charset "UTF-8";

/*
common-libs.css
----------------------------*/
body {
	font-family: Arial, Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","Gothic",sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* designs/panasonic/common-libs.css
----------------------------------------------------------  PISC カスタマイズ **/
.basic-page .sectionContents{
/*	padding-top: 45px; */
	padding: 0 0 150px; 
	font-size: 75%;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="button"],
textarea,
select {
	font-family:Arial, Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","Gothic",sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 100%;
	padding:0 5px;
	width: 5em;
	height: 25px;
	line-height: 1.4;
}

::placeholder{
    color: rgba(0, 0, 0, 0.3);
}

.basic-page .sectionContents .contact-form input[type="checkbox"],
.basic-page .sectionContents .contact-form input[type="radio"]{
	position:relative;
	top: 1.5px;
	display: inline-block;
}

#globalfooter {
	padding-bottom: 1em;
}

#globalfooter-nav .pagetop {
	float: left;
	padding-top: 8px;
	text-align: center;
	min-width: 976px;
}

#globalfooter a:hover {
	color:#ffffff;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){
   	img, iframe, object{
	    max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}

	input[type="text"],
	input[type="tel"],
	input[type="email"],
	input[type="button"],
	textarea{
		font-size: 16px;
	}

	::placeholder{
		font-size: 12px;
	}

	#globalfooter-nav .pagetop {
    	min-width: 100%;
    }
    
	.basic-page .sectionContents{
		float:none; 
		width:auto;
		display: block;
		padding-bottom: 65px;
	}
}

/*フォーム
-----------------------------------------------------------------------------*/
/* privacy */
pre {
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
} 
.basic-page .sectionContents .box_privacy_notice {
    border: 1px solid #e5e5e5;
    height: 25em;
    padding: 1em 2em 0;
    margin: 2em 0;
    overflow-x: hidden;
    overflow-y: scroll;
}
.basic-page .sectionContents .box_privacy_notice .end{
	clear: both;
}

/* step */
.basic-page .sectionContents #step_wrap{
	display: -webkit-flex; /* Safari用 */
	display: flex;
	text-align: center;
}
.basic-page .sectionContents #step_wrap p{
	padding: 10px 10px 20px;
	margin-top: 0;
	margin-right: 40px;
    position: relative;
    display: block;
	flex: 1;
	flex-grow: 1; /* IE11 */
    border-radius: 5px;
    color: #fff;
    font-size: 131%;
	border: 1px solid #ccc;
    background: linear-gradient(to bottom, #eee 1%, #acacac 10%, #878787 50%);
}
.basic-page .sectionContents #step_wrap p:last-child{
	margin-right: 0;
}

.basic-page .sectionContents #step_wrap p span{
	display: block;
	font-size: 77%;
/*	font-weight: bold; */
	text-align: left;
	text-indent: 0.8em;
	color: #fff;
}

.basic-page .sectionContents #step_wrap p.active{
    background: linear-gradient(to bottom, #D5E0F3 1%, #7199D9 10%, #0B50BE 50%);
}

.basic-page .sectionContents #step_wrap p::after {
	content: "";
	top: 45%;
	right: -70px;
	position: absolute;
	margin: 0 2em 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 13px;
	border-color: transparent transparent transparent #ccc;
}

.basic-page .sectionContents #step_wrap p:last-child::after {
	display: none;
}

/*inquiry*/
.basic-page .sectionContents #btn_inquiry_wrap{
	text-align: center;
	width: 100%;
}

.basic-page .sectionContents #btn_inquiry_wrap p{
	display: inline-block;
	margin-right: 10px;
}

.basic-page .sectionContents #btn_inquiry_wrap p a:link{
	display: inline-block;
	min-width: 8em;
	padding: 5px 5px;
    border-radius: 5px;
    color: #333;
    font-size: 123%;
    text-shadow: 2px 1px 1px #fff;
	border: 1px solid #aaa;
    background: linear-gradient(to bottom, #efefef 49%, white 50%, #d8d8d8 51%);
}

.basic-page .sectionContents #btn_inquiry_wrap p a.active:link{
    background: linear-gradient(to bottom, #D9E7FF 49%, white 50%, #B5D0FF 51%);
}

.basic-page .sectionContents #btn_inquiry_wrap p a:hover{
	opacity: 0.7;
}

/*form*/
.basic-page .sectionContents .contact-form{
	margin: 1em 0 2em;
	border: 1px solid #cccccc;
	border-bottom: none;
	display: table;
	width: 100%;
}

.basic-page .sectionContents .contact-form-field{
	border-bottom:1px solid #cccccc;
	width: 100%;
}
.basic-page .sectionContents .contact-form-field p,
.basic-page .sectionContents .contact-form-field ul{
	margin:0;
}
.basic-page .sectionContents .contact-form-field .form-label{ /*項目*/
    padding: 10px 10px;
	display: table-cell;
	vertical-align: top;
	background: #f2f2f2;
	border-right: 1px solid #cccccc;
	min-width: 240px;
	max-width: 240px;
	min-height: 3em;
	box-sizing: border-box;
}
.basic-page .sectionContents .contact-form-field .form-element{ /*入力*/
    padding: 10px 10px;
	display: table-cell;
	vertical-align: middle;
	min-width: 100%;
	max-width: 100%;
	line-height: 1.84;
}

.basic-page .sectionContents .contact-form-field span{ /*必須*/
	color: red;
	display: inline-block;
}
.basic-page .sectionContents .contact-form-field span::before{
	content: "※";
	margin: 0 0 0 5px;
}
.basic-page .sectionContents .contact-form-field span::after{
	content: "";
}

.basic-page .sectionContents .contact-form-field span.assistance::before{ /*郵便番号補助*/
	content: "";
	margin: 0 0 0 10px;
}

.basic-page .sectionContents .form-element em{ /*必須*/
	display: block;
}

.basic-page .sectionContents .form-element #message_cnt::before{
	content: "「";
}
.basic-page .sectionContents .form-element #message_cnt::after{
	content: "」";
}

.basic-page .sectionContents .form-element .contact-form-text-auto{
	width: auto;
}
.basic-page .sectionContents .form-element .w6em{
	width: 6em;
}
.basic-page .sectionContents .form-element .contact-form-text-harf{
	min-width: 300px;
}
.basic-page .sectionContents .form-element .contact-form-text-full{
	min-width: 500px;
}
.basic-page .sectionContents .form-element .contact-form-textarea{
	min-width: 500px;
	min-height: 10em;
}
.basic-page .sectionContents .contact-form-field .must{
	display:block;
	color:#e43834;
	font-weight:bold;
}
.basic-page .sectionContents .contact-form-field .description{
	margin:0.5em 0 0 0;
	display:block;
	color:#808080;
}
.basic-page .sectionContents .contact-form-field .field_error{
	margin:0.5em 0 0 0;
	display:block;
	color:#ff0000;
}
.basic-page .sectionContents .contact-form-submit{
	padding:2.5em 0 0 0;
	background:#ffffff;
}
.basic-page .sectionContents .contact-form-submit input.fade{
	width:133px;
	height:38px;
	border:0;
	cursor:pointer;
	margin:0 10px;
}

.basic-page .sectionContents h2 .titleText.header4{
	display: inline-block;
	padding-top: 2em;
}


/*step*/
@media only screen and (max-width:480px) and (max-device-width:1280px){
	.basic-page .sectionContents #step_wrap{
		display: block;
	}
	.basic-page .sectionContents #step_wrap p{
		padding: 10px 10px 20px;
		margin-right: 0;
	}
	.basic-page .sectionContents #step_wrap p::after{
		display: none;
	}
	.basic-page .sectionContents #step_wrap p:not(.active) {
		display: none;
	}

}

/*form*/
@media only screen and (max-width:640px) and (max-device-width:1280px){
	.basic-page .sectionContents .contact-form-field .form-label{
	    min-width: 8em;
	    width: 10%;
	}
	.basic-page .sectionContents .contact-form-field .contact-form-text-full,
	.basic-page .sectionContents .contact-form-field .contact-form-textarea,
	.basic-page .sectionContents .contact-form-field .contact-form-text-harf,
	.basic-page .sectionContents .contact-form-field .contact-form-text-auto{
		min-width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
	.basic-page .sectionContents .form-element .contact-form-text-auto{
		width: 100%;
	}
	.basic-page .sectionContents .contact-form-field .contact-form-text-auto-harf-sp{
		min-width: 48%;
		max-width: 48%;
		box-sizing: border-box;
	}
	.basic-page .sectionContents .contact-form-field input.contact-form-text-auto[type="button"]{
		min-width: auto;
		max-width: auto;
		box-sizing: border-box;
		margin-top: 5px;
	}
	.basic-page .sectionContents .form-element .w3emSp{
		width: 3em;
	}
	.basic-page .sectionContents .form-element .w4emSp{
		width: 4em;
	}
	.basic-page .sectionContents #btn_inquiry_wrap p a:link{
		font-size: 0.85rem;
		min-width: 5em;
	}
}

/*errer*/
ul.listArrow li::before, ul.listSpLink li::before {
    content: "" !important;
    display: table-cell;
    padding-right: 0.4em;
}

/*
----------------------------------------------------------  PISC オリジナル **/
a:link, a:visited, a:active {
    color: #0066cc;
    text-decoration: none;
}

.basic-page .sectionContents pre,
.basic-page .sectionContents p,
.basic-page .sectionContents ul,
.basic-page .sectionContents ol,
.basic-page .sectionContents dl,
.basic-page .sectionContents table {
	margin-top: 1em;
	line-height: 1.834;
}

.basic-page .sectionContents p a.underline {
	text-decoration: underline;
}

.basic-page .sectionContents .mt0{	margin-top: 0;
}
.basic-page .sectionContents .mt5{	margin-top: 5px;
}
.basic-page .sectionContents .mt20{	margin-top: 20px;
}
.basic-page .sectionContents .mt30{	margin-top: 30px;
}
/* ul・ol 左寄せ揃え */
.basic-page .sectionContents ul{
	padding-left: 0;
	display: table;
	margin-left: 1em;
}

.basic-page .sectionContents ul li:after {
	content: "";
	display: block;
	margin-bottom: 0.5em;
}

.basic-page .sectionContents ul li {
	display: table-row;
}

.basic-page .sectionContents ul li:before {
	content: "●";
	display: table-cell;
	padding-right: 0.4em;
}

.basic-page .sectionContents ol{
	padding-left: 0;
	display: table;
	margin-left: 1em;
	text-indent: 0.1em
}

.basic-page .sectionContents ol li:after {
	content: "";
	display: block;
	margin-bottom: 0.5em;
}

.basic-page .sectionContents ol li{
	display: table-row;
	counter-increment: table-ol;
}
.basic-page .sectionContents ol li:before{
	content: counter(table-ol) ".";
	display: table-cell;
	padding-right: 0.4em;
	text-align: right;
}

.basic-page .sectionContents ul.listSpLink li::before{
	content: "" !important;
	display: table-cell;
	padding-right: 0.4em;
}

.basic-page .sectionContents .listArrow li a {
	background: url(../../../img/ga2012_icn_arrow.gif) 0 0.5em no-repeat;
	display: inline-block;
/*	margin-bottom: 0.5em; */
	padding-left: 10px;
}


/* ul:黒四角（square）*/
.basic-page .sectionContents ul.listSquare li:before {
	content: "■";
}

/* ol:数字(zero-fill) */
.basic-page .sectionContents ol.listZero li::before {
	content: counter(table-ol, decimal-leading-zero) ".";
}

/* ol:アルファベット（大文字）*/
.basic-page .sectionContents ol.listUpperAlpha li::before {
	content: counter(table-ol, upper-alpha) ".";
}

/* ol:アルファベット（小文字）*/
.basic-page .sectionContents ol.listLowerAlpha li::before {
	content: counter(table-ol, lower-alpha) ".";
}

/* ol:その他 */

.basic-page .sectionContents ol.listsome li::before {
	content: "" !important;
	display: table-cell;
}

.basic-page .sectionContents ol.listsome span{
	margin-left: -1.2em;
	padding-right: 0.2em;
}


/** #ga2012_mainNavigation（common/css/ga2012_base.css）
---------------------------------------------------------- **/
.ga2012_skipLink {
    left: -9999em;
    position: absolute;
    top: 0;
}

/* #ga2012_mainContent */
div#ga2012_mainContent{
	color: #222;
	float: right;
	font-size: 75%;
	line-height:1.4;
	width:770px;
}
div.ga2012_wide div#ga2012_mainContent{
	float:none;
	width:auto;
}

/* #ga2012_subContent */
div#ga2012_subContent{
	float:left;
/*	width:179px; */ 	width:188px;
	color: #222;
	font-size: 75%;
	line-height:1.4;
}

/** .small **/
.basic-page .sectionContents .small{
	font-size:83%!important;
}

/** .large **/
.basic-page .sectionContents .large{
	font-size:133%!important;
}

/** .attentionA **/
.basic-page .sectionContents .attentionA{
	color:#390;
}

/** .attentionB **/
.basic-page .sectionContents .attentionB{
	color:#e10000;
}

/** .itTxt **/
.basic-page .sectionContents .itTxt,
#editor-input-content .itTxt{
	font-family: 'Times New Roman','ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'ＭＳ Ｐゴシック', serif; 
	font-style: italic; 
}

/** .arrow **/
.basic-page .sectionContents a.arrow {
	display:inline-block;
}
.basic-page .sectionContents .arrow {
	background: url(../../../img/ga2012_icn_arrow.gif) 0 0.6em no-repeat;
	padding-left:10px;
}

.basic-page .sectionContents .txtLeft{
    text-align: left !important;
}
.basic-page .sectionContents .txtCenter{
    text-align: center !important;
}
.basic-page .sectionContents .txtRight{
    text-align: right !important;
}

/** タイトル **/
.h2Title a,.h3Title a,.h4Title a,.h5Title a,.h6Title a{
	background-image:url(../../../img/ga2012_icn_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 0.35em;
	padding-left:10px;
	color: #222;
	text-decoration: none;
}

.basic-page .sectionContents .h1Title {
    background-image: url(../../../img/ga2012_h1_bg.gif);
    background-position: left top;
    background-repeat: repeat-x;
    font-size: 146.5%;
    font-weight: bold;
    padding: 15px 13px;
}
.basic-page .sectionContents .h1Title img {
    vertical-align: top;
}
.basic-page .sectionContents .h1Title .h1SubTitle {
    display: block;
    font-size: 67%;
    font-weight: normal;
}

.basic-page .sectionContents .h2Title { background: url(../../../img/ga2012_h2_bg.gif) left bottom repeat-x;
	border-left: 3px solid #969696;
	color: #222;
	font-size: 113%;
	font-weight: bold;
	margin-top: 2.5em;
	padding: 10px;
}
.basic-page .sectionContents .h3Title { 
	border-bottom: 2px solid #e5e5e5;
	font-size: 117%;
	font-weight: bold;
	margin-top: 1.5em;
	padding: 5px 13px;
}
.basic-page .sectionContents .h4Title { 
	border:1px solid #e5e5e5;
	font-size:117%;
	font-weight:bold;
	margin-top:1.5em;
	padding:5px 13px;
}
.basic-page .sectionContents .h5Title{ 
	margin-top:1.5em;
	font-size:117%;
	font-weight:bold;
}
.basic-page .sectionContents .h6Title{ 
	margin-top:1.5em;
	font-size:117%;
	font-weight:bold;
}

.basic-page .sectionContents h2,
.basic-page .sectionContents h3,
.basic-page .sectionContents h4,
.basic-page .sectionContents h5,
.basic-page .sectionContents h6 {
    font-weight: bold;
    font-size: 113%;
    margin-top: 1em;
}


/** アイコン **/

.pdf		{ background: url(/web/20250120042635im_/https://panasonic.co.jp/ssform/common_custom/img_item/icn_data_pdf.png) no-repeat top left;
	padding: 0px 0px 0px 20px;
	display: block;
}
.excel		{ background: url(/web/20250120042635im_/https://panasonic.co.jp/ssform/common_custom/img_item/icn_data_xls.png) no-repeat top left;
	padding: 0px 0px 0px 20px;
	display: block;
}
.powerpoint	{ background: url(/web/20250120042635im_/https://panasonic.co.jp/ssform/common_custom/img_item/icn_data_ppt.png) no-repeat top left;
	padding: 0px 0px 0px 20px;
	display: block;
}
.word		{ background: url(/web/20250120042635im_/https://panasonic.co.jp/ssform/common_custom/img_item/icn_data_doc.png) no-repeat top left;
	padding: 0px 0px 0px 20px;
	display: block;
}
.other		{ background: url(../../../img/ic_other.png) no-repeat top left;
	padding: 0px 0px 0px 20px;
	display: block;
}
.download	{ background: url(../../../img/ic_dl.png) no-repeat top left;
	padding: 0px 0px 0px 20px;
	display: block;
}

.notice {padding-left: 0;
	display: table;
	margin-left: 0.1em;
}
.notice:after { content: "";
	display: block;
	margin-bottom: 0.5em;
}
.notice:before { content: "※";
	display: table-cell;
	padding-right: 0.4em;
}

.link { background: url(../../../img/ga2012_icn_external.gif) right 0.6em no-repeat;
	display: inline-block;
	padding-right: 14px !important;
}
.mail { display: block; background: url(../../../img/ic_mail.png) right top no-repeat;
	display: inline-block;
	padding-right: 18px !important;
}

/* SELECT size change */
@media only screen and (max-device-width:640px){
    SELECT { max-width : 185px  !important;  }
}

/* br */
@media only screen and (min-width:481px) and (min-device-width:1281px){
	.brSp{
		display:none;
	}
}
@media only screen and (max-width:480px) and (max-device-width:1280px){
    .brPc{
        display:none;
    }
}

/* topNotice */
.basic-page .sectionContents .topNotice{
	border: solid 3px #f00;
	color: #f00;
	background-color: #fff;
	padding: 15px;
	text-align: center;
}
@media only screen and (max-width:480px) and (max-device-width:1280px){
	.basic-page .sectionContents .topNotice{
		padding: 15px;
		text-align: left;
	}
}

/* formError */
.basic-page .sectionContents .contact-form .contact-form-field.hide .formError{
	display: none !important;
}

/* txtError */
.basic-page .sectionContents .contact-form .txtError{
	color: #f00;
	font-size: 12px;
	background: url(../../../img/iconError.png) left top no-repeat;
	background-size: 14px;
	padding: 0 0 0 17px;
	margin-top: 10px;
	line-height: 14px;
}

/* btnSendCo */
.btnSendCo.no_tap,
.btnSendCoBack.no_tap{
    opacity: 0.3 !important;
    pointer-events: none !important;
    transition: none !important;
}
.btnSendCo.no_tap{
    opacity: 1 !important;
    background: url(../../../img/iconLoader.gif) center center / 32px auto no-repeat !important;
    font-size: 0 !important;
}

/* ok */
.basic-page .sectionContents .txtOk{
	text-align: center;
	margin: 30px 0;
}
@media only screen and (max-width:480px) and (max-device-width:1280px){
	.basic-page .sectionContents .txtOk{
		text-align: left;
		margin: 30px 0 10px;
	}
}

/*
     FILE ARCHIVED ON 04:26:35 Jan 20, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:13:31 May 22, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.58
  exclusion.robots: 0.022
  exclusion.robots.policy: 0.009
  esindex: 0.012
  cdx.remote: 30.051
  LoadShardBlock: 68.717 (3)
  PetaboxLoader3.datanode: 73.929 (4)
  load_resource: 36.785
*/