* {
	margin: 0;
	padding: 0;
}
*::after,
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img { max-width : 100%;
height: auto;}

ul, ol { list-style : none}



body {
	 font-family: 'メイリオ', Meiryo, '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Noto Sans Japanese', sans-serif;
	background: #fff;
	
	
}

/*h1 {
	
display:none;}*/

h1.title02{
	font-size:2.5vw;

color:#FFF;
font-weight: normal;
text-align:center; 
margin: 0;
position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
 text-shadow: 3px 3px 3px #000;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


h1.title02 span {
  margin-left:0px;
  font-size:60%;
  color: #fff;
  position: relative;
  top: -5px;
}


h1.title_img{


color:#FFF;
font-weight: normal;
text-align:center; 
margin: 0;
position: absolute;
    top: 60%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
 text-shadow: 3px 3px 3px #000;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



h3.h3_works {
  margin-left:0px;
  color: #00A970;
  font-size:1.4em;
  font-weight:normal;
}




/*------------------------------------------------  TOP検索エリア ----------------------------------------------------*/
div.kensaku{
	
clear:both;
width:100%;
margin: 0px 0px 0px 0px; /*上　右　下　左 */
}



.title,
.toggle{
	width: 100%;
	margin: 0 auto;
}


/*アコーディオンタイトル*/
.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    padding: 10px 0px 10px 50px;
    transition: all .5s ease;
	border-bottom: solid 1px #aaa;
}

/*アイコンの＋と×*/
.title::before,
.title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
.title::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
    
}
.title::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.title.close::before{
	transform: rotate(45deg);
}

.title.close::after{
	transform: rotate(-45deg);
}


/*.title{
	pointer-events: none;
	padding: 8px;
	color: #2CA339;
	background: #fff url(../images/kensaku.png) left no-repeat;
	padding-left:55px;
}
*/
.toggle{
	padding: 0px;
	list-style: none;
	margin-top:20px;
}

.toggle li{
	padding: 0px;
}

.toggle li:not(:last-child){
	border-bottom: solid 1px #aaa;
}

@media screen and (max-width: 980px){
	div{
		padding: 0;
	}
	.title{
		pointer-events: all;
		width: 100%;
		border-bottom: solid 1px #aaa;
	}
	
	.toggle{
		display: none;
		width: 100%;
		
	}
}






.wf-hannari { font-family: "Hannari"; }
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }

.bg-slider {
	width: 100%;
	height: 100vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-slider__title{
	color: #fff;
	font-size: 2.5vw;
	line-height: 1.5;
	text-align:center;
	text-shadow: 3px 3px 3px #000;
	font-weight:normal;

}



a.a_top150{
	position: absolute;
	margin-top:-150px;
}





#contents_tabtop ul li {
    float: left;
    list-style-type: none;
    width: 50%;
}
 
#contents_tabtop ul li a {
    font-size: 1em;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    display: block;
    padding: 9%;
    text-align: center;
    width: 100%;
    background: #C15757;
    border: 1px solid #c15757;
    border-bottom: none;
}
#contents_tabtop ul li a:hover{
    background:#D26161;
    color:#FFF;
}
 
#contents_tabtop ul li a.current {
    background: white;
    color: #C15757;
}
 
#contents_tab {
    clear:both;
}
 
#contents_tab  div {
    padding: 5%;
    background: white;
    text-align: center;
    border: 1px solid #c15757;
    border-top: none;
}
 
#contents_tab  p{
    margin-top:20px;
    line-height:2em;
    color:#C15757;
}
 
#contents_tab  strong {
    font-size: 2em;
    font-weight: bold;
    color: #c15757;
    text-decoration: underline;
}




/*----------------------------    インスタグラム ---------------------------*/

#instafeed {
	width:100%;
   height:300px;
   overflow:scroll;
   overflow-x:hidden;
   margin: 0 0 0px 0px; /*上　右　下　左 */

}


#instafeed li {
	width:150px;
	display: inline;
	float:left;
   margin: 5px; /*上　右　下　左 */

}


/*------------------------------------- Youtube　--------------------------------------------*/

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    margin:0px 0px;
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





article {
	height: 100%;
	margin: 100px auto;
	text-align: center;
	line-height: 1.9;
}
article p {
	margin-bottom: 0.5em;
}

a {
	color: #0b8793;
}


#main-visual {
	background: url(../images/1.jpg) top center;
	height: 100vh;
	background-size:cover;
}



#main-company {
	background: url(../images/company.jpg)   center;
	height:400px;
	background-size:cover;
  
}


#main-strength {
	background: url(../images/strength.jpg)   center ;
	height:400px;
	background-size:cover;
  
}


#main-support {
	background: url(../images/support.jpg)   center ;
	height:400px;
	background-size:cover;
  
}


#main-contact {
	background: url(../images/contact.jpg)   center ;
	height:400px;
	background-size:cover;
  
}

#main-products {
	background: url(../images/products.jpg)   center;
	height:400px;
	background-size:cover;
  
}

#main-taflet {
	background: url(../images/taflet.jpg)   center;
	height:400px;
	background-size:cover;
  
}

#main-wtaflet {
	background: url(../images/main001.jpg)   center top;
	height:400px;
	background-size:cover;
  
}

#main-taflet_sl-tf {
	background: url(../images/main003.jpg)   center top ;
	height:400px;
	background-size:cover;
  
}

#main-zc {
	background: url(../images/main002.jpg)   center ;
	height:400px;
	background-size:cover;

  
}


#main-cutting {
	background: url(../images/cutting.jpg)   center;
	height:400px;
	background-size:cover;
  
}

#main-dies {
	background: url(../images/dies.jpg)   center;
	height:400px;
	background-size:cover;
  
}


#main-oil {
	background: url(../images/oil01.jpg)   center;
	height:400px;
	background-size:cover;
  
}


#main-win {
	background: url(../images/win.jpg)   center;
	height:400px;
	background-size:cover;
  
}



h1.title{ font-size:2.0em;
color:#fff;
font-weight:bold;
/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
margin: 0 auto;
/*width:800px;
height:83px;
text-align:center;
border:#FFF 5px solid;
background: url(../images/moji_l.png) ;*/
 position: absolute;  
    top: 545px;  
    left: 20px;
	/*display:inherit;
text-indent: -9999px;
	font-size: 0; */
}


div.top_title{
	font-size:2.0em;
font-weight:bold;
margin: 0 auto;
border:#FFF 0px solid;
position: absolute;  
 top: 530px;  

   color: #fff;
   padding: 35px 0px 35px 0px;
   background: #A1C365;
   filter: Alpha(opacity=70);
   opacity:0.8;
   width: 100%;
}





div.mein_title{
	font-size:2.0em;
font-weight: normal;
margin: 0 auto;
border:#FFF 0px solid;
position: absolute;  
 top: 330px;  

   color: #000;
   padding: 35px 0px 35px 0px;
   background: #AAA9AD;
   filter: Alpha(opacity=70);
   opacity:0.8;
   width: 100%;
}




h1.title03{ font-size:2em;
color:#E7550B;
font-weight:bold;
margin: 0 auto;
width:800px;
height:83px;
text-align:center;
/*border:#FFF 5px solid;*/
background: url(../images/moji_l.png) ;
 position: absolute;  
    top: 400px;  
    right: 30px;
}


h1.title04{ font-size:2em;
color:#E7550B;
font-weight:bold;
margin: 0 auto;
width:800px;
height:83px;
text-align:center;
/*border:#FFF 5px solid;*/
background: url(../images/moji_l.png) ;
 position: absolute;  
    top: 320px;  
    right: 30px;
}

/*------------------------------------- TOP　H2　--------------------------------------------*/

h2.h2_c{
	margin: 10px 0 50px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: center;
	width:100%;
	color:#fff;
	font-size: 2vw;
	font-weight:normal;
	
}


h2.h2_b{
	margin: 10px 0 50px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: center;
	width:100%;
	color:#000;
	font-size: 1.6em;
	font-weight:normal;
	
}

h2.h2_b02{
	margin: 10px 0 50px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: left;
	width:100%;
	color:#000;
	font-size: 2.5vw;
	font-weight:normal;
	
}



h2.h2_g{
	margin: 100px 0 50px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: left;
	width:100%;
	color:#000;
	font-size: 2vw;
	font-weight:normal;
	
}




/*------------------------------------- ボタン　--------------------------------------------*/
.square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #000;
    border: solid 2px #000;
    border-radius: 3px;
    transition: .4s;
	text-align:center;
}

.square_btn:hover {
    background: #67c5ff;
    color: white;
}


.square_btn02 {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #000;
    border: solid 2px #000;
    border-radius: 3px;
    transition: .4s;
	text-align:center;
	width:300px;
	font-size:0.4em;
	margin:0 30px;
	margin-top:300px;
	
	
}

.square_btn02:hover {
   background: #25EFAD;
  /*-- background: #F8546C;--*/
    color: white;
	
}








.button01 {
	margin:0 auto;
	margin-top:50px;


  width: 50%;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  color: #363636;
  font-size:1.4em;
  border: solid 1px #363636;/*線色*/
    border-radius: 10px;
}
.button01::before,
.button01::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button01,
.button01::before,
.button01::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  
}

.button01:hover {
  background-color: #363636;
  color: #fff;
}



.button02 {
	margin:0 auto;
	margin-top:10px;
	
	padding:5px;
  width: 80%;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #363636;
  font-size:1.4em;
  border: solid 1px #363636;/*線色*/
    border-radius: 10px;
}
.button02::before,
.button02::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button02,
.button02::before,
.button02::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  
}

.button02:hover {
  background-color: #363636;
  color: #fff;
}


/*------------------------------------- フッター　--------------------------------------------*/

footer {
	border-top:#1593CF 5px solid;
	margin-top:0px;
	text-align: center;
	background: #F0F0F0;
/*background: #F0F0F0 url(../images/footer_logo.gif) no-repeat 50px 50px;*/
	/*background:url(../images/about.jpg) center ;*/
	position: relative;
	padding: 5px 0px;
	width:100%;
}


footer a {
	color: #000;
	text-decoration: none;
}


footer ul {
	text-align: center;
	margin-top:30px;
	    padding: 0px 0px 0px 0px;/*上　右　下　左 */
}

footer li {
	display:inline; /*リストを横並びにする*/
	margin-right: 5px;
	padding-left: 5px;
	border: none;
	
}

footer ul a {
	color: #000;
	display:inline; /*リストを横並びにする PC用*/
	
}



footer ul a:hover {
	color: #000;
	background: none;
	text-decoration: underline;
}

footer p {
	padding-top:0px;
	text-align: center;
	color:#000;
}



.inner {
	width: 100%;
	margin: 0 auto;
	
}
.inner:after {
	content: "";
	clear: both;
	display: block;
}

/*------------------------------------------------- header ---------------------------------------------------------*/

header {
	width: 100%;
	background:url(../images/h.jpg) no-repeat 10px 10px;
	
	/*display: none;	*/
	
}

#top-head {
	font-size: 14px;
	top: 0px;
	position: fixed;
	width: 100%;
	
	margin: auto 0;
	padding: 0px 0;
	line-height: 1;
	z-index: 999;
	background: rgba(255,255,255,0.9);
	
	
}
#top-head a,
#top-head {
	color: #000;
	text-decoration: none;
	font-weight:bold;
}
#top-head .inner {
	position: relative;
	
}

/*--- ロゴ　-------------------*/
#top-head .logo {
	float: left;
	padding-left:0px;
	width:100%;
	padding:0px 0;
	background:url(../images/logo.png) no-repeat 10px;
}


header a.a_home {
    width : 300px;
	height:40px;
	margin : 20px 0px 0px 0px;/*上　右　下　左 */
    display: block;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	}


#global-nav ul {
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 25px;
	font-size: 12px;
	
	
}
#global-nav ul li {
	float: left;
	position: relative;
	
	
}
#global-nav ul li a {
	padding: 30px 20px;
	
}

/* Btn Hover */
#global-nav ul li:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	bottom: -30px;
	
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#global-nav ul li:hover:after {
	background: #23AC38;
	bottom: -20px;
	
}


/* Fixed  スクロール時に表示メニュー*/
#top-head.fixed {
	margin-top: 0px;
	top: 0;
	position: fixed;
	padding-top: 0px;
	/*background:url(../images/bg.jpg)  ;背景色・画像設定　/*

	background: rgba(255,255,255,.7);*/
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
	
}
#top-head.fixed .logo {
	font-size: 24px;
	
	color: #333;
}
#top-head.fixed #global-nav ul li a {
	color: #000;
	padding: 30px 20px;
	font-weight:bold;
}

/* Fixed Btn Hover */
#top-head.fixed #global-nav ul li:after {
	bottom: -30px;
}
#top-head.fixed #global-nav ul li:hover:after {
	background: #E50012;
	bottom: -20px;
}


/* Transition */
/*
#top-head,
#top-head .logo,
#global-nav ul li,
#global-nav ul li a {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
*/



/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 12px;
	top: 7px;
	width: 45px;
	height: 45px;
	cursor: pointer;
	z-index: 101;
	padding:10px 5px;
	background: rgba(255,255,255,0.5);
}

#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #23AC38;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}


/*-------------------------------------------- @group Contents ----------------------------------------------------*/


/*---- TOPページ　メッセージ等エリア　 ----*/

#contents_top {
background: #fff ; 
width:100%;
margin: 0 auto;
margin-top: 0px; }


#contents_top_t {
max-width:1200px;
margin: 0 auto;
margin-top: 0px;
padding:100px 0px; }


/*---- TOPページ　製品案内エリア　 ----*/

#contents_top01 {
background-image: url(../images/01.jpg);
width:100%;
margin: 0 auto;
margin-top: 0px;
background-size: cover; 
}


#contents_top_t01 {
max-width:1200px;
margin: 0 auto;
margin-top: 0px;
padding:100px 0px; }



.bg-mask_top {
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  will-change: transform;
  background-color:rgba(255,255,255,0.6);
  padding: 20px 0px 0px 0px;
  width:80%;
}



