/************************************

全体共通

************************************/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body{
	font-family: 'Noto Sans Japanese', helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
}

a{
	color:#333333;
}

.fade-up {
opacity: 0;
transform: translateY(20px);
transition: all 0.75s cubic-bezier(0.75, 0, 0.35, 1);
}

.pagetop{
	width:50px;
	position: absolute;
	right:10%;
}


.wrap{
	max-width: 1200px;
	margin:0 auto;
	width:90%;
}

img {
	width:100%;
	vertical-align: bottom;
}

h2,
.h2{
	font-size: 34px;
	font-weight:bold;
	margin: 17px 0;
}

.txt{
	font-size:14px;
	color:#666666;
}


.sp{
	display: none;
}

.pc{
	display: block;
}

.title{
	height:361px;
	margin-top: 102px;
	text-align: center;
	color:#fff;
}

.title h1{
	font-size: 35px;
	font-weight: 500;
	padding-top:130px;
}

.title h1 span{
	display: block;
	font-size: 17px;
	font-weight: bold;
}

.title h1 span::after{
	content: "";
	border-bottom: 2px solid #fff;
	width:30px;
	height:10px;
	display: block;
	margin:0 auto;
}

nav.index ul a{
	color:#fff;

	}

nav ul a:hover{
	color:#80c9c4;
}


@media screen and (min-width: 769px) {


nav ul a {
  display: block;
  text-decoration: none;
}
nav ul a::after {
  border-bottom: solid 3px #80c9c4;
  bottom: 0;
  content: "";
  display: block;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 0;
  margin-top:10px;
}
nav ul a:hover::after {
  width: 100%;
}
	
}

@media screen and (max-width: 767px) {
	
	.sp{
	display: block;
	}
	.pc{
	display: none;
    }

    .txt{
	line-height: 2;
}

.title{
	height:200px;
	margin-top: 0px;
}

.title h1{
	font-size: 25px;
	padding-top:60px;
}

.title h1 span{
	font-size: 12px;
}


}


/************************************

ヘッダー・ナビゲーション

************************************/


header{
	display: flex;
	justify-content: space-between;
	display:-ms-flexbox;/*IE10*/
    -ms-flex-pack:justify;/*IE10*/
	position: absolute;
	top:0;
	width:98%;
	padding:0% 2% 0% 0;
	z-index: 9999;
	
}


header.index{
}

header p.logo{
	width:323px;
	margin:20px;
}



header nav{
	text-align: right;
	margin-top:30px;
}

header nav ul{
	display: flex;
}

header a.tel img{
	width:355px;
	margin-bottom:10px; 
}

header nav ul li a{
	margin-left:20px;
	font-size: 14px;
	font-weight: bold;
}


#sp_nav{
	display: none;
	z-index: 9999;
}


@media screen and (min-width:768px) {

	#sp_nav{
	display: none;
	z-index: 9999;
}
	
}


@media screen and (max-width: 1023px) {
	header p.logo{
}

header nav{
	margin-top:0px;
}

header nav ul{
	display: flex;
	flex-wrap: wrap;
}

}

@media screen and (max-width: 767px) {

	header nav ul,
	header nav a{
		display: none;
	}

	header p.logo{
		width:200px;
		position: fixed;
		top:0;
		margin:10px;
	}


	#sp_nav{
}

#sp_nav ul{
	display: flex;
	position: fixed;
	bottom:0;
	z-index: 9999;
}

}


/************************************

フッター

************************************/


footer{
	border-top:5px solid #80c9c4;
	padding-top: 50px;
	padding-bottom: 50px;
}

footer .wrap{
	display: flex;
	flex-wrap: wrap;
}

footer nav{
	display: flex;
	justify-content: space-between;
	display:-ms-flexbox;/*IE10*/
	-ms-flex-pack:justify;/*IE10*/
	width:100%;
	border-top:1px solid #e9e9e9;
	padding-top: 30px;
	margin-top: 50px;
	align-items: baseline;
}

footer nav ul{
	display: flex;
	display:-ms-flexbox;/*IE10*/
	flex-wrap: wrap;
}

