@media screen and ( max-width:999px ){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

body {
	font-family:Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
    line-height:1;
    margin:0;
    background-color:#fff;
}
img{ border:0px;}
html, body, div, span, h1, h2, h3, h4,
p, a, dl, dt, dd, ol, ul, li{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
	list-style: none;
}

ul {
	list-style:none;
	padding:0;
}
li {padding:0;}
/*reset-*/
*{
            font-size:16px; /* 基準のフォントサイズを16pxとする */
            -webkit-text-size-adjust: 100%; /* ブラウザ側での自動調整をなしにする */           
}

.cf:before, .cf:after {
    content:"";
    display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */


.ca3{letter-spacing: 0.5em;margin-right: -0.5em;}
.ca2{letter-spacing: 1em;margin-right: -1em;}

.sml{font-size:1.6vw;}

.gotop{
	position: fixed ;
	right: 3% ;
	bottom: -8px ;
}
a img:hover{
	filter:alpha(opacity=70);
	opacity:0.7;
}

#header{
	margin:1vw auto;
	width:98%;
}
#header .logo{
	width:28%;
	float:left;
}
#header .text{
	display:none;
}
#header .mynavi{
	width:13%;
	float:right;
}
#img-main-bg{
	width:100%;
	background-color:#e5e5e5;
}
#img-main{
	width:100%;
	height:auto;
	background-image:url(../images/img-top-main.jpg);
	background-position:middle left;	
	background-repeat:no-repeat;
	background-size:auto 100%;
	margin:0vw auto;
	text-align:right;
}
#img-main .text{
}
#img-main p.img{
	display:none;
}

#img-main  .midashi{
	color:#fff;
	font-size:20vw;
}
#contents{
	width:100%;
	margin:10px auto;
}
.pc-contents{
	width:100%;
	margin:0;
}
#contents h1{
	width:100%;
	margin:10vw auto 4vw auto;
	font-size:40px;
	text-align:center;
}
#contents p.subtext{
	width:50%;
	margin:2vw auto;
	font-size:20px;
	line-height:150%;
}
#contents .subtext{
	width:90%;
	margin:2vw auto;
	font-size:20px;
	line-height:150%;
	text-align:center;
}
#contents .subtext p{
	display: inline-block;
	text-align: left;
}
#contents .subpage-text{
	width:600px;
}
#contents .subpage-text p{
	width:100%;
}
#contents .subtext p.slim{
	width:60%;
	display: inline-block;
	text-align: left;
}
.btn-more a { display:block;
	width: 30%; /* 横幅 */
	background-color:#be1d2a;
	padding:2vw; /* a要素内の余白 */
	margin:4vw auto;
	text-align:center;
	font-size:30px;
	color:#FFF;
	text-decoration:none;
}
 /* 以下マウスを載せたときのスタイル */
.btn-more a:hover { background-color: #ec6941;
 color:#fff; }
 
.midashi-image{
	width:640px;
	margin:10vw auto 4vw auto;
}
#contents h2{
	width:100%;
	margin:5vw auto 1vw auto;
	font-size:40px;
	text-align:center;
	line-height:120%;
}
p.h2-subtext{
	width:100%;
	font-size:36px;
	text-align:center;
	margin:1vw auto 4vw auto;
}
.arrow-center{
	width:100%;
	font-size:4vw;
	text-align:center;
	margin:1vw auto 4vw auto;
}
.branch-a{
	margin:1vw auto 4vw auto;
	width:80%;
	padding-right:15%;
	padding-bottom:10vw;
	background-image:url(../images/img-arrow-03.jpg);
	background-position:bottom right;	
	background-repeat:no-repeat;
	background-size:15% 100%;
}
#contents h2.top2{
	margin:1vw auto 4vw auto;
}
.nomargin{
	margin:0 auto;
	padding-bottom:3vw;
}

.bk-g{
	margin:10vw auto 0vw auto;
	width:100%;
	background-color:#e5e5e5;
	padding:1vw 0vw 0vw 0vw;
}
#contents .bk-g .subtext p.slim{
	width:40%;
	display: inline-block;
	text-align: center;
}
.bk-g .btn-more{
	width:90%;
	margin:0 auto;
}
.other-menu{
	width:90%;
	margin:0 auto;
}
.bk-w{
	margin:2vw 0;
	width:49%;
	background-color:#fff;
	padding: 0 0 5vw 0;
	float:left;
	border-right:dotted 1px #000;
}
.bk-w .btn-more a{
	width:60%;
	margin:2vw auto;
}
.bk-w.noborder{
	border:none;
}
/*-------nagare---------*/
.staff-plof{
	width:60%;
	margin:10vw auto 2vw auto;
}
.staff-photo{
	width:50%;
	float:left;
}
.staff-text{
	width:50%;
	font-size:3vw;
	line-height:150%;
	float:left;
}
.nagare-image{
	width:80%;
	margin:18vw auto 1vw auto;
	border-top:none;
}
#contents h2.nagare-midashi{
	font-size:6vw;
	margin:0;
	width:80%;
	margin:3vw auto;
	text-align:left;
}
.nagare-endtext{
	width:100%;
	background-color:#b4d465;
	margin:0;
}
.nagare-endtext .subtext p{
	width:80%;
	margin:0 auto;
	padding:8vw 0;
	font-size:24px;
	line-height:150%;
}
/*----------------kankyo----------------*/
.point{
	background-color:#b4d465;
	width:80%;
	padding:3vw;
	margin:15vw auto 4vw auto;
	font-weight:bold;
	text-align:center;
	font-size:5vw;
}
.pink{
	background-color:#f19390;
}
	width:600px;
	width:90%;
	margin:10vw auto 0 auto;
	border-top:transparent;
}
/*----------------company----------------*/
.company{
	width:600px;
	margin:10vw auto 0 auto;
}
.bottom{
	padding:30px;
}
/*-----------footer-------------*/
#footer{
	margin:0;
	background-color:#434343;
}
#footer .cf{
	width:90%;
	margin:0 auto;
	padding:25px;
}
ul.footer-navi{
	color:#fff;
	padding:10px;
	width:50%;
	line-height:150%;
	font-size:16px;
	float:left;
}
#footer a,
#footer a:visited,
#footer a:link{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	color:#f39800;
	text-decoration:none;
}
.address{
	float:right;
	color:#fff;
	padding:10px;
	width:40%;
	line-height:150%;
	font-size:16px;
	text-align:right;
}
.address .text{
	display: inline-block;
	text-align: left;
}
#copyrights{
	width:100%;
	color:#fff;
	text-align:center;
	font-size:12px;
	background-color:#434343;
	margin:0;
	padding:4vw 0;
}
}