@charset "UTF-8";


body {
	background: #FFF;
	line-height: 1.5;
	color: #000;
	-webkit-text-size-adjust:none;
	margin: 0;
	padding: 0;
}


/* to-top */
.to-top_box{
	width:1000px;
	margin:0 auto;}

#to-top {
	float:right;
	text-align:center;
} 
	#to-top a {
    width: 50px;
    height: 50px;
    display: block;
	background: #0054A7;
	}
	#to-top img {
		margin-top: 8px;
		width:35px;
	}


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

.to-top_box{
	width:100%;
	margin:0 auto;}


}


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

	header

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


header{
	width:100%;
	position:fixed;
	display:block;
	background:#FFF;
	z-index:50;
	}
	
.header_inner{
/*  width: 1000px;*/
  width: 100%;
  margin: 0 auto;
  background: #FFF;
  position: relative;
  padding: 8px 0;
  zoom:100%;

}

  .header_inner h1{
	margin: 0 20px 0 0 ;
    display: block;
	}
	

  .header_inner h1 img{
/*
	  width:80px;
	  height:80px;
*/
	  width:100px;
	}







@media only screen and (max-width: 999px) {
.h_100{height:100%;}

  .header_inner {
    width: 100%;
	padding:0;
    height: 100%;
    overflow-y: auto;
  }
  
  .header_inner h1{
	margin: 10px auto;
    display: block;
    width: 80px;
	}
  
  .menu-mobile,
  .menu-dropdown-icon:before,
  .menu{display: block;}
  

}


/*
@media only screen and (max-width: 320px) {
	
.menu > ul > li:nth-child(-n+5) a {
    padding: 8px;
  }

.menu-dropdown-icon:before{
	padding:8px 20px;}


}
*/



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

	footer

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

footer{
    background: #EEE;
    font-size: 0.8rem;
    line-height: 1.8rem;
}

		
		footer .inner dl{
			margin:30px 35px 60px 0;
			float:left;
		}
		
		footer .inner dl:last-child{
			margin:30px 0 60px 0;
		}
		
		footer .inner dt:before{
			content: "\f363";
			font-family: "Ionicons";
			font-size: 1.4rem;
			padding-right: 8px;	
		}
		
		footer .inner dt{
			font-size:1.3rem;
			padding-bottom:10px;
			letter-spacing:0.2rem;
			
		}
		
		
		footer .inner dd{
			padding-left:20px;
		}
		
		
		footer .inner dl:last-child dd{
			padding-left:0;
		}


footer #copyright{
	background:#000;
	color:#FFF;
	font-family:'Source Sans Pro', sans-serif;
	text-align:center;
	padding:10px 0;
	letter-spacing:0.2rem;
}


@media screen and (min-width: 640px) and (max-width: 999px) {
	

		footer .inner dl{
			margin:0 6% 0 0;
			width:20%;
		}
		
		
		footer .inner dt{
			font-size:1.3rem;
			padding-bottom:10px;
			letter-spacing:0.2rem;
		}
		
		
		footer .inner dd{
			padding-left:2%;
		}
		


}


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

footer{
	background:#FFF;
	padding:0;}

footer .inner{
	    padding: 0;}

footer .inner dl:not(.sp_privacy),
footer .inner dl.sp_privacy dt:not(.sp_privacy_dt),
.to-top_box{
	display:none;
}

footer #copyright{
	font-size:0.7rem;
	letter-spacing:0;
}

footer .inner dt {
    font-size: 1.0rem;
    padding-bottom: 0;
    letter-spacing: 0.2rem;
	text-align:right;
}

footer .inner dl:last-child {
     margin:0;
	 float:none;
}
		
}


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

	MainVisual(TOP/RECRUIT)

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

.camera_stop,
.camera_commands{display:none !important;}


#mainvisual{position:relative;}

#mainvisual .main_logo{
width:50%;
max-width:541px;
position:absolute;
  top: 50%;
  left:0;
  right:0;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
   margin:auto auto;
   z-index:30;}


#MainVisual,
#MainVisual_ul{
	width:100%;
	overflow: hidden;
	position: relative;
	}
	

.recruit #MainVisual,
.recruit #MainVisual_ul{
	padding-bottom: 75px;
	
	}

.muscle #MainVisual,
.muscle #MainVisual_ul{
	padding-bottom: 40px;
	
	}


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

.recruit .bx-wrapper .bx-pager,
.recruit .bx-wrapper .bx-controls-auto {
    bottom: -50px;
}

.muscle .bx-wrapper .bx-pager,
.muscle .bx-wrapper .bx-controls-auto {
    bottom: -30px;
}


#mainvisual .main_logo{width:45%;}


}

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

.recruit #MainVisual,
.recruit #MainVisual_ul,
.muscle #MainVisual,
.muscle #MainVisual_ul{
	padding-bottom: 0;
	}

.muscle .bx-wrapper .bx-pager,
.muscle .bx-wrapper .bx-controls-auto {
	display:none;
}

#mainvisual .main_logo{width:45%;}


}


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

	container

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

#container {
    width: 100%;
	padding-top:96px;
	
}

.inner{
	width:1000px;
	margin:0 auto;
	padding:50px 0;
}


#Pankuzu {
	width:1000px;
	margin:0 auto;
}

#Pankuzu p{
    text-align: left;
    font-size: 0.8rem;
    line-height: 1;
    margin-top: 15px;
}

#Pankuzu a,
#Pankuzu a:visited,
#Pankuzu a:link{
	color: #0054A7;
	text-decoration:underline;
}

#Pankuzu a:hover {
	color: #0054A7;
	text-decoration:none;
}


@media screen and (min-width: 640px) and (max-width: 999px) {
	

.inner{
	width:96%;
	padding:50px 0;

}

#Pankuzu{width:96%;}

}

@media screen and (max-width:639px){
	
.inner{
width:96%;
padding:30px 0;
/*font-size:1.0rem;*/

}

#Pankuzu{width:96%;}

#Pankuzu p{
    line-height: 1.5;
}

}


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

	top

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

.service_list li{
    width: 24%;
    margin: 0 1.3% 40px 0;
    /* float: left; */
    display: inline-block;
    vertical-align: top;
	}


.service_list li p{
	font-weight:bold;
	margin-top:10px;
	color:#FFF;
	}

.unit_2col .box_a.news{
	width:480px;
	margin:0 70px 0 0;
	/*font-size:1.1rem;*/
	}

.unit_2col .box_b.topics{
	width:450px;
	}

.news dl{
	width:100%;
	border-top:1px solid #000;
	padding:20px 0;
	}

.news dt{
	/*font-size:1.0rem;*/
	font-weight:bold;
	padding-right:15px;
	}

.news dd{
	padding-top:10px;
	}

.news .btn_more{
	margin-top:13px;
	}


.topics li{
	width:100%;
	/*display:table;*/
	height:224px;
	}
	
.topics .top_img{
	display:table-cell;
	width:225px;
	}

.topics .top_img img{
	vertical-align:bottom;}
	
.topics .top_text{
	display:table-cell;
	color:#FFF;
	padding:0 10px;
	vertical-align:middle;
	text-align:center;

	}

.topics .top_text h3{
	font-size:1.3rem;
	}
	
.topics .top_text h3 span{
	font-size:0.7rem;
	letter-spacing:0.2rem;
	display:block;
	font-weight:normal;
	}

.topics .top_text p{
    font-size: 0.8rem;
    padding-top: 10px;
    text-align: left;

	}

.topics li:nth-child(1) .top_text{
	background:#E95514;
	}

.topics li:nth-child(2) .top_text{
	background:#8EC21F;
	}

.topics li:nth-child(3) .top_text{
	background:#23a0a1;
	}


@media screen and (min-width: 640px){
	
	.service_list li:nth-child(4n){margin:0;}
	
	
	
}

@media screen and (min-width: 640px) and (max-width: 999px) {
	

.service_list li{
	width:48%;
	margin:0 4% 4% 0;
	height:auto;
	}

	.service_list li:nth-child(2n){
		margin-right:0;
		}

.unit_2col .box_a.news{
	width:48%;
	margin:0 7% 0 0;
	}

.unit_2col .box_b.topics{
	width:45%;
	}


.news dl{
	padding:10px 0;
	}

.news dt{
	font-size:0.8rem;
	}

.news dd{
	padding-top:5px;
	}

.news .btn_more{
	margin-top:13px;
	}


.topics .top_img{
	width:50%;
	}
	

.topics .top_text h3{
	font-size:1.0rem;
	}
	
.topics .top_text h3 span{
	font-size:0.6rem;
	letter-spacing:0;
	}

.topics .top_text p{
	font-size:0.6rem;
	padding-top:10px;
	}

.topics li{
	height:auto;
	}

}

@media screen and (max-width:639px){
	
.service_list li{
	width:49%;
	float:left;
	margin:0 2% 20px 0;
	height:auto;
	}

	
.service_list li:nth-child(2n){
	margin:0 0 20px 0;
	}
	

.unit_2col .box_a.news{
	width:100%;
	margin:0 auto 30px;
	font-size:1.0rem;
	}


.unit_2col .box_b.topics{
	width:100%;
	margin:0 auto;
	font-size:1.0rem;
	}

.news dl{
	padding:10px 0;
	}

.news dt{
	font-size:0.8rem;
	}

.news dd{
	padding-top:5px;
	}

.news .btn_more{
	margin-top:13px;
	}


.topics .top_img{
	width:50%;
	}
	

.topics .top_text h3{
	font-size:0.9rem;
	}
	
.topics .top_text h3 span{
	display:none;
	}

.topics .top_text p{
	font-size:0.7rem;
	padding-top:10px;
	}

.topics li{
	height:auto;
	}


}


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

	message

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