.bg-mask {
  background: rgba(18,6,6,0.7);
  padding: 30px 0px;
  width:100%;
}


/*---- TOPページ　企業ビジョンエリア　 ----*/

#contents_top02 {
background: #fff; 
width:100%;
margin: 0 auto;
margin-top: 0px; }

#contents_top_t02 {

max-width:1200px;
margin: 0 auto;
margin-top: 0px;
padding:100px 0px;
 }


/*---- TOPページ　ドクターセールスエリア　 ----*/

#contents_top03 {
background-image: url(../images/03.jpg);
width:100%;
margin: 0 auto;
margin-top: 0px;
background-size: cover;  }

#contents_top_t03 {

max-width:1200px;
margin: 0 auto;
margin-top: 0px;
padding:100px 0px;
 }
 
/*---- TOPページ　動画・インスタエリア　 ----*/

#contents_top04 {
background: #fff  ; 
width:100%;
margin: 0 auto;
margin-top: 80px; }


#contents_top_t04 {
max-width:800px;
margin: 0 auto;
margin-top: 0px;
padding:0px 0px;
 }


/*---- TOPページ　動画・インスタエリア　 ----*/

#contents_top05 {
background: #fff  ; 
width:100%;
margin: 0 auto;
margin-top: 0px; }


#contents_top_t05 {
max-width:1200px;
margin: 0 auto;
margin-top: 0px;
padding:100px 0px 50px 0px; 
 }




#contents_top_b {

/*background: #FAFAFA;*/
max-width:1200px;
margin: 0 auto;
margin-top: 60px;
margin-bottom: 30px; }



#contents_top02 #main,
#contents_top02 #main_top,
#contents_top02 #sub,
#contents_top02 #sub_top { 
float : left;
margin : 0%;
padding-top:0.5em;
} 

#contents_top02 #main { width : 45%;
text-align:center;
}
#contents_top02 #sub { width : 45%;
text-align:center;
float:right;}




#contents {
/*background: #FAFAFA;*/
background: #FFF; 
width:1080px;
margin: 0 auto;
margin-top: 20px;
margin-bottom:50px;}

#contents #main,
#contents #main_top,
#contents #sub,
#contents #sub_top { 
float : left;
margin : 0 1.0416667%;
padding-top:0.5em;

} 

#contents #main { width : 66.6833333%}
#contents #sub { width : 29.15%}

#contents #main_top { width : 100%}
/*#contents #sub_top { width : 29.15%}*/

#contents #main_con { width : 90%;
margin: 0 auto;
margin-top: 0px;}

#contents #main_nou01 { width : 90%;
margin: 0 auto;
margin-top: 0px;}

#contents #main_nou02 { width : 90%;
margin: 0 auto;
margin-top: 0px;}

#contents #main_nou03 { width : 90%;
margin: 0 auto;
margin-top: 0px;}

#contents #main_nou04 { width : 90%;
margin: 0 auto;
margin-top: 0px;}


#contents_con {
/*background: #FAFAFA;*/
background: #FFF; 
width:940px;
margin: 0 auto;
margin-top: 20px;
margin-bottom:50px;
 }

div.waku{
	border:#666 1px solid;
	padding:10px;}

p {
	padding:10px 2px; /*上　右　下　左 */
	text-align: left;
	line-height:1.8em;
	margin-left:0px;
	margin-top:20px;
	margin-bottom:0px;
	font-size:0.9em;
}



p.p_c{
	margin: 30px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: center;
	width:100%;
}

p.p_r{
	margin: 30px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: right;
	font-size:0.6em;
}



p.p_c_f{
	margin: 30px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: center;
	width:100%;
	color:#FFF;
}


#contents_con p {
	padding:10px 2px; /*上　右　下　左 */
	text-align: left;
	line-height:1.8em;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:0.8em;
}

#contents_con p.p_c{
	margin: 30px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: center;
	width:100%;
}

#contents_con p.p_r{
	margin: 30px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: right;
	width:100%;
	font-size:0.6em;
}


#contents_con p.p_c_o{
	margin: 30px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: center;
	width:100%;
}



#contents_con p.p_nr{
	margin: 0px 0px 30px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: right;
	width:100%;
}


#contents_con p.p_bg_w{
	margin: 0px 0 20px 10px; /*上　右　下　左 */
	padding: 10px; /*上　右　下　左 */
	text-align: left;
	width:94%;
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */

   border: 1px #FFAB2F solid;     /* 枠線の装飾 */
}


#contents_con p.p_bg_wc{
	margin: 30px 0 30px 0px; /*上　右　下　左 */
	padding: 10px; /*上　右　下　左 */
	text-align: center;
	background:#FFF7DB;
	width:100%;
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */

   border: 1px #FFAB2F solid;     /* 枠線の装飾 */
}


#contents_con p.p_sub{
	margin: 0px 0 10px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: left;
	border-bottom: #CCC 1px solid;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	width:95.4%;
	padding:5px;
}


#contents_about {
/*background: #FAFAFA;*/
background: url(../images/top_back.jpg) top no-repeat #B5D884; 
width:100%;
margin: 0 auto;
text-align:center;
margin-top: 0px;
padding:50px 0px 30px 0px; }



div.bg_w02{
	height:220px;
	margin: 0px 0 20px 0px; /*上　右　下　左 */
	padding: 20px ; /*上　右　下　左 */
	text-align: left;
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */
   border: 1px #FFAB2F solid;     /* 枠線の装飾 */
}





div.sub_01_s{
	width:80%;
		background: #fff;
	text-align: center;
	border:#000 1px solid;
	
	margin: 0 0 0 30px; /*上　右　下　左 */
}

div.sub_02_s{
	width:80%;
		background: #fff;
	/*	border: #666 1px solid;*/
	text-align: center;
	padding:0px;
	font-size:0.8em;
	margin: 30px 0 0 30px; /*上　右　下　左 */
}



div.vision{
	text-align: center;
	margin: 30px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: center;
	width:100%;
}




/*----------------------------------------------- トップPRエリア -------------------------------------------------*/
div.topcon_01 {
	width:33.3%;
	text-align: center;
	float : left;
	padding:20px;
	margin: 0px 0px 0px 0; /*上　右　下　左 */
}


div.topcon_02 {
	width:33.3%;
	text-align: center;
	float : left;
	margin: 0px 0px 0px 0; /*上　右　下　左 */
}

.cell{
  float: left;
  width: 32%;
  text-align:center;
  margin-right: 1.33%;
  /* 32 + 1.33 = 33.33% = 3分の1 */
}

.row{
  margin-right: -1.33%;
}


/*----------------------------------------------- トップ 製品エリア -------------------------------------------------*/
div.toppro{ margin-bottom:20px;}

div.toppro_01 {
	width:48%;
	text-align: center;
	float : left;
	font-size:0.8em;
	margin: 0px 0px 0px 0; /*上　右　下　左 */
}


div.toppro_02 {
	width:48%;
	text-align: center;
	font-size:0.8em;
	float: right;
	margin: 0px 0px 0px 0; /*上　右　下　左 */
}



/*-----------------------------------------------  製品ページ　製品紹介エリア -------------------------------------------------*/
div.pro_con{ margin-bottom:60px;
clear:both;}

div.pro_con_01 {
	width:49%;
	text-align: center;
	float : left;
	margin: 0px 0px 0px 0px; /*上　右　下　左 */
}


div.pro_con_02 {
	width:49%;
	text-align: center;
	float: right;
	margin: 0px 0px 0px 0; /*上　右　下　左 */
}





/*----------------------------------------------- ダイス　提案　エリア -------------------------------------------------*/
div.dies_teian{ margin:30px 0px 50px 0px;}

div.dies_teian_01 {
	width:48%;
	text-align: center;
	float : left;
	font-size:0.8em;
	margin: 0px 0px 0px 0; /*上　右　下　左 */
}


div.dies_teian_02 {
	width:48%;
	text-align: center;
	font-size:0.8em;
	float: right;
	margin: 0px 0px 0px 0; /*上　右　下　左 */
}








/*----------------------------------------------- H2 -------------------------------------------------*/

/*------------フラットタイプ----------*/

h2.h2_01{
  position: relative;
  color: #000;
  background: #fff;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
}

h2.h2_01:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f14a";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}



/*------------タブ付きポイントタイプ----------*/
h2.h2_02{
position: relative;
border-top: solid 2px #80c8d1;
border-bottom: solid 2px #80c8d1;
background: #fff;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
}

h2.h2_02:after {/*タブ*/
position: absolute;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content: '\f0a7\ POINT';
background: #80c8d1;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em;
  }


/*------------吹き出しタイプ----------*/
h2.h2_03 {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
}

h2.h2_03:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #e0edff;
width: 0;
height: 0;
}



/*------------先頭アイコンタイプ----------*/
h2.h2_04 {
position: relative;
background: #E40019;
padding: 0.25em 0.5em;
border-left: solid 2em #E40019;
color: white;
}

h2.h2_04:before {
font-family: FontAwesome;
content: "\f001";
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -1.35em;
top: 45%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

/*------------アクセスアイコンタイプ----------*/
h2.h2_05 {
position: relative;
background: #ff9900;
padding: 0.25em 0.5em;
border-left: solid 2em #ff9900;
color: white;
}

h2.h2_05:before {
font-family: FontAwesome;
content: "\f041"; 
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}


/*------------吹き出しタイプ----------*/

h2.h2_06 {
position: relative;
background: #ff9900;
padding: 0.25em 0.5em;
border-left: solid 2em #ff9900;
color: white;
}

h2.h2_06:before {
font-family: FontAwesome;
content: "\f075"; 
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -1.50em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}


/*------------タグ●タイプ----------*/

h2.h2_07{
position: relative;
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545;
margin-bottom:50px;
}

h2.h2_07:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/*------------シェブロンマークタイプ----------*/

h2.h2_08 {
position: relative;/*相対位置*/
padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
color: #ff6a6a;/*文字色*/
border-top: dotted 0px gray;
border-bottom: solid 1px gray;
background: #fff;
}

h2.h2_08:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f138";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0.25em;/*アイコンの位置*/
top: 0.4em;/*アイコンの位置*/
color: #ff6a6a; /*アイコン色*/
}


/*------------メールアイコンタイプ----------*/
h2.h2_09 {
position: relative;
background: #363636;
padding: 0.25em 0.5em;
border-left: solid 2em #363636;
color: white;
margin-top:30px;
}

h2.h2_09:before {
font-family: FontAwesome;
content: "\f0e0";
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -1.35em;
top: 43%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

/*------------TELアイコンタイプ----------*/
h2.h2_10 {
position: relative;
background: #363636;
padding: 0.25em 0.5em;
border-left: solid 2em #363636;
color: white;
}

h2.h2_10:before {
font-family: FontAwesome;
content: "\f095";
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}




/*------------ファイルアイコンタイプ----------*/


h2.h2_11{
  position: relative;
  color: white;
  background: #363636;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
  margin-bottom:30px;
}

h2.h2_11:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f07c";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}



/*------------ >> アイコンタイプ----------*/


h2.h2_12{
  position: relative;
  color: white;
  background: #363636;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.4em;
  margin-bottom:30px;
  margin-top:20px;
}

h2.h2_12:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f101";
  position: absolute;
  top:0.4em;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

/*------------ 製品詳細ページ　>> アイコンタイプ----------*/


h2.h2_12_02{
  position: relative;
  color: white;
  background: #363636;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.4em;
  margin-bottom:30px;
  margin-top:30px;
}

h2.h2_12_02:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f101";
  position: absolute;
  top:0.4em;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}


/*------------ >> アイコンタイプ----------*/


h2.h2_13{
  position: relative;
  color: #363636;
  background: #fff;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.4em;
  margin-bottom:30px;
  border-bottom: #363636 1px solid;
}

h2.h2_13:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f101";
  position: absolute;
  top:0.4em;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}





/*h2.h2_15 {
    border-bottom: 5px #999 solid;
    padding-bottom: 5px;
  font-weight: normal;
  font-size:1.0em;
  color:#000;
  text-align:left;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
  margin-bottom:20px;

}*/



h2.h2_15 {
   /* border-bottom: 5px #3cf solid;*/
    border-bottom: 0px #999 solid;
    padding-bottom: 0px;
  font-weight: normal;
  font-size:1.0em;
  color:#000;
  text-align:left;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
  margin-bottom:-2px;

}
h2.h2_15 span {
  margin-left:0px;
  font-size:60%;
  color: #00A970;
  position: relative;
  top: -5px;

}



h2.h2_16 {
   /* border-bottom: 5px #3cf solid;*/
    border-bottom: 2px #999 solid;
    padding-bottom: 5px;
  font-weight: normal;
  text-align:left;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
  margin-bottom:20px;
  font-size:1.2em;
}


/*------------お知らせタイトル----------*/

h2.h2_info {
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}


#heading2{
	border-bottom:solid 1px #e88317;
	color: #e88317;
	clear:both;
    padding: 5px;
  /*  border-radius: 5px;*/
    background: #fff;
   /* -moz-border-radius: 5px; /* FF */
  /*  background: -moz-linear-gradient(top,  #fff,  #FBD491);  FF */
  /*  -webkit-border-radius: 5px;/* Webkit */
   /* background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#FBD491));/* Webkit */
  /*  -pie-background:linear-gradient(top,  #fff,  #FBD491); /* ie */
  /*  behavior: url(images/PIE.htc);  /* ie */
	
    }
#heading2 span{border-left:5px #E88317 solid;padding-left:10px;}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}


/*--------------------------------------- テーブル ----------------------------------------------*/


table {
  width: 100%;
    *border-collapse: collapse;
    border-spacing: 0;
	margin:10px 0 20px 0px;
	padding-bottom:0px;
	font-size:0.8em;
	
   
   background-color: #fff;   /* 背景色 */
	
}

table.table_ri {
  width: 100%;
    *border-collapse: collapse;
    border-spacing: 0;
	margin:0px 0 10px 0px;
	padding-bottom:0px;
	font-size:1.2em;
	
  
   background-color: #fff;   /* 背景色 */
	
}