footer nav ul a{
	color:#585656;
	font-size: 14px;
	margin: 0 20px;
}

 footer p.logo{
 	width:134px;
 	margin-right: 30px;
 }

  footer dt{
  	width:203px;
  	margin-bottom: 30px;
  }

  footer .map{
  	display: block;
  	width:180px;
  	margin-top:55px;
  	margin-left: 10px;
  }

  footer .copy{
  	color:#585656;
  	font-size: 10px;
  }



@media screen and (max-width: 1023px) {

  	footer .wrap{
  		justify-content: center;
  		-ms-flex-pack:center;/*IE10*/
  	}

  	footer .map{
  		margin-top:55px;
  		margin-left: 10px;
  	}


  	footer dt{
  	width:203px;
  	margin-bottom: 20px;
  	margin-top: 5px;
  }


  	footer nav{
  		display: block;

  	}

  	footer nav ul{
  		justify-content: center;
  		-ms-flex-pack:center;/*IE10*/
  	}


  	footer .copy{
  		text-align: center;
  	}

  	footer .map{
  	margin-top:20px;
  	margin-left: 0px;
  }

  }



 @media screen and (max-width: 767px) {

 	footer dt{
  	width:203px;
  	margin:20px auto 10px;
  }

  footer dd{
  	text-align: center;
  }

  footer nav ul{
  	display: none;
  }

  footer p.logo{
 	margin-right: 0px;
 }

 footer .txt{
 	font-size: 3.2vw;
 }

 footer .copy{
 	margin-bottom: 80px;
  	}

  	footer .privacy_sp{
  		text-align: center;
  		margin-bottom: 20px;
  	}

  	footer .privacy_sp a{
  		font-size: 12px;
  	}

 }





/************************************

トップ

************************************/

main{
	position: relative;
	display: block;
}

main .position{
	position: relative;
}

main p{
	position: absolute;
}

main p.f_dot{
	height:57vw;
	top:0;
}

main p.f_dot img{
	width:auto;
	height:100%;
}

main p.main_txt{
	width:40%;
	top:30%;
	left:30%;
	z-index: 9999;
}

main p.main_btn{
	right:20px;
	bottom:70px;
	width:230px;
	z-index: 9999;
}

#top{
	background: url(../img/top/bg.jpg) no-repeat 50% 0%;
	background-size: cover;
	padding-bottom: 140px;
}

#top .wrap {
	text-align: center;
	padding-top: 130px;
	position: relative;

}

#top .slide .sp{
	display: none;
}

#top .wrap p.scroll{
	width:20px;
	margin:-120px auto 0;
	position: relative;
	height:115px;
}


#top .wrap p.scroll img{
	position: absolute;
	width:10px;
	top:-30px;
	right:0;

}

#top .wrap p.scroll::before{
	content:"";
	border-left:2px solid #80c9c4;
	display: block;
	position: absolute;
	width:2px;
	height:115px;
	left:0;
	top:-55px;
	-webkit-animation:heightbd 1.5s infinite ease normal;
     animation:heightbd 1.5s infinite ease normal;

}


@-webkit-keyframes heightbd {
0% {height:0;}
100% {height:115px;}

}



@keyframes heightbd {
0% {height:0;}
100% {height:115px;}

}





#top .wrap span img{
	width:95px;
	margin-bottom: 10px;
}

#top .product_main_img{
	display: flex;
	justify-content: space-between;
	display:-ms-flexbox;/*IE10*/
	-ms-flex-pack:justify;/*IE10*/
	margin:45px 0 50px;
}

#top .product_main_img li{
	width:31%;
}

#top a.product_btn img{
    width:340px;
    margin-bottom: 130px;
}


#top .box_btn{
	display: flex;
	justify-content: space-between;
	display:-ms-flexbox;/*IE10*/
	-ms-flex-pack:justify;/*IE10*/
	position: relative;
	max-width: 980px;
	clear: both;
}

#top .box_btn .num{
	position: absolute;
	top:-50px;
	left:-40px;
}

#top .box_btn.aboutus .num{
	width:108px;
}

#top .box_btn.company .num{
	width:133px;
	
}

