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



a{
  /*下線を削除*/
  color:#000;
  text-decoration: underline;
}

/** マウスホバー時 **/
a:hover{
  /*下線を表示*/
  text-decoration: underline;
}



a.a_n{ text-decoration:none;}




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

ul, ol { list-style : none}



body {
	 font-family: "M PLUS 1p";
	/*background:#F7F7F7;*/
	background:#fff;
	
	
}













.tab_container {
  padding-bottom: 1em;
  background-color: #fff;
  border:1px solid #3EB1E0;
  margin: 0 auto;
  
  }
.tab_item {
  width: calc(100%/5);
  padding:15px 0;
  border-bottom: 2px solid #3EB1E0 ;
  background-color: #fff;
  text-align: center;
  color: #3EB1E0 ;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;

}
.tab_item:hover {
  opacity: 0.75;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
  display: none;
  padding: 1em 1em 0;
  clear: both;
  overflow: hidden;
  z-index: 0;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content{
  display: block;
}
.tab_container input:checked + .tab_item {
  background-color: #3EB1E0 ;
  color: #fff;
}













/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/
#splash02 {
    /*fixedで全面に固定*/
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background:#3EB1E0;
	text-align:center;
	color:#fff;
}

/* Loading画像中央配置　*/
#splash_logo02 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo02 img {
	width:250px;
}

/* fadeUpをするアイコンの動き */

.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}











.shadow{
    padding: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 100px;
    text-shadow:
            3px 3px 3px #27AD3A, -3px -3px 3px #27AD3A,
           -3px 3px 3px #27AD3A,  3px -3px 3px #27AD3A;
    margin: 0;
}


#particle-canvas {
  width: 100%;
  height: 800px;
  background: rgba(255,255,255,0.6);
  background:url(../images/main.png) no-repeat;
}


.bg-slider__title03{
	
	width:100%;
	font-size: 3.0em;

	text-align:center;
	font-weight: normal;
	padding-top:170px;
	letter-spacing:1rem;
	

}




.bg-mask03 {
  height: 100%;
  background: rgba(255,255,255,0.6);
}


.wave{
	position: relative;
}

.wave canvas{
    position: absolute;
    bottom: 0;
	left:0;
    width: 100%;
}


/*========= ローディング画面のためのCSS ===============*/
#splash {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #246BB5;
	z-index: 9999999;
	text-align:center;
	color:#fff;
	
}

#splash-logo {
	position: absolute;
	font-size:3.0em;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


/*========= 画面遷移のためのCSS ===============*/

/*画面遷移アニメーション*/



body.appear{
    background:#fff;/*画面を開いた後の背景色を指定*/
}

.splashbg{
    display: none;
	content: "";
	position:fixed;
	transform: scale(100);
	background-color: #246BB5;/*伸びる背景色の設定*/
	z-index: 999;
    /*丸のスタートの形状*/
    top:calc(50% - 1rem);/*50%から円の半径を引いた値*/
    left:calc(50% - 1rem);/*50%から円の半径を引いた値*/
	width: 2rem;
	height: 2rem;
}

/*bodyにappearクラスがついたら出現*/
body.appear .splashbg{
    display: block;
    border-radius: 50%;	
	animation-name:PageAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
}

@keyframes PageAnime{
	0% {/*丸のスタート位置と形状*/
		transform: scale(100);
	
	}
	100% {/*丸の終了位置と形状*/
		transform: scale(0);
		display: none;/*終了時は消える*/
	}
}

/*画面遷移の後現れるコンテンツ設定*/
#container{
	opacity: 0;/*はじめは透過0に*/
}

/*bodyにappearクラスがついたら出現*/
body.appear #container{
	animation-name:PageAnimeAppear;
	animation-duration:1s;
	animation-delay: 0.8s;
	animation-fill-mode:forwards;
	opacity: 0;
}

@keyframes PageAnimeAppear{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
}
}







#container02{

    background: #fff;

}


/*========= 粒子を描画するエリア設定 ===============*/

#wrapper{
/*描画されるテキストを中央寄せにする*/
	display:flex;
	justify-content: center;
	align-items: center;
	background:#000;
	
}

/*#particle{
    width:100%;
	height: 100vh;
	vertical-align: bottom;
}/*canvasタグ下に余白が生まれるのを防ぐ*/


#particle{
   /* position: absolute;*/
    left:0;
    top:0;
    width:100%;
	height: 100vh;
	vertical-align: bottom;/*canvasタグ下に余白が生まれるのを防ぐ*/
   /* z-index: 2;*/
	
}

@media screen and (max-width:768px) {
#particle{
    width:170%;
	height:170vh;
    left:-35%;
    top:-35vh;
    }    
}











.gc-wrap {
    max-width: 100%;
    margin: 3% auto;
}
 
.g-calendar {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 70%;
}
 
.g-calendar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
@media screen and (max-width:767px) {
 
    .g-calendar {
        padding-bottom: 100%;
    }
 
}


.gallery{
columns:3;/*段組みの数*/
padding:0 5px;/*ギャラリー左右に余白をつける*/
margin:0;
margin-top:50px;

}

.gallery li {
    margin-bottom: 50px;/*各画像下に余白をつける*/
list-style:none;
}

/*ギャラリー内のイメージは横幅100%にする*/
.gallery img{
	width:100%;
	height:auto;
	vertical-align: bottom;/*画像の下にできる余白を削除*/}

/*　横幅900px以下の段組み設定　*/
@media only screen and (max-width: 900px) {
	.gallery{
	columns:3;
	}	
}

@media only screen and (max-width: 768px) {
	.gallery{
	columns: 2;
	}	
}

/*画像を出現させるアニメーションCSS*/

.flipLeft{
animation-name: flipLeft;
animation-duration:0.5s;
animation-fill-mode:forwards;
perspective-origin: left center;
opacity: 0;
}


.architects-daughter-regular {
  font-family: "Architects Daughter", cursive;
  font-weight: 400;
  font-style: normal;
}

.shadows-into-light-regular {
  font-family: "Shadows Into Light", cursive;
  font-weight: 400;
  font-style: normal;
}



@keyframes flipLeft{
  from {
   transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
 	opacity: 0;
  }

  to {
  transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
  opacity: 1;
  }
}

h3 { text-align:left;
font-size:1.4em;}

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


#main-visual {
	/*height:900px;*/
	height:400px;
	background:#81d8d0;
	/*background-image: url(../images/m_t.png);*/
	background-position:  85% 330px ;
	background-size: 323px;
	background-repeat: no-repeat;
	/*background:#3EB1E0 url(../images/main06.jpg) left center no-repeat ;
	background-size:cover;*/
	z-index:-333;
}


.bg-slider__titletop{
	

	height:400px;
	
	background-image: url(../images/m_t.png);
	background-position:  50% 180px ;
	background-size: 400px;
	background-repeat: no-repeat;
	/*background:#3EB1E0 url(../images/main06.jpg) left center no-repeat ;
	background-size:cover;*/
	z-index:-333;
	

}



#con-visual {
	height:350px;
	background: url(../images/main03.png) bottom  center;
	z-index:-333;
}


#con-facilities {
	height:150px;
	/*background: url(../images/com_facilities.jpg) bottom center;
	z-index:-333;
	background-size:cover;*/
}

#con-aboutus {
	height:150px;
	/*background: url(../images/com_aboutus.jpg) bottom center;
	z-index:-333;
	background-size:cover;*/
}


#con-news {
	height:150px;
	/*background: url(../images/com_news.jpg) top center;
	z-index:-333;
	background-size:cover;*/
}

#con-inquiry {
	height:150px;
	/*background: url(../images/com_inquiry.jpg) center center;
	z-index:-333;
	background-size:cover;*/
}

/*#main-visual {
	margin-top:120px;
	height:300px;
	background: url(../images/main02.jpg)   center;
	background-size:cover;
}*/


/*========= ぼかしのためのCSS ===============*/

.mainblur{
	filter: blur(20px);
}


/*========= ナビゲーションのためのCSS ===============*/




#g-nav ul {
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 40px;
	font-size: 1.0em;
	font-weight:bold;
	
	
}
#g-nav ul li {
	float: left;
	position: relative;

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

/* Btn Hover */
#g-nav ul li:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 2px;

	background: #fff;
	bottom: -20px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

#g-nav ul li:hover:after {
	background: #fff;
	bottom: -10px;
	
}


#g-nav ul li.g-nav_on {
	
	border-bottom: 2px #FFFFFF solid;
	

	
}



#g-nav ul li.li_box {
	padding: 42px 30px;
	border: 0px solid #EA5404;
	margin-top:-40px;
	font-size:1.0em;
	background: #EA5404;
	color: #000;
	text-align:center;
	
	
}

#g-nav ul li.li_box a {
   padding: 40px 0px;
	color: #000;

	
}

#g-nav ul li.li_box:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 0px;

	background: #fff;
	bottom: 0px;
	color: #FFF;

}
#g-nav ul li.li_box:hover:after {
	background: #fff;
	bottom: 0px;
	color: #FFF;
	
}



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

.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: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 50%;
}

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

