@media screen and (max-width: 1439px){
	#main{
		width:100%;
		overflow:hidden;
	}
	
	#main .visual{
		width:100%;
	}
	
	#main .visual .mainVisual{
		width:100%;
	}
	
	#main .visual .mainVisual li{
		position:relative;
		width:100%;
	}
	
	#main .visual .mainVisual li .bg{
		width:100%;
	}
	
	#main .visual .mainVisual li .bg img{
		width:100%;
	}
	

	
	
	
	#main .visual .mainVisual li .cont{
		width:100%;
		padding:0px 100px;
		box-sizing:border-box;
		bottom:10%;
		position:absolute;
	}
	
	
	#main .visual .mainVisual li .cont .subs{
		color:#fff;
		font-size:24px;
	}
	
	
	
	#main .visual .mainVisual li .cont .tit{
		font-family: 'Marcellus', serif;
		font-size:100px;
		color:#fff;
		margin-top:15px;
		line-height:130px;
	}
	
	#main .visual .mainVisual li .cont .subTit{
		font-size:30px;
		color:#fff;
		margin-top:35px;
	}
	
	
	#main .visual .mainVisual .slick-dots{
		width:100%;
		position:absolute;
		bottom:5%;
		padding:0px 200px;
		box-sizing:border-box;
	}
	
	#main .visual .mainVisual .slick-dots li{
		width:15px;
		height:15px;
		border-radius:15px;
		border:1px solid #fff;
		display:inline-block;
		text-indent:-999999px;
		margin-right:10px;
	}
	
	#main .visual .mainVisual .slick-dots .slick-active{
		background:#fff;
	}
	
	
	#main .mainTitle{
		width:100%;
	}
	
	#main .mainTitle .Title{
		font-size:60px;
		font-family:Marcellus;
		color:#222;
		text-align:center;
		line-height:60px;
	}
	
	#main .mainTitle .subTit{
		font-size:36px;
		color:#777;
		margin-top:15px;
		text-align:center;
	}
	
	
	
	#main .mainTitle .subs{
		font-size:24px;
		color:#222;
		margin-top:15px;
	}
	
	
	
	
	#main .trendy{
		width:100%;
		padding:0px 100px;
		box-sizing:Border-box;
		margin:100px auto 0;
	}
	
	#main .trendy .mainTitle{
		width:100%;
		position:Relative;
	}
	
	#main .trendy .mainTitle .bg{
		width:100%;
		position:absolute;
		z-index:-1;
		top:0;
	}
	
	
	#main .trendy .mainTitle .bg img{
		width:100%;
	}
	
	
	
	#main .trendy .imgList{
		width:100%;
		display:flex;
		margin-top:50px;
	}
	
	
	#main .trendy .imgList dd{
		width:100%;
		margin-left:60px;
		place-self:inherit;
	}
	
	
	#main .trendy .imgList dd:first-child{
		margin-left:0px;
		margin-top:120px;
	}
	
	
	#main .trendy .imgList dd .thum{
		width:100%;
	}
	
	
	#main .trendy .imgList dd .thum img{
		width:100%;
	}
	
	
	
	#main .trendy .imgList dd .txA{
		width:100%;
		margin-top:30px;
	}
	
	#main .trendy .imgList dd .txA .subj{
		font-size:40px;
		color:#222;
		font-family:'Marcellus'
	}
	
	#main .trendy .imgList dd .txA .subs{
		font-size:18px;
		color:#444;
		margin-top:10px;
	}
	#main .trendy .imgList dd .txA .deBtn{
		width:180px;
		border:1px solid #beafa2;
		font-size:18px;
		color:#beafa2;
		text-align:center;
		padding:12px 0px;
		box-sizing:border-box;
		border-radius:50px;
		font-family:'Marcellus';
		margin-top:40px;
	}
	
	#main .trendy .imgList dd .txA .deBtn a{
		color:#beafa2;
	}
	
	
	
	
	
	#main .trust{
		width:100%;
		background:#efebe8;
		padding:0px 100px 100px;
		box-sizing:border-box;
		margin-top:200px;
	}
	
	
	#main .trust .keyword{
		width:100%;
		text-align:center;
		color:#222;
		font-size:60px;
		font-family:'Marcellus';
		position:relative;
		top:-36px;
		display:block;
	}
	
	
	#main .trust .cont{
		width:100%;
		display:flex;
	}
	
	#main .trust .cont .txA{
		width:100%;
		padding-right:30px;
		place-self:center;
	}
	
	#main .trust .cont .txA .mainTitle .Title{
		text-align:left;
	}
	
	
	
	#main .trust .cont .txA .substance{
		font-size:18px;
		color:#777;
		margin-top:40px;
		word-break:keep-all;
	}
	
	
	
	
	
	#main .trust .cont .thum{
		width:100%;
		padding-left:60px;
		place-self:center;
	}
	
	
	#main .trust .cont .thum img{
		width:100%;
	}
	
	
	
	
	
	
	#main .story{
		width:100%;
		padding:0px 100px;
		box-sizing:border-box;
		margin-top:200px;
		position:relative;
	}
	
	
	#main .story .bgTypo{
		position:absolute;
		bottom:-60px;
		width:100%;
		padding:0px 300px;
		box-sizing:border-box;
		z-index:-1;
		left:0;
	}
	
	#main .story .bgTypo img{
		width:100%;
	}
	
	
	
	#main .story .cont{
		width:100%;
	}
	
	#main .story .mainTitle .subs{
		text-align:center;
	}
	
	
	
	#main .story .cont .storyList{
		width:100%;
		display:flex;
		margin-top:50px;
	}
	
	
	#main .story .cont .storyList dd{
		width:100%;
		margin-left:20px;
	}
	
	#main .story .cont .storyList dd:first-child{
		margin-left:0px;
	}
	
	
	#main .story .cont .storyList dd .thum{
		width:100%;
	}
	#main .story .cont .storyList dd .thum img{
		width:100%;
	}
	
	
	#main .story .cont .storyList dd .cate{
		font-size:16px;
		color:#999;
		font-family:'abel';
		margin-top:20px;
	}
	
	#main .story .cont .storyList dd .clinic{
		font-size:22px;
		color:#beafa2;
		margin-top:20px;
		display:inline-block;
		filter:grayscale(100%);
		position:relative;
	}
	
	#main .story .cont .storyList dd .clinic span{
		width:14px;
		display:inline-block;
		margin-left:10px;
	}
	
	
	
	#main .story .cont .storyList dd .clinic span img{
		width:100%;
	}
	
	#main .story .cont .storyList dd .clinic p{
		width:0px;
		height:1px;
		transition:all 1s;
		border-bottom:1px solid #beafa2;
	}
	#main .story .cont .storyList dd:hover .clinic p{
		width:100%;
		transition:all 0.5s;
	}
	
	#main .story .cont .storyList dd:hover .clinic{
		filter:grayscale(0%)
	}
	
	
	
	
	
	
	#main .story .cont .storyList dd .subs{
		font-size:16px;
		color:#444;
		margin-top:5px;
		word-break:keep-all;
	}
	

}



