@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 .kiji2 {
	width:100%;
}




}



.main {
	padding-top:0px;
}

.main .pan {
	padding:30px 0 20px 0;
	font-size:0.8em;
}

.main .pan p {
	font-size:0.9em;
}

.main .pan a:link {
	color:#000;
	font-size:1.0em;
	text-decoration:underline;
}

.main .pan a:visited {
	color:#000;
	font-size:1.0em;
	text-decoration:underline;
	} 

.main .pan a:hover {
	color:#fb962e;
	font-size:1.0em;
	text-decoration:underline;
	}
	
.main .midashi {
	background-color:#fff4ea;
}

.main .kiji {
	padding:90px 0 20px 0;
}

.main .setumei {
	margin-top:-180px;
	line-height:200%;
}

.main .dot1 {
	margin-top:-50px;
	border-top:dashed 1.5px;
}

.main .dot2 {
	border-top:dashed 1.5px;
	margin-bottom:40px;
}

.main .dot3 {
	background-image:url(../shisetu/dot.png);
	margin-top:20px;
}

.main .setumei2 {
	margin-top:-50px;
	line-height:200%;
}

.main .kiji2_top {
	padding:0 0 30px 0;
	line-height:205%;
	text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
	font-size:0.85em;
}

.main .kiji2 {
	padding:40px 0 40px 0;
	margin-top:-35px;
	line-height:205%;
	text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
	font-size:0.85em;
}

.main .kiji2_in {
	padding:0 0 30px 0;
	margin-top:-35px;
	line-height:205%;
	text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
	font-size:0.8em;
}

.main .kiji2_map {
	padding:30px 0 10px 0;
	margin-top:-35px;
	line-height:205%;
	text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
	font-size:0.85em;
}



.main .kiji3_top {
	padding:0 0 30px 0;
	line-height:200%;
	font-weight:bold;
	font-size:0.85em;
}

.main .kiji3 {
	padding:40px 0 40px 0;
	margin-top:-35px;
	line-height:200%;
	font-weight:bold;
	font-size:0.85em;
}

.main .kiji3_in {
	padding:0 0 30px 0;
	margin-top:-35px;
	line-height:200%;
	font-size:0.8em;
}

.main .kiji3_map {
	padding:30px 0 40px 0;
	margin-top:-35px;
	line-height:200%;
	font-weight:bold;
	font-size:0.85em;
}

.main .kiji_shisetu {
	padding:70px 0 0 0;
}

.main .kiji_houjin {
	padding:70px 0 0 0;
}

.main .photo_shisetu {
	margin-top:-40px;
	padding-bottom:40px;
}

.main .map {
	padding-bottom:60px;
}






@media (max-width: 767px) {
	
.main .kiji {
	width:100%;
	padding:10px 0 20px 0;
}
	

.main .setumei {
	margin-top:-40px;
	line-height:200%;
	font-size:0.85em;
	padding:40px 15px 10px 15px;
	text-align:left;
}

.main .dot1 {
	margin-top:20px;
	border-top:dashed 1.5px;
}

.main .dot2 {
	border-top:dashed 1.5px;
	margin-bottom:40px;
}

.main .kiji2_top {
	padding:0 0 20px 10px;
	margin-top:-10px;
	line-height:200%;
	text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
}

.main .kiji2 {
	padding:10px 0 20px 10px;
	margin-top:-30px;
	line-height:200%;
	text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
}

.main .kiji2_in {
	padding:0 0 30px 0;
	margin-top:-40px;
	line-height:180%;
	text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
	font-size:0.8em;
}

.main .kiji3_top {
	padding:50px 0 10px 10px;
	margin-top:-20px;
	line-height:200%;
	text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
	font-weight:bold;
}

.main .kiji2_map {
	padding:10px 0 0 10px;
	margin-top:-30px;
	line-height:200%;
	text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
}


.main .kiji3 {
	padding:25px 0 20px 10px;
	line-height:200%;
	text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
	font-weight:bold;
}

.main .kiji3_in {
	padding:10px 0 30px 0;
	margin-left:-15px;
	line-height:180%;
	font-size:0.8em;
}

.main .kiji3_map {
	padding:15px 0 20px 10px;
	line-height:200%;
	text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
	font-weight:bold;
}

.main .kiji_shisetu {
	padding:20px 0 0 0;
}

.main .kiji_houjin {
	padding:0 0 0 0;
	margin-bottom:40px;
}

.main .photo_shisetu {
	margin-top:20px;
	padding-bottom:40px;
}

.main .map {
	padding:0 0 40px 10px;
}



}



.footer {
	padding-top:40px;
}

.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 {
	padding-top:20px;
	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;
}




	
}