* {
	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: "M PLUS Rounded 1c";
	background: #FFF6E2;
	
}

/*h1 {
	
display:none;}*/


div.vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
padding: 4% 4% 4% 4%;/*ここで動画の周りの余白を調整*/
}
video.vid_main {
width: 100%;
max-width: 700px;/*PC版での最大幅*/
}

div.vid_contents02 {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
border-top: #644443 1px solid;
padding: 6% 4% 4% 4%;/*ここで動画の周りの余白を調整*/
}
video.vid_main02 {
width: 100%;
max-width: 700px;/*PC版での最大幅*/
}




*{text-decoration:none;}

.button_p a {
	display:inherit;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 100%;
    padding: 10px 0px 10px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 900;
	color:#5A5858;
	margin-top:50px;
}

.button_p a:before, .button_p a:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  
}
.button_p a:before {
  width: 0.5rem;
  height: 0.5rem;
  left: 1.1rem;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  z-index: 2;
  transform: translateY(-50%) rotate(45deg);
  transition: all 0.3s;
  
}
.button_p a:after {
  left: 0;
  background: #D95272;
  z-index: 1;
  width: 3rem;
  height: 3rem;
  border-radius: 4rem;
  transform: translateY(-50%);
  transition: all 0.5s;
  
}
.button_p a span {
  position: relative;
  transition: all 0.3s;
  z-index: 3;
 
}

.button_p a:hover span {
  color: #fff;
}
.button_p a:hover:before {
  left: 2rem;
 
}
.button_p a:hover:after {
  right: 0;
  width: 100%;
  
}



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

.button021 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 10px 25px;
    color: #000;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}

.button021 a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
 /* background-color: rgba(107,182,255, 0.2);*/
 background:#CCC;
  transition: all 0.3s;
}
.button021 a:hover::before {
  opacity: 0;
  transform: scale(0.4, 0.4);
}
.button021 a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
  border: 2px solid rgb(107,182,255, .4);
  transform: scale(1.2, 1.2);
}
.button021 a:hover::after {
  opacity: 1;
  transform: scale(1, 1);
}