th.t_top {
    border-bottom: #CCC 1px solid;
	border-top: #CCC 0px  solid;
	background:#FFF;
	width:20%;
	font-weight:normal;
}


th.t_top_e {
    border-bottom: #ff9900 0px  dashed;
	border-top: #CCC 0px  solid;
	background:#FFF;
	text-align:center;
	width:20%;
}




th {
	border-bottom: #CCC 1px solid;
	border-left: #CCC 0px solid;
	text-align: left;
	background: #fff;
	padding: 10px;
	background:#FFF;
	font-weight:normal;
	vertical-align:top;
	width:20%;
}

th.th_e {
	border-bottom: #ff9900  1px solid;
	border-left: #CCC 0px solid;
	text-align: left;
	background: #fff;
	padding: 20px;
	background:#FFF;
}





t.t_top {
	border-bottom: #CCC 1px  solid;
	border-top: #CCC 0px  solid;
}


td.t_top_e {
    border-bottom: #ff9900 0px  dashed;
	text-align:center;
	width:37.5%;
}



td {
	border-bottom: #CCC 1px solid;
border-right: #CCC 0px solid;
	text-align: left;
	padding: 10px;
}

td.td_e {
	border-bottom: #ff9900 1px dashed;
border-right: #CCC 0px solid;
	text-align: center;
	padding: 20px;
}



.row-head {
  border-collapse: collapse;
  
  width: 100%;
  margin-bottom:50px;
  text-align:left;
}

 
.row-head th,
.row-head td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
  text-align:center;
}

 
.row-head th {
  background: #f9fafc;
}
 
.row-head label {
  line-height: 34px;
  margin: 0;
}
 
@media only screen and (max-width: 800px) {
  .row-head thead {
    display: none;
  }
  
  .row-head tr,
  .row-head td {
    display: block;
    width: auto;
  }
  
  .row-head tr {
    border: 1px solid #dbe1e8;
    border-radius: 5px;
    box-shadow: 3px 3px rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    padding: 8px 8px 0;
  }
  
  .row-head td {
    border: none;
    border-bottom: 1px solid #dbe1e8;
    text-align: left;
  }
  .row-head td:last-child {
    border-bottom: none;
  }
  .row-head td::before {
    content: attr(aria-label);
    display: inline-block;
    font-weight: bold;
    float: left;
    text-align: left;
	width:100%;
	height:30px;
    white-space: nowrap;
  }
  
  .row-head td.bt-area::before {
    display: none;
  }
  .row-head td.bt-area a {
    background: #007aff;
    border-radius: 5px;
    color: #fff;
    margin: 0 2px;
    width: auto;
  }
  .row-head td.bt-area a::before {
    align-items: center;
    content: attr(aria-label);
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    line-height: 2.5em;
    width: 100%;
  }
  
  .row-head.header-check tr {
    padding-left: 0px;
    position: relative;
  }
  .row-head.header-check td:first-child {
    align-items: center;
    background: #fff;
    border-right: 1px solid #dbe1e8;
    border-bottom: none;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
  }
  .row-head.header-check td:first-child::before {
    display: none;
  }
}


.row-head02 {
  border-collapse: collapse;
 
  width: 100%;
  margin-bottom:50px;
  text-align:left;
}

 
.row-head02 th,
.row-head02 td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
  text-align:center;
  font-size:0.8em
}

.row-head02 td.td_l {
  text-align: left;
}

 
.row-head02 th {
  background: #f9fafc;
}
 
.row-head02 label {
  line-height: 34px;
  margin: 0;
}
 
@media only screen and (max-width: 800px) {
  .row-head02 thead {
    display: none;
  }
  
  .row-head02 tr,
  .row-head02 td {
    display: block;
    width: auto;
  }
  
  .row-head02 tr {
    border: 1px solid #dbe1e8;
    border-radius: 5px;
    box-shadow: 3px 3px rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    padding: 8px 8px 0;
  }
  
  .row-head02 td {
    border: none;
    border-bottom: 1px solid #dbe1e8;
    text-align: left;
	font-size:1.0em;
  }
  .row-head02 td:last-child {
    border-bottom: none;
  }
  .row-head02 td::before {
    content: attr(aria-label);
    display: inline-block;
    font-weight: bold;
    float: left;
    text-align: left;
	width:100%;
	height:30px;
    white-space: nowrap;
  }
  
  .row-head02 td.bt-area::before {
    display: none;
  }
  .row-head02 td.bt-area a {
    background: #007aff;
    border-radius: 5px;
    color: #fff;
    margin: 0 2px;
    width: auto;
  }
  .row-head02 td.bt-area a::before {
    align-items: center;
    content: attr(aria-label);
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    line-height: 2.5em;
    width: 100%;
  }
  
  .row-head02.header-check tr {
    padding-left: 0px;
    position: relative;
  }
  .row-head02.header-check td:first-child {
    align-items: center;
    background: #fff;
    border-right: 1px solid #dbe1e8;
    border-bottom: none;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
  }
  .row-head02.header-check td:first-child::before {
    display: none;
  }
}


.row-head03 {
  border-collapse: collapse;
  vertical-align: middle;
  width: 100%;
}
 
.row-head03 th,
.row-head03 td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
  text-align:center;
}
 
.row-head03 th {
  background: #f9fafc;
}
 
.row-head03 label {
  line-height: 34px;
  margin: 0;
}
 
@media only screen and (max-width: 800px) {
  .row-head03 thead {
    display: none;
  }
  
  .row-head03 tr,
  .row-head03 td {
    display: block;
    width: auto;
  }
  
  .row-head03 tr {
    border: 1px solid #dbe1e8;
    border-radius: 5px;
    box-shadow: 3px 3px rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    padding: 8px 8px 0;
  }
  
  .row-head03 td {
    border: none;
    border-bottom: 1px solid #dbe1e8;
    display: flex;
    justify-content: space-between;
    text-align: left;
  }
  .row-head03 td:last-child {
    border-bottom: none;
  }
  .row-head03 td::before {
    content: attr(aria-label);
    display: inline-block;
    font-weight: bold;
    float: left;
    text-align: left;
    padding-right: 20px;
    white-space: nowrap;
  }
  
  .row-head03 td.bt-area::before {
    display: none;
  }
  .row-head03 td.bt-area a {
    background: #007aff;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    flex: 1;
    height: 40px;
    margin: 0 2px;
    overflow: hidden;
    width: auto;
  }
  .row-head03 td.bt-area a::before {
    align-items: center;
    content: attr(aria-label);
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    line-height: 40px;
    width: 100%;
  }
  
  .row-head03.header-check tr {
    padding-left: 40px;
    position: relative;
  }
  .row-head03.header-check td:first-child {
    align-items: center;
    background: #fff;
    border-right: 1px solid #dbe1e8;
    border-bottom: none;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
  }
  .row-head03.header-check td:first-child::before {
    display: none;
  }
}


.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
  
}
 
.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #dbe1e8;  
  padding: 8px;

}
 
.col-head-type1 th {
  background: #f9fafc;
  text-align: left;
  width: 120px;
}
 


span.supText {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}



@media (max-width: 640px) {
   .table_wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
}




/*------------------------------------- ボタン　--------------------------------------------*/


.square_btn03 {
    position: relative;
    display: inline-block;
    padding: 1.25em 1.5em;
	font-size:1.6em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*色*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 2px #d27d00;/*線色*/
}


.square_btn03:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
	background: #fd9535;/*色*/
}


.square_btn04 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
	font-size:1.2em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*色*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 2px #d27d00;/*線色*/
}


.square_btn04:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
	background: #fd9535;/*色*/
}

.square_btn05 {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #ff7c5c;
    border: solid 2px #ff7c5c;
    border-radius: 3px;
    transition: .4s;
	font-size:1.4em;
}

.square_btn05:hover {
    background: #ff7c5c;
    color: white;
}


.btn01 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #03A9F4;/*色*/
    border: solid 1px #0f9ada;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	margin:10px 10px;
	font-size:0.8em;
}

.btn02 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #F5966D;/*色*/
    border: solid 1px #F1733D;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	margin:10px 10px;
	font-size:0.8em;
	
}

.btn03 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #00CA65;/*色*/
    border: solid 1px #00CA65;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	margin:10px 10px;
	font-size:0.8em;
}

.btn04 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #03A9F4;/*色*/
    border: solid 1px #0f9ada;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	margin:-10px 10px 0 10px;
}

.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  background-color: #333;
  color: #fff;
  font-size:1.4em;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  
}

.button:hover {
  background-color: #59b1eb;
}

a.a_tn{text-decoration:none;}



/*------------------------------------- フォーム　--------------------------------------------*/
form p
{font-size:100%;
}
input,select,text
{width:98%; font-size:100%; padding:5px 5px; margin-bottom:0px;}

textarea
{width:98%; font-size:120%; padding:10px 5px; height:200px; margin-bottom:0px;}


input[type="button"]
{width: 30%; font-size:120%; margin: 0; padding: 5px;  background: #666; border: 1px #999 solid; color: #FFF; -webkit-appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0 2px 2px #CCC; margin-top:20px;}

input[type="radio"]
{width: 5%; margin: 0; padding: 0px;}

input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    content: "";
    background-color: #FFFFFF;
    border: 1px solid #999999;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
}

input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    width: 12px;
    height: 12px;
    background: #000000;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}




input.text02
{width:15%; font-size:100%; padding:5px 5px;
margin-bottom:10px;}

input.text03
{width:5%; font-size:100%; padding:5px 5px;
margin-bottom:10px;}

input.text04
{width:10%; font-size:100%; padding:5px 5px;
margin-bottom:10px;}

input.text_tel
{width:20%; font-size:100%; padding:5px 5px;
margin-bottom:0px;}

input.text_fax
{width:20%; font-size:100%; padding:5px 5px;
margin-bottom:10px;}


