@charset "UTF-8";
/* Scss Document */
@media screen and (max-width: 379px) {
	#news{
	  width: 100%;
	}

	
  .hd {
    width: 100%;
    position: absolute;
    top: 4%; }

  a.hd_logo_index {
    width: 220px;
    position: fixed;
    z-index: 799;
    top: 2%;
    left: 2%; }

  .snsarea {
    display: none; }

  a.h_menu {
    display: none; }
    a.h_menu img {
      width: 100%; }

  .languagearea {
    display: block;
    width: 65px;
    position: fixed;
    z-index: 899;
    top: 3.6%;
    right: 1%; }

  a.jpbt {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    margin-right: 3px; }
    a.jpbt img {
      width: 100%; }

  p.jpbt {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    margin-right: 3px;
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }
    p.jpbt img {
      width: 100%; }

  a.enbt {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    margin-left: 4px; }
    a.enbt img {
      width: 100%; }

  p.enbt {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    margin-left: 4px;
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }
    p.enbt img {
      width: 100%; }

  p.languageline {
    display: inline-block;
    vertical-align: top;
    width: 3px;
    margin-left: 3px; }
    p.languageline img {
      width: 100%; }

  .logoarea {
    display: block;
    width: 260px;
    position: fixed;
    z-index: 799;
    bottom: 45%;
    right: 5%; }

  .logo {
    display: none; }

  .logo img {
    display: none; }

  .logo_s {
    display: block;
    width: 100%; }

  .logo_s img {
    max-width: 100%; }

  a.i_bt {
    display: block;
    width: 79px;
    color: #FFF;
    margin: 0 auto;
    position: fixed;
    z-index: 899;
    left: 0;
    right: 0;
    bottom: 1%; }

  a.i_bt img {
    width: 100%;
    color: #FFF; }

  /*変化後のヘッダー*/
  .hd_white {
    /*変化後のヘッダーのサイズ*/
    display: none;
	max-width: 379px;
    width: 100%;
    height: 60px;
    position: fixed;
    background-color: #00113E;
    top: 0;
    z-index: 999; }

  .hd_w_inner {
    /*変化後のヘッダーのサイズ*/
    display: none;
    width: 100%;
    height: 100px; }

  .hd_logo {
    /*変化後のヘッダーのメニュー*/
    display: block;
    width: 80%;
    right: 3%;
    top: 16%;
    position: absolute; }
    .hd_logo img {
      max-width: 267px;
      width: 100%; }

  .hd_details {
    display: none; }

  .snsarea2 {
    display: none; }

  .languagearea2 {
    display: none; }

  a.h_menu2 {
    display: block;
    width: 30px;
    position: fixed;
    z-index: 899;
    top: 18px;
    left: 3%; }
    a.h_menu2 img {
      width: 100%; }

  .menuarea2 {
    /*変化後のヘッダーのメニュー*/
    display: none; }

  /*変化後のヘッダーここまで*/ }
