/*
	Theme Name: company_renewal3
	Theme URI: http://sphere-links.co.jp/
	Description: company_renewal3
	Version: 1.0
	Author: sphere-links
	Author URI: http://sphere-links.co.jp/
	Tags: company_renewal3

	*/


	/*
	html5doctor.com Reset Stylesheet
	v1.6.1
	Last Updated: 2010-09-17
	Author: Richard Clark - http://richclarkdesign.com
	Twitter: @rich_clark
	*/

	html,
	body,
	div,
	span,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	abbr,
	address,
	cite,
	code,
	del,
	dfn,
	em,
	img,
	ins,
	kbd,
	q,
	samp,
	small,
	strong,
	sub,
	sup,
	var,
	b,
	i,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	form,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	article,
	aside,
	canvas,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section,
	summary,
	time,
	mark,
	audio,
	video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}

	body {
		line-height: 1;
	}

	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section {
		display: block;
	}

	ul,ol {
		list-style: none;
	}

	blockquote,
	q {
		quotes: none;
	}

	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: '';
		content: none;
	}

	a {
		margin: 0;
		padding: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}


	/* change colours to suit your needs */

	ins {
		background-color: #ff9;
		color: #000;
		text-decoration: none;
	}


	/* change colours to suit your needs */

	mark {
		background-color: #ff9;
		color: #000;
		font-style: italic;
		font-weight: bold;
	}

	del {
		text-decoration: line-through;
	}

	abbr[title],
	dfn[title] {
		border-bottom: 1px dotted;
		cursor: help;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


	/* change border colour to suit your needs */

	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #cccccc;
		margin: 1em 0;
		padding: 0;
	}

	input,
	select {
		vertical-align: middle;
	}




	/*************************************************************

	ここまでリセット

	*************************************************************/
	/*共通*/
	/*全体のフォントサイズを指定、remでbodyに引っ張られないようにする*/
	html {
		-webkit-text-size-adjust: 100%;
	  font-size: 62.5%;
		font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	}

	body {
		font-size: 1.6em;
		line-height: normal;/*詰まりすぎを防ぐ*/
		color: #221815;
	}
	/*全体のフォントサイズを指定*/

	a{
		color: inherit;
		text-decoration: none;
	}

	a:hover{
		color: #094;
		text-decoration: none;
	}

	a:hover img{
	  opacity: 0.8;
	  filter: alpha(opacity=80);
	  -ms-filter: "alpha(opacity=80)";
	}

	.clearfix:after{
	  display: table;
	  clear: both;
	  content: "";
	  width: 100%;
	  height: 0;
	}

	div{
		box-sizing: border-box;
	}

	img{
		max-width: 100%;
		vertical-align: bottom;
	}


	/*ロゴ*/
	header{
		width: 100%;
		background-color: #fff;	
		font-size: 1.4rem;
	}

	header.case_lower{
		border-bottom: solid 1px #eaeaea;
	}


	.logo_area{
		max-width: 1820px;
		width: 100%;
		display: flex;
		align-items: center;
		margin: 23px auto;
		justify-content: space-between;
		color: #424242;
        padding: 0 10px;
        box-sizing: border-box;
	}
	@media screen and (max-width: 768px){
		.logo_area{
			display: block;
			margin: 10px auto;
		}
	}

.logo_area h1 {
    font-weight: normal;
    margin-right: 30px;
    max-width: 250px;
    flex-grow: 1;
    flex-shrink: 1;
}
	@media screen and (max-width: 1200px){
		.logo_area h1{
			padding-left: 20px;
		}
	}
	@media screen and (max-width: 768px){
		.logo_area h1{
			margin-bottom: 10px;
		}
	}

	.logo_area h1 img{
		margin-right: 60px;
	}
	@media screen and (max-width: 768px){
		.logo_area h1 img{
			margin-right: 0;
		}
	}
	.logo_area h1 span{
		display:block;
	}
	@media screen and (max-width: 768px){
		.logo_area h1 span{
			margin-top: 5px;
		}
	}
.logo_area p.dl_btn{
	margin-right: 10px;
}
.logo_area p a {
    display: block;
    text-align: center;
    border: solid 2px #6fba2c;
    color: #6fba2c;
    padding: 15px 10px;
    width: 380px;
}
	@media screen and (max-width: 1200px){
		.logo_area p{
			margin-right: 20px;
		}
		.logo_area p a{
			width: 240px;
			margin: 0 auto;
		}
	}
	@media screen and (max-width: 768px){
		.logo_area p{
			margin-right: 0;
            display: none;
		}
	}

	.logo_area p a:hover{
		background-color:#6fba2c;
		color: #fff;
	}

	.lower_nav{
		display: flex;
	}
	@media screen and (max-width: 768px){
		.lower_nav{
			width: 95%;
			margin: 0 auto;
			justify-content: center;
		}
	}

	.lower_nav p:nth-of-type(1){
		margin-right: 20px;
	}

.logo_area .lower_nav p a {
    width: 160px;
    box-sizing: border-box;
}
	@media screen and (max-width: 768px){
		.logo_area .lower_nav p a{
			width: 100%;
		}
	}

.logo_area .lower_nav p a span {
    background-image: url("images/ex_link_icon.png");
    background-repeat: no-repeat;
    background-position: 100% center;
    display: block;
}

.logo_area .lower_nav p a:hover span{
    background-image: url("images/ex_link_icon_on.png");
}


	.main_visual{
		background-image: url(images/main_img.png);
		background-repeat: no-repeat;
		background-size: cover;
		height: 40vw;
		background-position: center;
		position: relative;
        margin-bottom: 60px;
	}

	.main_visual p:nth-of-type(1){
		position: absolute;
		padding-left: 60vw;
		padding-top: 9vw;
	}

	.main_visual p:nth-of-type(2){
		position: absolute;
		padding-left: 10vw;
		padding-top: 23vw;
		padding-right: 64vw;
	}
		.for_sp_bn{
			display: none;
		}
	@media screen and (max-width: 768px){
		.main_visual p:nth-of-type(2){
			display: none;
		}
		.for_sp_bn{
			width: 70%;
			margin: 20px auto 0 auto;
			text-align: center;
			display: block;
		}
	}




	/*メイン*/
	.main_wrap{
		/*padding-top: 101px;*/
		overflow: hidden;
	}
	@media screen and (max-width: 768px){
		.main_wrap{
			padding-top: 50px;
		}
	}



	/*特長*/
	.sec1{
		margin-bottom: 106px;
	}
	@media screen and (max-width: 768px){
		.sec1{
			margin-bottom: 50px;
		}
	}

	.sec1 h2{
		text-align: center;
		padding: 106px 0 58px 0;
	}
	@media screen and (max-width: 768px){
		.sec1 h2{
			padding: 30px 0;
		}
		.sec1 h2 img{
			width: 60px;
		}
	}


	.sec1 .img_block{
		display: flex;
		justify-content: space-between;
	}
	@media screen and (max-width: 768px){
		.sec1 .img_block{
			display: block;
		}
	}

	.sec1 .img_block>div{
		width: 50%;
	}
	@media screen and (max-width: 768px){
		.sec1 .img_block>div{
			width: 100%;
		}
	}

	.convention_box{
		background-image: url(images/convention_bg.png);
		background-repeat: no-repeat;
		background-position: 50%;	
		background-size: cover;
		width: 100%;
		margin-right: 30px;
		padding: 24px 0 0 55px;
	}
	@media screen and (max-width: 768px){
		.convention_box{
			padding: 30px 0 30px 25px;
			height: 150px;
		}
	}

	.img_block>div:nth-of-type(2)>div:nth-of-type(1){
		display: flex;
		justify-content: space-between;
	}
	@media screen and (max-width: 768px){
		.img_block>div:nth-of-type(2)>div:nth-of-type(1){
			display: block;
		}
	}

	.confe_box{
		width: 50%;
		background-image: url(images/conference_bg.png);
		background-repeat: no-repeat;
		background-position: 50%;	
		background-size: cover;
		height: 19vw;
		padding: 24px 0 0 25px;	
		margin-right: 30px;
	}
	@media screen and (max-width: 768px){
		.confe_box{
			width: 100%;
			padding: 30px 0 30px 25px;
			height: 150px;
		}
	}

	.foyer_box{
		width: 50%;
		background-image: url(images/foyer_bg.png);
		background-repeat: no-repeat;
		background-position: 50%;	
		background-size: cover;
		height: 19vw;	
		padding: 24px 0 0 25px;		
	}
	@media screen and (max-width: 768px){
		.foyer_box{
			width: 100%;
			padding: 30px 0 30px 25px;
			height: 150px;
		}
	}

.com_box{
    width: 100%;
    background-image: url(images/communication_bg.png);
    background-repeat: no-repeat;
    background-position: 50% 80%;
    background-size: cover;
    height: 16vw;
    margin-top: 30px;
    padding: 24px 0 0 25px;		
}
@media screen and (max-width: 768px){
    .com_box{
        margin-top: 0;
        height: 150px;
        background-position: 50% 80%;
    }
}



/*お知らせ*/
.sec2{
    margin-bottom: 140px;
}
@media screen and (max-width: 768px){
    .sec2{
        margin-bottom: 50px;
    }	
}

