* {
	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: 'Kosugi Maru', sans-serif;
	background: #F6F6F6;
	
}

/*h1 {
	
display:none;}*/


h3 { text-align:left;
font-size: 1.4em;
color:#727171;
font-weight: normal;
margin-top:30px;
	margin-bottom:30px;
	line-height:1.8;}

h3.h3_day {
 	padding: 15px 5px 0px 40px;/*上　右　下　左 */
	font-weight: normal;
	margin-top:20px;
	margin-left:10px;
	background: url(../images/tokei.png) no-repeat 0px 15px;
    text-align:left;
	color: #000;
	
}


h3.h3_c{
	margin-top:0px;
	margin-bottom:20px;
	padding: 10px; /*上　右　下　左 */
	text-align: center;
	color:#000;
	font-size: 1.2em;
	font-weight: normal;
	background:#DEE0E0;
	
}

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



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


.bg-slider {
	width: 100%;
	height: 100vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	will-change: transform;
}

.bg-slider__title{
	color: #281F1C;
	font-size: 3.0vw;
	line-height: 1.5;
	text-align:center;
	text-shadow: 1px 1px 1px #fff;
	font-weight:normal;
	padding-top:200px;

}



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



.long{word-break: break-all;}

#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;*/
	color:#000;
}





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


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


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

#main-day {
	background: url(../images/bg06.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%;
}


h1.title02{
	font-size:2.5vw;
color:#FFF;
font-weight: normal;
text-align:center; 
margin: 0;
position: absolute;
    top: 30%;
    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;
}


/*.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;

}*/




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: 20px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: center;
	width:100%;
	color:#fff;
	font-size: 2vw;
	font-weight:normal;
	
}


h2.h2_b{
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	padding: 20px; /*上　右　下　左 */
	text-align: left;
	color:#000;
	font-size: 2vw;
	font-weight:normal;
	background:#D4EAD6;
	
}

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_b03{
	margin:0 auto;
	margin-top:0px;
	margin-bottom:0px;
	padding: 25px; /*上　右　下　左 */
	text-align: center;
	color:#000;
	font-size: 1.2em;
	font-weight:normal;
	background:#FFBF00;
	border-radius:20px;
	
	
}

/*------------------------------------- ボタン　--------------------------------------------*/
.square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #fff;
    border: solid 2px #fff;
    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: #fff;
    border: solid 2px #fff;
    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;
	
}



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

footer {
	margin-top:0px;
	text-align: center;
	border-top: solid 3px #727171;
/*background: url(../images/logo_s_n.png) no-repeat 0px 15px;
	background:url(../images/about.jpg) center ;*/
	position: relative;

	padding: 5px 0px;

	
}


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


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

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

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



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

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


footer .icon {
	margin-right:2%;
	margin-top:12px;
	float:right;
	text-align: center;
}


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

/*------------------------------------------------- header ---------------------------------------------------------*/
#top-head {
	
	top: 0px;
	position: fixed;
	width: 100%;
	margin: auto 0;
	padding: 0px 0;
	line-height: 1;
	z-index: 999;
	height:100px;
	/*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:500px;
	height:100px;
	padding:0px 0;
	background:url(../images/logo_s_nst.png) no-repeat 10px 5px;
}


header a.a_home {
    width : 300px;
	height:50px;
	margin : 0px 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: 35px;
	font-size: 1.0em;
	
	
}
#global-nav ul li {
	float: left;
	position: relative;

	
	
}
#global-nav ul li a {
	padding: 30px 30px;
	
	
}

/* 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: #E4017E;*/
	background: #FFBF00;
	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,.9);*/
	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;

	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 {
	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: 30px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
	height:100px;
}

#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #666;
	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ページ　メッセージ等エリア　 ----*/


.bg01 {
  background-image: url(../images/09.jpg);
}

.bg02 {
  background-image: url(../images/10.jpg);
}

.bg03 {
  background-image: url(../images/11.jpg);
}



/*---- TOPページ　スパーク紹介エリア　 ----*/


#contents_top {
	will-change: transform;

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


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


/*---- TOPページ　　 ----*/

.contents_top01 {

position: relative;
  /*min-height: 100vh;*/
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  overflow:hidden;
  
}


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


.bg-mask {
  height: 100%;
  background: rgba(18,6,6,0.5);
}


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

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

#contents_top_t02 {

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


/*---- TOPページ　リクルートエリア　 ----*/

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

#contents_top_t03 {

max-width:960px;
margin: 0 auto;
margin-top: 0px;
padding:50px 0px 100px 0px;
 }
 
 
#slog {
	width:80%;
	margin:0 auto;
text-align:center;
margin-top: 0px;
padding:50px 0px; }
 
/*---- TOPページ　動画・インスタエリア　 ----*/

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


