@charset "utf-8";
/* CSS Document */


/*=========================================

	メイン画像・色変え用

=========================================*/


#xtech-Popup {background-color: #fff;}

#jpx-back {background-color: #6691bf;}

#jpx-main {
    background-image: url("images/bgstripe.png");
    background-repeat: repeat;
}

.contentsWidth {position: relative;}

h1 {
    text-shadow:3px 3px 0 #1d66a7, -3px -3px 0 #1d66a7, 
    -3px 3px 0 #1d66a7, 3px -3px 0 #1d66a7, 3px 0 0 #1d66a7, 
    -3px 0 0 #1d66a7, 0 3px 0 #1d66a7, 0 -3px 0 #1d66a7;
    position: relative;
    z-index: 10;
}

#BrandingImgStyle1 {
    margin-top: -15%;
    padding: 0;
}

.lead-Section {margin: 0;}

.lead-Section h3 {
    text-shadow:2px 2px 0 #1d66a7, -2px -2px 0 #1d66a7, 
    -2px 2px 0 #1d66a7, 2px -2px 0 #1d66a7, 2px 0 0 #1d66a7, 
    -2px 0 0 #1d66a7, 0 2px 0 #1d66a7, 0 -2px 0 #1d66a7;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 1.7em;
}

.lead-Section p {font-size: 1em;}

.SectionInner h2 {
		color: #1d66a7;
		background: url("images/h2border.png")no-repeat bottom center;
        margin: 0 0 30px;
}

#xtech-Popup h4 {
		color: #1d66a7;
		background: url("images/h2border.png")no-repeat bottom center;
	}

#xtech-Popup p.TextStyle2 {
	color: #666;
}

#xtech-Popup .ImgOnlyStyle span {font-weight: normal;}

.Section-inquiry {margin: 0;}

.Section-inquiry a.info-btn {
	background-color: #1d66a7;
}

/*
.Section-inquiry .info-metrix .me2 a {
	background-color: #f88900;
}


=== 画面サイズが965px以下、768px以上はここを読み込む ===

@media screen and (min-width:768px) and  ( max-width:965px) {

#BrandingImgStyle1 {margin-top: -15%;}


}*/

/*=== 画面サイズが767px以下はここを読み込む ===*/

@media screen  and ( max-width:767px) {

.lead-Section h3 {font-size: 4vw;}
.SectionInner h2 {
		color: #1d66a7;
		background: url("images/h2border.png")no-repeat bottom center;
        margin: 0 0 30px;
}

.Section-inquiry {margin: 0;}

}


/*=========================================

	お問い合わせ

==========================================*/

.Section-inquiry .info-metrix {
	margin-top: 15px;
}




/*=== 画面サイズが768px以上はここを読み込む ===*/

@media screen and (min-width:768px) {

.info-metrix {margin:auto; }

}

/*=========================================

	印刷用　20230703追記

=========================================*/

@media print{

#xtech-Popup #jpx-main {
    background-image: none;
}
#BrandingImgStyle1-sp {display: none;}

}