.openbtn1.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 50%;
}




/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 30px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
  -webkit-transition: 0.5s all;
  -moz-transition   : 0.5s all;
  transition        : 0.5s all;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 3px ;
  left    : 6px;
  background : #BF0000;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active{
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
.hamburger.active span:nth-child(2) {
  top: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}
.hamburger.active span:nth-child(3) {
  opacity: 0;
}

nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #000;
  background: #fff;
  text-align: center;
  transform: translateX(100%);
  transition: all 0.6s;
  width: 100%;
}

nav.globalMenuSp ul {
  background: #fff;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #BF0000;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li:hover{
  background :#ccc;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #000;
  padding: 1em 0;
  text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateX(0%);
}






@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}





.text-focus-in {
  -webkit-animation: text-focus-in 2.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
          animation: text-focus-in 2.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2018-11-27 15:52:19
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}





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

.bg-slider__title{
	color: #000;
	font-size: 3.0em;
	line-height: 1.2;
	text-align:center;
	text-shadow: 2px 2px 2px #fff;
	font-weight: normal;
	padding-top:220px;

}


.bg-slider__title02{
	color: #000;
	font-size: 3.0em;
	line-height: 1.2;
	text-align:center;
	text-shadow: 2px 2px 2px #fff;
	font-weight: normal;
	padding-top:100px;

}


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






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

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




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

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

}


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

}


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

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





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

/*a {
	color: #0b8793;
	color:#000;
}*/




a.a_f{
	color:#FFF;
	text-decoration: underline;
}



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


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


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




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


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

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


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


.con_title{ font-size:2.4em;
color:#FFF;
font-weight:bold;
margin: 0 auto;
/*border:#FFF 5px solid;*/
position: absolute;  
 top: 115px;  
    left: 0px;
padding: 0px 0px 0px 120px;
   /*background: rgba(18,6,6,0.3);
   filter: Alpha(opacity=70);
   opacity:0.8;*/
   width: 100%;
   letter-spacing: 0.3em;
}


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

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



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

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




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


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

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

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


h2.h2_b{
	margin:0 auto;
	margin-top:60px;
	margin-bottom:30px;
	padding: 10px; /*上　右　下　左 */
	text-align: center;
	color:#000;
	font-size: 1.6vw;
	font-weight:normal;
	border-bottom: 4px #666666 double ;
	
	width:80%;
	
}


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

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


h2.h2_b03{
	margin:0 auto;
	margin-top:0px;
	margin-bottom:0px;
	padding: 25px; /*上　右　下　左 */
	text-align: center;
	color:#000;
	font-size: 1.2em;
	font-weight:normal;
	background:#FFBF00;
	border-radius:20px;
	
	
}

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

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


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

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


/*タイトル付き（見出しボックス）*/
.contact_box{
	margin: 2em auto; /* ボックスの余白 */
	background-color: #fff; /* ボックス背景色 */
	padding: 5em 2em 2em; /* ボックス内側余白 */
	position:relative; /*配置(ここを基準に)*/
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);/*ボックス影*/
}
.contact_box .box-title {
	background-color: #3EB1E0; /* タイトル背景色 */
	font-size: 1.4em;/* タイトル文字の大きさ */
	color: #fff; /* タイトル文字色 */
	padding:10px;/*タイトル余白*/
	text-align: center;	/* タイトル中央寄せ */
	position:absolute;	/* 配置(ここを動かす) */
	top:0;	/*上から(0px)に配置 */
	left:0; /*左から(0px)に配置 */
	width:100%;/*横幅最大幅 */
}





.kakomi-box_g {
	width:100%;
 position: relative;
 margin: 2em auto;
 margin-top:20px;
 margin-left:0px;
 padding: 2.8em 1.2em 1.2em 1.2em;
 color: #000; /* 文字色 */
 background:#FFF;
/* background: rgba(18,6,6,0.8);*/
 text-align:left;
 border-radius:10px;
 font-weight:normal;
 line-height:1.8;
 border: 2px solid #828282; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 1px #828282 ;/* 影の色 */
}
.title-box_g {
 position: absolute;
 font-size:1.6em;
 padding: 0.1em 1em 0em 1em;
 left: 20px;
 top: -30px;
 border-radius:10px;
 font-weight: normal;
 /* box-shadow: 2px 2px 1px #2451D8 ; 影の色 */
 background-color:#828282 ; /* タイトル背景色 */
/*  color:#2451D8 ; タイトル文字色 */
 color:#fff ; /* タイトル文字色 */
}


.kakomi-box_r {
	width:100%;
 position: relative;
 margin: 2em auto;
 margin-top:20px;
 margin-left:0px;
 padding: 2.8em 1.2em 1.2em 1.2em;
 color: #000; /* 文字色 */
 background:#FFF;
/* background: rgba(18,6,6,0.8);*/
 text-align:left;
 border-radius:10px;
 font-weight:normal;
 line-height:1.8;
 border: 2px solid #EA5404; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 1px #EA5404 ;/* 影の色 */
}
.title-box_r {
 position: absolute;
 font-size:1.6em;
 padding: 0.1em 1em 0em 1em;
 left: 20px;
 top: -30px;
 border-radius:10px;
 font-weight: normal;
 /* box-shadow: 2px 2px 1px #2451D8 ; 影の色 */
 background-color:#EA5404 ; /* タイトル背景色 */
/*  color:#2451D8 ; タイトル文字色 */
 color:#fff ; /* タイトル文字色 */
}



.kakomi-box_b {
	width:100%;
 position: relative;
 margin: 2em auto;
 margin-top:20px;
 margin-left:0px;
 padding: 2.2em 1.2em 1.2em 1.2em;
 color: #000; /* 文字色 */
 background:#FFF;
/* background: rgba(18,6,6,0.8);*/
 text-align:left;
 border-radius:10px;
 font-weight:normal;
 line-height:1.8;
 border: 2px solid #005693; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 1px #005693 ;/* 影の色 */
}
.title-box_b {
 position: absolute;
 font-size:1.2em;
 padding: 0.1em 1em 0em 1em;
 left: 20px;
 top: -15px;
 border-radius:10px;
 font-weight:bold;
 /* box-shadow: 2px 2px 1px #2451D8 ; 影の色 */
 background-color:#005693 ; /* タイトル背景色 */
/*  color:#2451D8 ; タイトル文字色 */
 color:#fff ; /* タイトル文字色 */
}


a.btn_b {
	
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 90%;
	margin: auto;
	margin-top:30px;
	padding: 0.5rem 0.2rem;
	font-weight: bold;
	color: #005693;
	border-bottom: 2px solid #005693;
	border-radius: 100vh;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	transition: 0.5s;
	
	
}
a.btn_b:hover {
	color: #fff;
	background: #005693;
	border-bottom: 2px solid #fff;
	transform: translateY(3px);
	
}



a.btn_r {
	
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 90%;
	margin: auto;
	margin-top:30px;
	padding: 1rem 4rem;
	font-weight: bold;
	color: #EA5404;
	border-bottom: 2px solid #EA5404;
	border-radius: 100vh;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	transition: 0.5s;
	
	
}
a.btn_r:hover {
	color: #fff;
	background: #EA5404;
	border-bottom: 2px solid #fff;
	transform: translateY(3px);
	
}


a.btn_01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 120px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	color: #27acd9;
	transition: 0.5s;
}
a.btn_01:hover {
	color: #fff;
	background: #27acd9;
}




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

footer {
	background-size: cover;
  background-position: center;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  overflow:hidden;
	margin-top:0px;
	text-align: center;
	background:#81d8d0;
	
	border-top: solid 0px #3EB1E0;
/*background: #fff ;
	background:url(../images/footer.png)  ;*/
	position: relative;

	padding: 5px 0px;

	
}

.f01 {
  background-image: url(../images/footer.png);
}


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


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

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

footer ul a {
	color: #fff;
	display:inline; /*リストを横並びにする PC用*/
	text-decoration: underline;
	text-underline-offset: 0.3em;
	
}



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

footer p.p_ft {
	padding-top:70px;
	text-align: center;
	color:#fff;
	font-size:1.2em;
}

footer p {
	padding-top:0px;
	text-align: center;
	color:#fff;
	margin-top:10px;
	margin-bottom:10px;
	font-size:0.8em;
}


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


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

/*------------------------------------------------- header ---------------------------------------------------------*/
#top-head {
	border-top:#81d8d0 10px solid;
	border-bottom:#81d8d0 1px solid;
	top: 0px;
	position: fixed;
	width: 100%;
	margin: auto 0;
	padding: 0px 0;
	line-height: 1;
	z-index: 5;
	height:110px;
	background: #fff;
	/*background: #FFFDED #F7F7F7 #BAF01A;
	background: rgba(255,255,255,0.5);*/
	
}
#top-head a,
#top-head {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}
#top-head .inner {
	position: relative;
	
}