.sec2 h2{
    text-align: center;
    /*padding-bottom:58px;*/
    /*font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/
    font-size: 4rem;
    font-weight: normal;
    position: relative;
    margin-bottom: 60px;
    letter-spacing: 1px;        
}
@media screen and (max-width: 768px){
    .sec2 h2{
        padding-bottom: 30px;
        font-size: 2.4rem;            
    }
    .sec2 h2 img{
        width: 116px;
    }
}

.sec2 h2:before{
    position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 3px;
    content: '';
    background: #82c04c;
}


.sec2 .news_box{
    width: 48%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.news_box .info{
	padding-top: 0;
}

@media screen and (max-width: 768px){
.sec2 .news_box {
    display: block;
    width: 100%;
    padding: 0 0.7%;
}
}

.sec2 .news_box .photo{
    width: 180px;
    height: 180px;
}
@media screen and (max-width: 768px){
    .sec2 .news_box .photo{
        width: 100%;
        height: 200px;
        margin-bottom: 10px;
    }
}

.sec2 .news_box .photo a{
    display: block;
    width: 100%;
    height: 100%;
}

.sec2 .news_box .photo a:hover{
    opacity: 0.9;
}

.sec2 .news_box .article_box{
    width: calc(100% - 210px);
}
@media screen and (max-width: 768px){
    .sec2 .news_box .article_box{
        width: 100%;
    }
}

.sec2 .news_box .article_box .article_ttl{
    /*font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/
    font-size: 1.8rem;
}

.sec2 .news_box .article_box .article_ttl+p span{
    background-color: #6fba2c;
    color: #fff;
    padding: 2px 10px;
    display: inline-block;
    margin: 5px 0;
}
.sec2 .news_box .article_box .article_ttl+p.campaign span {
    background-color: #1fb570;
}

.sec2 .news_box .article_box .article_exc{
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.6;
}
@media screen and (max-width: 768px){
    .sec2 .news_box .article_box .article_exc{
        margin: 10px 0 20px 0;
    }
}

.sec2 .news_box .article_box .more a{
    /*font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/
    display: block;
    width: 153px;
    background-color: #fe5858;
    color: #fff;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
}

.sec2 .news_box .article_box .more a:hover{
    background-color: #f77f7f;
}




/*代表的なご使用事例*/
.sec3{
    margin-bottom: 150px;
}
@media screen and (max-width: 768px){
    .sec3{
        width: 95%;
        margin: 0 auto 50px auto;
    }
}

.sec3 h2{
    text-align: center;
    font-size: 4rem;
    font-weight: normal;
    position: relative;
    margin-bottom: 60px;
    letter-spacing: 1px;        
}
.sec3 h2:before {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 3px;
    content: '';
    background: #82c04c;
}
@media screen and (max-width: 768px){
    .sec3 h2{
        padding-bottom: 30px;
        font-size: 2.4rem;            
    }
    .sec3 h2 img{
        width: 116px;
    }
}

ul.case_wrap {
    display: flex;
    justify-content: space-between;
    max-width: 1170px;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto;
}
@media screen and (max-width: 768px){
ul.case_wrap{
        display: block;
        width: 100%;
    }
}

ul.case_wrap li {
    flex-basis: 23%;
    margin-bottom: 20px;
}

.right_col ul.case_wrap li {
    flex-basis: 30%;
}


@media screen and (max-width: 768px){
   ul.case_wrap li{
        width: 100%;
        margin-bottom: 20px;
    }
	.right_col ul.case_wrap li {
		width: 100%;
	}
}

ul.case_wrap li>div{
    text-align: center;
}

ul.case_wrap .photo {
    width: 100%;
    height: 260px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
ul.case_wrap .photo a {
    display: block;
    width: 100%;
    height: 100%;
}
ul.case_wrap .photo a:hover{
	opacity: 0.8;
}
ul.case_wrap h4{
	text-align: center;
}




/*よくあるご質問*/
.sec4{
    margin-bottom: 150px;
}
@media screen and (max-width: 768px){
    .sec4{
        width: 95%;
        margin: 0 auto 50px auto;
    }
}

.sec4 h2{
    text-align: center;
    font-size: 4rem;
    font-weight: normal;
    position: relative;
    margin-bottom: 60px;
    letter-spacing: 1px;        
}
.sec4 h2:before {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 3px;
    content: '';
    background: #82c04c;
}
@media screen and (max-width: 768px){
    .sec4 h2{
        padding-bottom: 30px;
        font-size: 2.4rem;            
    }
}


.sec4>div{
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 768px){
    .sec4>div{
        width: 95%;
    }
}

.sec4 h3{
    background-color: #fe5858;
    color: #fff;
    width: 570px;
    padding: 12px;
    font-size: 2.0rem;
    text-align: center;
    margin: 0 auto 50px auto;
    box-sizing: border-box;
}
@media screen and (max-width: 768px){
    .sec4 h3{
        width: 100%;
    }
}


.qa_wrap{
    list-style: none;
    max-width: 1170px;
    margin: 0 auto;
}



.qa_wrap li {
    background: #e7ffe2;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
	cursor: pointer;
	position: relative;
}
.qa_wrap li:before {
    position: absolute;
    content: "+";
    right: 15px;
    top: 16px;
    font-size: 25px;
    font-weight: bold;
}
.qa_wrap li.open:before {
    content: "−";
}
.qa_wrap h4 {
    font-size: 1.8rem;
    padding: 2px 0 5px 45px;
    position: relative;
}
.qa_wrap h4 span.q_span {
    position: absolute;
    left: 0;
    top: 0px;
    width: 35px;
    height: 35px;
    color: #fff;
    background: #6fba2c;
    padding-left: 10px;
    box-sizing: border-box;
    padding-top: 3px;
}
.qa_wrap h4 span.cat{
	display: block;
	margin-bottom: 10px;
}
.qa_wrap h4 span.cat a {
    font-size: 1.2rem;
    color: #fff;
    background: #fe9900;
    padding: 8px;
    box-sizing: border-box;
}
.qa_wrap h4 span.cat a:hover{
	opacity: 0.8;
}
.info .qa_wrap{
	margin: 40px auto 50px;
}

.qa_mokuji br.sp{
	display: none;
}

/*
.top_wrap .qa_wrap{
		display: flex;
    flex-direction: column;
}
.top_wrap .qa_wrap li:nth-child(1){
	 order: 2;
}
.top_wrap .qa_wrap li:nth-child(2){
	 order: 3;
}
.top_wrap .qa_wrap li:nth-child(3){
	 order:4;
}
.top_wrap .qa_wrap li:nth-child(4){
	 order: 5;
}
.top_wrap .qa_wrap li:nth-child(5){
	 order: 1;
}*/

@media screen and (max-width: 768px){
	.qa_wrap h4 {
		font-size: 1.6rem;
		padding: 0px 16px 5px 45px;
	}
.qa_wrap h4 span.q_span {
    padding-top: 4px;
}
.qa_mokuji br.sp{
	display: inline;
}
}

.txt_a {
    padding: 15px 15px 15px 45px;
    box-sizing: border-box;
    position: relative;
    display: none;
	margin-top: 10px;
}
.txt_a.open{
	display: block;
}
.txt_a span {
    position: absolute;
    left: 0px;
    top: 10px;
    width: 35px;
    height: 35px;
    color: #fff;
    background: #28ab64;
    padding-left: 10px;
    box-sizing: border-box;
    font-weight: bold;
    padding-top: 4px;
    font-size: 2rem;
}
.txt_a a{
	color: #094;
	text-decoration: underline;
}
.txt_a a:hover{
	text-decoration: none;
}

@media screen and (max-width: 768px){
.txt_a span {
    padding-left: 11px;
    padding-top: 6px;
    font-size: 1.6rem;
}
}
.news_qa h4{
	position: relative;
  padding: 0 0 0 45px!important;
  border-bottom: none!important;
	margin-bottom: 10px!important;
}
.news_qa h4 span {
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    font-size: 2rem;
    color: #fff;
    background: #6fba2c;
    padding-left: 9px;
    padding-top: 2px;
    box-sizing: border-box;
}
.news_qa .news_cont {
    position: relative;
    padding: 18px 0 0 45px;
    box-sizing: border-box;
}
.news_qa .news_cont span {
    position: absolute;
    left: 0px;
    top: 10px;
    width: 35px;
    height: 35px;
    color: #fff;
    background: #28ab64;
    padding-left: 10px;
    box-sizing: border-box;
    font-weight: bold;
    padding-top: 4px;
    font-size: 2rem;
}


/*交通・アクセス*/
.sec5{
    margin-bottom: 150px;
}
@media screen and (max-width: 768px){
    .sec5{
        margin-bottom: 50px;
    }
}

.sec5 h2{
    text-align: center;
    padding-bottom:50px;
    font-size: 4.0rem;
    /*font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/
    font-weight: normal;
}

@media screen and (max-width: 768px){
    .sec5 h2{
        padding-bottom: 30px;
        font-size: 2.6rem;
    }
}

.sec5>p{
    max-width: 500px;
    margin: 0 auto 40px auto;
    text-align: center;
}

.sec5 .ggmap{
    padding-bottom: 30%;
}
@media screen and (max-width: 768px){
    .sec5 .ggmap{
        padding-bottom: 60%;
    }
}

.ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/*予約*/
#reserve{
    margin-top: -101px;
    padding-top: 101px;
}

.sec6{
    margin-bottom: 180px;
}
@media screen and (max-width: 768px){
    .sec6{
        margin-bottom: 50px;
    }
}

.sec6 h2{
    text-align: center;
    padding-bottom:50px;
}

@media screen and (max-width: 768px){
    .sec6 h2{
        padding-bottom: 30px;
    }
    .sec6 h2 img{
        width: 203px;
    }
}

.about_reserve a{
    display: block;
    width: 410px;
    box-sizing: border-box;
    color: #fe9900;
    border: solid 2px #fe9900;
    text-align: center;
    margin: 0 auto;
    font-size: 2.0rem;
    font-weight: bold;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 70px;
}
@media screen and (max-width: 768px){
    .about_reserve a{
        font-size: 1.6rem;
        width: 320px;
    }
}

.about_reserve a:hover{
    background-color: #fe9900;
    color: #fff;
}


.reserve_box{
    display: flex;
    justify-content: space-between;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 768px){
    .reserve_box{
        display: block;
        width: 95%;
        margin: 0 auto;
    }
}

.reserve_box>div{
    border: solid 1px #6fba2c;
}

.reserve_box>div>p{
    background-color: #6fba2c;
    text-align: center;
    color: #fff;
    font-size: 2.0rem;
    font-weight: bold;
    padding: 10px;
}
@media screen and (max-width: 768px){
    .reserve_box>div>p{
        font-size: 1.6rem;
    }
}

.reserve_box .left{
    width: 733px;
}	
@media screen and (max-width: 768px){
    .reserve_box .left{
        width: 100%;
        margin-bottom: 20px;
    }
}

.reserve_box .left ul{
    padding: 47px 20px 40px 20px;
    display: flex;
}
@media screen and (max-width: 768px){
    .reserve_box .left ul{
        display: block;
    }
}

.reserve_box .left ul li:nth-of-type(1){
    border-right:dashed 1px #000;
    width: 397px;
    margin-right: 19px;
}
@media screen and (max-width: 768px){
    .reserve_box .left ul li:nth-of-type(1){
        border-bottom:dashed 1px #000;
        width: 100%;
        margin-right: 0;
        border-right: none;
        margin-bottom: 20px;
    }
}

.reserve_box .left ul li:nth-of-type(2){
    width: calc(100% - 416px);
}
@media screen and (max-width: 768px){
    .reserve_box .left ul li:nth-of-type(2){
        width: 100%;
    }
}

.reserve_box .left ul li:nth-of-type(1)>p{
    margin-bottom: 40px;
}
@media screen and (max-width: 768px){
    .reserve_box .left ul li:nth-of-type(1)>p{
        margin-bottom: 20px;
    }
}

.reserve_box .left dl{
    display: flex;
    align-items: center;
}
@media screen and (max-width: 768px){
    .reserve_box .left dl{
        display: block;
    }
}

.reserve_box .left dl:nth-of-type(1){
    margin-bottom: 36px;
}
@media screen and (max-width: 768px){
    .reserve_box .left dl:nth-of-type(1){
        margin-bottom: 20px;
    }
    .reserve_box .left dl:nth-of-type(2){
        margin-bottom: 20px;
    }	
}

.reserve_box .left dt{
    background-image: url(images/reserve_cap.png);
    background-repeat: no-repeat;
    background-position: right 50%;
    padding-right: 20px;
    font-size: 1.8rem;
    /*font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/
    margin-right: 15px;
}
@media screen and (max-width: 768px){
    .reserve_box .left dt{
        background-image: none;
        margin-bottom: 5px;
    }
}

.reserve_pdf dd a{
    display: block;
    border: solid 2px #6fba2c;
    width: 260px;
    text-align: center;
    color: #6fba2c;
    padding: 13px;
    box-sizing: border-box;
    font-weight: bold;
}

.reserve_pdf dd a:hover{
    background-color: #6fba2c;
    color: #fff;
}

.reserve_box .right{
    width: 380px;
}
@media screen and (max-width: 768px){
    .reserve_box .right{
        width: 100%;
    }
}

	.reserve_box .right>div p:nth-of-type(1){
		margin-bottom: 74px;
	}
	@media screen and (max-width: 706px){
		.reserve_box .right>div p:nth-of-type(1){
			margin-bottom: 20px;
		}
	}

	.reserve_mail dd{
		font-size: 1.8rem;
	}

	.reserve_mail dd a{
		text-decoration: underline;
	}

	.reserve_box .left ul li:nth-of-type(2)>p:nth-of-type(1){
		margin-bottom: 40px;
	}
	@media screen and (max-width: 768px){
		.reserve_box .left ul li:nth-of-type(2)>p:nth-of-type(1){
			margin-bottom: 20px;
		}
	}


	.reserve_box .left ul li:nth-of-type(2)>p:nth-of-type(2){
		margin-bottom: 27px;
	}

	.reserve_box .right>div{
		padding: 47px 18px 40px 18px;
	}

	.reserve_box .right>div>p:nth-of-type(2) a{
		border: solid 2px #6fba2c;
		width: 260px;
		margin: 0 auto;
		text-align: center;
		display: block;
		font-size: 1.6rem;
		color: #6fba2c;
		font-weight: bold;
		padding: 12px;
	}

	.reserve_box .right>div>p:nth-of-type(2) a:hover{
		background-color: #6fba2c;
		color: #fff;
	}

	#btn a{
		margin-bottom: 20px;
	}


	/*下層*/
.lower_wrap{
    padding-bottom: 50px;
}
@media screen and (max-width: 768px){
    .lower_wrap{
        padding-top: 50px;
    }
}

.lower_wrap>div{
    /*width: 95%;
    margin: 0 auto;*/
}

.lower_wrap h2{
    text-align: center;
    margin-bottom: 40px;
    font-size: 3.4rem;
    font-weight: normal;	
    /*font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/
}
@media screen and (max-width: 768px){
    .lower_wrap h2{
        font-size: 2.6rem;
        margin-bottom: 30px;
    }
}

.lower_wrap h3{
    position: relative;
    text-align: center;
    font-size: 2.8rem;
    font-weight: normal;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.lower_wrap h3:before{
    position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 3px;
    content: '';
    background: #82c04c;
}


	.business_day,
	.time,
	.price{
		margin-bottom: 100px;
	}

	.business_day dl{
		display: flex;
		margin-bottom: 30px;
	}
	@media screen and (max-width: 768px){
		.business_day dl{
			display: block;
		}
	}

	.business_day dl dt{
		width: 6em;
	}

	@media screen and (max-width: 768px){
		.business_day dl dd{
			padding-left: 1em;
		}
	}

	.time dl{
		margin-bottom: 10px;
	}

	.time dd{
		padding-left: 1em;
	}

	.tbl_lyt table{
		width: 100%;
		border-collapse: collapse;
		border: 1px solid #ccc;
	}

	.tbl_lyt table th{
		font-weight: normal;
	}

	.time .tbl_lyt{
		max-width: 60%;
	}

	.time .tbl_lyt:nth-of-type(1){
		margin-bottom: 50px;
	}

.tbl_lyt table th, .tbl_lyt table td {
    border: 1px solid #ccc;
    padding: 10px 4px;
    font-size: 1.5rem;
}

	.tb1 tr:nth-of-type(1) th{
		background-color: #82c04c;
		color: #fff;
	}

	.tb1 tr:nth-child(n+2) th{
		text-align: left;
		background-color: #eaeaea;
	}

	.note{
		font-size: 1.2rem;
		margin-top: 10px;
	}

	.note_list{
		margin-top: 10px;
	}

	.note_list li{
		font-size: 1.2rem;
		text-indent: -1em;
		padding-left: 1em;
	}

	.price h4{
		font-weight: normal;
		text-align: center;
		font-size: 2.0rem;
		margin-bottom: 40px;
		color: #6fba2c;
		border-bottom: solid 1px #eaeaea;
		width: 80%;
		margin: 0 auto 40px auto;
		padding-bottom: 10px;	
	}

	.price h4 span{
		display: block;
		font-size: 1.4rem;
		color: #000;	
	}

	#fac_1f,
	#fac_b1{
		margin-top: -101px;
		padding-top: 101px;
	}

	.tbl_lyt .tb2 tr:nth-child(-n+3){
		background-color: #82c04c;
		color: #fff;
	} 

	.tbl_lyt .tb2 tr:nth-child(-n+3) td{
		text-align: center;
	}

	.scroll{
		overflow: auto;/*tableをスクロールさせる*/
	}

    @media screen and (max-width: 768px){
        .scroll table{
            white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
					    table-layout: inherit;
        }
    }

	.scroll::-webkit-scrollbar{/*tableにスクロールバーを追加*/
		height: 5px;
	}
	.scroll::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
		background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
		background: #BCBCBC;
	}

	.tbl_lyt .tb2 td{
		text-align: center;
		vertical-align: middle;
	}

	.tbl_lyt .tb2 tr:nth-child(n+4) th{
		background-color: #eaeaea;
	}


	.tbl_lyt .tab3 tr:nth-child(-n+2){
		background-color: #82c04c;
		color: #fff;
	}

	.tbl_lyt .tab3 td.bg {
		background-color: #82c04c;
		color: #fff;
	}

	.tbl_lyt .tab3 th,
	.tbl_lyt .tab3 td{
		vertical-align: middle;
		text-align: center;
		font-size: 1.4rem;
	}

	.tbl_lyt .tab3 tr:nth-child(n+3) th{
		background-color: #eaeaea;
	}

	.tbl_lyt .tab4 th,
	.tbl_lyt .tab4 td{
		vertical-align: middle;
		text-align: center;
				font-size: 1.4rem;
	}
	.tbl_lyt .tab4 th.bg {
		background: #82c04c!important;
		color: #fff;
	}

	.tbl_lyt .tab4 tr:nth-child(-n+2){
		background-color: #82c04c;
		color: #fff;	
	}

	.tbl_lyt .tab4 tr:nth-child(n+3) th{
		background-color: #eaeaea;
	}

	.price .flo_img{
		text-align: center;
		margin: 20px 0 60px 0;;
	}

	.mb60{
		margin-bottom: 60px;
	}

	.mb40{
		margin-bottom: 40px;
	}

	.other_price h4{
		font-weight: normal;
		text-align: center;
		font-size: 2.0rem;
		margin-bottom: 40px;
		color: #6fba2c;
		border-bottom: solid 1px #eaeaea;
		width: 80%;
		margin: 40px auto 40px auto;
		padding-bottom: 10px;	
	}

.other_price table{
	/*margin-bottom: 40px;*/
}

	.other_price tr:nth-of-type(1){
		background-color: #82c04c;
		color: #fff;	
	}

	.other_price tr:nth-child(n+2) th{
		background-color: #eaeaea;
	}

	.other_price th,
	.other_price td{
		vertical-align: middle;
		text-align: center;
	}


	.other_price dl{
		margin-bottom: 10px;
	}

	.other_price dl dd{
		padding-left: 1em;
	}

.lyt_map{
	display: flex;
	justify-content: space-around;
	margin-bottom: 100px;
	flex-wrap: wrap;
}

.lyt_map:nth-of-type(2){
	margin-top: 40px;
}

.lyt_map li{
	width: 19%;
}
@media screen and (max-width: 768px){
	.lyt_map li{
		width: 80%;
		margin-bottom: 20px;
	}
}


.lyt_map li a{
	display: block;
	box-sizing: border-box;
	padding: 10px;
	border: solid 2px #6fba2c;
	text-align: center;
	color: #6fba2c;
}

.lyt_map li a:hover{
	background-color: #6fba2c;;
	color: #fff;
}





	/*注意事項*/
	.cancel h3+p{
		margin-bottom: 30px;
	}

	.cancel dl{
		margin-bottom: 10px;
	}

	.cancel dd{
		margin-left: 1em;
	}

	.cancel .tb1 tr:first-child th:first-child{
		width: 60%;
	}




	/*アクセス*/
	.access{
		padding-top: 50px;
	}
	.accessmap,
	.gmap,
	.train{
		margin-bottom: 100px;
	}

	.access>p:nth-of-type(1){
		margin-bottom: 40px;
	}

	.accessmap h4 {
		font-weight: normal;
		text-align: center;
		font-size: 2.0rem;
		margin-bottom: 40px;
		color: #6fba2c;
		border-bottom: solid 1px #eaeaea;
		width: 80%;
		margin: 0 auto 40px auto;
		padding-bottom: 10px;
	}

	.accessmap>div:nth-of-type(1){
		margin-bottom: 40px;
		text-align: center;
	}

	.inline_pop{
		max-width: 680px;
		margin: 0 auto;
		padding: 20px;
		background-color: #fff;	
		text-align: center;
	}

	.accessmap ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	/*.accessmap ul li{
		max-width: 180px;
		margin: 0 10px 20px;
	}
	@media screen and (max-width: 400px){
		.accessmap ul li{
			width: 100%;
			max-width: 100%;
			text-align: center;
		}
	}*/

	/*.accessmap ul li img{
		margin-bottom: 10px;
	}*/

	.train>div{
		text-align: center;
	}

	.train_map{
		max-width: 700px;
		margin: 0 auto;
	}

	.train_map>div{
		margin:10px auto;
	}

	.train_map ul li{
        margin: 0 auto 10px auto;
	}

	.accessmap>p:nth-of-type(1){
		max-width: 700px;
		margin: 0 auto;
	}

	.accessmap>p:nth-of-type(1) span{
		color: #9DC815;
		font-weight: bold;
		font-size: 2.0rem;
		margin-top: 20px;
	}

	.access .text p {
		text-align: center;
		font-size: 1.6rem;
		margin-bottom: 40px;
	}


	/*お知らせ*/
	.lower_col2{
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	@media screen and (max-width: 768px){
		.lower_col2{
			flex-wrap: wrap;
		}
	}

	.lower_col2 .left_col{
		width: 260px;
		margin-right: 40px;
	}
	@media screen and (max-width: 768px){
		.lower_col2 .left_col{
			width: 100%;
			margin-right: 0;
			margin-top: 50px;
		}
	}

	.lower_col2 .right_col{
		width: 810px;
	}
	@media screen and (max-width: 768px){
		.lower_col2 .right_col{
			width: 100%;
		}
	}

	.news_list ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	@media screen and (max-width: 500px){
		.news_list ul{
			display: block;
		}
	}

	.news_list ul li{
		width: 260px;
		margin-right: 15px;
		border: 1px solid #e5e5e5;
		box-sizing: border-box;
		margin-bottom: 15px;
	}
	@media screen and (max-width: 768px){
		.news_list ul li{
			width: 49%;
			margin-right: 1%;
		}
	}
	@media screen and (max-width: 500px){
		.news_list ul li{
			width: 100%;
			margin-right: 0;
		}
	}

	.news_list ul li:nth-child(3n){
		margin-right: 0;
	}
	@media screen and (max-width: 768px){
		.news_list ul li:nth-child(2n){
			margin-right: 0;
		}	
		.news_list ul li:nth-child(3n){
			margin-right: 1%;
		}
	}

	.news_list ul li .photo{
		padding: 10px;
	}

	.news_list ul li .photo a{
		display: block;
		width: 100%;
		height: 248px;
	}

	.news_list ul li .photo a:hover{
		opacity: 0.8;
	}

	.news_list ul li .txt{
		padding: 10px;
	}

	.news_list ul li .txt h4{
		margin-bottom: 10px;
	}

	.news_list ul li .txt h4 a{
		color: #6fba2c;
	}

	.news_list ul li .txt h4 a:hover{
		opacity: 0.8;
	}

	.news_list ul li .cate{
		display: flex;
		justify-content: space-between;
		padding: 10px;
		border-top: 1px solid #e5e5e5;
		font-size: 1.2rem;
	}

	.news_list ul li .cate p:nth-of-type(1){
		color: #6fba2c;
	}

	.left_col .article_all>p{
		font-size: 2.0rem;
		padding: 5px 10px;
		margin-bottom: 10px;
		background-color: #6fba2c;
		color: #fff;
	}

	.left_col .article_all ul{
		padding-left: 10px;
	}
	.left_col .article_all ul.case_side{
		padding-left: 0;
	}

	.left_col .article_all ul li{
		margin-bottom: 5px;
		border-bottom: solid 1px #eee;
		padding-bottom: 5px;
		padding-left: 10px;
	}

	.left_col .article_all ul li p{
		font-size: 1.4rem;
	}

	.left_col .article_all ul li a{
		color: #6fba2c;
	}

	.left_col .article_all ul li a:hover{
		opacity: 0.8;
	}

	.left_col .article_all ul li p.venue {
		padding: 2px 2px;
		display: inline-block;
		margin: 5px 0 10px;
		width: 102px;
		box-sizing: border-box;
		text-align: center;
		font-size: 1.3rem;
	}



.articles {
    margin-top: 20px;
    border-top: solid 1px #f0f0f0;
    padding-top: 20px;
}

	.articles .prev_article{
		float: left;
	}

	.articles .next_article{
		float: right;
	}

	.articles a{
		color: #6fba2c;
	}

.articles a:hover{
    opacity: 0.8;
}

	/*お知らせ詳細*/
	.news_detail .news_photo{
		margin-bottom: 50px;
		text-align: center;
	}

	.news_detail .news_photo img{
		height: auto;
	}

	.news_body .news_icon{
		display: flex;
		align-items: center;
		margin-bottom: 10px;
	}

	.news_body .news_icon p:nth-of-type(1){
		background-color: #6fba2c;
		padding: 3px 5px;
		color: #fff;
		margin-right: 10px;
	}
	.news_body .news_icon p.campaign{
		background-color:  #1fb570;
	}

	.news_body h4{
		font-size: 2.4rem;
		border-bottom: solid 1px #f0f0f0;
		margin-bottom: 20px;
		padding-bottom: 5px;
	}
	@media screen and (max-width: 768px){
		.news_body h4{
			font-size: 1.8rem;
		}
	}

	.news_body .news_cont img{
		height: auto;
	}




	/*サイトマップ*/
	.sitemap_list>ul{
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	@media screen and (max-width: 768px){
		.sitemap_list>ul{
			display: block;
		}
	}

.sitemap_list>ul>li {
    width: 24%;
    margin-right: 1.3333%;
	margin-bottom: 15px;
}
.sitemap_list>ul>li:nth-child(4n){
	margin-right: 0;
}
	@media screen and (max-width: 768px){
		.sitemap_list>ul>li{
			width: 100%;
			margin-bottom: 10px;
		}
	}






	/*フッター*/
	.to_top {
		position: fixed;
		right: 1%;
		bottom: 5%;
		z-index: 10;
	}
	@media screen and (max-width: 768px){
		.to_top {
            right: 0;
            bottom: 2%;
		}
        
        .to_top img{
            max-width: 80%;
        }
	}

	footer{
		border-top: solid 1px #d5d5d5;
		padding-top: 65px;
		margin-bottom: 20px;
		font-size: 1.4rem;
	}

	.inner_footer>div{
		max-width: 1820px;
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;      
	}
	@media screen and (max-width: 768px){
		.inner_footer>div{
			width: 95%;
			margin: 0 auto;
		}
	}

	.inner_footer>div:nth-of-type(1){
        display: flex;
        justify-content: center;        
        flex-wrap: wrap;
	}

.inner_footer>div div:nth-of-type(1){
    margin-right: 100px;
}
@media screen and (max-width: 768px){
    .inner_footer>div div:nth-of-type(1){
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.inner_footer>div div:nth-of-type(1) p{
    margin-bottom: 10px;
	max-width: 300px;
}


.inner_footer>div div:nth-of-type(2){
    text-align: center;
}

.inner_footer>div div:nth-of-type(2) p a{
	color: #094;
}
.inner_footer>div div:nth-of-type(2) p a:hover{
	text-decoration: underline;
}

.inner_footer>div div:nth-of-type(2) .about_reserve a{
    margin-top: 10px;
    margin-bottom: 20px;
}

	.inner_footer .center li:nth-of-type(1){
		background-image: url(images/footer_icon1.png);
		background-repeat: no-repeat;
		padding-left: 30px;
		margin-bottom: 12px;
	}

	.inner_footer .center li:nth-of-type(2){
		background-image: url(images/footer_icon2.png);
		background-repeat: no-repeat;
		padding-left: 30px;
		margin-bottom: 10px;
	}

	.inner_footer .center li:nth-of-type(3){
		padding-left: 30px;
	}


	.inner_footer .right{
		float: right;
		margin-top: 40px;
	}
	@media screen and (max-width: 768px){
		.inner_footer .right{
			float: none;
		}
	}

	.inner_footer .right ul{
		display: flex;
		flex-wrap: wrap;
	}
	@media screen and (max-width: 768px){
		.inner_footer .right ul{
			justify-content: center;
		}
	}

	.inner_footer>ul{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		border-bottom: solid 1px #d5d5d5;
		max-width: 1800px;
		margin: 30px auto 10px auto;
		padding-bottom: 20px;
	}

	.inner_footer>ul li{
		margin: 0 20px 20px;
		text-align: center;
	}
	@media screen and (max-width: 768px){
		.inner_footer>ul li{
			width: 48%;
			margin: 0 1% 5%;
		}
	}

	.inner_footer>p{
		text-align: center;
		padding-top: 20px;
	}



/*改修*/
@media screen and (max-width: 768px){
    .clone_nav{
        display: none;
    }
}

.g_nav{
    border-top: solid 1px #222;
    font-size: 1.8rem;
}
@media screen and (max-width: 768px){
    .g_nav{
        display: none;
    }
}

.g_nav ul{
    max-width: 1820px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
    box-sizing: border-box;
}

.g_nav ul li{
    width: calc(100% / 7);
}

.g_nav ul li a{
    display: block;
    text-align: center;
    padding: 10px;
    color: #000;
    border-left: solid 1px #222;
}
@media screen and (max-width: 1000px){
.g_nav ul li a {
    font-size: 1.3rem;
}
}
.g_nav ul li a.current{
    background-color: #000;
    color: #fff;
}

.g_nav ul li:last-child a{
    border-right: solid 1px #222;    
}

.g_nav ul li a:hover{
    background-color: #000;
    color: #fff;
}

.c_nav{
    position: fixed;
    top: -240px;
    width: 100%;
    z-index: 1;
    background-color: #fff;    
    transition: top 0.25s;
}
@media screen and (max-width: 768px){
    .c_nav{
        display: none;
    }
}

.visible{
    top: 0;
}

@media screen and (max-width: 768px){
    .top_wrap{
        width: 95%;
        margin: 0 auto;
    }
}

#sp_g_nav{
    display: none;
}

@media screen and (max-width: 768px){
	/*SPメニューを出しつつPCを非表示に*/
	#sp_g_nav{
		display: block;
		background-color: #fff;
		height: 50px;
		position: fixed;
		top: 0;
		z-index: 20;
		width: 100%;
	}

	.sp_logo{
        position: absolute;
        top: 8px;
        left: -23px;
	}
	
	.sp_logo img{
		width: 70%;
	}
	
	.sp_to_top{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 100px;
	}

	.lg_m{
        display: flex;
        justify-content: space-between;
        align-items: center;
	}
    
.lg_m h1 {
    width: 70%;
    margin-left: 10px;
    max-width: 130px;
}
.lg_m .sp_tel {
    position: absolute;
    right: 45px;
    max-width: 170px;
    top: 12px;
} 
	/*メニューの動き*/
	.menu-trigger,
	.menu-trigger span{
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	  cursor :pointer;
	}
	.menu-trigger{
	  position: relative;
	  width: 50px;
	  height: 50px;
	  z-index: 2;
	}
	.menu-trigger span{
	  position: absolute;
	  background: #000;
	  width: 30px;
	  height: 2px;
	  left: 0;
	  right: 0;
	  margin: auto;
	}
	.menu-trigger span:nth-of-type(1){
	  top: 15px;
	}
	.menu-trigger span:nth-of-type(2){
	  top: 0;
	  bottom: 0;
	}
	.menu-trigger span:nth-of-type(3){
	  bottom: 15px;
	}
	.menu-trigger.active span:nth-of-type(1){
	  -webkit-transform: translateY(9px) rotate(-45deg);
		transform: translateY(9px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2){
	  opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3){
	  -webkit-transform: translateY(-9px) rotate(45deg);
		transform: translateY(-9px) rotate(45deg);
	}
	/*メニューの動き END*/

	#sp_g_nav .sp_nav ul{
		background-color: #fff;
		opacity: 0.9;
		display: block;
	}
	.sp_nav{
	  display: none;
	  position: absolute;
	  top: 70;
	  width: 100%;
		z-index: 3;
	}
	#sp_g_nav .sp_nav li{
		text-align:center;
		width: 100%;
		border-bottom: solid 1px #6fba2c;
	}
	#sp_g_nav .sp_nav li a{
		display: block;
		padding: 10px;
		color: #6fba2c;
		font-size: 1.6rem;
	}
	
	.sp_nav div{
		display: flex;
		justify-content: center;
		background-color: #fff;
		opacity: 0.9;
		width: 100%;
	}
}








.main_img_pc {
    position: relative;
    margin-bottom: 80px;
    text-align: center;
}
.main_img_pc ul li,.hall_main div, .room_main div {
	margin: 0 5px;
}
.main_img_pc ul img,.hall_main div img,.room_main div img{
    width: 100%;
}

.main_catch {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 35%;
    text-align: center;
max-width: 500px;
    margin: 0 auto;
    /* box-sizing: border-box; */
}

.main_catch img {
    padding-left: 80%;
    display: block;
}

@media screen and (max-width: 2000px){
.main_catch img {
    padding-left: 45%;
}
}

@media screen and (max-width:1800px){
	.main_catch{
		max-width: 300px;
	}
.main_catch img {
    padding-left: 75%;
}
}

@media screen and (max-width:1300px){
	.main_catch{
		max-width: 300px;
	}
.main_catch img {
    padding-left: 0;
}
}


@media screen and (max-width: 768px){
	.main_img_pc{
		display: none!important;
	}
.main_catch {
    padding-left: 0;
    padding-top: 0;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 32%;
}
.main_img_pc ul li, .hall_main div, .room_main div {
    margin: 0;
}
}
@media screen and (max-width: 600px){
.main_catch {
    top: 20%;
}
}


.main_img_sp{
    display: none;
}
@media screen and (max-width: 768px){
    .main_img_sp{
        display: block;
    }
}

.main_img_sp {
    position: relative;
    width: 100%;
    height: 100vh;
    margin-bottom: 30px;
}

.main_img_sp>ul{
    height: 100%;
}

.main_img_sp .slick-list,
.main_img_sp .slick-track{
    height: 100%;
}

.main_img_sp li.top_img1{
    background-image: url(images/main_image1.png);
    background-size: cover;
}
.main_img_sp li.top_img2{
    background-image: url(images/main_image2.jpg);
    background-size: cover;
}
.main_img_sp li.top_img3{
    background-image: url(images/main_image1.png);
    background-size: cover;
}
.main_img_sp li.top_img4{
    background-image: url(images/main_image3.JPG);
    background-size: cover;
}

.main_catch>div{
    background-color: #6fba2c;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 60px;    
}

.main_catch>div>div{
    margin-bottom: 10px;
    color: #fff;    
}

.main_catch>div>div a{
    margin-top: 5px;
    display: block;
}

.top_conv_hall,
.top_conf_room{
    max-width: 1170px;
    width: 100%;
    margin: 0 auto 70px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
}
@media screen and (max-width: 768px){
    .top_conf_room{
        flex-direction: column-reverse;
    }
}

.top_conv_hall .left{
    width: 40%;
    margin-right: 5%;
    position: relative;
}
@media screen and (max-width: 768px){
    .top_conv_hall .left{
        width: 100%;
        margin-right: 0;
    }
}

.top_conv_hall .left> a >img{
    position: absolute;
    z-index: 1;
    left: 5%;
    top: 5%;  
	background: rgba(0,0,0,0.6);
	padding: 10px 15px;
	box-sizing: border-box;
}

.top_conv_hall .left:hover{
	opacity: 0.8;
}
.top_conv_hall .left a:hover img{
	opacity: 1;
}



.top_conv_hall .right {
    width: 55%;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 768px){
    .top_conv_hall .right{
        width: 100%;
    }
}

.mid_text{
    text-align: center;
    margin-bottom: 20px;
}

.mid_text span{
    font-size: 2.0rem;
    color: #6fba2c;
    display: block;
}



.top_conf_room .right{
    width: 40%;
    margin-left: 5%;
    position: relative;
}

@media screen and (max-width: 768px){
    .top_conf_room .right{
        width: 100%;
        margin-left: 0;
    }
}

.top_conf_room .right > a > img{
    position: absolute;
    z-index: 1;
    left: 5%;
    top: 5%;
	background: rgba(0,0,0,0.6);
	padding: 10px 15px;
	box-sizing: border-box; 
}
.top_conf_room .right a:hover img{
	opacity: 1;
}
.top_conf_room .right:hover{
	opacity: 0.8;
}

.top_conf_room .left{
    width: 55%;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 768px){
    .top_conf_room .left{
        width: 100%;
    }
}

.btn_lyt1 a{
    display: block;
    width: 220px;
    margin: 20px auto;
    color: #fe9900;
    border: solid 2px #fe9900;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}

.btn_lyt1 a:hover{
    background-color: #fe9900;
    color: #fff;
}

.reserve_wrap{
    margin-bottom: 140px;
    background-color: #fafafa;
    padding: 20px;    
}
@media screen and (max-width: 768px){
    .reserve_wrap{
        margin-bottom: 50px;
    }
}

.reserve_wrap h2 {
    text-align: center;
    padding-bottom: 58px;
    /*font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/
    font-size: 4rem;
    font-weight: normal;
}
@media screen and (max-width: 768px){
    .reserve_wrap h2 {
        padding-bottom: 30px;
        font-size: 2.4rem;
    }
}

.reserve_wrap ul{
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;    
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; 
	align-items:flex-start;
}
@media screen and (max-width: 768px){
    .reserve_wrap ul{
        width: 95%;
        margin: 0 auto;
    }
}

.reserve_wrap ul li{
    border: solid 1px #6fba2c;
    width: 40%;
    text-align: center;
    box-sizing: border-box;
    font-size: 2.0rem;
    background-color: #fff;
}
.reserve_wrap ul li:first-child{
    border: none;
    background: none;
}
@media screen and (max-width: 768px){
    .reserve_wrap ul li{
        width: 100%;
        margin-bottom: 20px;
    }
}

.reserve_wrap ul li.web_res_btn{
    background-image: url("images/bnr.jpg");
    background-size: 100% 100%;
    background-position: center;
    transition: background-size 0.5s ease-out;
}

.reserve_wrap ul li.web_res_btn:hover{
    background-size: 102% 102%;    
}

.reserve_wrap ul li:last-child{
    padding: 20px;
}

.reserve_wrap ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
	position: relative;
}

.reserve_wrap ul li a span {
    display: block;
    width: 65%;
    padding: 10px 10px;
    background-color: rgba(255,255,255,0.9);
    box-sizing: border-box;
    background-image: url(images/ex_link_icon2.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    font-size: 1.2rem;
}
.reserve_wrap ul li span.h_span {
    background-image: url(images/ex_link_icon.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    font-size: 1.4rem;
    color: #82c04c;
    padding-right: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media screen and (max-width: 600px){
    .reserve_wrap ul li a span {
        width: 80%;
    }
}

.reserve_wrap ul li a:hover span{
    background-image: url(images/ex_link_icon2_on.png);
}

.reserve_wrap ul li img{
    display: block;
    margin: 0 auto;
}








.news_wrap{
    display: flex;
    justify-content: space-between;
    max-width: 1170px;
    margin: 0 auto;
    width: 100%;
    flex-wrap: wrap;    
}




.w1170{
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 768px){
    .w1170{
        width: 95%;
    }
}

.ex_lyt{
    display: flex;
    flex-wrap: wrap;
}

.ex_lyt li{
    width: 18%;
    box-sizing: border-box;
    margin: 0 1% 20px 1%;
    background-color: #fcfcfc;
    position: relative;
    /*min-height: 300px;*/
}
@media screen and (max-width: 1060px){
    .ex_lyt li{
        width: 31%;
        /*min-height: 370px;*/
    }
}
@media screen and (max-width: 768px){
    .ex_lyt li{
        width: 48%;
    }
}

.ex_lyt li>div{
    padding: 20px;
    text-align: center;
}

.ex_lyt .lyt_ttl {
    margin-bottom: 10px;
    background-color: #fff;
    padding: 20px 5px 10px;
    font-size: 12px;
    min-height: 90px;
    box-sizing: border-box;
}
.ex_lyt .lyt_ttl .lyt_span{
		display: block;
    background-color: #dd8424;
    color: #fff;
    padding: 5px;
    margin: 0 auto 3px auto;
    width: 9em;
}

.ex_lyt li figure{
    padding-bottom: 10px;
}

.ex_lyt li figure a{
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    align-items: center;   
}

.ex_lyt li figure a span{
    display: block;
    position: absolute;
    width: 100%;
    background-color: rgba(254,153,0,0.8);
    opacity: 0;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;   
    transition: all 0.5s ease-out;   
    z-index: 1;
}

.ex_lyt li figure a img{
    width: 100%;
    max-width: inherit;
}

.ex_lyt li figure a:hover span{
    opacity: 1;
}
@media screen and (max-width: 768px){
    .ex_lyt li figure a:hover span{
        opacity: 0;
    }
}



.ex_lyt li>p{
    padding: 0 20px 0 20px;
    box-sizing: border-box;
    text-align: center;
}

.ex_lyt li p a {
    display: block;
    border: solid 2px #fe9900;
    color: #fe9900;
    padding: 5px;
    margin-top: 20px;
    font-size: 14px;
}


.ex_lyt li p a:hover{
    background-color: #fe9900;
    color: #fff;
}

.ex_lyt li p.panorama a {
    border: solid 2px #3d6dda;
    color: #3d6dda;
}
.ex_lyt li p.panorama a:hover{
    background-color: #3d6dda;
	color: #fff;
}

.ex_lyt + p.center{
	text-align: center;
	color: red;
}

.mainimage_slide .slick-slide{
    position: relative;
}

.mainimage_slide .slick-slide img{
    width: 100%;
}

.mainimage_slide .slick-slide div {
    position: relative;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    color: #000;
    padding: 20px;
    text-align: center;
    font-size: 1.8rem;
}
@media screen and (max-width: 768px){

	.mainimage .mainimage_slide .slick-slide div {
		min-height: 9em;
	}
}
@media screen and (max-width: 580px){
    .mainimage_slide .slick-slide div{
        position: inherit;
    }
}

.mainimage_slide .slick-slide div p{
    max-width: 38em;
    width: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 768px){
.mainimage_slide .slick-slide div p {
    max-width: 90%;
}
}


.mainimage .main_slide{
    margin: 20px auto 80px auto;
}
@media screen and (max-width: 768px){
    .mainimage .main_slide{
        margin: 10px auto;
    }
}

.mainimage .main_slide li{
    padding: 0 10px;
}
@media screen and (max-width: 768px){
    .mainimage .main_slide li{
        padding: 0 5px;
    }
}

.sub_menu{
    background-color: #000;
}

.sub_menu ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sub_menu.hall_menu ul li {
    width: 25%;
}

.sub_menu.room_menu ul li{
    width: 25%;
}

.sub_menu ul a{
    color: #fff;
    text-align: center;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    border-left: solid 1px #fff;
}
@media screen and (max-width: 768px){
    .sub_menu ul a{
        padding: 10px 5px;
    }
}

.sub_menu ul a:hover{
    background-color: #fff;
    color: #000;
}

.sub_menu ul li:last-child a{
    border-right: solid 1px #fff;
}

.room_lyt {
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto 20px;
}

.room_lyt li {
    width: 32%;
    padding: 0;
    box-sizing: border-box;
    margin-bottom: 20px;
    text-align: center;
	margin-right: 2%;
}
.room_lyt li:nth-child(3n){
	margin-right: 0;
}
@media screen and (max-width: 768px){
.room_lyt li {
    width: 49%;
}
	.room_lyt li:nth-child(3n) {
    margin-right: 2%;
}
	.room_lyt li:nth-child(even) {
    margin-right:0;
}
}

.room_lyt li div{
    background-color: #000;
    color: #fff;
    margin-bottom: 5px;
    padding: 5px;
}

.room_lyt li a{
    display: block;
    width: 100%;
    height: 200px;
    background-size: 100% 100%;
    background-position: center;
    transition: background-size 0.5s ease-out;
}

.room_lyt li a:hover{
    background-size: 102% 102%;
}

/*.room1 a{
    background-image: url("images/room1_2.jpg");
}*/


.room1 a{
    background-image: url("images/lyt/lyt_room1_1new.jpg");
}

.room2 a{
    background-image: url("images/room2.jpg");
}
.room2a a{
    background-image: url("images/room2a.jpg");
}
.room2b a{
    background-image: url("images/room2b.jpg");
}

.room3 a{
    background-image: url("images/room3.jpg");
}
.room3a a{
    background-image: url("images/room3a.jpg");
}
.room3b a{
    background-image: url("images/room3b.jpg");
}

.room4 a{
    background-image: url("images/room4.jpg");
}

.room5 a{
    background-image: url("images/room5_2.jpg");
}


.hall .room1 a{
    background-image: url("images/lyt/lyt_halla_1.jpg");
}
.hall .room2 a{
    background-image: url("images/lyt/lyt_hallb_1.jpg");
}
.hall .room3 a{
    background-image: url("images/lyt/lyt_hallb_1.jpg");
}
.hall .room4 a{
    background-image: url("images/lyt/lyt_hallab_1.jpg");
}
.hall .room5 a{
    background-image: url("images/lyt/lyt_hallbc_1.jpg");
}
.hall .room6 a{
    background-image: url("images/lyt/lyt_hallbc_1.jpg");
}
.hall .room7 a {
    background-image: url("images/lyt/lyt_waiting_1.jpg");
}
@media screen and (max-width: 768px){
.room_lyt li a {
    height: 250px;
}
}
@media screen and (max-width: 600px){
.room_lyt li a {
    height: 140px;
}
}

.room_wrap{
    margin-bottom: 50px;
}

.room_wrap>p{
    font-weight: normal;
    text-align: center;
    font-size: 2.0rem;
    margin-bottom: 30px;
    color: #6fba2c;
    border-bottom: solid 1px #eaeaea;
    width: 80%;
    margin: 40px auto 30px auto;
    padding-bottom: 10px;
}

.room_details{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

.room_details .left{
    width: 50%;
}
@media screen and (max-width: 768px){
    .room_details .left{
        width: 100%;
    }
}

.room_details .left li.slick-slide{
    padding: 0 10px;
}
.room_details .left li.slick-slide.slick-current.slick-active a{
    border: 3px solid #000;
    box-sizing: border-box;
    display: block;
}

.left .mainimage_slide .slick-slide div{
    position: inherit;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    color: #000;
    padding: 10px;
    text-align: center;
    font-size: 1.6rem;  
}
@media screen and (max-width: 768px){
    .left .mainimage_slide .slick-slide div{
        padding: 5px;
    }
}

.room_details .right{
    width: 46%;
}
@media screen and (max-width: 768px){
    .room_details .right{
        width: 100%;
    }
}

.room_details .right dl{
    display: flex;
    border-bottom: solid 1px #000;
}

.room_details .right dl dt{
    width: 33%;
    padding: 10px;
    box-sizing: border-box;
}

.room_details .right dl dd{
    width: 67%;
    padding: 10px;
    box-sizing: border-box;    
}

.drawing{
    width: 200px;
    margin: 20px auto;    
}

.drawing a{
    display: block;
    text-align: center;
    border: solid 1px #6fba2c;
    padding: 10px;
    color: #6fba2c;    
}

.drawing a:hover{
    background-color: #6fba2c;
    color: #fff;
}











/*予約*/
.reservation{
    padding-top: 50px;
}

.res_flow div{
    margin-bottom: 100px;
}






/*アクセス*/
.access2{
    padding-top: 50px;
}

.car{
    margin-bottom: 40px;
}

.car dl{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: solid 1px #ccc;
    width: 80%;
    margin: 0 auto;
}
@media screen and (max-width: 768px){
    .car dl{
        border-bottom: none;
        width: 100%;
        margin: 0 auto 20px auto;
    }
}

.car dl dt{
    width: 190px;
    padding: 10px 5px;
}
@media screen and (max-width: 768px){
    .car dl dt{
        width: 100%;
        padding: 5px;
        background-color: #82c04c;
        color: #fff;
    }
}

.car dl dd{
    width: calc(100% - 200px);
    padding: 10px 0;
}
@media screen and (max-width: 768px){
    .car dl dd{
        width: 100%;
        padding: 5px;
    }
}

.car dl dd a{
    word-break: break-all;
	color: #094;
}
.car dl dd a:hover{
	text-decoration: underline;
}

/*お知らせ*/
.info{
    padding-top: 50px;
}



/*サイトマップ*/
.sitemap{
    padding-top: 50px;
}




/*フッター*/
.footer_btn{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 30px;
}
@media screen and (max-width: 768px){
    .footer_btn{
        display: block;
    }
}

.footer_btn li{
    margin: 0 20px;
}
@media screen and (max-width: 768px){
    .footer_btn li{
        width: 240px;
        margin: 0 auto 20px auto;
    }
}

.footer_btn li a{
    display: block;
    text-align: center;
    background-color: #6fba2c;
    color: #fff;
    box-sizing: border-box;
    padding: 15px 50px;
    border: solid 1px #6fba2c;
}

.footer_btn li a:hover{
    color: #6fba2c;
    background-color: #fff;
}

.list_link a{
    color: #82c04c;
}

.list_link a:hover{
    color: #479700;
}

.sp_tb_note{
    display: none;
}
@media screen and (max-width: 768px){
    .sp_tb_note{
        display: block;
        margin-bottom: 5px;
    }
}




/*備品リスト*/
.equipment{
    padding-top: 50px;    
}

.eq_list{
    margin-top: 20px;
    margin-bottom: 20px;
}

.eq_list dd{
    text-indent: -1em;
    padding-left: 1em;
}
h4.eq_h4 {
    background-color: #82c04c;
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.eq_tables th {
    background-color: #eaeaea;
}
.eq_tables{
    word-break: break-all;
    word-wrap: break-word;
    table-layout: fixed;    
}

.eq_tables .bgc{
    background-color: #82c04c;
    color: #fff;
}

.eq_tables td{
    vertical-align: middle;
}

/*
.eq_tables td.flx{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width: 768px){
    .eq_tables td.flx{
        display: block;
    }
}
*/

.eq_tables td img {
 width: 100%;
 float: none;
 margin-left: 5px;
 margin: 0 auto;
 max-width: 130px;
 text-align: center;
 display: block;
}
@media screen and (max-width: 768px){
    .eq_tables td img{
        width: 100%;
        float: none;
        margin-top: 5px;
        margin-left: 0;
			width: 100px;
    }
}

.eq_tables td span{
    float: left;
}
@media screen and (max-width: 768px){
    .eq_tables td span{
        float: none;
    }
}

.eq_link{
    color: #82c04c;
}




html {
    scroll-padding-top: 225spx;
}
.mainimage.hall_mainimage {
    margin: 0 auto;
}
p.right{
	text-align: right;
}
	.reserve_wrap ul li:last-child a {
		pointer-events: none;
        text-align: center;
}

.reserve_wrap ul li:last-child a img{
    /*width: 100%;*/
    max-width: inherit;
}

@media screen and (max-width: 768px){
.reserve_wrap ul li{
max-width: 466px;
	margin: 0 auto 20px;
}
.reserve_wrap ul li a {
    padding: 52px 0 0;
}
	.reserve_wrap ul li:last-child a {
    padding: 0;
		pointer-events: auto;
}
.mainimage.hall_mainimage {
    margin: 0 auto 60px;
}
.mainimage.room_mainimage {
    margin: 0 auto 60px;
}
}







.sitemap2{
    padding-top: 50px;
}

.sitemap_list2{
    display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px){
    .sitemap_list2{
        display: block;
    }
}

.sitemap_list2>ul{
    width: 16%;
    margin: 0 2%;
}
@media screen and (max-width: 768px){
    .sitemap_list2>ul{
        width: 100%;
        margin: 0;
    }
}

.sitemap_list2>ul>li:nth-of-type(1){
    margin-bottom: 10px;
    border-bottom: solid 2px #6fba2c;
    padding-bottom: 5px;
    padding-left: 5px;
}

.sitemap_l2{
    margin-left: 1em;
}

.sitemap_l2 li{
    margin-bottom: 5px;
    border-bottom: solid 1px #e8e8e8;
    padding-bottom: 5px;    
    padding-left: 5px;
}

.tab4 a,.tab3 a{
	color: #094;
}
.tab4 a:hover,.tab3 a:hover{
	color: #094;
	text-decoration: underline;
}
.pricepage h3[id]:not([href]){
    margin-top:-60px; 
    padding-top:60px; 

}
p.normal{
    text-align: center;
    margin-bottom: 20px;
}


.tel_a{
	pointer-events: none;
}
@media screen and (max-width: 768px){
.tel_a{
	pointer-events: auto;
}
}

.ricoh-theta-spherical-image{
	margin: 0 auto!important;
}

.img_wrap {
    position: relative;
    max-width: 750px;
    margin: 0 auto;
}
.img_wrap a {
    /* display: none!important; */
    width: 65px;
    height: 65px;
    position: absolute;
    left: 585px;
    top: 603px;
    font-size: 1.2rem;
    background: url(images/panorama_icon.png) no-repeat #fe9900;
    background-position: 19px 18px;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 44px 0 0 0;
    color: #fff;
    line-height: 1.2;
	  font-size: 0;
}
.img_wrap a:hover{
	background-color: #ffb749;
}

.img_wrap a.map_hall_b {
    left: 395px;
}
.img_wrap a.map_hall_c {
    left: 225px;
}
.img_wrap a.map_hall_abc {
    top: 390px;
    left: 400px;
}

.img_wrap a.map_foyer {
    left: 270px;
    top: 255px;
}


.room .img_wrap {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}

.room .img_wrap a {
    left: 680px;
    top: 670px;
    font-size: 1rem;
    width: 50px;
    height: 50px;
    padding-top: 37px;
    background-size: 25px auto;
    background-position: 15px 14px;
    font-size: 0;
}
.room .img_wrap a.map_room2a {
    left: 395px;
    top: 608px;
}
.room .img_wrap a.map_room2b {
    left: 395px;
    top: 355px;
}

.room .img_wrap a.map_room2ab {
    left: 460px;
    top: 480px;
}
.room .img_wrap a.map_room3b {
    left: 130px;
    top: 355px;
}
.room .img_wrap a.map_room3a {
    left: 255px;
    top: 355px;
}
.room .img_wrap a.map_room3ab {
    top: 375px;
    left: 195px;
}
.room .img_wrap a.map_room4 {
    left: 220px;
    top: 605px;
}
.room .img_wrap a.map_room5 {
    top: 605px;
    left: 90px;
}
.img_wrap a .sp{
	display: none;
}

@media screen and (max-width: 850px){
	.img_wrap a .sp{
		display:inline;
	}
.img_wrap {
    position: relative;
    margin: 0 auto 30px;
}
.img_wrap img{
	display: block;
	margin:0 auto 20px;
}
.img_wrap a {
    width: 100%!important;
    max-width: 320px;
    height: auto!important;
    position: relative;
    left: auto!important;
    top: auto!important;
    display: block;
    font-size: 1.3rem!important;
    background: url(images/panorama_icon.png) no-repeat #fe9900;
    border-radius: 0;
    box-sizing: border-box;
    padding: 8px 0 8px 53px!important;
    color: #fff;
    margin: 0 auto 20px;
    text-align: left;
    background-position: 9px 7px!important;
	background-size: auto!important;
}

}


.mfp-close-btn-in .mfp-close {
    color: #fff!important;
}
.mfp-auto-cursor .mfp-content {
    max-width: 800px;
}
.room_wrap p[id]:not([href]){
    margin-top:-180px; 
    padding-top:180px; 
}

@media screen and (max-width: 768px){
.room_wrap p[id]:not([href]) {
    margin-top: -0px;
    padding-top: 0px;
}
}

.mfp-close{
	top: -45px;
}

@media screen and (max-width: 768px){
button.mfp-arrow{
	display: none!important;
}
}
@media screen and (max-width: 600px){
.ricoh-theta-spherical-image{
	height: 300px!important;
}
.ricoh-theta-spherical-image > div{
	height: 300px!important;
}
.ricoh-theta-spherical-image > div > div{
    top: 80px!important;
}
.ricoh-theta-spherical-image > div > img{
    left: -27%!important;
}
.ricoh-theta-spherical-image iframe{
	height: 300px!important;
}

}

p.venue {
    background-color: #6fba2c;
    color: #fff;
    padding: 2px 10px;
    display: inline-block;
    margin: 5px 0 10px;
}
p.venue.cat_room{
	background:#fe9900 ;
}
p.venue.cat_hall{
	background:#fe5858 ;
}


.news_body .news_icon.case p:nth-of-type(1) {
    padding: 0;
}
.pagination{
	text-align: center;
	margin-top: 20px;
}
.pagination .page-numbers {
    width: 40px;
    height: 40px;
    border: 1px solid #6fba2c;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    box-sizing: border-box;
    padding: 4px 5px 0 5px;
    color: #000000;
    margin: 0 2px 0 0;
}
.pagination .page-numbers:hover{
	text-decoration: none;
	opacity: 0.8;
}
.pagination .page-numbers.next,.pagination .page-numbers.prev{
	width: auto;
}
.pagination .page-numbers.current{
	background: #e9f4e4;
	border: 1px solid #36BF88;
}

/*p.panorama{
	display: none;
}*/

.location_img{
    margin: 30px 0 20px 0;
}
.location_img img{
	width: 100%;
}


@media screen and (max-width: 768px){
		.news_wrap .slide-arrow.prev-arrow.slick-arrow,.case_wrap .slide-arrow.prev-arrow.slick-arrow{
    position: absolute;
    left: 3px;
    max-width: 25px;
    z-index: 10;
    top: 30%;
}
	.news_wrap .slide-arrow.next-arrow.slick-arrow,.case_wrap .slide-arrow.next-arrow.slick-arrow{
    position: absolute;
    right: 3px;
    max-width: 25px;
    z-index: 10;
    top: 30%;
}
	.case_wrap li {
    display: block;
    width: 100%;
    padding: 0 0.7%;
}
	.case_wrap + .about_reserve a{
		margin-top: 0;
	}
}
@media screen and (max-width: 600px){
.news_wrap,.case_wrap{
   padding: 0 2%;
	box-sizing: border-box;
}
.news_wrap	.slick-next,.case_wrap	.slick-next{
    right: 0px!important;
}
	.news_wrap	.slick-prev,	.case_wrap	.slick-prev {
    left: 0px!important;
}

}

p.back {
    font-size: 1.8rem;
    width: 230px;
    margin: 25px auto 0;
}

p.back a {
    color: #fff;
    display: block;
    text-align: center;
    background: #6fba2c;
    padding: 8px 0px;
    width: 100%;
    font-weight: normal;
}

p.back a:hover{
    color: #fff;
	opacity: 0.8;
}

@media screen and (max-width: 768px){
p.back {
    margin: 10px auto 0;
}
}


.mainimage .main_slide li{
    padding: 0 10px;
}
.mainimage .main_slide li.slick-current.slick-active a{
	border: 3px solid #000;
	box-sizing: border-box;
	display: block;
}


.mainimage_slide .slick-slide {
    position: relative;
    height: 600px;
}
.mainimage_slide .slick-slide img {
    width: 100%;
    object-fit: cover;
    height: 500px;
}
.mainimage_slide .slick-slide p{
	display:none;
}
.mainimage_slide .slick-slide.slick-current p{
	display: block;
}
@media screen and (max-width: 768px){
.mainimage_slide .slick-slide img {
    height: 300px;
}
.mainimage_slide .slick-slide {
    height: 400px;
}
.mainimage_slide .slick-slide div {
    font-size: 1.4rem;
}
}
@media screen and (max-width: 600px){
.mainimage_slide .slick-slide img {
    height: 200px;
}
.mainimage_slide .slick-slide {
    height: 280px;
}
.mainimage_slide .slick-slide div {
    font-size: 1.2rem;
    padding: 10px;
}
}



.column3.mokuji.flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 40px auto 40px;
}
.column3.mokuji.flex.qa_mokuji{
	margin: 0 auto 40px;
}
.column3.mokuji.flex li {
    flex-basis: 32%;
    padding: 10px;
    box-sizing: border-box;
}
.column3.mokuji.flex li a {
    width: 100%;
    background-color: #82c04c;
    padding: 15px;
    box-sizing: border-box;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    width: 100%;
    display: block;
    border-radius: 10px;
}
.column3.mokuji.flex li a:hover{
	opacity: 0.8;
}


@media screen and (max-width: 768px){
	.column3.mokuji.flex li {
		padding: 5px;
	}
	.column3.mokuji.flex li a {
		font-size: 1.1rem;
		padding: 10px 5px;
	}
}

.side_h4 {
    position: relative;
    padding: 0 0 15px 30px;
    box-sizing: border-box;
    margin-top: 20px;
}
.side_h4:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    box-sizing: border-box;
    background: #6fba2c;
    left: 15px;
    top: 10px;
    border-radius: 50%;
}

.res_flow .center{
	text-align: center;
	font-size: 1.8rem;
	margin-top: 20px;
}

.text.location{
	max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}
.text.location h3 {
    text-align: center;
    font-size: 4rem;
    font-weight: normal;
    position: relative;
    margin-bottom: 60px;
    letter-spacing: 1px;
}
.text.location h3:before{
    position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 3px;
    content: '';
    background: #82c04c;
}
.text.location p{
    text-align: center;
    font-size: 1.6rem;
    margin-bottom: 40px;
}

@media screen and (max-width: 768px){
.text.location {
		max-width: 1170px;
		width: 100%;
		margin: 0 auto 40px;
}
.text.location p {
    margin-bottom: 20px;
    text-align: left;
}
.text.location h3 {
    font-size: 2.6rem;
    margin-bottom: 30px;
}
}

.equipment .tbl_lyt table tr td:first-child{
	text-align:center;
}
.equipment .tbl_lyt table tr td:last-child{
	text-align:right;
}

.yoyaku_wrap{
    max-width: 800px;
    margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.yoyaku_wrap .bg{
	background: #ebffd9;
	padding: 20px 30px;
	box-sizing: border-box;
	border-radius: 20px;
	margin-bottom: 60px!important;
	position: relative;
}
 .yoyaku_wrap .bg:before{
	 position: absolute;
	 content: "";
  border-bottom: solid 4px #82c04c;
  border-right: solid 4px #82c04c;
  width: 24px;
  height: 24px;
  transform: rotate(45deg);
	 bottom: -30px;
	 left: 50%;
	 margin-left: -24px;
}
.yoyaku_wrap .bg:last-of-type:before{
	display: none;
}

.yoyaku_wrap .flex{
	display: flex;
	justify-content: space-between;
}
.yoyaku_wrap .flex .img{
	flex-basis: 15%;
}
.yoyaku_wrap .flex .txt {
    flex-basis: 80%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.lower_wrap .yoyaku_wrap .flex .txt h3 {
    text-align: left;
    font-size: 20px;
    color: #82c04c;
    margin-bottom: 10px;
}
.lower_wrap .yoyaku_wrap .flex .txt h3:before{
	display: none;
}
.yoyaku_wrap .flex .txt a{
	color: #094;
}

.res_flow .yoyaku_wrap div{
	margin-bottom: 0;
}

@media screen and (max-width: 768px){
.yoyaku_wrap .bg {
    padding: 15px;
}
	.yoyaku_wrap .bg p{
		font-size: 14px;
	}
}


.main_slider .slick-dots,.main_img_sp .slick-dots{
	margin-bottom: 0;
}

.main_slider .slick-dots li,.main_img_sp .slick-dots li{
	width: 30px;
    margin: 0 4px;	
}
@media screen and (max-width: 959px){
	.main_slider .slick-dots li,	.main_img_sp .slick-dots li{
		width: 16px;
	}
}

.main_slider .slick-dots li button,.main_img_sp .slick-dots li button{
	width: 100%;
    margin: 0;
    padding: 0 4px;	
}

.main_slider .slick-dots li button:before, .main_img_sp .slick-dots li button:before{
    top: initial;
    width: 100%;
    color: transparent;
    background-color: #82c04c;
    opacity: 0.5;
    height: 4px;
    bottom: 1px;
}
@media screen and (max-width: 959px){
.main_slider .slick-dots li button:before, .main_img_sp .slick-dots li button:before{
		height: 2px;
	}
}

.main_slider .slick-dots li.slick-active button:before,.main_img_sp .slick-dots li.slick-active button:before {
    opacity: 0.9;
    height: 6px;
    bottom: 0;
}
@media screen and (max-width: 959px){
.main_slider .slick-dots li.slick-active button:before, .main_img_sp .slick-dots li.slick-active button:before{
		height: 4px;
	}
}

.about_reserve.about_reserve2 a {
    margin-bottom: 10px;
    background: url(images/panorama_icon2.png) no-repeat  right 8px center #fe9900;
    color: #fff!important;
    background-size: 37px auto;
}
.about_reserve.about_reserve2 a:hover{
	opacity: 0.8;
}