.page_message #container{
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #ffffff 55%, #dbdcdc 100%);
	background: -webkit-linear-gradient(top, #ffffff 1%,#ffffff 55%,#dbdcdc 100%);
	background: linear-gradient(to bottom, #ffffff 1%,#ffffff 55%,#dbdcdc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdcdc',GradientType=0 );
}

.page_message section.first_message{
	border-top:none;
}


.page_message h2{margin-bottom:60px;}

.page_message h3{
	font-family: "Sawarabi Mincho", serif;
	color:#0054A7;
	font-size:1.8rem;
	line-height:1.8;
	margin-bottom:40px;
	font-weight:normal;
	}


.page_message .box_a{
	width:443px;
	margin-right:70px;}


.page_message .box_a p{margin-bottom:15px;}

.page_message .box_b{width:487px;}


.page_message section{
	border-top:1px solid #CCC;}

.page_message .sengen{
    letter-spacing: 0.1rem;
    line-height: 2.4;}
	
	.page_message .sengen span {
    color: #FFF;
    background: #0054A7;
    padding: 3px 8px;
    margin-right: 15px;
}

.page_message_name {
	float: right;
	margin-top: 20px;
}

.page_message_name img {
	width: 75%;
}

.page_message_photo {
		
}

.page_message_photo img {
	width: 30%; 
	margin-left:20px; 
	margin-bottom:20px;
	float: right;

}

@media screen and (min-width: 640px) and (max-width: 999px) {
	

.page_message .box_a{
	width:44.3%;
	margin-right:7%;}



.page_message .box_b{width:48.7%;}
	
	
}



@media screen and (max-width:639px){
	
.page_message h2{margin-bottom:30px;}

.page_message .box_a{
	width:100%;
	margin-right:0;}


.page_message .box_a p{margin-bottom:10px;}

.page_message section.first_message .box_b{
	width:100%;
	height:250px;
	overflow:hidden;
	margin-bottom:30px;}

.page_message h3{
	font-size:1.6rem;
	line-height:1.5;
	margin:0 0 20px;
	order: 1;	
	}

.page_message .box_b{
	width:100%;
	margin-top:20px;}
	
.page_message .sengen{
    letter-spacing: 0;
    line-height: 2.0;}
	
.page_message_photo {text-align: center;}	
.page_message_photo img{
	width: 70%;
	float:none;} 
	
}



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

	company

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


.map{
  position: relative;
  width: 100%;
  height:315px;
  margin-bottom:30px;
}

.map iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.organization .unit_2col{
	margin-bottom:45px;}
	
	.organization .unit_2col .box_a{
		width:350px;
		}
		
	.organization .unit_2col .box_b{
		width:600px;
		padding:15px;
		box-sizing:border-box;
		margin-left:50px;}

	.organization .box_list01 {
		margin-top: 20px;
		padding: 20px;
	}
		
	
	.organization .box_list01 li{
		float: left;
		width: 50%;
		font-size: 0.9rem;
		position: relative;
		/*margin-left: 30px;*/
		margin-bottom: 5px;
	}

.organization .unit_2col02 {
	margin-bottom:45px;
}

	.organization .unit_2col02 .box_a {
		float: left;
		width:470px;
		}
		
	.organization .unit_2col02 .box_b {
		float: right;
		width:480px;
		margin-left:50px;}
		
	
	.organization .unit_2col02 .box_b li {
		float: left;
		width: 33%;
		font-size: 0.9rem;
		position: relative;
		/*margin-left: 30px;*/
		margin-bottom: 5px;
	}

.organization .box_movie {
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
}

.organization .box_movie .movie {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


.achievements .unit_2col .box_a{
	width:48%;
	margin-right:4%;}

.achievements .unit_2col .box_b{width:48%;}

.img_orga {
	width:70%;
	margin:30px auto 0;
	}	

.achievements .contents p{
	display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 46px;}

.achievements .contents span{display:block;text-align:right;}


.workplace_02 dl{
	margin-top:30px;
	
	}

.workplace_02 dt{
	margin-bottom:15px;
	font-weight:bold;
	}

.workplace_02 dt span{
	color:#FFF;
	background:#0054A7;
	padding:3px 8px;
	margin-right:15px;
	
	}

.workplace_03 a:before {
    content: "\f363";
    font-family: "Ionicons";
    font-size: 1.4rem;
    padding-right: 8px;
	
}

.workplace_03 a,
.workplace_03 a:visited {color: #0054A7;}

.box_company{
    padding: 20px;
    margin-top: 20px;
}

.box_company .unit_2col div{width:48%;}

.box_company .unit_2col .box_a{
	margin-right:4%;
	}


@media screen and (min-width: 640px) and (max-width: 999px) {
	
	.organization .unit_2col .box_a{
		width:35%;
		}
		
	.organization .unit_2col .box_b{
		width:60%;
		margin-left:5%;}
	
	.organization .unit_2col02 .box_a {
		width:49%;
		}
		
	.organization .unit_2col02 .box_b {
		width:49%;
		margin-left: 0;}
		

}


@media screen and (max-width:639px){
	
.organization .unit_2col .box_a{
	width:100%;
	}

	.organization .unit_2col .box_b{
		width:100%;
		margin:20px 0 0;}

	.organization .unit_2col .box_b li{
		float: left;
		width: 50%;
	}
	
	.organization .unit_2col02 .box_a {
		width:100%;
		}
		
	.organization .unit_2col02 .box_b {
		width:100%;
		margin-left: 0;
		margin-top: 20px;
	}

	.img_orga {width:100%;
	margin:20px auto 0;}

	.achievements .unit_2col .box_a{
		width:100%;
		margin:0 0 20px;}

	.achievements .unit_2col .box_b{width:100%;}

	.box_company .unit_2col div{width:100%;}

	.box_company .unit_2col .box_a{
		margin:0 0 20px 0;
		}

}

@media screen and (max-width:320px) {
	.organization .box_list01 li {
		width: 100%;
	}
}


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

	news

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

.news_detail{
	border-top:1px solid #000;
	padding-top:40px;
	}

.news_detail .box_a{
	width:52%;
	margin-right:3%;
	}
	
.news_detail .box_b{
	width:45%;
	}
	

.news_detail p{
	margin-bottom:20px;
	}

.page_news .btn_more a{
	width:50%;
	margin:40px auto 0;
	
	}

.attach_list{
	background:#EEE;
	padding:20px;}
	

.news_img_list li:not(:last-child){
	margin-bottom:20px;}



.news_detail .box_b a:before {
    content: "\f363";
    font-family: "Ionicons";
    font-size: 1.4rem;
    padding-right: 8px;
	
}

.news_detail .box_b a,
.news_detail .box_b a:visited {color: #0054A7;}

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

.news_detail{
	border-top:1px solid #000;
	padding-top:20px;
	}


.news_detail .box_a{
width:100%;
margin:0 auto 30px;
}


.news_detail .box_b{
	width:100%;
	margin:0 auto;
	}
	
	
.news_detail p{
	margin-top:10px;
	}

.page_news .btn_more a{
	width:80%;
	margin:20px auto 0;
	
	}

.attach_list{
	background:#EEE;
	padding:10px;}

.news_img_list li{
	float:left;
	margin:0 4% 10px 0;
	width:48%;}
	
.news_img_list li:not(:last-child){
	margin-bottom:10px;}

.news_img_list li:nth-child(2n){
	margin-right:0;}


}



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

	recruit

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

body.recruit{
	position:relative;}

section.president{background:#FFF;
text-align:center;}

section.president h2,
section.president p{
	margin-bottom:30px;
	}

section.president div.btn_more{
	max-width:516px;
	margin:0 auto;
	}



.person_list li a{
	width:316px;
	height:450px;
	float:left;
	color:#FFF;
	position:relative;
	margin:50px 25px 0 0;
	
}

	.person_list li div {
		width: 92%;
		height: 20%;
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: 1.1rem;
		letter-spacing: 0;
		background: rgba(0,0,0,0.5);
		padding: 2% 4%;
		border-top: 5px solid #5A96FF;
	}

	.person_list li p span{
		font-weight:400;
		font-size:0.85rem;
		display:block;
		padding-bottom:10px;
		
		}
		

.rec_person .person_list li a{
	height:326px;
	overflow:hidden;
	
}

	.rec_person .person_list li div{
		height: 7%;
		}

.bnr_office{
	margin-bottom:4%;}
	
.office_box{
	background:#5A96FF;
	color:#FFF;
	padding:40px;
	border-radius:20px;
	margin-bottom:40px;
	}

.office_box .unit_2col .box_a{
	width:306px;
	margin-right:45px;
	}

.office_box .unit_2col .box_b{
	width:560px;
	}

.office_box h2{
	padding-bottom:15px;
	border-bottom:1px solid #FFF;
	margin-bottom:30px;}
	

section.entry{
	background:#E6EFFF;
	text-align:center;
	font-size:1.4rem;}
	

section.entry h2{
	width:135px;
	height:135px;
	background:#FFF;
	border-radius:50%;
	margin:0 auto 30px;
	
	}

section.entry h2 p{
	color:#5A96FF;
	font-size:2.0rem;
	font-family: 'Source Sans Pro', sans-serif;
    padding-top: 42px;
    line-height: 1.2;
}
	
section.entry h2 p:after{
  content: "\f123";
  font-family: "Ionicons";
 color:#5A96FF;
  display:block;
  text-align:center;
  font-size:1.4rem;
}


#entry_btn a{
	width:135px;
	height:135px;
	background:#5A96FF;
	border-radius:50%;
	display:block;
	text-align:center;
	position:fixed;
	right:100px;
	bottom:20px;
	z-index:1000;
	border: 1px solid #5A96FF;
	color:#FFF;
	
	}

#entry_btn  p{
	font-size:2.0rem;
	font-family: 'Source Sans Pro', sans-serif;
    padding-top: 42px;
    line-height: 1.2;
}
	
#entry_btn  p:after{
  content: "\f123";
  font-family: "Ionicons";
  display:block;
  text-align:center;
  font-size:1.4rem;
}

#entry_btn a:visited{
	color: #FFF;
}
	
#entry_btn a:hover {
	background-color: #FFF;
	border: 1px solid #5A96FF;
	color: #5A96FF !important;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}

#entry_btn a:hover:after {
	color: #5A96FF !important;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}


.rec_president .unit_2col{
	margin-bottom:30px;
	}
	
.rec_president .unit_2col .box_a{
	width:450px;
	margin-right:50px;
	}

.rec_president .unit_2col .box_b{
	width:500px;
	}


.rec_person .unit_2col .box_a,
.flesh_text  .unit_2col .box_a{
	width:47.5%;
	margin-right:5%;
	}

.rec_person .unit_2col .box_b,
.flesh_text .unit_2col .box_b{
	width:47.5%;
	}



.rec_faq #container dl{
     width:100%;
     line-height:1.8em;
     overflow: hidden;
     _zoom: 1;
	 border-bottom:1px dashed #E95514;
	 margin-bottom:25px;
}

.rec_faq #container dl dt,
.rec_faq #container dl dd{
     text-indent: -2.6em;   
     padding: 0 20px 0px 50px;
}

.rec_faq #container dl dt{
	padding-top:5px;
}


.rec_faq #container dl dd:first-letter,
.rec_faq #container dl dt:first-letter{
     font-size:2.0rem;
     font-weight: bold;
     margin-right:7px;
     padding:5px;
}

.rec_faq #container dl dt:first-letter{
	color:#5A96FF;
}

.rec_faq #container dl dd:first-letter{
	color:#E95514;
}


.rec_faq #container dl dd{
     margin: 20px 0 -1px 0;
     padding-bottom:25px;
}

.rec_office .box_a,
.rec_office .box_b{width: 49%;}

.rec_office .box_a{margin-right: 2%;}

.rec_office .bnr_list li {
    margin-bottom: 4%;
}

.rec_flesh .profile li{
    float: left;
    width: 25%;
    margin: 0 5%;
    box-sizing: border-box;
    font-size: 0.9rem;
	}

.rec_flesh .profile li dt{
	margin:20px 0 10px;
	font-weight:bold;
	}
	
.rec_flesh .profile li dt span{
	display: block;
    font-size: 0.8rem;
	letter-spacing:0;
	}

