@charset "utf-8";
.floating-banner {
    position: fixed; /* 追従 */
    z-index: 99999; /* 他の要素の下に隠れないように */
    bottom: 0px;/* バナーの上下の位置 */
   left:0px; /* バナーの左右の位置 */
}
.pc {
    width: 550px; /* バナーの横幅を指定 */

}

.sp {
    display: none; /* PCではスマホ用のバナーは非表示に */
}


.mainNextWrapper{
	width:50%;
	min-width:50%;
	/*画像以外はshare.cssに記述*/
	background-image:url(./images/main.jpg);
}
/*--------------------------------------------------------------------------------*/
article.honbunWrapper {
    padding: 0;
}
/**/
.ueWrapper{
	position:relative;
	width:100%;
	padding:0;
	margin:0;
}
.ueWrapper .mainNextWrapper{
	width:50%;
	height:55vw;
}
.ueWrapper .right{
	width:50%;
}
.ueWrapper .right .catchCopy{
	width:350px;
	margin:0 auto;
	text-align:center;

	line-height:1.6em;
	letter-spacing:-0.00em;
}
.ueWrapper .right .titleBox{
	margin:40px 0 0;
	text-align:center;
}
.ueWrapper .right .txt{
	width:90%;
	margin:0 auto;
	text-align:center;
	text-align:justify;
}
.ueWrapper .right .inner{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
/**/
.contWrapper.c01{
	padding:0;
}
.contWrapper.c01 .left{
	order:2;
	width:50%;
	height:35vw;
	margin:0;
	padding:0;
}
.contWrapper.c01 .right{
	order:1;
	align-items:center;
	width:35vw;
	margin:0 auto;
}
.contWrapper.c01 .right .pBox{
	width:16vw;
	height:16vw;
}
/**/
.contWrapper.c02{
	padding:0;
}
.contWrapper.c02 .left{
	width:50%;
	height: 454px;
	margin:0;
	padding:0;
}
.contWrapper.c02 .left .pBox{
	width:327px;
	height:454px;
	margin:0;
	padding:0;
	float:right;
}
.contWrapper.c02 .right{
	width:50%;
	padding:70px 70px 0;
	text-align:left;
}
.contWrapper.c02 .right .chef{

}
.contWrapper.c02 .right .chef p:nth-child(1){
	font-weight:normal;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, sans-serif;
}
.contWrapper.c02 .right .chef p:nth-child(2){
	position:relative;
	margin:0 0 17px 0;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, sans-serif;
	font-size:18px;
	font-weight:bold;
}
.contWrapper.c02 .right .chef p:nth-child(2)::after{
	position: absolute;
	content: "";
	left: 0;
	bottom: -10px;
	width: 30px;
	height: 2px;
	margin: 0 auto;
	background:#5d5d5d;
}
.contWrapper.c02 .right .chef p:nth-child(3){
    position: relative;
    margin: 0 0 30px;
    font-family: 'Oswald', sans-serif;
	font-size:21px;
    font-weight: normal;
    letter-spacing: 0.24em;
    line-height: 1.3em;
}
.contWrapper.c02 .right .txt{
	width:260px;
}
/**/
.contWrapper.c03{
	margin:110px 0 0;
	padding:0;
}
.contWrapper.c03 .left{
	width:60%;
	height:35vw;
	margin:0;
	padding:0;
}
.contWrapper.c03 .left .pBox{
	width:34%;
	height:35vw;
	margin:0;
	padding:0;
}
.contWrapper.c03 .right{
	width:40%;
}
.contWrapper.c03 .right .inner{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	width:500px;
	margin:0 auto;
}
.contWrapper.c03 .right .inner .txt{
	margin:60px 0 0 0;
	padding:30px 0 0 0;
	text-align:left;
	border-top:solid 1px #ccc;
}
/**/
.contWrapper.c04{
	margin:110px 0 0;
	padding:0 0 30px;
}
.contWrapper.c04 .left{
	order:2;
	width:60%;
	height:35vw;
	margin:0;
	padding:0;
}
.contWrapper.c04 .left .pBox{
	width:100%;
	height:35vw;
	margin:0;
	padding:0;
}
.contWrapper.c04 .right{
	order:1;
	width:40%;
}
.contWrapper.c04 .right .inner{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	width:500px;
	margin:0 auto;
}
.contWrapper.c04 .right .inner .txt{
	margin:60px 0 0 0;
	padding:30px 0 0 0;
	text-align:left;
	border-top:solid 1px #ccc;
}
.contWrapper.c04 .right a .inner .txt{
	margin:60px 0 0 0;
	padding:30px 0 0 0;
	text-align:left;
	border-top:solid 1px #000000;
}











/*responsive---------------------------------------------------------------------------------------*/
@media (max-width: 992px) {

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

	.mainNextWrapper{
		width:100%;
		min-width:100%;
		/*画像以外はshare.cssに記述*/
		_background-image:url(./images/main.jpg);
	}
	/*--------------------------------------------------------------------------------*/
	article.honbunWrapper {
		padding: 0;
	}
	/**/
	.ueWrapper{
		flex-wrap:wrap;
		position:relative;
		width:100%;
	}
	.ueWrapper .mainNextWrapper{
		width:100%;
		height:100vw;
	}
	.ueWrapper .right{
		width:100%;
		padding:60px 0 ;
	}
	.ueWrapper .right .catchCopy{
		width:100%;
		font-size:29px;
	}
	.ueWrapper .right .titleBox{
		_margin:40px 0 0;
	}
	.ueWrapper .right .txt{
		_width:218px;
		_margin:0 auto;
		_text-align:left;
		_text-align:justify;
	}
	.ueWrapper .right .inner{
		position: static;
		top: 0%;
		-webkit-transform: translateY(0%); /* Safari用 */
		transform: translateY(0%);
	}
	/**/
	.contWrapper.c01{
		flex-wrap:wrap;
	}
	.contWrapper.c01 .left{
		order:1;
		width:100%;
		height:70vw;
		margin:0;
		padding:0;
	}
	.contWrapper.c01 .right{
		order:2;
		width:100%;
		margin:0 auto;
	}
	.contWrapper.c01 .right .pBox{
		width:100%;
		height:100vw;
	}
	/**/
	.contWrapper.c02{
		flex-wrap:wrap;
		padding:30px 0;
	}
	.contWrapper.c02 .left{
		width:100%;
		height:auto;
		margin:auto;
	}
	.contWrapper.c02 .left .pBox{
		width:260px;
		height:356px;
                float:none;
		margin:auto;
	}
	.contWrapper.c02 .right{
		width:90%;
		margin:0 auto;
		margin:auto;
	}
	.contWrapper.c02 .right .chef{
	}
	.contWrapper.c02 .right .chef p:nth-child(1){
	}
	.contWrapper.c02 .right .chef p:nth-child(2){
	}
	.contWrapper.c02 .right .chef p:nth-child(2)::after{
	}
	.contWrapper.c02 .right .chef p:nth-child(3){
	}
	.contWrapper.c02 .right .txt{
		width:100%;
	}
	/**/
	.contWrapper.c03{
		margin:0;
		padding:0;
		flex-wrap:wrap;
	}
	.contWrapper.c03 .left{
		width:100%;
		height:58vw;
		margin:0;
		padding:0;
	}
	.contWrapper.c03 .left .pBox{
		width:100%;
		height:58vw;
		margin:0;
		padding:0;
	}
	.contWrapper.c03 .right{
		width:90%;
		margin:0 auto;
		padding:50px 0 0;
	}
	.contWrapper.c03 .right .inner{
		position: static;
		top: 0%;
		-webkit-transform: translateY(0%); /* Safari用 */
		transform: translateY(0%);
		width:100%;
	}
	.contWrapper.c03 .right .inner .txt{
	}
	/**/
	.contWrapper.c04{
		margin:50px 0 0;
		padding:0 0 30px;
		flex-wrap:wrap;
	}
	.contWrapper.c04 .left{
		order:1;
		width:100%;
		height:58vw;
	}
	.contWrapper.c04 .left .pBox{
		width:100%;
		height:58vw;
	}
	.contWrapper.c04 .right{
		order:2;
		width:90%;
		margin:0 auto;
		padding:50px 0 0;
	}
	.contWrapper.c04 .right .inner{
		position: static;
		top: 0%;
		-webkit-transform: translateY(0%); /* Safari用 */
		transform: translateY(0%);
		width:100%;
	}
	.contWrapper.c04 .right .inner .txt{
	}




} /* /@media */
@media only screen and (max-width: 374px) {
	/*iPhone5サイズ*/




} /* /@media */