/* CSS Document */


/*------------------------------------------------------

	common css

------------------------------------------------------*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html { width: 100%; overflow: scroll; font-size: 10px; }
body { font-family: '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; color: #000; line-height: 1; background-color: #fff; overflow: hidden;}
.container { width: 100%; margin-left: auto; margin-right: auto; }
ul { list-style: none; }
img { vertical-align: bottom; width: 100%; height: auto; }
a { text-decoration: none; color: #ff8300; }
a:hover { text-decoration: underline; color: #ff0000; }
/*.img { text-indent: 100%; white-space: nowrap; overflow: hidden; line-height: 0; }*/

.pc { display:block; }
.tab { display:none; }
.sp { display:none; }

.text { font-size: 1.6rem;}
.mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
main { display: block; }

@media (min-width: 769px) {
	body{ min-width: 1000px; }
	.container { max-width: 1000px; }
}

@media (max-width: 768px) {
	.container { margin-left: 20px; margin-right: 20px; width: auto; }
	.pc { display: none; }
	.tab { display: block; }
	
	.text { font-size: 1.8rem;}
}

@media (max-width: 480px) {
		.container { margin-left: 10px; margin-right: 10px; width: auto; }
	.sp { display: block; }
}


/*------------------------------------------------------

	header

------------------------------------------------------*/
header {}
header h1 {}
header h1 img { }

#leadWrap { background-color: #e6612a; padding: 30px 0;}
#leadWrap > div { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
#leadWrap .title { width: 234px; }
#leadWrap .title img { }
#leadWrap .text { color: #fff; width: auto; width: -webkit-calc(100% - 234px); width: calc(100% - 234px); line-height: 1.8; padding-left: 20px; }