input[type="submit"]
{width: 55%; font-size:120%; margin: 0; padding: 10px; background: #FFAA33; border: 1px #F27300 solid; color: #FFF; -webkit-appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0 2px 2px #CCC; font-weight:bold; }

input[type="checkbox"] {
    -webkit-transform: scale(2);
    transform: scale(2);
	width: 5%; margin:  0 10px 10px 0; padding: 0px;
}






/* -------------------------------------------------   img 回り込み  ------------------------------------------------------- */

.img_right{
     float:right;
	 margin: 0px 0px 10px 20px;/*上　右　下　左 */
}

.img_toi{
	display:none;
}

.img_right02{
     float:right;
	 margin: 10px 0px 0px 0px;/*上　右　下　左 */
}

.img_right03{
     float:right;
	 margin: 0px 0px 0px 0px;/*上　右　下　左 */
}

.img_right04{
     float:right;
	 margin: 0px 0px 20px 0px;/*上　右　下　左 */
}

.img_left{
float:left;
margin: 0px 10px 0px 0px;/*上　右　下　左 */
}

.img_merit{
float:left;
margin: 0px 10px 30px 0px;/*上　右　下　左 */
}

.img_l10{
margin: 0px 0px 0px 10px;/*上　右　下　左 */

}

.img_r10{
margin: 0px 10px 0px 0px;/*上　右　下　左 */

}

.img_m30{
margin: 0px 0px 0px 30px;/*上　右　下　左 */

}

.img_left30{
margin: 0px 0px 0px 30px;/*上　右　下　左 */

}

.img_right_l10{
     float:right;
	 margin: 0px 0px 10px 10px;/*上　右　下　左 */
}

.img_top10{
margin: 10px;/*上　右　下　左 */

}

.img_bot20{
	margin-bottom: 15px;/*上　右　下　左 */

}

.img_bot{
	margin:10px 20px;

}

.img_c{
	margin-left: auto;
	margin-right: auto;
}

.img_b1{
	border:#000 1px solid;
}


.img_left_con{
	display:inherit;
float:left;
width:40%;
margin: 0px 30px 40px 0px;/*上　右　下　左 */
}


.img_left_con02{
	display:inherit;
float: right;
width:40%;
margin: 0px 0px 40px 30px;/*上　右　下　左 */
}



/* -----------------------------------------------------   __font colore  ------------------------------------------------ */
.blue{	color: #008FCC;}

.blue_bo{	color: #008FCC;
            font-weight:bold;}

.blue_b{	color: #008FCC;
            font-size:1.2em;
			font-weight:bold;
			}

.blue_bb{	color: #008FCC;
            font-size:1.4em;
			font-weight:bold;
			}

.blue_kakaku{ color: #008FCC;
             font-size:1.6em;
			 font-weight:bold;
			 }

.red{	color: #CC0000;}

.red_b{	color: #CC0000;
            font-size:1.2em;
			font-weight:bold;
			}

.red_bb{	color: #CC0000;
            font-size:2.2em;
			font-weight:bold;
			}
			
.red02_b{	color: #F82131;
			font-weight:bold;			
}
			
.s_text{	font-size:0.8em;
			}
.red_kakaku02{ color: #CC0000;
             font-size:1.2em;
			 font-weight:bold;
			 }

.green{	color: #4b9d4a;}

.green_b{	color: #4b9d4a;
    /*    font-size:1.2em;*/
		font-weight:bold;
		}

.green_bb{	color: #4b9d4a;
        font-size:1.4em;
		font-weight:bold;
		}

.orange{ color: #FF3A00;}

.orange_b{ color: #FF3A00;
             font-size:1.2em;
			 }

.orange_bb{ color: #FF3A00;
             font-size:1.4em;
			 font-weight:bold;
			 }

.bb{  font-size:1.2em;
	  font-weight:bold;
			 }

.bb02{  font-size:1.2em;
	  font-weight:bold;
	  line-height:2em;
			 }

.big02{ font-size:2.0em;
font-weight:bold;
}

.small03{font-size:0.5em;}


.small{font-size:0.8em;}


/*------------------------------------------------------ リスト ----------------------------------------------------------------*/
div.list_mark {
	margin: 10px 0 30px 0px;
	padding:0px;
	width:100%;

   border: 0px green solid;     /* 枠線の装飾 */
   background-color: #fff;   /* 背景色 */
}

div.list_mark ul li {
	padding: 20px 10px 20px 30px;/*上　右　下　左 */
	/*background: url(../images/yaji.gif) no-repeat 0px 22px;
	font-size:0.8em;*/
	border-bottom:#CCCCCC 1px solid;
	
	text-align:left;
}



/*------------------------------------------------------ リスト ----------------------------------------------------------------*/
div.list_work {
	margin-top:30px;
margin-right: -1.33%;
	width:100%;
}

div.list_work ul li {
	float: left;
  width: 32%;
  text-align:center;
  margin-right: 1.33%;
  /* 32 + 1.33 = 33.33% = 3分の1 */
}





.search{


  
}


input{
      display: none;
    }
    .bl_3daysSearchBlock{
      margin-bottom: 60px;
    }
    .bl_3daysSearchBlock_inner{
      width: 82.9%;
      max-width: 1160px;
      margin-left: auto;
      margin-right: auto;
    }
    .bl_3daysSearchBlock_ttl{
      text-align: center;
      margin: 55px 0;
    }
    .bl_3daysSearchBlock_ttl_main{
      font-size: 27px;
      color: aaa;/*#0073aa*/
      margin-bottom: 15px;
      font-weight: bold;
      letter-spacing: 0.15em;
      font-family: "Josefin Sans" , "NotoSansCJKjp-Jxck", "Noto Sans CJK JP" , "Noto Sans" , "Noto Sans Japanese" ,"Helvetica Neue", "Meiryo" , "メイリオ", "YuGothic", "游ゴシック",sans-serif;
    }
    .bl_3daysSearchBlock_ttl_sub{
      font-size: 16px;
      color: aaa;/*#0073aa*/
      letter-spacing: 0.2em;
    }
    .el_searchResult{
      text-align: center;
      color: aaa;/*#0073aa*/
    }
    .js_target{
      display: none;
    }
    .js_target.js_selected{
      display: block;
    }
    .bl_selectBlock label{
      display: inline;
    }
    .bl_selectBlock input{
    }
    .bl_selectBlock_check label .el_checkbox{
      position: relative;
      top: 3px;
      width: 14px;
      height: 14px;
      display: inline-block;
      margin-right: 5px;
      border: 1px solid #aaa;
    }
    .bl_selectBlock_check label .el_checkbox:after{
      content: "";
      position: absolute;
      top: 4px;
      left: 4px;
      bottom: 4px;
      right: 4px;
    }
    .bl_selectBlock_check input[type=checkbox]:checked + label .el_checkbox:after{
      background-color: #0073aa;
    }
    .el_searchResult{
      margin-bottom: 20px;
    }
    .bl_selectBlock{
      border: 1px solid #aaa;
      padding: 30px;
      box-sizing: border-box;
      margin-bottom: 0px;
      font-size: 14px;
      letter-spacing: 0.1em;
    }
    .bl_selectBlock_wrapper_wrapper{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: 10px;
    }
    .bl_selectBlock_check label{
      cursor: pointer;
    }
    .bl_selectBlock_ttl{
      width: 185px;
      color: aaa;/*#0073aa*/
      letter-spacing: 0.1em;
      margin-bottom: 20px;
    }
    @media screen and (max-width: 765px){
      .bl_selectBlock_ttl{
        width: 100%;
        margin-bottom: 20px;
      }
    }
    .bl_selectBlock_content{
      width: calc(100% - 185px);
    }
    @media screen and (max-width: 765px){
      .bl_selectBlock_content{
        width: 100%;
      }
    }
    .bl_searchResultBlock{
     /* font-size: 14px;
      border-top: 1px solid #bdbdbd;*/
	  margin-top:30px;
	  margin-right: -1.33%;
  width: 100%;

	
    }
	.bl_searchResultBlock a{
		text-decoration:none;
	}
	
    .bl_searchResultBlock_item{
      /*padding: 20px 0;
      box-sizing: border-box;
      border-bottom: 1px solid #bdbdbd;*/
	  float: left;
  width: 32%;
  text-align:center;
  margin-right: 0.6%;
  margin-left: 0.6%;
  margin-bottom:50px;
  font-size:0.9em;

    }
    .bl_selectBlock_check{
      display: inline-block;
      margin-right: 25px;
      display: inline-block;
      margin-bottom: 20px;
    }
    .bl_selectBlock_check:last-child{
      margin-right: 0;
    }
    .bl_selectBlock_release{
		margin:0 auto;
      text-align: center;
      color: #fff;
      background-color: #bdbdbd;
      padding: 15px 0;
	  width:30%;
    }
	
	.bl_selectBlock_release:hover {
    color: #ffffff;
    background-color: #F82131;
    cursor: pointer;
}
	
    .js_release{
      cursor: pointer;
    }


/*--------------------------- リストマーク横 ------------------------------------------*/
div.list_mark_y {

	margin: 0px 0 0px 0px; /*上　右　下　左 */
}

div.list_mark_y ul li {
    display:inline;
	
	 padding: 10px 30px 10px 15px;/*上　右　下　左 */
	background: url(../images/glue.gif) no-repeat 0px 16px;
	text-align:left;
	font-size:0.9em;
}



/*---------------------------- リスト（切削油） ----------------------------------*/
div.list_mark02 {
	margin: 0px 0 40px 0px;
	padding:10px;
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   border-radius: 10px;         /* CSS3 */

   border: 1px #000000 solid;     /* 枠線の装飾 */
   background-color: #fff;   /* 背景色 */
}

div.list_mark02 ul li {
	padding: 10px 0px 10px 0px;/*上　右　下　左 */
	border-bottom:#CCCCCC 0px dashed;
	text-align:left;
	font-size:0.8em
}


div.list_mark02 ul li.li_r {
	padding: 10px 0px 10px 0px;/*上　右　下　左 */
	border-bottom:#CCCCCC 0px dashed;
	text-align: right;
	font-size:0.8em
}




/*-- リスト（info） --*/
div.list_mark03 {
	margin: 0px 0 20px 10px;
	padding:10px;
	width:96%;
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */

   border: 0px green solid;     /* 枠線の装飾 */
   background-color: #fff;   /* 背景色 */
}

div.list_mark03 ul li {
	padding: 10px 10px 10px 20px;/*上　右　下　左 */
	margin: 5 0 0px 2px; /*上　右　下　左 */
	text-indent:15px;
	background: url(../images/yaji06.png) no-repeat 0px 10px;
	border-bottom:#CCCCCC 1px dashed;
	text-align:left;
}


div.list_mark_e {
	margin: 0px 0 20px 0px;
	padding:0px;
	width:100%;

   border: 0px green solid;     /* 枠線の装飾 */
   background-color: #fff;   /* 背景色 */
}

div.list_mark_e ul li {
	margin: 0 0 0px 0px; /*上　右　下　左 */
	border-bottom:#CCCCCC 1px dashed;
	text-align:left;
}


/*-------------------------- リスト番号 ----------------------------------------------*/
div.list_mark_n {
	width:96%;
	margin: 10px 0 30px 30px;
}

div.list_mark_n ol li {
	padding: 10px 0px 10px 0px;/*上　右　下　左 */
	list-style-type:decimal;
	font-size:0.8em;
}







/*------------------------------------------------  カラム2段 ----------------------------------------------------*/
div.column3-about{
clear:both;
width:100%;
margin:auto 0;
text-align:center;

margin: 50px 0px 80px 15px; /*上　右　下　左 */
}

div.column3-about_01 {
  float: left;
  width: 30%;
  margin-right: 3.33%;
  border-bottom: #F60 1px dashed;
  /* 32 + 1.33 = 33.33% = 3分の1 */
	 
}

div.column3-about h3 {
	background: #d0e7b1;
	padding:10px 5px;
	text-align:left;
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:0px;
	font-weight:normal;
}





table.table_waku {
  width: 100%;
    *border-collapse: collapse;
    border-spacing: 0;
	margin:30px 0 40px 0px;
	padding-bottom:0px;

   border: #CCC 1px solid;     /* 枠線の装飾 */
   background-color: #fff;   /* 背景色 */
	
}



th.t_top_r {
    border-bottom: #CCC 0px dashed;
	border-right: #CCC 0px solid;
	border-top: #CCC 0px  solid;
	background:#FFF;
	color:#000;
	padding-left:0px;
	text-align:center;
	width:50%;
}

td.t_top_r {
    border-bottom: #CCC 1px solid;
	border-top: #CCC 0px  dashed;
	text-align:center;
}

td.t_top_rb {
    border-bottom: #CCC 0px dashed;
	border-top: #CCC 0px  dashed;
	text-align:center;
}

.img_ev{
  padding: 0px;
}



/*------------------------------------------------  カラム2段 ----------------------------------------------------*/
div.column2{
clear:both;
width:100%;
text-align: left;
margin: 20px 0px 50px 0px; /*上　右　下　左 */
}

div.column2_01 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float:left;
	 width:47%;
	 
}

div.column2_02 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float: right;
	 width:47%;

}






/*------------------------------------------------ works　TOP　事例紹介用 カラム2段 ----------------------------------------------------*/
div.column2-works{
clear:both;
width:100%;
text-align: left;
margin: 20px 0px 50px 0px; /*上　右　下　左 */
}

div.column2-works_01 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float:left;
	 text-align:left;
	 width:55%;
	 font-size:1.2em;
	 line-height: 1.8em;
	 text-align: justify;
}

div.column2-works_02 {
	padding-left:50px;
	border-left: #666 1px solid;
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float: right;
	 text-align:left;
	 width:40%;

}




/*------------------------------------------------  works　TOP　写真用 カラム2段 ----------------------------------------------------*/

div.column2-works02_top{
clear:both;
width:100%;
margin:		0;
	padding:	0;
	position:	relative; /* 相対位置指定 */
margin: 0px 0px 0px 0px; /*上　右　下　左 */
}

div.column2-works02{
clear:both;
width:100%;
text-align: left;
margin: 20px 0px 20px 0px; /*上　右　下　左 */
}

div.column2-works02_01 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float:left;
	 width:47%;
	 margin:		0;
	padding:	0;
	position:	relative; /* 相対位置指定 */
	 
}

div.column2-works02_02 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float: right;
	 width:47%;
	 margin:		0;
	padding:	0;
	position:	relative; /* 相対位置指定 */

}


div.column2-works03{
clear:both;
width:100%;
text-align: left;
margin: 50px 0px 0px 0px; /*上　右　下　左 */
}

div.column2-works_03 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float:left;
	 text-align:left;
	 width:55%;
	 font-size:1.2em;
	 line-height: 1.8em;
	 text-align: justify;
	 
}




/*------------------------------------------------  works05パターン用 カラム2段 ----------------------------------------------------*/
div.column2-works05{
clear:both;
width:100%;
text-align: left;
/*border-bottom:#999 0px solid;
padding-bottom:50px;*/
margin: 20px 0px 80px 0px; /*上　右　下　左 */
}

div.column2-works05_01 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float:left;
	 width:47%;
	 margin:		0;
	padding:	0;
	position:	relative; /* 相対位置指定 */
	 
}

div.column2-works05_02 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float: right;
	 width:47%;
	 text-align:left;
	 

}




/*------------------------------------------------  works06パターン用 カラム2段 ----------------------------------------------------*/
div.column2-works06{
clear:both;
width:100%;
text-align: left;
margin: 20px 0px 20px 0px; /*上　右　下　左 */
}

div.column2-works06_01 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float:left;
	 width:65.5%;
	 margin:		0;
	padding:	0;
	position:	relative; /* 相対位置指定 */
	 
}

div.column2-works06_02 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float: right;
	 width:29%;
	 margin:		0;
	padding:	0;
	position:	relative; /* 相対位置指定 */

}


div.column2-works06-2{
clear:both;
width:100%;
text-align: left;
margin: 50px 0px 20px 0px; /*上　右　下　左 */
}

div.column2-works06-2_01 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float:left;
	 width:27%;
	 margin:		0;
	padding:	0;
	position:	relative; /* 相対位置指定 */
	 
}

div.column2-works06-2_02 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float: right;
	 width:56%;
	 margin:		0;
	padding:	0;
	position:	relative; /* 相対位置指定 */

}




div.p_works { font-size:1.2em;
margin-bottom:10px;
margin-top:0px;
padding:0px;
line-height: 1.8em;
	 text-align: justify;}
	 
	 
div.p_works02 { font-size:1.2em;
margin-bottom:10px;
margin-top:50px;
padding:0px;
line-height: 1.8em;
	 text-align: justify;}


.text {
	width:		100%;
	font-size:	100%;
	text-align: center;
	bottom:		6px;
	margin:		0;
	padding:	5px 0px;
	color:		#fff;
	background: rgba(18,6,0,0.7);
	position:	absolute; /* 絶対位置指定 */
	
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.br::before {
			content: "\A" ;
			white-space: pre ;
		}

/*------------------------------------------------------------- ページＵＰ --------------------------------------------*/

div.pageup {
	display: inline-block;
	float:right;
	clear:both;
	margin: 10px 0px 0px 0px;/*上　右　下　左 */
		
}





div.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
div.pagetop a {
    display: block;
    background-color: #000;
    text-align: center;
    color: #fff;
    font-size: 1.0em;
    text-decoration: none;
    padding: 25px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.7;
}
div.pagetop a:hover {
    display: block;
    background-color: #fff;
	border:#333 1px solid;
    text-align: center;
    color: #000;
    font-size: 1.0em;
    text-decoration: none;
    padding: 25px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.7;
}









/*--


div.pagetop {
	z-index:10000;
    display: none;
    position: fixed;
    bottom: 150px;
    right: 0px;
}
div.pagetop a {
    display: block;
    width: 90px;
	height:90px;
    background:url(../images/page_up.png) no-repeat left top;
    font-size: 0;
    line-height: 0;
    text-align: center;
    color: #222;
    text-decoration: none;
    padding: 0px 0px;
	z-index: 9999;
	
}
 
.pagetop a:hover {
    display: block;
    width: 90px;
	height:90px;
    background:url(../images/page_up.png) no-repeat left top;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding:0px 0px;
	z-index: 9999;
	 font-size: 0;
    line-height: 0;
	
}


--*/

/*----------------------------------------------------------------- ページBACK --------------------------------------------*/

div.pageback {
	float:right;
	clear:both;
	font-size:0.8em;
	margin: 30px 0px 30px 0px;/*上　右　下　左 */
		
}

/*div.pageback a{ 
    float:right;
	display: block;
	text-indent: -9999px;
	font-size: 0px;
	line-height: 100%;
	width: 61px;
	height:21px;
	background-image: url(../images/page_back.png);
	margin: 10px 0px 0px 0px; }*/



/*-------------------------------------------------- Googel map　---------------------------------------------------------*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;

height: 0;
overflow: hidden;
margin-bottom:30px;
margin-top:30px;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}


/* パンくず */
#topicPath_area{
	text-align: left;
	letter-spacing:1.1px;
	margin: 20px 0px 0px 10px;/*上　右　下　左 */	
}

