@charset "UTF-8";



#main1, #main2, #main3 {
	width: 100%;
	height: 400px;
	text-align: center;
	position: relative;
}
#main1 {background: url(../../images/attribute/main1_pc.jpg) no-repeat; background-size: cover;}
#main2 {background: url(../../images/attribute/main2_pc.jpg) no-repeat; background-size: cover;}
#main3 {background: url(../../images/attribute/main3_pc.jpg) no-repeat; background-size: cover;}
#main1 h2, #main2 h2, #main3 h2 {
	font-size: 3.5rem;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

#main1 h2 span, #main2 h2 span, #main3 h2 span {
	background: rgba(255,255,255,0.4);
}


.contentgr {
	background: #ededed;
	padding: 50px 0;
	margin-bottom: 100px;
}
.contentgr2 {
	background: #ededed;
	padding: 50px 0;
}
.contentgr h3, .contentgr2 h3 {
	font-size: 3rem;
	text-align: center;
	margin-bottom: 20px;
}
.contentgr h3+p, .contentgr2 h3+p {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 20px;
}
.contentgr h3+p span {
	color: #f00;
}

.contentgr .inner {
	width: 1100px;
	margin: 0 auto;
}

.contentgr .btnblock {
	width: 340px;
	margin: 20px 0;
}
.contentgr .btnblock2 {
	width: 340px;
	margin-bottom: 40px;
}
.contentgr .btnblock a {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #000;
	background: #fff;
	border: 1px solid #000;
	border-radius: 30px;
	padding: 10px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}
.contentgr .btnblock2 a {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #000;
	background: #fff;
	border: 1px solid #000;
	border-radius: 30px;
	padding: 10px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}

.tbl1 table {
	width: 100%;
	margin-bottom: 100px;
}
.tbl1 table tr {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.tbl1 table th {
	background: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	width: 30%;
}
.tbl1 table th, .tbl1 table td {
	padding: 10px;
	vertical-align: top;
	font-size: 1.6rem;
	text-align: center;
}
.tbl1 table th:first-child, .tbl1 table td:first-child {
	border-right: 1px solid #000;
}
.tbl1 table strong {
	color: #f00;
}

.tbl2 table {
	width: 100%;
}
.tbl2 table p {
	padding-bottom: 1em;
}
.tbl2 table h4 {
	font-size: 1.8rem;
}
.tbl2 table tr {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.tbl2 table th {
	background: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	width: 30%;
}
.tbl2 table th, .tbl2 table td {
	padding: 10px;
	vertical-align: top;
	font-size: 1.6rem;
}

.tbl3 table {
	width: 100%;
}
.tbl3 table p {
	padding-bottom: 1em;
}
.tbl3 table h4 {
	font-size: 1.8rem;
}
.tbl3 table tr {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.tbl3 table th {
	background: #eee;
	font-size: 1.8rem;
	font-weight: bold;
	width: 30%;
}
.tbl3 table th, .tbl3 table td {
	padding: 10px;
	vertical-align: top;
	font-size: 1.6rem;
}
.tbl3 table td strong {
	color: #f00;
}
.tbl3 table td .tbl4 {
	width: 100%;
}
.tbl3 table td .tbl4 th,
.tbl3 table td .tbl4 td {
	width: 50%;
	padding: 10px;
	font-size: 1.6rem;
	text-align: center;
}
.tbl3 table td .tbl4 th:first-child,
.tbl3 table td .tbl4 td:first-child {
	border-right: 1px solid #000;
}


.contentgr ol {
	position: relative;
}
.contentgr li {
	position: relative;
}
.contentgr li:first-child { padding-bottom: 220px;}
.contentgr li:nth-child(2) { padding-bottom: 170px;}
.contentgr dd {
	position: absolute;
	top: 315px;
	left: 50%;
	width: 915px;
	background: rgba(255,255,255,.9);
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	padding: 65px;
	box-sizing: border-box;
}

.contentgr dd span {
	font-size: 1.8rem;
}
.contentgr dd h5 {
	font-size: 3rem;
	position: relative;
	margin-bottom: 30px;
}
.contentgr dd h5:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #000;
	width: 50px;
	margin-bottom: -15px;
}
.contentgr dd p {
	font-size: 2rem;
	margin-bottom: 1em;
}
.contentgr dd p:last-child {
	margin-bottom: 0;
}

.contentgr .grames {
	position: relative;
	padding-top: 50px;
	padding-bottom: 460px;
}
.contentgr .grames dd {
	position: absolute;
	top: 360px;
	left: 50%;
	width: 915px;
	background: rgba(255,255,255,.9);
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	padding: 65px;
	box-sizing: border-box;
}
.contentgr .grames dd h5 {
	font-size: 3rem;
	position: relative;
	margin-bottom: 30px;
}
.contentgr .grames dd h5:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #000;
	width: 50px;
	margin-bottom: -15px;
}
.contentgr .grames dd h6 {
	font-size: 2rem;
	position: relative;
	margin-bottom: 30px;
}
.contentgr .grames dd h6:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #000;
	width: 50px;
	margin-bottom: -15px;
}
.contentgr .grames dd p {
	font-size: 2rem;
}