.rec_flesh .profile li:last-child{
	margin-right:0;
	}

.rec_flesh .profile li img{
	border-radius:50%;
	}

.flesh_text p{
	margin-bottom:25px;}


.rec_flesh .box_b li:first-child{
	margin-bottom:10px;
	
}

.rec_flesh dt.name_01{color:#3FA9F5; border-bottom:1px solid #3FA9F5; padding-bottom:10px;}
.rec_flesh dt.name_02{color:#F7931E; border-bottom:1px solid #F7931E; padding-bottom:10px;}
.rec_flesh dt.name_03{color:#22B573; border-bottom:1px solid #22B573; padding-bottom:10px;}
.rec_flesh dt.name_04{color:#F78188; border-bottom:1px solid #F78188; padding-bottom:10px;}
.rec_flesh dt.name_05{color:#7266F5; border-bottom:1px solid #7266F5; padding-bottom:10px;}

.rec_flesh .profile li:nth-child(1) img{border:4px solid #3FA9F5;}
.rec_flesh .profile li:nth-child(2) img{border:4px solid #F7931E;}
.rec_flesh .profile li:nth-child(3) img{border:4px solid #22B573;}
.rec_flesh .profile li:nth-child(4) img{border:4px solid #F78188;}
.rec_flesh .profile li:nth-child(5) img{border:4px solid #7266F5;}

.text_name.name_01{background-color: #3FA9F5;}
.text_name.name_02{background-color: #F7931E;}
.text_name.name_03{background-color: #22B573;}
.text_name.name_04{background-color: #F78188;}
.text_name.name_05{background-color: #7266F5;}



.hitokoto .unit_2col{margin-bottom:20px;}

.hitokoto .unit_2col .box_a{
	width:875px;
	height:120px;
	box-sizing: border-box;
	}


.hitokoto .unit_2col .box_b{
	width:120px;
	}


.rec_office #cboxTitle {
    top: -40px !important;
    font-size: 85% !important;}
	
.rec_office #cboxCurrent {
	display:none !important;
}

.rec_office #cboxContent {
    margin-top: 40px !important;
}

@media screen and (min-width: 1000px){
	
.person_list li:nth-child(3n) a{
	margin:50px 0 0 0;
}

.rec_flesh .arrow_box {
	position: relative;
	background: #E6EFFF;
	border: 2px solid #5A96FF;
	padding:20px;
}
.rec_flesh .no_flex .arrow_box:after, .rec_flesh .no_flex .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.rec_flesh .no_flex .arrow_box:after {
	border-color: rgba(230, 239, 255, 0);
	border-left-color: #E6EFFF;
	border-width: 20px;
	margin-top: -20px;
}
.rec_flesh .no_flex .arrow_box:before {
	border-color: rgba(90, 150, 255, 0);
	border-left-color: #5A96FF;
	border-width: 23px;
	margin-top: -23px;
}

.rec_flesh .flex_02 .arrow_box {
	position: relative;
	background: #E6EFFF;
	border: 2px solid #5A96FF;
}
.rec_flesh .flex_02 .arrow_box:after, .rec_flesh .flex_02 .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.rec_flesh .flex_02 .arrow_box:after {
	border-color: rgba(230, 239, 255, 0);
	border-right-color: #E6EFFF;
	border-width: 20px;
	margin-top: -20px;
}
.rec_flesh .flex_02 .arrow_box:before {
	border-color: rgba(90, 150, 255, 0);
	border-right-color: #5A96FF;
	border-width: 23px;
	margin-top: -23px;
}

}


@media screen and (max-width: 999px){
	
.hitokoto .unit_2col .box_a,
.hitokoto .unit_2col .box_b{
	float:none;
	width:100%;
	height:auto;
	}

	.hitokoto .unit_2col .box_b img{
		width: 50%;
		display: block;
		margin: 50px auto 0;
		border-radius: 50%;
	}

.arrow_box {
	position: relative;
	background: #E6EFFF;
	border: 2px solid #5A96FF;
	padding:10px;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(230, 239, 255, 0);
	border-top-color: #E6EFFF;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box:before {
	border-color: rgba(90, 150, 255, 0);
	border-top-color: #5A96FF;
	border-width: 23px;
	margin-left: -23px;
}

}

@media screen and (min-width: 640px) and (max-width: 999px) {
	

.person_list li a{
	width:32%;
	height:auto;
	margin:30px 2% 0 0;
}

.person_list li:nth-child(3n) a{
	margin:30px 0 0 0;
}



.person_list li  div{
	font-size: 0.8rem;
	height:28%;
	}

.person_list li h4{
	font-size: 1.0rem;
    letter-spacing: 0;
	}


.person_list li p span{
	font-size:0.9rem;
	padding-bottom:10px;}


.rec_person .person_list li a{
	height:250px;
	
}

	.rec_person .person_list li div{
		height: 17%;
		}


.office_box h2{
	width:70%;
	display:block;
	margin:0 auto 20px;
	}

.office_box .unit_2col .box_a{
	width:100%;
	margin-right:0;
	}

.office_box .unit_2col .box_b{
	width:100%;
	margin-top:20px;
	}

section.entry p{
	margin-bottom:20px;
	font-size:1.1rem;
}

#entry_btn a{
	right:30px;
	opacity:0.8;
	
	}
	
.rec_president .unit_2col .box_a{
	width:45%;
	margin-right:5%;
	}

.rec_president .unit_2col .box_b{
	width:50%;
	}
	
	
}

@media screen and (max-width:639px){
section.president{background:#FFF;}


section.president h2{
	width:60%;
	margin:0 auto 30px;
	}

section.president .unit_2col .box_a .btn_more{margin-top:15px;}
	
.person_list li a{
	width:48%;
	height:auto;
	float:left;
	color:#FFF;
	position:relative;
	margin:4% 4% 0 0;
}

.person_list li:nth-child(2n) a{
	margin:4% 0 0 0;
}

.person_list li div{
	width: 96%;
	height: 35%;
	padding: 2%;
	font-size:0.7rem;
	}

.person_list li p span{
	padding-bottom:5px;
	font-size:0.6rem;
	}

.rec_person .person_list li a{
	height:200px;
	
}
	.rec_person .person_list li div{
		height: 17%;
		}
	
.office_box{
	background:#5A96FF;
	color:#FFF;
	padding:20px;
	border-radius:20px;
	margin-bottom:30px;
	}

.office_box .unit_2col .box_a,
.flesh_text  .unit_2col .box_a{
	width:100%;
	margin-right:0;
	}

.office_box .unit_2col .box_b,
.flesh_text  .unit_2col .box_b{
	width:100%;
	margin-top:10px;
	}

.office_box h2{
	padding-bottom:10px;
	border-bottom:1px solid #FFF;
	margin-bottom:20px;}
	
section.entry{
	text-align:left;
	font-size:1.1rem;}
	
section.entry h2{
	margin:0 auto 20px;
	text-align:center;
	
	}

section.entry h2 p{
	font-size:1.6rem;
    padding-top: 46px;
}
	
section.entry h2 p:after{
  font-size:1.2rem;
}

section.entry p{
	margin-bottom:20px;
}

#entry_btn a{
	width:86px;
	height:86px;
	right:10px;
	bottom:10px;
	opacity:0.8;
	
	}

#entry_btn  p{
	font-size:1.1rem;
	font-family: 'Source Sans Pro', sans-serif;
    padding-top: 30px;
    line-height: 1.2;
}
	
#entry_btn  p:after{
  font-size:1.1rem;
}

.rec_president .unit_2col .box_a{
	width:100%;
	margin:0 0 30px 0;
	}

.rec_president .unit_2col .box_b,
.rec_person .unit_2col .box_a,
.rec_person .unit_2col .box_b,
.rec_office .box_a,
.rec_office .box_b{
	width:100%;
	}

.rec_person .unit_2col img{
	margin-top:30px;
	}
	

.rec_office .box_a{margin-right: 0;}

.rec_office .bnr_list li,
.rec_office .unit_2col p{
    margin-bottom: 4%;
}

.rec_flesh .profile li{
    float: none;
    width: 100%;
    margin:0 0 10px;
	}

.rec_flesh .profile li dt{
	margin:0 0 10px;
	font-weight:bold;
	}

.rec_flesh .profile li:last-child{
	margin-right:0;
	}

.rec_flesh .profile li img{
	border-radius:50%;
	width:120px;
	display:block;
	margin:0 auto;
	}

.flesh_text p{
	margin-bottom:25px;}


.rec_flesh .box_b li:first-child{
	margin-bottom:10px;
	
}

.rec_office #cboxTitle {
    top: -50px !important;
    font-size: 80% !important;}
	
.rec_office #cboxCurrent {
	display:none !important;
}

.rec_office #cboxContent {
    margin-top: 50px !important;
}

	

}

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

.person_list li div{
	height: 38%;
	padding: 2%;
	font-size:0.5rem;
	}
	
	
section.president{
    min-height: 350px;
	}
}



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

	PRIVACY

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

.page_privacy #container dl{
	margin-top:30px;
	
	}

.page_privacy #container dt{
	margin-bottom:15px;
	font-weight:bold;
	
	}

.page_privacy #container dt span{
	color:#FFF;
	background:#0054A7;
	padding:3px 8px;
	margin-right:15px;
	
	}

.page_privacy #container dd .number{
	padding-left:2.8em;
	text-indent:-2.8em;
	}



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

	CONTACT

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

.contact #container .bg_gray{
	padding:20px;
	margin-bottom:50px;
	box-sizing:border-box;
	}

.contact #container dl{
	margin-bottom:10px;
}

.con_check #container dl {
    margin-bottom: 10px;
    border-bottom: 1px solid #AAA;
    padding: 10px 0 20px;
}

.contact #container dt{
	display:table-cell;
    width: 360px;
	vertical-align:top;
}

.contact #container dd{
	display:table-cell;
    width: 600px;
}




.contact button,
.contact input,
.contact optgroup,
.contact select,
.contact textarea{
    color: inherit;
    font: inherit;
    /* margin: 0; */
    padding: 5px;
    margin: 0 0 10px;
}

.contact textarea,
.form_text{
	width: 100%;
    box-sizing: border-box;
	}

.contact textarea{
	height:200px;
	}
		

#submit-box {
    margin: 40px auto 0;
    width: 100%;
    text-align: center;
}

#submit-box ul{

    margin: 15px auto;
	width:65%;

}

.con_check #submit-box li{
	float:left;
	width:50%;
	}

.caution_box {
    border: 1px solid #E3007F;
    margin: 0 auto 50px;
    width: 1000px;
	padding:20px;
	box-sizing:border-box;
	color: #E3007F;
}

.required-box{
	width:60px;
	background-color: #E3007F;
	display: inline-block;
	color: #FFF;
	padding: 3px 0;
	text-align:center;
	margin-left: 10px;
	letter-spacing:normal;
	font-size: 10px;
		
	}

