@charset "utf-8";

/*=================================================================================================================================*/
/**  個別指定 for PC	*/
/*=================================================================================================================================*/
@media screen and (min-width: 741px) {

/* fook */
.only_pc_none {display:none!important; }
.sp_br{display: none;}


div.insta_sp{ display:none !important;}

/* float */
.float_L{ float: left !important;} 
.float_R{ float: right !important; }

/* 見出し h */
/*---------------------------------------------
 ** h2
---------------------------------------------*/
h2{margin-bottom: 30px;}

/*---------------------------------------------
 ** h3
---------------------------------------------*/
h3{ font-size: 26px; }

/*---------------------------------------------
 **  h4
---------------------------------------------*/
h4 {}

/*---------------------------------------------
 ** width
---------------------------------------------*/
.w1100{ max-width:1100px !important; width:90% !important;}

/*---------------------------------------------
 ** margin
---------------------------------------------*/
.mb0{ margin-bottom: 0 !important;}

/*---------------------------------------------
 **  flexbox
---------------------------------------------*/
.display_flex {display:flex;}
.flex_wrapper {display:flex;flex-wrap:wrap;justify-content: space-between;}
.flex_item_clounm_3 { width:31.5%; }
.flex_item_clounm_2 { width:48.5%; margin-bottom:25px; }
.flex_item_clounm_4 {width:23.5%;margin-bottom:25px;}

/*=================================================================================================================================*/
/**  共通部分	*/
/*=================================================================================================================================*/

/*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
/* ヘッダー */

/* ロゴ */
#logo {width: 528px;height: 212px;margin: 0px auto 0;display: block;position: absolute;left:  0;right:  0;top: 0px;z-index:  999;}
#logo:before{width: 1px;height: 46px;position: absolute;top: 172px;right: 42px;border-left:1px solid #284D46;content: '';}
#logo:after{width: 1px;height: 46px;position: absolute;top: 172px;left: 57px;border-left:1px solid #284D46;content: '';}

#footer #logo:before{ display:none;}
#footer #logo:after{display:none;}


/* ヘッダー */
.header_wrapper {height: 910px;padding-top: 662px;box-sizing: border-box; /*通常の記述*/-webkit-box-sizing: border-box;  /*Google ChromeやSafariの機能を利用*/-moz-box-sizing: border-box;  /*Firefoxの機能を利用*/}
.header_inner {  }



/* TEL */
.tel {width: 289px;height: 63px;float:left;margin: 150px 0 0 0;background:url( ../img/common/tel.png?200210) 0 0 no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden;}
#footer .tel {margin: 30px 80px 0 0;float:right;}
.ad{ float:left; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Georgia, serif;   }
.ad p { font-size:28px; margin:0; padding:30px 0 0 40px; }

/* メインイメージ */
#top .main_img {height: 500px;}
.main_img {height: 540px;text-align:center;position:relative;}

.main_h { position:relative;}
.main_h img {width:209px;height:576px;position: absolute;top: -334px;right: 0px;}
/*=================================================================================================================================*/
/**  TOPコンテンツ	*/
/*=================================================================================================================================*/

/*---------------------------------------------
 **  フッター
---------------------------------------------*/
/* フッター */
.footer_inner   {max-width: 1200px;width: 90%;_zoom: 1;overflow: hidden;padding-bottom: 39px;}

/* ページTOPへ */
#pageTop a {  width: 55.5px; height: 67px; }


.map_img img{ width: 50%;}
.map_img{ text-align: center;}

.top_h2_01{ text-align:center; }

.bg_01 {/* height:1013px; */padding: 14% 0 15%;position:relative;box-sizing: border-box; /*通常の記述*/-webkit-box-sizing: border-box;  /*Google ChromeやSafariの機能を利用*/-moz-box-sizing: border-box;  /*Firefoxの機能を利用*/}
.bg_01 .clounm_2{/*height: 753px !important;*/}
.bg_01 .clounm_2>div{width: 550px !important;}

.minicer {position: absolute;top: -130px;right: 5%;width:886px;width: 50%;}

.top_h2_02:after{top: -130px;right: -90px;}
.top_h2_03:after{top: -130px;right: -90px;}


.bg_02 {/* height:1013px; */padding: 10% 0;position:relative;box-sizing: border-box; /*通常の記述*/-webkit-box-sizing: border-box;  /*Google ChromeやSafariの機能を利用*/-moz-box-sizing: border-box;  /*Firefoxの機能を利用*/}
.bg_02 .clounm_2{/* height: 753px !important; */}
.bg_02 .clounm_2>div{width: 550px !important;}

.bg_03 {padding: 3.8% 0  0%;position:relative;box-sizing: border-box; /*通常の記述*/-webkit-box-sizing: border-box;  /*Google ChromeやSafariの機能を利用*/-moz-box-sizing: border-box;  /*Firefoxの機能を利用*/}
.bg_03 .clounm_2{/* height: 753px !important; */}
.bg_03 .clounm_2>div{width: 100% !important;}

.cup {position: absolute;top: -25%;left: 7%;max-width: 32%;width: 31%;}


.top_h2_04 {position: absolute;top: -119px;left:0;right:0;margin:0 auto;text-align: center;color: #FFF;font-size: 65px;font-style: italic;
text-shadow:-1px 1px 3px #48221a;}


.map { height:500px;}




}