/* ---------------------------------------------------------------------
共通
--------------------------------------------------------------------- */

body{
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ" , "MS PGothic", "Osaka", arial, helvetica, clean, sans-serif;
	margin:0;
	padding:0;
}


a:link {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:active {
	color: #333333;
	text-decoration: none;
}

/*a:hover img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.70;
}*/
a img{
	border:none;
}
.clear{
	clear:both;
}

/* ---------------------------------------------------------------------
タグリセット
--------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6,p,div,ul,li,dl,dt,dd,form {
	margin: 0px;
	padding: 0px;
}
ul,li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ol li {
	list-style:none;
}
img {
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align:bottom;
}
table,tr,td{
	border-collapse: separate;
}

/* ---------------------------------------------------------------------
ローディング
--------------------------------------------------------------------- */
#loader_wrap {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10001;
	text-align: center;
}
#loader_wrap .loading_ani:after {
	width: 50px;
	height: 50px;
	content: '';
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	display: block;
	background: url(../bxslider/images/bx_loader.gif) center center no-repeat;
}


/* ---------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------- */

.fixed_hd{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:117px;
	margin:0 auto;
	background:#FFF;
	z-index:9000;
	border-bottom:#f8f8f8 1px solid;
}


header{
	width:100%;
}
.hd_wrap {
	width:1000px;
	padding:0;
	margin:0 auto;
	position:relative;
}





div.logo{
	width:300px;
	float:left;
	margin:25px 60px 0 0;
	position:absolute;
	z-index:100;
}

/*hd_menu*/
.hd_box{
	width:640px;
	float:right;
	margin:0 0 12px 0;
}

.hd_menu{
	width:480px;
	float:right;
	padding:0 0 0 0;
}
.hd_menu nav li{
	float:left;
}
.hd_menu nav li a{
	width:160px;
	color:#FFF;
	font-size:15px;
	display:block;
	padding:18px 0;
	margin:0 0 0 0;
	text-align:center;
}
.hd_menu nav li:nth-child(1) a{
	background:#60b0bb;
	transition: all  0.3s ease;
}
.hd_menu nav li:nth-child(1) a:hover{
	background:#52cadb;
	text-decoration:none;
}

.hd_menu nav li:nth-child(2) a{
	background:#d4af00;
	transition: all  0.3s ease;
}
.hd_menu nav li:nth-child(2) a:hover{
	background:#e4bb00;
	text-decoration:none;
}

.hd_menu nav li:nth-child(3) a{
	background:#bb2e68;
	transition: all  0.3s ease;
}
.hd_menu nav li:nth-child(3) a:hover{
	background:#e31468;
	text-decoration:none;
}

/* ---------------------------------------------------------------------
ヘッダーナビ
--------------------------------------------------------------------- */

.nav_wrap{
	width:1000px;
	margin: 0 auto;
}

.nav_inner{
	width:100%;
	margin:0 auto;
}
.nav_inner > ul{
	padding-left:360px !important;
}
.nav_wrap li:nth-child(4) a{
	width:158px;
	border-right:#CCC 1px solid;
}
.nav_wrap li a{
	display:block;
	width:159px;
	float:left;
	border-left:#CCC 1px solid;
	font-size:18px;
	color:#333;
	text-align:center;
	padding-top:9px;
	padding-bottom:9px;
}
.nav_wrap li a span{
	font-size:14px;
}




/* ---------------------------------------------------------------------
メイン
--------------------------------------------------------------------- */
.main_wrap{
	width:100%;
	height:auto;
	padding:117px 0 0 0;
	z-index:1;
}
.main{
	width:100%;
	height:auto;
	margin:0 auto;
}

#slide-main li{
	position: relative;
}
#slide-main li a{
	display:block;
	position:absolute;
	z-index:100;
	width:100%;
	height:100%;
}

/*不要なpager非表示*/
.bx-has-controls-direction{
	display:none !important;
}


/*【アニメーション初期設定】****************************/

.slide_title_main1,
.slide_title_main2,
.slide_title_main3{
  opacity: 0;
}