.contact2-flow{
  display: flex;
  width: 100%;
  margin-bottom: 40px;
  border: solid 1px #0054A7;
}

.contact2-flow li{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 33.3%;
  height: 50px;
  box-sizing: border-box;
  padding-left: 1em;
}
.contact2-flow li span{
  position: relative;
  z-index: 3;
}
.contact2-flow li::after{
  position: absolute;
  z-index: 1;
  content: '';
  top: 7.32px;
  right: -17.66px;
  width: 35.36px;
  height: 35.36px;
  box-sizing: border-box;
  border-right: solid 1px #0054A7;
  border-top: solid 1px #0054A7;
  background-color: #fff;
  transform: rotate(45deg);
}
.contact2-flow li:first-child::after{
  z-index: 2;
}
.contact2-flow li:last-child::after{
  display: none;
}

.contact2-flow li.current{
  background-color: #69b6ff;
  font-weight: bold;
  color: #fff;
}

.contact2-flow li.current::after{
  background-color: #69b6ff;
}

.contact2-text h4{
  font-size: 1.1rem;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

.contact2-text.center{
  text-align: center;
}

.contact2-link{
  margin-top: 50px;
  text-align: center;
}

.contact2-link a{
  display: block;
  width: 200px;
  margin: 30px auto;
  border: solid 1px #0054A7;
  background: #fff;
  padding: 10px 0;
  transition: 0.5s;
}

.contact2-link a:hover{
  opacity: 1!important;
  background: #0054A7;
  color: #fff;
}

.contact2-form dl{
  padding-bottom: 20px;
}

.contact2-form dl p+span{
  margin-top: 0.5em;
}

.contact2-text2{
  margin-bottom: 1.5em;
  font-size: 1.1rem;
  font-weight: bold;
}

.contact2-radio{
  display: inline-block;
  margin-right: 2em;
}

.contact2-name{
  display: inline-block;
  margin-right: 2em;
}

.contact2-name input{
  width: 220px;
}

.contact2-date{
  display: inline-block;
  margin-right: 1em;
}

.contact2-tel{
  display: block;
}

.contact2-submit p {
  margin-bottom: 1em;
}

.contact2-submit p br{
  display: none;
}

.contact2-submit p span{
  display: block;
  margin-bottom: 0.5em;
  font-weight: bold;
}

.contact2-checkbox{
  width: 160px;
  margin: 30px auto;
  border: solid 1px #0054A7;
  background: #fff;
  padding: 10px 0;
}

.contact2-checkbox input{
  margin: 0 0.5em 0;
}

.contact2-contact{
  margin-bottom: 50px;
}

.contact2-contact p{
  text-align: center;
}

.contact2-text3{
  margin-bottom: 1em;
  font-weight: bold;
  color: #0054A7;
}

.contact2-text3 br{
  display: none;
}

@media screen and (max-width: 999px) {
	
.contact #container .bg_gray{
	margin-bottom:30px;
	padding: 10px;
	}


.contact #container dt,
.contact #container dd{
	display:block;
    width: 100%;
}

.contact #container dt{
	margin-bottom:10px;
}

.contact select{
	width:100%;
	}

.contact textarea{
	height:80px;
	}
		

#submit-box {
    margin: 20px auto 0;
}

#submit-box ul{

    margin: 15px auto;
	width:100%;

}

.caution_box {
    margin: 0 auto 30px;
    width: 96%;
	padding:10px;
}

.required-box{
	width:60px;
	background-color: #E3007F;
	display: inline-block;
	color: #FFF;
	padding: 3px 0;
	text-align:center;
	margin-left: 10px;
	letter-spacing:normal;
	font-size: 10px;
		
	}

.con_check #submit-box li{
	float:none;
	width:100%;
	}

.con_check #submit-box li:first-child{
	margin-bottom:10px;
	}
		
	

.contact2-text.center{
  text-align: left!important;
}

.contact2-date{
  display: block;
  margin-right: 0;
}

.contact2-date select{
  width: 150px;
}
  
.contact2-submit p br{
  display: inline;
}

.contact2-text3 br{
  display: inline;
}
	
	}
	
	
	
/************************************************

	SERVICE

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


.page_service .ttl_head img{border-radius:20px;}

.page_service .ttl_head span:not(.pc_block){
	display:block;
	margin-top:45px;
	font-size:1.4rem;
	font-weight:bold;
	text-align:center;
}

.box_service{
    padding: 20px;
    margin-top: 20px;
    box-sizing: border-box;
	border:1px dashed;
}

.box_service .unit_2col div{width:48%;}

.box_service .unit_2col .box_a{
	margin-right:4%;
	}

.box_service dt,
.sol_list dt{
	font-weight:bold;
	font-size:1.2rem;
	margin:10px 0;}

.sol_list > div {margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed;}
.sol_list .unit_2col .box_a{width:71%;margin-right:4%;}
.sol_list .unit_2col .box_b{width:25%;}
.sol_list .flex.unit_2col .box_a{margin:0 0 0 4%;}

.sol_list dt{text-align:center;}

.cor_blue .sol_list dd {
    min-height: 0em;
	padding-bottom:10px;
	letter-spacing: -0.8px;

}

.sol_list dd{min-height: 7em;}


.cor_pink .sol_list dd {
    min-height: 5.5em;
}

.sol_list ul li,
ul.sol_list li{
    padding: 1.5%;
    margin: 0 2% 3% 0;
	float: left;
	border:1px dashed;
	box-sizing:border-box;
}


.sol_list.item_0 dt{text-align:left !important;}

.sol_list.item_0 dd{min-height:0 !important;}


.sol_list.item_02 li,
.sol_list.item_04 li{
    width: 48%;
}



.sol_list.item_03 li,
.sol_list.item_05 li{
    width: 32%;
}

.sol_list.item_02 li,
.sol_list.item_03 li,
.sol_list.item_04 li:nth-child(3),
.sol_list.item_04 li:nth-child(4),
.sol_list.item_05 li:nth-child(4),
.sol_list.item_05 li:nth-child(5){
    margin-bottom: 0;
}

.sol_list.item_02 li:nth-child(2),
.sol_list.item_04 li:nth-child(2),
.sol_list.item_03 li:nth-child(3),
.sol_list.item_05 li:nth-child(3){
    margin-right: 0;
}

.sol_list.item_05 li:nth-child(4) {
    margin-left: 17%;
}

.sol_list.item_05 li:nth-child(4), .sol_list.item_05 li:nth-child(5) {
    margin-bottom: 0;
}





.page_service .unit_3col .box_a, .page_service .unit_3col .box_b,.page_service .unit_3col .box_c {
	padding:0;
}

@media screen and (min-width: 640px){
	.lifepets ul{
		display: flex;
		justify-content: center;
	}
	.lifepets ul li{
		width: 70%;
	}
}
/*@media screen and (max-width: 639px){}*/

.cor_blue .plan li{
	color:#FFF;
	padding:10px;
	background:#00913A;
	margin-bottom:10px;}

