@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700&display=swap');

#Shift_wrap {
	width:100%;
	max-width:1000px;
	display:block;
	padding:0 !important;
	margin:0 !important;
	margin:0 auto 50px auto !important;
	text-align:center !important;
	font-size:16px;
	line-height:180%;
	color:#1a1a1a;
	font-family: '游ゴシック Medium', 'Yu Gothic Medium','游ゴシック', 'Yu Gothic','游ゴシック体', YuGothic, sans-serif;
	font-weight:500;
	overflow-y: hidden !important;
}
#Shift_container div,#Shift_container p,#Shift_container span,#Shift_container figure,#Shift_container h2, #Shift_container h3 { margin:0; padding:0; }
#Shift_container a {
	color:#000;
	text-decoration:none;
}
#Shift_container img {
	max-width:100%;
	height:auto;
}
#Shift_container a img:hover { opacity:0.7; }
#Shift_container ul,li { list-style:none; margin:0; padding:0; }
#Shift_container .pc {
	display:inline-block;
	margin:0 auto !important;
}
#Shift_container .sp {
	display:none !important;
}
#Shift_container figure.top {
	display:block;
	margin:0 auto;
}

#Shift_container .container {
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
#Shift_container .mainbox {
	max-width:900px;
	justify-content:space-between;
	align-items:center;
	margin:50px auto;
}
#Shift_container .itembox {
	max-width:700px;
	justify-content:space-between;
	align-items:flex-start;
	margin:20px auto 20px auto;
}
	#Shift_container .mainbox .boxImg {
		width:45%;
		margin-bottom:30px;
	}
	#Shift_container .mainbox .boxText {
		width:50%;
		margin-bottom:30px;
		font-weight:bold;
		position:relative;
	}
	#Shift_container .itembox div {
		width:48%;
	}
	#Shift_container .itembox div.itemColumn {
		width:100%;
	}
	#Shift_container .mainbox div:nth-child(1) { order:1; }
	#Shift_container .mainbox div:nth-child(2) { order:2; }
	#Shift_container .mainbox div:nth-child(3) { order:4; }
	#Shift_container .mainbox div:nth-child(4) { order:3; }
	
		#Shift_container .mainbox .boxInner {
			width:100%;
			position:absolute;
			top:50%;
			left:50%;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
		}
		#Shift_container .mainbox .boxText h2 img {
			max-height:25px;
			width:auto;
			margin-bottom:50px;
		}
		#Shift_container .mainbox .boxText p {
			width:60%;
			line-height:200%;
			text-align:left;
			margin:0 auto;
		}

		#Shift_container .itembox div > p {
			text-align:left;
			margin-top:10px;
		}
		#Shift_container .itembox div > p > span {
			font-size:14px;
		}

#Shift_container h3 {
	width:100%;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}
#Shift_container h3 span {
	font-size:14px;
	font-weight:middle;
}

#Shift_container .color {
	width:100%;
	max-width:250px;
	display:block;
	margin:40px auto;
}

#Shift_container h4 {
	width:100%;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin:100px auto 0px auto;
}
	#Shift_container h4:before {
		content:"";
		display:inline-block;
		width:50px;
		height:25px;
		vertical-align:middle;
		margin-right:0.5em;
	}
	#Shift_container h4.noOne:before {
		background:url(https://carrot.itembox.design/item/images/shift/i_num01.png) no-repeat;
		background-size:contain;
	}
	#Shift_container h4.noTwo:before {
		background:url(https://carrot.itembox.design/item/images/shift/i_num02.png) no-repeat;
		background-size:contain;
	}
	#Shift_container h4.noThree:before {
		background:url(https://carrot.itembox.design/item/images/shift/i_num03.png) no-repeat;
		background-size:contain;
	}
	#Shift_container h4.noFour:before {
		background:url(https://carrot.itembox.design/item/images/shift/i_num04.png) no-repeat;
		background-size:contain;
	}
	#Shift_container h4.noFive:before {
		background:url(https://carrot.itembox.design/item/images/shift/i_num05.png) no-repeat;
		background-size:contain;
	}

#Shift_container .clickBtn {
	display:block;
	max-width:700px;
	margin:0 auto;
	box-sizing:border-box;
}
#Shift_container .clickBtn > a {
	width:100%;
	display:inline-block;
	background:#809933;
	padding:50px 0;
	border: 2px solid #809933;
	box-sizing:border-box;
}
#Shift_container .clickBtn > a:hover {
	background:#fff;
}
	#Shift_container .clickBtn > a > p {
		color:#fff;
		font-size:20px;
		font-weight:bold;
		position:relative;
	}
	#Shift_container .clickBtn > a:hover > p {
		color:#809933;
	}
	#Shift_container .clickBtn > a > p:before {
		content:"";
		display:inline-block;
		background:url(https://carrot.itembox.design/item/images/shift/i_mark.png) no-repeat;
		background-size:contain;
		width:40px;
		height:40px;
		position:absolute;
		top:0;
		bottom:0;
		margin:auto;
		left:calc( 50% - 7.0em );
	}