@media screen and (max-width: 1179px){
	#main{
		width:100%;
		overflow:hidden;
	}
	
	#main .visual{
		width:100%;
	}
	
	#main .visual .mainVisual{
		width:100%;
	}
	
	#main .visual .mainVisual li{
		position:relative;
		width:100%;
	}
	
	#main .visual .mainVisual li .bg{
		width:100%;
		overflow:hidden;
	}
	
	#main .visual .mainVisual li .bg img{
		width:150%;
		position:relative;
		left:50%;
		transform:translateX(-50%);
	}
	

	
	
	
	#main .visual .mainVisual li .cont{
		width:100%;
		padding:0px 3%;
		box-sizing:border-box;
		bottom:20%;
		position:absolute;
		z-index:1;
	}
	
	
	#main .visual .mainVisual li .cont .subs{
		color:#fff;
		font-size:24px;
	}
	
	
	
	#main .visual .mainVisual li .cont .tit{
		font-family: 'Marcellus', serif;
		font-size:72px;
		color:#fff;
		margin-top:5px;
		line-height:80px;
	}
	
	#main .visual .mainVisual li .cont .subTit{
		font-size:30px;
		color:#fff;
		margin-top:35px;
	}
	
	
	#main .visual .mainVisual .slick-dots{
		width:100%;
		position:absolute;
		bottom:5%;
		padding:0px 3%;
		box-sizing:border-box;
	}
	
	#main .visual .mainVisual .slick-dots li{
		width:15px;
		height:15px;
		border-radius:15px;
		border:1px solid #fff;
		display:inline-block;
		text-indent:-999999px;
		margin-right:10px;
	}
	
	#main .visual .mainVisual .slick-dots .slick-active{
		background:#fff;
	}
	
	
	#main .mainTitle{
		width:100%;
	}
	
	#main .mainTitle .Title{
		font-size:50px;
		font-family:Marcellus;
		color:#222;
		text-align:center;
		line-height:60px;
		word-break:keep-all;
	}
	
	#main .mainTitle .subTit{
		font-size:24px;
		color:#777;
		margin-top:15px;
		text-align:center;
		word-break:keep-all;
	}
	
	
	
	#main .mainTitle .subs{
		font-size:16px;
		color:#222;
		word-break:keep-all;
		margin-top:15px;
	}
	
	
	
	
	#main .trendy{
		width:100%;
		padding:0px 3%;
		box-sizing:Border-box;
		margin:100px auto 0;
	}
	
	#main .trendy .mainTitle{
		width:100%;
		position:Relative;
		word-break:keep-all;
	}
	
	#main .trendy .mainTitle .bg{
		width:100%;
		position:absolute;
		z-index:-1;
		top:0;
	}
	
	
	#main .trendy .mainTitle .bg img{
		width:100%;
	}
	
	
	
	#main .trendy .imgList{
		width:100%;
		display:flex;
		margin-top:50px;
	}
	
	
	#main .trendy .imgList dd{
		width:100%;
		margin-left:40px;
		place-self:inherit;
	}
	
	
	#main .trendy .imgList dd:first-child{
		margin-left:0px;
		margin-top:120px;
	}
	
	
	#main .trendy .imgList dd .thum{
		width:100%;
	}
	
	
	#main .trendy .imgList dd .thum img{
		width:100%;
	}
	
	
	
	#main .trendy .imgList dd .txA{
		width:100%;
		margin-top:30px;
	}
	
	#main .trendy .imgList dd .txA .subj{
		font-size:40px;
		color:#222;
		font-family:'Marcellus'
	}
	
	#main .trendy .imgList dd .txA .subs{
		font-size:18px;
		color:#444;
		margin-top:10px;
		word-break:keep-all;
	}
	#main .trendy .imgList dd .txA .deBtn{
		width:180px;
		border:1px solid #beafa2;
		font-size:18px;
		color:#beafa2;
		text-align:center;
		padding:12px 0px;
		box-sizing:border-box;
		border-radius:50px;
		font-family:'Marcellus';
		margin-top:40px;
	}
	
	#main .trendy .imgList dd .txA .deBtn a{
		color:#beafa2;
	}
	
	
	
	
	
	#main .trust{
		width:100%;
		background:#efebe8;
		padding:50px 3% 100px;
		box-sizing:border-box;
		margin-top:200px;
	}
	
	
	#main .trust .keyword{
		width:100%;
		text-align:center;
		color:#222;
		font-size:48px;
		font-family:'Marcellus';
		position:relative;
		top:-86px;
		display:block;
		word-break:keep-all;
	}
	
	
	#main .trust .cont{
		width:100%;
		display:flex;
	}
	
	#main .trust .cont .txA{
		width:100%;
		padding-right:30px;
		place-self:center;
	}
	
	#main .trust .cont .txA .mainTitle .Title{
		text-align:left;
	}
	
	
	
	#main .trust .cont .txA .substance{
		font-size:16px;
		color:#777;
		margin-top:40px;
		word-break:keep-all;
	}
	
	
	
	
	
	#main .trust .cont .thum{
		width:100%;
		padding-left:30px;
		place-self:center;
	}
	
	
	#main .trust .cont .thum img{
		width:100%;
	}
	
	
	
	
	
	
	#main .story{
		width:100%;
		padding:0px 3%;
		box-sizing:border-box;
		margin-top:200px;
		position:relative;
	}
	
	
	#main .story .bgTypo{
		position:absolute;
		bottom:-60px;
		width:100%;
		padding:0px 300px;
		box-sizing:border-box;
		z-index:-1;
		left:0;
	}
	
	#main .story .bgTypo img{
		width:100%;
	}
	
	
	
	#main .story .cont{
		width:100%;
	}
	
	#main .story .mainTitle .subs{
		text-align:center;
	}
	
	
	
	#main .story .cont .storyList{
		width:100%;
		display:inline-block;
		margin-top:0px;
	}
	
	
	#main .story .cont .storyList dd{
		width:48%;
		display:inline-block;
		vertical-align:top;
		margin-left:3%;
		margin-top:50px;
	}
	
	#main .story .cont .storyList dd:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	#main .story .cont .storyList dd .thum{
		width:100%;
	}
	#main .story .cont .storyList dd .thum img{
		width:100%;
	}
	
	
	#main .story .cont .storyList dd .cate{
		font-size:16px;
		color:#999;
		font-family:'abel';
		margin-top:20px;
	}
	
	#main .story .cont .storyList dd .clinic{
		font-size:22px;
		color:#beafa2;
		margin-top:20px;
		display:inline-block;
		filter:grayscale(100%);
		position:relative;
	}
	
	#main .story .cont .storyList dd .clinic span{
		width:14px;
		display:inline-block;
		margin-left:10px;
	}
	
	
	
	#main .story .cont .storyList dd .clinic span img{
		width:100%;
	}
	
	#main .story .cont .storyList dd .clinic p{
		width:0px;
		height:1px;
		transition:all 1s;
		border-bottom:1px solid #beafa2;
	}
	#main .story .cont .storyList dd:hover .clinic p{
		width:100%;
		transition:all 0.5s;
	}
	
	#main .story .cont .storyList dd:hover .clinic{
		filter:grayscale(0%)
	}
	
	
	
	
	
	
	#main .story .cont .storyList dd .subs{
		font-size:16px;
		color:#444;
		margin-top:5px;
		word-break:keep-all;
	}
	

}



