@charset "UTF-8";
/* CSS Document */


@media(min-width:481px){



	/*groupエリア*/




	.groupcon{
		width:900px;
		height: 674px;
		background-image: url(../images/new-mapbase.png);
		background-repeat: no-repeat;
		background-position: bottom;
		margin:0 auto;
		position: relative;
		background-size: contain;
	}





	.groupconarea{
		width:950px;
		margin:0 auto;
	}


	.grouptitle2{
		width:900px;
		margin: 0 auto;
		text-align: center;
		font-size: 18px;
		line-height: 30px;
		padding-top: 20px;
	}

	.grouptitle3{
		width:900px;
		margin: 0 auto;
		text-align: center;
		font-size: 14px;
		line-height: 30px;
		padding-top: 5px;

	}

	.grouptitle2_1{
		width:80%;
		text-align:left;
		font-size: 18px;
		line-height: 30px;
		padding-top: 0;
	    color: #FFF;
	}

	.grouptitle3_1{
		width:80%;
		text-align:left;
		font-size: 14px;
		line-height: 30px;
		padding-top:0;
	    color: #FFF;
	}


	.grouptitle4{
		width:900px;
		margin: 0 auto;
		text-align: center;
		font-size: 20px;
		line-height: 30px;
		padding-top: 40px;
	}

	.grouptitle4 p{
		width:900px;
		margin: 0 auto;
		text-align: center;
		padding-top:5px;
	}

	.groupphoto{
		width:230px;
		margin: 0 auto;
	}

	.groupcate{
		width:230px;
		font-size:14px;
		line-height: 23px;
		margin: 0 auto;
		padding-top: 10px;
		font-weight: bold;
	}

	.groupname{
		width:230px;
		padding-top: 10px;
		font-size:20px;
		line-height: 26px;
		margin: 0 auto;
		font-weight: bold;
	}

	.groupaddress{
		width:230px;
		padding-top: 10px;
		font-size:16px;
		line-height: 25px;
		margin: 0 auto;
	}

	.grouptext{
		width:230px;
		text-align: center;
		margin: 0 auto;
		padding-top: 60px;
		font-size: 14px;
		line-height: 23px;
		font-weight: bold;
	}

	a.groupbt1 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		top: 56px;
		left: 290px;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt2 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		top: 163px;
		left: 341px;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt3 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		top: 59px;
		left: 414px;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt4 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		top: 149px;
		left: 439px;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt5 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		top: 112px;
		left: 488px;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt6 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		top: 196px;
		left: 565px;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt7 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		top:35px;
		left:648px;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt8 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		top: 305px;
		left: 589px;
		background-repeat: no-repeat;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt9 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		top: 374px;
		left: 581px;
		background-repeat: no-repeat;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt10 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		top: 472px;
		left: 558px;
		background-repeat: no-repeat;
		background-image: url(../images/mapbt.png);
	}
	a.groupbt11 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		top: 368px;
		left: 253px;
		background-repeat: no-repeat;
		background-image: url(../images/mapbt.png);
	}
	a.groupbt12 {
		display: block;
		width:27px;
		height: 27px;
		position: absolute;
		top: 533px;
		left: 411px;
		background-repeat: no-repeat;
		background-image: url(../images/mapbt.png);
	}
	a.groupbt13 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		top: 577px;
		left: 224px;
		background-repeat: no-repeat;
		background-image: url(../images/mapbt.png);
	}

	#gdetail1{
		display: none;
		width: 645px;
		height: 130px;
		position: absolute;
		left:200px;
		top: 360px;
		padding: 20px 20px 20px;
		background-color: rgba(255,255,255,1.0);
		}

	.detailphoto{
		width: 177px;
		float: left;
		font-size:20px;
		padding-bottom: 5px;
		}

	.detailtext{
		width: 440px;
		float: right;
		font-size:20px;
		font-size:14px;
		line-height: 20px;
		padding-bottom: 5px;
		text-align: left;
		}

	.detailtitle{
		font-size:20px;
		padding-bottom: 10px;
		}

	.detailsentence{
		padding-bottom: 10px;
		}

	.detailsentence1{
		padding-bottom: 5px;
		}

	.detailsentence2{
		padding-bottom: 5px;
		}

	.detailsentence3{
		width: 140px;
		float: left;
		}

	.detailsentence4{
		width: 300px;
		float: right;
		}

	}



	@media(max-width:680px){


	/*groupエリア*/

	.bg7 {
		width: 100%;
		min-width: 100%;
		min-height: 700px;
		transform: skewY(4deg);
		position: relative;
	}

	.bg7_contents{
		width: 100%;
		min-width: 100%;
		transform: skewY(-4deg);
		margin: 0 auto;
		text-align: left;
		position: absolute;
		left: 0%;
		top: 0%;
	}

	.bg7_mask {
		width: 100%;
		min-height: 600px;
		overflow: hidden;
	}

	.bg7_img{
		width: 100%;
		min-width: 100%;
		min-height: 1091px;
		transform: skewY(-4deg);
		background-image: url("../images/bg5.jpg");
		background-size: cover;
		background-position: top center;
		margin: -100px 0 0 ;
	}

	.groupcon{
		width: 345px;
		height: 429px;
		background-image: url(../images/new-mapbase_s2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: bottom;
		margin: 0 auto;
		position: relative;
	}

	.groupcon2{
		 width: 345px;
		 margin:0 auto;
	}

	.groupconarea{
		width: 345px;
		margin:0 auto;
	}

	#groupbg{
		display: block;
		width: 100%;
		margin:0 auto;
		text-align: center;
		background-image: url(../images/g_bg.jpg);
		background-size: cover;
	}

	#grouparea{
		 width: 345px;
		 margin:0 auto;
		 text-align: center;
		 padding-top: 80px;
		 padding-bottom: 150px;
	}

	.grouptitle2{
		width:345px;
		margin: 0 auto;
		text-align: center;
		font-size: 16px;
		line-height: 30px;
		padding-top: 20px;
	}

	.grouptitle3{
		width:345px;
		margin: 0 auto;
		text-align: center;
		font-size: 12px;
		line-height: 30px;
		padding-top: 5px;
	}



	.grouptitle4{
		width:345px;
		margin: 0 auto;
		text-align: center;
		font-size: 20px;
		line-height: 30px;
		padding-top: 40px;
	}

	.grouptitle4 img{
		width:100%;
		object-fit: cover;
	}

	.grouptitle4 p{
		width:345px;
		margin: 0 auto;
		text-align: center;
		padding-top:5px;
	}

	.groupphoto{
		width:230px;
		margin: 0 auto;
	}

	.groupcate{
		width:230px;
		font-size:14px;
		line-height: 23px;
		margin: 0 auto;
		padding-top: 10px;
		font-weight: bold;
	}

	.groupname{
		width:230px;
		padding-top: 10px;
		font-size:20px;
		line-height: 26px;
		margin: 0 auto;
		font-weight: bold;
	}

	.groupaddress{
		width:230px;
		padding-top: 10px;
		font-size:16px;
		line-height: 25px;
		margin: 0 auto;
	}

	.grouptext{
		width:230px;
		text-align: center;
		margin: 0 auto;
		padding-top: 60px;
		font-size: 14px;
		line-height: 23px;
		font-weight: bold;
	}

	a.groupbt1 {
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		left: 0px;
		top: 17px;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt2 {
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		left: 40px;
		top: 112px;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt3{
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		left: 103px;
		top: 21px;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt4 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		left: 126px;
		top: 98px;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt5 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		left: 168px;
		top: 68px;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt6 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		left: 235px;
		top: 140px;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt7{
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		left:306px;
		top: 1px;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt8 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		left: 256px;
		top: 234px;
		background-repeat: no-repeat;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt9 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		left: 248px;
		top: 294px;
		background-repeat: no-repeat;
		background-image: url(../images/mapbt.png);
	}

	a.groupbt10 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		left: 228px;
		top: 378px;
		background-repeat: no-repeat;
		background-image: url(../images/mapbt.png);
	}
	a.groupbt11 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		left: 0px;
		top: 203px;
		background-repeat: no-repeat;
		background-image: url(../images/mapbt.png);
	}
	a.groupbt12 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		left: 116px;
		top: 380px;
		background-repeat: no-repeat;
		background-image: url(../images/mapbt.png);
	}
	a.groupbt13 {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		left: 0px;
		top: 360px;
		background-repeat: no-repeat;
		background-image: url(../images/mapbt.png);
	}

	#gdetail1{
		display: none;
		width: 340px;
		position: absolute;
		top: 240px;
		padding: 10px;
		background-color: rgba(255,255,255,1.0);
		box-sizing: border-box;
		z-index: 999;
	}

	.detailphoto{
		width: 177px;
		margin:  0 auto;
		font-size:20px;
		padding-bottom: 5px;
	}

	.detailtext{
		width: 92%;
		margin: 0 auto;
		font-size:1.4em;
		line-height: 20px;
		padding-bottom: 5px;
		text-align: left;
	}

	.detailtitle{
		font-size:20px;
		padding-bottom: 10px;
		font-weight: bold;
	}

	.detailsentence{
		padding-bottom: 10px;
	}

	.detailsentence1{
		padding-bottom: 10px;
	}

	.detailsentence2{
		padding-bottom: 5px;
	}

	.detailsentence3{
		width: 340px;
		margin:  0 auto;
	}

	.detailsentence4{
		width: 340px;
		margin:  0 auto;
	}

	}