@charset "UTF-8";
@media screen and (min-width: 768px) {}
@media screen and (max-width: 767px) {}

#wrapper{
	position: relative;
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (min-width: 768px) {
	
#wrapper{
	min-width: 1150px;
}

#mv {
	z-index: 99;
	position: relative;
	width: 100%;
	min-width: 1110px;
	padding-bottom: 60px;
	/*padding-bottom: 47%;
	background: url(../images/index/mv.jpg) left top no-repeat #ff0000;
	background-size: 100% auto;*/
}
#mv .photo {
	position: relative;
	float: right;
	width: 81.9%;
	height: 728px;
}
#mv .photo .shadow{
	z-index: 100;
	position: absolute;
	right: 0;
	top:0;
	width: 100%;
}
#mv .photo ul li {
	position: relative;
	width: 100%;
	height: 728px;
}
#mv .photo ul li img {
	width: 100%;
	height: 728px;
	object-fit: cover;
	border-radius: 0 0 0 20px;
}
#mv .copy {
	z-index: 100;
	position: absolute;
	left: 98px;
	top: 250px;
}
#mv .scroll {
	position: absolute;
	left: 165px;
	top: 626px;
}
#slide {
	z-index: 100;
	position: absolute;
	right: 0;
	top: 517px;
	width: 705px;
	height: 252px;
}
#slide .bx-wrapper {
	/*
	position: relative;
	margin: 0 ;
	padding: 0;
	*zoom: 1;
	*/
	width: 705px!important;
	max-width: 705px!important;
}

#slide #slider li {
	width: 620px !important;
	height: 300px!important;
	overflow: visible!important;
}
#slide #slider li img{
	width: 600px;
	/*filter: drop-shadow(0px 10px 20px 0px rgba(0,0,0,0.1));*/
	box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1);
	border-radius: 20px;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

#slide .bx-wrapper .bx-prev {
	left: -37px;
	background: url(../images/index/slide_btn_prev.png) no-repeat;
}
#slide .bx-wrapper .bx-next {
	right: 68px;
	background: url(../images/index/slide_btn_next.png) no-repeat;
}
#slide .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -27px;
	outline: 0;
	width: 54px;
	height: 54px;
	text-indent: -9999px;
	z-index: 9999;
}
#slide .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

}
@media screen and (max-width: 767px) {
	
	#mv {
		position: relative;
	}
	#mv .photo {
		position: relative;
		float: right;
		width: 83.3%;
	}
	#mv .photo .shadow{
		z-index: 100;
		position: absolute;
		right: 0;
		top:0;
		width: 100%;
	}
	#mv .copy {
		z-index: 100;
		position: absolute;
		left: calc( 100vw * calc(30 / 750));
		top: calc( 100vw * calc(268 / 750));
		width: 57.6%;
	}
	#mv .scroll {
		display: none;
	}
	#slide {
		z-index: 100;
		position: absolute;
		right: 0;
		top: calc( 100vw * calc(700 / 750));
		width: 90%;
	}
	#slide .bx-wrapper {
		/*
		position: relative;
		margin: 0 ;
		padding: 0;
		*zoom: 1;
		*/
		width:  100%!important;
		max-width:  100%!important;
	}
	#slide #slider li {
		width: 82.7vw !important;
	}
	#slide #slider li img {
		width: 80vw !important;
		box-shadow:0px 7px 12px 0px rgba(0,0,0,0.1);
		border-radius: 2.7vw;
		margin-bottom: 20px;
	}
	/* DIRECTION CONTROLS (NEXT / PREV) */
	#slide .bx-wrapper .bx-prev {
		left: -4.2vw;
		background: url(../images/index/slide_btn_prev.png) no-repeat;
	}
	#slide .bx-wrapper .bx-next {
		right: 2.7vw;
		background: url(../images/index/slide_btn_next.png) no-repeat;
	}
	#slide .bx-wrapper .bx-controls-direction a {
		position: absolute;
		top: 50%;
		margin-top: -3.6vw;
		outline: 0;
		width: 7.2vw;
		height: 7.2vw;
		background-size: 100%;
		text-indent: -9999px;
		z-index: 9999;
	}
	#slide .bx-wrapper .bx-controls-direction a.disabled {
		display: none;
	}
		
}
	