header nav.container { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; margin-top: 60px; margin-bottom: 50px;}
header nav ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
header nav ul li { width: 320px; height: 75px; border: 1px solid #ffcc00; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
header nav a { display: block; height: 100%; line-height: 75px; font-size: 1.6rem; text-align: center;}
header nav a span { position: relative;}
header nav a span:before { content: ''; background: url(../images/icon01.png) no-repeat left center; display: block; width: 13px; height: 13px; position: absolute; left: -22px; top: 2px; }
header nav a:hover { text-decoration: none;}

@media (min-width: 769px) {
	header nav a { cursor: pointer;}
	header nav a:hover { opacity: 0.7;}
}

@media (max-width: 768px) {
	#leadWrap { margin-bottom: 80px; }
	#leadWrap .title { width: 100%; text-align: center; margin-bottom: 15px;}
	#leadWrap .title img { max-width: 234px; }
	#leadWrap .text { width: 100%; padding: 0 10px; }
	
	header nav.container { background-color: #fff8ea; margin: 0; max-width: none; position: absolute; top: 0; display: none;}
	header nav ul { padding-top: 69px; }
	header nav ul li { width: 100%; height: auto; border: none; border-top: 1px solid #ffca00; border-radius: 0px; }
	header nav a { font-size: 2rem;}
	header nav a span:before { content: ''; background: none; }
}


@media (max-width: 480px) {
	#leadWrap { margin-bottom: 40px; }
	
}


#menu { background: url(../images/sp/menuOpen.png) no-repeat left top; width: 69px; height: 69px; background-size: 100% auto; position: absolute; top: 0; right: 0; z-index: 999;}
#menu.active { background: url(../images/sp/menuClose.png) no-repeat left top; width: 69px; height: 69px; background-size: 100% auto;}

/*------------------------------------------------------

	heading

------------------------------------------------------*/
.heading01 { font-size: 4rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align: center; height: 150px; background: #ff8100 url(../images/titleBg01.png); line-height: 150px; position: relative; z-index: 1; color: #FFF; }
/*.heading01 span { display: block; line-height: 1; font-size: 1.6rem; position: relative; top: 50px;}*/


.heading02 { font-size: 2rem; color: #fff; background: url(../images/titleBg02.png) #e63d29; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; height: 60px; line-height: 60px; text-align: center; position: relative; margin-bottom: 44px;}
.heading02:after { content: ''; position: absolute; width: 28px; height: 14px; bottom: -14px; background: url(../images/titleArrow.png); left: 50%; left: -webkit-calc(50% - 14px); left: calc(50% - 14px); }


@media (max-width: 768px) {
.heading01 { font-size: 3rem; background: #ff8100 url(../images/titleBg01.png) no-repeat center center; background-size: contain;	}
}

@media (max-width: 480px) {
.heading01 { font-size: 3rem; height: 130px; line-height: 130px; background: #ff8100 url(../images/sp/titleBg01.png) no-repeat center center; background-size: contain; }
.heading02 { font-size: 2.4rem;}
	.heading01 span{display: block; line-height: 1.5; padding-top: 5%;}
	.heading01 span span{	padding-top: 0;}
}


/*------------------------------------------------------



------------------------------------------------------*/
.colWrap { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.colWrap .col-2 { width: 50%;}
.colWrap .col-3 { width: 33.33%;}

@media (max-width: 768px) {
	.colWrap .col-2 ,
	.colWrap .col-3 { width: 100%;}
}

/*------------------------------------------------------



------------------------------------------------------*/
.btnWrap {}

.btnWrap a:hover { text-decoration: none;}

@media (min-width: 769px) {
	.btnWrap a { cursor: pointer;}
	.btnWrap a:hover { opacity: 0.7; }
}

/*------------------------------------------------------

	contents 01

------------------------------------------------------*/
#cnt01 {background: #fff8e6; margin-bottom: 100px; padding-bottom: 1px;}
#top_lead { 
	position: relative;
 margin: 50px 0;
	padding: 7px 10px;
	min-width: 120px;
 max-width: 100%;
	background: #FFF;
	border: 4px #ffa800 solid;
	border-radius: 10px;
	text-align: center;
}

#top_lead:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

#top_lead:after{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #ffa800;
  z-index: 1;
}
#top_lead p {
	margin: 0;
	padding: 30px 0;
	font-size: 1.6rem;
	line-height: 1.8;
	background: url(../images/img_lead.png) no-repeat right bottom;
}

#cnt01_01 {}
#cnt01_01 .text { line-height: 1.8;}
#cnt01_01 .colWrap { margin-top: 30px; margin-bottom: 50px; overflow: hidden;}
#cnt01_01 .title { font-size: 3rem; margin-bottom: 15px; padding:20px 0 20px 70px;}
#cnt01_01 .col1 .title { background: url(../images/ic-y.png) no-repeat left center; border-bottom: 2px solid #ffcc00;}
#cnt01_01 .col2 .title { background: url(../images/ic-o.png) no-repeat left center; border-bottom: 2px solid #ee7800;}

#cnt01_01 .col { max-width: 575px; width: 100%;}
#cnt01_01 .col2 { flex-direction: row-reverse;}


@media (max-width: 768px) {
#cnt01_01 .col { width: 55%;}
#cnt01_01 figure { width: 40%;}
}

@media (max-width: 480px) {
#top_lead { 
	padding: 7px 10px 20px;
	}
#top_lead p {
	margin: 0;
	padding: 30px 0 90px;
	font-size: 1.5rem;
	line-height: 1.8;
	background: url(../images/img_lead.png) no-repeat center bottom;
}
#cnt01_01 .col { width: 100%;}
#cnt01_01 figure { width: 100%;}
#cnt01_01 .text { margin-bottom: 1em;}
}


#check{
	margin: 0 0 100px;
	padding: 0 30px 30px;
	background:#FFF url(../images/bg_check.png) no-repeat right bottom;
}
#check img{
	width: inherit;
}
#check p{
	margin: 0 0 20px;
	padding: 25px 0 25px 140px;
	line-height: 1.8;
	background: url(../images/check.png) no-repeat left top;
}
#check ul{
	overflow: hidden;
	display: flex;
}
#check li{
	margin: 0 5px 0 0;
	padding: 0 15px 0 0;
	font-size: 1.6rem;
	background: url(../images/arrow01.png) no-repeat right 75px;
}
#check li:last-child{
	background: none;
}
#check li span{
	margin-top: 1em;
	display: block;
	text-align: center;
	line-height: 1.5;
}
@media (max-width: 480px) {
#check{
	padding: 0 0 220px;
}
#check p{
	padding: 10px 20px 25px 120px;
	line-height: 1.8;
}
#check ul{
	display: block;
}
#check li{
	width: 90%;
	margin: 0 5% 5%;
	padding: 0 0 5%;
	background: url(../images/sp/arrow03.png) no-repeat center bottom;
	background-size: 15px;
}
#check li img{
	width: 100%;
}


}



