@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: 25px 0 4em; 
	font-size: 75%;
}
input[type="text"],
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: 4em;
	height: 25px;
	line-height: 1.4;
}
.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 */
	}
	
	#globalfooter-nav .pagetop {
    	min-width: 100%;
    }
    
	.basic-page .sectionContents{
		float:none; 
		width:auto;
		display: block;
	}
}

/*フォーム
-----------------------------------------------------------------------------*/
/* 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;
	margin-right: -40px;
}
.basic-page .sectionContents #step_wrap p{
	padding: 10px 10px 20px;
	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 span{
	display: block;
	font-size: 77%;
/*	font-weight: bold; */
	text-align: left;
	text-indent: 0.8em;
}

.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%;
}

.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 .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;
	}
	.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 .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 #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 .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(../images/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(../images/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(../images/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(../images/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(../images/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;
}


/** #globalheader
----------------------------------------------------------  PISC カスタマイズ **/
#globalheader{
	position: relative;
	padding: 15px 20px;
}

#globalheader,
#browsebar-in  {
	background: #f2f2f2;
	color: #1a1a1a;
}

#globalheader #brandlogo {
	position: relative;
	margin: 0 auto 3px;
}

#globalheader #brandlogo,
#globalheader #brandlogo img { 
	width: 183px;
	height: 80px;
}


#globalheader #brandlogo img { 
	display: none;
}


#globalheader #brandlogo a{
	width: auto;
	height: auto;
	color: #1a1a1a;
}

#globalheader #brandlogo a::before { 
	content: url(../../etc/designs/panasonic/holdings/images/holdings-plogo.svg);
content: url(../../etc/designs/panasonic/common-clientlibs/images/lgo-nav-global-panasonic.svg);
	width: 183.15px;
	height: 80px;
	display: block;
}


#browsebar-in {
	position: relative;
	border: none;
}

#browsebar-wrapper,
#browsebar-in {
	/* height: 0px;*/
	height: 44px;
}


#globalheader::before,
#browsebar-in::before,
#globalfooter::before {
    content: "";
    position: absolute;
    width: 1220px;
    left: 0;
    margin-left: -10px;
	z-index: 0;
	border-top: 1px solid #ccc;
	background: #f2f2f2;
	height: 100%;
}

#globalheader::before{
	border-top: none;
}

#browsebar-in .container {
	padding: 0 15px;
}

#browsebar-name {
	margin-top: 0;
	min-height: 36px;
	display: flex;
	align-items: center;
}

#browsebar-name .name {
	color: #666;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}


#globalfooter {
margin-top: auto;
	position: relative;
	background: #f2f2f2;
	border: none;
}

#globalfooter,
#globalfooter a {
	color: #666;
}

#globalfooter a:hover{
	color: #1a1a1a;
}

#globalfooter-nav .pagetop a{
	position: relative;
/*	background: none; */
}

#globalfooter-nav .pagetop a::before{
	content: '>';
	font-size: 0.65rem;
	position: absolute;
	/*
	width: 5px;
	height: 5px;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	top: 5px;
	left: 50%; */
	top: -3px;
	left: calc(50%); 
	transform: rotate(-90deg) scale(1, 2);
	font-family: Arial, sans-serif;
	font-weight: normal;
}

#globalfooter a:hover,
#globalfooter-nav .pagetop a::before:hover{
	color: #1a1a1a;
}


@media (min-width: 1220px) {
	#globalheader::before,
	#browsebar-in::before,
	#globalfooter::before {
		width: 200vw;
		left: 50%;
        margin-left: -100vw;
    } 
}

@media (min-width: 981px) {
    #browsebar-name {
		margin-top: 5px;
	}
}

@media (max-width: 980px) {
	#globalheader{
		padding: 0 15px;
		min-height: auto;
	}
	
	#browsebar-in::before,
	#browsebar-in::after {
        width: 100vw;
        margin: 0;
        left: 0;
    }

	#browsebar-in::after {
		content: '';
		border-bottom: 1px solid #ccc;
		position: relative;
    }


	#globalheader #brandlogo,
	#globalheader #brandlogo img { 
		width: 105px;
		height: 47px;
		margin:	1px auto 0;
		float: none;
	}

	
	#globalheader #brandlogo a {
		background: none;
	}

	
	#globalheader #brandlogo a::before { 
		width: 105.37px;
		height: 46px;
	}
	
	#browsebar-wrapper,
	#browsebar-in {
		height: auto;
		padding: 0;
	}
}




/** アイコン **/

.pdf		{ background: url(../img_item/icn_data_pdf.png) no-repeat top left;
	padding: 0px 0px 0px 20px;
	display: block;
}
.excel		{ background: url(../img_item/icn_data_xls.png) no-repeat top left;
	padding: 0px 0px 0px 20px;
	display: block;
}
.powerpoint	{ background: url(../img_item/icn_data_ppt.png) no-repeat top left;
	padding: 0px 0px 0px 20px;
	display: block;
}
.word		{ background: url(../img_item/icn_data_doc.png) no-repeat top left;
	padding: 0px 0px 0px 20px;
	display: block;
}
.other		{ background: url(../images/ic_other.png) no-repeat top left;
	padding: 0px 0px 0px 20px;
	display: block;
}
.download	{ background: url(../images/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(../images/ga2012_icn_external.gif) right 0.6em no-repeat;
	display: inline-block;
	padding-right: 14px !important;
}
.mail { display: block; background: url(../images/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;  }
}