/*--- ロゴ　-------------------*/
header .logo {
	float: left;
	width:500px;
	height:100px;
	/*font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	margin-top:0px;
	margin-left:1%;
	padding:0px 0;
	display: block;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background:url(../images/logo_new.png) no-repeat 0px 5px;
}


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


header .logo_s {
	float: left;
	font-size: 1.6em;
	padding-left:0px;
	height:90px;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top:20px;
	margin-left:30px;
	padding:0px 0;
	
	/*background:url(../images/logo_s_n.png) no-repeat 10px 5px;*/
}

/*#global-nav ul {
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 35px;
	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: #E4017E;*/
	background: #666;
	bottom: -20px;
	
/*}*/


#global-nav ul {
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 35px;
	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: #E4017E;*/
	background: #666;
	bottom: -20px;
	
}


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

	/*background: #FFF;
	background: rgba(255,255,255,0.9);*/
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
	
}
#top-head.fixed .logo {
	
	
	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;
	z-index: 101;
	height:100px;
}

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


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


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


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

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

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



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


#contents_top {
	will-change: transform;
max-width:100%;
background:#CFECF8   ;  /*#C8E2F4  #D5F3FE*/
margin: 0 auto;
margin-top: 0px; }


#contents_top_t {
width:1200px;

margin: 0 auto;
margin-top: 0px;
padding:30px 0px 0px 0px;
 }


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

.contents_top01 {

position: relative;
  /*min-height: 100vh;*/
/*  background-attachment: fixed;*/
  background-size: cover;
  background-position: center;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  overflow:hidden;
  /*border-top: #F7B400 10px solid;*/
  
}


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


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

.bg-mask02 {
  height: 100%;
  background: rgba(255,255,255,0.4);
}


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

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

#contents_top_t02 {

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


/*---- TOPページ　関連サイトエリア　 ----*/


#contents_top_t03 {

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


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

#contents_top03_02 {

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

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


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


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

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


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




#contents_top_b {

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



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

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




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

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

} 

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

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

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

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

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

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

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


#contents_cont {
/*background: #FFFDED; */
width:100%;
margin: 0 auto;
padding-top:30px;
padding-bottom:50px;}

#contents_con {
will-change: transform;
/*background: #FFFDED; */
width:1200px;
margin: 0 auto;
margin-top: 20px;
margin-bottom:50px;
 }
 
 


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.0em;
	text-align: justify;
}


p.p_info {
	
	text-align: left;
	line-height:1.8em;
	margin-left:0px;
	margin-top:20px;
	margin-bottom:30px;
	
}


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


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


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


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

#contents_con p.p_c{
	margin: 30px 0px; 
	padding: 0px; 
	text-align: center;
	width:100%;
}


#contents_con p.p_c_o{
	margin: 30px 0px; 
	padding: 0px; 
	text-align: center;
	width:100%;
}



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

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


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


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

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


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


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



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

#whatnew h2{
	width:100%;
	text-align:left;
	font-size:1.4em;
	color: #FFF;
	margin: 10px 0px 0px 0px;
	padding:5px 0px 5px 40px;
	font-weight:normal;
    background:#3EB1E0 url(../images/m_rogo.png) no-repeat 5px;
}

#whatnew dl {
border: 1px solid #3EB1E0;
  height:480px;
   overflow:scroll;
   overflow-x:hidden;
   margin: 0 0 0px 0px; /*上　右　下　左 */

}


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



#whatnew dd {
    margin: 0 0px 20px 0px; /*上　右　下　左 */
 	padding: 10px;/*上　右　下　左 */
	border-bottom: 1px dashed #3EB1E0;
	text-align:left;
	line-height:2.0em;
	color: #000;
	text-align: justify;
}


#whatnew ul {
border: 1px solid #3EB1E0;
  height:454px;
   overflow:scroll;
   overflow-x:hidden;
   margin: 0 0 0px 0px; /*上　右　下　左 */

}

.scroll_bar{
 scrollbar-width: thin;
   scrollbar-color: #17585d #ccc;
}

.scroll_bar::-webkit-scrollbar{
   width: 5px;
}
.scroll_bar::-webkit-scrollbar-track{
   background-color: #ccc;
}
.scroll_bar::-webkit-scrollbar-thumb{
   background-color: #17585d;
}


#whatnew ul li {
 	padding: 10px 10px 10px 40px;/*上　右　下　左 */
	font-weight: normal;
	margin-top:20px;
	margin-right:0px;
	margin-left:0px;
	background: url(../images/what.png) no-repeat 5px 5px;
    text-align:left;
	color: #000;
	text-align: justify;
	border-bottom: 1px dashed #3EB1E0;
}


/*#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 0px solid;
	
	margin: 10px 0 10px 0px; /*上　右　下　左 */
}

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

div.sub_03_s{
	width:100%;
	text-align: center;
	border:#000 0px solid;
	
	margin: 10px 0px 10px 0px; /*上　右　下　左 */
}


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

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


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


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




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


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

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

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


/*----------------------------------------------- トップ スパーク稲城紹介エリア -------------------------------------------------*/
div.toppro{ margin-bottom:20px;}

div.toppro01{ margin-bottom:100px;
margin-top:50px;}

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

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

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


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



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

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


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



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

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


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



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

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


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



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

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

h2.h2_01{
  position: relative;
  color: #000;
  
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
  text-align:left;
  border-bottom:#000 1px solid;
}

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



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

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


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

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



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

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

/*------------アクセスアイコンタイプ----------*/
h2.h2_05 {
position: relative;
background: #828282;
padding: 0.1em 0.5em;
border-left: solid 2em #828282;
color: white;
font-weight: normal;
margin-bottom:20px;
}

h2.h2_05:before {
font-family: FontAwesome;
content: "\f041"; 
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -1.30em;
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: #CFFEDD;
box-shadow: 0px 0px 0px 5px #CFFEDD;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545;
margin-bottom:30px;
margin-top:20px;
font-weight:normal;
}

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

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

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

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


/*------------フォトアイコンタイプ----------*/
h2.h2_09 {
position: relative;
background: #828282;
padding: 0.1em 0.5em;
border-left: solid 2em #828282;
color: white;
margin-top:0px;
text-align:left;
font-weight:normal;
}

h2.h2_09:before {
font-family: FontAwesome;
content: "\f1c5";
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%);
}

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

}

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




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


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

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



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


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

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

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


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

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


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


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

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



h2.h2_m {
 	padding: 10px 0px 10px 65px;/*上　右　下　左 */
	font-weight: bold;
	margin-left:0px;
	background: url(../images/mark_02.png) no-repeat 0px 10px;
    text-align:left;
	color: #06C152;
	margin-bottom:0px;
	border-bottom: #06C152 1px solid;
}


h2.h2_para {
 	padding: 15px 0px 10px 65px;/*上　右　下　左 */
	font-weight: bold;
	margin-left:0px;
	background: url(../images/para.png) no-repeat 0px 0px;
    text-align:left;
	color: #F88400;
	margin-bottom:0px;
	
}


h2.h2_para02 {
 	padding: 15px 0px 10px 65px;/*上　右　下　左 */
	font-weight: bold;
	margin-left:0px;
	background: url(../images/para02.png) no-repeat 0px 0px;
    text-align:left;
	color: #F88400;
	margin-bottom:0px;
	
}





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

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



h3.h3_title{
	height:50px;
	text-align:left;
	color: #FFF;
	margin: 0 0px 0px;
	padding-left:40px;
    background:url(../images/m_rogo.png) no-repeat;
}


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


table {
  width: 100%;
    *border-collapse: collapse;
    border-spacing: 0;
	margin:20px 0 50px 0px;
	padding-bottom:0px;
	font-size:1.0em;
	
   border: 1px #666 solid;     /* 枠線の装飾 */
   background-color: #fff;   /* 背景色 */
	
}


table.table_m {
  width: 100%;
	margin:0px 0 30px 0px;
	padding-bottom:0px;
    background-color: #fff;
    border: 0px #fff solid;     /* 枠線の装飾 */
  /* background-color: #fff;    背景色 */
	
}


table.table_s {
  width: 100%;
    *border-collapse: collapse;
    border-spacing: 0;
	margin:30px 0 20px 0px;
	padding-bottom:0px;
	font-size:1.0em;
	
   border: 1px #ccc solid;     /* 枠線の装飾 */
   background-color: #FFFDED;   /* 背景色 */
	
}

th.t_m {
    border-bottom: #CCC 1px solid;
	border-top: #CCC 0px  solid;
	background: #FFFDED;
	color:#000;
	width:70%;
}


th.t_top_f {
    border-bottom: #CCC 1px solid;
	border-top: #fff 0px  solid;
	background: #F0F0F0;
	width:25%;
	font-weight:normal;
}


th.t_top {
    border-bottom: #666 1px solid;
	border-top: #fff 0px  solid;
	background: #F6AA00;
	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:20%;
}


th.t_top_s {
    border-bottom: #ccc 1px solid;
	border-top: #fff 0px  solid;
	background: #FFFDED;
	width:25%;
	font-weight:normal;
	padding: 10px;
}



th {
	border-bottom: #CCC 1px solid;
	border-left: #CCC 0px solid;
	text-align: left;
	background: #F0F0F0;
	padding: 15px;
	font-weight:normal;
	color:#000;
	width:25%;
}

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: #666 1px solid;
border-right: #CCC 0px solid;
	text-align: left;
	padding: 15px;
}

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


