@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% "Helvetica Neue","Meiryo";color:#222;text-align:center;background:#fff;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/180% "Helvetica Neue","Meiryo";}
a:link,a:visited{color:#222;text-decoration:none;}
a:hover{color:#c00;text-decoration:underline;}
img{border:none;}
ol,ul,li{list-style:none;} 
em{font-style:normal;}
/*clear*/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
.fl{float:left;}
.fr{float:right;}
.w1000{width:1000px;}
.white,.white a:link,.white a:visited,.white a:hover{color:#fff;}
/*header*/
.header{height:33px;background:#fff;}
.header span{float:left;}
.header span img{margin-top:1px;}
.header em{float:right;line-height:33px;}
.header em a{margin:0 6px;}
.header em,.header em a:link,.header em a:visited,.header em a:hover{color:#666;}
/*top*/
.top{background:url(images/top.jpg) no-repeat top center #fcf3ea;}
.top_h{height:677px;}
/*p1Con*/
.p1Con{width: 1088px;position: relative;}
.view .swiper-container{width:1002px;height:410px;margin-top: 24px;background:url(images/p1bg.png) no-repeat;}
.view .swiper-slide div{padding:58px 39px 0 42px;overflow: hidden;width: 921px;height: 352px;}
.view .swiper-slide img{float:left;}
.view .swiper-slide h3{background:url(images/p1_1.png) no-repeat left bottom;width: 460px;float:right;height: 54px;font:normal 32px/34px "Helvetica Neue","Meiryo";}
.view .swiper-slide p{font-size: 16px;line-height: 180%;width: 460px;float:right;margin-top: 25px;}
.view .swiper-slide span{float:right;width: 196px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;background:#fff;border-radius: 18px;margin-top: 25px;}
.view .swiper-slide span a{color:#ec6a55;}
.preview{width: 100%;position: relative;}
.preview .swiper-container{width:1000px;height:55px;}
.preview .swiper-slide{width:181px;height:55px;cursor:pointer;}
.preview .arrow-left{background: url(images/prev1.png) no-repeat left top;position: absolute;left:0px;top:0;width:26px;height:46px;z-index: 10;}
.preview .arrow-right{background: url(images/next1.png) no-repeat left bottom;position: absolute;right:0px;top:0;width:26px;height:46px;z-index: 10;}
.preview .swiper-slide div span{background:#ed6450;line-height:36px;text-align: center;color:#fff;border-radius: 18px;font-size: 24px;width: 181px;border:3px solid #ec6a55;display: inline-block;}
.preview .active-nav div{width: 100%;position: relative;height: 55px;}
.preview .active-nav div span{background:#fff;color: #e2675c;}
.preview .active-nav div i{background:url(images/icon1.png) no-repeat;width: 25px;height: 15px;position: absolute;bottom:0;left:40%;}
/*p2Con*/
.tit1{background:url(images/p2_1.png) no-repeat top center;height: 93px;text-align: center;}
.tit1 h3{color:#ec6a55;padding-top: 41px;height: 52px;font:normal 38px/52px "Helvetica Neue","Meiryo";font-style: italic;background:url(images/p2_2.jpg) no-repeat center bottom;padding-bottom: 24px;}
.p2Con{background:url(images/footer.jpg) no-repeat bottom center;}
.p2Con ul{width: 1000px;padding-top:80px;margin:0 auto;}
.p2Con li{float:left;width:219px;height:190px;margin:10px 0px 0 40px;display: inline;font-size: 18px;position: relative;cursor: pointer;}
.p2Con li img{display: block;margin-bottom: 15px;}
.p2Con li i{background:url(images/p2_3.png) no-repeat;width: 219px;height: 123px;position: absolute;top:0;left:0;display: none;}
/*copyright*/
#copyright{text-align: center;padding:300px 0 10px 0;clear: both;font-size: 16px;color: #fff}
/*---------MEDIA QUERIES Mobile phone--------------*/
@media (min-device-width:320px) and (max-width:689px),(max-device-width:480px){
	.w1000,.header,.p1Con,.top,.tit1,.p2Con,#copyright{width:1088px;}
}