@media screen and (min-width: 768px) {
#contents {
	padding: 0 0;
}
.bg_area {
	background: #f5f5f5;
	padding-bottom: 60px;
}
.wrap01 {
	position: relative;
	min-width: 1150px;
	background: linear-gradient(90deg,#f5f5f5 50%, #ffffff 50%);
}
.wrap01 .cont01_bg02 {
	z-index:2;
	position: absolute;
	right: 0px;
	top: -145px;
	
}
.wrap01_inner  {
	z-index:1;
	position: relative;
	width: 1110px;
	margin: 0 auto;
	/*margin-left: calc( ( 100vw - 1150px  ) / 2 );*/
	background: #ffffff;
	
}
.wrap01_inner .cont01_bg01 {
	z-index:1;
	position: absolute;
	left: -120px;
	top: 36px;
}
#cont01 {
	z-index:2;
	position: relative;
	box-sizing: border-box;
	height: 1092px;
	padding: 170px 0 0 150px
}
#cont01 .ttl {
	margin-bottom: 50px;
	font-size: 50px;
	font-weight: bold;
	line-height: 1.36;
	letter-spacing: 0.06em;
}
#cont01 p {
	font-size: 18px;
	line-height: 2.22;
	letter-spacing: 0.06em;
	color: #444444;
}
	
}
@media screen and (max-width: 767px) {
	.bg_area {
		background: #f5f5f5;
		padding-bottom: 3.7%;
		
	}
	.wrap01 {
		position: relative;
		min-width: 100%;
		/*background:linear-gradient(90deg,blue 0%,blue 50%,red 50%,red 100%);*/
		background: linear-gradient(90deg, #f5f5f5 0%, #f5f5f5 10%, #ffffff 10%, #ffffff 100%);
	}
	.wrap01 .cont01_bg02 {
	}
	.wrap01_inner  {
	}
	.wrap01_inner .cont01_bg01 {
		z-index:2;
		position: absolute;
		left: -13.3%;
		top: 0;
		width: 95%;
		margin-top: 23.6%;
	}
	#cont01 {
		z-index:2;
		position: relative;
		box-sizing: border-box;
		padding: 39% 0 0 16.5%;
	}
	#cont01 .ttl {
		margin-bottom: 9%;
		font-size: calc( 100vw * calc(60 / 750));
		font-weight: bold;
		line-height: 1.36;
		letter-spacing: 0.06em;
	}
	#cont01 p {
		padding-bottom: 5%;
		font-size: calc( 100vw * calc(26 / 750));
		line-height: 2.22;
		letter-spacing: 0.02em;
		color: #444444;
	}
	.wrap01_inner .cont01_bg0201 {
		z-index:1;
		position: absolute;
		right: 0;
		top: 0;
		width: 36.5%!important;
		margin-top: 2.3%;
	}
	.wrap01_inner .cont01_bg0202 {
		padding-bottom: 8%;
	}
	
}