/*------------------------------------------------------

	contents 02

------------------------------------------------------*/
#cnt02 {background: #fff8e6; margin-bottom: 100px; padding-bottom: 1px;}

#cnt02_01 { margin-top: 50px;}
#cnt02_01 .colWrap { margin-bottom: 50px; flex-direction: row-reverse;align-items: center;}
#cnt02_01 .text { max-width: 575px; font-size: 1.6rem; line-height: 1.5;}


#cnt02_02 {}
#cnt02_02 ul { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; align-items: stretch; -webkit-align-items: stretch; align-content: stretch; -webkit-align-content: stretch; }
#cnt02_02 li { width: 100%; background: #ff8100; text-align: center; font-size: 1.6rem; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-bottom: 20px; overflow: hidden; }
#cnt02_02 li a { color: #fff;}
#cnt02_02 li img {}
#cnt02_02 li span { display: block; margin: 0 0 1em; padding: 1em 0 25px; background: url(../images/arrow02.png) no-repeat center bottom; }
#cnt02_02 li:last-child { background: url("../images/img_restaurant06.jpg") no-repeat center center; background-size: cover; text-indent: 100%; white-space: nowrap; overflow: hidden;}


#cnt02_03 { clear: both; background: #FFF url(../images/img_advisor.png) no-repeat right top; margin-bottom: 100px; padding: 30px 0;}
#cnt02_03 .title {
	   margin: 0 0 30px;
				display: inline-block;
    position: relative;
    height: 80px;/*高さ*/
    line-height: 80px;/*高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0 40px 0 30px;/*文字の左右の余白*/
    font-size: 3.0rem;/*文字サイズ*/
    background: #88c511;/*背景色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
}
#cnt02_03 .title:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}
#cnt02_03 .title:after {
    top: 0;
    right: 0;
    border-width: 40px 15px 40px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
#cnt02_03 .name {font-size: 2.4rem; margin-bottom: 0.5em; padding: 0 30px; font-weight: bold;}
#cnt02_03 p {font-size: 1.6rem; margin-bottom: 1.5em;padding: 0 265px 0 30px; line-height: 1.7;}
#cnt02_03 dl {font-size: 1.6rem; margin: 0 30px; padding: 30px; background: #eef5e2; line-height: 1.7;}
#cnt02_03 dt { font-weight: bold;}
#cnt02_03 dd {}

@media (min-width: 769px) {
    #cnt02_02 li { max-width: 320px; }
    #cnt02_02 li:nth-child(3n+2) { margin-left: 20px; margin-right: 20px;}
    #cnt02_02 li a:hover{ text-decoration: none;opacity: 0.7;}
}

@media (max-width: 768px) {
#cnt02_01 .text { width: 55%;}
#cnt02_01 figure { width: 40%;}
    #cnt02_02 li { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); font-size: 2rem;}
    #cnt02_02 li:nth-child(2n+1) { margin-right: 10px;}
    #cnt02_02 li:nth-child(2n+2) { margin-left: 10px;}
}