@keyframes anime1 {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

/*1枚目アニメ****************************/
/*.bx_main1{
	height:600px;
	background:url(../images/main/main1.jpg) center center no-repeat;
	background-size:auto 100%;
}
.bx_main1 .slide_title_main1{
	position:absolute;
  animation: anime1 1.5s linear 2s forwards;
	width:338px;
	height:149px;
	top:38px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:10;
}
.bx_main1 .slide_title_main2{
	position:absolute;
  animation: anime1 1.5s linear 4s forwards;
	width:338px;
	height:149px;
	top:68px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:20;
}*/


/*【ミルクリーク】1枚目アニメ****************************/
.bx_main_m1{
	height:500px;
	background:url(../images/main/main2.jpg) center center no-repeat;
	background-size:cover;
}
.bx_main_m1 .slide_title_main1{
	position:absolute;
  animation: anime1 1.5s linear 1s forwards;
	width:446px;
	height:151px;
	top:38px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:10;
}
.bx_main_m1 .slide_title_main2{
	position:absolute;
  animation: anime1 1.5s linear 3s forwards;
	width:446px;
	height:151px;
	top:78px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:20;
}

/*【戸建てリフォーム】1枚目アニメ****************************/
.bx_main_k1{
	height:500px;
	background:url(../images/main/main3.jpg) center center no-repeat;
	background-size:cover;
}
.bx_main_k1 .slide_title_main1{
	position:absolute;
  animation: anime1 1.5s linear 1s forwards;
	width:577px;
	height:42px;
	top:48px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:10;
}
.bx_main_k1 .slide_title_main2{
	position:absolute;
  animation: anime1 1.5s linear 3s forwards;
	width:465px;
	height:73px;
	top:103px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:20;
}

/*4枚目アニメ****************************/
/*.bx_main4{
	height:600px;
	background:url(../images/main/main4.jpg) center center no-repeat;
	background-size:auto 100%;
}
.bx_main4 .slide_title_main1{
	position:absolute;
  animation: anime1 1.5s linear 1s forwards;
	width:446px;
	height:149px;
	top:45px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:10;
}
.bx_main4 .slide_title_main2{
	position:absolute;
  animation: anime1 1.5s linear 3s forwards;
	width:446px;
	height:149px;
	top:95px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:20;
}*/



/* ---------------------------------------------------------------------
メガメニュー
--------------------------------------------------------------------- */
.MM_box{
	background:#f9f9f9;
}

/*新築パネル*******************************************************************************/

.MM_left{
	border-right:#ccc 1px dotted;
	padding-right:7px;
	float:left;
}
.MM_left2{
	border-right:#ccc 1px dotted;
	padding-left:7px;
	padding-right:7px;
	float:left;
}
.MM_left3{
	padding-left:7px;
	float:left;
}

/*1枚目*/
.MM_box1{
	width:310px;
	height:auto;
	background:#f1f1f1 url(../images/arrow_p.png) right bottom no-repeat;
	border:#f9f9f9 3px solid;
	transition: all  0.3s ease;
}
.MM_box1:hover{
	border:#91bb00 3px solid;
}
.MM_txtbox{
	width:282px;
	height:auto;
	padding:7px 0px 7px 5px;
}
.MM_photo a{
	width:100% !important;
	display:block !important;
	text-align:left !important;
	border:none !important;
	float:none !important;
	padding:0 !important;
}
.MM_photo a img{
	width:100%;
	height:auto;
}
.MM_txtbox a{
	width:100% !important;
	display:block !important;
	text-align:left !important;
	border:none !important;
	float:none !important;
}
.MM_txtbox a:hover{
	text-decoration:none;
}
.MM_title{
	display:block;
	font-size:18px !important;
	text-align:left;
	padding-bottom:10px;
}
.MM_txt{
	display:block;
	font-size:14px;
	line-height:150%;
	text-align:left;
}








/*リフォームパネル*******************************************************************************/

.P_reform .MM_left{
	border-right:#ccc 1px dotted;
	padding-right:7px;
	float:left !important;
}
.P_reform .MM_left2{
	border-right:#ccc 1px dotted;
	padding-left:7px;
	padding-right:7px;
	float:left !important;
}
.P_reform .MM_left3{
	padding-left:7px;
	float:left !important;
}

.P_reform .MM_title{
	display:block;
	font-size:16px !important;
	text-align:left;
	padding-bottom:10px;
	line-height:130%;
}

/*1枚目*/
.P_reform .MM_box1{
	width:310px;
	height:auto;
	background:#f1f1f1 url(../images/arrow_p.png) right bottom no-repeat;
	border:#f9f9f9 3px solid;
	transition: all  0.3s ease;
}
.P_reform .MM_box1:hover{
	border:#91bb00 3px solid;
}
.P_reform .MM_photo img{
	width:100%;
	height:auto;
}
.P_reform .MM_box1 .MM_txtbox{
	width:265px;
	height:136px;
	padding:0px 5px;
}
.P_reform .MM_box1 .MM_txtbox2{
	width:305px !important;
	height:130px;
	padding:5px 5px 0;
}
.P_reform .MM_box1 .MM_txtbox2 a{
	width:305px;
	border:none;
}
.P_reform .MM_box1 .MM_txtbox2 a:hover{
	text-decoration:none;
}
.P_reform .MM_box1 .MM_title{
	display:block;
	font-size:20px !important;
	text-align:left;
	padding-bottom:10px;
}
.P_reform .MM_box1 .MM_title span{
	font-size:14px;
}

.P_reform .MM_box1 .MM_txt img{
	text-align:left;
	display:block;
	padding-top:2px;
}


/*お客様サポート*******************************************************************************/

.megamenu li:nth-child(5) div{
	display:none !important;
}
.P_support .MM_left{
	border-right:#ccc 1px dotted;
	padding-right:10px;
	float:left;
}
.P_support .MM_left2{
	padding-left:10px;
	float:left;
}


/*1枚目*/
.P_support .MM_box1{
	width:270px;
	height:auto;
	background:#f1f1f1 url(../images/arrow_p.png) right bottom no-repeat;
	border:#f9f9f9 3px solid;
	transition: all  0.3s ease;
}
.P_support .MM_box1:hover{
	border:#91bb00 3px solid;
}

.P_support .MM_box1 .MM_txtbox{
	width:260px;
	height:auto;
	padding:0px 5px;
}
.P_support .MM_box1 .MM_title{
	display:block;
	font-size:20px;
	text-align:left;
	padding:5px 0;
}

/*2枚目*/
.P_support .MM_box2{
	width:270px;
	height:auto;
	background:#f1f1f1 url(../images/arrow_p.png) right bottom no-repeat;
	border:#f9f9f9 3px solid;
	transition: all  0.3s ease;
}
.P_support .MM_box2:hover{
	border:#f9f9f9 3px solid;
}







/* ---------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------- */

.cont_wrap{
	width:100%;
	background:#FFF;
}

.cont_inner{
	width:1000px;
	margin:0 auto;
	padding:15px 0 30px;
}

/*熊本地震メッセージ*/
.box_anct{
	border:#CCC 3px solid;
	padding:15px;
	text-align:center;
	font-size:14px;
	line-height:150%;
}

/*トピックスバナー*/
.b_bnr{
	padding:10px 0 20px;
}

.b_bnr li{
	width:480px;
	float:left;
	margin-bottom:10px;
}
.b_bnr li:nth-child(odd){
	margin-right:38px;
}
.b_bnr li:nth-child(even){
	margin-right:0;
}
.b_bnr li a img{
	border:#fff 3px solid;
	transition: all  0.3s ease;
}
.b_bnr li a:hover img{
	border:#91bb00 3px solid;
}

.camp_title{
	display:block;
	margin:5px 0 20px 0;
}


/*ニュース*/
#info{
	/*アンカーリンクズレ用*/
	margin-top:-117px;
	padding-top:117px;
}
.clt_wrap{
	width:100%;
}
.info_title{
	display:block;
	margin:5px 0 35px 0;
}
.info_title_sp,
.camp_title_sp{
	display:none;
}
.clt_left{
	width:480px;
	float:left;
}
.clt_right{
	width:480px;
	float:right;
}

