/* CSS Document */

.top_mainpic{
	position: relative;
	height:1030px;
	background-image:url(../images/top/mainpic-title.svg),url(../images/common/bg-ami-D60.png),url(../images/top/mainpic-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat ,repeat ,no-repeat;
	background-size: auto 100%,auto, cover;
}
@media screen and (max-width: 999px) {
	.top_mainpic_set{
		background-color: #000;
		padding-bottom: 40px;
	}
	.top_mainpic{
		height:417px;
		max-height: -webkit-calc(100vh - 95px);
		max-height: calc(100vh - 95px);
		background-image:url(../images/top/mainpic-title-sp.svg),url(../images/common/bg-ami-D60.png),url(../images/top/mainpic-bg.jpg);
	}
}

.top_catch{}
.top_catch .catch_img{width:982px;}
.top_catch h3{
	font-size: 225%;
	line-height: normal;
	margin-top: 35px;
	color:#CDAA00;
}
.top_catch .text{
	margin-top: 30px;
	line-height: 200%;
}
@media screen and (min-width: 1000px) {
	.top_catch{
		position: absolute;
		bottom:120px;
		left:0;
		width:100%;
	}
}
@media screen and (max-width: 999px) {
	.top_catch .catch_img{width:370px;}
	.top_catch h3{
		font-size: 175%;
		margin-top: 20px;
	}
	.top_catch .text{
		font-size: 90%;
		margin-top: 20px;
	}
}

.top_news{}
.top_news table{width:100%;}
.top_news td{text-align: left;vertical-align: top;}
/* .top_news ul li:nth-child(n+2){margin-top: 0.75em;} */
.top_news ul td{font-size: 90%;line-height: normal;}
.top_news .title{
	font-size: 225%;
	color:#CDAA00;
}
.top_news .date{width: 7em;}
.top_news .cate div,
.top_news .newmark div{
	background-color: #000;
	color:#FFF;
	text-align: center;
	font-weight: bold;
	/*
	border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	*/
}
.top_news .cate.c1 div{background-color: #CDAA00;}
.top_news .cate.c2 div{background-color: #47FFEA; color:#17163C;}
.top_news .cate.c3 div{background-color: #314048;}
.top_news .newmark div{background-color: #F00;}
.top_news .cate div{}
.top_news .cate div span,
.top_news .newmark div span{
	display: block;
	margin: auto;
	font-size: 75%;
	line-height: normal;
	text-align: center;
}
.top_news .btn_list{
	display: block;
	margin: auto;
	padding: 0.5em 0;
	border: solid 1px #000;	
	width: 200px;
	max-width: 100%;
	font-weight: bold;
}
.top_news .text a:hover{text-decoration: underline;}
@media screen and (min-width: 1000px) {
	.top_news .title{width:24%;}
	.top_news .cate{width:50px;}	
	.top_news .newmark{width:60px;}
	.top_news .cate div,
	.top_news .newmark div{margin-top: 0.125em;}
	/* .top_news .cate.c1 div span{transform: scale(0.33,1);margin: 0 -3.33em;} */
	.top_news .newmark,
	.top_news .text{padding-left: 1em;}
}
@media screen and (max-width: 999px) {
	.top_news .title{text-align: center;padding-bottom: 30px;}
	.top_news .date,
	.top_news .cate,
	.top_news .newmark{
		display: inline-block;
		width:auto;
		vertical-align: middle;
		line-height: 20px;
	}
	.top_news .cate,
	.top_news .newmark{margin-left: 0.25em;}
	.top_news .cate div,
	.top_news .newmark div{
		padding: 0.0.5em;
	}
	.top_news .text{margin-top: 0.25em;}
	.top_news .text{clear: both;}
}


.top_subt{
	padding-top: 80px;
	text-align: center;
	font-size: 100%;
	position: relative;
}
.top_subt.padT65B50{padding-top: 65px;padding-bottom: 50px;}
.top_subt *{line-height: 125%;}
.top_subt *:nth-child(1){font-size: 200%;}
.top_subt *:nth-child(2){font-size: 112.5%;}
.top_subt hr{
	border-color: #3B3B3B;
	margin: 1em auto 0;
	width:3em;
}
.top_subt.hr_w hr{border-color: #FFF;}
@media screen and (min-width: 1000px) {
}
@media screen and (max-width: 999px) {
	.top_subt{padding-top: 30px;}
}


.top_bukken_back .btn_bgLtoR{
	font-size: 125%;
	font-weight: bold;
}
.top_bukken_back .btn_bgLtoR > * > span{width:24em;font-weight: normal;}
.top_bukken_back .btn_bgLtoR > *:before{}


.top_concept{
	background-image: url(../images/top/duphills/bg-01.jpg);
	padding-bottom: 80px;
	color: #FFF;
}
.top_concept .top_subt{
	margin-top: 0;
	padding-top: 120px;
	color: #FFF;
}
.top_concept .top_subt > div .text{
	font-size: 275%;
	padding: 0;
}
.top_concept .top_subt > div .text rt{
	font-size: 40%;
	padding: 0 0.5em;
}
.top_concept .top_subt > div .beta{
	height: 0.5em;
	margin-top: 0.75em;
}
.top_concept h3{
	font-size: 225%;
	line-height: normal;
	margin-top: 50px;
}
.top_concept h3 + .text{
	margin-top: 30px;
	margin-bottom: 90px;
	font-size: 110%;
	line-height: 200%;
	max-width: 100%;
}
.top_concept .text + img{width:100px;}
@media screen and (max-width: 999px) {
	.top_concept{padding-bottom: 50px;}
	.top_concept .top_subt{padding-top: 50px;}
	.top_concept .top_subt > div .text{
		font-size: 250%;
		margin-bottom: 0;
	}
	.top_concept .top_subt > div .beta{margin-top: 0.5em;}
	.top_concept h3{
		font-size: 165%;
		margin-top: 40px;
	}
	.top_concept h3 + .text{margin-top: 25px;}
	.top_concept .text + img{width:80px;}
}

.top_duphills{}
.top_duphills > *{
	padding-top: 80px;
	padding-bottom: 80px;
	color:#FFF;
	text-align: left;
}
.top_duphills > * > *:nth-child(n+2){margin-top: 80px;}
.top_duphills ul li{flex-grow: 1;}
.top_duphills ul li img{width:100%;}
.top_duphills ul li h3{
	border-bottom: solid 1px #CDAA00;
	font-size: 250%;
	font-weight: normal;
	line-height: 100%;
	padding-bottom: 0.5em;
	margin-bottom: 1.75em;
}
.top_duphills ul li h3 img{
	width: 64px;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 0.125em;
}
.top_duphills ul li h4{
	border-left: solid 2px #CDAA00;
	padding-left: 1em;
	font-size: 150%;
	line-height: 150%;
	margin-bottom: 1.25em;
}
.top_duphills ul li h5{
	font-size: 150%;
	line-height: 150%;
	margin-bottom: 1.5em;
}
.top_duphills ul li .box1{width:570px;}
.top_duphills ul li .box1 > *{flex-grow: 1;}
.top_duphills ul li .box1 > *:nth-child(1),
.top_duphills ul li .box1 > *:nth-child(3){width:260px;}
.top_duphills ul li .box1 > *:nth-child(2){width:50px;}
.top_duphills ul li .box1 > * img{margin-bottom: 1.5em;}
.top_duphills ul li .box1 > * div{font-size: 90%; line-height: 150%;}
.top_duphills ul li .box2{
	text-align: right;
	font-size: 50%;
	line-height: 150%;
	margin-top: 1em;
}
.top_duphills ul li .box3a{width:450px;}
.top_duphills ul li .box3b{width:450px;margin-top: -5%;}
.top_duphills ul li .box4{width:450px;}
.top_duphills .photoset4{}
.top_duphills .photoset4 h5{
	text-align: center;
	font-size: 150%;
	line-height: 150%;
	margin-bottom: 1.5em;
}
.top_duphills .photoset4 h5 span{
	display: inline-block;
	background-color: #CDAA00;
	color:#000;
	vertical-align: 0.125em;
	font-size: 75%;
	line-height: 100%;
	padding: 0.2em 0.4em;
	margin-right: 1em;
}
@media screen and (min-width: 1000px) {
	.top_duphills ul li .pic{width:467px;}
	.top_duphills ul li:nth-child(1) .pic{margin-left: auto;}
	.top_duphills ul li:nth-child(3) .pic{margin-right: auto;}
	.top_duphills ul li.w100{width:100px;}
	.top_duphills ul li.w500{width:500px;}
	.top_duphills ul li.w600{width:600px;}
	.top_duphills .photoset4 > div{flex-wrap: wrap;}
}
@media screen and (min-width: 1000px) {
	.top_duphills .photoset4 > div img{
		/* width:380px; */
		width:31.66666667%;
		/* margin-left: 30px; */
		margin-left: 2.5%;
		flex-grow: 1;
	}
	.top_duphills .photoset4 > div img:nth-child(3n+1){margin-left: 0;}
	.top_duphills .photoset4 > div img:nth-child(n+4){margin-top: 2.5%;}
}
/*
@media screen and (min-width: 1000px) and (max-width: 1319px) {
	.top_duphills .photoset4 > div img{
		width:47%;
		margin-left: 30px;
		flex-grow: 1;
	}
	.top_duphills .photoset4 > div img:nth-child(2n+1){margin-left: 0;}
	.top_duphills .photoset4 > div img:nth-child(n+3){margin-top: 30px;}
}
*/
@media screen and (max-width: 999px) {
	.content_box.top_duphills{padding: 0;}
	.top_duphills > *{
		padding-top: 0;
		padding-bottom: 45px;
	}
	.top_duphills > * > *:nth-child(n+2){margin-top: 50px;}
	.top_duphills ul{flex-flow: column;}
	.top_duphills ul li{width:100%;}
	.top_duphills ul li.od1{order: 1;}
	.top_duphills ul li.od2{
		order: 2;
		margin-top: 45px;
	}
	.top_duphills ul li.odx{display: none;}
	.top_duphills ul li h3{
		margin-bottom: 30px;
		font-size: 200%;
	}
	.top_duphills ul li h3 img{width:48px;}
	.top_duphills ul li h4,
	.top_duphills ul li h5{
		font-size: 125%;
		margin-bottom: 1em;
	}
	.top_duphills ul li h4{
		font-weight: normal;
		padding-left: 16px;
	}
	.top_duphills ul li .box1{flex-flow: column;}
	.top_duphills ul li .box1 > *{margin: auto;}
	.top_duphills ul li .box1 > *:nth-child(1){margin-bottom: 50px;}
	.top_duphills ul li .box2{text-align: left;}
	.top_duphills .photoset4 h5{
		text-align: left;
		font-size: 125%;
	}
	.top_duphills .photoset4 h5 span{
		font-size: 100%;
		margin-right: 0;
		margin-bottom: 0.5em;
	}
	.top_duphills .photoset4 > div{flex-flow: column;}
	.top_duphills .photoset4 > div img{width:100%;}
	.top_duphills .photoset4 > div img:nth-child(n+2){margin-top: 16px;}
}


.top_duphills2{}
.top_duphills2 > *{
	padding-top: 50px;
	padding-bottom: 120px;
	text-align: left;
}
.top_duphills2 h3{
	background-color: #314048;
	color:#FFF;
	font-size: 187.5%;
	line-height: 100%;
	font-weight: normal;
	padding: 1em 0;
	text-align: center;
	margin-bottom: 65px;
}
.top_duphills2 h3 span{color:#CDAA00;}
.top_duphills2 ul li img{width:100%;}
.top_duphills2 ul li > img + img{margin-top: 40px;}
.top_duphills2 ul li h4{
	font-size: 150%;
	line-height: 150%;
	font-weight: normal;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #000;
	margin-bottom: 0.5em;
}
.top_duphills2 ul + ul,
.top_duphills2 ul + h3{margin-top:80px;}
@media screen and (min-width: 1000px) {
	.top_duphills2 ul li{flex-grow: 1;}
	.top_duphills2 ul li.w090{width:90px;}
	.top_duphills2 ul li.w400{width:400px;}
	.top_duphills2 ul li.w640{width:640px;}
}
@media screen and (max-width: 999px) {
	.top_duphills2 > *{
		padding-top: 20px;
		padding-bottom: 45px;
	}
	.top_duphills2 h3{
		font-size: 100%;
		margin-bottom: 1.5em;
	}
	.top_duphills2 ul{flex-flow: column;}
	.top_duphills2 ul li:nth-child(1){margin-bottom: 30px;}
	.top_duphills2 ul li > img + img{margin-top: 30px;}
	.top_duphills2 ul + ul{margin-top:40px;}
	.top_duphills2 ul + h3{margin-top:65px;}
}

.top_gallery{}
.top_gallery .gallery_mainpic{
	display: flex;
	height:356px;
	background-image: url(../images/common/bg-ami-D80.png),url(../images/top/duphills/gallery-p00.jpg);
	background-repeat:repeat, no-repeat;
	background-position: center center;
	background-size: auto,cover;
	align-items: center;
	justify-content: space-evenly;
	text-align: center;
	margin-bottom: 60px;
}
.top_gallery .gallery_mainpic h3{
	font-size: 225%;
	line-height: 133%;
	font-weight: normal;
}
.top_gallery ul{
	display: flex;
	margin-top: 60px;
	margin-bottom: 80px;
}
.top_gallery ul li{text-align: left;}
.top_gallery ul li h4{
	color:#CDAA00;
	font-size: 125%;
	line-height: 100%;
	font-weight: normal;
	margin-bottom: 0.8em;
}
.top_gallery ul li img{
	width:100%;
	margin-bottom: 0.75em;
}
.top_gallery ul li div{
	font-size: 90%;
	line-height: 175%;
}
@media screen and (min-width: 1000px) {
	.top_gallery ul li{width:344px;}
	.top_gallery ul li:nth-child(n+2){margin-left: 49px;}
}
@media screen and (max-width: 999px) {
	.top_gallery .gallery_mainpic{
		height:192px;
		margin-bottom: 40px;
	}
	.top_gallery .gallery_mainpic h3{font-size: 125%;}
	.top_gallery ul{
		flex-flow: column;
		margin-bottom: 60px;
	}
	.top_gallery ul li h4{
		font-size: 150%;
		font-weight: bold;
	}
	.top_gallery ul li:nth-child(n+2){margin-top: 2em;}
}

.top_support ul li{flex-grow: 1;}
.top_support .f1{text-align: left;}
.top_support .f2{
	margin: 60px auto 0;
	text-align: center;
	width:930px;
	max-width: 100%;
}
.top_support .f2 li{
	background-color: #FFF;
	font-size: 125%;
	line-height: 100%;
	font-weight: bold;
	padding: 0.5em 0;
	width:296px;
}
@media screen and (min-width: 1000px) {
	.top_support .f1 li:nth-child(1){width:558px;}
	.top_support .f1 li:nth-child(1) > *:nth-child(2){margin-top: 50px;}
	.top_support .f1 li:nth-child(2){width:70px;}
	.top_support .f1 li:nth-child(3){width:502px;}
	.top_support .f2 li:nth-child(n+2){margin-left:21px;}
}
@media screen and (max-width: 999px) {
	.top_support .f1{flex-flow: column;}
	.top_support .f1 li:nth-child(1) > *:nth-child(2){margin-top: 30px;}
	.top_support .f1 li:nth-child(2){display: none;}
	.top_support .f1 li:nth-child(3){margin-top: 40px;}
	.top_support .f2{
		margin-top: 35px;
		flex-flow: column;
	}
	.top_support .f2 li{margin: auto;}
	.top_support .f2 li:nth-child(n+2){margin-top:12px;}
}

.top_bnrbox_2021{
	display: flex;
	flex-wrap: wrap;
	width: 1040px;
	max-width: 100%;
}
.top_bnrbox_2021 > *{
	margin-top: 2em;
	padding: 0 10px;
	flex-grow: 1;
	max-width: 100%;
}
.top_bnrbox_2021 > * a{
	display: block;
	width:500px;
	max-width: 100%;
	margin: auto;
}
.top_bnrbox_2021 img{width:100%;}