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


@media(min-width:481px){



	/*groupエリア*/


	#contents4{
		background-color: #fff;
		width: 100%;
	}

	.groupcon{
		width:510px;
		height: 524px;
		background-image: url(../images/amc_groupmap_2021.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		margin:0 auto;
		position: relative;
	}




	.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:100%;
		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: 55px;
		left: 250px;
		background-image: url(../images/mapbt.png);
	}

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

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

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

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

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

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

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

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

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

	#gdetail1{
		display: none;
		width: 645px;
		height: auto;
		position: absolute;
		left: 0;
		top: 360px;
		padding: 20px 20px 20px;
		background-color: rgba(255,255,255,1.0);
		box-shadow: 0 0 3px #ccc;
		right: 0;
		margin: auto;
		}

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

	.detailtext{
		width: 400px;
		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: 135px;
		float: left;
		}

	.detailsentence4{
		width: 250px;
		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: 340px;
    	height: 400px;
		background-image: url(../images/amc_groupmap_2021.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: top;
		margin: 0 auto;
		position: relative;
	}

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

	.groupconarea{
		width: 100%;
		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: 100%;
		 margin:0 auto;
		 text-align: center;
		 padding-top: 0;
		 padding-bottom: 0;
	}

	.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: 44px;
		background-image: url(../images/mapbt.png);
	}

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

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

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

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

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

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

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

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

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

	#gdetail1{
		display: none;
		width: 340px;
		height: auto;
		position: absolute;
		left: 0;
		top: 30px;
		padding: 20px 20px 20px;
		background-color: rgba(255,255,255,1.0);
		box-shadow: 0 0 3px #ccc;
		color: #778180;
	}

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

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

	.detailtitle{
		font-size: 18px;
		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: 100%;
		margin:  0 auto;
	}

	}