button {color:#634443;background:transparent;border-width:2px;border-style: solid;border-color: #634443;position:relative;margin:1em;display:inline-block;padding:0.5em 1em;transition:all 0.3s ease-in-out;text-align:center;
font-family:comfortaa;font-weight:bold}
button:before, button:after {content:'';display:block;position:absolute;border-color:#634443;box-sizing:border-box;border-style:solid;width:1em;height:1em;transition:all 0.3s ease-in-out}
button:before {top:-6px;left:-6px;border-width:2px 0 0 2px;z-index:5;}
button:after {bottom:-6px;right:-6px;border-width:0 2px 2px 0;}
button:hover:before, button:hover:after {width:calc(100% + 12px);
  height:calc(100% + 12px);border-color:#634443}
button:hover {color:#fff;background-color:#634443;border-color:#634443}
.panel {max-width:960px;text-align:center;position:relative;margin:auto;}


.pink {color:#eb1777;border-color:#D95272}
.pink:before, .pink:after  {border-color:#D95272}
.pink:hover:before, .pink:hover:after {border-color:#D95272;}
.pink:hover {color:#fff;background-color:#D95272;border-color:#D95272;}
.pink .panel {max-width:960px;text-align:center;position:relative;margin:auto;}


.blue button {color:#3bb4e5;border-color:#3bb4e5}
.blue button:before, .blue button:after  {border-color:#3bb4e5}
.blue button:hover:before, .blue button:hover:after {width:calc(100% + 12px);
  height:calc(100% + 12px);border-color:#3bb4e5;transform:rotateY(180deg)}
.blue button:hover {color:#3bb4e5;background-color:transparent;border-color:#3bb4e5}
.blue .panel {max-width:960px;text-align:center;position:relative;margin:auto;}

.borderless button {border-color:rgba(0,0,0,0);color:#999}
.borderless button:hover {border-color:#353535;background-color:transparent;color:#353535}
.borderless button:before, .borderless button:after {border-color:transparent;}
.borderless button:hover:before, .borderless button:hover:after {width:calc(100% + 12px); height:calc(100% + 12px);border-color:#353535}

.bw button {color:#fff;border-color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.1);
box-shadow:0 1px 3px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1) inset
}
.bw button:before, .bw button:after  {border-color:#fff}
.bw button:hover:before, .bw button:hover:after {width:calc(100% + 12px);
  height:calc(100% + 12px);border-color:#353535;}
.bw button:hover {color:#fff;background-color:#353535;border-color:#353535}
.blue .panel {max-width:960px;text-align:center;position:relative;margin:auto;}



.btn,
a.btn,
button.btn {
  font-size: 1.2em;
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding: 0rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn-wrap {
  margin: 30px 0;
}

a.btn-c {
  font-size: 2.2rem;
 width: 90%;
  position: relative;

  padding: 1rem 0rem 1rem 0rem;

  color: #fff;
  background: #e94919;
  -webkit-box-shadow: 0 5px 0 #d44114;
  box-shadow: 0 5px 0 #d44114;
}

a.btn-c span {
  font-size: 1.0rem;

  position: absolute;
  top: -1.25rem;
  left: calc(50% - 180px);

  display: block;

  width: 80%;
  padding: 0.2rem 0.2rem;

  color: #d44114;
  border: 2px solid #d44114;
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.btn-c span:before,
a.btn-c span:after {
  position: absolute;
  left: calc(50% - 10px);

  content: "";
}

a.btn-c span:before {
  bottom: -10px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #d44114 transparent transparent transparent;
}

a.btn-c span:after {
  bottom: -7px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

a.btn-c i {
  margin-right: 1rem;
}

a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #eb5b30;
  -webkit-box-shadow: 0 2px 0 #d44114;
  box-shadow: 0 2px 0 #d44114;
}



section {
  max-width: 360px;
  margin: 0 auto;
}
a.btn_03 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  position: relative;
  background: #fff;
  border: 1px solid #644443;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 0 45px 0 25px;
  color: #644443;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
}
a.btn_03:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #644443;
  border-right: 2px solid #644443;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -6px;
}
a.btn_03:hover {
  background: #644443;
  color: #fff;
}
a.btn_03:hover:before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}












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

.bg-slider {
	width: 100%;
	/*height: 100vh;*/
	height: 880px;
	background-position: bottom 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;

}



.bg-slider02 {
	width: 100%;
	/*height: 100vh;*/
	height: 350px;
	background: url(../images/cbg01.jpg);
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}



.bg-slider__title02{
	color: #fff;
	font-size: 3vw;
	line-height: 1.5;
	text-align:center;
	text-shadow: 3px 3px 3px #000;
	font-weight:normal;
	margin-top:70px;

}

.bg-profile {
	width: 100%;
	/*height: 100vh;*/
	height: 350px;
	background: url(../images/p01.jpg);
	background-position: bottom center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}


.bg-about {
	width: 100%;
	/*height: 100vh;*/
	height: 350px;
	background: url(../images/09.jpg);
	background-position: bottom center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}


.bg-works00 {
	width: 100%;
	/*height: 100vh;*/
	height: 350px;
	background: url(../images/w00.jpg);
	background-position: bottom center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}




.bg-works01 {
	width: 100%;
	/*height: 100vh;*/
	height: 350px;
	background: url(../images/pro01.jpg);
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}


.bg-works02 {
	width: 100%;
	/*height: 100vh;*/
	height: 350px;
	background: url(../images/pro02.jpg);
	background-position: bottom center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}


.bg-works03 {
	width: 100%;
	/*height: 100vh;*/
	height: 350px;
	background: url(../images/pro04.jpg);
	background-position: bottom center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}


.bg-works04 {
	width: 100%;
	/*height: 100vh;*/
	height: 350px;
	background: url(../images/pro03.jpg);
	background-position: bottom center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bg-info {
	width: 100%;
	/*height: 100vh;*/
	height: 350px;
	background: url(../images/a01.jpg);
	background-position: bottom center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}


.bg-contact {
	width: 100%;
	/*height: 100vh;*/
	height: 350px;
	background: url(../images/11.jpg);
	background-position: bottom center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}



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;*/
	height:400px;
	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%;
}


h1.title02{ 
font-size:2.0em;
/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
color:#fff;
font-weight: normal;
margin: 0 auto;
border:#FFF 0px solid;
position: absolute;  
 top: 345px;  
    left: 180px;
}




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


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

h2.h2_b02{
	margin: 0px 0 20px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: left;
	width:100%;
	color:#000;
	font-size: 2.0em;
	font-weight: bold;
	
}

/*------------------------------------- ボタン　--------------------------------------------*/
.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 1px #644443;*/
/*background: url(../images/logo_s_n.png) no-repeat 0px 15px;
	/*background:url(../images/about.jpg) center ;*/
	position: relative;

	padding: 5px 0px;

	
}

footer .logo {
	
	font-size:1.6em;
	padding-left:0px;
	width:100%;
	text-align: center;
	font-weight:normal;
	
	margin-top:30px;
	margin-left:0px;
	margin-bottom:20px;
	padding:0px 0;
	/*background:url(../images/logo_s_n.png) no-repeat 10px 5px;*/
}





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


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

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

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



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

footer p {
	padding-top:0px;
	text-align: center;
	font-size:0.8em;
}



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

/*------------------------------------------------- header ---------------------------------------------------------*/
#top-head {
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Noto Sans Japanese', sans-serif;
	top: 0px;
	position: fixed;
	width: 100%;
	height:105px;
	margin: 0 auto;
	padding: 0px 0;
	line-height: 1;
	z-index:100000;
	background: #FFF6E2;
	/*background: rgba(255,255,255,0.0);*/
	border-top: #A0CD70 30px solid;
	
	
}
#top-head a,
#top-head {
	color: #000;
	text-decoration: none;
	font-weight:normal;
}
/*#top-head .inner {
	position: relative;
	
}*/

/*--- ロゴ　-------------------*/
/*#top-head .logo {
	float: left;
	font-size:2em;
	padding-left:0px;
	width:500px;
	font-weight:normal;
	
	margin-top:0px;
	margin-left:0px;
	padding:0px 0;
background:url(../images/rogo.png) no-repeat 0px 0px;
}*/

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


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

#g-nav{
	display:none;}

#g-nav ul {
	 display: flex;
    align-items: center;
	justify-content: center;
    padding: 0;
    margin: 0;
	margin-top:30px;

	
	font-size: 1.0em;
	
	
}
#g-nav ul li {
	
	float: left;

border-left: #000 solid 1px;


	
	
}

#g-nav ul li.lineno { border-left: 0px;}

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

/* Btn Hover */
/*#g-nav ul li:after {
	position: relative;
	content: "";
	display: block;
	width: 100%;
	height: 50px;
	bottom: 50px;
	
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#g-nav ul li:hover:after {
	background: #27AD3A;
	bottom: 18px;
	
}*/

/*
#global-nav ul {
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 40px;
	font-size: 0.8em;
	
	
}
#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: #27AD3A;
	bottom: -20px;
	
}
*/

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

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

	font-weight:normal;
}

/* 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;
	background: #A0CD70;
	height:100px;
}

#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #A0CD70;
	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 {

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


#contents_top_img {
max-width:1100px;
margin: 0 auto;
margin-top: 0px;
padding:100px 0px 0px 0px;
 }



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


#contents_con_img {
max-width:1100px;
margin: 0 auto;
margin-top: 0px;
padding:120px 0px 0px 0px;
 }

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

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

background-position: center;
}


#contents_top_t01 {
max-width:1100px;
margin: 0 auto;
margin-top: 0px;
padding:30px 0px; }


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






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

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

#contents_top_t02 {

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


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

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

background-position: center;

 }

#contents_top_t03 {

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

#contents_top04 {
background-image: url(../images/11.jpg);
width:100%;
margin: 0 auto;
margin-top: 0px;
background-size: cover; 
background-attachment: scroll;

background-position: center; }


#contents_top_t04 {
max-width:1080px;
margin: 0 auto;
margin-top: 0px;
padding:80px 0px 80px 0px;
text-align:center;
 }


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

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


#contents_top_t05 {
max-width:1080px;
margin: 0 auto;
margin-top: 0px;
padding:50px 0px 0px 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:1100px;
margin: 0 auto;
margin-top: 20px;
margin-bottom:0px;
padding:50px 0px;
border-bottom: #644443 1px solid;
border-top: #644443 1px solid;}


#contents_bf {
width:100%;
margin: 0 auto;
margin-top: 0px;
padding-bottom: 100px;
border-bottom: #644443 1px solid;
 }

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



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

} 


#contents #sub { 
float: right ;
margin : 0 1.0416667%;
padding-top:0.5em;

} 


#contents #main { width : 68.6833333%}
#contents #sub { width : 26.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:1000px;
margin: 0 auto;
margin-top: 20px;
margin-bottom:50px;
 }
 
 
#contents01 {
/*background: #FAFAFA;
background: #FFF; */
width:1100px;
margin: 0 auto;
margin-top: 0px;
margin-bottom:0px;
padding:50px 0px;
border-bottom: #644443 1px solid;
} 


#contents02 {
/*background: #FAFAFA;
background: #FFF; */
width:1100px;
margin: 0 auto;
margin-top: 0px;
margin-bottom:0px;
padding:50px 0px;
border-bottom: #644443 1px solid;
} 

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

p {
	
	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_g {
	
	text-align: left;
	line-height:1.8em;
	margin-left:0px;
	margin-top:20px;
	margin-bottom:30px;
	font-size:1.4em;
	color:#5A5858;
	text-align:justify;
}


p.p_g_c {
	
	text-align: center;
	line-height:1.8em;
	margin-left:0px;
	margin-top:50px;
	margin-bottom:50px;
	padding:10px 0px;
	font-size:1.4em;
	color:#fff;
	background:#ed904e;
	border-radius:40px;
	/* background: rgba(255,255,255,0.8);*/
}



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

p.p_c02{
	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;
}

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

p.p_tel{
	margin: 30px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: center;
	width:100%;
	font-size:2.6vw;
	font-weight: 700;
	/*color: #3F3F3F;*/
	color: #fff;
}


p.p_tel a{ color:#FFF;}

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

#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 100px 0px; /*上　右　下　左 */
	padding: 10px; /*上　右　下　左 */
	text-align: left;
	width:100%;
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   border-radius: 10px;         /* CSS3 */

   border: 1px #CCCCCC 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_con p.p_works {
	padding:0px 0px; /*上　右　下　左 */
	text-align: left;
	line-height:1.8em;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:1.2em;
}


#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;
	border: 1px solid #79CC7E;
		/*border-bottom: 1px solid #CCCCCC;*/
}

/*#whatnew h2{
	width:100%;
	background:#79CC7E;
	text-align:left;
	color: #FFF;
	font-size:1.0em;
	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 h2{
	width:100%;
	
	text-align:left;
	color: #FFF;
	font-size:1.2em;
	
	padding: 15px 0px 15px 50px;/*上　右　下　左 */
	font-weight: normal;
	
	background:#79CC7E url(../images/icon2.png) no-repeat 5px 10px;
   
	
}

#whatnew dl {

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

}


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

#whatnew dd {
    margin: 0 0 20px 10px; /*上　右　下　左 */
 	padding: 10px;/*上　右　下　左 */
	border-bottom: 1px dashed #79CC7E;
	text-align:left;
	line-height:2.0em;
	font-size:1.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:100%;
	text-align: center;
	border:#000 1px solid;
	
	margin: 0 0 0 0px; /*上　右　下　左 */
}

div.sub_02_s{
	width:100%;
		
	/*	border: #666 1px solid;*/
	text-align: center;
	
	margin: 30px 0px; /*上　右　下　左 */
}



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: 44%;
  text-align: left;
  margin-right: 2.0%;
  margin-left: 3%;
  margin-bottom:50px;
  /* 32 + 1.33 = 33.33% = 3分の1 */

	position:	relative; /* 相対位置指定 */
}



.row{
	margin-top:30px;
	margin-bottom:50px;
	  margin-right: -1.50%;
}





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

/*----------------------------------------------- トップ 製品エリア -------------------------------------------------*/
div.toppro{
	margin-top:50px;

margin-bottom:50px;
border-bottom: #644443 1px solid;}

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


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


.bg-mask02 {
	width:100%;
	height:300px;
  background: rgba(0,0,0,0.5);
 display: flex;
	align-items: center;
	justify-content: center;
 
}

.bg01{
	background:url(../images/w01.jpg);

	
}


.bg02{
	background:url(../images/w02.jpg);
}


.bg03{
	background:url(../images/w04.jpg);
}


.bg04{
	background:url(../images/w03.jpg);
}



.bg-title{
	color: #fff;
	/*font-size: 2.5vw;*/
	font-size:2.6em;
	line-height: 1.5;
	text-align:center;
	text-shadow: 3px 3px 3px #000;
	font-weight: 300;
	

}


div.works_01 {
	width:48%;

	text-align: left;
	float : left;
	
	margin: 0px 0px 0px 0; /*上　右　下　左 */
}


div.works_02 {
	width:48%;

	text-align: left;
	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.diamond {
    position: relative;
    display: block;
    padding: 0.2em 0 0.2em 1.6em;
	text-align:left;
	color:#27AA3B;
	font-size: 2.0em;
}

h2.diamond::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    display: block;
    width: 0.8em;
    height: 0.8em;
    background: #27AA3B;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

h2.diamond01 {
    position: relative;
    display: block;
    padding: 0.2em 0 0.2em 0em;
	text-align: center;
	color:#27AA3B;
	font-size: 2.0em;
}



/*------------丸アイコンの見出しデザイン----------*/

h2.circle {
	margin-top:0px;
    position: relative;
    display: block;
    padding: 0.2em 0 0.2em 0.6em;
	text-align:left;
	font-size: 1.8em;
	
}

h2.circle::before {
    position: absolute;
    top: 0.8em;
    left: 0;
    display: block;
    width: 0.4em;
    height: 0.4em;
    border-radius: 50%;
    background: #000;
    content: "";
}


h2.circle01 {
	margin-top:0px;
    position: relative;
    display: block;
    padding: 0.2em 0 0.2em 0em;
	text-align: center;
	font-size: 2.0em;
	
	
}

/*------------ポイント見出しデザイン----------*/

h2.h2_point {
  position: relative;
  overflow: hidden;
  padding: 0.2em 0 0.2em 5.0em;
  word-break: break-all;
  border-bottom: 0px solid #654341;
  border-radius: 0px 0 0 0;
  text-align:left;
  color: #654341;
  font-size: 2.0em;
}

h2.h2_point div {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 0px 20px 5px 20px;
  color: #654341;
  border-radius: 10px 10px 10px 10px;
  background: #fdcd00;
  border: 1px solid #654341;
}


h2.h2_point02 {
  position: relative;
  overflow: hidden;
  padding: 0.2em 0 0.2em 6.0em;
  word-break: break-all;
  border-bottom: 0px solid #654341;
  border-radius: 0px 0 0 0;
  text-align:left;
  color: #654341;
   font-size: 2.0em;
}

h2.h2_point02 div {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 0px 20px 5px 20px;
  color: #654341;
  border-radius: 10px 10px 10px 10px;
  background: #fdcd00;
  border: 1px solid #654341;
}




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

h2.h2_01{
  position: relative;
  color: #000;
  /*background: #fff;*/
  line-height: 1.4;
  text-align:center;
  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;
  text-align:left;
}

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;*/
background: #3CBF20;
box-shadow: 0px 0px 0px 5px #3CBF20;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #fff;
margin-top:0px;
margin-bottom:100px;
text-align: left;
font-size:2.0em;
font-weight:500;
}

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;*/
border-color: #fff #fff #A2ED92;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

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

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

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


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

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: #79CC7E;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.4em;
  margin-bottom:30px;
  margin-top:20px;
  text-align:left;
  font-weight:normal;
}

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;
  text-align:left;
  font-weight:normal;
}

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_14{
  position: relative;
  color: #363636;
  background: #fff;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
  margin-bottom:30px;
  border-bottom: #363636 1px solid;
  text-align:left;
}

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



/*------------ 肉球 アイコンタイプ----------*/


h2.h2_15{
  position: relative;/*相対位置*/
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  color: #7b6459;/*文字色*/
}

h2.h2_15:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f1b0";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #ff938b; /*アイコン色*/
}