td.td_m {
border-bottom: #CCC 1px solid;
border-right: #CCC 0px solid;
	text-align: right;
	padding: 10px;
	background: #FFFDED;
}

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


.t_bn {
	background: #FFFDED;
	border-bottom: 0px;
	padding: 10px;
}

.t_bn_f {
	background: #F0F0F0;
	border-bottom: 0px;
}


.td_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: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #ff7c5c;
    border: solid 2px #ff7c5c;
    border-radius: 3px;
    transition: .4s;
	font-size:1.4em;
}

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


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

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

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

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

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


.button:hover {
  background-color: #E21412;
}



.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 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--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}


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

textarea
{width:98%; font-size:100%; padding:10px 10px; height:200px; margin-bottom:0px; line-height:1.8em;
font-family: 'メイリオ', Meiryo, '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Noto Sans Japanese', sans-serif;}


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:100%; margin: 0; padding: 10px; background: #363636; border: 1px #fff solid; color: #FFF; -webkit-appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0 2px 2px #363636; font-weight: normal; }

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






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

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

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


.img_toi{
	display:none;
}

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

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

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

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

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

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

}

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

}

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

}

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

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

}

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

}

.img_bot{
	margin:10px 20px;

}

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

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


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

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


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

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


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

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

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


.img_rogo{
	margin-top:20px;
	margin-bottom:30px;

}

.img_new{
	margin-left:10px;
}

.img_bm{
	border:#3EB1E0 solid 2px;
}

.img_right05{
	 margin-right: 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;
			 }

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

.big_top{ font-size:1.4em;
font-weight: normal;
}

.small03{font-size:0.5em;}


/*------------------------------------------------------ リスト ----------------------------------------------------------------*/
div.list_mark {
	margin: 30px 0px 50px 0;
	padding:0px;
	width:100%;
	line-height:1.8;
	padding:20px;
border:#3EB1E0 1px solid;
border-radius:10px;
 /*  background-color: #fff;    背景色 */
}

div.list_mark li {
	margin-bottom:20px;
	padding: 10px 0px 10px 60px;/*上　右　下　左 */
	background: url(../images/mark_02.png) no-repeat 0px 0px;
	border-bottom:#3EB1E0 1px dashed;
	
	text-align:left;
}


div.list_mark li.li_web {
	margin-bottom:20px;
	padding: 10px 0px 15px 60px;/*上　右　下　左 */
	background: url(../images/web.png) no-repeat 0px 0px;
	border-bottom:#3EB1E0 1px dashed;
	
	text-align:left;
}


div.list_mark li.li_pdf {
	margin-bottom:20px;
	padding: 10px 0px 15px 60px;/*上　右　下　左 */
	background: url(../images/pdf.png) no-repeat 0px 0px;
	border-bottom:#3EB1E0 1px dashed;
	
	text-align:left;
}


div.list_mark li.li_news {
	margin-bottom:20px;
	padding: 10px 0px 15px 60px;/*上　右　下　左 */
	background: url(../images/news.png) no-repeat 0px 0px;
	border-bottom:#3EB1E0 1px dashed;
	
	text-align:left;
}


/*------------------------------------------------------ リスト ----------------------------------------------------------------*/
div.list_mark_dl {
	margin: 30px 0px 50px 0;
	padding:0px;
	width:100%;
	line-height:1.8;
	padding:20px;
border:#3EB1E0 0px solid;
border-radius:10px;
 /*  background-color: #fff;    背景色 */
}

div.list_mark_dl li {
	margin-bottom:20px;
	padding: 10px 0px 10px 60px;/*上　右　下　左 */
	background: url(../images/mark_02.png) no-repeat 0px 0px;
	border-bottom:#3EB1E0 1px dashed;
	
	text-align:left;
}


div.list_mark_dl li.li_web {
	margin-bottom:20px;
	padding: 10px 0px 15px 60px;/*上　右　下　左 */
	background: url(../images/web.png) no-repeat 0px 0px;
	border-bottom:#3EB1E0 1px dashed;
	
	text-align:left;
}


div.list_mark_dl li.li_pdf {
	margin-bottom:20px;
	padding: 10px 0px 15px 40px;/*上　右　下　左 */
	background: url(../images/pdf_s.png) no-repeat 0px 5px;
	border-bottom:#3EB1E0 1px dashed;
	
	text-align:left;
}


div.list_mark_dl li.li_news {
	margin-bottom:20px;
	padding: 10px 0px 15px 60px;/*上　右　下　左 */
	background: url(../images/news.png) no-repeat 0px 0px;
	border-bottom:#3EB1E0 1px dashed;
	
	text-align:left;
}


/*------------------------------------------------------ リスト ----------------------------------------------------------------*/
div.list_mark02 {
	margin: 0px 0px 20px 0;
	padding:0px;
	width:100%;
	line-height:1.8;

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

div.list_mark02 li {
	margin-bottom:10px;
	padding: 0px 0px 5px 35px;/*上　右　下　左 */
	background: url(../images/list02.png) no-repeat 0px 0px;
	border-bottom:#CCCCCC 1px solid;
	
	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;
}







/*-- リスト（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 10px;/*上　右　下　左 */
	margin: 5 0 0px 2px; /*上　右　下　左 */
/*	text-indent:15px;
	background: url(../images/yaji06.png) no-repeat 0px 10px;*/
	border-bottom:#CCCCCC 1px dashed;
	text-align: center;
}


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



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

div.column2_01 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float:left;
	 width:64%;
	 background:#FFF;
	 padding-bottom:10px;
	 padding-left:10px;
	 padding-right:10px;
}

div.column2_02 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float: right;
	 width:30%;
	 background:#FFF;
padding-bottom:0px;
padding-left:10px;
	 padding-right:10px;
}



/*------------------------------------------------  スタッフ　カラム2段 ----------------------------------------------------*/
div.column2-s{
clear:both;
width:100%;
text-align: center;
margin: 20px 0px 20px 0px; /*上　右　下　左 */
}

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

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

}



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

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

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

}



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

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

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



/*---------------- カラム2段（枠なし） ----------------------------------------------------*/
div.column2-n{
clear:both;
text-align:center;
border-bottom: #3EB1E0 2px dashed;
margin: 20px 0px 50px 0px; /*上　右　下　左 */
}

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

div.column2-n_02 {
     float: right;
	 width:47%;
     margin: 0px 0px 20px 0px;/*上　右　下　左 */
	 text-align: left;
	 line-height: 1.8;
}



/*------------------------------------------------  施設写真　カラム2段 ----------------------------------------------------*/
div.column-photo{
clear:both;
width:100%;
text-align: center;
margin: 20px 0px 20px 0px; /*上　右　下　左 */
}


/*------------------------------------------------  オーナー　カラム2段 ----------------------------------------------------*/
div.column-owner{
clear:both;
width:100%;
text-align: center;
margin: 20px 0px 20px 0px; /*上　右　下　左 */
}

div.column-owner_01 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float:left;
	 text-align: center;
	 width:35%;
	 color:#FFF;
	 
}

div.column-owner_02 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float: right;
	 text-align:left;
	 width:60%;
	 

}









/*------------------------------------------------------- 4カラム -------------------------------------------------------------*/
*, *:before, *:after {
	box-sizing: border-box;
}
.col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
/*background-color: #005693;  背景の色 */
color: #FFF; /* 文字の色 */
text-align: center; /* 内容は中央配置 */
margin: 30px 0px 50px 0px;
}
.col_4 > div{
	width: 33%;
	padding: 10px;
}
@media screen and (max-width: 1090px) {
	.col_4 > div{
		width: 50%; /*33.33333%*/
	}
}
@media screen and (max-width: 480px) {
	.col_4 > div{
		width: 100%;
	}
}




/*左上に背景色ありタイトル*/
.box_about{
	margin: 2em auto; /* ボックスの余白 */
	padding:3em 2em 2em; /* ボックス内側余白 */
	position:relative; /* 配置(ここを基準に)*/
	border: 1px solid #909792;	/* ボックスの線 (太さ　種類　色)*/
}
.box_about .box-title {
	background-color:#909792; /* タイトル背景色 */
	font-size: 1em;/* タイトル文字の大きさ */
	color: #fff ; /* タイトル文字色 */
	padding: 7px 10px;/*タイトルの余白*/
	line-height: 1;/*タイトルの行の高さ*/
	position:absolute;	/* 配置(ここを動かす) */
	top: 0; /*上から（0px）移動*/
	left: 0; /*左から(0px)移動*/
}











#history_top {
will-change: transform;
width:1100px;
margin: 0 auto;
margin-top: 20px;
margin-bottom:50px;
 } 


.shopbox .p_owner {
	padding:20px 0px 0px 0px;
	text-align:left;
}


