@charset "utf-8";
/*HTML5未対応のブラウザーでHTML５要素をブロック要素として読み込ませる*/
article,aside,canvas,details,figcaption,figure,header,footer,menu,nav,section,summary {
display:block;
}
/*　フォント
---------------------------------------------------------------------------*/

.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }/*明朝体*/
.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }/*ゴシック*/
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }

/*全端末共通設定
---------------------------------------------------------------------------*/
html{
	font-size:62.5%;
  overflow-x:auto;
  overflow-y:auto;
}
/*ローディング
------------------------------------*/
.loading {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,1.0);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20000;
}

.loading i {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

/*全体の設定
---------------------------------------------------------------------------*/
body{
	margin: 0px;
	padding: 0px;
	color: #323232;	/*全体の文字色*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 1.6rem;	/*文字サイズ 13px*/
	line-height: 1.5;		/*行間*/
  min-width:1350px;


  background:#f5f9fd;
/*
	background:url("../img/back.jpg");
	background-position:center;*/

}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a{
  color:#232323;
	/* transition: 0.3s;	*/ /* マウスオン時の移り変わるまでの時間設定　0.3s*/

}
a:hover {

}

a img {
　border-style:none;/*画像にリンクを張った時に枠線を表示しない */
} 

#wrapper_page{

}
/*nameダグのちょっと手前にジャンプするための位置調整クラス
----------------------------------*/
a.anchor{
    display: block;
    padding-top: 10px;
    margin-top: -10px;
}

/*マーカー
--------------------------*/
.marker_yellow_hoso{
background: linear-gradient(transparent 60%, #ffff66 60%);
}

/*改行コード
  スマホ対応の時に改行させたくないときに使用
------------------------------*/
.br::before {
	content: "\A" ;
	white-space: pre ;
}

/*飾り*/

#ani_delay_02{
 /* animation-duration: 2s; *//* アニメーションの時間 */
  animation-delay: 0.2s;/* アニメーション開始時間 */
  /* animation-iteration-count: infinite; *//* アニメーションの繰り返し回数 */
}
#ani_delay_04{
 /* animation-duration: 2s; *//* アニメーションの時間 */
  animation-delay: 0.4s;/* アニメーション開始時間 */
  /* animation-iteration-count: infinite; *//* アニメーションの繰り返し回数 */
}
#ani_delay_06{
  animation-delay: 0.6s;/* アニメーション開始時間 */
}
#ani_delay_08{
  animation-delay: 0.8s;/* アニメーション開始時間 */
}


/*ホームページを囲む一番外側のブロック
---------------------------------------------------------------------------*/
#page {
  margin:0 auto 0;/*　中央揃え　*/
  padding:0;
}
/*コンテンツ幅を設定
-------------------------------------------------------------------------*/
.wrap1280{
  width:1140px;
  margin:0 auto 0;
}
.wrap{
  width:1140px;
  margin:0 auto 0;
}

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*headerブロック*/
header {
	position: relative;
  text-align:center;
  margin:0;
  padding:0;
  height:145px;
  z-index:0;
  background:#b0deed;
  background:#e4f3f8;
  /* background:url(../img/back.png);*/
  background:white;

}
header p{
  color:white;
  font-size:13px;
  background:#80b639;
  letter-spacing:3px;
}
header  h1{
  text-align:left;
  float:left;
}
#logo_mess{
  color:#232323;
  margin:0px;
  padding:0px;
}

/*ロゴ画像設定*/
#logo{
  position:relative;
  margin:0px 0 0px;
  padding:0;
  width:190px;
}

#else{
  position:relative;
  margin:10px 0 0px;
  float:right;
  width:380px;
  font-size:12px; 
  text-align:right;

}
#else a{
  text-decoration:none;
  margin-bottom:10px;
  color:#888;
}
#else a:hover{
  color:#333;
  border-bottom:1px solid #333;
}
#else img{
  margin-top:20px;
  width:280px;
}
/*その他設定
---------------------------------------------------------------------------*/
/*まわりこみ解除*/
.clear{
  clear:both;
}
/*clearfix*/
.clearfix:after{  
visibility:hidden;/*見えなくする*/ 
height:0;/*見えなくする*/
display: block;/*block要素にする*/
font-size: 0;  
content: " ";  
clear: both;  
}  

