@charset "UTF-8";
/*　キーカラー　*/
/*　マスターワイズ　*/
/*　リンクホバーアクション　*/
/* 読み上げ文字 */
.vi { height: 0px; overflow: hidden; position: absolute; text-indent: -9999px; margin: 0px; padding: 0px; }

/*　行間　＿＿＿＿＿　*/
.line_height_normal { line-height: 1.7; }

/* 一括初期化
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
/*テーブル*/
table { border-collapse: collapse; border-spacing: 0; }
table ul, table ol { margin: 0 25px; }

/*ヘッディング*/
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-style: normal; font-weight: normal; }

/*パラグラフ*/
p { margin: 0; padding: 0; }

/*　水平線　*/
hr { border-width: 1px 0 0 0; border-style: solid; height: 0; }

/*　アドレス　*/
address { font-style: normal; }

/*　トップページに戻る　*/
#pageTop { clear: both; position: fixed; bottom: 10em; right: 1em; text-decoration: none; }
#pageTop a { display: block; font-size: 3rem; color: #fff; background: #7aac00; font-weight: normal; border: 1px solid #fff; border-radius: 4px; opacity: .8; padding: 5px 15px 8px; display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 0 0 1px transparent; box-shadow: 0 0 1px transparent; }

#pageTop a:hover, #pageTop a:focus, #pageTop a:active { opacity: 1; -webkit-transform: translateY(-5px); transform: translateY(-5px); }

/*　現在準備中です。　＿＿＿＿＿　*/
#under { font-weight: bold; text-align: center; padding: 10em 0; }
#under:before { display: block; font-size: 3rem; color: #f39c12; content: "\f071"; font-weight: normal; font-family: FontAwesome; padding: 0 0 .3em; }

/* 読み上げ文字	＿＿＿＿＿＿＿＿＿＿　*/
.vi { height: 0px; overflow: hidden; position: absolute; text-indent: -9999px; margin: 0px; padding: 0px; }

/*　イメージフローティング	＿＿＿＿＿＿＿＿＿＿　*/
.img_left { float: left; padding: 0 20px 10px 0 !important; }

.img_right { float: right; padding: 0 0 20px 10px !important; }

.img_left, .img_right { width: auto; font-size: .9em; background: #fff; }

.img_left img, .img_right img { margin: 0 0 10px; }

/*クリアー	＿＿＿＿＿＿＿＿＿＿　*/
.clear { clear: both; }

/* 見出し	＿＿＿＿＿＿＿＿＿＿　*/
/*　ボタンモジュール	＿＿＿＿＿＿＿＿＿＿　*/
/* 共通ボタン */
.btn_cmn_01 { display: block; width: auto; text-align: center; font-weight: 600; line-height: 1; background-color: #c5e36a; padding: 14px 0; }
.btn_cmn_01:before { float: left; font-family: FontAwesome; content: "\f105"; color: #7b7b7b; padding: 0 0 0 12px; }

/*　送信ボタン　＿＿＿＿＿　*/
.btn_submit_01 { width: auto; color: #fff; font-weight: 600; font-size: 1.6rem; border-radius: 4px; background-color: #3578ba; padding: 16px 84px; }
.btn_submit_01:hover { cursor: pointer; }

/*セレクトボックス*/
.parts_select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 2.3em; font-size: 1.6rem; border: 1px solid #d4d4d4; background-color: #fff; background-image: url(../images/common/back_arrow_down.png); background-position: 100% 49%; border-radius: 6px; padding: 0 10px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; }
.parts_select:hover, .parts_select:focus { background-position: 100% 48%; }

/*テーブル	＿＿＿＿＿＿＿＿＿＿　*/
.table_cmn_01 { width: 100%; font-size: 1.6rem; }
.table_cmn_01 th, .table_cmn_01 td { vertical-align: top; text-align: left; border: 1px solid #ddd; padding: 10px 13px; }
.table_cmn_01 th { white-space: nowrap; font-weight: normal; background-color: #ddd; }
.table_cmn_01 tr { border-bottom: 1px solid #ddd; }

/* リスト	＿＿＿＿＿＿＿＿＿＿　*/
.list_cmn_01 { margin: 0 0 20px 22px; }

.list_cmn_02 { list-style: none; margin: 0 0 20px; }

/*　アライン	＿＿＿＿＿＿＿＿＿＿　*/
.align_left { text-align: left; }

.align_right { text-align: right; }

.align_center { text-align: center; }

/* マージン	＿＿＿＿＿＿＿＿＿＿　*/
#wrapper .mar05 { margin-bottom: 5px; }
#wrapper .mar10 { margin-bottom: 10px; }
#wrapper .mar15 { margin-bottom: 15px; }
#wrapper .mar20 { margin-bottom: 20px; }
#wrapper .mar25 { margin-bottom: 25px; }
#wrapper .mar30 { margin-bottom: 30px; }
#wrapper .mar40 { margin-bottom: 40px; }
#wrapper .mar50 { margin-bottom: 50px; }
#wrapper .mar60 { margin-bottom: 60px; }
#wrapper .mar70 { margin-bottom: 70px; }
#wrapper .mar80 { margin-bottom: 80px; }
#wrapper .mar_r10 { margin-right: 10px; }

/* サイズ補正用	＿＿＿＿＿＿＿＿＿＿　*/
#wrapper .width05 { width: 5%; }
#wrapper .width10 { width: 10%; }
#wrapper .width15 { width: 15%; }
#wrapper .width20 { width: 20%; }
#wrapper .width25 { width: 25%; }
#wrapper .width30 { width: 30%; }
#wrapper .width40 { width: 40%; }
#wrapper .width50 { width: 50%; }
#wrapper .width60 { width: 60%; }
#wrapper .width70 { width: 70%; }
#wrapper .width80 { width: 80%; }
#wrapper .width90 { width: 90%; }
#wrapper .width100 { width: 100%; }

/*　レスポンシブ対応（ブレークポイント 768px）
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (max-width: 768px) { /* マージン	*/
  #wrapper .mar25, #wrapper .mar30, #wrapper .mar40, #wrapper .mar50, #wrapper .mar60, #wrapper .mar70, #wrapper .mar80 { margin-bottom: 20px; }
  /*　サイズ補正用　*/
  #wrapper .width05, #wrapper .width10, #wrapper .width15, #wrapper .width20, #wrapper .width25, #wrapper .width30, #wrapper .width40, #wrapper .width50, #wrapper .width60, #wrapper .width70, #wrapper .width80, #wrapper .width90, #wrapper .width100 { width: auto; }
  /*　イメージフローティング	＿＿＿＿＿＿＿＿＿＿　*/
  .img_right, .img_left { float: none; text-align: center; padding: inherit !important; }
  .img_left, .img_right { width: auto; font-size: .9em; background: #fff; }
  .img_left img, .img_right img { margin: 0 0 10px; }
  /*テーブル	＿＿＿＿＿＿＿＿＿＿　*/
  /*　トップページに戻る　*/
  #pageTop { bottom: 3em; right: .4em; } }
/*　ここまで　*/