@media (max-width: 480px) {
#cnt02_01 .text { width: 100%; margin-bottom: 2em;}
#cnt02_01 figure { width: 100%;}
    #cnt02_02 li { width: -webkit-calc(50% - 5px); width: calc(50% - 5px); font-size: 1.6rem; margin-bottom: 15px;}
    #cnt02_02 li:nth-child(2n+1) { margin-right: 5px;}
    #cnt02_02 li:nth-child(2n+2) { margin-left: 5px;}
    #cnt02_02 li span { margin-bottom: 12px; padding: 14px 0 22px;}
	
#cnt02_03 { background-image: none;}
#cnt02_03 .title {
	   margin: 0 0 30px;
    height: 120px;/*高さ*/
    line-height: 1.5;/*高さ*/
    text-align: left;
	padding-top: 5%;
    font-size: 2.8rem;/*文字サイズ*/
}
#cnt02_03 .title:after {
    border-width: 60px 15px 60px 0px;
}
#cnt02_03 p { margin: 0; padding: 0 20px 430px ;background: #FFF url(../images/sp/img_advisor.png) no-repeat center bottom; background-size: contain; }
#cnt02_03 dl {margin: 0 20px; padding: 20px;}

}


/*------------------------------------------------------

	contents 02

------------------------------------------------------*/
#cnt03 {}

#cnt03_01 {background: url(../images/bg_gourmet.png) no-repeat center center; background-size: cover; text-align: center; padding: 70px 0;}
#cnt03_01 img {width: inherit; margin: 0 auto;}
#cnt03_01 p { margin-bottom: 50px;}
#cnt03_01 .btnWrap a { background: #ff8100; border-radius: 10px;color: #FFF; font-size: 2.4rem; padding: 20px 30px; }
#cnt03_01 .btnWrap a:before {content: url(../images/arrow02.png);margin-right: 5px; }

#cnt03_02 {background: url(../images/bg_news.png) no-repeat center center; background-size: cover; padding: 50px 0;}
#cnt03_02 img { width: auto; max-width: 100%; }
#cnt03_02 .colWrap { justify-content: flex-start;}
#cnt03_02 p { margin:40px 50px 50px 0;}

@media (max-width: 768px) {
#cnt03_02 .col {width: 100%; text-align: center;}
#cnt03_02 figure { display: block; width: 80%; margin: 0px auto; text-align:  center;}
#cnt03_02 p { margin:40px auto 50px;}
}

@media (max-width: 480px) {
#cnt03_01 {background: url(../images/sp/bg_gourmet.png) no-repeat center center; background-size: cover; text-align: center; padding: 30px 0 5px;}
#cnt03_01 img {width: 100%;}
#cnt03_01 .col { margin: 0px 5%;}
#cnt03_01 p { margin-bottom: 20px;}
#cnt03_01 p.btnWrap { margin-top: 50%; margin-bottom: 15%;}
#cnt03_01 .btnWrap a { background: #ff8100; border-radius: 10px;color: #FFF; font-size: 2.0rem; padding: 20px; }

#cnt03_02 .col {width: 90%; margin: 0px 5%; text-align: center;}
#cnt03_02 {background: url(../images/sp/bg_news.png) no-repeat center center; background-size: cover;}
#cnt03_02 img {}
#cnt03_02 p { margin:0;}
#cnt03_02 figure { margin:5% auto;}
}

/*------------------------------------------------------

	footer

------------------------------------------------------*/
footer { text-align: center; background: #88c511; height: 60px; line-height: 60px; }
footer small { color: #fff; font-size: 1.2rem;}


/*------------------------------------------------------

	return top

------------------------------------------------------*/
#pageTop { text-align: center; padding-top: 50px; }
#pageTop a img { z-index: 999; max-width: 184px; }

@media (min-width: 769px) {
	#pageTop a { cursor: pointer;}
	#pageTop a:hover { opacity: 0.7;}
}