@charset "utf-8";

/*----------------------------------------
2019.08
style_common.css

共通箇所を記述します。
・ヘッダー
・フッター
----------------------------------------*/

/*==========================================
 フォーム全般
===========================================*/

input, button, textarea, select {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

/* responsible ---------------------------------------------
  ----------------------------------------------------------
 ★ --------------------共通--------------------------------
  ----------------------------------------------------------
 -------------------------------------------------------- */

*{
  box-sizing: border-box;
}

html { text-rendering: optimizeLegibility; }
.clearfix::after { content: ""; display: table; clear: both;}
a { text-decoration: none; color:#fff; 
}

/* hoverエフェクト */
.fade,
.fade::before,
.fade::after {
  -webkit-transition: .3s;
  transition: .3s;
}
h1 {
    font-size: 0;
    margin: 0;
}
img {
  width: 100%;
  vertical-align: bottom;
}
h3 {
  line-height: 2;
}

/* ----------------------- font ----------------------- */
body {
  font-family: "Zen Kaku Gothic New","Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", 
  Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  margin: 0;
  font-size: 16px;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff url(../img/cmn_bg.jpg) repeat center center fixed ;
  background-attachment: fixed;
}

/* ----------------------- head ----------------------- */
header {
  width: 100%;
  z-index:2000; 
}
.header__navi_list,.header__navi_list-last {
  list-style-type: none;
}


/* --------------------- h2タイトル --------------------- */
.contents_h2 {
  margin-bottom: 60px;
}
.contents_h2_img {
  max-width: 160px;
  margin:0 auto 20px; 
}
.contents_h2_jp {
  font-size: 30px;
  color: #003879;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
.contents_h2_en {
  color: #894337;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 960px) 
{ /* SP start */
.contents_h2 {
  margin-bottom: 40px;
}
.contents_h2_img {
  max-width: 120px;
  margin:0 auto 12px; 
}
.contents_h2_jp {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.3;
}
.contents_h2_en {
  color: #894337;
  font-weight: 400;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0.1em;
}
}





/* --------------------- プレーンテキスト --------------------- */
p {
  font-size: 16px;
  line-height: 1.8;
}

@media only screen and (max-width: 960px) 
{ /* SP start */
p {
  font-size: 15px;
}
}





/* responsible ---------------------------------------------
  ----------------------------------------------------------
 ★ 737px以上 -----------PC---------------------------------
  ----------------------------------------------------------
 -------------------------------------------------------- */
@media only screen and (min-width: 961px) 
{ /* PC start */
body{
  overflow-x: hidden;
}

/*----------------------------------------
    header pc
-----------------------------------------*/

/*----------------------------------------
    ページトップボタン pc
-----------------------------------------*/

/* ページトップボタン */
.footer__btn_pagetop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 10000;
}
.footer__btn_pagetop a img{
  max-width: 80px;
}
.footer__btn_pagetop a:hover {
  text-decoration: none !important;
}
} /* PC end --------------------------- */





/* responsible ---------------------------------------------
  ----------------------------------------------------------
 ★ 736px以下 -----------SP---------------------------------
  ----------------------------------------------------------
 -------------------------------------------------------- */
@media only screen and (max-width: 960px) 
{ /* SP start */
body { 

}

input { 
  padding: 0;
}


/*----------------------------------------
    ページトップボタン sp
-----------------------------------------*/
/* ページトップボタン */
.footer__btn_pagetop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index:10000;
}
.footer__btn_pagetop a img{
  max-width: 60px;
}
.footer__btn_pagetop a:hover {
  text-decoration: none !important;
}
.br-sp {
  display: none;
}
} /* SP end --------------------------- */









/* ----------------- フッター ----------------- */
.footer {
  background: #003879;
  padding: 50px 30px ;
}
.footerHead_logo {
  max-width: 320px;
  margin: 25px auto 25px;
}
.footer_copyright {
  text-align: center;
  color: #fff;
    font-size: 12px;
}
@media only screen and (max-width: 960px) 
{ /* SP start */
.footer {
  padding: 20px 10px 60px ;
}
.footerHead_logo {
  max-width: 60%;
  margin: 20px auto 20px;
}
.footer_copyright {
  color: #fff;
}
}