@charset "utf-8";
/* -------------------------------------

	=1 基本
	=2 ヘッダー



---------------------------------------- */

/* メイン画像
-------------------------------- */
@media(min-width:768px){
.carousel-inner img{
width:100%;	
}


}

@media(max-width:767px){
.carousel-inner img{
width:100%;	
}

}


/* ----------------------------------------------------------- 
	 = トップコンテンツ
 ------------------------------------------------------------ */
#Top body{
background-color:#fff;
}
.top-title{
text-align:center;
margin-top:40px;
margin-bottom:80px;	
}
.text-box{
margin-bottom:40px;	
}
#top-tokucyou{
width:85.47%;
margin:0 auto;
text-align:center;	 
 } .brd-tit span{
border-bottom:3px #c0c0c0 solid;	
}
#top-tokucyou p.altxt-L{
text-align:left;	
}


@media(max-width:767px){
.top-title{
margin-bottom:40px;	
}

#top-tokucyou{
width:100%;	
}
.brd-tit{
border-bottom:3px #c0c0c0 solid;		
}
.brd-tit span{
border-bottom:none;	
}
	
}

/* .bg-box
----------------------------- */
.bg-box{
padding:30px 0 60px;
margin:40px 0;
background-color:#eee;	
}

.check-btn{
text-align:center;
margin-top:20px;	
}
.check-btn a{
color:#fff;
font-size:22px;
font-weight:bold;
padding:20px 0;
display:block;
background-color:#eda550;
border-radius:8px;
border-bottom:4px #b6762c solid;	
}
.check-btn a:hover{
text-decoration:none;
opacity:0.8;	
}
.check-btn i{
margin-right:10px;	
}


/* .panel-box
------------------------------*/
.panel{
margin-botttom:20px;
-webkit-border-radius:0;
-moz-border-radiul:0;
border-radius:0;
padding:5px;
border:1px #aaa solid;	
}
.panel-body{
text-align:center;
height:153px;
color:#888;
}

.panel-footer{
padding:0 0 5px;
border-top:none;
background:url(../img/com/arrow-btm.png) no-repeat right bottom;
background-color:#fff;
border-bottom-right-radius:0;
border-bottom-left-radius:0;
}
.panel-footer h3{
text-align:center;
font-weight:bold;
font-size:1.3em;	
}
.paner-img{
width:100%;	
}
.panel img.cl-name{
max-width:100%;	
}
.panel-footer p{
margin-left:18px;
margin-right:18px;
}
.panel a{color:#000;	
}
.panel a:hover{
text-decoration:none;	
}

@media(min-width:768px){
#top-toha .panel-footer{
min-height:150px;
height:auto;	
}
#top-toha .panel-footer h3{
font-size:1em;	
}
}


@media(min-width:992px){
#top-toha .panel-footer{
min-height:150px;
height:auto;	
}

}
@media(min-width:1120px){
#top-toha .panel-footer{
min-height:120px;
height:auto;	
}

}

/* ------------ */
.ico-title{
margin-bottom:30px;	
}
.ico-title span{
background-color:#000;
border-radius:50%;
margin-right:14px;
}
.ico-title i{
color:#fff;
padding:0px 14px;	
}


/* ------------------- */
#topstep-box{
margin-top:0;	
}
#topstep-box .ico-title{
margin-left:15px;	
}
#topstep-box h3{
font-weight:bold;
font-size:1.2em;
color:#fff;
margin-bottom:0;
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#36ab91+0,1c826b+100 */
background: #36ab91; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2YWI5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzgyNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #36ab91 0%, #1c826b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36ab91), color-stop(100%,#1c826b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #36ab91 0%,#1c826b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #36ab91 0%,#1c826b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #36ab91 0%,#1c826b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #36ab91 0%,#1c826b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36ab91', endColorstr='#1c826b',GradientType=0 ); /* IE6-8 */

}
#topstep-box h3 img{
margin-right:8px;
padding:2px 2px 6px 8px;
}
.topstep-box-in{
padding:15px;
min-height:180px;
background-color:#fff;
border:3px #36ab91 solid;
border-top:none;	
}

@media(min-width:768px){
#topstep-box h3{
font-size:0.9em;
text-align:center;
padding:6px 0;
}
#topstep-box h3 img{
display:block;
text-align:center;
margin:0 auto 3px;	
}
#topstep-box .topstep-box-in{
min-height:210px;	
}
}

@media(min-width:992px){
#topstep-box h3{
font-size:1.2em;
text-align:left;
}
#topstep-box h3 img{
display:inline;
margin:0 8px 0 0;
text-align:left;	
}
#topstep-box .topstep-box-in{
min-height:160px;
height:auto;	
}

}