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


body {
	background-color:#fff;
}

.navbar-brand {
	navbar-header:#fff;
}




p {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Helvetica Neue",Arial,"メイリオ",Meiryo,"MS PGothic",sans-serif;
	}
	
.flex{
    display: flex;
    flex-wrap: wrap;
}
	
.footer a[target="_blank"]:after {
	margin: 0 3px;
	font-family: FontAwesome;
	vertical-align: middle;
	content: '\f08e';
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}


/* レスポンシブのフォントサイズ指定 */

@media screen and (min-width: 0px) and (max-width : 767px){
    * {
        font-size:12px;
    }
    h1,h2 {
        font-size: 1.5em;
    }
    h3,h4 {
        font-size: 1.3em;
    }
    p,div, .panel-title, .form-control {
        font-size: 1em;
    }
    p.story  {
        font-size: 1.0em;
    }
    .copyright{
        font-size: 0.7em;
    }
}

@media screen and (min-width: 768px) and (max-width : 991px){
    * {
        font-size:14px;
    }
    .copyright{
        font-size:14px;
    }
    p.story  {
        font-size:14px;
        line-height: 1.8;
    }

}

@media screen and (min-width : 992px) {
    * {
        font-size:16px;
    }
    .copyright{
        font-size:18px;
    }
    p.story  {
        font-size:18px;
        line-height: 1.8;
    }
	
	
}

}

.h_right {
	text-align:right;
	padding-right:55px;
}

.tel {
	padding:40px 5px 0 5px;
}

.fb,.isg {
	padding:45px 5px 0 5px;
}

.nav_btn img {

	padding-top:20px;
	padding-right:71px;
	background-color:#fff;
}

@media (max-width: 767px) {
	
.tel {
	position:relative;
	top:50px;
	text-align:center;
	padding:0px 15px 0 5px;

}



}



.container .navbar-collapse ul {
	margin-right:-100px;
}

@media (max-width: 767px) {
  .container .navbar-collapse ul {
	padding-bottom:40px;
}

  .carousel {
    margin-top:20px;
  }
  
   
  .main .kiji {
	width:100%;
}

  .main .kiji2 {
	width:100%;
}




}



.main {
	padding-top:0px;
}


.main .kiji {
	padding:0px 0 20px 0;
}

.main .setumei {
	margin-top:-190px;
	line-height:200%;
}

.main .more {
	margin-top:-40px;
}

.bg {
	background-image:url(../sozai/back.png);
	background-repeat:repeat-x;
	margin-top:-30px;
}

.main .kiji2 {
	padding:90px 0 20px 0;
}

.main .kiji2_1 {
	padding:30px 0 20px 0;
}

.main .setumei2 {
	margin-top:-20px;
	line-height:200%;
}

.main .more2 {
	margin-top:60px;
	padding-bottom:100px;
}

.main .photo_mini {
	padding:60px 10px 20px 10px;
}

.main .kiji3 {
	margin-top:-40px;
	padding-right:0px;
	padding-left:0px;
}

.main .kiji3_1 {
	padding:30px 0 20px 0;
}

.main .setumei3 {
	margin-top:-20px;
	line-height:200%;
}

.main .more3 {
	margin-top:40px;
	padding-bottom:100px;
}


@media screen and (min-width: 768px) and (max-width : 991px){

.main .setumei {
	margin-top:-140px;
	line-height:200%;
}

.main .more {
	margin-top:0px;
}

.bg {
	background-image:url(../sozai/back.png);
	background-repeat:repeat;
	margin-top:-30px;
}

}




@media (max-width: 767px) {
	
	

.main .setumei {
	margin-top:-120px;
	line-height:200%;
	font-size:0.85em;
}

.main .more {
	margin-top:-10px;
}

.bg {
	background-image:url(../sozai/back.png);
	background-repeat:repeat;
	margin-top:-30px;
}

.main .kiji2_1 {
	padding:0px 0 20px 0;
}


.main .setumei2 {
	margin-top:-5px;
	line-height:200%;
	font-size:0.85em;
}

.main .photo_mini {
	padding:40px 0px 0px 0px;
}

.main .more2 {
	margin-top:80px;
	padding-bottom:300px;
}

.main .kiji3 {
	margin-top:-220px;
}

.main .kiji3_1 {
	margin-top:-200px;
	padding:30px 0 20px 0;
	background-color:#fff;
}

.main .setumei3 {
	margin-top:-120px;
	padding:20px 0 50px 0;
	line-height:200%;
	background-color:#fff;
	font-size:0.85em;
}

.main .more3 {
	margin-top:-120px;
	padding:100px 0 100px 0;
}


}



.footer {
	padding-top:20px;
}

.footer a:link {
	color:#000;
	font-size:15px;
}

.footer a:visited {
	color:#000;
	text-decoration:none;
	font-size:15px;
	} 

.footer a:hover {
	color:#fb962b;
	text-decoration:none;
	font-size:15px;
	}

.footer p {
	font-size:13px;
	line-height:2.5;
	color:#c39b6d;
	
}

.footer .f_logo {
	position:relative;
	top:40px;
	padding-top:0px;
	margin-left:30px;
}


.footer .f_nav {
	position:relative;
	top:40px;
	padding-top:0px;
	margin-left:10px;
}

.footer .f_nav .hr_left {
	border-left: 1px solid #000;
	position:relative;
	margin:-30px 0 0 -33px;
}

.footer .f_nav p {
	padding-left:60px;
	font-size:14px;
	line-height:2.4;
	color:#000;
}


.footer .f_nav .f_sitemap {
	font-size:0.9em;
	text-decoration:underline;
}


.footer_copy {
	margin-top:40px;
	background-color:#fb962e;
	padding-bottom:0px;
}

.footer_copy .copy {
	margin:9px 0 0 0;
	color:#fff;
	font-size:0.7em;
}



@media screen and (min-width: 768px) and (max-width : 991px){

.footer .f_nav .hr_left {
	border-left: 1px solid #000;
	position:relative;
	margin:-30px 0 0 -33px;
}

.footer .f_nav p {
	padding-left:30px;
	font-size:14px;
	line-height:2.4;
	color:#000;
}


}



@media (max-width: 767px) {
	
.footer {
	text-align:center;
}

.footer .f_logo {
	position:relative;
	top:0px;
	left:-45px;
	padding:40px 0 40px 0;
}


.footer .f_nav {
	position:relative;
	top:40px;
	padding-top:0px;
	margin-left:10px;
}

.footer .f_nav .hr_left {
	border-left: 1px solid #000;
	position:relative;
	margin:-30px 0 0 -33px;
}

.footer .f_nav p {
	padding-left:30px;
	line-height:2.4;
	color:#000;
	text-align:left;
}


.footer .f_contact {
	margin-top:80px;
}


.footer .f_nav .f_sitemap {
	position:relative;
	top:-30px;
	font-size:0.7em;
	text-decoration:underline;
}




	
}