div.list_owner {
	margin: 0px 0 10px 0px;
	padding:0px;

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

div.list_owner ul li {
	padding: 0px 10px 0px 25px;/*上　右　下　左 */
	margin: 0 0 5px 0px; /*上　右　下　左 */
	background: url(../images/king.gif) no-repeat 0px 5px;
	border-bottom:#000 0px dashed;
	text-align:left;
	color: #fff;
}







/*------------------------------------------------ フッター　カラム2段 ----------------------------------------------------*/
div.column2-f{
	
width:1200px;
text-align:center;
margin:0 auto;
}

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

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

}


/*---------------- お知らせ カラム2段 ----------------------------------------------------*/
div.column2-info{
clear:both;
width:100%;
border-bottom: #3EB1E0 1px dashed;
/*background:url(../images/shop_back.png) right bottom no-repeat;*/
margin: 20px 0px 50px 0px; /*上　右　下　左 */
}

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

div.column2-info_02 {
     margin: 0px 0px 20px 0px;/*上　右　下　左 */
	 float: right;
	 width:47%;
	 line-height:1.8;
	 

}


div.staff-main{
clear:both;
width:100%;
padding:20px 20px;
line-height:1.8;
border: #AACC04 1px solid;
border-radius:10px;
background:url(../images/shop_back02.png) right bottom no-repeat;
margin: 0px 0px 30px 0px; /*上　右　下　左 */
}




/*------------------------------------------------------------- 採用情報　サイド固定 --------------------------------------------*/


.r_side {
  
    position: fixed;
	top: 150px;
    right: 5px;
	z-index:2;
}
.r_side a {
    display: block;
    background-color: #EA5404;
	border:#FFF solid 3px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    padding: 50px 30px;
	/*filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.8;*/
	border-radius:10px;
}
.r_side a:hover {
    display: block;
    background-color: #fff;
	border:#EA5404 3px solid;
    text-align: center;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    padding:50px 30px;
	/*filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.8;*/
	border-radius:10px;
}



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

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

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


.pagetop {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 5px;
	z-index:10;
}
.pagetop a {
    display: block;
    background-color: #000;
	border:#FFF solid 1px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 30px 40px;
	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:30px 40px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.8;
}


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

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

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



/*-------------------------------------------------- Googel map　---------------------------------------------------------*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


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

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

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




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

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

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











.section{
  padding: 130px 50px;
  margin-bottom:100px;
  margin-top:100px;
}

.section__title{
color:#FFF;
font-size:1.8em;
text-align:center;
}

.section__description{
	color:#FFF;
	text-align:center;
}

.section__block{
	color:#FFF;
	text-align:center;
}

.section_bg{
 /* background-color:#eee;*/
 background:url(../images/r.png)
}

.section_bg02{
 /* background-color:#eee;*/
 background:url(../images/shisetsu.png)
}

/* 右肩上がり */
.section.section_tilt_r {
  clip-path: polygon(0 60px, 100% 0, 100% calc(100% - 60px), 0 100%);
}

/* 右肩下がり */
.section.section_tilt_l {
  clip-path: polygon(0 0, 100% 60px, 100% 100%, 0 calc(100% - 60px));
}

.line {
	color: #fff;
  display: block;
/*  font-family: "Josefin Sans";*/
  font-weight: bold;
  text-shadow:
            2px 2px 2px #3EB1E0, -2px -2px 2px #3EB1E0,
           -2px 2px 2px #3EB1E0,  2px -2px 2px #3EB1E0,
            2px 0px 2px #3EB1E0, -2px -0px 2px #3EB1E0,
            0px 2px 2px #3EB1E0,  0px -2px 2px #3EB1E0;
			line-height:1.8;
}



.line02 {
	color: #fff;
  display: block;
/*  font-family: "Josefin Sans";*/
font-size:1.6em;
  font-weight: bold;
  text-shadow:
            2px 2px 2px #F6AB00, -2px -2px 2px #F6AB00,
           -2px 2px 2px #F6AB00,  2px -2px 2px #F6AB00,
            2px 0px 2px #F6AB00, -2px -0px 2px #F6AB00,
            0px 2px 2px #F6AB00,  0px -2px 2px #F6AB00;
			line-height:1.8;
}





@import url("https://fonts.googleapis.com/css?family=Cardo|Pathway+Gothic+One");
.timeline {
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  flex-direction: column;
  max-width: 1000px;
  position: relative;
}
.timeline__content-title {
  font-weight: normal;
  font-size: 66px;
  margin: -10px 0 0 0;
  transition: 0.4s;
  padding: 0 10px;
  box-sizing: border-box;
  font-family: "Pathway Gothic One", sans-serif;
  color: #fff;
}
.timeline__content-title02 {
  font-weight: normal;
  font-size: 30px;
  margin: -30px 0 0 0;
  transition: 0.4s;
  padding: 0 10px;
  box-sizing: border-box;
  font-family: "Pathway Gothic One", sans-serif;
  color: #fff;
}
.timeline__content-desc {
  margin: 0;
  font-size: 15px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.7);
  font-family: Cardo;
  font-weight: normal;
  line-height: 25px;
}
.timeline:before {
  position: absolute;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  content: "";
  background: rgba(255, 255, 255, 0.07);
}
@media only screen and (max-width: 767px) {
  .timeline:before {
    left: 40px;
  }
}
.timeline-item {
  padding: 200px 0;
  opacity: 0.3;
  filter: blur(2px);
  transition: 0.5s;
  box-sizing: border-box;
  width: calc(50% - 40px);
  display: flex;
  position: relative;
  transform: translateY(-80px);
}
.timeline-item:before {
  content: attr(data-text);
  letter-spacing: 3px;
  width: 100%;
  position: absolute;
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  font-family: "Pathway Gothic One", sans-serif;
  border-left: 2px solid rgba(255, 255, 255, 0.5);
  top: 70%;
  margin-top: -5px;
  padding-left: 15px;
  opacity: 0;
  right: calc(-100% - 56px);
}
.timeline-item:nth-child(even) {
  align-self: flex-end;
}
.timeline-item:nth-child(even):before {
  right: auto;
  text-align: center;
  left: calc(-100% - 56px);
  padding-left: 0;
  border-left: none;
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  padding-right: 15px;
}
.timeline-item--active {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0px);
}
.timeline-item--active:before {
  top: 50%;
  transition: 0.3s all 0.2s;
  opacity: 1;
}
.timeline-item--active .timeline__content-title {
  margin: -50px 0 20px 0;
}
@media only screen and (max-width: 960px) {

  .timeline-item {
    align-self: baseline !important;
    width: 100%;
    padding: 200px 30px 200px 80px;
  }
  .timeline-item:before {
    left: 10px !important;
    padding: 0 !important;
    top: 50px;
    text-align: center !important;
    width: 60px;
    border: none !important;
  }
  .timeline-item:last-child {
    padding-bottom: 40px;
  }
}
.timeline__img {
  max-width: 100%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
  
}
.timeline-container {
  width: 100%;
  position: relative;
  padding: 80px 0;
  transition: 0.3s ease 0s;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;

  
}
.timeline-container:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(99, 99, 99, 0.8);
  content: "";
}
.timeline-header {
  width: 100%;
  text-align: center;
  margin-bottom: 80px;
  position: relative;
}
.timeline-header__title {
  color: #fff;
  font-size: 46px;
  font-family: Cardo;
  font-weight: normal;
  margin: 0;
}
.timeline-header__subtitle {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Pathway Gothic One", sans-serif;
  font-size: 16px;
  letter-spacing: 5px;
  margin: 10px 0 0 0;
  font-weight: normal;
}

.demo-footer {
  padding: 60px 0;
  text-align: center;
}
.demo-footer a {
  color: #999;
  display: inline-block;
  font-family: Cardo;
}






/*左上にずらした背景色ありタイトル*/
.staffbox{
margin: 2em auto; /* ボックスの余白 */
background-color: #fafafa; /* ボックス背景色 */
padding:3em 2em 2em; /* ボックス内側余白 */
position:relative; /* 配置(ここを基準に)*/
border: 1px solid #F88400;	/* ボックスの線 (太さ　種類　色)*/
border-radius:10px;
text-align:center;
}
.staffbox .box-title {
	background:url(../images/mark_03.png) left no-repeat;
background-color:#F88400; /* タイトル背景色 */
font-size: 1em;/* タイトル文字の大きさ */
color: #fff ; /* タイトル文字色 */
padding: 7px 10px 7px 50px;/*タイトルの余白*/
line-height: 1;/*タイトルの行の高さ*/
position:absolute;	/* 配置(ここを動かす) */
top: -10px; /*上から（0px）移動*/
left: 20px; /*左から(0px)移動*/
border-radius:10px;
}



/*左上にずらした背景色ありタイトル*/
.shopbox{
margin: 2em auto; /* ボックスの余白 */
/* background-color: #fafafa; ボックス背景色 */
padding:3em 2em 2em; /* ボックス内側余白 */
position:relative; /* 配置(ここを基準に)*/
border: 1px solid #F88400;	/* ボックスの線 (太さ　種類　色)*/
border-radius:10px;
text-align: left;
}
.shopbox .box-title {
	background:url(../images/mark_03.png) left no-repeat;
background-color:#F88400; /* タイトル背景色 */
font-size: 1em;/* タイトル文字の大きさ */
color: #fff ; /* タイトル文字色 */
padding: 7px 10px 7px 50px;/*タイトルの余白*/
line-height: 1;/*タイトルの行の高さ*/
position:absolute;	/* 配置(ここを動かす) */
top: -10px; /*上から（0px）移動*/
left: 20px; /*左から(0px)移動*/
border-radius:10px;
}