/*------------ 電球 アイコンタイプ----------*/


h2.h2_16{
  position: relative;
  padding-left: 45px;
  text-align:left;
}

h2.h2_16:before {/*疑似要素*/
  position: absolute;
  font-family: FontAwesome;
  content: "\f0eb";
  background: #ffca2c;
  color: white;
  font-weight: 900;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

h2.h2_16:after {
  /*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #ffca2c;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}


/*------------ グラデーションタイプ----------*/

h2.h2_17 {
  position: relative;
  padding: 1rem .5rem;
  text-align:left;
  margin:50px 0px 30px 0px;
}

h2.h2_17:before,
h2.h2_17:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background-image: -webkit-gradient(linear, right top, left top, from(#fa709a), to(#fee140));
  background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
  background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}

h2.h2_17:before {
  top: 0;
}

h2.h2_17:after {
  bottom: 0;
}


h2.h2_17:first-letter {
  font-size: 150%;
  color: #eb6100;
}

/*------------ グラデーションタイプ2----------*/

h2.h2_18 {
  position: relative;
  padding: 1rem .5rem;
  text-align:left;
  font-weight:normal;
  font-size:1.6vw;
}

h2.h2_18:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
  background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
  background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}


/*------------ 吹き出し風 ----------*/

h2.h2_19  {
  position: relative;
  padding: 1.5rem 2rem;
  color: #fff;
  border-radius: 10px;
  background: #094;
  text-align:left;
  
}

h2.h2_19:after {
  position: absolute;
  bottom: -9px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #094 transparent transparent transparent;
}


/*------------ ポイント2 ----------*/

h2.h2_20 {
  position: relative;
  padding: 1rem 2rem;
  text-align: center;
  border: 3px solid #4F99E3;
  text-align:left;
  margin-top:100px;
  margin-bottom:50px;
  font-weight:500;
}

h2.h2_20:before {
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  top: -47px;
  left: -3px;
  height: 30px;
  padding: 0.3em 1.5em;
  content: '業務ポイント';
  color: #fff;
  background: #4F99E3;
  
}




h2.h2_21 {
   /* border-bottom: 5px #3cf solid;*/
    border-bottom: 5px #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;
}
h2.h2_21 span {
  margin-left:20px;
  font-size:60%;
  color: #ccc;
  position: relative;
  top: -5px;
}





/*--------------------------------------------- ベンチ用 -----------------------------------*/
#h2_pro{
	text-align:left;
    border:solid 2px #654341;
	color:#654341;
    padding: 5px;
	padding-left:20px;
    border-radius: 5px;
    background: #fff;
	font-size:1.6em;
    -moz-border-radius: 5px; /* FF */
    }
#h2_pro span{border-left:5px #008240 solid;padding-left:10px;}



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

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;
	color:333333;
    border-spacing: 0;
	margin:0px 0 10px 0px;
	padding-bottom:0px;
	font-size:1.0em;
  line-height: 1.4;
   border: 1px #654341 solid;     /* 枠線の装飾 */
   background-color: #fff;   /* 背景色 */
	
}




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


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