.contentgr .grames dd .btnblock {
	width: 340px;
	margin: 0 auto;
}
.contentgr .grames dd .btnblock a {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #000;
	background: #fff;
	border: 1px solid #000;
	border-radius: 30px;
	padding: 10px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}










.contentwh {
	padding: 50px 0;
	margin-bottom: 20px;
}
.contentwh2 {
	padding-bottom: 100px;
}
.contentwh h3 {
	font-size: 3rem;
	text-align: center;
	margin-bottom: 20px;
}
.contentwh2 h3 {
	font-size: 3rem;
	text-align: center;
	margin-bottom: 60px;
}
.contentwh h3+p {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 20px;
}
.contentwh h3+p span {
	color: #f00;
}

.contentwh .inner, .contentwh2 .inner {
	width: 1100px;
	margin: 0 auto;
}

.contentwh .grames {
	position: relative;
	padding-top: 50px;
	padding-bottom: 420px;
}
.contentwh .grames dd {
	position: absolute;
	top: 360px;
	left: 50%;
	width: 915px;
	background: rgba(255,255,255,.9);
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	padding: 65px;
	box-sizing: border-box;
}
.contentwh .grames dd h5 {
	font-size: 3rem;
	position: relative;
	margin-bottom: 30px;
}
.contentwh .grames dd h5:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #000;
	width: 50px;
	margin-bottom: -15px;
}
.contentwh .grames dd h6 {
	font-size: 2rem;
	position: relative;
	margin-bottom: 30px;
}
.contentwh .grames dd h6:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #000;
	width: 50px;
	margin-bottom: -15px;
}
.contentwh .grames dd p {
	font-size: 2rem;
	margin-bottom: 20px;
}

.contentwh .grames dd .btnblock {
	width: 340px;
	margin: 0 auto;
}
.contentwh .grames dd .btnblock a {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #000;
	background: #fff;
	border: 1px solid #000;
	border-radius: 30px;
	padding: 10px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}

.contentwh ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;
}
.contentwh ul li {
	width: 350px;
	background: #d4ecf4;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	color: #000;
	padding-bottom: 20px;
}
.contentwh ul li img {
	width: 100%;
}
.contentwh ul li h4 {
	text-align: center;
	font-size: 2.4rem;
	margin: 20px 0;
}
.contentwh ul li p {
	font-size: 1.8rem;
	width: 256px;
	margin: 0 auto 20px auto;
}

.contentwh ul li .btnblock {
	width: 260px;
	margin: 0 auto;
}
.contentwh ul li .btnblock a {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #000;
	background: #fff;
	border: 1px solid #000;
	border-radius: 30px;
	padding: 10px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}








.societypoint {
	width: 100%;
	background: #d4ecf4;
}
.societypoint h3.title {
	font-size: 3rem;
	padding-top: 45px;
	margin-bottom: 20px;
	text-align: center;
}
.societypoint h3.title+p {
	font-size: 1.8rem;
	margin-bottom: 45px;
	text-align: center;
}
.societypoint ol {
	width: 100%;
}
.societypoint ol dl {
	display: flex;
}
.societypoint li:first-child {
	border-top: 1px solid #fff;
}
.societypoint li {
	border-bottom: 1px solid #fff;
	font-size: 2rem;
}

.societypoint ol dt {
	width: 30%;
	background: #fdff00;
}
.societypoint ol dt img {
	width: 100%;
}
.societypoint ol dd {
	width: 70%;
	padding: 20px 60px;
	box-sizing: border-box;
}
.societypoint ol dd h4 {
	font-size: 3rem;
	position: relative;
	margin-bottom: 30px;
}
.societypoint ol dd h4:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #000;
	width: 50px;
	margin-bottom: -15px;
}
.societypoint ol dd h4 strong {
	color: #f00;
}
.societypoint ol dd h4 span {
	font-size: 1.8rem;
	font-weight: normal;
	display: block;
}
.societypoint ol dd p span {
	color: #f00;
}