@media screen and (min-width: 768px) {
#cont02 ul {
	position: relative;
	height: 720px;
}
#cont02 ul li.bnr01 {
	position: absolute;
	left: 0;
	top:0;
	width: 50%;
	height: 720px;
	background:
		url(../images/common/cont02_bg0101.png) right 112px bottom -36px no-repeat,
		url(../images/common/cont02_bg01.png)
	;
	transition: all 0.1s ease;
}
#cont02 ul li.bnr01:hover {
	z-index: 100;
	top: -36px;
	left: 0;
	padding: 36px 72px 36px 0;
	border-radius: 0 20px 20px 0;
	background:
		url(../images/common/cont02_bg0101.png) right 184px bottom 0px no-repeat,
		url(../images/common/cont02_bg01.png)
	;
}
#cont02 ul li.bnr02 {
	position: absolute;
	right: 0;
	top:0;
	width: 50%;
	height: 720px;
	/*background: #f4af6a;*/
	background:
		url(../images/common/cont02_bg0201.png) left 108px bottom -36px no-repeat,
		url(../images/common/cont02_bg02.png)
	;
	transition: all 0.1s ease;
}
#cont02 ul li.bnr02:hover {
	z-index: 100;
	top: -36px;
	right: 0;
	padding: 36px 0 36px 72px;
	border-radius: 20px 0 0 20px;
	background:
		url(../images/common/cont02_bg0201.png) left 180px bottom 0px no-repeat,
		url(../images/common/cont02_bg02.png)
	;
}
#cont02 ul li a {
	position: relative;
	display: block;
	height: 720px;
}
#cont02 ul li a .inner {
	width: 380px;
	text-align: center;
}
#cont02 ul li.bnr01 a .inner {
	position: absolute;
	right: 175px;
	top: 150px;
}
#cont02 ul li.bnr02 a .inner {
	position: absolute;
	left: 175px;
	top: 150px;
}
#cont02 ul li a .inner .ttl {
	margin-bottom: 45px;
}
#cont02 ul li a .inner p {
	margin-bottom: 45px;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: 0.08em;
}
#cont02 ul li.bnr01:hover .btn01 span{
	color: #ff6363;
	background: #ffffff;
}
#cont02 ul li.bnr02:hover .btn01 span{
	color: #f4af6a;
	background: #ffffff;
}

}
@media screen and (max-width: 767px) {
	#cont02 ul {
		position: relative;
	}
	#cont02 ul li.bnr01 {
		/*background: #ff6363;*/
		background:
			url(../images/index/sp/cont02_bg0101.png) center bottom no-repeat,
			url(../images/common/cont02_bg01.png)
		;
		background-size: 100% auto;
	}
	#cont02 ul li.bnr02 {
		background:
			url(../images/index/sp/cont02_bg0201.png) center bottom -36px no-repeat,
			url(../images/common/cont02_bg02.png)
		;
		background-size: 100% auto;
	}
	#cont02 ul li a {
		position: relative;
		display: block;
		padding: 18.7% 0 38% 0;
	}
	#cont02 ul li a .inner {
		text-align: center;
	}
	#cont02 ul li.bnr01 a .inner {
	}
	#cont02 ul li.bnr02 a .inner {
	}
	#cont02 ul li a .inner .ttl {
		display: inline-block;
		width: 48%;
		margin-bottom: 5.3%;
	}
	#cont02 ul li a .inner p {
		margin-bottom: 5.3%;
		color: #ffffff;
		font-size: calc( 100vw * calc(28 / 750));
		line-height: 1.6;
		letter-spacing: 0.08em;
	}
}


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

#cont03 {
	position: relative;
	width: 1110px;
	height: 680px;
}
#cont03 .photo {
	/*margin-left: -165px;730*/
	width: calc( 730px + ( 100vw - 1150px ) / 2);
	min-width: 895px;
	height: 475px;
	margin-left: calc( ( 100vw - 1150px ) / 2 );
}
#cont03 .contbox {
	position: absolute;
	right: 0;
	top: 185px;
	box-sizing: border-box;
	width: 540px;
	height: 374px;
	padding: 105px 0 0 0;
	text-align: center;
	border-radius: 20px;
	background: #fff;
	box-shadow:0px 15px 24px 0px rgba(0,0,0,0.1);
}
#cont03 .contbox h2{
	margin-bottom: 20px;
}
#cont03 .contbox p{
	margin-bottom: 40px;
	font-size: 16px;
	color: #444444;
}
#cont03 .contbox .btn01 a{
	border: 1px solid #6f6f6f;
	color: #6f6f6f;
}
#cont03 .contbox .btn01 a:hover{
	border: 1px solid #6f6f6f;
	color: #fff;
	background: #6f6f6f;
}
#cont03 .contbox .btn01 a:before {
	border-top: 1px solid #6f6f6f;
}
#cont03 .contbox .btn01 a:after {
	border-color: transparent transparent transparent #6f6f6f;
}
#cont03 .bg01 {
	position: absolute;
	right: -135px;
	top: 77px;
}

