@charset "UTF-8";
body {
	padding: 0px;
	margin: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


img{
	/*画像の伸縮設定*/
	max-width: 100%;
	width /***/: auto;
　
/*画像のボーダーを消す*/
border: none;
height: auto;
}

 

ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}


a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
p {
	padding: 0px;
	margin: 0px;
}
/*clearfix*/
.cf:before,
.cf:after {
  content:"";
  display: table;
}
.cf:after {
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.cf {
  *zoom:1;
}
/*clearfixここまで*/
.clear {
	clear: both;
}
/*行間の余白*/
.pad_h10{
    padding-top: 10px;
    clear: both;
}
.pad_h20{
	padding-top:20px;
}
.pad_h30{
	padding-top:30px;
}
.pad_h40{
	padding-top:40px;
}
.pad_h50{
	padding-top:50px;
}
/*改行*/
.brl{
}
/*ロールオーバーで拡大縮小------------------------------------------------*/
img {
	-webkit-transition: all 1s;
	transition: all 1s;
}
.expand img:hover{
	-webkit-transform: scale(1.3);
	transform: scale(1.1);
}
.expand1 img:hover{
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
}
.expand2 img:hover{
	-webkit-transform: scale(1.6);
	transform: scale(1.6);
	margin-right: 55px;
	position: relative;
	right: 55px;
}
/**********アニメーション設定**********/
/*右から左*/
@keyframes RightToLeft {
0% {
    opacity: 0;/* 透明 */
    transform: translateX(80px);/* X軸方向に50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);/* X軸方向に0px */
}
}
/*左から右*/
@keyframes LeftToRight {
0% {
    opacity: 0;/* 透明 */
    transform: translateX(-50px);/* X軸方向に50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);/* X軸方向に0px */
}
}

/*上から下*/
@keyframes SlideDown {
0% {
    opacity: 0;/* 透明 */
    transform: translateY(-80px);/* Y軸方向に-50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);/* Y軸方向に0px */
}
}
/*下から上*/
@keyframes SlideUp {
0% {
    opacity: 0;/* 透明 */
    transform: translateY(50px);/* Y軸方向に50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);/* Y軸方向に0px */
    }}
/*下から上*/
@keyframes SlideUp2 {
0% {
    opacity: 0;/* 透明 */
    transform: translateY(50px);/* Y軸方向に50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);/* Y軸方向に0px */
}
}
@media screen,print and (min-width: 769px) {
/*横幅769px以上に適応*/

/*pc-タブレット-スマホ使い分け*/
.mobile{
	display: none;
}
.pc{

}  
#meanmenu{
	display: none;
}
/*#########################################################
レイアウト
#########################################################*/
/* ヘッダ */
header {
    width: 100%;
    box-shadow: 0 9px 12px -15px #222;
    background-color: rgba(255,255,255,1.00);
}
header .header-in {
    width: 100%;
    height: 85px;
    background-repeat: repeat-x;
    background-color: rgba(255,255,255,0.5);
    position: relative;
    z-index: 220;
}
header .header-in2 {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}


header .logo {
    width: 50%;
    height: 85px;
    float: left;
}
header .right_box {
    width: 48%;
    height: 85px;
    float: right;
    text-align: right;
}
header .tel {
    width: 47%;
    height: 85px;
    float: right;
}
header .contact_box {
    width: 40%;
    float: right;
}
header .contact_box_in {
    width: 100%;
}
/*------------------------------------------------
btn1（ヘッダーボタン）
------------------------------------------------*/   
.btn1 {
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: center; /*ボタン色*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    margin-left: auto;
    margin-right: auto;
    background-color: hsla(156,100%,19%,1.00);
    padding-top: 5px;
  }

.btn1:hover {
    background-color: rgba(1,97,58,0.66);
    width: auto;
}
/*------------------------------------------------
btn2（ヘッダーボタン）
------------------------------------------------*/   
.btn2 {
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: center; /*ボタン色*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    margin-left: auto;
    margin-right: auto;
    background-color: hsla(161,100%,14%,1.00);
    padding-top: 5px;
  }

.btn2:hover {
    background-color: rgba(0,72,50,0.70);
    width: auto;
}


.header2 {
    margin-top: 0px;
    width: 100%;
    background-repeat: repeat;
}
.header2-in {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

.menu {
    width: 100%;
    text-align: right;
    padding-top: 10px;
}
/*------------------------------------------
contentsここから
--------------------------------------------*/
.contents {
    width: 100%;
    background-color: #ECF1EF;
    padding-top: 30px;
    padding-bottom: 40px;
}
.contents-in {
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

.footer-group {
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
}

/*------------------------------------------------
.footer_group（footerグループ）
------------------------------------------------*/ 
.footer_group {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 20px;
	background-color: hsla(165,11%,93%,1.00);
}
.footer_group_in {
    width: 100%;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 10px;
}
.footer_group_in2 {
    width: 100%;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
}
.footer_group_in2 ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
}
.footer_group_in2 ul li {
    width: 18%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1%;
    float: left;
}
.footer_group_in2-ph {
    width: 100%;
    padding-bottom: 5px;
}
.footer_group_in2-tex {
    width: 100%;
    color: #014831;
    font-size: 0.81em;
    text-align: left;
}

/*------------------------------------------------
.footer_gr（footerグループタイトル）
------------------------------------------------*/ 
.footer_gr {
    margin: 0;       /* 文字サイズ指定 */
    position: relative;    /* 位置調整 */
    font-weight: bold;   /* 文字の太さ調整 */
    display: inline-block; /* インラインブロックにする */
    background-color: hsla(165,11%,93%,1.00); /* 背景色指定 */
    margin-left: 10px;      /* 周りの余白指定 */
    padding: 0 10px;        /* 余白指定 */
    color: #014831;
    font-size: 1.13em;
}
.footer_gr-wrap {
    position: relative;     /* 位置調整 */
    margin-bottom: 15px;     /* 周りの余白指定 */
    padding-left: 0px;
}
.footer_gr-wrap:before {
    content: '';           /* 空白の要素を作る */
    background-color: #014831; /* 背景色指定 */
    display: block;        /* ブロック要素にする */
    position: absolute;    /* 位置調整 */
    left: 0;               /* 位置調整 */
    width: 100%;           /* 幅指定 */
    height: 1px;           /* 高さ指定 */
    top: 0;                 /* 位置調整 */
    bottom: 0;             /* 位置調整 */
    margin: auto;          /* 位置調整 */
}
/*------------------------------------------------
.footer（電話と地図）
------------------------------------------------*/ 	
	.footer-tel-map {
		 max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
	}
/*------------------------------------------------
contact_btn（コンタクトボタン）
------------------------------------------------*/ 
.contact_btn_box {
    padding: 1em; 
}
.contact_btn {
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: center; /*ボタン色*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    margin-left: auto;
    margin-right: auto;
    background-color: #004831;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #11322D), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #11322D),color-stop(.75, #11322D), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 3px 3px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

.contact_btn:hover {
    background-color: rgba(0,98,66,0.75);
    width: auto;
}
/*------------------------------------------------
.footer（footer）
------------------------------------------------*/ 
.footer {
    padding-top: 50px;
    padding-bottom: 10px;
    background-color: #004831;
    /*height: 600px;*/
}
.footer-in {
    width: 100%;
    max-width: 1260px;
    margin-right: auto;
    margin-left: auto;
}
.footer-in a {
    color: #DFE5DB;
    font-size: 0.81em;
    text-decoration: none;
}
.footer-in a:hover {
    color: #56A376;
    position: relative;
    right: -1px;
    bottom: -1px;
}
/*------------------------------------------------
.footer_logo-box（footerロゴ）
------------------------------------------------*/ 
.footer_logo-box {
    width: 50%;
    float: left;
    padding-top: 30px;
}
.footer_logo-box_tex {
    width: 94%;
    padding-top: 15px;
    padding-bottom: 10px;
    color: hsla(24,66%,15%,1.00);
    margin-left: auto;
    margin-right: auto;
    font-size: 1.12em;
}
.footer_logo {
    width: 96%;
    margin-right: auto;
    margin-left: auto;
}
.footer_tel {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.footer_tel-m {
    display: none;	
}
.access-box_map {
    width: 46%;
    float: right;
    padding: 1em;
}
/*------------------------------------------------
.footer_menu
------------------------------------------------*/ 
.footer_menu {
    width: 23.5%;
    float: left;
    border-left: thin dotted #DFE5DB;
    padding-left: 1%;
    min-height: 650px;
}
.footer_menu2 {
    width: 23.5%;
    float: left;
    border-left: thin dotted #DFE5DB;
    border-right: thin dotted #DFE5DB;
    padding-left: 1%;
    min-height: 650px;
}
.footer_menu_in {
    width: 100%;
    padding-bottom: 8px;
}
.footer_menu-title {
    color: #DFE5DB;
    font-size: 1em;
    font-weight: bold;
}
.footer_menu ul {
    margin: 0;
    padding: 0;
    display: block;
}
.footer_menu ul li {
    padding-left: 8%;
    float: left;
    width: 90%;
}
.footer_menu ul li ul {
    margin: 0;
    padding: 0;
    display: block;
}
.footer_menu ul li ul li {
    padding-left: 8%;
    float: left;
    width: 90%;
}
.footer_menu2 ul {
    margin: 0;
    padding: 0;
    display: block;
}
.footer_menu2 ul li {
    padding-left: 8%;
    float: left;
    width: 90%;
}

.footer-copy {
    text-align: center;
    padding-top: 60px;
    font-size: 0.8em;
    color: #DFE5DB;
    height: 80px;
    background-color: #004831;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #11322D), color-stop(.5, transparent), to(transparent));
    -webkit-background-size: 2px;
}
/*------------------------------------------------
syosai-btn3（詳細ボタン3）
------------------------------------------------*/    
.syosai-btn3 {
    display: block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #001F15;
    text-decoration: none;
    text-align: center; /*ボタン色*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    margin-left: auto;
    margin-right: auto;
    border: thin solid #001F15;
    font-size: 0.94em;
  }

.syosai-btn3:hover {
    background-color: rgba(223,232,229,1.00);
    color: #001F15;
}


/* パララックスここから */

/*************************
パララックス
*************************/
div.parallax{
	height:450px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;	
	}



.parallax_img_1{
	background-image: url(../images/genkan.jpg);
	}
.parallax_img_2{
	background-image: url(../images/manmo.jpg);	
	}
.parallax_img_3{
	background-image: url(../images/riyou-bg.jpg);
	}


/* パララックスここまで */
}
/*topページへ戻る*/
#page-top {
    position: fixed;
    bottom: 75px;
    right: 15px;
    font-size: 50%;
    z-index: 100;
}
#page-top a {
    background-color: rgba(0,72,50,0.7);
    text-decoration: none;
    color: #FFFFFF;
    width: 55px;
    padding-top: 15px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 8px;
    text-align: center;
    display: block;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,1.00);
    height: 30px;
}
#page-top a:hover {
    text-decoration: none;
    background-color: rgba(0,72,50,1.00);
    color: rgba(255,255,255,1.00);
}