#topicPath_area ol#topicPath li {
	font-size:0.8em;
     display: inline;
   
     list-style-type: none;
}
#topicPath_area ol#topicPath li a {
	color: #0066CC;
     padding-right: 10px;
     background: url(../images/glue.gif) no-repeat right center;
}

#topicPath_area ol#topicPath li a:hover  {
     padding-right: 10px;
     background: url(../images/glue.gif) no-repeat right center;
}




.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
/*}*/



/*.mainimg_top {
  
  width:100%;
  padding-top:60px;
}*/




.mainimg_top {
  
  width:100%;
  padding-top:60px;
   position: relative;
   min-height: 100vh;
  min-height: 300px;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  z-index: 1;
  will-change: transform;
}

.mainimg_top .fixed-bg-content {
  position: absolute;
  padding:50px 20px;
  left: 15%;
  top: 50%;

  width: 30%;
  margin: 0 auto;
   margin-left:3%;
  text-align: center;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  will-change: transform;
  background-color:rgba(255,255,255,0.6);
}




.fixed-bg {
  position: relative;
  /*min-height: 100vh;*/
  min-height: 300px;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  z-index: 1;
}

.fixed-bg .fixed-bg-content {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.fixed-bg .fixed-bg-content h1 {
  font-size: 2.6rem;
  color: #fff;
  margin-bottom: 24px;
}

.scroll-bg {
  padding: 3em 0 3em 0;
}

.scroll-bg .scroll-bg-content {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

.scroll-bg .scroll-bg-content p {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.8;
}


.scroll-bg .scroll-bg-content p.p_r {
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.8;
  text-align:right;
}


.scroll-bg .scroll-bg-content02 {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

.scroll-bg_con {
  padding: 0em 0.5em;
  overflow: hidden;
}

.scroll-bg_con .scroll-bg-content {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}

.scroll-bg_con .scroll-bg-content p {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.8;
}


.scroll-bg_con .scroll-bg-content p.p_r {
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.8;
  text-align:right;
}

.scroll-bg_con .scroll-bg-content02 {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

.works_main {
  position: relative;
   /*min-height: 100vh;*/
  min-height: 350px;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  z-index: 1;

}

.img01 {
  background: url(../images/bg01.jpg)  center;
  background-size:cover;
}

.works01 {
  background: url(../images/works01/2020-01-01.jpg) center;
  background-size:cover;
}

.works02 {
  background: url(../images/works02/2020-02-01.jpg) center;
  background-size:cover;
}

.works03 {
  background: url(../images/works03/2020-03-01.jpg) center;
  background-size:cover;
}

.works04 {
  background: url(../images/works04/2020-04-01.jpg) center;
  background-size:cover;
}

.works05 {
  background: url(../images/works05/2020-05-01.jpg) center;
  background-size:cover;
}

.works06 {
  background: url(../images/works06/2020-06-01.jpg) center;
  background-size:cover;
}

.works07 {
  background: url(../images/works07/2020-07-01.jpg) center;
  background-size:cover;
}

.works08 {
  background: url(../images/works08/2020-08-01.jpg) center;
  background-size:cover;
}

.works09 {
  background: url(../images/works09/2020-09-01.jpg) center;
  background-size:cover;
}

.works10 {
  background: url(../images/works10/2020-10-01.jpg) center;
  background-size:cover;
}

.works11 {
  background: url(../images/works11/2020-11-01.jpg) center;
  background-size:cover;
}

.works12 {
  background: url(../images/works12/2021-12-01.jpg) center;
  background-size:cover;
}

.works13 {
  background: url(../images/works13/2021-13-01.jpg) center;
  background-size:cover;
}

.works14 {
  background: url(../images/works14/2021-14-01.jpg) center;
  background-size:cover;
}

.works15 {
  background: url(../images/works15/2021-15-01.jpg) center;
  background-size:cover;
}

.works16 {
  background: url(../images/works16/2021-16-01.jpg) center;
  background-size:cover;
}

.works17 {
  background: url(../images/works17/2021-17-01.jpg) center;
  background-size:cover;
}

.works18 {
  background: url(../images/works18/2021-18-01.jpg) center;
  background-size:cover;
}

.works19 {
  background: url(../images/works19/2021-19-01.jpg) center;
  background-size:cover;
}

.works20 {
  background: url(../images/works20/2021-20-01.jpg) center;
  background-size:cover;
}

.works21 {
  background: url(../images/works21/2021-21-01.jpg) center;
  background-size:cover;
}

.works22 {
  background: url(../images/works22/2021-22-01.jpg) center;
  background-size:cover;
}


.works23 {
  background: url(../images/works23/2021-23-01.jpg) center;
  background-size:cover;
}


.works24 {
  background: url(../images/works24/2021-24-01.jpg) center;
  background-size:cover;
}


.works25 {
  background: url(../images/works25/2021-25-01.jpg) center;
  background-size:cover;
}

.works26 {
  background: url(../images/works26/2021-26-01.jpg) center;
  background-size:cover;
}

.works27 {
  background: url(../images/works27/2021-27-01.jpg) center;
  background-size:cover;
}

.works28 {
  background: url(../images/works28/2021-28-01.jpg) center;
  background-size:cover;
}

.works29 {
  background: url(../images/works29/2021-29-01.jpg) center;
  background-size:cover;
}

.works30 {
  background: url(../images/works30/2021-30-01.jpg) center;
  background-size:cover;
}


.works31 {
  background: url(../images/works31/2021-31-01.jpg) center;
  background-size:cover;
}

.works32 {
  background: url(../images/works32/2021-32-01.jpg) center;
  background-size:cover;
}

.works33 {
  background: url(../images/works33/2021-33-01.jpg) center;
  background-size:cover;
}

.works34 {
  background: url(../images/works34/2021-34-01.jpg) center;
  background-size:cover;
}

.works35 {
  background: url(../images/works35/2022-35-01.jpg) center;
  background-size:cover;
}

.works36 {
  background: url(../images/works36/2022-36-01.jpg) center;
  background-size:cover;
}

.works37 {
  background: url(../images/works37/2022-37-01.jpg) center;
  background-size:cover;
}

.works38 {
  background: url(../images/works38/2022-38-01.jpg) center;
  background-size:cover;
}

.works39 {
  background: url(../images/works39/2022-39-01.jpg) center;
  background-size:cover;
}

.works40 {
  background: url(../images/works40/2022-40-01.jpg) center;
  background-size:cover;
}

.works41 {
  background: url(../images/works41/2022-41-01.jpg) center;
  background-size:cover;
}

.works42 {
  background: url(../images/works42/2022-42-01.jpg) center;
  background-size:cover;
}

.works43 {
  background: url(../images/works43/2022-43-01.jpg) center;
  background-size:cover;
}

.works44 {
  background: url(../images/works44/2022-44-01.jpg) center;
  background-size:cover;
}

.works45 {
  background: url(../images/works45/2022-45-01.jpg) center;
  background-size:cover;
}

.works46 {
  background: url(../images/works46/2022-46-01.jpg) center;
  background-size:cover;
}

.works47 {
  background: url(../images/works47/2022-47-01.jpg) center;
  background-size:cover;
}

.works48 {
  background: url(../images/works48/2022-48-01.jpg) center;
  background-size:cover;
}

.works49 {
  background: url(../images/works49/2022-49-01.jpg) center;
  background-size:cover;
}

.works50 {
  background: url(../images/works50/2023-50-01.jpg) center;
  background-size:cover;
}

.works51 {
  background: url(../images/works51/2023-51-01.jpg) center;
  background-size:cover;
}

.works52 {
  background: url(../images/works52/2023-52-01.jpg) center;
  background-size:cover;
}

.works53 {
  background: url(../images/works53/2023-53-01.jpg) center;
  background-size:cover;
}

.works54 {
  background: url(../images/works54/2023-54-01.jpg) center;
  background-size:cover;
}

.works55 {
  background: url(../images/works55/2023-55-01.jpg) center;
  background-size:cover;
}

.works56 {
  background: url(../images/works56/2023-56-01.jpg) center;
  background-size:cover;
}

.works57 {
  background: url(../images/works57/2023-57-01.jpg) center;
  background-size:cover;
}

.works58 {
  background: url(../images/works58/2023-58-01.jpg) center;
  background-size:cover;
}

.works59 {
  background: url(../images/works59/2023-59-01.jpg) center;
  background-size:cover;
}

.works60 {
  background: url(../images/works60/2023-60-01.jpg) center;
  background-size:cover;
}

.works61 {
  background: url(../images/works61/2023-61-01.jpg) center;
  background-size:cover;
}

.works62 {
  background: url(../images/works62/2023-62-01.jpg) center;
  background-size:cover;
}

.works63 {
  background: url(../images/works63/2023-63-01.jpg) center;
  background-size:cover;
}

.works64 {
  background: url(../images/works64/2023-64-01.jpg) center;
  background-size:cover;
}

.works65 {
  background: url(../images/works65/2023-65-01.jpg) center;
  background-size:cover;
}

.works66 {
  background: url(../images/works66/2023-66-01.jpg) center;
  background-size:cover;
}

.works67 {
  background: url(../images/works67/2023-67-01.jpg) center;
  background-size:cover;
}

.works68 {
  background: url(../images/works68/2023-68-01.jpg) center;
  background-size:cover;
}

.works69 {
  background: url(../images/works69/2023-69-01.jpg) center;
  background-size:cover;
}

.works70 {
  background: url(../images/works70/2023-70-01.jpg) center;
  background-size:cover;
}

.works71 {
  background: url(../images/works71/2024-71-01.jpg) center;
  background-size:cover;
}

.works72 {
  background: url(../images/works72/2024-72-01.jpg) center;
  background-size:cover;
}

.works73 {
  background: url(../images/works73/2024-73-01.jpg) center;
  background-size:cover;
}

.works74 {
  background: url(../images/works74/2024-74-01.jpg) center;
  background-size:cover;
}

.works75 {
  background: url(../images/works75/2024-75-01.jpg) center;
  background-size:cover;
}

.works76 {
  background: url(../images/works76/2024-76-01.jpg) center;
  background-size:cover;
}

.works77 {
  background: url(../images/works77/2024-77-01.jpg) center;
  background-size:cover;
}

.works78 {
  background: url(../images/works78/2024-78-01.jpg) center;
  background-size:cover;
}

.works79 {
  background: url(../images/works79/2024-79-01.jpg) center;
  background-size:cover;
}

.works80 {
  background: url(../images/works80/2024-80-01.jpg) center;
  background-size:cover;
}

.works81 {
  background: url(../images/works81/2024-81-01.jpg) center;
  background-size:cover;
}

.works82 {
  background: url(../images/works82/2024-82-01.jpg) center;
  background-size:cover;
}

.works83 {
  background: url(../images/works83/2024-83-01.jpg) center;
  background-size:cover;
}

.works84 {
  background: url(../images/works84/2024-84-01.jpg) center;
  background-size:cover;
}

.works85 {
  background: url(../images/works85/2024-85-01.jpg) center;
  background-size:cover;
}


/******------------------------------------------------------- Print ------------------------------------------------------******/

@media print{


.mainimg_top  {
	display:none;

}

.mainimg_top .fixed-bg-content {

}



.works_main {
  min-height: 0px;
  background: #FFF;
position: relative;
}


h1.title02{
	font-size:0.5em;
	text-shadow: none;
font-weight: normal;
text-align: left;
color:#FFF;
}


h1.title02 span {
  margin-left:0px;
  font-size:2.0em;
  color: #00A970;
  position: relative;
  top: -10px;
}

.bg-mask {
  background: #FFF;
}


.scroll-bg {
  padding: 2em 0;
  
}

.scroll-bg .scroll-bg-content {
	padding-top:0px;
  width:90%;
  margin: 0 auto;
}

.scroll-bg_con {
  padding: 0em 0;
  
}

.scroll-bg_con .scroll-bg-content {
	padding-top:0px;
  width:90%;
  margin: 0 auto;
}

h2.h2_b{
	font-size: 1.2em;
	font-weight:normal;
	text-align:left;
	color:#000;
	padding-top:50px;
	
}


h2.h2_g{
	margin: 400px 0 20px 0px; /*上　右　下　左 */
	font-size: 1.4em;
	font-weight:normal;
	text-align:left;
	
}


.triangle {
	margin-top:-20px;
	position: absolute;
  top: 0;
  right: 0;
  border-top: 30px solid #00A970;
  border-right: 30px solid #00A970;
  border-bottom: 30px solid transparent;
  border-left: 30px solid transparent;
}


div.column2 {
	margin-top:0px;
	margin-bottom:0px;
	
}

div.column2-works {
	 margin-top:-45px;
	 
}

div.column2-works_01 {
	padding-top:5px;
	 font-size:0.6em;
	 
}

div.column2-works_02 {
	 font-size:0.6em;
	 
}


div.column2-works_03 {
	 font-size:0.6em;
	 margin-bottom:10px;
}


div.column2-works03 {
	 margin-top:0px;
	 
}

.scroll-bg .scroll-bg-content02 {
	 margin-top:-40px;
	 width:96%;
	 
}


.scroll-bg_con .scroll-bg-content02 {
	 margin-top:-40px;
	 width:96%;
	 
}


.scroll-bg_con .scroll-bg-content02 {
	 margin-top:-40px;
	 width:96%;
	 
}


.scroll-bg_con_con .scroll-bg-content02 {
	 margin-top:-40px;
	 width:96%;
	 
}


h3.h3_works {
  font-size:1.0em;
}

table.table_ri {
	font-size:0.8em;
	
 
	
}


div.p_works02 { font-size:0.8em;
margin-bottom:0px;
margin-top:20px;

}


th {
	padding: 5px;
	width:30%;
}

td {
	padding: 5px;
}

div.column2-works_02 {
	padding-left:20px;
}


div.column2-works02 {
	margin-top:0px;
	margin-bottom:5px;
}

.text {
	font-size:	80%;
	
}


.button01 {
	display:none;
}


.button02 {
	display:none;
}

#top-head {
	display:none;
}

footer {
	margin-top:0px;
	border:0px;
	height:30px;
background: #FFF url(../images/footer_logo.gif) no-repeat center ;
}

footer ul {
	display:none;
}

footer p {
	display:none;
}

div.pagetop{
	display:none;}
	

div.pagetop a{
	display:none;}

.pageup02{display:none;}




}

/****** Print ******/
















/*---------------------------------------------   980px    ---------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 980px) {
	
	.mainimg_top {
  min-height: 250px;
}
	
	.mainimg_top .fixed-bg-content {
		padding:20px 10px;
  width: 40%;
  left:20%;

}
/*	.img01 {
  background: url(../images/bg01.jpg) center top;

    
}*/
	
	.mainimg_top .fixed-bg-content h1 {
  color: #fff;
  margin-top: 0px;
}
	
.fixed-bg .fixed-bg-content h1 {
    font-size: 2rem;
    line-height: 1.4;
  }
  .fixed-bg {
    background-attachment: scroll;
  }
  .scroll-bg .scroll-bg-content p {
    font-size: 1rem;
    line-height: 1.6;
  }
  .scroll-bg {
    padding: 3em 0;
  }	
  


.scroll-bg .scroll-bg-content02 {
  width: 100%;
  margin-top:50px;
}



  .scroll-bg_con .scroll-bg-content p {
    font-size: 1rem;
    line-height: 1.6;
  }
  .scroll-bg_con {
    padding: 0em 0;
  }	
  


.scroll-bg_con .scroll-bg-content02 {
  width: 100%;
  margin-top:50px;
}


.works_main {
/*	margin-top:60px;*/
  min-height: 200px;

}
	

#main-visual {
	height:600px;
	background-size:cover;
}

h1.title{ font-size:2em;
color:#FFF;
font-weight:bold;
margin: 0 auto;
text-align:center;
/*border:#FFF 5px solid;*/
 position: absolute;  
    top: 442px;  
    left: 10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


div.top_title{
	
font-weight:bold;
margin: 0 auto;
border:#FFF 0px solid;
position: absolute;  
 top: 430px;  
   color: #fff;
   padding: 35px 0px 35px 0px;
   background: #A1C365;
   filter: Alpha(opacity=70);
   opacity:0.8;
   width: 100%;
}


div.p_works{
  font-size:1.0em;
  margin-bottom:30px;
}


div.p_works02{
  font-size:1.0em;
  margin-top:0px;
  margin-bottom:30px;
}

	
#main-visual02 {
	background: url(../images/2.jpg)   center top;
	height:500px;
	background-size:cover;
  
}



#main-visual03 {
	background: url(../images/3.jpg)   center top;
	height:500px;
	background-size:cover;
  
}


h1.title03{ font-size:2em;
color:#FFF;
font-weight:bold;
margin: 0 auto;
width:600px;
height:63px;
text-align:center;
/*border:#FFF 5px solid;*/
background: url(../images/moji.png) ;
 position: absolute;  
    top: 260px;  
    right: 0px;
}


#main-visual04 {
	background: url(../images/4.jpg)   center top;
	height:500px;
	background-size:cover;
  
}