#contents_top_t04 {
max-width:1200px;
margin: 0 auto;
margin-top: 0px;
padding:100px 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 {
	color:#727171;
	text-align: left;
	line-height:1.8em;
	margin-left:0px;
	margin-top:20px;
	margin-bottom:30px;
	font-size:1.2em;
	text-align: justify;
}

p.p_t {
	color:#727171;
	text-align: left;
	line-height:1.8em;
	margin-left:0px;
	margin-top:20px;
	margin-bottom:30px;
	font-size:1.4em;
	text-align: justify;
}

p.p_fb {
	color:#727171;
	text-align: left;
	line-height:1.8em;
	margin-left:0px;
	margin-top:100px;
	margin-bottom:30px;
	font-size:1.4em;
	padding:10px;
	text-align: justify;
	border:#727171 2px solid;
	border-radius:20px;
}

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

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_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; }



/*----------------------------------     お知らせエリア ---------------------------------------------------------------*/
#whatnew{
	margin:0 auto;
	background:#FFF;
	font-size:1.2em;
	border: 1px solid #CCCCCC;
		/*border-bottom: 1px solid #CCCCCC;*/
}

#whatnew h2{
	width:100%;
	background:#F90;
	text-align:left;
	color: #FFF;
	margin: 0 0px 0px; /*上　右　下　左 */
	padding: 10px;/*上　右　下　左 */
	/*text-indent: -9999px;
	font-size: 0;
	border:0px;
    background:url(../images/t_info.png) no-repeat;*/
	clear:both; /*カラム下に使用する場合につける*/
}

#whatnew dl {

   height:500px;
   overflow:scroll;
   overflow-x:hidden;
   margin: 0 0 0px 0px; /*上　右　下　左 */

}


#whatnew dt {
 	padding: 15px 5px 0px 40px;/*上　右　下　左 */
	font-weight: normal;
	margin-top:20px;
	margin-left:10px;
	background: url(../images/list01.png) no-repeat 0px 12px;
    text-align:left;
	color: #000;
}

#whatnew dd {
    margin: 0 0 20px 10px; /*上　右　下　左 */
 	padding: 10px;/*上　右　下　左 */
	border-bottom: 1px solid #CCCCCC;
	text-align:left;
	line-height:2.0em;
}

#whatnew dl a {
	color: #0066CC;
}

#whatnew dl a:hover {
	color: #0066CC;
	background: none;
	text-decoration: underline;
}

#whatnew dl a.a_red {
	color: #CC0000;
	font-weight:bold;
}

#whatnew dl a.a_red:hover {
	color: #CC0000;
	font-weight:bold;
	background: none;
	text-decoration: underline;
}



div.whatnew_bto{
	width:100%;
	height:34px;
	margin: 0 0px 0px; /*上　右　下　左 */
	padding: 0px 0px 0px 0px;/*上　右　下　左 */
	text-indent: -9999px;
	font-size: 0;
    background:url(../images/bg_info.png) repeat;
	clear:both; /*カラム下に使用する場合につける*/
}



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.toppro01{ margin-bottom:50px;
margin-top:20px;}

div.toppro_01 {
	width:48%;
	text-align: left;
	float : left;

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


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



div.sdgs_col{ margin-bottom:20px;}

div.sdgs_col_01 {
	width:72%;
	text-align: center;
	float : left;
margin:		0;
padding:	0;
position:	relative; /* 相対位置指定 */
}


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


.text {
	width:		100%;
	font-size:	100%;
	text-align: center;
	bottom:		2px;
	margin:		0;
	padding:	15px 0px;
	color:		#fff;
	background: rgba(18,6,0,0.6);
	position:	absolute; /* 絶対位置指定 */
}



/*-----------------------------------------------  ブログページ　 -------------------------------------------------*/
div.blig_col{ margin-bottom:60px;
clear:both;
}

div.blig_col_01 {
	position:relative;
	width:46%;
	border:#999 1px solid;
	padding:10px;
	text-align: left;
	float : left;
	margin: 2% 2%;
}


div.blig_col_02 {
	position:relative;
	width:46%;
	border:#999 1px solid;
	padding:10px;
	text-align: left;
	float: right;
	margin: 0px 0px 0px 0; /*上　右　下　左 */
}



div.blog_gazou{ margin-bottom:0px;
clear:both;
}

div.blog_gazou_01 {
	position:relative;
	width:23%;
	border:#000 1px solid;
	padding:2px;
	text-align: left;
	float : left;
	margin: 2% 1%;
	
}


.blog_gazou_b0{
	margin-bottom:-7px;
}



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

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

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

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: #E4017E;
padding: 0.25em 0.5em;
border-left: solid 2em #E4017E;
color: white;
text-align:left;
}