.cor_blue .plan li:last-child{background:#3F75BA;}

.cor_blue .plan li dt {display:table-cell;width:200px;}
.cor_blue .plan li dt span{display:block;font-size:0.8rem;}
.cor_blue .plan li dd:before{
	content: "\f125";
    font-family: "Ionicons";
    color: #FFF;
    font-size:1.2rem;
	padding-right:30px;}
.cor_blue .plan li dd {display:table-cell; vertical-align:middle;}

.cor_blue .plan dt{
	margin-bottom:15px;
	font-weight:bold;
	
	}
	
.cor_blue .plan span{
	color:#FFF;
	background:#00B9EF;
	padding:3px 8px;
	margin-right:15px;
	
	}

.cor_blue .plan .unit_2col .box_a{
	width: 77%;
    margin-right: 5%;
}

.cor_blue .plan .unit_2col .box_b{width: 18%;}

.cor_blue .plan .unit_2col span{
	color: #FFF;
    background: none;
    padding: 0px 0px 3px;
	margin-right: 0; }

.cor_blue .policy dl{
	margin-top:30px;
	
	}

.cor_blue .policy dt{
	margin-bottom:15px;
	font-weight:bold;
	
	}

.cor_blue .policy dt span{
	color:#FFF;
	background:#00B9EF;
	padding:3px 8px;
	margin-right:15px;
	
	}

.cor_blue .policy dd .number{
	padding-left:2.8em;
	text-indent:-2.8em;
	}

.cor_blue .policy dd .number_lis{
	margin-left: 2.8em;
	text-indent: -1em;
	}

/*.cor_gree ol li{
	float:none;
	margin: 0 0 3% 0;
	padding:0;
	border:none;
	}*/

.cor_ora .ttl_head span,.cor_ora h3.ttl_02,.cor_ora .box_service dt,.cor_ora .sol_list dt{color:#F39800;}
.cor_ora h3.ttl_02,.cor_ora .sol_list li,.cor_ora .box_service{border-color:#F39800;}

.cor_gree .ttl_head span,.cor_gree h3.ttl_02,.cor_gree .box_service dt,.cor_gree .sol_list dt{color:#35B597;}
.cor_gree h3.ttl_02,.cor_gree .sol_list li,.cor_gree .box_service,.sol_list.item_0 > div{border-color:#35B597;}

.cor_lgree .ttl_head span,.cor_lgree h3.ttl_02,.cor_lgree .box_service dt,.cor_lgree .sol_list dt{color:#ABCD03;}
.cor_lgree h3.ttl_02,.cor_lgree .sol_list li,.cor_lgree .box_service{border-color:#ABCD03;}

.cor_pink .ttl_head span,.cor_pink h3.ttl_02,.cor_pink .box_service dt,.cor_pink .sol_list dt{color:#E95377;}
.cor_pink h3.ttl_02,.cor_pink .sol_list li,.cor_pink .box_service{border-color:#E95377;}

.cor_blue .ttl_head span,.cor_blue h3.ttl_02,.cor_blue .box_service dt,.cor_blue .sol_list dt{color:#00B9EF;}
.cor_blue h3.ttl_02,.cor_blue .sol_list li,.cor_blue .box_service{border-color:#00B9EF;}

.cor_fgree .ttl_head span,.cor_fgree h3.ttl_02,.cor_fgree .box_service dt,.cor_fgree .sol_list dt{color:#5BB647;}
.cor_fgree h3.ttl_02,.cor_fgree .sol_list li,.cor_fgree .box_service{border-color:#5BB647;}

@media screen and (min-width:640px){
	.mentenance {
	    color: #0054A7;
	    text-align: center;
	    border: 2px solid #0054A7;
	    padding: 40px 40px;
	    font-size: 1.5rem;
	    width: 80%;
	    margin: 0 auto;
		box-sizing: border-box;
		margin:100px;
	}
}

@media screen and (max-width:639px){
	.mentenance {
	    color: #0054A7;
	    text-align: center;
	    border: 2px solid #0054A7;
	    padding: 40px 40px;
	    font-size: 1.0rem;
	    width: 80%;
	    margin: 0 auto;
		box-sizing: border-box;
	}
}

.ser_contact {
    background: #FFF;
  border: 2px solid #0054A7 !important;
    padding-bottom: 20px;
    font-size: 1.1rem;
    width: 80%;
    margin: 0 auto;
	box-sizing: border-box;
}

.ser_contact dt{
    background: #0054A7;
    padding: 10px 20px;
    box-sizing: border-box;
    color: #FFF;
    text-align: center;
}

.ser_contact dd > ul{
    padding: 20px 20px 0;
    line-height: 1.8;
}


@media screen and (min-width: 640px) and (max-width: 999px) {
	
.sol_list dd {
    min-height: 8.5em;
}

.ser_contact{
    font-size: 1.1rem;
    width: 100%;
}


}


@media screen and (max-width:639px){
	
.page_service .ttl_head span:not(.pc_block){
	margin-top:30px;
	font-size:1.2rem;
}

.box_service .unit_2col div{width:100%;}

.box_service .unit_2col .box_a{
	margin:0 0 20px 0;
	}

.box_service .list_4col dd{
	line-height:1.2;}

.box_service dt,
.sol_list dt{
	font-size:1.0rem;
}

.sol_list .unit_2col {padding-bottom: 25px;}
.sol_list .unit_2col .box_a,
.cor_blue .sol_list .unit_2col .box_a{width:100%;margin:0 0 10px;}
.sol_list .unit_2col .box_b{width:100%;}
.sol_list .flex.unit_2col .box_a{margin:0 0 10px 0;}



.sol_list ul li,
ul.sol_list li{
    width: 100% !important;
    padding: 2%;
	box-sizing:border-box;
    margin: 0 0 5% 0 !important;
}

.sol_list dd {
    min-height: 0em;
	padding-bottom:10px;

}



.cor_blue .plan li dt {display:block;width:100%;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #FFF;}
.cor_blue .plan li dd:before{
	content: "";
	padding-right:0;
}


.cor_blue .plan li dt {
	display:block;
	width:100%;
	margin-bottom:5%;}

.cor_blue .plan .unit_2col .box_a{
	width: 100%;
    margin: 0 0 20px;
}

.cor_blue .plan .unit_2col .box_b{
	width: 50%;
	margin:0 auto;}

.cor_blue .plan li dt span{
	display:inline !important;}


.ser_contact {
    padding-bottom: 10px;
    font-size: 1.0rem;
    width: 100%;
}

.ser_contact dt{
    padding: 10px;
    text-align: left;
}

.ser_contact dd > ul{
    padding: 10px 10px 20px;
    line-height: 1.5;
}

.cor_fgree .ser_contact dd{margin-top:10px;}


}

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

.box_service .list_4col dt{
	margin-bottom:5px;}
	
.box_service .list_4col dd{
	font-size:0.85rem;}

}

/*gokkun*/

.gokkun .unit_2col .box_a{
	width:47.5%;
	margin-right:5%;
	}

.gokkun .kaisetsu.unit_2col .box_a{
	width:20%;
	margin-right:5%;}

.gokkun .unit_2col .box_b{
	width:47.5%;
	}

.gokkun .kaisetsu.unit_2col .box_b{
	width:75%;
	}

.gokkun .unit_2col .box_text{
	width:55%;
	margin-right:5%;
	float:left;
	}

.gokkun .unit_2col .box_img{
	width:40%;
	float:left;
	}

.gokkun .head_bg{
	margin-top:50px;
	background:url(/service/environment/images/gokkun/bg_img.png)repeat-x;
}

.gokkun .kaisetsu{
	width:100%;
	border-bottom:2px solid #DC005A;
	margin-bottom:50px;}

.gokkun .kaisetsu h3{
	margin-bottom:30px;}

.gokkun .example li{
	margin-top:40px;}

.gokkun .example li dt{
	margin-bottom:20px;}

.gokkun p{
	line-height:1.8;}

.ttl_gokkun{
	border-bottom: 80px solid #e74478;
    position: relative;
    height: 56px;
    margin-bottom: 50px;
    padding-top: 50px;}

.ttl_gokkun .ttl_gokkun_img{
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 48px;
    /* bottom: 0; */
    right: 0;
    left: 0;
	}

.ttl_gokkun .ttl_gokkun_img img{
	max-width:1000px;}

.gokkun h4{margin-bottom:30px;}

.gokkun .howto{
	margin-top:30px;}

.gokkun .howto li{
	margin-bottom:30px;}

.gokkun .howto li dt{
	margin:30px 0 15px;
	}

.gokkun .list_4col dt{margin-bottom:15px;}

.gokkun .list_4col li{position:relative;}

.gokkun .list_4col li:not(:last-child):after{
    content: "\f363";
    font-family: "Ionicons";
    font-size: 3.5rem;
    padding-right: 8px;
    position: absolute;
    right: -35px;
    top: 60px;
}

.gokkun .accessory dl{
	width:100%;
	background:#FFF;
	border-radius:20px;
	padding:30px;
	box-sizing:border-box;
	margin:30px 0;
	}
	
.gokkun .accessory dt{
	display:table-cell;
	width:70%;
	margin-right:5%;
	vertical-align:top;}
	
.gokkun .accessory dt span{
	font-size:1.8rem;
	display:block;
	color:#EC6F00;
	font-weight:bold;
	margin-bottom:15px;}

.gokkun .accessory dd{
	display:table-cell;
	width:25%;
	text-align: center;}

.gokkun .accessory dd img{width:50%;}

.gokkun .accessory .unit_2col .box_a {
    width: 44.5%;
    margin-right: 5%;
}

.gokkun .accessory .unit_2col .box_b {
    width: 50.5%;
}

.gokkun .customer h3{
	margin-bottom:30px;
	}
 
 .gokkun .customer .bnr_list li{
	 margin-top:30px;}
	

 .gokkun .contact_box{
	 border:3px solid #EA6D93;
	 border-radius:20px;
	 box-sizing:border-box;
	 margin-top:50px;
	 }

 .gokkun .contact_box dt{
	 background:#EA6D93;
	 width:100.1%;
	 text-align:center;
	 padding:5px 0;
	 font-size:1.6rem;
	 font-weight:bold;
	 color:#FFF;
	 border-top-left-radius:15px;
	 border-top-right-radius:15px;
	 margin:-1px auto 0;
	 }
	
 .gokkun .contact_box dd{
	 padding:20px;
	 box-sizing:border-box;
	 }

 .gokkun .contact_box .contact_box_ttl{
	 font-size:1.2rem;
	 font-weight:bold;
	 margin-bottom:15px;
	 border-bottom:1px solid #000;
	 }

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

.gokkun .kaisetsu.unit_2col .box_a{
	width:50%;
	margin:20px auto 0;
	text-align:center;}


.gokkun .kaisetsu.unit_2col .box_b{
	width:100%;
	}

.gokkun .unit_2col .box_img{
	margin-bottom:10px;
	}
	
.gokkun .head_bg{
	margin-top:25px;
}

.gokkun .kaisetsu{
	margin-bottom:0;}

.gokkun .kaisetsu h3{
	margin-bottom:15px;}

.gokkun .example li{
	margin-top:20px;}

.gokkun .example li dt{
	margin-bottom:10px;}

.gokkun p{
	line-height:1.5;}

.ttl_gokkun{
    border-bottom: none;
    position: static;
    height: auto;
    padding-bottom: 0;
    margin-bottom: 0;}

.ttl_gokkun .ttl_gokkun_img{
    position: static;
    padding: 10px 2%;
    box-sizing: border-box;
    background: #e74478;
	}

.gokkun h4{margin-bottom:15px;}

.gokkun .howto{
	margin-top:15px;}

.gokkun .howto.unit_2col .box_a,
.gokkun .howto.unit_2col .box_b{
	width:100%;
	margin-bottom:20px;}


.gokkun .howto li{
	margin-bottom:15px;}

.gokkun .howto li dt{
	margin:15px 0 10px;
	}

.gokkun .howto li dt img{
	height:35px;
	width:auto;
	}


.gokkun .list_4col dt{margin-bottom:10px;}

.gokkun .list_4col li{position:static;}

.gokkun .list_4col li:not(:last-child):after{
    content: "";
	display:none;
}

.gokkun .accessory.inner{
	padding-top:0 !important;}

.gokkun .accessory dl{
	padding:20px;
	margin:30px 0 0;
	}
	
.gokkun .accessory dt{
	display:block;
	width:100%;
	margin-right:0;}
	
.gokkun .accessory dt span{
	font-size:1.4rem;
	margin-bottom:10px;}

.gokkun .accessory dd{
	display:block;
	width:100%;
	text-align: center;}


.gokkun .accessory .unit_2col .box_a {
    width: 100%;
    margin-bottom: 15px;
}

.gokkun .accessory .unit_2col .box_b {
    width: 100%;
}

.gokkun .customer h3{
	margin-bottom:30px;
	}
 
 .gokkun .customer .bnr_list li{
	 margin-top:15px;
	 float:none;
	 width:100%;}
	
 .gokkun .contact_box{
	 margin-top:25px;
	 }
	
 .gokkun .contact_box dt{
	 padding:5px 0;
	 font-size:1.2rem;
	 }
	
 .gokkun .contact_box dd{
	 padding:10px;
	 box-sizing:border-box;
	 }

 .gokkun .contact_box .contact_box_ttl{
	 font-size:1.0rem;
	 margin-bottom:10px;
	 }

 .gokkun .contact_box .btn_appeal{
	 margin-top:10px;

}

h3.big {font-size: 130% !important;}



}


/*MUSCLE*/

.divider{
	padding-bottom:25px;
	border-bottom:1px solid #0054A7;
	text-align: left;
}


.divider_factory{background: #0071b9;}
.divider_factory_02{background: #e0c22b;}
.divider_factory_03{background: #485157;}

.divider_factory img,
.divider_factory_02 img,
.divider_factory_03 img{
	padding-right: 20px;
    background: #FFF;
}

#kaigo,
#factory,
#alone,
#yobou,
#spec,
#flow{
	margin-top:-96px;
	padding-top:96px;
	}

/*---- menu ----*/

.menu_muscle li{
	float:left;
	width:49%;
	}

.menu_muscle li:first-child{
	margin-right:2%;
	}
.menu_muscle li:nth-child(n+3){
	float:none;
	width:100%;
	padding-top:15px;
	clear: both;
	}

.menu_muscle_02 li{
	width:100%;
	padding-top:15px;
	}

/*---- コンテンツ ----*/


#kaigo .box_a{
	width:43%;}

#kaigo .box_b{
	width:52%;}

p.caption_table{
	margin-bottom:45px;
}


div.easy-wear{
	padding-bottom: 15px;
	overflow: hidden;
	border-bottom:1px solid #E3E3E3;
}

div.noborder{
	border:none;
}

div.easy-wear dl{
	float:left;
	width:800px;
	margin-top: 20px;
}

div.easy-wear.easy_middle dl{
	width:693px;
}

div.easy-wear dt{
	padding-bottom: 15px;
}

div.easy-wear dd{
	line-height: 20px;
	text-align: justify;
}

div.easy-wear img.image{
	float:right;
}

div.customerBox{
	overflow: hidden;
	margin-top: 25px;
	padding-bottom: 25px;
}

div.boarder{
	border-bottom: 1px solid #E3E3E3;
}

div.customerBox img.left{
	float:left;
	padding-right: 20px;
}

div.customerBox img.right{
	float:right;
}

div.customerBox dl{
	float:left;
	width: 695px;
}

div.customerBox dt{
	padding-bottom: 15px;
	border-bottom: 1px solid #0071B9;
	line-height: 25px;
	color: #0071B9;
}

div.customerBox dd{
	padding-top: 15px;
	line-height: 20px;
}


div#howtoUseflow ul{
	margin-top: 20px;
}

div#howtoUseflow li{
	float:left; 
	width:33%;
	list-style-type: none;
	background:url(/service/environment/images/muscle/muscle_flow_arr.gif)  no-repeat right top;
	margin-right:2%;
}

div#howtoUseflow li:last-child{
	float:left; 
	width:30%;
	background:none;
	margin-right:0;
}



div#howtoUseflow dl{
	width:100%;
}

div#howtoUseflow dt{
	display: table-cell;
}

div#howtoUseflow dd{
    display: table-cell;
    width: 150px;
    padding: 10px 5px 0;
    box-sizing: border-box;
}


h3.factory{
	font-weight: bold;
	font-size:1.8rem;
}

p.mckibben{
	padding:20px 0 0 30px;
	line-height: 20px;
}


ul.controll li{
	float: left;
	width:49%;
	margin-right: 2%;
	list-style-type: none;
}

ul.controll li:last-child{
	margin-right: 0;
}


ul.controll dd{
	padding-top: 10px;
}


h3.spec{
	font-weight: normal;
	padding:5px 0;
	width: 100%;
	text-align: center;
	color: #fff;
	background-color: #ACD0E8;
}

div.specBox{
	overflow: hidden;
}

p.spec_image{
	margin-top: 25px;
	text-align:center;
}

table#specTable{
	margin-top: 20px;
	width: 100%;
	border-collapse: collapse;
	border-left:solid 1px #E3E3E3;
	border-top:solid 1px #E3E3E3;
}

table#specTable th{
	font-weight: normal;
	color: #fff;
	background-color: #ACD0E8;
	border: none;
	border-right:solid 1px #E3E3E3;
	border-bottom:solid 1px #E3E3E3;
}


table#specTable td{
	padding: 10px 15px;
	border-right:solid 1px #E3E3E3;
	border-bottom:solid 1px #E3E3E3;
	line-height: 16px;
}



table#flow{
	margin-top: 20px;
	width: 100%;
	border-collapse: collapse;
	border-left:solid 1px #0071B9;
	border-top:solid 1px #0071B9;
}

table#flow th{
	padding: 4px;
	border: none;
	border-right:solid 1px #0071B9;
	border-bottom:solid 1px #0071B9;
}



table#flow td{
	padding: 15px;
	border-right:solid 1px #0071B9;
	border-bottom:solid 1px #0071B9;
	line-height: 20px;
	color:#666666;
}