/*メニュー
---------------------------------------------------------------------------*/
/*グローバルナビのメニューバーの基本設定　*/
/*スマホ版のメニュー設定は表示しない　*/
.main_menu_sp{ display:none;}
#main_menu_sp{ display:none;}

#main_menu{
  position:relative;
  padding:0px;
  margin:0px;
  height:50px;

  /* border-top:1px solid #aaa;*/
  background:white;
  background:#e4f9f8;
  background:white;
 /*  background:#e4f3f8;*/
}

#main_menu ul{
  position:relative;
  font-family: "Noto Sans Japanese";
  margin-top:-15px;
  padding:0;
  width:1140px;
  font-size:1.7rem;  
  color:#434343;
}

/*メニュー１個あたりの設定*/
#main_menu li {
  position:relative;
  float:left;
  width:calc(20% - 12px);
  text-align:center;
  padding-top:0px;
  padding-left:10px;
  letter-spacing: 5px;
  border-left:1px solid #878787;
}
#main_menu li .color{
  color:#f7530b;/*オレンジ*/
}
#main_menu li a{/*リンク設定*/
  text-decoration: none;
  margin:0;
  font-weight:normal;
}
#main_menu li:last-child{
 border-right:1px solid #878787;
}

/*メニュー１
----------------------------------*/
/*#main_menu li:nth-child(1) .color{
  position:relative;
  color:#de6641;
}

#main_menu li:nth-child(1):hover {
   background:#fbdac8;
}*/
/*メニュー２
----------------------------------*/
/*
#main_menu li:nth-child(2) .color{
  position:relative;
  color:#e8ac51;
}
#main_menu li:nth-child(2):hover{

  background:#feecd2;
}*/
/*メニュー３
----------------------------------*/
/*#main_menu li:nth-child(3) .color{
  position:relative;
  color:#aac863;
}
#main_menu li:nth-child(3):hover{
  background:#ecf4d9;
}*/
/*メニュー４
----------------------------------*/
/*#main_menu li:nth-child(4) .color{
  position:relative;
  color:#27aca9;
}
#main_menu li:nth-child(4):hover{
  background:#d4ecea;
}*/
/*メニュー５
----------------------------------*/
/*#main_menu li:nth-child(5) .color{
  position:relative;
  color:#a55b9a;
}
#main_menu li:nth-child(5):hover{
  background:#d2cce6;
}

*/
/*　アニメーション　*/
#main_menu a span{
  display: inline-block;

}
#main_menu a:hover span{
  animation: wave-text 0.5s ease-in-out infinite;
animation-iteration-count:1;
}

/* アニメーション開始タイミングをずらす */
#main_menu a:hover span:nth-of-type(1){ animation-delay:  0.0s; }
#main_menu a:hover span:nth-of-type(2){ animation-delay:  0.1s; }
#main_menu a:hover span:nth-of-type(3){ animation-delay:  0.2s; }
#main_menu a:hover span:nth-of-type(4){ animation-delay:  0.3s; }
#main_menu a:hover span:nth-of-type(5){ animation-delay:  0.4s; }
#main_menu a:hover span:nth-of-type(6){ animation-delay:  0.5s; }
#main_menu a:hover span:nth-of-type(7){ animation-delay:  0.6s; }
#main_menu a:hover span:nth-of-type(8){ animation-delay:  0.7s; }
#main_menu a:hover span:nth-of-type(9){ animation-delay:  0.8s; }
#main_menu a:hover span:nth-of-type(10){ animation-delay: 0.9s; }
#main_menu a:hover span:nth-of-type(11){ animation-delay: 1.0s; }
@keyframes wave-text{
  00%{
    transform: translateY(0em);
  }
  60%{
    transform: translateY(-0.3em);
  }
  100%{
    transform: translateY(0em);
  }
}
/*-----------------------------------------------------------------*/

#outline_top{

  display:block;
  float:right;
  padding:0;
  margin:-30px 0px 0px 0;
}

