@charset "UTF-8";
/* Scss Document */
@media (max-width: 480px) {
  header {
    width: 100%;
    margin: 0 auto; }

  #header {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    z-index: 999;
    background-color: #00113E; }

  　 .hdbase {
    width: 100%;
    background-color: #00113E; }

  .hd_logo {
    /*変化後のヘッダーのメニュー*/
    display: block;
    width: 80%;
    right: 3%;
    top: 16%;
    position: absolute;
    text-align: center; }
    .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; }

  /*変化後のヘッダーここまで*/
  a.i_bt {
    display: block;
    width: 213px;
    color: #FFF;
    margin: 0 auto;
    position: fixed;
    z-index: 899;
    left: 0;
    right: 0;
    bottom: 1%; }

  a.i_bt img {
    width: 100%;
    color: #FFF;
    max-width: 213px;
    display: block; } 
	
   a.i_bt3 {
    display: block;
    width: 180px;
    color: #FFF;
    margin: 0 auto;
    position: fixed;
    z-index: 899;
	left: 50%;
	right: 50%;
	transform: translateX(-50%);
    bottom: 35%; 
	text-align: center;} 
	
	a.i_bt3 img{
		max-width: 55px;
	}

	
	
	a.i_bt2 {
    display: none;}
}


@media screen and (min-width: 481px) and (max-width: 768px) {
  header {
    width: 100%;
    margin: 0 auto; }

  #header {
    width: 100%;
    height: 60px;
    position: fixed;
    background-color: #00113E;
    top: 0;
    z-index: 999; }

  　 .hdbase {
    width: 100%;
    margin: 0 auto;
    background-color: #00113E; }

  .hd_logo {
    /*変化後のヘッダーのメニュー*/
    display: block;
    width: 80%;
    left: 50%;
    top: 8px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
    text-align: center; }
    .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; }

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

  a.i_bt img {
    width: 100%;
    color: #FFF;
    max-width: 213px;
    display: block; }

  a.i_bt3 {
    display: block;
    width: 180px;
    color: #FFF;
    margin: 0 auto;
    position: fixed;
    z-index: 899;
	left: 50%;
	right: 50%;
	transform: translateX(-50%);
    bottom: 40%; 
	text-align: center;}

  a.i_bt3 img {
    width: 100%;
	max-width: 72px;
    color: #FFF; }
	
	a.i_bt2 {
    display: none;}

}


@media screen and (min-width: 769px) and (max-width: 1040px) {
  header {
    width: 100%;
    margin: 0 auto; }

  #header {
    width: 100%;
    height: 60px;
    position: fixed;
    background-color: #00113E;
    top: 0;
    z-index: 999; }

  　 .hdbase {
    width: 100%;
    margin: 0 auto;
    background-color: #00113E; }

  .hd_logo {
    /*変化後のヘッダーのメニュー*/
    display: block;
    width: 80%;
    left: 50%;
    top: 8px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
    text-align: center; }
    .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; }

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

  a.i_bt img {
    width: 100%;
    color: #FFF;
    max-width: 213px;
    display: block; }
	
	
a.i_bt2 {
    display: none;}

  a.i_bt3
	
	{
    display: block;
    width: 180px;
    color: #FFF;
    margin: 0 auto;
    position: fixed;
    z-index: 899;
	left: 50%;
	right: 50%;
	transform: translateX(-50%);
    bottom: 35%; 
	text-align: center;}

  a.i_bt3 img {
    width: 100%;
	max-width: 72px;
    color: #FFF; }

}

@media (min-width: 1041px) {
  header {
    width: 100%;
    margin: 0 auto; }

  #header {
    width: 100%;
    height: 80px;
    position: fixed;
    background-color: #00113E;
    top: 0;
    z-index: 999; }

  .hdbase {
    width: 100%;
    background-color: #00113E;
    position: relative; }

  .menuarea2 {
    width: 420px;
    height: 19px;
    z-index: 899;
    position: absolute;
    top: 2%;
    left: 2%; }

  a.hd_logo {
    display: block;
    width: 383px;
    height: 55px;
    left: 50%;
    top: 10px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
    text-align: center; }
    a.hd_logo img {
      width: 100%; }

  .hd_details {
    /*変化後のsnsと言語の親要素*/
    width: 65px;
    position: absolute;
    top: 30px;
    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%; }

  /*変化後のヘッダーここまで*/
  a.i_bt {
    display: block;
    width: 213px;
    height: 63px;
    color: #FFF;
    margin: 0 auto;
    position: fixed;
    z-index: 899;
    left: 0;
    right: 0;
    bottom: 1%; }

  a.i_bt img {
    width: 100%;
    color: #FFF;
    max-width: 213px;
    display: block; }

  a.i_bt2 {
    display: block;
    width: 180px;
    color: #FFF;
    margin: 0 auto;
    position: fixed;
    z-index: 899;
	left: 50%;
	right: 50%;
	transform: translateX(-50%);
    bottom: 30%; 
	text-align: center;}

  a.i_bt2 img {
    width: 100%;
	max-width: 72px;
    color: #FFF; }
	
	a.i_bt3 {
    display: none;}

}