th {
	border-bottom: #654341 1px solid;
	border-left: #CCC 0px solid;
	text-align: left;
	background: #fff;
	padding: 20px;
	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: #654341 1px solid;
border-left: #654341 1px solid;
	text-align: left;
	padding: 20px;
}

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


.t_bn {
	border-bottom: 0px;
}


.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:inherit;
	width:50%;
	margin:0 auto;
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    background: #ff7c5c;
    color: white;
    border: solid 2px #ff7c5c;
    border-radius: 3px;
    transition: .4s;
	font-size:1.4em;
	margin-bottom:20px;
}

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


.btn01 {
	width:80%;
	margin:0 auto;
    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;
}

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

  width: 80%;
  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;
}

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_m20{
margin: 0px 20px 0px 20px;/*上　右　下　左 */

}

.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_b1_sta{
	border:#000 1px solid;
	padding:27px 0px;
}


.img_b1_sei{
	border:#000 1px solid;
	padding:18px 89.5px;
}


.img_b1_zai{
	border:#000 1px solid;
	padding:36px 8px;
}

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


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

.img_left_con03{
	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;
			}
.s_text{	font-size:0.8em;
			}
.red_kakaku02{ color: #CC0000;
             font-size:1.2em;
			 font-weight:bold;
			 }

.t_p{	color: #D95272;
 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;
}