/*カラフル文字！*/
.colorful span:nth-child(1)  {color:#aa8400;}/*黄土色*/
.colorful span:nth-child(2)  {color:#97607d;}/*紫*/
.colorful span:nth-child(3)  {color:#f6aa00;}/*オレンジ*/
.colorful span:nth-child(4)  {color:#0096b9;}/*青緑*/
.colorful span:nth-child(5)  {color:#441f0c;}/*こげ茶*/
.colorful span:nth-child(6)  {color:#63b068;}/*黄緑*/
.colorful span:nth-child(7)  {color:#97607d;}/*紫*/
.colorful span:nth-child(8)  {color:#0096b9;}/*青緑*/
.colorful span:nth-child(9)  {color:#441f0c;}/*こげ茶*/
.colorful span:nth-child(10) {color:#63b068;}/*黄緑*/
.colorful span:nth-child(11)  {color:#aa8400;}/*黄土色*/
.colorful span:nth-child(12)  {color:#97607d;}/*紫*/
.colorful span:nth-child(13)  {color:#f6aa00;}/*オレンジ*/

/*--------------------------------- リンク -----------------------------------*/
.link_pc{

}
.link_sp{
  display:none;
}

/*--------------------------------- フッター ---------------------------------*/footer{
  font-size:100%;
	position: relative;
  background:white;
  height:105px;
  color:#434343;
  margin-top:20px;
  padding-top:20px;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
#footer_menu{
  position:relative;
  padding-top:5px;
  z-index:0;
  font-family: "Noto Sans Japanese";
}
/* footer ロゴ
-------------------------------------------------*/
#footer_logo{
  position:relative;
  width:140px;
  margin-top:-30px;
  z-index:2;

}
/* footer else(スマホ用のため　非表示）
-------------------------------------------------*/

#footer_menu ul{
  margin:10px 0 0px;
	font-size: 0;
	box-sizing: border-box;
	width: 100%;
	list-style: none;
	text-align: right;
  padding-right:0px;
  z-index:1;
}

/*メニュー１個あたりの設定*/
#footer_menu li {
  position:relative;
	font-size: 15px;
	display: inline-block;
  color:#434343;
  letter-spacing: 1px;
  text-align:center;
  width:170px;
  border-left:1px solid #878787;
}


#footer_menu li span{
  color:#f7530b;
}

#footer_menu li a {/*リンク設定*/
  
	text-decoration: none;
	padding: 0px;
	display: block;
	position: relative;
   /* border-right:1px solid #000;*/
  line-height:1.4; 
  text-align:center;
  color:#4f452e;
  color:#5e5237;/*こげ茶*/
}
#footer_menu li:last-child{
  padding-right:5px;
  border-right:1px solid #434343;
}
#footer_menu li:nth-child(5){
  border-right:1px solid #434343;
}
#footer_menu li:nth-child(6){
  display:none;
}
#footer_menu li:nth-child(7){
  display:none;
}

#arr{
  position:relative;
  overflow:hidden;
  display:block;
 text-align:center;
 margin-top:10px;
 font-size:12px;
}

.tel_button{
  display:none;
}
/*TOPへ戻る
-------------------------------------------------*/
/* パソコン・スマホ共通のCSS */
#PageTopBtn {
	position: fixed; /*ボタンの配置場所を固定*/
	bottom: 30px; /*下からのボタンの配置場所を指定*/
	right: 30px; /*右からのボタンの配置場所を指定*/
	z-index:10;
}


#PageTopBtn a:hover img {
  text-decoration:none;
  transform: rotate( -5deg );
  transition: 0.3s;
}
#PageTopBtn a {
display: block; /*配置の調整*/
text-decoration: none; /*文字の下線を消す*/
color: #fff; /*文字の色*/
/* background: #4f452e; *//*ボタンの背景色*/
text-align: center; /*文字を中央に配置*/
border-radius: 5%; /*ボタンの角を少し丸くする*/
outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
text-decoration: none; 
/* background: #87cefa; */ /*マウスオーバー時の背景色*/
}
/* パソコンで表示する場合のCSS */

#PageTopBtn {
font-size: 13px; /*文字のサイズ*/
}
#PageTopBtn a {
width: 150px; /*ボタンの幅*/
height: auto; /*ボタンの高さ*/

}

/*印刷プレビュー
----------------------------------------------------------*/
#btnBox{/*印刷プレビューに表示する印刷するボタンのダミー*/
}
.print_css{
  background:white;

}

.non_print{/*印刷プレビューの表示しないＣＳＳ　index.jsで使われています*/
  display:none;
}
.on_print{
  display:block;
}
.new_print{/*スマホ用印刷の時にコンテンツ表示のパディングを埋める*/
  padding:0;
  background:white;
}
.btnBox{
  position: relative;
  width:100%;
  background-color: #fff;
  color: #fff;
  padding: 15px 20px;
  font-size: 15px;
  z-index:9999;
}

.letter10{
  font-size:14px;
}