h1.title04{ font-size:2em;
color:#FFF;
font-weight:bold;
margin: 0 auto;
width:600px;
height:63px;
text-align:center;
/*border:#FFF 5px solid;*/
background: url(../images/moji.png) ;
 position: absolute;  
    top: 270px;  
    right: 30px;
}


h2.h2_c{
	margin: 10px 0 50px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: center;
	width:100%;
	color:#fff;
	font-size: 3vw;
	font-weight:normal;
	
}


h2.h2_b{
	margin: 10px 0 50px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: center;
	width:100%;
	color:#000;
	font-size: 1.2em;
	font-weight:normal;
	
}

h2.h2_b02{
	margin: 10px 0 50px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: left;
	width:100%;
	color:#000;
	font-size: 3vw;
	font-weight:normal;
	
}


h2.h2_g{
	margin: 10px 0 50px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: left;
	width:100%;
	color:#000;
	font-size: 3vw;
	font-weight:normal;
	
}



#contents_top {

/*background: #FAFAFA;*/
background:#fff ; 
width:100%;
margin: 0 auto;
margin-top: 0px; }


#contents_top_t {

padding:70px 0px;
width:98%;
margin: 0 auto;
text-align:center; }


#contents_top01 {


width:100%;
margin: 0 auto;
margin-top: 0px; }


#contents_top_t01 {

padding:70px 0px;
width:98%;
margin: 0 auto;
text-align:center; }



#contents_top02 {
width:100%;
margin: 0 auto;
margin-top: 0px; }

#contents_top_t02 {

padding:70px 0px;
width:98%;
margin: 0 auto;
text-align:center; }


#contents_top03 {

width:100%;
margin: 0 auto;
margin-top: 0px; }


#contents_top_t03 {

/*background: #FAFAFA;*/
width:98%;
margin: 0 auto;
text-align:center; }


#contents_top_b {

/*background: #FAFAFA;*/
width:98%;
margin: 0 auto;
margin-top: 60px;
margin-bottom: 100px; }


	
#contents {
/*background: #FAFAFA;*/
background: #FFF; 
width:100%;
margin: 0 auto;
margin-top: 20px; }


#contents_con {
/*background: #FAFAFA;*/
background: #FFF; 
width:94%;
margin: 0 auto;
margin-top: 20px; }
	
	
	
#contents #main { width : 60.6833333%}
#contents #sub { width : 35.15%}
	
div.sub_01_s{
	width:96%;
		background: #fff;
	text-align: center;
	padding:0px;
	margin: 0px 0 0px 0px; /*上　右　下　左 */
}

div.sub_02_s{
	width:96%;
		background: #fff;
	/*	border: #666 1px solid;*/
	text-align: center;
	padding:0px;
	font-size:0.8em;
	margin: 20px 0 20px 0px; /*上　右　下　左 */
}
	

	



#whatnew h3{
	margin: 0 0px 30px 0px; /*上　右　下　左 */
	padding: 5px 0px 5px 10px;/*上　右　下　左 */
    background: #000;
	font-size: 1.2em;
	color: #fff;
 /*   background: #E7550B;
	clear:both; /*カラム下に使用する場合につける*/
}







div.bg_w02{
	display:inherit;
	margin: 0px 0 20px 0px; /*上　右　下　左 */
	padding: 10px ; /*上　右　下　左 */
	text-align: left;
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */
   border: 1px #FFAB2F solid;     /* 枠線の装飾 */
}


#top-head {
	font-size: 14px;
	top: 0px;
	position: absolute;
	width: 100%;
	margin: auto 0;
	padding: 0px 0;
	line-height: 1;
	z-index: 999;
	
	background:#fff;
	
}

#top-head .logo {
	float: left;
    height: 60px; 
	padding-left:0px;
	background:url(../images/logo_s.png) no-repeat 0px 15px;
}


#mobile-head {
		background: #fff;
		width: 100%;
		height: 60px; 
		
		z-index: 999;
		position: relative;
	}


#global-nav {
	display:inherit;
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -500px;
		background: #333;
		width: 100%;
		text-align: left;
		padding: 20px;
		
		
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#global-nav ul {
		display:inherit;
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 12px;
		
	}
	#global-nav ul li {
		display:inherit;
		float: none;
		position: static;
	}
	#global-nav ul li:after  {
		display:inherit;
		display: none;
	}
	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		display:inherit;
		width: 100%;
		display: block;
		color: #000;
		padding: 18px 0;
		
	}
	#nav-toggle {
		display:inherit;
		display: block;
		margin-top:0px;
		
	}
	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		display:inherit;
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		display:inherit;
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		display:inherit;
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		display:inherit;
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
		background:#F0F0F0;
		
		
	}


/*-------------------------------------  @group Footer ------------------------------------- */

footer {
padding : 0em 0em;
text-align:left;
font-size:0.8em;
padding-bottom:1px;
}

footer ul {
	text-align: center;
	margin-top:20px;
}







div.pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 5px;
}
div.pagetop a {
    display: block;
    background-color: #000;
    text-align: center;
    color: #fff;
    font-size: 1.0em;
    text-decoration: none;
    padding: 25px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.7;
}
div.pagetop a:hover {
    display: block;
    background-color: #fff;
	border:#333 1px solid;
    text-align: center;
    color: #000;
    font-size: 1.0em;
    text-decoration: none;
    padding: 25px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.7;
}




.bg-slider {
	width: 100%;
	height: 600px;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-slider__title{
	color: #fff;
	font-size: 3vw;
	line-height: 1.5;
	text-align:center;
	text-shadow: 3px 3px 3px #000;
}






#main-wtaflet {
	background: url(../images/main0001.jpg)   center top;
	height:400px;
	background-size:cover;
  
}

#main-zc {
	background: url(../images/main0002.jpg)   center ;
	height:400px;
	background-size:cover;

  
}


.square_btn02 {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #fff;
    border: solid 2px #fff;
    border-radius: 3px;
    transition: .4s;
	text-align:center;
	width:200px;
	font-size:0.4em;
	margin:0 30px;
	margin-top:150px;
	
	
}


div.column2-works_01 {
	 font-size:1.0em;
	 
}

div.column2-works_02 {
font-size:1.0em;
}

table.table_ri {

	font-size:1.0em;
	
  
	
}

.text {
	font-size:	80%;
	text-align:center;

}

.scroll-bg .scroll-bg-content {
  width: 96%;
  margin: 0 auto;
}



.scroll-bg_con .scroll-bg-content {
  width: 96%;
  margin: 0 auto;
}

.bl_searchResultBlock{
     /* font-size: 14px;
      border-top: 1px solid #bdbdbd;*/
	  margin-top:30px;
	  margin-right: -1.33%;
	width:100%;

	
    }


.bl_searchResultBlock_item{

  width: 47%;
  text-align:center;
  margin-right: 1.4%;
  margin-left: 1.4%;
  margin-bottom:50px;
  font-size:0.9em;
    }


div.column2-works_03 {
     width:100%;
	 margin-bottom:0px;
	 font-size:1.0em;
}



h1.title_img{

top: 63%;
width:50%;
}

.bl_selectBlock_release{
		margin:0 auto;
      text-align: center;
      color: #fff;
      background-color: #bdbdbd;
      padding: 15px 0;
	  width:40%;
    }
	
}








/*---------------------------------------------   640px    ---------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 640px) {
	#main-visual {
		margin-top:30px;
		height: 250px;
		
	}
	
	
	.bg-slider {
	background-size:100% auto;
	height: 250px;
	margin-top:0px;
	width:100%;

}

.bg-slider__title{

	font-size: 3vw;

}

	
h1.title{ 
font-size:1.4em;
color:#FFF;
font-weight:bold;
margin: 0 auto;
/*border:#FFF 5px solid;*/
position: absolute;
width:360px;
 top: 210px;  
    left: 10px;
	text-align:left;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.top_title{
	
font-weight:bold;
margin: 0 auto;
border:#FFF 0px solid;
position: absolute;  
 top: 210px;  

   color: #fff;
   padding: 35px 0px 35px 0px;
   background: #A1C365;
   filter: Alpha(opacity=70);
   opacity:0.8;
   width: 100%;
}

div.mein_title{
	font-size:2.0em;
font-weight:bold;
margin: 0 auto;
border:#FFF 0px solid;
position: absolute;  
 top: 220px;  

   color: #fff;
   padding: 30px 0px 30px 0px;
   width: 100%;
}



div.bg_w02{
	display:inherit;
	margin: 0px 0 20px 0px; /*上　右　下　左 */
	padding: 10px ; /*上　右　下　左 */
	text-align: left;
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */
   border: 1px #FFAB2F solid;     /* 枠線の装飾 */
}
	
h1.title02{
font-size: 4.6vw;
top: 50%;
}

h1.title_img{
/*font-size: 5.6vw;*/
top: 63%;
width:70%;
}


#main-visual02 {
		height: 280px;
		background: url(../images/2_s.jpg);
		background-size:cover;
	}

#main-visual03 {
		height: 280px;
		background: url(../images/3_s.jpg) ;
		background-size:cover;
	}
	
	h1.title03{ display:none;
	
}



#main-visual04 {
		height: 280px;
		background: url(../images/4_s.jpg) ;
		background-size:cover;
	}
	
	h1.title04{ display:none;
	
}
	



#heading2{
	border-bottom:solid 1px #e88317;
	color: #e88317;
	clear:both;
    padding: 5px 0px;
	font-size:1.4em;
  /*  border-radius: 5px;*/
    background: #fff;
   /* -moz-border-radius: 5px; /* FF */
  /*  background: -moz-linear-gradient(top,  #fff,  #FBD491);  FF */
  /*  -webkit-border-radius: 5px;/* Webkit */
   /* background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#FBD491));/* Webkit */
  /*  -pie-background:linear-gradient(top,  #fff,  #FBD491); /* ie */
  /*  behavior: url(images/PIE.htc);  /* ie */
	
    }


#heading2 span{border-left:0px; padding-left:0px;}