#top .box_btn.recruit .num{
	 width:133px;
}


#top .box_btn .btn{
	position: absolute;
	bottom:-20px;
	right:-20px;
}

#top .box_btn .txt_area{
	text-align: left;
	background-color:#f9f9f9;
	border:5px solid #f3f3f3; 
	border-right: none;
	padding:50px 50px 50px 60px;
}

#top .box_btn .txt_area dt{
	font-size: 28px;
	margin:20px 0;
	color:#000;
	font-weight: 500;
}

#top .box_btn .img img {
	width:370px;

}

#top .box_btn.aboutus{
	float:right;
	margin-bottom: 90px
}

#top .box_btn.aboutus .txt_area img {
	width:102px;

}

#top .box_btn.company{
	margin:0px auto 90px;
}

#top .box_btn.company .txt_area img {
	width:103px;

}

#top .box_btn.recruit .txt_area img {
	width:85px;

}


@media screen and (max-width: 767px) {



main p.main_txt{
	width:70%;
	top:30%;
	left:15%;
	height:auto;
}

main p.main_btn{
	right:20px;
	bottom:5%;
	width:130px;
}


#top .box_btn{
	background-color:#f9f9f9;
	border:5px solid #f3f3f3; 
	align-items: center;
	height:38vw;
}


#top .box_btn .num{
	position: absolute;
	top:-70px;
	left:-2%;
}

#top .box_btn .btn{
	right:-2%;
}

#top .box_btn .txt_area{
	padding:0px 30px 0px 30px;
	border:none;
}

#top .box_btn .img{
  padding-right: 30px;
}


#top .box_btn .img img {
	width:250px;
}

}


@media screen and (max-width: 767px) {

	main .position p.main_txt{
		width:70%;
		top:30%;
		left:15%;
	}

	main .position p.main_btn{
		right:2%
		bottom:2%;
		width:30%;
	}



	#top .slide .sp{
		display: block;
	}

	#top .slide .pc{
		display: none;
	}

	#top .wrap p.scroll img{
		left:20px;
	}

	#top .wrap p.scroll::before{
	content:"";
	border-left:2px solid #80c9c4;
	display: inline-block;
	position: absolute;
	top:-55px;
	left:0;
	height:115px;
	-webkit-animation:heightbd 1.5s infinite ease normal;
     animation:heightbd 1.5s infinite ease normal;

}


@-webkit-keyframes heightbd {
0% {height:0;}
100% {height:115px;}

}



@keyframes heightbd {
0% {height:0;}
100% {height:115px;}

}

	main .position p.f_dot{
		height:133vw;
	}

	main .position p.f_dot img{
		width:auto;
		height:100%;
	}

	#top .txt{
		text-align: left;
	}

	#top .txt br{
		display: none;
	}

	#top .product_main_img{
	display: flex;
	justify-content: space-between;
	display:-ms-flexbox;/*IE10*/
	-ms-flex-pack:justify;/*IE10*/
	margin:45px 0 50px;
	flex-wrap: wrap;
}


#top .product_main_img li{
	width:50%;
}

#top .product_main_img li:first-child{
	width:100%;
}

#top a.product_btn img{
    width:80%;
}


#top .box_btn{
	display: block;
}


#top .box_btn{
	background-color:#f9f9f9;
	border:5px solid #f3f3f3; 
	align-items: center;
	height:auto;
}

#top .box_btn .num{
	position: absolute;
	top:-40px;
	left:-40px;
}

#top .box_btn.aboutus .num img{

}

#top .box_btn .num img{
	width:80px;
}

#top .box_btn.aboutus .num{
	left:-35px;
}

#top .box_btn.aboutus .num img{
	width:70px;
}

#top .box_btn .btn{
	right:-2%;
}

#top .box_btn .txt_area{
	padding:50px 20px 30px 20px;
	border:none;
}

#top .box_btn .img{
  padding-right: 0px;
}


#top .box_btn .img img {
	width:100%;
}

#top .box_btn .txt_area dt{
	font-size: 28px;
	margin:10px 0;
	color:#000;
	font-weight: 500;
}


}




/************************************

新着情報

************************************/

