@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 769px) {
#wrapper #section01 .inner.widthfix.cf .pic-left {
	margin-right:40px;
}
#wrapper #section01 .inner.widthfix.cf .pic-right {
	margin-left:40px;
}
#wrapper #section01 .inner.widthfix.cf .image.pic-left .logomark {
	margin-bottom:40px;
}
#wrapper #section01 .inner.widthfix.cf .yellowBox {
	width:60.52%;
}
#wrapper #lead .inner.widthfix.cf .ttl .sp {
	display:none;
}
#wrapper #lead .inner.widthfix.cf {
	padding: 40px 50px 30px 10px;
}
#wrapper #lead .inner.widthfix.cf .ttl {
	margin-bottom: 40px;
}
#wrapper #lead .inner.widthfix.cf .txt {
	width: 52.6%;
}
#wrapper #lead .inner.widthfix.cf .imageArea.sp {
	display: none;
}
}
@media screen and (max-width: 768px) {

#wrapper #lead .inner.widthfix.cf .ttl .pc {
	display:none;
}
#wrapper #lead .inner.widthfix.cf {
	background-image:none !important;
}
#wrapper #lead .inner.widthfix.cf .ttl {
	margin-bottom: 28px;
}

}
@media screen and (min-width: 481px) and (max-width: 768px) {
	#wrapper #lead .inner.widthfix.cf .ttl {
	font-family:"游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", MS PMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "メイリオ", Meiryo, serif !important;
	font-size:26px;
	line-height:1.4em;
	letter-spacing:0.05em;
}
#wrapper #lead .inner.widthfix.cf .imageArea.sp {
	height:160px;
	background-attachment: scroll;
	background-image: url(img/txt_lead_bg.jpg);
	background-repeat: no-repeat;
	background-position: right 60%;
	margin-bottom:25px;
}
}
@media screen and (min-width: 481px) {
#wrapper #section02 .inner.widthfix.cf .cf li .left, #wrapper #section02 .inner.widthfix.cf .cf li .right {
	width:47.6%;
	height:auto;
}
#wrapper #section02 .inner.widthfix.cf .cf li .left, #wrapper #section02 .inner.widthfix.cf .cf li .right {
	margin-bottom:10px;
}
#wrapper #section02 .inner.widthfix.cf .cf .half {
	width: 47.6%;
	float: left;
}
#wrapper #section02 .inner.widthfix.cf .cf .half.clearize.even {
	float: right;
}
#wrapper .mainttl .inner {
	background-position: 70% top;
}
}
@media screen and (max-width: 480px) {
#wrapper #section01 .inner.widthfix.cf .image {
	left:50%;
	margin-left:-144px;
}
#wrapper #section01 .inner.widthfix.cf .image.pic-left.beforenone {
	margin-left:-134px;
}
#wrapper #section02 .inner.widthfix.cf .cf .photo {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#wrapper #lead .inner.widthfix.cf .ttl {
	font-family:"游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", MS PMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "メイリオ", Meiryo, serif !important;
	font-size:22px;
	line-height:1.4em;
	letter-spacing:0.05em;
}
#wrapper #lead .inner.widthfix.cf .imageArea.sp {
	height:120px;
	background-attachment: scroll;
	background-image: url(img/txt_lead_bg.jpg);
	background-repeat: no-repeat;
	background-position: right 60%;
	background-size:130% auto;
	margin-bottom:25px;
}
#wrapper .mainttl .inner {
	background-position: 60% top;
}
}
#wrapper .mainttl .inner {
	background-attachment: scroll;
	background-image: url(img/pagettl_bg.jpg);
	background-repeat:no-repeat;
	height:100%;
}
#wrapper .innerWrap .inner.widthfix.cf p em {
	color: #f59f62;
}
#wrapper #section01 .inner.widthfix.cf .image.pic-left .logomark {
	padding-top: 10px;
	padding-left: 40px;
	background-color:#fff;
}
#wrapper #section01 .inner.widthfix.cf .image.pic-left.beforenone:before {
	display:none;
	content:"";
}
#wrapper #section01 .inner.widthfix.cf .yellowBox {
	background-color: #fff7e5;
	padding: 12px 20px;
	margin-top:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#wrapper #section02 .inner.widthfix.cf .cf li .txt {
	clear:both;
}
#wrapper #section02 .inner.widthfix.cf .clearline {
	clear:none;
}
#wrapper #section02 .inner.widthfix.cf .cf .half {
	clear:both;
}
#wrapper #section02 .inner.widthfix.cf .cf .half.even {
	clear:none;
}
#wrapper #section02 .inner.widthfix.cf .cf .photo {
	margin-bottom: 10px;
}
#wrapper #lead .inner.widthfix.cf {
	background-attachment: scroll;
	background-image: url(img/txt_lead_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
}
#wrapper #lead .inner.widthfix.cf .concept {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #f59f62;
}
#wrapper #lead .inner.widthfix.cf .txt{
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
}