.small{font-size:0.7em;}


/*------------------------------------------------------ リスト ----------------------------------------------------------------*/
div.list_mark {
	margin: 10px 0 50px 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 27px;
	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_mark_w01 {
	margin: 30px 0 50px 0px;
	border: solid 2px #ffca2c;/*線の設定*/
  padding: 0.5em 1em 0.5em 3.5em;
  position: relative;
  border-radius:10px;
}



div.list_mark_w01 ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  text-align:left;
  font-size:1.2em;
}

div.list_mark_w01 ul li:before {
  
  font-family: FontAwesome;
  content: "\f075";/*アイコンの種類*/
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #ffca2c; /*アイコン色*/
}




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

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

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


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:57%;
	 text-align: left;
	line-height:1.8em;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:1.4em;
	color:#5A5858;
	text-align:justify;
	 
}

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

}



/*------------------------------------------------ デザイン カラム2段 ----------------------------------------------------*/

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

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

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


}




/*------------------------------------------------ 製品ポイント カラム2段 ----------------------------------------------------*/
div.column2-p{
clear:both;
width:100%;
text-align:center;
margin: 100px 0px 50px 0px; /*上　右　下　左 */
}

div.column2-p_01 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float:left;
	 width:47%;
	 text-align: left;
	line-height:1.8em;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:1.4em;
	color:#5A5858;
	text-align:justify;
	 
}

div.column2-p_02 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float: right;
	 text-align: center;
	 width:47%;
	 background:#FFF;
	
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:1.4em;
	color:#5A5858;
	padding-bottom:10px;

}


div.column2-p_03 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float:left;
	 width:47%;
	 text-align: center;
	
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:10px;
	font-size:1.4em;
	color:#5A5858;
	background:#FFF;
	 
}

div.column2-p_04 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float: right;
	 text-align: center;
	 width:47%;
	 background:#FFF;
	
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:10px;
	font-size:1.4em;
	color:#5A5858;

}


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

div.column2-p_06 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float: right;
	 text-align: center;
	 width:47%;
	 line-height:1.8em;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:1.4em;
	color:#5A5858;


}


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

div.column2-p_08 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float: right;
	 text-align: center;
	 width:47%;
	 font-size:1.0em;
	 
	


}


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


div.column2-p_09 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float:left;
	 width:47%;
	 text-align: center;
	 font-size:1.0em;
	 
}

div.column2-p_10 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float: right;
	 text-align: center;
	 width:47%;
	 font-size:1.0em;
	 
	


}


/*------------------------------------------------ 開発者の声 1  ----------------------------------------------------*/


div.column2-v{
clear:both;
width:100%;
text-align:center;
background:#DDEEF7;
padding-top:30px;
margin: 50px 0px 0px 0px; /*上　右　下　左 */
}

div.column2-v_01 {
     margin: 10px 0px 10px 30px;/*上　右　下　左 */
	 float:left;
	 width:27%;
	 text-align: center;
	line-height:1.8em;

	 
}

div.column2-v_02 {
     margin: 10px 30px 0px 0px;/*上　右　下　左 */
	 float: right;
	 text-align: left;
	 width:63%;
	text-align:justify;
	line-height:1.8em;
	font-size:1.4em;
	color:#5A5858;
	padding-bottom:10px;

}


div.column2-v-b{
clear:both;
width:100%;
text-align:center;
background:#DDEEF7;
padding-top:50px;
padding-bottom:30px;
margin: 0px 0px 50px 0px; /*上　右　下　左 */
}


div.column2-v_03 {
     margin: 10px 0px 0px 30px;/*上　右　下　左 */
	 float:left;
	 width:45%;
	 text-align: left;
	line-height:1.8em;
	font-size:1.4em;
	color:#5A5858;
	border-right:#000 1px solid;
	padding-right:50px;
	padding-bottom:30px;
	text-align:justify;
	 
}

div.column2-v_04 {
     margin: 10px 30px 0px 0px;/*上　右　下　左 */
	 float: right;
	 text-align: left;
	 width:45%;
	
	line-height:1.8em;
	font-size:1.4em;
	color:#5A5858;
	padding-bottom:30px;
	text-align:justify;

}


/*------------ 参加者名 ----------*/

h2.h2_22 {
  text-align: left;
  border-bottom: 5px solid #007FCB;
  text-align:left;
  padding-top:0px;
  margin-top:0px;
  padding-bottom:10px;
}

/*------------ コメント ----------*/

h2.h2_23 {
  text-align: left;
  background:#007FCB;
  color:#FFF;
  text-align: center;
  padding:10px 0px;
  margin-top:0px;
  border-radius:30px;
  font-size:1.2em;
}


/*------------------------------------------------ 開発者の声 2  ----------------------------------------------------*/

div.column2-v2{
clear:both;
width:100%;
text-align:center;
background:#FBE5EF;
padding-top:30px;
margin: 50px 0px 0px 0px; /*上　右　下　左 */
}




div.column2-v2-b{
clear:both;
width:100%;
text-align:center;
background:#FBE5EF;
padding-top:50px;
padding-bottom:30px;
margin: 0px 0px 50px 0px; /*上　右　下　左 */
}





/*------------ 参加者名 ----------*/

h2.h2_22_2 {
  text-align: left;
  border-bottom: 5px solid #E85376;
  text-align:left;
  padding-top:0px;
  margin-top:0px;
  padding-bottom:10px;
}

/*------------ コメント ----------*/