h2.h2_04:before {
font-family: FontAwesome;
content: "\f2b6";
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_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:1.2em;
	
   border: 1px #CCC solid;     /* 枠線の装飾 */
   background-color: #fff;   /* 背景色 */
	
}




th.t_top {
    border-bottom: #CCC 1px solid;
	border-top: #CCC 0px  solid;
	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;
	padding: 20px;
	background: #039ADF;
	font-weight:normal;
	vertical-align:top;
	width:30%;
	color:#FFF;
	
}

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: 20px;
}

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;
}





/*------------------------------------- フォーム　--------------------------------------------*/
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_right_qa{
	display:inherit;
     float:right;
	 margin: 0px 0px 40px 30px;/*上　右　下　左 */
}


.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_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:auto 0;

}

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

}

.img_bot{
	margin:10px 20px;

}

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

.img_b1{
	border: #CCC 1px solid;
	padding:2px;
}

.img_icon{
	margin:4.5px 0px;

}


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


.img_left_con02{
	display:inherit;
float: right;
border: #000 1px solid;
padding:2px;
width:50%;
margin: 0px 0px 40px 30px;/*上　右　下　左 */
}

.img_blog{
float:left;
height:120px;
margin: 0px 15px 0px 0px;/*上　右　下　左 */
}

.blog_date{
     
	 font-size:0.8em;
	 font-weight:normal;
	 position: absolute;
    bottom: 3px; /** 場合によっては微調整 **/
    right: 10px;  /** 場合によっては微調整 **/
}


.img_new{
	margin-right:10px;
}

/* -----------------------------------------------------   __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;
			}
.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;
		}

.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;}


/*------------------------------------------------------ リスト ----------------------------------------------------------------*/
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 35px;/*上　右　下　左 */
	background: url(../images/list02.png) no-repeat 0px 20px;
	border-bottom:#CCCCCC 1px solid;
	font-size:1.2em;
	text-align:left;
}


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

	margin: 0px 0 30px 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%;

}






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

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

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

}



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

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

/*div.pagetop {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 0px;
}
div.pagetop a {
    display: block;
    width: 100px;
	height:97px;
    background:url(../images/b_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: 100px;
	height:97px;
    background:url(../images/b_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;
	
}*/


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


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

div.pageback {
	clear:both;
	margin: 0px 0px 0px 0px;/*上　右　下　左 */
		
}

div.pageback a{ 
    float:right;
	display: block;
	text-indent: -9999px;
	font-size: 0px;
	width: 100px;
	height:97px;
	background-image: url(../images/b_back.png);
	 }



/*-------------------------------------------------- Googel map　---------------------------------------------------------*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 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;
  /**/
/*}*/

.tbl-r05 {
    width: 100%;
	margin-top:100px;
	margin-bottom:50px;
  }

th.th05 {
  background: #12A83B;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
  text-align:center;
 
}

td.td05 {
  border: solid 1px #ccc;
  padding: 10px;
  text-align:center;
  
}

.tbl-r05 td:first-child {
  background: #fff;
  border: solid 1px #ccc;
  padding: 10px;
 
  text-align:center;
}

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

@media print{


#top-head {
	display:none;
}

footer {
	display:none;
}

div.pageup{
	display:none;}

.pageup02{display:none;}

}

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
















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

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

#main-visual {
	height:500px;
	background: url(../images/main.jpg)   center;
	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%;
}

h1.title02{ 

}


	
#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: 20px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: center;
	width:100%;
	color:#fff;
	font-size: 3vw;
	font-weight:normal;
	
}


h2.h2_b{
	font-size: 3vw;
	
	
}

h2.h2_b02{
	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 {

padding:70px 0px;
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; /*上　右　下　左 */
}
	

	
	#top-head .logo {
	float: left;

	padding-left:0px;
	/*background:url(../images/logo_s_n.png) no-repeat 0px 0px;*/
}



#whatnew h2{
	width:100%;
	font-size: 1.2em;
	
}

#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%;
	height: 100px; 
	margin: auto 0;
	padding: 0px 0;
	line-height: 1;
	z-index: 999;
	
	background: fff;
	
}

#top-head .logo {
		position: absolute;
		background:url(../images/logo_s_nst.png) no-repeat 0px 18px;
	}


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


#global-nav {
	display:inherit;
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -470px;
		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: 18px;
		
	}
	#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: #fff;
		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);
		
		
	}


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

footer {
padding : 1.0em 0em 0.2em 0em;
text-align:left;


}

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



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

}










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



div.pagetop {
    display: none;
}

div.pagetop a {
   display: none;
	
}


#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;
	
	
}









p {
	
	font-size:1.0em;
}


p.p_fb {
	color:#727171;
	text-align: left;
	line-height:1.8em;
	margin-left:0px;
	margin-top:100px;
	margin-bottom:30px;
	font-size:1.2em;
	padding:10px;
	text-align: justify;
	border:#727171 2px solid;
	border-radius:20px;
}



	
}








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