#cont04 .inner .btn01 {
  text-align:center;
  float: right;
  width: 750px;
}
#cont04 .inner .btn01 a{
	border: 1px solid #6f6f6f;
	color: #6f6f6f;
  width:180px;
  height:54px;
  line-height:54px;
}
#cont04 .inner .btn01 a:hover{
	border: 1px solid #6f6f6f;
	color: #fff;
	background: #6f6f6f;
}
#cont04 .inner .btn01 a:before {
	border-top: 1px solid #6f6f6f;
  top:27px;
}
#cont04 .inner .btn01 a:after {
	border-color: transparent transparent transparent #6f6f6f;
  top:18px;
}

#cont04 .inner ul li.off {
  display:none;
}

}

@media screen and (min-width: 1150px) {

#cont03 .photo {
	/*margin-left: -165px;730*/
	width: calc( 730px + ( 100vw - 1150px ) / 2);
	min-width: 895px;
	height: 475px;
	margin-left: calc( ( -100vw + 1150px ) / 2 );
	background: #ff0000;
}
#cont03 .photo img {
	object-fit: cover;
	width: 100%;
	height: 475px;
}

}


@media screen and (max-width: 767px) {
	
	#cont03 {
		position: relative;
		padding-bottom: 11%;
		overflow: hidden;
	}
	#cont03 .photo {
		width: 80.5%;
	}
	#cont03 .contbox {
		position: relative;
		width: 72%;
		margin: -32.7% 0 0 24.5%;
		padding: 12% 0 9.5% 0;
		text-align: center;
		border-radius: 20px;
		background: #fff;
		box-shadow:0px 15px 24px 0px rgba(0,0,0,0.1);
	}
	#cont03 .contbox h2{
		display: inline-block;
		width: 39%;
		margin-bottom: 3%;
	}
	#cont03 .contbox p{
		margin-bottom: 5%;
		font-size: calc( 100vw * calc(24 / 750));
		color: #444444;
	}
	#cont03 .contbox .btn01 a{
		border: 1px solid #6f6f6f;
		color: #6f6f6f;
	}
	#cont03 .contbox .btn01 a:before {
		border-top: 1px solid #6f6f6f;
	}
	#cont03 .contbox .btn01 a:after {
		border-color: transparent transparent transparent #6f6f6f;
	}
	#cont03 .bg01 {
		position: absolute;
		right: -14vw;
		top: 15.6vw;
		width: 41.6%;
	}

	#cont04 > #navi_news {
		position: absolute;
		top: -40px;
		left: 0;
	}

	#cont04 .inner .btn01{
    display:block;
    text-align:center;
  }
  #cont04 .inner .btn01 a{
    border: 1px solid #6f6f6f;
    color: #6f6f6f;
    width:40vw;
    height:11vw;
  }
  #cont04 .inner .btn01 a:hover{
    border: 1px solid #6f6f6f;
    color: #fff;
    background: #6f6f6f;
  }
  #cont04 .inner .btn01 a:before {
    border-top: 1px solid #6f6f6f;
  }
  #cont04 .inner .btn01 a:after {
    border-color: transparent transparent transparent #6f6f6f;
  }
  #cont04 .inner ul li.off {
    display:none;
  }

}