h2.h2_23_2 {
  text-align: left;
  background:#E85376;
  color:#FFF;
  text-align: center;
  padding:10px 0px;
  margin-top:0px;
  border-radius:30px;
  font-size:1.2em;
}




/*------------------------------------------------ 開発者の声 3  ----------------------------------------------------*/

div.column2-v3{
clear:both;
width:100%;
text-align:center;
background:#DDEBDE;
padding-top:30px;
margin: 50px 0px 0px 0px; /*上　右　下　左 */
}




div.column2-v3-b{
clear:both;
width:100%;
text-align:center;
background:#DDEBDE;
padding-top:50px;
padding-bottom:30px;
margin: 0px 0px 50px 0px; /*上　右　下　左 */
}





/*------------ 参加者名 ----------*/

h2.h2_22_3 {
  text-align: left;
  border-bottom: 5px solid #10A860;
  text-align:left;
  padding-top:0px;
  margin-top:0px;
  padding-bottom:10px;
}

/*------------ コメント ----------*/

h2.h2_23_3 {
  text-align: left;
  background:#10A860;
  color:#FFF;
  text-align: center;
  padding:10px 0px;
  margin-top:0px;
  border-radius:30px;
  font-size:1.2em;
}
















/*------------------------------------------------ よし君の散歩道 ----------------------------------------------------*/
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;
}



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

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

/*.pagetop {
    display: none;
    position: fixed;
    bottom: 150px;
    right: 0px;
}
.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;
	
}


.pagetop {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  border-radius: 50% 50%;
  height: 50px;
  width: 50px;
  background-color: #FF8A00;
  display: block;
  z-index: 9999;
	 font-size: 0;
    line-height: 0;
}

.pagetop::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 33.3px 15px;
  border-color: transparent transparent #FFF transparent;
  
}

.pagetop:hover {
  opacity: .8;
}*/

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

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

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


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

@media print{


#top-head {
	display:none;
}

footer {
	display:none;
}

div.pageup{
	display:none;}

.pageup02{display:none;}

}

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








.cell02{
  float: left;
  width: 32%;
  text-align:center;
  margin-right: 1.33%;
  /* 32 + 1.33 = 33.33% = 3分の1 */
  margin-top:30px;
  margin-bottom:50px;
}

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







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

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


div.vid_contents02 {
width: 96%;/*背景色を横幅いっぱいに広げる*/
}
	
h2{
	margin: 20px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: center;
	width:100%;
	font-size: 3.0vw;
	font-weight:normal;
	
}	


h2.circle {
	font-size: 3.0vw;
	
}

h2.circle01 {
	font-size: 3.0vw;
	
}

h2.diamond {
    font-size: 3.0vw;
}

h2.diamond01 {
    font-size: 3.0vw;
}

.button_p a {
	font-size: 0.8em;
}


div.column2-p_06 {

	font-size:1.0em;


}



/*------------ポイント見出しデザイン----------*/

h2.h2_point {
  position: relative;
  overflow: hidden;
  padding: 0.2em 0 0.2em 5.0em;
  word-break: break-all;
  border-bottom: 0px solid #654341;
  border-radius: 0px 0 0 0;
  text-align:left;
  color: #654341;
  font-size: 3.0vw;
}

h2.h2_point div {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 0px 20px 5px 20px;
  color: #654341;
  border-radius: 10px 10px 10px 10px;
  background: #fdcd00;
  border: 1px solid #654341;
}
	
	
/*========= ナビゲーションのためのCSS ===============*/


.panel{
	display:none;}

#g-nav{
	display:inherit;
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 997;
    /*ナビのスタート位置と形状*/
  top:-150%;
    left:0;
  width:100%;
    height: 100vh;/*ナビの高さ*/
  background: rgba(0,0,0,0.7);
    /*動き*/
  transition: all 0.6s;
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
    top: 0;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
    /*ナビゲーション天地中央揃え*/
	display: inherit;
    

    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

/*リストのレイアウト設定*/

#g-nav ul li{
	float: none;
	position: relative;
	padding:20px 0px;
	text-align:center;
	border-left: #000 solid 0px;
    
}

#g-nav ul li a{
	
  color: #fff;
  text-decoration: none;
  padding:20px 0px;
  text-align:center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: normal;
  font-size:1.4em;
  border-bottom:#FFF 0px solid;
}




/* Btn Hover */
#g-nav ul li:after {
	display:none;
	
}
#g-nav ul li:hover:after {
	
	
	
}

/*========= ボタンのためのCSS ===============*/
.openbtn1{
  position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
  top:40px;
  right: 10px;
  cursor: pointer;
    width: 50px;
    height:50px;
	background: #00A95F;
}
  
/*×に変化*/  
.openbtn1 span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
  background-color: #fff;
    width: 45%;
  }

.openbtn1 span:nth-of-type(1) {
  top:15px; 
}

.openbtn1 span:nth-of-type(2) {
  top:23px;
}

.openbtn1 span:nth-of-type(3) {
  top:31px;
}

.openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 15px;
    transform: translateY(6px) rotate(-45deg);
    width: 40%;
	background-color: #fff;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1.active span:nth-of-type(3){
    top: 30px;
    left: 15px;
    transform: translateY(-6px) rotate(45deg);
    width: 40%;
	background-color: #fff;
}	
	

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



.bg-title{
	color: #fff;
	/*font-size: 2.5vw;*/
	font-size:2.6vw;
	line-height: 1.5;
	text-align:center;
	text-shadow: 3px 3px 3px #000;
	font-weight: 500;

}


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{ 
font-size:2.0em;
/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
color:#fff;
margin: 0 auto;
border:#FFF 0px solid;
position: absolute;  
 top: 345px;  
    left: 20px;
}


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


.bg-slider__title02{
	font-size: 5vw;
	width:100%;
}


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;
	font-weight:normal;
	
}

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


#contents_top_img {
padding:30px 0px 0px 0px;
 }
 
 
#contents_con_img {
padding:30px 0px 0px 0px;
 } 




#contents_top {

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


#contents_top_t {

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


#contents_top01 {


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


#contents_top_t01 {