.clt_left .clt_box{
	width:480px;
	border-bottom:#206743 5px solid;
	padding-bottom:8px;
	margin-bottom:20px;
	position:relative;
}
.clt_right .clt_box{
	width:480px;
	border-bottom:#91bb00 5px solid;
	padding-bottom:8px;
	margin-bottom:20px;
	position:relative;
}

.fig_m{
	position:absolute;
	top:-38px;
}
.cl_title{
	width:400px;
	float:left;
}
.cl_title p.cl_title1{
	font-size:20px;
	float:left;
	line-height:100%;
	margin-left:140px;
}
.cl_title p.cl_title2{
	font-size:14px;
	float:left;
	padding-top:4px;
}

.cl_list{
	width:80px;
	float:right;
	text-align:right;
}
.clt_left .cl_list a{
	font-size:14px;
	background: url(../images/arrow1.png) left center no-repeat;
	padding-left:12px;
}
.clt_right .cl_list a{
	font-size:14px;
	background: url(../images/arrow2.png) left center no-repeat;
	padding-left:12px;
}

/*動画バナー*/

.clt_bnr_2 .vbox{
	position:relative;
	min-height:230px;
	overflow:hidden;
}
.clt_bnr_2 .vbox video{
	height:110%;
	margin:-33px 0 0 -50px;
	overflow:hidden;
	position:absolute;
	z-index:1;
	top:0;
	bottom:0;
	right:auto;
	left:auto;
}
.clt_bnr_2 .vt{
	position:absolute;
	bottom:0;
	z-index:2;
}
.clt_bnr_2 .vbox .vt img{
	width:100%;
}
@media screen and (max-width:640px){
.clt_bnr_2 .vbox{
	position:relative;
	min-height:45vw;
	overflow:hidden;
}
.clt_bnr_2 .vbox video{
	height:110%;
	margin:-30px 0 0 -50px;
	overflow:hidden;
	position:absolute;
	z-index:1;
	top:0;
	bottom:0;
	right:auto;
	left:auto;
}
}

/*clt_bnr*/
.clt_bnr_box{
	margin-bottom:20px;
}
.clt_bnr_1{
	width:234px;
	float:left;
}
.clt_bnr_2{
	width:234px;
	float:right;
}
.clt_bnr_1 a img,.clt_bnr_2 a img{
	width:100%;
}
.clt_bnr_box a{
	display:block;
	border:2px solid #FFF;
	transition: all  0.3s ease;
}
.clt_bnr_box a:hover{
	border:2px solid #44ac00;
}
.clt_bnr1 a img{
	width:100%;
}

/*リフォーム枠*/
.clt_right .clt_bnr_1 a{
	border: 2px solid #206843;
}
.clt_right .clt_bnr_2 a{
	border: 2px solid #154478;
}
.clt_right .clt_bnr_box a:hover{
	border:2px solid #44ac00;
}