@media screen and (max-width: 640px) {
	#main-visual {
		margin-top:0px;
		background-size:cover;
		height: 300px;
		
	}
	
	
	

.bg-slider__title{
padding-top:100px;
	font-size: 3.6vw;

}

	


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: 5.6vw;
}


#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;}


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


	#mobile-head {
		background: #fff;
		width: 100%;
		
		
		z-index: 999;
		position: relative;
	}
	#top-head.fixed .logo,
	#top-head .logo {
		position: absolute;
		color: #333;
		/*background:url(../images/logo_s_nst.png) no-repeat 0px 18px;*/
	}
	
	

	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		
		
		-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: 16px;
	}
	#global-nav ul li {
		float: none;
		position: static;
	}
	#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: #fff;
		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 : 350px;
	height:100px;
	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:96%;
margin: 0 auto;
margin-top: 0px; }


#contents_top01 {
background-attachment: scroll;
width:100%;
margin: 0 auto;
margin-top: 0px; }


.contents_top01 {
background-attachment: scroll;
 }


#contents_top_t01 {

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



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

#contents_top_t02 {
	
padding:50px 0px 100px 0px;
width:96%;
margin: 0 auto;
margin-top: 0px; }



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


#contents_top_t03 {


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


#contents_top_t04 {


padding:50px 0px;
width:96%;
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 h2{

	font-size: 1.0em;
	
 /*   background: #E7550B;
	clear:both; /*カラム下に使用する場合につける*/
}




#whatnew h3{

	font-size: 1.0em;
	
 /*   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;

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





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

	
}


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 0px dashed;
	border-left: #CCC 0px solid;
	text-align: left;
	padding:10px;
	
}

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;
	
}

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%;
text-align:center;
margin: 20px 0px 50px 0px; /*上　右　下　左 */
}

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

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

}





/*---------------- お知らせ カラム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 {

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

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



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

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




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

footer {
	display:inherit;
	padding : 10px 0px 5px 0px;

font-size:0.6em;
/*background:#F90 url(../images/logo_s_ns.png) no-repeat 0px 15px;*/
}
footer ul {
	text-align:left;
	margin: 20px 0px 0px 0px;/*上　右　下　左 */
}

footer li {
	margin-right: 0px;
	padding: 0px;
		font-size:1.0em;
	
}

footer ul a {
	display: block;
 
	padding: 10px 0px 10px 10px;
	border-bottom:#727171 solid 0px;
}

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


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


footer .icon {
	margin-top:80px;
	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;
	float:right;
	clear:both;
	margin: 10px 0px 0px 0px;/*上　右　下　左 */
		
}

div.pagetop {
	display:none;
}


div.pagetop a {
   display: none;
	
}
/*.pagetop a {
    display: block;
    width: 100px;
	height:97px;
    background:url(../images/b_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;
	
}*/
 





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


h2.h2_b{
	font-size: 5vw;
	padding:10px;
	
}

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

p.p_c{
	display:inherit;
	margin: 30px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: center;
	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;
}



p {
	
	font-size:1.0em;
}


#whatnew{

	font-size:1.0em;

}

#main-info {
	height:300px;
  
}


#main-blog {
	height:300px;
  
}

#main-contact {
	height:300px;
  
}

#main-day {
	height:300px;
  
}


div.list_mark ul li {
	font-size:1.0em;
}


div.blig_col_01 {
	width:100%;
	margin: 2% 0%;
}

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


h2.h2_b03{
	width:66%;
	
	
}




#slog {
	width:90%;
	padding-top:0px;
	 }
	 
 
 
 
 


@media screen and (max-width: 640px) {
  .tbl-r05 {
    width: 100%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
	
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
	font-weight: normal;
    width: 100%;
	
  }
  .tbl-r05 td:first-child {
    background: #12A83B;
    color: #fff;
    font-weight: normal;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: normal;
    margin-right: 10px;
	
  }
}
 
 
.text {
	font-size:0.8em;
}

div.toppro01{ margin-bottom:30px;
margin-top:20px;}

.img_icon{
	margin:2.5px 0px;

}

h3 { 
font-size: 1.2em;
margin:10px 0px;
}


h3.h3_c{
	padding: 5px; /*上　右　下　左 */
	font-size: 1.0em;

	
}

#top-head .logo {
		
		background: none;
	}


p.p_fb {
	color:#727171;
	text-align: left;
	line-height:1.8em;
	margin-left:0px;
	margin-top:50px;
	margin-bottom:30px;
	font-size:1.2em;
	padding:10px;
	text-align: justify;
	border:#727171 2px solid;
	border-radius:20px;
}

}