padding:20px 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:20px 0px;
/*background: #FAFAFA;*/
width:98%;
margin: 0 auto;
text-align:center; }


#contents_top04 {


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


#contents_top_t04 {

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

#contents_top_t05 {
padding:20px 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:98%;
margin: 0 auto;
margin-top: 0px;
padding-top:0px;
padding-bottom:0px; }


#contents_bf {
/*background: #FAFAFA;
background: #FFF; */
width:98%;
margin: 0 auto;
padding-bottom:50px;

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


#contents01 {
/*background: #FAFAFA;
background: #FFF; */
width:98%;
margin: 0 auto;
margin-top: 0px;
padding-top:0px;
padding-bottom:0px; }

#contents02 {
/*background: #FAFAFA;
background: #FFF; */
width:98%;
margin: 0 auto;
margin-top: 0px;
padding-top:0px;
padding-bottom:0px; }


#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 {

	background: rgba(255,255,255,0.0);
	
	
	
}

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



#whatnew{
	font-size: 0.8em;
	
}

#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 {
		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 {
	font-size: 14px;
	top: 0px;
	position: absolute;
	width: 100%;
	height: 100px; 
	margin: auto 0;
	padding: 0px 0;
	line-height: 1;
	z-index: 998;
	border-top:#A0CD70 30px solid;
	
}


#mobile-head {
		
		width: 100%;
		height: 70px; 
		
		z-index:990;
		position: relative;
	}*/


/*#global-nav {
	display:inherit;
		position: absolute;
		 開いてないときは画面外に配置
		top: -460px;
		background: #27AD3A;
		width: 100%;
		text-align: left;
		padding: 18px;
		z-index:997;
		
		
	}
	#global-nav ul {
		display:inherit;
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 14px;
		
	}
	#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 : 0.5em 0em 0.2em 0em;
text-align:left;

}


footer .logo {

	width:100%;
	text-align: center;
	margin-left:0px;

}


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{
	color: #fff;
	font-size: 3vw;
	line-height: 1.5;
	text-align:center;
	text-shadow: 3px 3px 3px #000;
}



.pagetop {
    display: none;
    position: fixed;
    bottom: 180px;
    right: 0px;
}


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




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



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



.row{
	margin-top:30px;
	margin-bottom:0px;
	  margin-right: -1.30%;
	  font-size:0.8em;
}


/*.row{
	margin-bottom:0px;
	margin-top:0px;
  margin-right:0;
  
}*/



p {
	
	font-size:1.0em;
}


.pagetop a {
	display:none;
}


p.p_g {
	
	font-size:1.0em;

}



p.p_g_c {
	
	text-align: center;
	line-height:1.8em;
	margin-left:0px;
	margin-top:50px;
	margin-bottom:50px;
	padding:10px 0px;
	font-size:1.4em;
	color:#fff;
	background:#ed904e;
	border-radius:40px;
	/* background: rgba(255,255,255,0.8);*/
}


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

div.column2_01 {


	font-size:1.0em;
	 
}

div.column2_02 {


}



div.column2-p_01 {


	font-size:1.0em;
	 
}









div.column2-v_02 {

	
	font-size:1.0em;


}



div.column2-v_03 {

	font-size:1.0em;
padding-right:30px;
	 
}

div.column2-v_04 {

	
	font-size:1.0em;


}



	
}








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

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


.bg-slider {
	height: 500px;
	background: cover;
	/*background-position:center center;
	
	display: flex;
	align-items: center;
	justify-content: center;*/
	
	

}
	
	

.bg-slider__title{

	font-size: 3.6vw;

}


/*--- ロゴ　-------------------*/
#top-head .logo {
	background:url(../images/rogo_s.png) no-repeat 0px 15px;
	
}
	


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:1.2em;
color:#FFF;
font-weight: normal;
margin: 0 auto;
/*border:#FFF 5px solid;*/
position: absolute;  
 top: 236px;  
    left: 10px;
/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}


#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;
	
}
	
#main-company {
	background: url(../images/company.jpg) right;
	height:280px;
	background-size:cover;
  
}

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

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


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

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


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

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


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


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


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


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


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



#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: 12px;
	}
	#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:0px 0px;
width:96%;
margin: 0 auto;
margin-top: 50px; }


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


#contents_top_t01 {

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



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

#contents_top_t02 {
	
padding:50px 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:20px 0px;
width:96%;
margin: 0 auto;
margin-top: 0px; }


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


#contents_top_t04 {


padding:20px 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;*/

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


#contents_bf {
/*background: #FAFAFA;*/

width:96%;
margin: 0 auto;
padding-top:50px;
padding-bottom:80px;
 }
 
#contents_bf02 {
/*background: #FAFAFA;*/

width:100%;
padding:50px 20px 0px 20px;
 }

#contents01 {
/*background: #FAFAFA;*/

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

#contents02 {
/*background: #FAFAFA;*/

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


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


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


#whatnew h2{

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




#whatnew h3{

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



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

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


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



div.works_01 {
	width:100%;
}


div.works_02 {
	width:100%;
}

/*------------- トップ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:left;
  margin-bottom:40px;
  /* 32 + 1.33 = 33.33% = 3分の1 */
}



.row{
	margin-bottom:0px;
	margin-top:0px;
  margin-right:0;
  
  font-size:0.8em;
}







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;
	padding-bottom:0px;
	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 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-left:0px ;
	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%;
	font-size:1.0em;
	 
}

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

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

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

}


/*------------------------------------------------ 開発者の声 1 ----------------------------------------------------*/


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

div.column2-v_01 {
    width:94%;
	 margin:0 auto;
	float:none;
   
	 
}

div.column2-v_02 {
     width:94%;
	 font-size:1.0em;
     margin:0 auto;
	 float:none;
	padding-bottom:0px;
}


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

div.column2-v_03 {
    width:94%;
	margin:0 auto;
	font-size:1.0em;
	border-right:0px;
	padding-right:0px;
	float:none;
	 
}

div.column2-v_04 {
     width:94%;
	 margin:0 auto;
	 font-size:1.0em;
	 float:none;


}