/*clt_bt*/
.clt_bt_box{
	margin-bottom:50px;
}
.clt_bt_box div:nth-child(1),
.clt_bt_box div:nth-child(2){
	width:150px;
	margin-right:15px;
	float:left;
}
.clt_bt_box div:nth-child(3){
	width:150px;
	margin-right:0px;
	float:left;
}

.clt_left .clt_bt_box a{
	display:block;
	border:2px solid #FFF;
	transition: all  0.3s ease;
}
.clt_left .clt_bt_box a:hover{
	border:2px solid #206743;
}

.clt_right .clt_bt_box a{
	display:block;
	border:2px solid #FFF;
	transition: all  0.3s ease;
}
.clt_right .clt_bt_box a:hover{
	border:2px solid #91bb00;
}



/*ニュースr*/
.news_box{
	padding-bottom:30px;
}
.news_box li{
	border-bottom:#ddd 1px dotted;
	padding:10px 0;
	min-height:55px;
	
}
.news_box li span{
	font-size:13px;
	width:82px;
	display:block;
	position:absolute;
	clear:both;
	padding:0 0 4px 5px;
	color:#333333;
	line-height:160%;
}
.news_box li span img{
	width:96%;
	height:auto;
}
.news_box li a{
	font-size:13px;
	width:380px;
	display:block;
	margin-left:105px;
	line-height:130%;
	padding-top:2px;
}
.news_box li p{
	font-size:13px;
	margin-left:105px;
	padding-bottom:7px;
}


.new{
	display:none;
	margin:0 0 0 20px;
	padding:0;
}
.new img{
	margin:0;
	padding:0;
}



/* corp_news */
.corp_news{
	width:480px;
	float:left;
}
.corp_news .clt_box{
	width:480px;
	border-bottom:#a7a7a7 5px solid;
	padding-bottom:8px;
	margin-bottom:20px;
	position:relative;
}
.corp_news .cl_title p.cl_title1{
	font-size:20px;
	float:left;
	line-height:100%;
	margin-left:0px;
}
.corp_news .cl_list a{
	font-size:14px;
	background: url(../images/arrow3.png) left center no-repeat;
	padding-left:12px;
}


/*slide_wrap*/
.slide_wrap{
	margin:20px 0 40px;
	position:relative;
}

#slide-bnr a{
	display:block;
	border:2px solid #FFF;
	transition: all  0.3s ease;
}
#slide-bnr a:hover{
	border:2px solid #44ac00;
}

/*next prev ボタン*/
.feed-prev-btn {
  background-image: url(../images/sub_arrow_L.gif);
}
.feed-next-btn{
  background-image: url(../images/sub_arrow_R.gif);
}
.feed-prev-btn:hover {
  background-image: url(../images/sub_arrow_L.gif);
}
.feed-next-btn:hover{
  background-image: url(../images/sub_arrow_R.gif);
}
.feed-prev-btn {
	position:absolute;
	margin-left:-40px;
	margin-top:55px;
}
.feed-prev-btn .bx-prev {
  opacity: 0;
  display: block;
}
.feed-next-btn {
	position:absolute;
	right:0;
	top:0;
	margin-right:-40px;
	margin-top:55px;
}
.feed-next-btn .bx-next {
  opacity: 0;
  display: block;
}
.navi-btn {
  width: 18px;
  height: 41px;
}
.navi-btn  a{
  height: 41px;
  display: block;
}




/* bnr_info */
.bnr_info{
	width:480px;
	float:right;
}

.bnr_info div.bi_odd{
	width:234px;
	float:left;
	margin-bottom:15px;
}
.bnr_info div.bi_even{
	width:234px;
	float:right;
	margin-bottom:15px;
}

.bi_title{
	font-size:16px;
	color:#91bb00;
	padding:7px 0;
}
.bi_txt{
	font-size:14px;
	line-height:150%;
}

.bnr_info a{
	display:block;
	border:2px solid #FFF;
	transition: all  0.3s ease;
}
.bnr_info a:hover{
	border:2px solid #44ac00;
}





/* ---------------------------------------------------------------------
コンテンツ2
--------------------------------------------------------------------- */

.cont_wrap2{
	width:100%;
	background:#f0f6dc;
}

.cont_inner2{
	width:1000px;
	margin:0 auto;
	padding:10px 0;
}


.lp{
	padding:30px 0 0;
}

.lp li{
	width:480px;
	float:left;
	margin-bottom:20px;
	border:#f0f6dc 3px solid;
	transition: all  0.3s ease;
}
.lp li:hover{
	border:#91bb00 3px solid;
}
.lp li:nth-child(odd){
	margin-right:28px;
}
.lp li:nth-child(even){
	margin-right:0;
}
.lp_box{
	width:100%;
	float:left;
	background:#FFF url(../images/arrow_b.png) 230px 125px no-repeat;
}
.lp_b_left{
	width:233px;
	float:left;
	padding:10px;
}
.lp_b_right{
	width:227px;
	float:left;
}
.lp_box a{
	display:block;
	transition: all  0.3s ease;
}
.lp_box a:hover{
	text-decoration:none;
}
.lp_title{
	display:block;
	margin-top:0px;
	font-size:20px;
	color:#91bb00;
	line-height:130%;
}
.lp li:nth-child(3) .lp_title{
	font-size:16px;
}
.lp li:nth-child(n+2) .lp_title{
	padding-top:14px;
	min-height:38px;
}
.lp_title strong{
	font-weight:normal;
	font-size:14px;
}
.lp_txt{
	display:block;
	margin-top:10px;
	font-size:14px;
	line-height:150%;
}