/* ------------------------------------------- */
/* ------------------------------------------- */

@media screen and (max-width:769px) {
#Shift_container_wrap {
	width:100%;
	font-size:15px !important;
	font-family: '游ゴシック Medium', 'Yu Gothic Medium','游ゴシック', 'Yu Gothic','游ゴシック体', YuGothic, sans-serif;
	font-family: 'Noto Serif JP', serif;
	font-weight:500;
}
#Shift_container {
	width:100%;
	margin:0 auto !important;
}
#Shift_container .pc {
	display:none !important;
}
#Shift_container .sp {
	display:inline-block !important;
	margin:0 auto !important;
}
#Shift_container figure.top {
	display:block;
	margin:0 auto !important;
	padding-bottom:50px !important;
}

#Shift_container .container {
	width:95%;
}
#Shift_container .mainbox {
	max-width:900px;
	justify-content:space-between;
	align-items:center;
	margin:50px auto 0 auto !important;
}
	#Shift_container .mainbox .boxImg {
		width:100%;
		margin-bottom:100px;
	}
	#Shift_container .mainbox .boxImg img {
		max-width:70%;
		height:auto;
	}
	#Shift_container .mainbox .boxText {
		width:100%;
		margin-top:50px;
		margin-bottom:-30px !important;
		font-weight:bold;
		position:relative;
	}
	#Shift_container .mainbox .boxText p {
		width:100% !important;
		text-align:center !important;
	}
	#Shift_container .mainbox div:nth-child(1) { order:2; }
	#Shift_container .mainbox div:nth-child(2) { order:1; }
	#Shift_container .mainbox div:nth-child(3) { order:4; }
	#Shift_container .mainbox div:nth-child(4) { order:3; }

		#Shift_container .mainbox .boxInner {
			position:relative;
			top:50%;
			left:50%;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
		}
	
	#Shift_container .itembox div {
		width:50%;
	}
	#Shift_container .itembox div.itemColumn {
		width:100%;
	}
		#Shift_container .mainbox .boxText h2 img {
			max-height:20px;
			width:auto;
			margin-bottom:20px;
		}
	#Shift_container .itembox div.itemColumn > p {
		text-align:center;
	}

#Shift_container h3 {
	width:100%;
	text-align:center;
	font-size:17px !important;
	font-weight:bold;
	margin-top:-50px !important;
}
#Shift_container h3 span {
	font-size:12px !important;
	font-weight:normal !important;
}
#Shift_container .color {
	width:80%;
	max-width:350px;
	display:block;
	margin:40px auto;
}

#Shift_container h4 {
	width:100%;
	text-align:center;
	font-size:16px !important;
	font-weight:bold;
	margin:70px auto 0px auto;
}
	#Shift_container h4:before {
		content:"";
		display:inline-block;
		width:50px;
		height:25px;
		vertical-align:middle;
		margin-right:0.5em;
	}

#Shift_container .clickBtn {
	display:block;
	width:95%;
	max-width:700px;
	margin:0 auto;
}
#Shift_container .clickBtn > a {
	width:100%;
	display:inline-block;
	background:#809933;
	padding:25px 0;
}
	#Shift_container .clickBtn > a > p {
		color:#fff;
		font-size:17px !important;
		font-weight:middle !important;
		position:relative;
	}
	#Shift_container .clickBtn > a > p:before {
		content:"";
		display:inline-block;
		background:url(https://carrot.itembox.design/item/images/shift/i_mark.png) no-repeat;
		background-size:contain;
		width:30px !important;
		height:30px !important;
		position:absolute;
		top:0;
		bottom:0;
		margin:auto;
		left:calc( 50% - 6.5em ) !important;
	}
}

/* ------------------------------------------- */
/* ------------------------------------------- */

@media screen and (max-width:415px) {

#Shift_container_wrap {
	width:100%;
	font-size:15px !important;
	font-family: 'Noto Serif JP', serif !important;
	font-weight:500;
}

#Shift_container h4 {
	width:100%;
	text-align:center;
	font-size:15px !important;
	font-weight:bold;
	margin:70px auto 0px auto;
}
	#Shift_container h4:before {
		content:"";
		display:inline-block;
		width:30px;
		height:15px;
		vertical-align:middle;
		margin-right:0.5em;
	}
	#Shift_container .clickBtn > a > p {
		color:#fff;
		font-size:16px !important;
		font-weight:middle !important;
		position:relative;
	}
	#Shift_container .clickBtn > a > p:before {
		content:"";
		display:inline-block;
		background:url(https://carrot.itembox.design/item/images/shift/i_mark.png) no-repeat;
		background-size:contain;
		width:20px !important;
		height:20px !important;
		position:absolute;
		top:0;
		bottom:0;
		margin:auto;
		left:calc( 50% - 5.5em );
	}
}

/* ------------------------------------------- */