.shopbox .p_staff {
	padding:20px 0px 0px 0px;
}



a.btn_shop {
	
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 300px;
	margin: auto;
	margin-top:30px;
	padding: 1rem 4rem;
	font-weight: bold;
	color: #06C152;
	border-bottom: 2px solid #06C152;
	border-radius: 100vh;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	transition: 0.5s;
	
	
}
a.btn_shop:hover {
	color: #fff;
	background:#06C152 ;
	border-bottom: 2px solid #fff;
	transform: translateY(3px);
	
}



a.btn_g {
	
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 90%;
	margin: auto;
	margin-top:30px;
	padding: 1rem 0.5rem;
	font-weight: bold;
	color: #828282;
	border-bottom: 2px solid #828282;
	border-radius: 100vh;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	transition: 0.5s;
	
	
}
a.btn_g:hover {
	color: #fff;
	background:#828282;
	border-bottom: 2px solid #fff;
	transform: translateY(3px);
	
}



a.btn_link {
	
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 90%;
	margin: auto;
	margin-top:30px;
	padding: 1rem 0.5rem;
	font-weight: bold;
	color: #06C152;
	border-bottom: 2px solid #06C152;
	border-radius: 100vh;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	transition: 0.5s;
	
	
}
a.btn_link:hover {
	color: #fff;
	background: #06C152;
	border-bottom: 2px solid #fff;
	transform: translateY(3px);
	
}



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

/*--------------------------------------- スタッフ実績 ----------------------------------------------*/
div.list_staff {
	margin: 0px 0 10px 0px;
	padding:0px;

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

div.list_staff ul li {
	padding: 0px 10px 0px 20px;/*上　右　下　左 */
	margin: 0 0 0px 0px; /*上　右　下　左 */
	background: url(../images/king.gif) no-repeat 0px 5px;
	border-bottom:#000 0px dashed;
	text-align:left;
	color: #000;
}


div.list_staff02 {
	margin: 0px 0 0px 0px;
	padding:0px;

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

div.list_staff02 ul li {
	padding: 0px 10px 0px 30px;/*上　右　下　左 */
	margin: 0 0 0px 0px; /*上　右　下　左 */
	background: url(../images/king.gif) no-repeat 0px 2px;
	border-bottom:#000 0px dashed;
	text-align:left;
	color: #000;
}


h3.h3_staff {
font-size : 1.0em; /* 24px */
text-align:left;
color:#A5C544;
margin-top:10px;
margin-left:0px;
margin-bottom:0em;
padding:0px;
font-weight:normal;} 


/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#ccc;
}

/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title{
	font-size:1.2rem;
	text-align: center;
	margin: 0 0 20px 0;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
	padding:0;
}


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

@media print{


#top-head {
	display:none;
}

footer {
	display:none;
}

div.pageup{
	display:none;}

.pageup02{display:none;}

}

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
















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

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



.kakomi-box_g {
	width:100%;
 position: relative;
 margin: 2em auto;
 margin-top:20px;
 margin-left:0px;
 padding: 2.8em 1.2em 1.2em 1.2em;
 color: #000; /* 文字色 */
 background:#FFF;
/* background: rgba(18,6,6,0.8);*/
 text-align:left;
 border-radius:10px;
 font-weight:normal;
 line-height:1.8;
 border: 2px solid #828282; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 1px #828282 ;/* 影の色 */
}
.title-box_g {
 position: absolute;
 font-size:1.6em;
 padding: 0.1em 1em 0em 1em;
 left: 20px;
 top: -20px;
 border-radius:10px;
 font-weight: normal;
 /* box-shadow: 2px 2px 1px #2451D8 ; 影の色 */
 background-color:#828282 ; /* タイトル背景色 */
/*  color:#2451D8 ; タイトル文字色 */
 color:#fff ; /* タイトル文字色 */
}


.kakomi-box_r {
	width:100%;
 position: relative;
 margin: 2em auto;
 margin-top:20px;
 margin-left:0px;
 padding: 2.8em 1.2em 1.2em 1.2em;
 color: #000; /* 文字色 */
 background:#FFF;
/* background: rgba(18,6,6,0.8);*/
 text-align:left;
 border-radius:10px;
 font-weight:normal;
 line-height:1.8;
 border: 2px solid #EA5404; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 1px #EA5404 ;/* 影の色 */
}
.title-box_r {
 position: absolute;
 font-size:1.6em;
 padding: 0.1em 1em 0em 1em;
 left: 20px;
 top: -20px;
 border-radius:10px;
 font-weight: normal;
 /* box-shadow: 2px 2px 1px #2451D8 ; 影の色 */
 background-color:#EA5404 ; /* タイトル背景色 */
/*  color:#2451D8 ; タイトル文字色 */
 color:#fff ; /* タイトル文字色 */
}


#g-nav ul li.li_box {
	padding: 20px 10px;
	border: 0px solid #EA5404;
	margin-top:10px;
	font-size:1.0em;
	background: #EA5404;
	color: #FFF;
	text-align:center;
	border-radius:10px;
	
	
}

#g-nav ul li.li_box a {
   padding: 20px 0px;
	color: #fff;

	
}

#g-nav ul li.li_box:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 0px;

	background: #fff;
	bottom: 0px;
	color: #fff;

}
#g-nav ul li.li_box:hover:after {
	background: #fff;
	bottom: 0px;
	color: #fff;
	
}

.r_side {
  
    position: fixed;
	top: 150px;
    right: 5px;
	z-index:2;
}


#main-visual {
	/*height:900px;*/
	height:310px;
	background:#81d8d0;
	/*background-image: url(../images/main07.png);
	background-position:  100% 240px ;*/
	background-size: 280px;
	background-repeat: no-repeat;
	/*background:#3EB1E0 url(../images/main06.jpg) left center no-repeat ;
	background-size:cover;*/
	z-index:-333;
}


.bg-slider__titletop{
	
	height:310px;
	
	background-image: url(../images/m_t_m.png);
	background-position:  50% 130px ;
	background-size: 360px;
	background-repeat: no-repeat;
	/*background:#3EB1E0 url(../images/main06.jpg) left center no-repeat ;
	background-size:cover;*/
	z-index:-333;
	

}

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


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

h1.title02{ 

}


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



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


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


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

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


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


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


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

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


#history_top {
width:96%;
margin: 0 auto;
margin-top: 20px;
margin-bottom:50px;
 } 


#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:70px 0px;
width:98%;
margin: 0 auto;
text-align:center; }



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

#contents_top_t02 {

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


#contents_top03 {

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


#contents_top_t03 {

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





#contents_top_b {

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


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


#contents_con {
/*background: #FAFAFA;*/
font-size:0.8em;
width:96%;
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;
	
}

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

	



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

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



#whatnew ul {

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

}



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;     /* 枠線の装飾 */
}


/*========= ナビゲーションのためのCSS ===============*/

#g-nav{
	
    /*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 {
    /*ナビゲーション天地中央揃え*/
	

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

#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.2em;
  border-bottom:#FFF 0px solid;
}




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

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

.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: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 50%;
	background-color: #FFF;
}

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

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


#top-head {
	font-size: 14px;
	top: 0px;
	position: fixed;
	width: 100%;
	height: 100px; 
	margin: auto 0;
	padding: 0px 0;
	line-height: 1;
	z-index: 5;
	
	/*background:#4CBBC1;*/
	
}


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


	/*========= ボタンのためのCSS ===============*/
.openbtn{
	position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
	top:20px;
	right: 10px;
	cursor: pointer;
    width: 50px;
    height:50px;
}


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


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


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

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


}

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



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










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

	
}


.bg-slider__title02{
	
	font-size: 3vw;
	line-height: 1.5;

	
}


div.pagetop {
    display: none;
}

div.pagetop a {
   display: none;
	
}


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

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

  
}


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









p {
	
	font-size:1.0em;
}




.bg-slider__title03{

	width:100%;
	font-size: 2.0em;

	text-align:center;
	font-weight: normal;
	padding-top:150px;
	
	

}





/*------------------------------------------------ フッター　カラム2段 ----------------------------------------------------*/
div.column2-f{
	
width:96%;
text-align:center;
margin:0 auto;
 
}

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

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








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

div.column2_01 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float:left;
	 width:55%;
	 background:#FFF;
	 padding-bottom:20px;
	 padding-left:10px;
	 padding-right:10px;
}

div.column2_02 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */
	 float: right;
	 width:39%;
	 background:#FFF;
padding-bottom:0px;
padding-left:10px;
	 padding-right:10px;
	 font-size:0.8em;
}



.section_bg{
 /* background-color:#eee;*/
 background:url(../images/r_m.png)
}