.redesign{
	background:#f6f6f6;
	margin:0px auto 50px;
}
.redesign h3{
	margin:0 auto;
	text-align: center;
	padding: 20px 0 5px;
}
.redesign p{
	float:left;
	margin:9px 0px 20px 18px;
	padding-top:12px;
	width: 690px;
}
.redesign a{
	display:block;
	width:260px;
	float:right;
	margin:9px 18px 9px 0px;
	border:#f6f6f6 1px solid;
	transition: all  0.3s ease;
}
.redesign a:hover{
	border:#57b53c 1px solid;
}
.redesign a img{
	width:100%;
}
/* ---------------------------------------------------------------------
コンテンツ3
--------------------------------------------------------------------- */

.cont_wrap3{
	width:100%;
	background:#f9f9f9;
}

.cont_inner3{
	width:1000px;
	margin:0 auto;
	padding:30px 0;
}

.s_bnr{
}
.s_bnr li{
	width:242px;
	float:left;
	margin-bottom:20px;
	border:#f9f9f9 1px solid;
	margin-right:8px;
	transition: all  0.3s ease;
}
.s_bnr li:hover{
	border:#44ac00 1px solid;
}

.s_bnr li:nth-child(4n+4){
	margin-right:0;
}



/* ---------------------------------------------------------------------
フッター
--------------------------------------------------------------------- */
.ft_wrap{
	width:100%;
	background:#e8e8e8;
	padding-top:24px;
}
.ft_link{
	width:1000px;
	margin:0 auto;
	padding-bottom:15px;
}
.ft_link ul{
	padding-bottom:10px;
	text-align: center;
}
.ft_link li{
	line-height:180%;
	display: inline-block;
}
.ft_link li a{
	color:#333;
	font-size:14px;
	padding:0 15px !important;
	border-left:#ccc 1px solid;
}
.ft_link li:last-child a{
	border-right:#ccc 1px solid;
}


.ft_copy{
	width:1000px;
	margin:0 auto;
	padding:20px;
}
.ft_copy p{
	color:#333;
	font-size:12px;
	text-align:center;
}

/*ページトップ*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.script_wrap{
	display:none;
}

/*災害のお見舞*/
#sympathy{
    width: 94%;
	border: 1px solid #ccc;
    padding: 20px;
    text-align: center;
    line-height: 1.8;
    font-size: 14px;
	margin: 30px auto;
}



/* ------------------------------画面の横幅が768以上1024未満 (タブレット縦) ------------------------------*/
@media screen and (min-width:768px) and ( max-width:1024px) {

/*2枚目アニメ****************************/
.bx_main3{
	height:600px;
	background:url(../images/main/main3.jpg) -300px center no-repeat;
	background-size:auto 100%;
}

}



/*SP用display:none;■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.sp_hd_wrap{
	display:none;
}
.slidemenu {
	display:none;
}
.spbr{
	display:none;
}
.pc{
	display:block !important;
}
.sp{
	display:none !important;
}


/* ------------------------------画面の横幅が640px以下 (スマホ) ------------------------------*/
@media screen and (max-width:640px){

/*SP用display:none;■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.nav_wrap{
	display:none;
}
.sp{
	display:block !important;
}
.pc{
	display:none !important;
}



/*body==================================*/
body{
	min-width:100%;
}

/*ヘッダー*/
.fixed_hd{
	position:fixed;
	width:100%;
	height:60px;
	margin:0 auto;
	background:#FFF;
	z-index:10;
	border-bottom:none;
}

.hd_wrap{
	display:none;
}

#wrap{
	margin-top:60px;
}

/*スライドメニュー==================================*/


nav ul {
    list-style:none;
}

/*header*/
.sp_hd_wrap {
	display:block;
	color:#FFF;
	text-align:center;
    height: 49px;
    position: relative;
    width: 100%;
}
.sp_logo{
	width: 35%;
	float: left;
	padding:15px 0 0 0;
	margin-left:5px;
}
.sp_logo h1{
	width:100%;
}
.sp_logo img{
	width:100%;
	height:auto;
}
.sp_logo h1{
	text-align:center;
}

.hd_menu_sp{
	width:44%;
	left: 42%;
	position: absolute;
	padding:10px 0 0 0;
}
.hd_menu_sp li{
	width:48%;
	float:left;
	margin-right:4%;
}
.hd_menu_sp li:nth-child(2){
	margin-right:0;
}
.hd_menu_sp li a{
	display:block;
	font-size:80%;
	padding:15% 1%;
	color:#FFF;
}
.hd_menu_sp li:nth-child(1) a{
	background:#206743;
}
.hd_menu_sp li:nth-child(2) a{
	background:#91bb00;
}