@media screen and (min-width: 380px) and (max-width: 868px) {
  .hd {
    width: 100%;
    position: absolute;
    top: 4%; }

  a.hd_logo_index {
    width: 220px;
    position: fixed;
    z-index: 799;
    top: 2%;
    left: 2%; }

  .snsarea {
    display: none; }

  a.h_menu {
    display: none; }
    a.h_menu img {
      width: 100%; }

  .languagearea {
    display: block;
    width: 65px;
    position: fixed;
    z-index: 899;
    top: 3.6%;
    right: 5%; }

  a.jpbt {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    margin-right: 3px; }
    a.jpbt img {
      width: 100%; }

  p.jpbt {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    margin-right: 3px;
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }
    p.jpbt img {
      width: 100%; }

  a.enbt {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    margin-left: 4px; }
    a.enbt img {
      width: 100%; }

  p.enbt {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    margin-left: 4px;
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }
    p.enbt img {
      width: 100%; }

  p.languageline {
    display: inline-block;
    vertical-align: top;
    width: 3px;
    margin-left: 3px; }
    p.languageline img {
      width: 100%; }

  .logoarea {
    display: block;
    width: 294px;
    position: fixed;
    z-index: 799;
    bottom: 45%;
    right: 8%; }

  .logo {
    display: none; }

  .logo img {
    display: none; }

  .logo_s {
    display: block;
    width: 294px; }

  .logo_s img {
    max-width: 100%; }

  a.i_bt {
    display: block;
    width: 79px;
    color: #FFF;
    margin: 0 auto;
    position: fixed;
    z-index: 899;
    left: 0;
    right: 0;
    bottom: 1%; }

  a.i_bt img {
    width: 100%;
    color: #FFF; }

  /*変化後のヘッダー*/
  .hd_white {
    /*変化後のヘッダーのサイズ*/
    display: none;
    width: 100%;
    height: 60px;
    position: fixed;
    background-color: #00113E;
    top: 0;
    z-index: 999; }

  .hd_w_inner {
    /*変化後のヘッダーのサイズ*/
    display: none;
    width: 100%;
    height: 100px; }

  .hd_logo {
    /*変化後のヘッダーのメニュー*/
    display: block;
    width: 267px;
	left: 50%;
	right: 50%;
	transform: translateX(-50%);
    top: 16%;
    position: absolute; }
    .hd_logo img {
      max-width: 267px;
      width: 100%; }

  .hd_details {
    display: none; }

  .snsarea2 {
    display: none; }

  .languagearea2 {
    display: none; }

  a.h_menu2 {
    display: block;
    width: 30px;
    position: fixed;
    z-index: 899;
    top: 18px;
    left: 3%; }
    a.h_menu2 img {
      width: 100%; }

  .menuarea2 {
    /*変化後のヘッダーのメニュー*/
    display: none; }

  /*変化後のヘッダーここまで*/ }
@media screen and (min-width: 380px) and (max-width: 868px) and (orientation: landscape) {
  .hd {
    width: 100%;
    position: absolute;
    top: 4%; }

  a.hd_logo_index {
    width: 220px;
    position: fixed;
    z-index: 799;
    top: 2%;
    left: 2%; }

  .snsarea {
    display: none; }

  a.h_menu {
    display: none; }
    a.h_menu img {
      width: 100%; }

  .languagearea {
    display: block;
    width: 65px;
    position: fixed;
    z-index: 899;
    top: 3.6%;
    right: 5%; }

  a.jpbt {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    margin-right: 3px; }
    a.jpbt img {
      width: 100%; }

  p.jpbt {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    margin-right: 3px;
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }
    p.jpbt img {
      width: 100%; }

  a.enbt {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    margin-left: 4px; }
    a.enbt img {
      width: 100%; }

  p.enbt {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    margin-left: 4px;
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }
    p.enbt img {
      width: 100%; }

  p.languageline {
    display: inline-block;
    vertical-align: top;
    width: 3px;
    margin-left: 3px; }
    p.languageline img {
      width: 100%; }

  .logoarea {
    display: block;
    width: 294px;
    position: fixed;
    z-index: 799;
    top: 35%;
    right: 8%; }

  .logo {
    display: none; }

  .logo img {
    display: none; }

  .logo_s {
    display: block;
    width: 294px; }

  .logo_s img {
    max-width: 100%; }

  a.i_bt {
    display: block;
    width: 79px;
    color: #FFF;
    margin: 0 auto;
    position: fixed;
    z-index: 899;
    left: 0;
    right: 0;
    bottom: 1.5%; }

  a.i_bt img {
    width: 100%;
    color: #FFF; }

  /*変化後のヘッダー*/
  .hd_white {
    /*変化後のヘッダーのサイズ*/
    display: none;
    width: 100%;
    height: 60px;
    position: fixed;
    background-color: #00113E;
    top: 0;
    z-index: 999; }

  .hd_w_inner {
    /*変化後のヘッダーのサイズ*/
    display: none;
    width: 100%;
    height: 100px; }

  .hd_logo {
    /*変化後のヘッダーのメニュー*/
    display: block;
    width: 80%;
    right: 3%;
    top: 16%;
    position: absolute; }
    .hd_logo img {
      max-width: 267px;
      width: 100%; }

  .hd_details {
    display: none; }

  .snsarea2 {
    display: none; }

  .languagearea2 {
    display: none; }

  a.h_menu2 {
    display: block;
    width: 30px;
    position: fixed;
    z-index: 899;
    top: 18px;
    left: 3%; }
    a.h_menu2 img {
      width: 100%; }

  .menuarea2 {
    /*変化後のヘッダーのメニュー*/
    display: none; }

  /*変化後のヘッダーここまで*/ }
@media screen and (min-width: 869px) and (max-width: 1040px) {
  　 　
  a.h_menu {
    display: none; }

  .h_menu {
    display: none; }

  .hd {
    width: 100%;
    position: absolute;
    top: 4%; }

  a.hd_logo_index {
    width: 383px;
    height: 51px;
    position: fixed;
    z-index: 799;
    top: 2%;
    left: 3.5%; }

  .languagearea {
    width: 65px;
    position: fixed;
    z-index: 799;
    right: 4%;
    top: 4.4%; }

  a.jpbt {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    margin-right: 3px; }
    a.jpbt img {
      width: 100%; }

  a.jpbt:hover {
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }

  p.jpbt {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    margin-right: 3px;
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }
    p.jpbt img {
      width: 100%; }

  a.enbt {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    margin-left: 4px; }
    a.enbt img {
      width: 100%; }

  a.enbt:hover {
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }

  p.enbt {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    margin-left: 4px;
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }
    p.enbt img {
      width: 100%; }

  p.languageline {
    display: inline-block;
    vertical-align: top;
    width: 3px;
    margin-left: 3px; }
    p.languageline img {
      width: 100%; }

  .logoarea {
    display: block;
    width: 70%;
    max-width: 622px;
    position: fixed;
    z-index: 799;
    bottom: 40%;
    right: 5%; }

  .logo {
    width: 100%;
    padding-bottom: 5%;
    margin: 0 auto; }

  .logo img {
    max-width: 100%; }

  .logo_s {
    display: none; }

  .logo_s img {
    display: none; }

  a.i_bt {
    display: block;
    width: 79px;
    color: #FFF;
    margin: 0 auto;
    position: fixed;
    z-index: 899;
    left: 0;
    right: 0;
    bottom: 2.2%; }

  a.i_bt img {
    width: 100%;
    color: #FFF; }

  p.menuline {
    display: inline-block;
    vertical-align: top;
    width: 4px;
    margin-right: 15px; }
    p.menuline img {
      width: 100%; }

  /*変化後のヘッダー*/
  .hd_white {
    /*変化後のヘッダーのサイズ*/
    display: none;
    width: 100%;
    height: 80px;
    position: fixed;
    background-color: #00113E;
    top: 0;
    z-index: 999; }

  .hd_w_inner {
    /*変化後のヘッダーのサイズ*/
    display: none;
    width: 100%;
    height: 100px; }

  .menuarea2 {
    /*変化後のヘッダーのメニュー*/
    width: 158px;
    height: initial;
    z-index: 899;
    position: absolute;
    top: 12%;
    left: 2%; }

  .hd_logo {
    /*変化後のヘッダーのメニュー*/
    display: block;
    width: 383px;
    height: 55px;
    left: 50%;
    top: 10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute; }
    .hd_logo img {
      width: 100%; }

  .hd_details {
    /*変化後のsnsと言語の親要素*/
    width: 60px;
    position: absolute;
    top: 40.5%;
    right: 4%; }

  .languagearea2 {
    /*変化後の言語*/
    width: 65px; }

  p.menuline2 {
    display: none; }

  a.jpbt2 {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    margin-right: 3px; }
    a.jpbt2 img {
      width: 100%; }

  a.jpbt2:hover {
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }

  p.jpbt2 {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    margin-right: 3px;
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }
    p.jpbt2 img {
      width: 100%; }

  a.enbt2 {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    margin-left: 4px; }
    a.enbt2 img {
      width: 100%; }

  a.enbt2:hover {
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }

  p.enbt2 {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    margin-left: 4px;
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }
    p.enbt2 img {
      width: 100%; }

  p.languageline2 {
    display: inline-block;
    vertical-align: top;
    width: 3px;
    margin-left: 3px; }
    p.languageline2 img {
      width: 100%; }

  /*変化後のヘッダーここまで*/
  a.h_menu2 {
    display: block;
    width: 38px;
    position: fixed;
    z-index: 899;
    top: 2.3%;
    left: 3%; }
    a.h_menu2 img {
      width: 100%; } }
@media screen and (min-width: 1041px) {
  　 　
  a.h_menu {
    display: none; }

  .h_menu {
    display: none; }

  .hd {
    width: 100%;
    position: absolute;
    top: 2.5%; }

  .languagearea {
    width: 65px;
    position: fixed;
    z-index: 799;
    top: 4.5%;
    right: 5%; }

  a.jpbt {
    display: inline-block;
    vertical-align: top;
    width: 19px;
    margin-right: 3px; }
    a.jpbt img {
      width: 100%; }

  a.jpbt:hover {
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }

  p.jpbt {
    display: inline-block;
    vertical-align: top;
    width: 19px;
    margin-right: 3px;
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }
    p.jpbt img {
      width: 100%; }

  a.enbt {
    display: inline-block;
    vertical-align: top;
    width: 21px;
    margin-left: 4px; }
    a.enbt img {
      width: 100%; }

  a.enbt:hover {
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }

  p.enbt {
    display: inline-block;
    vertical-align: top;
    width: 21px;
    margin-left: 4px;
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }
    p.enbt img {
      width: 100%; }

  p.languageline {
    display: inline-block;
    vertical-align: top;
    width: 3px;
    margin-left: 3px; }
    p.languageline img {
      width: 100%; }

  .logoarea {
    display: block;
    width: 622px;
    position: fixed;
    z-index: 899;
    bottom: 40%;
    right: 5%; }

  .logo {
    width: 622px;
    padding-bottom: 5%;
    margin: 0 auto; }

  .logo img {
    max-width: 100%; }

  .logo_s {
    display: none; }

  .logo_s img {
    display: none; }

  a.i_bt {
    display: block;
    width: 79px;
    color: #FFF;
    margin: 0 auto;
    position: fixed;
    z-index: 899;
    left: 0;
    right: 0;
    bottom: 2.2%; }

  a.i_bt img {
    width: 100%;
    color: #FFF; }

  a.hd_logo_index {
    width: 383px;
    height: 51px;
    position: fixed;
    z-index: 799;
    left: 5%; }

  p.menuline {
    display: inline-block;
    vertical-align: top;
    width: 4px;
    margin-right: 15px; }
    p.menuline img {
      width: 100%; }

  /*変化後のヘッダー*/
  .hd_white {
    /*変化後のヘッダーのサイズ*/
    display: none;
    width: 100%;
    height: 80px;
    position: fixed;
    background-color: #00113E;
    top: 0;
    z-index: 999; }

  .hd_w_inner {
    /*変化後のヘッダーのサイズ*/
    display: none;
    width: 100%;
    height: 100px; }

  .menuarea2 {
    /*変化後のヘッダーのメニュー*/
    width: 420px;
    height: 19px;
    z-index: 899;
    position: absolute;
    top: 44%;
    left: 2%; }

  a.hd_logo {
    /*変化後のヘッダーのメニュー*/
    display: block;
    width: 383px;
    height: 55px;
    left: 50%;
    top: 10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute; }
    a.hd_logo img {
      width: 100%; }

  .hd_details {
    /*変化後のsnsと言語の親要素*/
    width: 60px;
    position: absolute;
    top: 39.5%;
    right: 5%; }

  .languagearea2 {
    /*変化後の言語*/
    width: 65px; }

  a.jpbt2 {
    display: inline-block;
    vertical-align: top;
    width: 19px;
    margin-right: 3px; }
    a.jpbt2 img {
      width: 100%; }

  a.jpbt2:hover {
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }

  p.jpbt2 {
    display: inline-block;
    vertical-align: top;
    width: 19px;
    margin-right: 3px;
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }
    p.jpbt2 img {
      width: 100%; }

  a.enbt2 {
    display: inline-block;
    vertical-align: top;
    width: 21px;
    margin-left: 4px; }
    a.enbt2 img {
      width: 100%; }

  a.enbt2:hover {
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }

  p.enbt2 {
    display: inline-block;
    vertical-align: top;
    width: 21px;
    margin-left: 4px;
    padding-bottom: 0;
    border-bottom: 1px solid #FFF; }
    p.enbt2 img {
      width: 100%; }

  p.languageline2 {
    display: inline-block;
    vertical-align: top;
    width: 3px;
    margin-left: 3px; }
    p.languageline2 img {
      width: 100%; }

  a.h_menu2 {
    display: block;
    width: 38px;
    position: fixed;
    z-index: 899;
    top: 2.3%;
    left: 3%; }
    a.h_menu2 img {
      width: 100%; }

  /*変化後のヘッダーここまで*/ }