.societyaccess {
	background: #eee;
	padding: 80px 0 60px 0;
	font-size: 1.5rem;
	text-align: center;
}
.societyaccess h3 {
	font-size: 3rem;
	margin-bottom: 20px;
}
.societyaccess h3+p {
	font-size: 1.6rem;
	margin-bottom: 50px;
}




.societysupport {
	width: 1100px;
	margin: 0 auto;
	padding-bottom: 100px;
}

.societysupport h3 {
	font-size: 3rem;
	text-align: center;
	margin-bottom: 50px;
}

.societysupport2 {
	width: 1100px;
	margin: 0 auto;
	padding: 100px 0;
	text-align: center;
}

.societysupport2 h3 {
	font-size: 3rem;
	margin-bottom: 20px;
}
.societysupport2 p {
	font-size: 1.6rem;
	margin-bottom: 50px;
}
.societysupport2 .btnblock {
	width: 340px;
	margin: 0 auto;
}
.societysupport2 .btnblock a {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #000;
	border: 1px solid #000;
	border-radius: 30px;
	padding: 10px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}




/*/////////////////// SP ///////////////////*/
/*/////////////////// SP ///////////////////*/
/*/////////////////// SP ///////////////////*/
/*/////////////////// SP ///////////////////*/
/*/////////////////// SP ///////////////////*/
@media screen and (max-width: 768px) {

#main1, #main2, #main3 {
	height: 100vh;
}

#main1 {background: url(../../images/attribute/main1_sp.jpg) no-repeat center center; background-size: cover;}
#main2 {background: url(../../images/attribute/main2_sp.jpg) no-repeat center center; background-size: cover;}
#main3 {background: url(../../images/attribute/main3_sp.jpg) no-repeat center center; background-size: cover;}
#main1 h2, #main2 h2, #main3 h2 {
	font-size: 3rem;
}






.contentgr {
	padding: 50px 0;
	margin-bottom: 50px;
}
.contentgr2 {
	padding: 50px 0 10px 0;
}
.contentgr h3 {
	margin-bottom: 20px;
}
.contentgr2 h3 {
	margin-bottom: 10px;
}
.contentgr h3+p {
	font-size: 1.8rem;
	text-align: left;
	margin-bottom: 50px;
	padding: 20px;
}
.contentgr2 h3+p {
	font-size: 1.8rem;
	text-align: left;
	padding: 20px;
}

.contentgr .inner {
	width: 100%;
}

.tbl1 table {
	width: 95%;
	margin: 0 auto 50px;
}



.tbl2 table {
	width: 95%;
	margin: 0 auto 50px;
}
.tbl2 table th {
	border-bottom: 1px solid #000;
	width: 100%;
	display: block;
	text-align: center;
}
.tbl2 table th, .tbl2 table td {
	padding: 10px;
	display: block;
	box-sizing: border-box;
}



.tbl3 table {
	width: 95%;
	margin: 0 auto 50px;
}
.tbl3 table th {
	border-bottom: 1px solid #000;
	width: 100%;
	display: block;
	text-align: center;
}
.tbl3 table th, .tbl3 table td {
	padding: 10px;
	display: block;
	box-sizing: border-box;
}
.tbl3 table td .tbl4 {
	width: 100%;
	margin: 0;
}
.tbl3 table td .tbl4 th,
.tbl3 table td .tbl4 td {
	display: table-cell;
	width: 50%;
}


.contentgr li:first-child,
.contentgr li:nth-child(2) { padding-bottom: 50px;}
.contentgr dd {
	position: relative;
	top: 0;
	width: 100%;
	background: none;
	padding: 20px;
}

.contentgr dd span {
	font-size: 1.3rem;
}
.contentgr dd h5 {
	font-size: 2rem;
}
.contentgr dd p {
	font-size: 1.6rem;
}

.contentgr .grames {
	padding: 50px 0;
	margin-bottom: 50px;
}

.contentgr .grames h4 {
	margin-bottom: 50px;
}