.button {
	width: 32px;
	height: 32px;
	position: fixed;
	z-index:7777;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/menu.png);
	background-position: center;
	top:2%;
	right:2% !important;
}
.menu-button-left {
    left: 0px;
}
.menu-button-right {
    right: 0px;
}

/*slidemenu*/
.slidemenu {
	display:block;
    background-color: #137f24;
}
.slidemenu li {
    list-style: none;
    border-top: 1px solid #1ba130;
    border-bottom: 1px solid #417000;
    font-size:14px;
    line-height: 1.2;
}
.slidemenu li a {
    padding:10px 0 10px 20px;
    display: block;
    text-decoration: none;
    color: #fff;
		transition: 0.3s;
}
.slidemenu li a:hover {
	background:#81bc2e;
}
.slidemenu li:first-child {
    border-top: none;
}
.slidemenu li:last-child {
    border-bottom: none;
}
.slidemenu .slidemenu-header {
    height: 55px;
    border-bottom: 1px solid #417000;
    box-shadow: 0 1px 3px rgba(34,25,25,.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    background-color: #137f24;
}

.slidemenu .slidemenu-header div {
    padding: 17px 0px 0px 19px;
    text-decoration: none;
    color: #fff;
	font-weight:bold;
}


/*plugin*/
#main {
  z-index: 1;
}
.slidemenu {
  top: 0;
  width: 240px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
	margin-top:60px;
}
.slidemenu .slidemenu-header {
	display:none;
  position: relative;
}
.slidemenu .slidemenu-header div{
  font-size:14px;
}
.slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
}
.slidemenu-left {
    left: 0;
}
.slidemenu-right {
    right: 0;
}

/* pager */
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    /*position: absolute;
    right: 0px !important;
    bottom: 0px !important;
    z-index: 2000;*/
}

/*///スライドメニューここまで==================================*/


/* ---------------------------------------------------------------------
メイン
--------------------------------------------------------------------- */
.main_wrap{
	width:100%;
	z-index:1;
	position: static;
	padding:0;
}
.main{
	width:100%;
	margin:0 auto;
}

/*画像100％*/
.bx_main1 img,
.bx_main2 img,
.bx_main3 img,
.bx_main4 img{
	width:100% !important;
	height:auto;
}


/*1枚目アニメ****************************/
/*.bx_main1{
	height:60vh;
	background:url(../images/main/main_sp1.jpg) center top no-repeat;
	background-size:cover;
}
.bx_main1 .slide_title_main1{
	position:absolute;
  animation: anime1 1.5s linear 2s forwards;
	width:85%;
	height:auto;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	z-index:10;
}
.bx_main1 .slide_title_main2{
	position:absolute;
  animation: anime1 1.5s linear 4s forwards;
	width:85%;
	height:auto;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	z-index:20;
}*/


/*2枚目アニメ****************************/
.bx_main_m1{
	height:60vh;
	background:url(../images/main/main_sp2.jpg) center center no-repeat;
	background-size:cover;
}
.bx_main_m1 .slide_title_main1{
	position:absolute;
  animation: anime1 1.5s linear 1s forwards;
	width:85%;
	height:auto;
	top:10px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:10;
}
.bx_main_m1 .slide_title_main2{
	position:absolute;
  animation: anime1 1.5s linear 3s forwards;
	width:85%;
	height:auto;
	top:28px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:20;
}

/*3枚目アニメ****************************/
.bx_main_k1{
	height:60vh;
	background:url(../images/main/main_sp3.jpg) center right no-repeat;
	background-size:cover;
}
.bx_main_k1 .slide_title_main1{
	position:absolute;
  animation: anime1 1.5s linear 1s forwards;
	width:85%;
	height:auto;
	top:20px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:10;
}
.bx_main_k1 .slide_title_main2{
	position:absolute;
  animation: anime1 1.5s linear 3s forwards;
	width:85%;
	height:auto;
	top:50px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:20;
}

/*4枚目アニメ****************************/
/*.bx_main4{
	height:60vh;
	background:url(../images/main/main_sp4.jpg) center center no-repeat;
	background-size:cover;
}
.bx_main4 .slide_title_main1{
	position:absolute;
  animation: anime1 1.5s linear 1s forwards;
	width:85%;
	height:auto;
	top:14px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:10;
}
.bx_main4 .slide_title_main2{
	position:absolute;
  animation: anime1 1.5s linear 3s forwards;
	width:85%;
	height:auto;
	top:14px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:20;
}*/



/* ---------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------- */
#sympathy br{
    display:none;
  }
section#sympathy{
    width: 84%;
  }
.cont_inner{
	width:100%;
	margin:0 auto;
	padding:20px 0;
}

.box_anct{
display:none;
	width:80%;
	margin:0 auto;
	border:#CCC 3px solid;
	padding:10px;
	text-align:left;
	font-size:12px;
	line-height:150%;
}
.box_anct br{
	display:none;
}

