@charset "utf-8";

.pc {
	display: block;
}

.sp {
	display: none;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #CCC;
	line-height: 160%;
	font-size: 13px;
}

#header {
	background: #333333;
	border-top: 10px solid #000;
}

#header h1 {
	background: #333333;
	width: 100%;
	max-width: 1000px;
	margin: 0px auto;
	padding: 20px 0;
}

#header h1 img {
	width: 140px;
}





/*
	item
--------------------------------------------------------------------------------------- */
.item01 {
	background: #000;
	padding: 20px 0;
}

.item01 p {
	background: url(../img/item01.jpg) no-repeat;
	width: 1200px;
	height: 460px;
	padding: 310px 0 0 560px;
	margin: 0 auto;
}

.item01 a {
	background: url(../img/item01_btn.png) no-repeat 0 0;
	width: 507px;
	height: 80px;
	display: block;
	text-indent: -9999px;
}

.item01 a:hover {
	background: url(../img/item01_btn.png) no-repeat 0 -80px;
}

.item01_02 {
	background: #E6E5EA;
}

.item01_02 {
	padding: 0 0 20px 0;
}
.item01_02 p {
	background: url(../img/item01_02.jpg) no-repeat;
	width: 1200px;
	height: 460px;
	padding: 310px 0 0 560px;
	margin: 0 auto;
}

.item01_02 a {
	background: url(../img/item01_btn.png) no-repeat 0 0;
	width: 507px;
	height: 80px;
	display: block;
	text-indent: -9999px;
}

.item01_02 a:hover {
	background: url(../img/item01_btn.png) no-repeat 0 -80px;
}

.item02_01 {
	background: url(../img/item02_01_bg.jpg) repeat-x;
}



/* 追加 20200124　*/

.item01_0220 {
	background: #E6E5EA;
}

.item01_0220 {
	padding: 0 0 20px 0;
}
.item01_0220 p {
	background: url(../img/item01_0220.jpg) no-repeat;
	width: 1200px;
	height: 460px;
	padding: 310px 0 0 560px;
	margin: 0 auto;
}

.item01_0220 a {
	background: url(../img/item01_btn.png) no-repeat 0 0;
	width: 507px;
	height: 80px;
	display: block;
	text-indent: -9999px;
}

.item01_0220 a:hover {
	background: url(../img/item01_btn.png) no-repeat 0 -80px;
}





.item02_02,
.item02_03 {
	background: #FFF;
}

.item02_03 p {
	background: url(../img/item02_03.jpg) no-repeat;
	width: 1200px;
	height: 530px;
	padding: 330px 220px 0;
	margin: 0 auto;
}

.item02_03 a {
	background: url(../img/item02_03_btn.png) no-repeat 0 0;
	width: 820px;
	height: 90px;
	display: block;
	text-indent: -9999px;
}

.item02_03 a:hover {
	background: url(../img/item02_03_btn.png) no-repeat 0 -90px;
}






/*
	common
--------------------------------------------------------------------------------------- */
#content .inr_wrap img {
	display: block;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}


/* #content p span {
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
} */

#content ul {
	list-style-type: none;
}





/*
	contents
--------------------------------------------------------------------------------------- */

/* main */

#main h2 {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#main {
	width: 100%;
	background: url(../img/main01_bg.jpg) repeat-x;
}

#main span {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#main p {
	width: 100%;
	background: #333;
}


/* cont */

#lp01 {
	background: #5C5C5C;
}

#lp02 {
	background: #0D100D;
}

#lp03 {
	background: #22313C;
}

#lp04 {
	background: #222222;
}

#lp05_L img,
#lp05_R img {
	width: 600px;
}

#lp05_L {
	background: #615849;
	width: 50%;
	float: left;
	text-align: right;
}

#lp05_R {
	background: #23323E;
	width: 50%;
	float: right;
}

#lp06 {
	background: #0D100D;
}

#lp07 {
	background: #555;
}

#lp08 {
	background: #DDDDDD;
}

#lp09 {
	background: #171413;
}

#lp10 {
	background: #BCC6CF;
}

#lp11 {
	background: #03335B;
}

#lp12 {
	background: #FFF;
}

#lp13 {
	background: #171413;
}

#lp14 {
	background: #FFF;
}

#lp15 {
	background: #000;
}

#lp16 {
	background: #EEE;
}

#lp17 {
	background: #FFF;
}

#lp18 {
	background: #F0F0E1;
}

#lp19 {
	background: #000;
}

#lp20 {
	background: #FFF;
}

#lp21 {
	background: #BCC6CF;
}

#lp22 {
	background: #F0F0E1;
	border-bottom: 1px solid #8A8A7B;
}

#lp23 {
	background: #FFF;
}

#lp24 {
	background: #171413;
}

#lp25 {
	background: #FFF;
}

#lp26 {
	background: #F0F0E1;
}

#lp27 {
	background: #171413;
}

#lp28 {
	background: url(../img/image28_bg.gif) repeat-x;
}









/*成分*/

.op_component {
	font-size: 12px;
	line-height: 160%;
	text-align: left;
	background: #FFF;
	width: 900px;
	padding: 10px;
	margin: 50px auto;
	border: 2px solid #9A9A9A;
}





/* sp */
@media screen and (max-width:1200px){
	
.pc {
	display: none;
}

.sp {
	display: block;
}

h1 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
	
}