header {
	display: inherit;	
	
}


	#top-head,
	.inner {
		width: 100%;
		padding: 0;
	}
	#top-head {
		top: 0;
		position: fixed;
		margin-top: 0;
		background:#FFF;
		/*background: rgba(255,255,255,0.0);*/
	}
	/* Fixed reset */
	#top-head.fixed {
		padding-top: 0px;
		background: transparent;
	}


	#mobile-head {
		background:#FFF;
		/*background: rgba(255,255,255,0.0);*/
		width: 100%;
		height: 60px; 
		
		z-index: 999;
		position: relative;
	}
	#top-head.fixed .logo,
	#top-head .logo {
		position: absolute;
		color: #333;
		font-size: 30px;
		height: 60px; 
		background:url(../images/logo_s.png) no-repeat 0px 15px;
	}
	
	

	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -500px;
		background: #1593CF;
		width: 100%;
		text-align: left;
		padding: 10px 20px 20px 20px;
		
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#global-nav ul {
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 12px;
		font-weight:normal;
	}
	#global-nav ul li {
		float: none;
		position: static;
		border-bottom:1px #000 solid;
	}
	#global-nav ul li:after  {
		display: none;
	}
	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		width: 100%;
		display: block;
		color: #000;
		padding: 18px 0;
		
	}
	#nav-toggle {
		display:inherit;
		display: block;
		margin-top:0px;
	}
	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
	}


header a.a_home {
    width : 280px;
	height:52px;
	margin : 0px 0px 0px 0px;/*上　右　下　左 */
    display: block;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	}


#contents_top {
width:100%;
margin: 0 auto;
margin-top: 0px; }


#contents_top_t {

padding:50px 0px;
width:98%;
margin: 0 auto;
margin-top: 0px; }


#contents_top01 {

width:100%;
margin: 0 auto;
margin-top: 0px; }


#contents_top_t01 {

padding:50px 0px;
width:98%;
margin: 0 auto;
margin-top: 0px; }



#contents_top02 {
width:100%;
margin: 0 auto;
margin-top: 0px; }

#contents_top_t02 {

padding:50px 0px;
width:98%;
margin: 0 auto;
margin-top: 0px; }



#contents_top03 {
width:100%;
margin: 0 auto;
margin-top: 0px; }


#contents_top_t03 {

/*background: #FAFAFA;*/
width:98%;
margin: 0 auto;
margin-top: 0px; }


#contents_top_b {

/*background: #FAFAFA;*/
width:98%;
margin: 0 auto;
margin-top: 60px;
margin-bottom: 0px; }



#contents_top02 #main,
#contents_top02 #main_top,
#contents_top02 #sub,
#contents_top02 #sub_top { 
float : left;
padding-top:0.5em;
} 

#contents_top02 #main { width : 98%}
#contents_top02 #sub { width : 98%;
margin:50px 0;
}



#contents {
/*background: #FAFAFA;*/
background: #FFF; 
width:100%;
margin: 0 auto;
margin-top: 20px; }




#contents #main { width : 98%;}
#contents #sub { width : 98%;}


#contents_con {
/*background: #FAFAFA;*/
background: #FFF; 
width:94%;
margin: 0 auto;
margin-top: 20px; }



#whatnew h3{
	margin: 0 0px 30px 0px; /*上　右　下　左 */
	padding: 5px 0px 5px 10px;/*上　右　下　左 */
    background:#000;
	font-size: 1.2em;
	color: #fff;
 /*   background: #E7550B;
	clear:both; /*カラム下に使用する場合につける*/
}



/*----------------------------------------------- トップ製品エリア -------------------------------------------------*/
div.toppro{ margin-bottom:20px;}

div.toppro_01 {
	float: inherit;
	width:100%;
	text-align: center;
	margin: 0px 0px 20px 0; /*上　右　下　左 */
}


div.toppro_02 {
	float: inherit;
	width:100%;
	text-align: center;
	margin: 0px 0px 0px 0; /*上　右　下　左 */
}

/*------------- トップPRエリア ----------------*/
div.topcon_01 {
	width:100%;
	text-align: center;
	float : left;
	
	margin: 10px 0px; /*上　右　下　左 */
}


div.topcon_02 {
	width:33.3%;
	text-align: center;
	float : left;
	margin: 10px 0px; /*上　右　下　左 */
}



.cell{
  float: left;
  width: 100%;
  text-align:center;
  margin-bottom:20px;
  /* 32 + 1.33 = 33.33% = 3分の1 */
}

.row{
  margin-right:0;
}







div.sub_01_s{
	width:100%;
		background: #fff;
	text-align: center;
	
}

div.sub_02_s{
	width:100%;
	text-align: center;
	padding:0px;
	margin: 50px 0 0px 0px; /*上　右　下　左 */
}




/*--------------------------------------- テーブル ----------------------------------------------*/

@media screen and (max-width: 768px) {
    .table-sp,
    .table-sp tbody,
    .table-sp thead,
    .table-sp tr,
    .table-sp td,
    .table-sp th {display:block;}
 
    .table-sp th {width:auto;}
}

table {
  width: 100%;
    *border-collapse: collapse;
    border-spacing: 0;
	margin:10px 0 20px 0px;
	padding-bottom:0px;

   background-color: #fff;   /* 背景色 */
	
}


table.table_ri {

	font-size:1.0em;
	
  
	
}



th.t_top {
    border-bottom: #CCC 0px dashed;
	border-top: #CCC 0px  solid;
	background:#FFF;
	
}


th.t_top_e {
    border-bottom: #ff9900 0px  dashed;
	border-top: #CCC 0px  solid;
	background:#FFF;
	text-align: left;
	width:25%;
}

th.th_e {
	border-bottom: #ff9900  1px solid;
	border-left: #CCC 0px solid;
	text-align: left;
	background: #fff;
	padding: 20px;
	background:#FFF;
	width:25%;
}

	

th.t_top02 {
    border-top: #FF1919 0px solid;
	background:#f7dee5;
	-webkit-border-bottom-left-radius: 20px;
}

th.t_top03 {
    border-top: #62BC75 0px solid;
	background:#bbe8bb;
-webkit-border-top-left-radius: 20px;
/*	border-right: #e3e3e3 1px solid;*/
}



th.t_top03_c {
    border-top: #62BC75 0px solid;
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
	background:#bbe8bb;
}

th.t_top03_r {
    border-top: #62BC75 0px solid;
	border-right: #e3e3e3 0px solid;
	background:#bbe8bb;
	-webkit-border-top-right-radius: 20px;
}


th.t_top04 {
    border-top: #FF1919 0px solid;
	border-left: #e3e3e3 0px solid;
	
}


th {
	border-bottom: #CCC 1px solid;
	border-left: #CCC 0px solid;
	text-align: left;
	padding:10px 0px;
	width:25%;
	
}

td.t_top_e {
    border-bottom: #ff9900 0px  dashed;
	text-align: left;
}


td.t_top {
    border-bottom: #CCC 1px solid;
	border-top: #CCC 0px  dashed;
}

td.t_top02 {
	border-left: #e3e3e3 0px solid;
	border-right: #e3e3e3 0px solid;
}

td.td_02 {
	border-left: #e3e3e3 0px solid;
	border-right: none;
	border-bottom: #339933 1px dashed;
}


td {
	border-bottom: #CCC 1px solid;
border-right: #CCC 0px solid;
	text-align: left;
	padding:10px 0px;
}

td.td02 {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}


td.td_e {
	border-bottom: #ff9900 1px dashed;
border-right: #CCC 0px solid;
	text-align: left;
	padding: 20px;
	width:37.5%;
}









/*------------------------------------- フォーム　--------------------------------------------*/
form p
{font-size:100%;
}
input,select,text
{width:96%; font-size:100%; padding:5px 5px; margin-bottom:0px;}

textarea
{width:96%; font-size:120%; padding:5px 5px; height:150px; margin-bottom:0px;}


input[type="button"]
{width: 80%; font-size:120%; margin: 0; padding: 5px; background: #666; border: 1px #999 solid; color: #FFF; -webkit-appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0 2px 2px #CCC; margin-top:20px;}

input[type="radio"]
{width: 5%; margin: 0; padding: 0px;}

input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    content: "";
    background-color: #FFFFFF;
    border: 1px solid #999999;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
}

input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    width: 12px;
    height: 12px;
    background: #000000;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

input[type="checkbox"] {
    -webkit-transform: scale(2);
    transform: scale(2);
	width: 3%; margin: 0 10px 20px 5px; padding: 0px 0px;
}


input.text02
{width:30%; font-size:100%; padding:5px 0px;
margin-bottom:10px;}

input.text03
{width:15%; font-size:100%; padding:5px 0px;
margin-bottom:10px;}

input.text04
{width:20%; font-size:100%; padding:5px 0px;
margin-bottom:10px;}

input.text_tel
{width:96%; font-size:100%; padding:5px 5px;
margin-bottom:10px;}

input.text_fax
{width:96%; font-size:100%; padding:5px 5px;
margin-bottom:10px;}


input[type="submit"]
{width: 100%; font-size:100%; margin: 0; padding: 10px; background: #FFAA33; border: 1px #F27300 solid; color: #FFF; -webkit-appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0 2px 2px #CCC; }




/*------------------------------------------------ 施設紹介 カラム2段 ----------------------------------------------------*/
div.column3-about{
clear:both;
width:100%;
margin:auto 0;
text-align:center;
border-bottom: #F60 0px dashed;
margin: 0px 0px 0px 3px; /*上　右　下　左 */
}

div.column3-about_01 {
  width:98%;
  border-bottom: #F60 1px dashed;
  padding:40px 0px;
  margin: 0px 0px 30px 0px; /*上　右　下　左 */
  /* 32 + 1.33 = 33.33% = 3分の1 */
	 
}

/*------------------------------------------------ 年間行事エリア ----------------------------------------------------*/
div.column2_nen{
clear:both;
width:100%;
text-align:center;
margin: 50px 0px; /*上　右　下　左 */
}

div.column2_nen_01 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float:left;
	width:100%;
	text-align:center;
	 
}


div.column2_nen_02 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float: right;
	 width:100%;

}

div.column2_nen_03 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float: right;
	width:100%;
	text-align:center;

}


div.column2_nen_04 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float:left;
	 width:100%;
	 
}





/*------------------------------------------------ 園の概要 カラム2段 ----------------------------------------------------*/
div.column2{
clear:both;
width:100%;

margin: 20px 0px 80px 0px; /*上　右　下　左 */
}

div.column2_01 {
     margin: 0px 0px 80px 0px;/*上　右　下　左 */
	width:100%;
	 
}

div.column2_02 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 width:100%;

}



/*------------------------------------------------ works　TOP　事例紹介用 カラム2段 ----------------------------------------------------*/
div.column2-works{
clear:both;
width:100%;
text-align:center;
margin: 20px 0px 0px 0px; /*上　右　下　左 */
}

div.column2-works_01 {
     width:100%;
	 margin-bottom:50px;
	 font-size:1.0em;
	 
}

div.column2-works_02 {
	padding-left:0px;
	border-left: 0px;
    width:100%;
font-size:1.0em;
}



/*------------------------------------------------ works　TOP　事例紹介用 カラム2段 ----------------------------------------------------*/
div.column2-works02{
clear:both;
width:100%;
text-align:center;
margin: 20px 0px 0px 0px; /*上　右　下　左 */
}

div.column2-works02_01 {
     width:100%;
	 margin-bottom:20px;
	 font-size:1.0em;
}

div.column2-works02_02 {
	padding-left:0px;
	border-left: 0px;
    width:100%;
font-size:1.0em;
}


div.column2-works03 {
clear:both;
width:100%;
text-align:center;
margin: 20px 0px 0px 0px; /*上　右　下　左 */
}



div.column2-works_03 {
     width:100%;
	 margin-bottom:0px;
	 font-size:1.0em;
}


/*------------------------------------------------  works05パターン用 カラム2段 ----------------------------------------------------*/

div.column2-works05{
margin: 50px 0px 0px 0px; /*上　右　下　左 */
}

div.column2-works05_01 {
    width:100%;
	 
}

div.column2-works05_02 {
     width:100%;
	 

}



/*------------------------------------------------ works06パターン用 カラム2段 ----------------------------------------------------*/
div.column2-works06{
clear:both;
width:100%;
text-align:center;
margin: 20px 0px 0px 0px; /*上　右　下　左 */
}

div.column2-works06_01 {
     width:100%;
	 margin-bottom:20px;
	 font-size:1.0em;
}

div.column2-works06_02 {
	padding-left:0px;
	border-left: 0px;
    width:100%;
font-size:1.0em;
}


div.column2-works06-2{
clear:both;
width:100%;
text-align:center;
margin: 20px 0px 0px 0px; /*上　右　下　左 */
}

div.column2-works06-2_01 {
     width:100%;
	 margin-bottom:20px;
	 font-size:1.0em;
}

div.column2-works06-2_02 {
	padding-left:0px;
	border-left: 0px;
    width:100%;
font-size:1.0em;
}








div.p_works { font-size:1.0em;
margin-bottom:10px;
margin-top:10px;}


div.p_works02 { font-size:1.0em;
margin-bottom:10px;
margin-top:30px;}

/*---------------- お知らせ カラム2段 ----------------------------------------------------*/
div.column2-info{
clear:both;
text-align:center;
margin: 20px 0px; /*上　右　下　左 */
}

div.column2-info_01 {
	width:100%;
     margin: 0px 0px 20px 0px;/*上　右　下　左 */
	 
}

div.column2-info_02 {
	width:100%;
     margin: 0px 0px 0px 0px;/*上　右　下　左 */

}


/*------------------------------------------------ 主要取引先 カラム2段 ----------------------------------------------------*/
div.column2-agency{
clear:both;
text-align:center;
margin: 20px 0px; /*上　右　下　左 */
}

div.column2-agency_01 {
     width:100%;
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 
}

div.column2-agency_02 {
     width:100%;
     margin: -20px 0px 0px 0px;/*上　右　下　左 */

}


/*--------------------------- リストマーク横 ------------------------------------------*/
div.list_mark_y {
	display:none;
	margin: 0px 0 30px 0px; /*上　右　下　左 */
}