table#flow td.title{
	color: #0071B9;
	font-size: 1.8rem;
	line-height: 30px;
}


.muscle .unit_2col .box_a{
	width:47.5%;
	margin-right:5%;
	}

.muscle .unit_2col .box_b{
	width:47.5%;
	}


.alone_box{
	background:#EAF6FD;
	padding:20px;
	box-sizing:border-box;}

.alone_box > dl{display:table;margin-top:20px;}
.alone_box > dl > dt{
	display:table-cell;
	width:58%;
	padding-right:2%;
	vertical-align:top;}
.alone_box > dl > dd{
	display:table-cell;
	width:40%;}

.alone_box h3,
.alone_box > dl > dt > dl > dt{color:#25BCEF;}

.alone_box > dl > dt > dl{padding-top:10px;font-size:0.8rem;}


.alone_box_02 > dl > dt{
	display:table-cell;
	width:70%;
	padding-right:2%;
	vertical-align:top;}
	
.alone_box_02 > dl > dd{
	display:table-cell;
	width:28%;}

.alone_box_02 h3{
	padding-left:20px;
	margin-bottom:10px;
  border-left: 4px solid #F8B500;}
  

section#yobou{
	margin-bottom:50px;}
 
#yobou .inner{
	background:#f5f5f5;
	padding:50px;
	box-sizing:border-box;}


#yobou  h2 {
  position: relative;
  text-align: center;
  color:#A47B36;
}
#yobou  h2 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #f5f5f5;
  text-align: left;
}
#yobou  h2::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #A47B36;
}

#yobou  h3 {
    padding-left: 20px;
    margin-bottom: 20px;
    border-left: 4px solid #0071B9;
}

#yobou  h4{
    margin-bottom: 10px;
}

#yobou li{
	margin-bottom:10px;}

#yobou li > span:not(.note),
#yobou table span{
	color:#C1272D;
	font-weight:bold;
	text-decoration:underline;}

#yobou .houwto li{
	font-size:1.3rem;
	font-weight:bold;
	margin-bottom:20px;}

#yobou .houwto li:first-letter{
	color: #FFF;
    background: #0054A7;
    padding: 3px 8px;
    margin-right: 15px;}

#yobou img.graph {
	width:80%;
	display: block;
	margin:0 auto;}

#yobou .ranking{
	width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

#yobou table{
	width:100%;}
	
#yobou table th{
	text-align:left;
	}

	
#yobou table tr{
	line-height:2.5;
	}

#yobou table td:nth-child(3){
	text-align:center;}


#yobou .fukidashi {
    background-color: #FFF001;
    padding: 12px 12px 10px;
    position: relative;
    margin-left: 20px;
}
#yobou .fukidashi:after {
    border-right: 8px solid #FFF001;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: '';
    margin-top: -10px;
    position: absolute;
    left: -8px;
    top: 50%;
}

@media only screen and (max-width: 999px) {
	
#kaigo,
#factory,
#alone,
#yobou,
#spec,
#flow{
	margin-top:-100px;
	padding-top:100px;
	}
	
	
}


@media screen and (min-width: 640px) and (max-width: 999px) {

div.easy-wear dl {
    width: 75%;
}

div.customerBox dl {
    width: 62%;
}

div#howtoUseflow li {
    float: none;
    width: 100%;
    list-style-type: none;
    background: none;
    margin: 0 0 15px;
}

div#howtoUseflow li:last-child {
    float: none;
    width: 100%;
    list-style-type: none;
    background: none;
    margin: 0;
}

div#howtoUseflow dt {
    width: 17%;
}

div#howtoUseflow dd {
    width: 80%;
    padding: 0 0 0 3%;
}
	
}


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

.divider_factory img, .divider_factory_02 img,.divider_factory_03 img{
     padding-right: 0; 
}


div.easy-wear dl {
    float: none;
    width: 100%;
    margin-top: 20px;
}

div.easy-wear img.image {
    margin: 20px auto 0;
    display: block;
	float:none;
}

div.customerBox dl {
    float: none;
    width: 100%;
}

div.customerBox dt {
    float: left;
    width: 80%;
    display: block;
    margin-bottom: 15px;
}

div.customerBox dd {
    overflow: hidden;
    display: block;
    width: 100%;
}


div.customerBox img.right {
    float: none;
    display: block;
    margin: 20px auto 0;
}

div.customerBox img.left {
    float: left;
    padding-right: 4%;
    width: 15%;
    height: auto;
}

div#howtoUseflow li {
    float: none;
    width: 100%;
    list-style-type: none;
    background: none;
    margin: 0 0 15px;
}

div#howtoUseflow li:last-child {
    float: none;
    width: 100%;
    list-style-type: none;
    background: none;
    margin: 0;
}

div#howtoUseflow dt {
    width: 17%;
}

div#howtoUseflow dd {
    width: 80%;
    padding: 0 0 0 3%;
}

h3.factory {
    font-size: 1.2rem;
}

p.mckibben {
    padding: 20px 0 0 0;
    line-height: 20px;
}

table#specTable th {
    width: 22%;
}

table#specTable td {
    padding: 10px;
    line-height: 1.5;
}

p.caption_table {
    margin-bottom:20px;
}

.muscle .unit_2col .box_a{
	width:100%;
	margin:0 0 10px 0;
	}

.muscle .unit_2col .box_b{
	width:100%;
	}

 .unit_3col .alone_box_02:not(.box_a){
	 margin-top:20px;} 




section#yobou{
	margin-bottom:30px;}
 
#yobou .inner{padding:30px 2%;}

#yobou  h2 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #f5f5f5;
  text-align: left;
}

#yobou  h2{
	font-size:1.2rem;}

#yobou  h2::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #A47B36;
}

#yobou  h3,
.alone_box_02 h3{
    padding-left: 10px;
    margin-bottom: 10px;
}

#yobou  h4{
    margin-bottom: 10px;
}

#yobou li{
	margin-bottom:10px;}


#yobou .houwto li{
	font-size:1.0rem;

	margin-bottom:10px;}

#yobou li.sp_line {
    line-height: 2.5;
}


#yobou .ranking{
    padding: 10px;
}
	
#yobou table tr{
	line-height:1.8;
	}



#kaigo .box_a,
#kaigo .box_b{
    width: 100%;
}



}



/*liberesta*/

.liberesta #item_01,
.liberesta #item_02,
.liberesta #item_03{
	margin-top:-96px;
	padding-top:96px;
	}

.liberesta .bg_blue_04 h2{
	margin-bottom:45px;}

.liberesta #container h3{
	font-family: "Sawarabi Mincho", serif;
	font-size:1.6rem;
	line-height:1.6;
	margin-bottom:30px;
	font-weight:normal;
	letter-spacing:0.2rem;}

.liberesta .lib_item{position:relative;}

.liberesta .lib_item .bg_no{
    position: absolute;
    max-width: 324px;
    height: auto;
    top: 20px;
    right: 0;
    z-index: 0;
    width: 32.4%;}

.liberesta .lib_item .unit_2col{
	margin-top:30px;}

.liberesta .lib_item .spec_box dt{
	font-size:1.2rem;
	font-weight:bold;
	color:#5FB7E1;
	line-height:1.8;
	margin-bottom:10px;
	}

.lib_item .spec_box ul{
    padding-left: 1em;
    margin-top: 10px;
	}
	
.lib_item .spec_box ul li {
	position: relative;
}

.lib_item .spec_box ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #5FB7E1;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.liberesta .lib_item .unit_2col .box_a{max-width:395px;}

.liberesta .lib_item .unit_2col .box_b{float:right;max-width:674px;}

.liberesta .lapping.unit_2col{
	position:relative;
	min-height:320px;}