.info{
	background: url(../img/top/info_bg.png) no-repeat 100% 50%;
	background-size: cover;
	padding:100px 0;
}

.info dl{
	display: flex;
	align-items: center;
	display:-ms-flexbox;/*IE10*/
}

.info dt {
	border-right: 1px solid #ffffff;
	margin-right: 70px;
	padding:20px 70px 20px 70px;
}

.info dt img{
	width:128px;
}

.info dl dd table th{
	color:#aaaaaa;
	font-size: 10px;
	line-height: 2.5;
}

.info dl dd table td{
	color:#fff;
	font-size: 14px;
	padding-left: 15px;
}


@media screen and (max-width: 1023px) {

	.info{
		padding:70px 0;
	}

	.info dt {
		margin-right: 50px;
		padding:20px 50px 20px 30px;
	}

}

@media screen and (max-width: 767px) {


.info dl{
	display: block;
}

.info dt{
	border-right:none;
	margin-right: 0px;
	padding:20px 0px 20px 0px;
}

.info dt:after{
	content:"";
	border-bottom: 1px #999 solid;
	height:1px;
	width:100px;
	margin-top:40px;
	display: block;
}

.info dl dd table th{
	display: block;
	padding-top:20px;
}

.info dl dd table td{
	padding-left: 0px;
	display: block;
}
}



/************************************

取扱商品

************************************/


#product .title{
	background: url(../img/product/h1_bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}

#product p{
	text-align: center;
	margin:40px 0;
	font-size: 20px;
}

#product section{
	background-color:#edf7f6; 
	padding:80px 0;
}


#product section ul img{
	width:100%;
}

#product section ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#product section ul li{
	width:23%;
	background: #fff;
	text-align: center;
	margin-bottom: 20px;
}

#product section ul li.none{
	background: none;
}

#product section ul li dd{
	font-size: 18px;
	margin:20px 0 8px;
}

#product section ul li dd.pdf{
	margin:0px 0 20px;
}


#product section ul li dd.pdf a{
    display: block;
    background:#84cac4;
    color:#fff;
    width:157px;
    margin:0 auto;
    padding:5px 0;
    font-size: 15px;
    /* box-shadow */
box-shadow:0px 4px 0px 0px #47afa6;
transition: .2s;
}

#product section ul li dd.pdf a:hover{ 
   background:#47afa6;
   transition: .3s;
   box-shadow:0px 0px 0px 0px #47afa6;
}






@media screen and (max-width: 1023px) {

	

#product section ul li dd{
	font-size: 15px;
	margin:20px 0 8px;
}

#product section ul li dd.pdf{
	margin:0px 0 20px;
}


#product section ul li dd.pdf a{
    width:75%;
    font-size: 12px;
}

}


@media screen and (max-width: 767px) {

	#product p{
	margin:25px 0;
	font-size: 16px;
}

#product section{
	background-color:#edf7f6; 
	padding:40px 0;
}

	#product section ul li{
	width:48%;
	background: #fff;
	text-align: center;
	margin-bottom: 20px;
}
	
}


/************************************

会社情報

************************************/


#company .title{
	background: url(../img/company/h1_bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}

#company section{
	padding:130px 0;
}

#company h2{
	font-size: 22px;
	text-align: center;
	margin-bottom: 80px;
}

#company h2 span{
	display: block;
	color:#80c9c4;
	font-weight: lighter;
}

#company .history{
	background: url(../img/company/company_bg.jpg) no-repeat 85% 50%;
	background-size: cover;
}

#company th{
	border-top:1px solid #ddd;
	padding:20px;
	width:20%;
}

#company td{
	border-top:1px solid #f0f0f0;
	padding:20px;
}

#company table{
	max-width: 960px;
	margin:0 auto;
	width:100%;
}

#company .access dt{
	color:#5bc0b9;
	font-size: 18px;
	font-weight: bold;
}

#company .access dd{
	font-size:13px;
	margin-bottom: 30px;
}

#company .access p{
	margin-bottom: 80px;
}

#company .access p:last-child{
	margin-bottom: 0px;
}




@media screen and (max-width: 1023px) {

	



}


