@charset "UTF-8";

/*
福井県自動車整備振興会 2015
（株）エンゼルモーター
2023/8/23 ロータスクラブ用微調整
*/

/* SERVICE
---------------------------------------------------- */

header #org {
	width:100%;
	background: #c3e9fc !important;
	background: #c3e9fc url(./img/header.jpg) center 0 no-repeat !important;
}


/* PICKUP
---------------------------------------------------- */

.pktxt03 {
	position:relative;
	width: 620px;
	height: 680px;
	background: url(./img/pkup_03.png) no-repeat 0 0 !important;
}
.pktxt03 p  {
	position: absolute;
	font-size: 1.00em;
	color:#333;
	line-height: 1.5em;
}
.pktxt03 p.txt01  {
	top: 190px;
	left: 76px;
	width: 380px;
	padding: 0;
}
.pktxt03 p.txt02  {
	top: 380px;
	left: 193px;
	width: 380px;
	padding: 0;
}
.pktxt03 p.txt03  {
	top: 565px;
	left: 68px;
	width: 380px;
	padding: 0;
}

.pkimg05 {
	margin: -20px 0 0;
}



/* ==================================================================================
 横幅768px以下用スタイル
================================================================================== */

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

header #org {
	width:100%;
	background: #c3e9fc;
	background-image: url(./img/lotas-bar.png), url(./img/header.jpg) !important;
	background-position: left bottom, center 0 !important;
	background-size: 110% auto, auto 240px !important;
	background-repeat: no-repeat, no-repeat !important;
}

header #org .headinnor h1 {
	width: 100%;
	height: auto;
	padding: 70px 0 0 0;
	overflow: hidden;
}
header #org .headinnor img {
	width: 110%;
	height: auto;
	overflow: hidden;
}

.pktxt03 {
	position:relative;
	width: 100%;
	margin: 0;
	height: 680px;
}

}



/* ==================================================================================
 横幅640px以下用スタイル
================================================================================== */

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

header #org {
	width:100%;
	background: #c3e9fc;
	background-image: url(./img/lotas-bar.png), url(./img/header.jpg) !important;
	background-position: left bottom, center 0 !important;
	background-size: 110% auto, auto 240px !important;
	background-repeat: no-repeat, no-repeat !important;
}
header #org .headinnor h1 {
	width: 100%;
	height: auto;
	padding: 90px 0 0 0;
	overflow: hidden;
}



}


/* ==================================================================================
 横幅480px以下用スタイル
================================================================================== */

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


header #org {
	width:100%;
	background: #c3e9fc;
	background-image: url(./img/lotas-bar.png), url(./img/header.jpg) !important;
	background-position: left bottom, center 0 !important;
	background-size: 130% auto, auto 240px !important;
	background-repeat: no-repeat, no-repeat !important;
}

header #org .headinnor h1 {
	width: 100%;
	height: auto;
	padding: 130px 0 0 0;
	overflow: hidden;
}
header #org .headinnor img {
	width: 110%;
	height: auto;
	overflow: hidden;
}


}