/*トピックスバナー*/
.b_bnr{
	padding:0 0 30px;
	width:90%;
	margin:0 auto;
}

.b_bnr li{
	width:100%;
	float:none;
	margin-bottom:10px;
}
.b_bnr li:nth-child(odd){
	margin-right:0;
}
.b_bnr li:nth-child(even){
	margin-right:0;
}
.b_bnr li a img{
	width:100%;
	border:#fff 3px solid;
	transition: all  0.3s ease;
}
.b_bnr li a:hover img{
	border:#91bb00 3px solid;
}
/*事業移管お知らせ*/
.redesign {
  background: #f6f6f6;
  margin: 0px auto 30px;
	padding-bottom:20px;
	width:100%;
}
.redesign h3{
	width:90%;
	margin:0 auto;
	font-size:15px;
}
.redesign p {
  float: none;
  margin: 0 auto 10px;
  padding-top: 12px;
  width: 90%;
	font-size:14px;
	line-height:1.2;
}
.redesign a {
    display: block;
    width: 90%;
    float: none;
    margin: 0 auto;
    border: #f6f6f6 1px solid;
    transition: all 0.3s ease;
}


/*ニュース*/
#info{
	/*アンカーリンクズレ用*/
	margin-top:0;
	padding-top:0;
}
.clt_wrap{
	width:100%;
}
.info_title,
.camp_title{
	margin:5px 0 35px 0;
	display:none;
}
.info_title_sp{
	display:block;
	width:100%;
	margin:0 auto 20px;
}
.camp_title_sp{
	display:block;
	width:100%;
	margin:0 auto 20px;
}

.info_title_sp img,
.camp_title_sp img{
	width:100%;
	height:auto;
}
.clt_left{
	width:96%;
	float:none;
	margin:0 auto;
}
.clt_right{
	width:96%;
	float:none;
	margin:60px auto 0;
}

.clt_left .clt_box{
	width:100%;
	border-bottom:#206743 5px solid;
	padding-bottom:8px;
	margin:0 auto 20px;
	position:relative;
}
.clt_right .clt_box{
	width:100%;
	border-bottom:#91bb00 5px solid;
	padding-bottom:8px;
	margin:0 auto 20px;
	position:relative;
}
.fig_m{
	display:none;
}
.fig_m img{
	width:100%;
	height:auto;
}

.cl_title{
	width:70%;
	float:left;
}
.cl_title p.cl_title1{
	font-size:18px;
	float:left;
	line-height:100%;
	margin-right:15px;
	margin-left:5%;
}
.cl_title p.cl_title2{
	display:none;
	font-size:10px;
	float:left;
	padding-top:8px;
}

.cl_list{
	width:30%;
	float:right;
	text-align:right;
}
.clt_left .cl_list a{
	font-size:12px;
	background: url(../images/arrow1.png) left center no-repeat;
	padding-left:12px;
}
.clt_right .cl_list a{
	font-size:12px;
	background: url(../images/arrow2.png) left center no-repeat;
	padding-left:12px;
}



/*clt_bnr*/
.clt_bnr_box{
	margin-bottom:20px;
}
.clt_bnr_box img{
	width:100%;
	height:auto;
}
.clt_bnr_1{
	width:48%;
	float:left;
}
.clt_bnr_2{
	width:48%;
	float:right;
}

.clt_bnr_box a{
	display:block;
	border:2px solid #FFF;
	transition: all  0.3s ease;
}
.clt_bnr_box a:hover{
	border:2px solid #44ac00;
}

/*clt_bt*/
.clt_bt_box{
	margin-bottom:50px;
}
.clt_bt_box img{
	width:100%;
	height:auto;
}
.clt_bt_box div:nth-child(1),
.clt_bt_box div:nth-child(2){
	width:32.5%;
	margin-right:1%;
	float:left;
}
.clt_bt_box div:nth-child(3){
	width:32.5%;
	margin-right:0px;
	float:left;
}

.clt_left .clt_bt_box a{
	display:block;
	border:2px solid #FFF;
	transition: all  0.3s ease;
}
.clt_left .clt_bt_box a:hover{
	border:2px solid #206743;
}

.clt_right .clt_bt_box a{
	display:block;
	border:2px solid #FFF;
	transition: all  0.3s ease;
}
.clt_right .clt_bt_box a:hover{
	border:2px solid #91bb00;
}


/* corp_news */
.corp_news{
	width:96%;
	margin:0 auto;
	float:none;
}
.corp_news .clt_box{
	width:100%;
	border-bottom:#a7a7a7 5px solid;
	padding-bottom:8px;
	margin-bottom:20px;
	position:relative;
}
.corp_news .cl_title p.cl_title1{
	font-size:18px;
	float:left;
	line-height:100%;
	margin-left:0px;
}
.corp_news .cl_list a{
	font-size:12px;
	background: url(../images/arrow3.png) left center no-repeat;
	padding-left:12px;
}