@media screen and (max-width: 767px) {

#company th{
	border-top:1px solid #ddd;
	padding:10px 0;
	display: block;
	width:100%;
	background: #eee;
	text-align: center;
}

#company td{
	border-top:1px solid #f0f0f0;
	padding:10px 0 20px;
	display: block;
	width:100%;
}

#company h2{
	font-size: 22px;
	text-align: center;
	margin-bottom: 40px;
}

#company section{
	padding:80px 0;
}

}



/************************************

採用情報

************************************/

#recruit h2{
	text-align: center;
	margin-bottom: 30px;
	font-weight: 500;
	letter-spacing: .2em;
}

#recruit section{
	padding:130px 0;
}

#recruit .title{
	background: url(../img/recruit/h1_bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}

#recruit .message{
	background: url(../img/recruit/mes_bg.jpg) no-repeat 50% 50%;
	background-size: cover;
	
}

#recruit .message .wrap{
	display: flex;
	justify-content: space-between;
}

#recruit .message .wrap p img{
	width:468px;
	margin-right:30px;
}

#recruit .message .wrap dl{
	color:#fff;
}

#recruit .message .wrap dt{
	font-size: 34px;
	margin-bottom: 30px;
	letter-spacing: .15em;
}

#recruit .message .wrap dd{
	font-size: 14px;
	line-height: 2;
}

#recruit .message .wrap dd span{
	display: block;
	text-align: right;
	margin-top: 30px;
}


#recruit .recruit_cont ul{
	display: flex;
	margin-bottom: 140px;
}

#recruit .recruit_cont ul li{
	width:33.33333%;
}

#recruit .recruit_cont ul li a{
	display: block;
	width:100%;
	font-size: 25px;
	height:183px;
	color:#fff;
	transition: .5s;
	text-align: center;
	padding-top: 100px;
	position: relative;
}

#recruit .recruit_cont ul li a::after{
	content:"";
	background: url(../img/recruit/link_btn.png) no-repeat;
	height:70px;
	width:70px;
	display: block;
	margin:60px auto 0;
}

#recruit .recruit_cont ul li:first-child a{
	background: url(../img/recruit/btn01.jpg) no-repeat 50% 50%;
	background-size: auto 100%;
}

#recruit .recruit_cont ul li:nth-child(2) a{
	background: url(../img/recruit/btn02.jpg) no-repeat 50% 50%;
	background-size: auto 100%;
}

#recruit .recruit_cont ul li:last-child a{
	background: url(../img/recruit/btn03.jpg) no-repeat 50% 50%;
	background-size: auto 100%;
}

#recruit .recruit_cont ul li a:hover{
	background-size: auto 110%;
	transition: .5s;
}

#recruit .recruit_cont h3{
	font-size: 34px;
	background: #0076a7;
	text-align: center;
	color:#fff;
	padding:15px 0;
	margin-top: 80px;
}

#recruit .recruit_cont .box{
	border:1px solid #0076a7;
	padding-bottom:80px;
}


#recruit .recruit_cont th{
	border-top:1px solid #ddd;
	padding:20px;
	width:20%;
}

#recruit .recruit_cont td{
	border-top:1px solid #f0f0f0;
	padding:20px;
	color:#454545;
	font-weight: 200;
}

#recruit .recruit_cont table{
	margin:80px auto 0;
	width:90%;
	max-width: 960px;
}

#recruit .contact_btn{
	display: block;
	width:340px;
	margin:40px auto 0;
}

@media screen and (max-width: 1023px) {

#recruit .message .wrap p img{
	width:30vw;
}

#recruit .recruit_cont ul li a{
	font-size: 2vw;
	height:133px;
	padding-top: 80px;
}

#recruit .recruit_cont ul li a::after{
	margin:40px auto 0;
}





}


@media screen and (max-width: 767px) {

	#recruit h2{
	font-size: 28px;
}

	#recruit .message .wrap{
	display: block;
}

#recruit .message .wrap p{
	text-align: center;
}

	#recruit .message .wrap p img{
	width:100%;
	margin-right: 0;
}

#recruit .message .wrap dt{
	font-size: 25px;
	margin-bottom: 20px;
	text-align: center;
	letter-spacing: .1em;
}