/*------------------------------------------------ 開発者の声 2 ----------------------------------------------------*/


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


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


/*------------------------------------------------ 開発者の声 3 ----------------------------------------------------*/


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


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


/*------------------------------------------------ 製品ポイント カラム2段 ----------------------------------------------------*/
div.column2-p{
clear:both;
text-align:center;
margin: 50px 0px; /*上　右　下　左 */
}

div.column2-p_01 {
     width:100%;
	 font-size:1.0em;
     margin: 0px 0px 30px 0px;/*上　右　下　左 */
	 
}

div.column2-p_02 {
     width:100%;
	 font-size:1.0em;
     margin: 0px 0px 0px 0px;/*上　右　下　左 */

}

div.column2-p_03 {
     width:100%;
	 font-size:1.0em;
     margin: 0px 0px 30px 0px;/*上　右　下　左 */
	 
}

div.column2-p_04 {
     width:100%;
	 font-size:1.0em;
     margin: 0px 0px 0px 0px;/*上　右　下　左 */

}

div.column2-p_05 {
     width:100%;
	 font-size:1.0em;
     margin: 0px 0px 30px 0px;/*上　右　下　左 */
	 
}

div.column2-p_06 {
     width:100%;
	 font-size:1.0em;
     margin: 0px 0px 0px 0px;/*上　右　下　左 */

}


div.column2-p_07 {
     width:100%;
	 font-size:1.0em;
     margin: 0px 0px 30px 0px;/*上　右　下　左 */
	 
}

div.column2-p_08 {
     width:100%;
	 font-size:1.0em;
     margin: 0px 0px 0px 0px;/*上　右　下　左 */

}



/*--------------------------- リストマーク横 ------------------------------------------*/
div.list_mark ul li {
	padding: 20px 10px 20px 30px;/*上　右　下　左 */
	background: url(../images/yaji.gif) no-repeat 0px 23px;
	border-bottom:#CCCCCC 1px solid;
	font-size:1.0em;
	text-align:left;
}


div.list_mark_w01 ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  text-align:left;
  font-size:1.0em;
}

/*--------------------------- リストマーク横 ------------------------------------------*/
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 0px 0px;

font-size:0.6em;

}

footer .logo {
	font-size:2.6em;
	margin-bottom:20px;
}






footer ul {
	text-align:left;
	margin: 0px 0px 0px 0px;/*上　右　下　左 */
}

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

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

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; /*上　右　下　左 */

}


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



.pagetop {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 0px;

}


.pagetop a {
    padding: 20px;
}

.pagetop a:hover {
    padding: 20px;
	background: #000;
	border:0px;
	color:#FFF;
}


h2.h2_c{
	font-size: 5vw;
	
}


.bg-slider__title02{
	font-size: 6vw;

}


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

h2.h2_b02{
	margin: 0px 0 20px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: left;
	width:100%;
	font-size: 1.2em;
	
}

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



p.p_tel{
	font-size: 7vw;
	
}



#contents_con p{
	font-size:1.0em;
}



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

.img_left_con03{
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.0em;
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:0.8em;

}

.square_btn05 {
	width:80%;
}


.bg-title{
	font-size:1.8em;

}


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



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



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


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

h2.h2_20:before {
  font-size:1.2em;
  position: absolute;
  top: -42px;
  left: -3px;
  height: 30px;
  padding: 0.3em 1.5em;
  content: '業務ポイント';
  color: #fff;
  background: #4F99E3;
  
}


#contents_con p.p_works {

	font-size:1.0em;
}


.button01 {

  font-size:1.0em;

}

.bg-works00 {
	width: 100%;
	/*height: 100vh;*/
	height: 350px;
	background: url(../images/w00_s.jpg);
	background-position: bottom center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}


.bg-works01 {
	
	background: url(../images/w01.jpg) center;

}

.bg-works02 {
	
	background: url(../images/w02.jpg) ;

}


.bg-works03 {
	
	background: url(../images/w04.jpg) center;

}

.bg-works04 {
	
	background: url(../images/w03.jpg) center;

}


.bg-mask02 {

  background: rgba(0,0,0,0.2);
 
 
}

h2{
	margin: 20px 0px; /*上　右　下　左 */
	padding: 0px; /*上　右　下　左 */
	text-align: center;
	width:100%;
	font-size: 5.0vw;
	font-weight:normal;
	
}

h2.circle {
	font-size: 4.6vw;
	
}

h2.circle01 {
	font-size: 4.6vw;
	
}

h2.diamond {
	font-size: 4.6vw;
	
}

h2.diamond01 {
	font-size: 4.6vw;
	
}


/*------------ポイント見出しデザイン----------*/

h2.h2_point {
  position: relative;
  overflow: hidden;
  padding: 0.2em 0 0.2em 6.0em;
  word-break: break-all;
  border-bottom: 0px solid #654341;
  border-radius: 0px 0 0 0;
  text-align:left;
  color: #654341;
  font-size: 4.6vw;
}

h2.h2_point div {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 0px 20px 5px 20px;
  color: #654341;
  border-radius: 10px 10px 10px 10px;
  background: #fdcd00;
  border: 1px solid #654341;
}


h2.h2_point02 {
  position: relative;
  overflow: hidden;
  padding: 0.2em 0 0.2em 7.0em;
  word-break: break-all;
  border-bottom: 0px solid #654341;
  border-radius: 0px 0 0 0;
  text-align:left;
  color: #654341;
    font-size: 4.6vw;
}

h2.h2_point02 div {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 0px 20px 5px 20px;
  color: #654341;
  border-radius: 10px 10px 10px 10px;
  background: #fdcd00;
  border: 1px solid #654341;
}


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

.row02{
  margin-right:0;
}


.br::before {
	display:none;
		}
		
h2.circle01 {

	text-align:left;
	
}



h2.diamond01 {

	text-align:left;
}


/*--------------------------------------------- ベンチ用 -----------------------------------*/
#h2_pro{

	font-size:1.0em;

    }
	
	
p.p_g_c {
	

}	

p.p_g_c {
	
	text-align:left;
	font-size:1.0em;

	padding:10px 20px;


}

}