.liberesta .lapping.unit_2col h4{
	color:#E3007F;
	text-align:center;
	font-size:1.4rem;
	margin-bottom:30px;
	font-weight:normal;
	}

.liberesta .lapping.unit_2col span{
	font-size:0.8rem;
	display:block;
	}

.liberesta .lapping.unit_2col .img_frame_01{
	position:absolute;
	left:0;
	top:0;}

.liberesta .lapping.unit_2col .img_frame_02{
	position:absolute;
	right:0;
	top:0;}

.liberesta .lapping.unit_2col .img_frame_02 img{
	transform: scale(-1, 1);
	}


.liberesta .lapping.unit_2col .box_a{
	width:40%;
	margin:0 2% 0 8%;
	}

.liberesta .lapping.unit_2col .box_b{
	width:40%;
	margin:0 8% 0 2%;
	}

.liberesta .lapping.unit_2col dt {display: table-cell;}

.liberesta .lapping.unit_2col dd {
	display: table-cell;
    padding-left: 15px;
    vertical-align: top;
	width: 50%;}

.liberesta .lapping.unit_2col dt img{
    border: 1px solid #5FB7E1;
    box-sizing: border-box;
    display: block;
}

.liberesta .lapping.unit_2col dd span{
	background:#FCE5F2;
	padding:2px 0;
	color:#E3007F;
	text-align:center;
	font-size:0.8rem;
	margin-bottom:10px;
	display:block;}

.liberesta .small{
	display:block !important;}

.liberesta .ttl_clb img{
	max-height:51px;
	width:auto;
	margin-bottom:10px;}	

.liberesta a.rakuten{ 
    width: 49%;
	float:left;
    height: 68px;
    margin: 0 0 0 2%;
    display: block;
    align-items: center;
    background: #FFF;
	border:2px solid #c00002;
	box-sizing: border-box;}

.liberesta a.dlife{ 
    width: 49%;
	float:left;
    height: 68px;
    margin: 0;
    display: block;
    align-items: center;
    background: #FFF;
	border:2px solid #55508c;
	box-sizing: border-box;}

.liberesta  a.rakuten div,
.liberesta  a.dlife div{
    display: flex;
    align-items: center;
	padding: 10px;
    box-sizing: border-box;
}

.liberesta  a.rakuten p {
    color: #c00002;
    font-weight: bold;
    letter-spacing: 0.1rem;
    text-align: center;
    margin-top: 0;
    width: 67%;
    font-size: 1.0rem;
	position:relative;
}

.liberesta  a.dlife p {
    color: #55508c;
    font-weight: bold;
    letter-spacing: 0.1rem;
    text-align: center;
    margin-top: 0;
    width: 74%;
    font-size: 1.0rem;
	position:relative;
	line-height: 1.2;
}

.liberesta  a.rakuten div img{
	width: 33% !important;
	max-width:205px !important;}

.liberesta  a.dlife div img{
	width: 26% !important;
	max-width:205px !important;}

.liberesta  a.rakuten p:after{
    content: "\f125";
    font-family: "Ionicons";
    font-size: 1.2rem;
    position: absolute;
    right: 0px;
    top: 0px;
}

.liberesta  a.dlife p:after{
    content: "\f125";
    font-family: "Ionicons";
    font-size: 1.2rem;
    position: absolute;
    right: 0px;
    top: 10px;
}

.liberesta .lib_info{
	padding:20px 0;}

.liberesta .lib_info .unit_2col .box_a{width:220px;}

.liberesta .lib_info .unit_2col .box_b{float:right;width:750px;}

.liberesta strong{
	font-weight:bold;
	color:#5FB7E1;}


#top_btn a{
	width:100px;
	height:100px;
	background:#60b8e1;
	border-radius:50%;
	display:block;
	text-align:center;
	position:fixed;
	right:100px;
	bottom:20px;
	z-index:1000;
	border: 1px solid #60b8e1;
	color:#FFF;
	
	}

#top_btn  p{
    padding-top: 15px;
    line-height: 1.2;
	letter-spacing: -0.1rem;
}
	
#top_btn  p:before{
  content: "\f126";
  font-family: "Ionicons";
  display:block;
  text-align:center;
  font-size:1.4rem;
}

#top_btn a:visited{
	color: #FFF;
}
	
#top_btn a:hover {
	background-color: #FFF;
	border: 1px solid #60b8e1;
	color: #60b8e1 !important;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}

#top_btn a:hover:after {
	color: #60b8e1 !important;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}



@media screen and (max-width: 999px) {
	
.liberesta #item_01,
.liberesta #item_02,
.liberesta #item_03{
	margin-top:-100px;
	padding-top:100px;
	}

}
	

@media screen and (min-width: 640px) and (max-width: 999px) {

	
.liberesta .head_ttl {height: 150px;}

.liberesta .head_ttl h2.ttl_02 {padding-top: 20px;}

.liberesta .lib_item .unit_2col .box_a{
	width:40%;
	}

.liberesta .lib_item .unit_2col:not(.lapping) .box_b{width:56%;}

.liberesta .lib_item .unit_2col .box_b img{width:100%;}

.liberesta .lib_item .bg_no {width: 20%;}

.liberesta .lapping.unit_2col h4 {
    font-size: 1.2rem;
	padding-top: 30px;
}

#top_btn a{
	right:30px;
	opacity:0.8;
	
	}

.liberesta a.dlife,
.liberesta a.rakuten{
    height: 78px;
}

.liberesta .lib_info .unit_2col .box_a{width:100%; margin-bottom:20px;}

.liberesta .lib_info .unit_2col .box_b{float:none;width:100%;}


}
	

@media screen and (max-width:639px){
	
.liberesta .head_ttl {height: 90px;}

.liberesta .head_ttl h2.ttl_02 {padding-top: 13px;}

.liberesta .bg_blue_04 h2{
	margin-bottom:25px;}

.liberesta .bg_blue_04 h2 img{width:65%;}

.liberesta #container h3 {
    font-size: 1.3rem;
    margin-bottom: 30px;
}

.liberesta .lib_item .bg_no {width: 26%;}

.liberesta .lib_item .unit_2col .box_a,
.liberesta .lib_item .unit_2col .box_b{
	width:100%;
}

.liberesta #container h3,
.liberesta .lib_item .unit_2col .box_a{
	margin-bottom:20px;}

.liberesta .lib_item .unit_2col {margin-top: 20px;}

.liberesta .lib_item .unit_2col .box_a img{
	display:block;
	margin:0 auto;}

.liberesta .lib_item .unit_2col .box_b img{width:100%;}

.liberesta .lib_item .spec_box dt {
    font-size: 1.1em;
    line-height: 1.5;
}

.liberesta .lapping.unit_2col .img_frame_01{
	-moz-transform:    rotate( 90deg );
	-webkit-transform: rotate( 90deg );
	-o-transform:      rotate( 90deg ); 
	-ms-transform:     rotate( 90deg );
	transform:         rotate( 90deg );
    right: 0;
    left: 0;
}

.liberesta .lapping.unit_2col .img_frame_02{
	-moz-transform:    rotate( -90deg );
	-webkit-transform: rotate( -90deg );
	-o-transform:      rotate( -90deg ); 
	-ms-transform:     rotate( -90deg );
	transform:         rotate( -90deg );
    right: 0;
    left: 0;
	bottom:0;
	top:auto;
}

.liberesta .lapping.unit_2col .img_frame_01 img,
.liberesta .lapping.unit_2col .img_frame_02 img{
	max-height: 310px;
    width: auto;}

.liberesta .lapping.unit_2col .img_frame_02 img{
	transform: scale(1, -1);
	}

.liberesta .ttl_clb img{
	max-width: 70%;}	

.liberesta .lapping.unit_2col .box_a,
.liberesta .lapping.unit_2col .box_b{margin:0 0 20px;}

.liberesta .lapping.unit_2col {
    padding: 25px 2%;
    box-sizing: border-box;
    margin: 60px 0 30px;
}

.liberesta .lapping.unit_2col h4 {
    font-size: 1.2rem;
    margin: 15px 0 30px;
}



.liberesta a.rakuten{ 
    width: 100%;
	float: none;
    height: auto;
    margin: 10px 0 0;
    display: block;
    align-items: center;
    background: #FFF;
	border:2px solid #c00002;
	box-sizing: border-box;}

.liberesta a.dlife{ 
    width: 100%;
	float:none;
    height: auto;
    margin: 20px 0 0;
    display: block;
    align-items: center;
    background: #FFF;
	border:2px solid #55508c;
	box-sizing: border-box;}

.liberesta  a.rakuten div,
.liberesta  a.dlife div{
    display: flex;
    align-items: center;
	padding: 10px;
    box-sizing: border-box;
}

.liberesta  a.rakuten p {
    color: #c00002;
    font-weight: bold;
    letter-spacing: 0.1rem;
    text-align: center;
    margin-top: 0;
    width: 67%;
    font-size: 0.8rem;
	position:relative;
}

.liberesta  a.dlife p {
    color: #55508c;
    font-weight: bold;
    letter-spacing: 0.1rem;
    text-align: center;
    margin-top: 0;
    width: 74%;
    font-size: 0.8rem;
	position:relative;
	line-height: 1.2;
}

.liberesta  a.rakuten div img{
	width: 33% !important;
	max-width:205px !important;}

.liberesta  a.dlife div img{
	width: 26% !important;
	max-width:205px !important;}

.liberesta  a.rakuten p:after{
    content: "\f125";
    font-family: "Ionicons";
    font-size: 1.2rem;
    position: absolute;
    right: 0px;
    top: -2px;
}

.liberesta  a.dlife p:after{
    content: "\f125";
    font-family: "Ionicons";
    font-size: 1.2rem;
    position: absolute;
    right: 0px;
    top: 5px;
}

.liberesta .lib_info{
	padding:5px 0 20px;}

.liberesta .lib_info .unit_2col .box_a,
.liberesta .lib_info .unit_2col .box_b{width:100%;float:none;}











#top_btn a{
	width:74px;
	height:74px;
	right:10px;
	bottom:10px;
	opacity:0.8;
	
	}

#top_btn  p{
    padding-top: 10px;
    line-height: 1.2;
    font-size: 0.8rem;
}
	
#top_btn  p:before{
  font-size:1.1rem;
}



}


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

.liberesta .lapping.unit_2col {
    padding: 50px 2%;
	margin: 20px 0 0;
}

	
}

/*laser*/

.laser #container h3 {
    font-family: "Sawarabi Mincho", serif;
	color:#A08232;
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 30px;
    font-weight: normal;
    letter-spacing: 0.2rem;
	text-align:center;
}

.laser .bg_blue_05 h3 {
	color:#6BA5D8 !important;
	margin-bottom: 10px;
}

.laser .bg_blue_05 .spoon{
	margin-bottom:30px;}

.laser .point li {
	text-align:center;
}

.laser .point li dt{
	display:table-cell;
	width:122px;
	padding-right:50px;}