#recruit .message .wrap dd{
	font-size: 13px;
	text-align: justify;
}

#recruit .message .wrap dd br{
	display: none;
}

#recruit .recruit_cont ul{
	display: block;
	margin-bottom: 40px;
}



#recruit .recruit_cont ul li{
	width:100%;
}


#recruit .recruit_cont ul li a{
	font-size: 15px;
	width:100%;
	height:70px;
	padding-top: 25px;
}



#recruit .recruit_cont ul li a::after{
	margin:40px auto 0;
}

#recruit .recruit_cont ul li:first-child a{
	background-size: cover;
}

#recruit .recruit_cont ul li:nth-child(2) a{
	background-size: cover;
}

#recruit .recruit_cont ul li:last-child a{
	background-size: cover;
}

#recruit .recruit_cont ul li a::after{
	content:"";
	background: url(../img/recruit/link_btn.png) no-repeat;
	background-size: cover;
	height:40px;
	width:40px;
	display: inline-block;
	margin:0px auto;
	position: absolute;
	right:-10px;
	top:30px;
}

#recruit section{
	padding:80px 0;
}

#recruit .recruit_cont h3{
	font-size: 20px;
	padding:10px 0;
	margin-top: 40px;
}

#recruit .recruit_cont .box{
	padding-bottom:40px;
}


#recruit .recruit_cont th{
	padding:8px 0;
	display: block;
	width:100%;
	text-align: center;
	background: #eee;
	border-top:none;
}

#recruit .recruit_cont td{
	display: block;
	padding:8px 0;
}

#recruit .recruit_cont table{
	margin:40px auto 0;
}

#recruit .contact_btn{
	display: block;
	width:70%;
}

}




/************************************

フジモトについて

************************************/

#aboutus h2{
	text-align: center;
	margin-bottom: 30px;
	font-weight: 500;
	letter-spacing: .2em;
}

#aboutus section{
	padding:130px 0 130px;
}

#aboutus .title{
	background: url(../img/aboutus/h1_bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}

#aboutus .about{
	background: url(../img/aboutus/aboutus_bg01.jpg) no-repeat 20% 0%;
	background-size: cover;
}

#aboutus .about dt{
	font-size: 34px;
	font-weight: 500;
	letter-spacing: .2em;
	margin-bottom: 20px;
}

#aboutus .about dd{
	font-size: 14px;
	line-height: 2;
}



#aboutus .about .wrap{
	display: flex;
	justify-content: space-between;
}

#aboutus .about .rinen{
	margin-bottom: 260px;
}


#aboutus .about .rinen dl{
	margin-left: 80px;
	margin-top: 15vw;
	margin-right: 40px;
}


#aboutus .about .logo dl{
	width:50%;
}

#aboutus .about .logo p{
	margin-left:100px;
}

#aboutus .cando{
	background: url(../img/aboutus/aboutus_bg02.jpg) no-repeat 50% 0%;
	background-size: cover;
}

#aboutus .cando dl{
	color:#fff;
	text-align: center;
}

#aboutus .cando dt{
	font-size: 34px;
}

#aboutus .cando dd{
	font-size: 18px;
	margin-top:15px;
}

#aboutus .cando ul{
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
	max-width: 960px;
	margin:80px auto 0;

}

#aboutus .cando ul li:first-child{
	width:451px;
}

#aboutus .cando ul li:last-child{
	width:370px;
	margin-right:50px;
}

#aboutus .cando ul li:first-child img,
#aboutus .cando ul li:last-child img{
	width:100%;
}

#aboutus section.melit{
	position: relative;
	padding-top:0;
}

#aboutus .melit .txt{
	background: #84cac4;
	color:#fff;
}

#aboutus .melit h2{
	text-align: left;
	margin-top: -145px;
	margin-left: 0px;
	margin-bottom: 80px;
}

#aboutus .melit span.bg{
	background: #edf7f6;
	width:379px;
	height:241px;
	display: inline-block;
}

#aboutus .melit .img{
   background: url(../img/aboutus/melit01.jpg) no-repeat 50% 0%;
	background-size: cover;
}