.section_bg02{
 /* background-color:#eee;*/
 background:url(../images/shisetsu_m.png)
}


.con_title{ font-size:1.6em;
color:#FFF;
font-weight:bold;
margin: 0 auto;
/*border:#FFF 5px solid;*/
position: absolute;  
 top: 100px;  
    left: 0px;
padding: 0px 0px 0px 30px;
   /*background: rgba(18,6,6,0.3);
   filter: Alpha(opacity=70);
   opacity:0.8;*/
   width: 100%;
   letter-spacing: 0.3em;
}


#con-facilities {
	height:120px;
	/*background: url(../images/com_facilities.jpg) bottom center;
	z-index:-333;
	background-size:cover;*/
}

#con-aboutus {
	height:120px;
	/*background: url(../images/com_aboutus.jpg) bottom center;
	z-index:-333;
	background-size:cover;*/
}


#con-news {
	height:120px;
	/*background: url(../images/com_news.jpg) top center;
	z-index:-333;
	background-size:cover;*/
}

#con-inquiry {
	height:120px;
	/*background: url(../images/com_inquiry.jpg) center center;
	z-index:-333;
	background-size:cover;*/
}


	
}








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

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

	
	
	#main-visual {
	/*height:900px;*/
	height:300px;
	background:#81d8d0;
	/*background-image: url(../images/m_t_s.png);
	background-position:  100% 260px ;*/
	background-size: 200px;
	background-repeat: no-repeat;
	/*background:#3EB1E0 url(../images/main06.jpg) left center no-repeat ;
	background-size:cover;*/
	z-index:-333;
}
	
.bg-slider__titletop{
	
	width:100%;

font-size: 1.4em;
background-image: url(../images/m_t_s.png);
	background-position:  50% 160px ;
	background-size: 250px;
background-repeat: no-repeat;
	font-weight: normal;
	

}


.bg-slider__title{

	font-size: 3.6vw;

}


.bg-slider__title02{

	font-size: 5.6vw;

}
	


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

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

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

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



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


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

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



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




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


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


#top-head {

	height: 80px; 

	
}



	#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 {
		
		width: 100%;
		height: 80px; 
		background:#fff;
		
		position: relative;
	}
	#top-head.fixed .logo,
	#top-head .logo {

	background:url(../images/logo_new_s.png) no-repeat 0px 10px;
	

	}
	
	
	/*========= ボタンのためのCSS ===============*/
.openbtn{
	position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
	top:0px;
	right: 5px;
	cursor: pointer;
    width: 50px;
    height:50px;
}
	

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


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


.contents_top01 {
/*background-attachment: scroll;*/
 }


#contents_top_t01 {

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



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

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


#contents_top03_02 {
width:100%;
 }


#contents_top_t04 {


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


#contents_top_b {

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



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

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



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




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


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


#whatnew h2{
	padding-top:10px;
	padding-bottom:10px;
	font-size: 1.2em;
	
 /*   background: #E7550B;
	clear:both; /*カラム下に使用する場合につける*/
}






#whatnew h3{

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



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

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


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

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


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



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

.row{
  margin-right:0;
}







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

div.sub_02_s{
	width:100%;
	text-align: center;

}




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

@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:0.8em;
   border: 0px green solid;      枠線の装飾 */
   background-color: #fff;   /* 背景色 */
	
}


table.table_m {
  width: 100%;
	margin:10px 0 20px 0px;
	padding-bottom:0px;
font-size:0.8em;
    border: 0px #fff solid;     /* 枠線の装飾 */
  /* background-color: #fff;    背景色 */
	
}

th.t_m {
    border-bottom: #CCC 1px solid;
	border-top: #CCC 0px  solid;
	/*background: #D8D8D8;*/
	width:70%;
}



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


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_top_s {
    border-bottom: #ccc 1px solid;
	border-top: #fff 0px  solid;
	background: #FFFDED;
	font-weight:normal;
	padding:10px;
}
	

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

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



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

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


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


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

	
}

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


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

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

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


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

}

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


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



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

}

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





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

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


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

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

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

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

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


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

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

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

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

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


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




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

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

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

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


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

}

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

}


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





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

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

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

}





/*---------------- お知らせ カラム2段 ----------------------------------------------------*/
div.column2-info{
clear:both;

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

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

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

}


h2.h2_para {
 	font-size:1.0em;
	padding: 10px 0px 10px 40px;/*上　右　下　左 */
	font-weight: bold;
	margin-left:0px;
	background: url(../images/para_s.png) no-repeat 0px 0px;
}

h2.h2_para02 {
 	font-size:1.0em;
	padding: 10px 0px 10px 40px;/*上　右　下　左 */
	font-weight: bold;
	margin-left:0px;
	background: url(../images/para02_s.png) no-repeat 0px 0px;
}

div.staff-main{
clear:both;
width:100%;
line-height:1.8;

background:url(../images/shop_back02.png) right bottom no-repeat;
margin: 0px 0px 30px 0px; /*上　右　下　左 */
font-size:0.8em;
}

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

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

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

}


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

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

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



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

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




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

footer {
	display:inherit;
	padding : 10px 0px 10px 0px;
	font-size:0.6em;


/*background:#333 url(../images/logo_s_ns.png) no-repeat 0px 15px;*/
}



footer.con_footer {
	display:inherit;
	padding : 10px 0px 10px 0px;
	font-size:0.6em;


/*background:#333 url(../images/logo_s_ns.png) no-repeat 0px 15px;*/
}

/*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;
 
	padding: 10px 0px 10px 10px;
	border-bottom:#FFB300 solid 1px;
}

footer ul a:hover {

	background: none;
	text-decoration: none;
}
*/

footer li {
	margin-right: 10px;
	padding-left: 10px;

	
}

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


footer .icon {
	margin-top:10px;
	margin-bottom:30px;
	text-align: center;

}	


footer p.p_ft {
	padding-top:0px;
	text-align: center;
	color:#FFB300;
	font-size:2.0em;
}


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

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

}


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

}


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

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

div.pagetop {
	display:none;
}


div.pagetop a {
   display: none;
	
}
/*.pagetop a {
    display: block;
    width: 100px;
	height:97px;
    background:url(../images/b_up.png) no-repeat left top;
    font-size: 0;
    line-height: 0;
    text-align: center;
    color: #222;
    text-decoration: none;
    padding: 0px 0px;
	z-index: 9999;
	
}*/
 





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


h2.h2_b{
	width:90%;
	font-size: 1.2em;
	
}

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

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

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


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



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


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

.img_right_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_news{
display: block;
 margin-left: auto;
 margin-right: auto;
margin-bottom:30px;
width:100%;
}

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

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


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

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


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

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



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



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

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


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

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


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

h2.h2_05{
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;

}

#whatnew ul {

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

}



#whatnew ul li {
 	padding: 0px 10px 10px 20px;/*上　右　下　左 */
	font-weight: normal;
	margin-top:20px;
	margin-right:0px;
	margin-left:0px;
	background: url(../images/what_s.png) no-repeat 5px 0px;
    text-align:left;
	color: #000;
	text-align: justify;
	border-bottom: 1px dashed #3EB1E0;
}


#main-info {
	height:300px;
  
}


#main-blog {
	height:300px;
  
}

#main-contact {
	height:300px;
  
}


div.list_mark ul li {
	/*font-size:0.8em;*/
	background: url(../images/mark_02_s.png) no-repeat 0px 0px;
	padding: 3px 0px 10px 40px;/*上　右　下　左 */

}




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

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


h2.h2_b03{
	width:66%;
	
	
}


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



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


/*　ハンバーガーボタン　*/
.hamburger {
  right : 20px;
  top   : 20px;

}





.bg-slider__title03{
	
	width:100%;
	font-size: 1.2em;

	text-align:center;
	font-weight: normal;
	padding-top:150px;
	

}





/*------------------------------------------------ フッター　カラム2段 ----------------------------------------------------*/
div.column2-f{
	margin:0 auto;
width:98%;
text-align:center;

}

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

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

}




.section__title{
font-size:1.2em;
}


/*------------------------------------------------ スタッフ　カラム2段 ----------------------------------------------------*/
div.column2-s{
	margin:0 auto;
width:100%;
text-align:center;
margin-top:20px;

}

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

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