@media screen and (min-width: 768px) {
#cont04 {
	position: relative;
	width: 100%;
	background: #fff;
}
#cont04 .inner {
	width: 1110px;
	margin: 0 auto;
	padding: 124px 0 90px;
	font-size: 13px;
}
#cont04 .ttl {
	float: left;
	width: 320px;
}
#cont04 .ttl .topix {
	margin-bottom: 50px;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#cont04 .ttl h2 {
	letter-spacing: 0.08em;
	font-size: 13px;
}
#cont04 .ttl h2 img {
	display: block;
	margin-bottom: 17px;
}
#cont04 ul {
	float: right;
	z-index: 10;
	position: relative;
	width: 760px;
}
#cont04 ul li {
	display: flex;
	width: 760px;
	padding: 25px 0;
	line-height: 1.92;
	border-top: 1px solid #ebebeb;
}
#cont04 ul li a {
	color: #ff5e4e;
}
#cont04 ul li:first-child {
	padding: 0 0 25px;
	border-top: none;
}
#cont04 ul li .day {
	width: 95px;
}
#cont04 ul li .cat .ryori {
	display: inline-block;
	width: 46px;
	height: 22px;
	margin-right: 5px;
	background: #ff6363;
	border-radius: 11px;
	line-height: 22px;
	text-align: center;
	color: #fff;
}
#cont04 ul li .cat .kashi {
	display: inline-block;
	width: 46px;
	height: 22px;
	margin-right: 5px;
	background: #f4af6a;
	border-radius: 11px;
	line-height: 22px;
	text-align: center;
	color: #fff;
}
#cont04 ul li .cat .other {
	display: inline-block;
	width: 56px;
	height: 22px;
	margin-right: 5px;
  background: #cccccc;
	border-radius: 11px;
	line-height: 22px;
	text-align: center;
	color: #fff;
}
#cont04 ul li .cat {
	width: 125px;
}
#cont04 ul li p {
	width: 550px;
}

}

@media screen and (max-width: 767px) {
	#cont04 {
		position: relative;
		width: 100%;
		background: #fff;
	}
	#cont04 .inner {
		padding: 27.7% 6.7% 10.7%;
		font-size: calc( 100vw * calc(22 / 750));
	}
	#cont04 .ttl {
		padding-bottom: 7.7%;
	}
	#cont04 .ttl .topix {
		margin-bottom: 5.3%;
		font-family: 'Lato', sans-serif;
		font-size: calc( 100vw * calc(20 / 750));
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	#cont04 .ttl h2 {
		letter-spacing: 0.08em;
		font-size: calc( 100vw * calc(24 / 750));
	}
	#cont04 .ttl h2 img {
		display: block;
		width: 42.3%;
		margin-bottom: 3%;
	}
	#cont04 ul {
		z-index: 10;
		position: relative;
	}
	#cont04 ul li {
		padding: 6% 0;
		line-height: 1.63;
		border-top: 1px solid #ebebeb;
	}
	#cont04 ul li a {
		color: #ff5e4e;
	}
	#cont04 ul li .day {
		display: inline-block;
		float: left;
	}
	#cont04 ul li .cat {
		display: inline-block;
		float: right;
	}
	#cont04 ul li .cat .ryori {
		display: inline-block;
		width: 10vw;
		height: 4.3vw;
		margin-right: 5px;
		background: #ff6363;
		border-radius: 2.2vw;
		line-height: 4.3vw;
		text-align: center;
		color: #fff;
	}
	#cont04 ul li .cat .kashi {
		display: inline-block;
		width: 10vw;
		height: 4.3vw;
		margin-right: 5px;
		background: #f4af6a;
		border-radius: 11px;
		line-height: 4.3vw;
		text-align: center;
		color: #fff;
	}
	#cont04 ul li .cat .other {
		display: inline-block;
		width: 12vw;
		height: 4.3vw;
		margin-right: 5px;
    background: #cccccc;
		border-radius: 11px;
		line-height: 4.3vw;
		text-align: center;
		color: #fff;
	}
	#cont04 ul li p {
		clear: both;
		padding-top: 2.5%;
	}
	
}