#aboutus .melit ul{
	display: flex;
	flex-wrap: wrap;
}

#aboutus .melit ul li{
	width:50%;
	height:300px;
}

#aboutus .melit ul li.img {
	position: relative;
}

#aboutus .melit ul li.img img{
	position: absolute;
	width:100px;
}

#aboutus .melit ul li dl{
	width:80%;
	margin:0 auto;
}

#aboutus .melit ul li dt{
	font-size: 23px;
	margin-top:80px;
	margin-bottom: 15px;
}

#aboutus .melit ul li dd{
	font-size: 14px;
	line-height: 2;
}

#aboutus .melit ul li.melit01{
	background: url(../img/aboutus/melit01.jpg) no-repeat 50% 0%;
	background-size: cover;
}

#aboutus .melit ul li.melit02{
	background: url(../img/aboutus/melit02.jpg) no-repeat 50% 0%;
	background-size: cover;
}

#aboutus .melit ul li.melit03{
	background: url(../img/aboutus/melit03.jpg) no-repeat 50% 0%;
	background-size: cover;
}

#aboutus .melit ul li.melit04{
	background: url(../img/aboutus/melit04.jpg) no-repeat 50% 0%;
	background-size: cover;
}

#aboutus .melit ul li.melit05{
	background: url(../img/aboutus/melit05.jpg) no-repeat 50% 0%;
	background-size: cover;
}

#aboutus .melit ul li.right img{
	left:-50px;
	top:100px;
}

#aboutus .melit ul li.left img{
	right:-50px;
	top:100px;
}

#aboutus .melit ul li.left{
	z-index: 9998;
}

#aboutus section.works{
	position: relative;
	padding-top:0;
}

#aboutus .works h2{
	display: inline-block;
	padding:20px 50px;
	font-size: 34px;
	position: absolute;
	top:-60px;
	background: #edf7f6;
}

#aboutus .works p{
	width:60%;
	margin:0 auto;
}



section.works a{
	display: block;
	width:340px;
	margin:80px auto 0;
}





@media screen and (max-width: 1023px) {



#aboutus .about{
	background: url(../img/aboutus/aboutus_bg01.jpg) no-repeat 20% 0%;
	background-size: cover;
}


#aboutus .about .rinen dl{
	margin-left: 40px;
	width:80%;
}

#aboutus .about .rinen dd br{
	display: none;
}


#aboutus .about .logo dl{
	width:70%;
}

#aboutus .about .logo dl br{
	display: none;
}

#aboutus .about .logo p{
	margin-left:0px;
	width:25%;
}

#aboutus .cando dd{
	font-size: 15px;
}

#aboutus .cando ul{
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
	max-width: 960px;
	margin:80px auto 0;

}

#aboutus .cando ul li:first-child{
	width:47.3%;
}

#aboutus .cando ul li:last-child{
	width:40%;
	margin-right:50px;
}

#aboutus .melit ul li{
	width:70%;
	margin-bottom: 2px;
}

#aboutus .melit ul li.img{
	width:30%;
}

#aboutus .melit ul li.melit01{
	background: url(../img/aboutus/melit01.jpg) no-repeat 100% 0%;
	background-size: cover;
}

#aboutus .melit ul li.melit02{
	background: url(../img/aboutus/melit02.jpg) no-repeat 50% 0%;
	background-size: cover;
}

#aboutus .melit ul li.melit03{
	background: url(../img/aboutus/melit03.jpg) no-repeat 0% 0%;
	background-size: cover;
}

#aboutus .melit ul li.melit04{
	background: url(../img/aboutus/melit04.jpg) no-repeat 80% 0%;
	background-size: cover;
}

#aboutus .melit ul li.melit05{
	background: url(../img/aboutus/melit05.jpg) no-repeat 20% 0%;
	background-size: cover;
}





}


@media screen and (max-width: 767px) {

#aboutus .about{
	background: url(../img/aboutus/aboutus_bg01.jpg) no-repeat 19% 520px;
	background-size: cover;
}

#aboutus .about .wrap{
	display: block;
}