/*------------------------------------------------------ リスト ----------------------------------------------------------------*/
div.list_mark_dl {
	margin: 0px 0px 0px 0;
	padding:0px;
	width:100%;
	line-height:1.8;

border:#3EB1E0 0px solid;

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



/*--------------------------------------- スタッフ実績 ----------------------------------------------*/
div.list_staff02 {
	font-size:0.8em;
   
}


h2.h2_m {
 	padding: 15px 0px 15px 65px;/*上　右　下　左 */
	font-weight: bold;
	margin-left:0px;
	background: url(../images/mark_02.png) no-repeat 0px 10px;
    text-align:left;
	color: #F88400;
	margin-bottom:0px;
	border-bottom: #F88400 1px solid;
	font-size:1.0em;
}


div.top_w{
	font-size:0.8em;
}


/*左上にずらした背景色ありタイトル*/
.staffbox{
	font-size:0.8em;
}


.shopbox{
	font-size:0.8em;
}

/*table.table_s {
 font-size:0.8em;
	
}*/


.line02 {
	color: #fff;
  display: block;
/*  font-family: "Josefin Sans";*/
font-size:1.2em;
  font-weight: bold;
  text-shadow:
            2px 2px 2px #F6AB00, -2px -2px 2px #F6AB00,
           -2px 2px 2px #F6AB00,  2px -2px 2px #F6AB00,
            2px 0px 2px #F6AB00, -2px -0px 2px #F6AB00,
            0px 2px 2px #F6AB00,  0px -2px 2px #F6AB00;
			line-height:1.8;
}





/*------------------------------------------------  オーナー　カラム2段 ----------------------------------------------------*/
div.column-owner{
clear:both;
width:100%;
text-align: center;
margin: 20px 0px 20px 0px; /*上　右　下　左 */
}

div.column-owner_01 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */

	 width:100%;

	 
}

div.column-owner_02 {
     margin: 0px 0px 0px 0px;/*上　右　下　左 */

	 width:100%;
	 

}



#history_top {
width:96%;
margin: 0 auto;
margin-top: 20px;
margin-bottom:50px;
 } 




div.list_owner ul li {
	padding: 0px 10px 0px 25px;/*上　右　下　左 */
	margin: 0 0 10px 0px; /*上　右　下　左 */
	background: url(../images/king.gif) no-repeat 0px 2px;
	border-bottom:#000 0px dashed;
	text-align:left;
	color: #fff;
}



/*---------------- カラム2段（枠なし） ----------------------------------------------------*/
div.column2-n{
clear:both;

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

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

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

}



.section_bg{
 /* background-color:#eee;*/
 background:url(../images/r_s.png)
}

.section_bg02{
 /* background-color:#eee;*/
 background:url(../images/shisetsu_s.png)
}


/*------------------------------------------------------------- 採用情報　サイド固定 --------------------------------------------*/


.r_side {
 bottom: 0;
  left: 0;
  right:0;
  top: inherit;
 font-size:1.2em;
  width: 100%;
	
}


.r_side a {
    display: block;
    background-color: #EA5404;
	border:#FFF solid 3px;
    text-align: center;
    color: #fff;
    
    text-decoration: none;
    padding: 5px 10px;
	/*filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.8;*/
	border-radius:10px;
}
.r_side a:hover {
    display: block;
    background-color: #fff;
	border:#EA5404 3px solid;
    text-align: center;
    color: #000;
    
    text-decoration: none;
    padding:5px 10px;
	/*filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.8;*/
	border-radius:10px;
}



/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/
#splash02 {
    /*fixedで全面に固定*/
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background:#3EB1E0;
	text-align:center;
	color:#fff;
}

/* Loading画像中央配置　*/
#splash_logo02 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo02 img {
	width:250px;
}

/* fadeUpをするアイコンの動き */

.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}



.kakomi-box12 {
	width:100%;
 position: relative;
 margin: 2em auto;
 margin-top:20px;
 margin-left:0px;
 padding: 2.8em 1.2em 1.2em 1.2em;
 color: #000; /* 文字色 */
 background:#FFF;
/* background: rgba(18,6,6,0.8);*/
 text-align:left;
 border-radius:10px;
 font-weight:normal;
 line-height:1.8;
 border: 2px solid #06C152; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 1px #06C152 ;/* 影の色 */
}
.title-box12 {
 position: absolute;
 font-size:1.4em;
 padding: 0.1em 1em 0em 1em;
 left: 20px;
 top: -15px;
 border-radius:10px;
 font-weight:bold;
 /* box-shadow: 2px 2px 1px #2451D8 ; 影の色 */
 background-color:#06C152 ; /* タイトル背景色 */
/*  color:#2451D8 ; タイトル文字色 */
 color:#fff ; /* タイトル文字色 */
}

a.btn_01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 120px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	color: #27acd9;
	transition: 0.5s;
}
a.btn_01:hover {
	color: #fff;
	background: #27acd9;
}



h2.h2_07{
	font-size:1.0em;
	font-weight:normal;
position: relative;
background: #CFFEDD;
box-shadow: 0px 0px 0px 5px #CFFEDD;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545;
margin-bottom:30px;
margin-top:20px;
}

.tab_item {
	
	font-weight: normal;
	text-align:left;
	padding:5px 2px;

}


/*タイトル付き（見出しボックス）*/
.contact_box{
	margin: 2em auto; /* ボックスの余白 */
	background-color: #fff; /* ボックス背景色 */
	padding: 5em 1em 1em; /* ボックス内側余白 */
	position:relative; /*配置(ここを基準に)*/
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);/*ボックス影*/
}
.contact_box .box-title {
	background-color: #3EB1E0; /* タイトル背景色 */
	font-size: 1.2em;/* タイトル文字の大きさ */
	color: #fff; /* タイトル文字色 */
	padding:10px;/*タイトル余白*/
	text-align: center;	/* タイトル中央寄せ */
	position:absolute;	/* 配置(ここを動かす) */
	top:0;	/*上から(0px)に配置 */
	left:0; /*左から(0px)に配置 */
	width:100%;/*横幅最大幅 */
}



.kakomi-box_b {
	width:100%;
 position: relative;
 margin: 2em auto;
 margin-top:20px;
 margin-left:0px;
 padding: 2.2em 0.5em 1.2em 0.5em;
 color: #000; /* 文字色 */
 background:#FFF;
/* background: rgba(18,6,6,0.8);*/
 text-align:left;
 border-radius:10px;
 font-weight:normal;
 line-height:1.8;

 border: 2px solid #005693; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 1px #005693 ;/* 影の色 */
}
.title-box_b {
 position: absolute;
 font-size:1.2em;
 padding: 0.1em 1em 0em 1em;
 left: 20px;
 top: -15px;
 border-radius:10px;
 font-weight:bold;
 /* box-shadow: 2px 2px 1px #2451D8 ; 影の色 */
 background-color:#005693 ; /* タイトル背景色 */
/*  color:#2451D8 ; タイトル文字色 */
 color:#fff ; /* タイトル文字色 */
}


a.btn_b {
	
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 100%;
	margin: auto;
	margin-top:30px;
	padding: 0.5rem 0.2rem;
	font-weight: bold;
	color: #005693;
	border-bottom: 2px solid #005693;
	border-radius: 100vh;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	transition: 0.5s;
	
	
	
}
a.btn_b:hover {
	color: #fff;
	background: #005693;
	border-bottom: 2px solid #fff;
	transform: translateY(3px);
	font-size:1.0em;
	
}


#con-facilities {
	height:85px;
	/*background: url(../images/com_facilities.jpg) bottom center;
	z-index:-333;
	background-size:cover;*/
}

#con-aboutus {
	height:85px;
	/*background: url(../images/com_aboutus.jpg) bottom center;
	z-index:-333;
	background-size:cover;*/
}


#con-news {
	height:85px;
	/*background: url(../images/com_news.jpg) top center;
	z-index:-333;
	background-size:cover;*/
}

#con-inquiry {
	height:85px;
/*	background: url(../images/com_inquiry.jpg) center center;
	z-index:-333;
	background-size:cover;*/
}

.con_title{ font-size:1.2em;
color:#FFF;
font-weight:bold;
margin: 0 auto;
/*border:#FFF 5px solid;*/
position: absolute;  
 top:90px;  
    left: 0px;
padding: 0px 0px 0px 10px;
  /* background: rgba(18,6,6,0.3);
   filter: Alpha(opacity=70);
   opacity:0.8;*/
   width: 100%;
   letter-spacing: 0.3em;
}


div.list_mark li.li_web {
	margin-bottom:20px;
	padding: 5px 0px 10px 40px;/*上　右　下　左 */
	background: url(../images/web_s.png) no-repeat 0px 0px;
	border-bottom:#3EB1E0 1px dashed;
	
	text-align:left;
}


div.list_mark li.li_pdf {
	margin-bottom:20px;
	padding: 5px 0px 10px 40px;/*上　右　下　左 */
	background: url(../images/pdf_s.png) no-repeat 0px 0px;
	border-bottom:#3EB1E0 1px dashed;
	
	text-align:left;
}


div.list_mark li.li_news {
	margin-bottom:20px;
	padding: 5px 0px 10px 40px;/*上　右　下　左 */
	background: url(../images/news_s.png) no-repeat 0px 0px;
	border-bottom:#3EB1E0 1px dashed;
	
	text-align:left;
}


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




.line {
	color: #fff;
  display: block;
/*  font-family: "Josefin Sans";*/
  font-weight: bold;
  text-shadow:
            2px 2px 2px #3EB1E0, -2px -2px 2px #3EB1E0,
           -2px 2px 2px #3EB1E0,  2px -2px 2px #3EB1E0,
            2px 0px 2px #3EB1E0, -2px -0px 2px #3EB1E0,
            0px 2px 2px #3EB1E0,  0px -2px 2px #3EB1E0;
			line-height:1.8;
}


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


}