.laser .point li dd{
	display:table-cell;
	width:828px;
	text-align:left;
	font-size:1.4rem;
	letter-spacing:0.1rem;
	line-height:1.8;
	vertical-align:middle;}
	

.laser .point li:first-child:after{
	content:"*";
	font-size:3.6rem;
	font-weight:bold;
	text-align:center;
	color:#A08232;
    display: block;
    margin-top: 10px;
	}


.laser .list_4col li{
	margin-bottom:30px;
	font-size:0.8rem;
	} 

.laser .list_2col li span,
.laser .list_4col li span,
.laser .list_5col li span{
	display:block;
	font-size:1.1rem;
	font-weight:bold;
	padding:10px 0 5px;}

.laser .unit_2col {
	width: 100%;
	margin-top: 20px;
}
.laser .unit_2col .box_left{
	float: left;
	width: 76.8%;
}
.laser .unit_2col .box_right{
	float: right;
	margin-left: 4%;
	width: calc((100% - 4%) / 5);
}

.laser .unit_2col .box_left .list_2col li {
	width: 48%;
	margin-right: 4%;
	float: left;
}
.laser .unit_2col .box_left .list_2col li:nth-child(2n) {
	margin-right: 0;
}
.only_pc {
		display: block;
	}
	.only_sp {
		display: none;
	}


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

.laser #container h3 {
    font-size: 1.2rem;
    margin-bottom: 30px;
	letter-spacing: 0;
}

.laser #container h3 img{
	width:80%;
}


.laser .point li dt{
	width:22%;
	padding-right:6%;}

.laser .point li dd{
	width:72%;
	font-size:1.1rem;
	line-height:1.5;}
	

.laser .point li:first-child:after{
	font-size:2.8rem;
    margin-top: 15px;
	}

.laser .list_4col li{
	margin-bottom:20px;
	} 

.laser .unit_2col .box_left{
	width: 100%;
}
.laser .unit_2col .box_right{
	display: none;
}

.laser .unit_2col .box_left .list_2col li {
	width: 100%;
	margin-right: 0;
}
	.only_pc {
		display: none;
	}
	.only_sp {
		display: block;
	}

}


/*2018.2.27 life add*/
	.stxt_left {
		text-align: center;
	}
.box_add {
}

.box_left {
	float: left;
}
.box_add .box_left {
	width: 48%;
	margin-right: 4%;
	box-sizing: border-box;
	border: 1px dashed #00B9EF;
	padding: 15px;
}
.box_add .box_left:last-child {
	margin-right: 0;
}
.box_add .box_left .ttl_corp {
	font-weight: bold;
}
.box_add .box_left .ttl_corp span {
	font-size: 90%;
}

/*2019.02 life add*/
.box_add .inner .sol_list li p b span {
	font-size: 90%;
}
@media screen and (min-width: 960px) {
    .br-sp { display:none; }
}
@media screen and (min-width: 640px) {
    .neoFirstImg { padding-left: 40px; }
}

/*2019.2.14 life add*/

@media screen and (max-width:639px){
	.stxt_left {
		text-align: left;
	}
	.box_left {
	float: none;
}
.box_add .box_left {
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}

.saiyou {
       margin-bottom: 25px;
}



 
.content-ttl_h2 {
    text-align: center;
    background: #171c61;
    border-bottom: 5px solid #8b8db0;
    color: #fff;
    /* padding: 35px 0 30px 0; */
    padding: 25px 0 20px 0;
    font-family: "";
    font-size: 18px;
    font-size: 1.8rem;
    /* margin-bottom: 70px; */
    margin-bottom: 50px;
}
}


/******

PC用のcss

*****/

/*dfree*/


.dfree .unit_2col .box_a{
	width:47.5%;
	margin-right:5%;
	}

.dfree .kaisetsu.unit_2col .box_a{
	width:45%;
	margin-right:5%;}

.dfree .unit_2col .box_b{
	width:47.5%;
	}

.dfree .kaisetsu.unit_2col .box_b{
	width:45;
	}

.dfree .unit_2col .box_text{
	width:55%;
	margin-right:5%;
	float:left;
	}

.dfree .unit_2col .box_img{
	width:40%;
	float:left;
	}

.dfree .head_bg{
	margin-top:50px;
	background:url(/service/environment/images/dfree/bg_img.png)repeat-x;
}

.dfree .kaisetsu{
	width:100%;

	margin-bottom:50px;}

.dfree .kaisetsu h3{
	margin-bottom:30px;}

.dfree .example li{
	margin-top:40px;}

.dfree .example li dt{
	margin-bottom:20px;}

.dfree p{
	line-height:1.8;}

.ttl_dfree{
    text-align: center;
    background: #23a0a1;
    color: #fff;
    /* padding: 35px 0 30px 0; */
    padding: 25px 0 20px 0;
    font-size: 1.8rem;
    /* margin-bottom: 70px; */
}

.ttl_dfree .ttl_dfree_img{
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 48px;
    /* bottom: 0; */
    right: 0;
    left: 0;
	}

.ttl_dfree .ttl_dfree_img img{
	max-width:1000px;}

.dfree h4 {
	margin-bottom:30px;
	margin-top: 20px;
	color:#23a0a1;
	text-align: center;
}

.dfree .howto{
	margin-top:30px;}

.dfree .howto li{
	margin-bottom:30px;}

.dfree .howto li dt{
	margin:30px 0 15px;
	}

.dfree .list_4col dt{margin-bottom:15px;}

.dfree .list_4col li{position:relative;}

.dfree .list_4col li:not(:last-child):after{
    content: "\f363";
    font-family: "Ionicons";
    font-size: 3.5rem;
    padding-right: 8px;
    position: absolute;
    right: -35px;
    top: 60px;
}

.dfree .accessory dl{
	width:100%;
	background:#FFF;
	border-radius:20px;
	padding:30px;
	box-sizing:border-box;
	margin:30px 0;
	}
	
.dfree .accessory dt{
	display:table-cell;
	width:70%;
	margin-right:5%;
	vertical-align:top;}
	
.dfree .accessory dt span{
	font-size:1.8rem;
	display:block;
	color:#EC6F00;
	font-weight:bold;
	margin-bottom:15px;}

.dfree .accessory dd{
	display:table-cell;
	width:25%;
	text-align: center;}

.dfree .accessory dd img{width:50%;}

.dfree .accessory .unit_2col .box_a {
    width: 44.5%;
    margin-right: 5%;
}

.dfree .accessory .unit_2col .box_b {
    width: 50.5%;
}

.dfree .customer h3{
	margin-bottom:30px;
	}
 
 .dfree .customer .bnr_list li{
	 margin-top:30px;}
	

 .dfree .contact_box{
	 border:3px solid #23a0a1;
	 border-radius:20px;
	 box-sizing:border-box;
	 margin-top:50px;
	 }

 .dfree .contact_box dt{
	 background:#23a0a1;
	 width:100.1%;
	 text-align:center;
	 padding:5px 0;
	 font-size:1.6rem;
	 font-weight:bold;
	 color:#FFF;
	 border-top-left-radius:15px;
	 border-top-right-radius:15px;
	 margin:-1px auto 0;
	 }
	
 .dfree .contact_box dd{
	 padding:20px;
	 box-sizing:border-box;
	 }

 .dfree .contact_box .contact_box_ttl{
	 font-size:1.2rem;
	 font-weight:bold;
	 margin-bottom:15px;
	 border-bottom:1px solid #000;
	 }

 .dfree_green h2 {
	background-color:#23a0a1;
	color:#FFFFFF;
}

.dfree_img {
	float: right;
}

.dfree_img2 {
	float: right;
	margin-top: -100px;
}

.dfree_img3 {
	float: right;
	margin-top: -150px;
}

.dfree_p {
	margin-left:48px;
	margin-bottom: 30px;
}

.font_s {
	font-size:0.8em;
	margin-top: 5px;
	}
.font_m {
	font-size: 1.5em;
}

.image_left {
	margin-left: 140px;
}

.image_allow {
	margin-top:-50px;
}

.padding {
	padding-bottom: 50px;
}

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

/******

SP用のcss

*****/	
	
#dfree .box_a,
#dfree .box_b{
	width:100%;
	margin-bottom:20px;}
	

.dfree .kaisetsu.unit_2col .box_a{
	width:50%;
	margin:20px auto 0;
	text-align:center;}


.dfree .kaisetsu.unit_2col .box_b{
	width:100%;
	}

.dfree .unit_2col .box_img{
	margin-bottom:10px;
	}
	
.dfree .head_bg{
	margin-top:25px;
}

.dfree .kaisetsu{
	margin-bottom:0;}

.dfree .kaisetsu h3{
	margin-bottom:15px;}

.dfree .example li{
	margin-top:20px;}

.dfree .example li dt{
	margin-bottom:10px;}

.dfree p{
	line-height:1.5;}

.ttl_dfree{
    border-bottom: none;
    position: static;
    height: auto;
    padding-bottom: 0;
    margin-bottom: 0;}

.ttl_dfree .ttl_dfree_img{
    position: static;
    padding: 10px 2%;
    box-sizing: border-box;
    background: #e74478;
	}

.dfree h4{margin-bottom:15px;}

.dfree .howto{
	margin-top:15px;}

.dfree .unit_2col .box_a,
.dfree .unit_2col .box_b{
	width:100%;
	margin-bottom:20px;}

.dfree .howto li{
	margin-bottom:15px;}

.dfree .howto li dt{
	margin:15px 0 10px;
	}

.dfree .howto li dt img{
	height:35px;
	width:auto;
	}


.dfree .list_4col dt{margin-bottom:10px;}

.dfree .list_4col li{position:static;}

.dfree .list_4col li:not(:last-child):after{
    content: "";
	display:none;
}

.dfree .accessory.inner{
	padding-top:0 !important;}

.dfree .accessory dl{
	padding:20px;
	margin:30px 0 0;
	}
	
.dfree .accessory dt{
	display:block;
	width:100%;
	margin-right:0;}
	
.dfree .accessory dt span{
	font-size:1.4rem;
	margin-bottom:10px;}

.dfree .accessory dd{
	display:block;
	width:100%;
	text-align: center;}


.dfree .accessory .unit_2col .box_a {
    width: 100%;
    margin-bottom: 15px;
}

.dfree .accessory .unit_2col .box_b {
    width: 100%;
}

.dfree .customer h3{
	margin-bottom:30px;
	}
 
 .dfree .customer .bnr_list li{
	 margin-top:15px;
	 float:none;
	 width:100%;}
	
 .dfree .contact_box{
	 margin-top:25px;
	 }
	
 .dfree .contact_box dt{
	 padding:5px 0;
	 font-size:1.2rem;
	 }
	
 .dfree .contact_box dd{
	 padding:10px;
	 box-sizing:border-box;
	 }

 .dfree .contact_box .contact_box_ttl{
	 font-size:1.0rem;
	 margin-bottom:10px;
	 }

 .dfree .contact_box .btn_appeal{
	 margin-top:10px;

}

h3.big {font-size: 130% !important;}



}