#aboutus .about dt{
	font-size: 25px;
	letter-spacing: .1em;
	margin-bottom: 10px;
	text-align: justify;
	text-align: center;
}

#aboutus .about dd{
	font-size: 14px;
	line-height: 2;
}

#aboutus .about .sp_bg{
	background: url(../img/aboutus/aboutus_img01_sp.jpg) no-repeat 50% 60%;
	background-size: cover;
	padding:80px 0 80px;
}

#aboutus .about .rinen{
	margin-bottom: 0;
}

#aboutus .about .rinen dl{
	width:100%;
	margin:0 auto 0px;
}

#aboutus .about .logo{
	padding:80px 0 0;
}

#aboutus .about .logo p{
	width:50%;
	margin:0 auto 40px;
}

#aboutus .about .logo dl{
	width:100%;
}

#aboutus section{
	padding:0 0px 80px;
}

#aboutus .cando{
	background: url(../img/aboutus/aboutus_bg02.jpg) no-repeat 60% 100%;
	background-size: auto 110%;
}

#aboutus .cando{
	padding-top: 60px;
}

#aboutus .cando dt{
	font-size: 25px;
}

#aboutus .cando dd{
	font-size: 14px;
	margin-top:10px;
	text-align: left;
	line-height: 2;
}

#aboutus .cando dd br{
	display: none;
}

#aboutus .cando ul{
	margin:30px auto 0;

}

#aboutus .cando ul li:first-child{
	width:47.3%;
}

#aboutus .cando ul li:last-child{
	width:40%;
	margin-right:5vw;
}

#aboutus .melit h2{
	text-align: center;
	margin-top: -185px;
	margin-left: 0px;
	margin-bottom: 30px;
	font-size: 25px;
}

#aboutus .melit span.bg{
	background: #edf7f6;
	width:30%;
	height:241px;
	display: inline-block;
}

#aboutus .melit ul li{
	height:280px;
}

#aboutus .melit ul li dt{
	font-size: 4.3vw;
	margin-top:40px;
	margin-bottom: 10px;
	line-height: 1.7;
	font-weight: bold;
}

#aboutus .melit ul li dt br{
	display: none;
}

#aboutus .melit ul li dd{
	font-size: 3.2vw;
	line-height: 1.7;
}

#aboutus .melit ul li.img img{
	position: absolute;
	width:120%;
}

#aboutus .melit ul li.right img{
	left:auto;
	top:auto;
	bottom:0;
	right:0;
}


#aboutus .melit ul li.left img{
	right:auto;
	top:auto;
	bottom:0;
	left:0;
}


#aboutus .melit ul li img.sp_num{
	position: absolute;
	width:120%;
	top:10px;
	left:10px;
}

#aboutus .melit ul li.melit01{
	background: url(../img/aboutus/melit01.jpg) no-repeat 80% 0%;
	background-size: auto 100%;
}

#aboutus .melit ul li.melit03{
	background: url(../img/aboutus/melit03.jpg) no-repeat 10% 0%;
	background-size: auto 100%;
}

#aboutus .melit ul li.melit04{
	background: url(../img/aboutus/melit04.jpg) no-repeat 80% 0%;
	background-size: cover;
}

#aboutus .melit ul li.melit05{
	background: url(../img/aboutus/melit05.jpg) no-repeat 20% 0%;
	background-size: cover;
}




#aboutus .works h2{
	padding:10px 30px;
	font-size: 20px;
	
}




section.works a{
	width:70%;
	margin:40px auto 0;
}

#aboutus .works p{
	width:85%;
	margin:0 auto;
}


}



/************************************

プライバシー

************************************/


#privacy .title{
	background: url(../img/privacy/h1_bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}

#privacy section{
	padding:130px 0;
}

#privacy h3{
	font-size: 20px;
	color:#80c9c4;
	font-weight: bold;
	margin-bottom:20px;
	border-bottom: 1px solid #80c9c4;
}

#privacy .sec_txt{
	margin-bottom: 40px;
	font-size: 13px;
}


@media screen and (max-width: 1023px) {

	



}


@media screen and (max-width: 767px) {
#privacy section{
	padding:80px 0;
}

}