div.list_mark_y ul li {
	display:inherit;
	padding: 10px 20px 0px 15px;/*上　右　下　左 */
	font-size:0.9em;
}



/*------------------------------------- ページＵＰ --------------------------------------------*/

div.pageup {
	display:none;
	text-align:right;
		
}




/*-------------------------------------  @group Footer ------------------------------------- */

footer {
	display:inherit;
	padding : 10px 0px 0px 0px;
text-align:left;
font-size:0.6em;
}
footer ul {
	margin: 10px 0px 0px 0px;/*上　右　下　左 */
}

footer li {
	margin-right: 0px;
	padding: 0px;
	/*width:100%;*/
	
}

footer ul a {
	
/*	display: block;
    position: relative;*/
	padding: 10px 0px 10px 10px;
	border-bottom:#000 solid 0px;
}

footer ul a:hover {
	
	background: none;
	text-decoration: none;
}


footer p {
	padding-top:0px;
	text-align: center;
	
}






/*----------------------------    インスタグラム ---------------------------*/

#instafeed {
	width:100%;
   height:400px;
   overflow:scroll;
   overflow-x:hidden;
   margin: 0 0 0px 0px; /*上　右　下　左 */

}


#instafeed li {
	width:100px;
	display: inline;
	float:left;
   margin: 5px; /*上　右　下　左 */

}


/*------------------------------------------------------------- ページＵＰ --------------------------------------------*/

div.pageup {
	display: inline-block;
	z-index:999999;
	float:right;
	clear:both;
	margin: 10px 0px 0px 0px;/*上　右　下　左 */
		
}



div.pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 5px;
}
div.pagetop a {
    display: block;
    background-color: #000;
    text-align: center;
    color: #fff;
    font-size: 1.0em;
    text-decoration: none;
    padding: 25px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.7;
}
div.pagetop a:hover {
    display: block;
    background-color: #fff;
	border:#333 1px solid;
    text-align: center;
    color: #000;
    font-size: 1.0em;
    text-decoration: none;
    padding: 25px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.7;
}



h2.h2_c{
	margin: 10px 0 50px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: center;
	width:100%;
	color:#FFF;
	font-size: 5vw;
	
}


h2.h2_b{
	margin: 10px 0 50px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: left;
	width:100%;
	color:#000;
	font-size: 1.2em;
	font-weight: normal;
}

h2.h2_b02{
	margin: 10px 0 50px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: left;
	width:100%;
	color:#000;
	font-size: 5vw;
	
}


h2.h2_g{
	margin: 10px 0 50px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: left;
	width:100%;
	color:#000;
	font-size: 1.4em;
	font-weight: normal;
}

p.p_c{
	display:inherit;
	margin: 30px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: left;
	width:100%;
}


#contents_con p.p_c{
	margin: 30px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: left;
	width:100%;
}



p.p_c_f{
	margin: 30px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: left;
	width:100%;
	color:#FFF;
}


.img_left_con{
display: block;
 margin-left: auto;
 margin-right: auto;
margin-bottom:30px;
width:100%;
}

.img_left_con02{
display: block;
 margin-left: auto;
 margin-right: auto;
margin-bottom:30px;
width:100%;
}

h2.h2_01{
font-size:1.2em;
}


/*------------タブ付きポイントタイプ----------*/
h2.h2_02{
position: relative;
border-top: solid 2px #80c8d1;
border-bottom: solid 2px #80c8d1;
background: #fff;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
font-size:1.2em;
}

h2.h2_02:after {/*タブ*/
position: absolute;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content: '\f0a7\ POINT';
background: #80c8d1;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em;
  }


/*------------シェブロンマークタイプ----------*/

h2.h2_08 {
font-size:1.2em;
font-weight:normal;
}



/*------------メールアイコンタイプ----------*/
h2.h2_09 {
font-size:1.2em;
font-weight:normal;
}



/*------------ファイルアイコンタイプ----------*/
h2.h2_11 {
font-size:1.2em;
font-weight:normal;
}

/*------------ >> アイコンタイプ----------*/


h2.h2_12{
font-size:1.2em;
font-weight:normal;
}

h2.h2_12_02{
font-size:1.2em;
font-weight:normal;
}


h2.h2_13{
font-size:1.2em;
font-weight:normal;
}




/*-----------------------------------------------  製品ページ　製品紹介エリア -------------------------------------------------*/
div.pro_con{ margin-bottom:60px;
clear:both;}

div.pro_con_01 {
	width:100%;
	text-align: center;
	margin: 0px 0px 0px 0px; /*上　右　下　左 */
}


div.pro_con_02 {
	width:100%;
	text-align: center;
	margin: 0px 0px 0px 0; /*上　右　下　左 */
}



.square_btn03 {
    padding: 0.25em 0.5em;
	font-size:1.2em;
}


#contents_con p.p_nr{
	margin: 0px 0px 30px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: left;
	width:100%;
}


.square_btn02 {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #fff;
    border: solid 2px #fff;
    border-radius: 3px;
    transition: .4s;
	text-align:center;
	width:100px;
	font-size:0.4em;
	margin:0 20px;
	margin-top:150px;
	font-size:1.2em;
	
	
}

/*-------------------------- リスト番号 ----------------------------------------------*/
div.list_mark_n {
	width:96%;
	margin: 10px 0 30px 18px;
}

.mainimg_top {
  min-height: 230px;
}


.mainimg_top .fixed-bg-content {
	padding-top:20px;
	padding-bottom:10px;
  width: 55%;
  left:28%;

}





h2.h2_16 {
  font-size:1.0em;
}

.text {
	font-size:	70%;
	text-align:center;
	padding:10px 0px;
}


.button01 {



  width: 80%;
  font-size:1.0em;

}


.button02 {

  font-size:1.0em;

}

.br::before {
	display:none;
		}



.img01 {
  background: url(../images/bg01_s.jpg)  center right;
  background-size:cover;
}

.works01 {
  background: url(../images/works01/2020-01-01_s.jpg) center;
  }

.works02 {
  background: url(../images/works02/2020-02-01_s.jpg) center bottom;
  }
  
.works03 {
  background: url(../images/works03/2020-03-01_s.jpg) center;
}


.works04 {
  background: url(../images/works04/2020-04-01_s.jpg) center;
}

.works05 {
  background: url(../images/works05/2020-05-01_s.jpg) center;
}

.works06 {
  background: url(../images/works06/2020-06-01_s.jpg) center;
}

.works07 {
  background: url(../images/works07/2020-07-01_s.jpg) center;
}

.works08 {
  background: url(../images/works08/2020-08-01_s.jpg) center;
}

.works09 {
  background: url(../images/works09/2020-09-01_s.jpg) center;
}

.works10 {
  background: url(../images/works10/2020-10-01_s.jpg) center;
}

.works11 {
  background: url(../images/works11/2020-11-01_s.jpg) center;
}

.works12 {
  background: url(../images/works12/2021-12-01_s.jpg) center;
}

.works13 {
  background: url(../images/works13/2021-13-01_s.jpg) center;
}

.works14 {
  background: url(../images/works14/2021-14-01_s.jpg) center;
}

.works15 {
  background: url(../images/works15/2021-15-01_s.jpg) center;
}

.works16 {
  background: url(../images/works16/2021-16-01_s.jpg) center;
}

.works17 {
  background: url(../images/works17/2021-17-01_s.jpg) center;
}

.works18 {
  background: url(../images/works18/2021-18-01_s.jpg) center;
}

.works19 {
  background: url(../images/works19/2021-19-01_s.jpg) center;
}

.works20 {
  background: url(../images/works20/2021-20-01_s.jpg) center;
}

.works21 {
  background: url(../images/works21/2021-21-01_s.jpg) center;
}

.works22 {
  background: url(../images/works22/2021-22-01_s.jpg) center;
}

.works23 {
  background: url(../images/works23/2021-23-01_s.jpg) center;
}

.works24 {
  background: url(../images/works24/2021-24-01_s.jpg) center;
}

.works25 {
  background: url(../images/works25/2021-25-01_s.jpg) center;
}

.works26 {
  background: url(../images/works26/2021-26-01_s.jpg) center;
}

.works27 {
  background: url(../images/works27/2021-27-01_s.jpg) center;
}

.works28 {
  background: url(../images/works28/2021-28-01_s.jpg) center;
}

.works29 {
  background: url(../images/works29/2021-29-01_s.jpg) center;
}

.works30 {
  background: url(../images/works30/2021-30-01_s.jpg) center;
}


.works31 {
  background: url(../images/works31/2021-31-01_s.jpg) center;
}

.works32 {
  background: url(../images/works32/2021-32-01_s.jpg) center;
}

.works33 {
  background: url(../images/works33/2021-33-01_s.jpg) center;
}

.works34 {
  background: url(../images/works34/2021-34-01_s.jpg) center;
}

.works35 {
  background: url(../images/works35/2022-35-01_s.jpg) center;
}

.works36 {
  background: url(../images/works36/2022-36-01_s.jpg) center;
}

.works37 {
  background: url(../images/works37/2022-37-01_s.jpg) center;
}

.works38 {
  background: url(../images/works38/2022-38-01_s.jpg) center;
}

.works39 {
  background: url(../images/works39/2022-39-01_s.jpg) center;
}

.works40 {
  background: url(../images/works40/2022-40-01_s.jpg) center;
}

.works41 {
  background: url(../images/works41/2022-41-01_s.jpg) center;
}

.works42 {
  background: url(../images/works42/2022-42-01_s.jpg) center;
}

.works43 {
  background: url(../images/works43/2022-43-01_s.jpg) center;
}

.works44 {
  background: url(../images/works44/2022-44-01_s.jpg) center;
}

.works45 {
  background: url(../images/works45/2022-45-01_s.jpg) center;
}

.works46 {
  background: url(../images/works46/2022-46-01_s.jpg) center;
}

.works47 {
  background: url(../images/works47/2022-47-01_s.jpg) center;
}

.works48 {
  background: url(../images/works48/2022-48-01_s.jpg) center;
}

.works49 {
  background: url(../images/works49/2022-49-01_s.jpg) center;
}

.works50 {
  background: url(../images/works50/2023-50-01_s.jpg) center;
}

.works51 {
  background: url(../images/works51/2023-51-01_s.jpg) center;
}

.works52 {
  background: url(../images/works52/2023-52-01_s.jpg) center;
}

.works53 {
  background: url(../images/works53/2023-53-01_s.jpg) center;
}

.works54 {
  background: url(../images/works54/2023-54-01_s.jpg) center;
}

.works55 {
  background: url(../images/works55/2023-55-01_s.jpg) center;
}

.works56 {
  background: url(../images/works56/2023-56-01_s.jpg) center;
}

.works57 {
  background: url(../images/works57/2023-57-01_s.jpg) center;
}

.works58 {
  background: url(../images/works58/2023-58-01_s.jpg) center;
}

.works59 {
  background: url(../images/works59/2023-59-01_s.jpg) center;
}

.works60 {
  background: url(../images/works60/2023-60-01_s.jpg) center;
}

.works61 {
  background: url(../images/works61/2023-61-01_s.jpg) center;
}

.works62 {
  background: url(../images/works62/2023-62-01_s.jpg) center;
}

.works63 {
  background: url(../images/works63/2023-63-01_s.jpg) center;
}

.works64 {
  background: url(../images/works64/2023-64-01_s.jpg) center;
}

.works65 {
  background: url(../images/works65/2023-65-01_s.jpg) center;
}

.works66 {
  background: url(../images/works66/2023-66-01_s.jpg) center;
}

.works67 {
  background: url(../images/works67/2023-67-01_s.jpg) center;
}

.works68 {
  background: url(../images/works68/2023-68-01_s.jpg) center;
}

.works69 {
  background: url(../images/works69/2023-69-01_s.jpg) center;
}

.works70 {
  background: url(../images/works70/2023-70-01_s.jpg) center;
}

.works71 {
  background: url(../images/works71/2024-71-01_s.jpg) center;
}

.works72 {
  background: url(../images/works72/2024-72-01_s.jpg) center;
}

.works73 {
  background: url(../images/works73/2024-73-01_s.jpg) center;
}

.works74 {
  background: url(../images/works74/2024-74-01_s.jpg) center;
}

.works75 {
  background: url(../images/works75/2024-75-01_s.jpg) center;
}

.works76 {
  background: url(../images/works76/2024-76-01_s.jpg) center;
}

.works77 {
  background: url(../images/works77/2024-77-01_s.jpg) center;
}

.works78 {
  background: url(../images/works78/2024-78-01_s.jpg) center;
}

.works79 {
  background: url(../images/works79/2024-79-01_s.jpg) center;
}

.works80 {
  background: url(../images/works80/2024-80-01_s.jpg) center;
}

.works81 {
  background: url(../images/works81/2024-81-01_s.jpg) center;
}

.works82 {
  background: url(../images/works82/2024-82-01_s.jpg) center;
}

.works83 {
  background: url(../images/works83/2024-83-01_s.jpg) center;
}

.works84 {
  background: url(../images/works84/2024-84-01_s.jpg) center;
}

.works85 {
  background: url(../images/works85/2024-85-01_s.jpg) center;
}




.img_up{
	padding-top:-50px;
	z-index:-1;

}



.bg-mask_top {
  padding-top:10px;
	padding-bottom:0px;
  width:65%;
}



p.p_r{
	margin: 30px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: right;
	width:100%;
	font-size:0.6em;
}

.scroll-bg .scroll-bg-content {
  width: 96%;
  margin: 0 auto;
}

.scroll-bg_con .scroll-bg-content {
  width: 96%;
  margin: 0 auto;
}



.bl_searchResultBlock_item{

  width: 100%;
  text-align:center;
  margin-right: 0;
  margin-left:0;
  margin-bottom:20px;
    }
	
	.bl_selectBlock_release{
		margin:0 auto;
      text-align: center;
      color: #fff;
      background-color: #bdbdbd;
      padding: 15px 0;
	  width:80%;
    }

}