.contentgr .grames .inner {
	width: 100%;
	padding: 0;
}
.contentgr .grames dd {
	position: relative;
	top: 0;
	width: 100%;
	background: none;
	padding: 20px;
}
.contentgr .grames dd h5 {
	font-size: 2rem;
	position: relative;
	margin-bottom: 30px;
}
.contentgr .grames dd h5:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #000;
	width: 50px;
	margin-bottom: -15px;
}
.contentgr .grames dd h6 {
	font-size: 1.6rem;
	position: relative;
	margin-bottom: 30px;
}
.contentgr .grames dd h6:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #000;
	width: 50px;
	margin-bottom: -15px;
}
.contentgr .grames dd p {
	font-size: 1.6rem;
}
.contentgr .grames dd p:last-child {
	margin-bottom: 0;
}

.contentgr .grames dd .btnblock {
	width: 100%;
	margin: 0 auto;
}
.contentgr .grames dd .btnblock a {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #000;
	background: #fff;
	border-radius: 30px;
	padding: 10px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}











.contentwh {
	padding: 10px 0 50px 0;
	margin-bottom: 20px;
}
.contentwh h3 {
	margin-bottom: 20px;
}
.contentwh2 h3 {
	margin-bottom: 20px;
}
.contentwh h3+p {
	font-size: 1.8rem;
	text-align: left;
	margin-bottom: 50px;
	padding: 20px;
}
.contentwh h3+p span {
	color: #f00;
}

.contentwh .inner, .contentwh2 .inner {
	width: 100%;
}

.contentwh .grames {
	padding: 50px 0 0 0;
	margin-bottom: 0;
}

.contentwh .grames h4 {
	margin-bottom: 50px;
}

.contentwh .grames .inner {
	width: 100%;
	padding: 0;
}
.contentwh .grames dd {
	position: relative;
	top: 0;
	width: 100%;
	background: none;
	padding: 20px;
}
.contentwh .grames dd h5 {
	font-size: 2rem;
	position: relative;
	margin-bottom: 30px;
}
.contentwh .grames dd h5:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #000;
	width: 50px;
	margin-bottom: -15px;
}
.contentwh .grames dd h6 {
	font-size: 1.6rem;
	position: relative;
	margin-bottom: 30px;
}
.contentwh .grames dd h6:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #000;
	width: 50px;
	margin-bottom: -15px;
}
.contentwh .grames dd p {
	font-size: 1.6rem;
}
.contentwh .grames dd p:last-child {
	margin-bottom: 0;
}

.contentwh .grames dd .btnblock {
	width: 100%;
	margin: 0 auto;
}
.contentwh .grames dd .btnblock a {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #000;
	background: #fff;
	border-radius: 30px;
	border: 1px solid #000;
	padding: 10px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}

.contentwh ul {
	display: block;
	width: 95%;
	margin: 0 auto;
	margin-bottom: 50px;
}
.contentwh ul li {
	width: 100%;
	margin-bottom: 20px;
}
.contentwh ul li p {
	width: 90%;
}

.contentwh ul li .btnblock {
	width: 90%;
	margin: 0 auto;
}
.contentwh ul li .btnblock a {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #000;
	background: #fff;
	border-radius: 30px;
	padding: 10px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}









.societypoint {
}
.societypoint h3.title {
	padding-top: 20px;
	margin-bottom: 10px;
}
.societypoint h3.title+p {
	font-size: 1.8rem;
	margin-bottom: 20px;
	text-align: left;
	padding: 20px;
}
.societypoint li:first-child {
	border-top: none;
}
.societypoint li {
	border-bottom: none;
	font-size: 1.8rem;
	padding-bottom: 50px;
}

.societypoint ol dl {
	display: block;
}
.societypoint ol dt, 
.societypoint ol dt img {
	width: 100%;
}
.societypoint ol dd {
	width: 100%;
	padding: 20px;
}
.societypoint ol dd h4 {
	font-size: 2rem;
	position: relative;
	margin-bottom: 30px;
	line-height: 1.6;
}
.societypoint ol dd h4:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #000;
	width: 50px;
	margin-bottom: -15px;
}
.societypoint ol dd h4 span {
	font-size: 1.3rem;
}













.societyaccess h3 {
	width: 100%;
	text-align: center;
	margin: 0 auto 6.3333%;;
}
.societyaccess h3+p {
	text-align: left;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}




.societysupport {
	width: 100%;
	padding-bottom: 50px;
}

.societysupport2 {
	width: 90%;
	padding: 50px 0;
}

.societysupport2 h3 {
	font-size: 3rem;
	margin-bottom: 20px;
}
.societysupport2 p {
	font-size: 1.6rem;
	margin-bottom: 50px;
	text-align: left;
}
.societysupport2 .btnblock {
	width: 100%;
	margin: 0 auto;
}




}