.news_box {
    padding-bottom: 10px;
}
.news_box li{
	border-bottom:#ddd 1px dotted;
	padding:15px 0;
	min-height:50px;
}
.news_box li:last-child{
	border-bottom:none;
}
.news_box li span{
	font-size:14px;
	width:100%;
	display:block;
	position:static;
	clear:both;
	padding:0 0 10px 10px;
	color:#333333;
	line-height:160%;
}
.news_box li span img{
	width:90px;
	padding-left:15px;
}
.news_box li a{
	font-size:14px;
	width:90%;
	display:block;
	margin:0 auto;
	line-height:130%;
	padding-top:2px;
}
.news_box li a br{
	display:none;
}
.news_box li p{
	font-size:14px;
	width:90%;
	margin:0 auto;
	padding-top:10px;
}


.new{
	display:none;
	margin:0 0 0 20px;
	padding:0;
}
.new img{
	margin:0;
	padding:0;
}

/*slide_wrap*/
.slide_wrap{
	margin:20px auto 40px;
	position:relative;
  width:90%;
}
.slide_wrap ul li a img{
	width:100%;
}


/* bnr_info */
.bnr_info{
	width:96%;
	float:none;
	margin:0 auto 40px;
}
.bnr_info div.bi_odd{
	width:100%;
	float:none;
	margin-top:10px;
	clear:both;
}
.bnr_info div.bi_even{
	width:100%;
	float:none;
	margin-top:10px;
	clear:both;
}
.bi_right{
	float:right;
	width:67%;
}
.bi_right::after{
	content:"";
	clear:both;
}
.bi_title{
	font-size:16px;
	color:#91bb00;
	padding:7px 0;
  margin-left:5px;
}
.bi_txt{
	font-size:14px;
	line-height:150%;
  margin-left:5px;
}

.bnr_info a{
	width:30%;
	max-width:230px;
	display:block;
	border:2px solid #FFF;
	transition: all  0.3s ease;
	text-align:center;
	float: left;
}
.bnr_info a:hover{
	border:2px solid #44ac00;
}
.bnr_info a img{
	width:100%;
	height:auto;
}

/* ---------------------------------------------------------------------
コンテンツ2
--------------------------------------------------------------------- */

.cont_wrap2{
	width:100%;
	background:#f0f6dc;
}

.cont_inner2{
	width:94%;
	margin:0 auto;
	padding:10px 0;
}


.lp{
	padding:30px 0 0;
}

.lp li{
	width:100%;
	float:left;
	margin-bottom:0 auto 20px;
	border:#f0f6dc 3px solid;
	transition: all  0.3s ease;
}
.lp li:hover{
	border:#91bb00 3px solid;
}
.lp li:nth-child(odd){
	margin-right:0;
}
.lp li:nth-child(even){
	margin-right:0;
}
.lp_box{
	width:100%;
	float:left;
	background:#FFF;
}
.lp_b_left{
	width:49%;
	float:left;
	padding:2%;
}
.lp_b_right{
	width:43%;
	float:left;
}
.lp_b_right img{
	width:100%;
	height:auto;
	margin:10% 0;
}
.lp li:nth-child(1) .lp_b_right img{
	margin:20% 0;
}
.lp_box a{
	display:block;
}
.lp_box a:hover{
	text-decoration:none;
}
.lp_title{
	display:block;
	margin-top:0px;
	font-size:20px;
	color:#91bb00;
	line-height:130%;
}
.lp li:nth-child(3) .lp_title{
	font-size:18px;
}
.lp li:nth-child(n+2) .lp_title{
	padding-top:14px;
	min-height:38px;
}
.lp_title strong{
	font-weight:normal;
	font-size:12px;
}
.lp_txt{
	display:block;
	margin-top:10px;
	font-size:12px;
	line-height:150%;
}
.lp_txt br{
	display:none;
}



/* ---------------------------------------------------------------------
コンテンツ3
--------------------------------------------------------------------- */

.cont_wrap3{
	width:100%;
	background:#f9f9f9;
}

.cont_inner3{
	width:96%;
	margin:0 auto;
	padding:30px 0;
}

.s_bnr{
}
.s_bnr li{
	width:48%;
	float:left;
	margin:0 auto 10px;
	border:#f9f9f9 1px solid;
	margin-right:2%;
	transition: all  0.3s ease;
}
.s_bnr li img{
	width:100%;
	height:auto;
}
.s_bnr li:hover{
	border:#3aaf3b 1px solid;
}

.s_bnr li:nth-child(2n+2){
	margin-right:0;
}



/* ---------------------------------------------------------------------
フッター
--------------------------------------------------------------------- */
.ft_wrap{
	width:100%;
	border-top:#57b53c 4px solid;
	padding-top:24px;
}
.ft_link{
	width:80%;
	margin:0 auto;
	border-bottom:#ddd 1px solid;
	padding-bottom:15px;
}
.ft_link li{
	float:none;
	margin-right:10px;
	margin-bottom:5px;
}
.ft_link li a{
	background:url(../images/arrow4.png) left center no-repeat;
	padding-left:8px;
	font-size:12px;
}


.ft_copy{
	width:96%;
	margin:0 auto;
	padding:20px 0;
}
.ft_copy p{
	font-size:12px;
	text-align:center;
}



}