@media screen and (max-width: 549px){
	#main{
		width:100%;
		overflow:hidden;
	}
	
	#main .visual{
		width:100%;
	}
	
	#main .visual .mainVisual{
		width:100%;
	}
	
	#main .visual .mainVisual li{
		position:relative;
		width:100%;
	}
	
	#main .visual .mainVisual li .bg{
		width:100%;
		overflow:hidden;
	}
	
	#main .visual .mainVisual li .bg img{
		width:210%;
		position:relative;
		left:50%;
		transform:translateX(-50%);
	}
	

	
	
	
	#main .visual .mainVisual li .cont{
		width:100%;
		padding:0px 3%;
		box-sizing:border-box;
		bottom:14%;
		position:absolute;
		z-index:1;
	}
	
	
	#main .visual .mainVisual li .cont .subs{
		color:#fff;
		font-size:14px;
		word-break:keep-all;
	}
	
	
	
	#main .visual .mainVisual li .cont .tit{
		font-family: 'Marcellus', serif;
		font-size:30px;
		color:#fff;
		margin-top:5px;
		line-height:30px;
	}
	
	#main .visual .mainVisual li .cont .subTit{
		font-size:14px;
		color:#fff;
		margin-top:30px;
	}
	
	
	#main .visual .mainVisual .slick-dots{
		width:100%;
		position:absolute;
		bottom:5%;
		padding:0px 3%;
		box-sizing:border-box;
	}
	
	#main .visual .mainVisual .slick-dots li{
		width:10px;
		height:10px;
		border-radius:15px;
		border:1px solid #fff;
		display:inline-block;
		text-indent:-999999px;
		margin-right:10px;
	}
	
	#main .visual .mainVisual .slick-dots .slick-active{
		background:#fff;
	}
	
	
	#main .mainTitle{
		width:100%;
	}
	
	#main .mainTitle .Title{
		font-size:26px;
		font-family:Marcellus;
		color:#222;
		text-align:center;
		line-height:26px;
		word-break:keep-all;
	}
	
	#main .mainTitle .subTit{
		font-size:16px;
		color:#777;
		margin-top:15px;
		text-align:center;
		word-break:keep-all;
	}
	
	
	
	#main .mainTitle .subs{
		font-size:16px;
		color:#222;
		word-break:keep-all;
		margin-top:15px;
	}
	
	
	
	
	#main .trendy{
		width:100%;
		padding:0px 3%;
		box-sizing:Border-box;
		margin:100px auto 0;
	}
	
	#main .trendy .mainTitle{
		width:100%;
		position:Relative;
		word-break:keep-all;
	}
	
	#main .trendy .mainTitle .bg{
		width:100%;
		position:absolute;
		z-index:-1;
		top:0;
	}
	
	
	#main .trendy .mainTitle .bg img{
		width:100%;
	}
	
	
	
	#main .trendy .imgList{
		width:100%;
		display:block;
		margin-top:0px;
	}
	
	
	#main .trendy .imgList dd{
		width:100%;
		margin-left:0px;
		place-self:inherit;
		margin-top:50px;
	}
	
	
	#main .trendy .imgList dd:first-child{
		margin-left:0px;
		margin-top:50px;
	}
	
	
	#main .trendy .imgList dd .thum{
		width:100%;
	}
	
	
	#main .trendy .imgList dd .thum img{
		width:100%;
	}
	
	
	
	#main .trendy .imgList dd .txA{
		width:100%;
		margin-top:15px;
	}
	
	#main .trendy .imgList dd .txA .subj{
		font-size:24px;
		color:#222;
		font-family:'Marcellus'
	}
	
	#main .trendy .imgList dd .txA .subs{
		font-size:14px;
		color:#444;
		margin-top:10px;
		word-break:keep-all;
	}
	
	#main .trendy .imgList dd .txA .subs  br{
		display:none;
	} 
	
	#main .trendy .imgList dd .txA .deBtn{
		width:180px;
		border:1px solid #beafa2;
		font-size:14px;
		color:#beafa2;
		text-align:center;
		padding:12px 0px;
		box-sizing:border-box;
		border-radius:50px;
		font-family:'Marcellus';
		margin-top:40px;
	}
	
	#main .trendy .imgList dd .txA .deBtn a{
		color:#beafa2;
	}
	
	
	
	
	
	#main .trust{
		width:100%;
		background:#efebe8;
		padding:50px 3% 100px;
		box-sizing:border-box;
		margin-top:100px;
	}
	
	
	#main .trust .keyword{
		width:100%;
		text-align:center;
		color:#222;
		font-size:20px;
		font-family:'Marcellus';
		position:relative;
		top:-66px;
		display:block;
		word-break:keep-all;
	}
	
	
	#main .trust .cont{
		width:100%;
		display:block;
	}
	
	#main .trust .cont .txA{
		width:100%;
		padding-right:0px;
		place-self:center;
	}
	
	#main .trust .cont .txA .mainTitle .Title{
		text-align:left;
	}
	
	
	
	#main .trust .cont .txA .substance{
		font-size:14px;
		color:#777;
		margin-top:40px;
		word-break:keep-all;
		line-height:22px
	}
	
	
	
	
	
	#main .trust .cont .thum{
		width:100%;
		padding-left:0px;
		place-self:center;
		margin-top:30px;
	}
	
	
	#main .trust .cont .thum img{
		width:100%;
	}
	
	
	
	
	
	
	#main .story{
		width:100%;
		padding:0px 3%;
		box-sizing:border-box;
		margin-top:200px;
		position:relative;
	}
	
	
	#main .story .bgTypo{
		position:absolute;
		bottom:-60px;
		width:100%;
		padding:0px 300px;
		box-sizing:border-box;
		z-index:-1;
		left:0;
	}
	
	#main .story .bgTypo img{
		width:100%;
	}
	
	
	
	#main .story .cont{
		width:100%;
	}
	
	#main .story .mainTitle .subs{
		text-align:center;
	}
	
	
	
	#main .story .cont .storyList{
		width:100%;
		display:inline-block;
		margin-top:0px;
	}
	
	
	#main .story .cont .storyList dd{
		width:48%;
		display:inline-block;
		vertical-align:top;
		margin-left:2%;
		margin-top:50px;
	}
	
	#main .story .cont .storyList dd:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	#main .story .cont .storyList dd .thum{
		width:100%;
	}
	#main .story .cont .storyList dd .thum img{
		width:100%;
	}
	
	
	#main .story .cont .storyList dd .cate{
		font-size:13px;
		color:#999;
		font-family:'abel';
		margin-top:15px;
	}
	
	#main .story .cont .storyList dd .clinic{
		font-size:15px;
		color:#beafa2;
		margin-top:20px;
		display:inline-block;
		filter:grayscale(100%);
		position:relative;
	}
	
	#main .story .cont .storyList dd .clinic span{
		width:10px;
		display:inline-block;
		margin-left:10px;
	}
	
	
	
	#main .story .cont .storyList dd .clinic span img{
		width:100%;
	}
	
	#main .story .cont .storyList dd .clinic p{
		width:0px;
		height:1px;
		transition:all 1s;
		border-bottom:1px solid #beafa2;
	}
	#main .story .cont .storyList dd:hover .clinic p{
		width:100%;
		transition:all 0.5s;
	}
	
	#main .story .cont .storyList dd:hover .clinic{
		filter:grayscale(0%)
	}
	
	
	
	
	
	
	#main .story .cont .storyList dd .subs{
		font-size:13px;
		color:#444;
		margin-top:5px;
		word-break:keep-all;
	}
	

}














































