@charset "utf-8";

/* common
---------------------------------------------*/
* {margin:0;padding:0;}

a:link,a:visited {
	color: #0000EE;
	text-decoration: none;   /* 下線を消す場合 */
/*	text-decoration:underline;*/
}
a:hover,a:active {
	color: #d90909;
	text-decoration:underline;
}

/* フッター内のリンクに限定してスタイルを適用 */
.site-footer a {
	color: #ffffff;          /* 文字の色（例：白） */
	text-decoration: none;   /* 下線を消す場合 */
}
/* マウスを乗せた（ホバー）時の色も変えると親切です */
.site-footer a:hover {
  color: #d90909;          /* ホバー時の色（例：赤） */
  text-decoration: underline;
}

.impact   {font-size:20pt; font-weight:bold;}
.impact2  {color:red;}
.impact3  {background:yellow; color:#000;}
#impact4  {underline;}
.impact5  {background:#173B50; padding:2px 5px; color:#fff;}
.impact6  {background:#f4f4f4; padding:3px; line-height:1.1;}
.impact7  {background: #B60000; padding:2px 5px; color:#fff;}
.style2   {color: #FF0000}
.style3   {color: #333333}
.style4   {color: #000000}


img{ border: none;}

/* ボタンのマウスオーバーで明るくする */
.btn:hover {
  filter: brightness(120%);
}


/* animation
---------------------------------------------*/
.feedInUp {
	opacity: 0;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px); 
	transition: 1.5s;
}
.feedInUp_On {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/* layout
---------------------------------------------*/


/*TopIntro-Start*/
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 1002px;
	
  background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
	
-webkit-text-size-adjust:none;
	
  text-align:center;
  font-size:40px;
  font-family: serif, 'meiryo', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: #383d5c;
}

#ahead01 { background: url("../images/ahead01.png") no-repeat top center; height:    1435px; } 
#zform { background: url("../images/zform.png") no-repeat top center; height:    230px; } 
#zform2 { background: url("../images/zform2.png") no-repeat top center; height:    400px; } 
#zform3 { background: url("../images/zform3.png") no-repeat top center; height:    400px; } 
#ahead02 { background: url("../images/ahead02.png") no-repeat top center; height:    120px; } 
#bhead01 { background: url("../images/bhead01.png") no-repeat top center; height:    1259px; } 
#bhead02 { background: url("../images/bhead02.png") no-repeat top center; height:    954px; } 
#chead01 { background: url("../images/chead01.png") no-repeat top center; height:    193px; } 
#chead02 { background: url("../images/chead02.png") no-repeat top center; height:    360px; } 
#chead03 { background: url("../images/chead03.png") no-repeat top center; height:    60px; } 
#chead04 { background: url("../images/chead04.png") no-repeat top center; height:    360px; } 
#chead05 { background: url("../images/chead05.png") no-repeat top center; height:    60px; } 
#chead06 { background: url("../images/chead06.png") no-repeat top center; height:    360px; } 
#chead07 { background: url("../images/chead07.png") no-repeat top center; height:    404px; } 
#dhead01 { background: url("../images/dhead01.png") no-repeat top center; height:    194px; } 
#dhead02 { background: url("../images/dhead02.png") no-repeat top center; height:    840px; } 
#dhead03 { background: url("../images/dhead03.png") no-repeat top center; height:    65px; } 
#dhead04 { background: url("../images/dhead04.png") no-repeat top center; height:    840px; } 
#dhead05 { background: url("../images/dhead05.png") no-repeat top center; height:    65px; } 
#dhead06 { background: url("../images/dhead06.png") no-repeat top center; height:    840px; } 
#dhead07 { background: url("../images/dhead07.png") no-repeat top center; height:    65px; } 
#dhead08 { background: url("../images/dhead08.png") no-repeat top center; height:    840px; } 
#dhead09 { background: url("../images/dhead09.png") no-repeat top center; height:    130px; } 
#ehead01 { background: url("../images/ehead01.png") no-repeat top center; height:    222px; } 
#ehead02 { background: url("../images/ehead02.png") no-repeat top center; height:    752px; } 
#ehead03 { background: url("../images/ehead03.png") no-repeat top center; height:    102px; } 
#ehead04 { background: url("../images/ehead04.png") no-repeat top center; height:    751px; } 
#ehead05 { background: url("../images/ehead05.png") no-repeat top center; height:    101px; } 
#ehead06 { background: url("../images/ehead06.png") no-repeat top center; height:    754px; } 
#ehead07 { background: url("../images/ehead07.png") no-repeat top center; height:    100px; } 
#ehead08 { background: url("../images/ehead08.png") no-repeat top center; height:    96px; } 
#ehead11 { background: url("../images/ehead11.png") no-repeat top center; height:    754px; } 
#fhead01 { background: url("../images/fhead01.png") no-repeat top center; height:    864px; } 
#fhead02 { background: url("../images/fhead02.png") no-repeat top center; height:    636px; } 
#fhead03 { background: url("../images/fhead03.png") no-repeat top center; height:    953px; } 
#fhead04 { background: url("../images/fhead04.png") no-repeat top center; height:    1584px; } 
#ghead01 { background: url("../images/ghead01.png") no-repeat top center; height:    299px; } 
#ghead02 { background: url("../images/ghead02.png") no-repeat top center; height:    505px; } 
#ghead03 { background: url("../images/ghead03.png") no-repeat top center; height:    121px; } 
#ghead04 { background: url("../images/ghead04.png") no-repeat top center; height:    504px; } 
#ghead05 { background: url("../images/ghead05.png") no-repeat top center; height:    121px; } 
#ghead06 { background: url("../images/ghead06.png") no-repeat top center; height:    504px; } 
#ghead07 { background: url("../images/ghead07.png") no-repeat top center; height:    195px; } 
#ghead08 { background: url("../images/ghead08.png") no-repeat top center; height:    674px; } 
#ghead09 { background: url("../images/ghead09.png") no-repeat top center; height:    214px; } 
#hhead01 { background: url("../images/hhead01.png") no-repeat top center; height:    235px; } 
#hhead02 { background: url("../images/hhead02.png") no-repeat top center; height:    221px; } 
#hhead03 { background: url("../images/hhead03.png") no-repeat top center; height:    221px; } 
#hhead04 { background: url("../images/hhead04.png") no-repeat top center; height:    221px; } 
#hhead05 { background: url("../images/hhead05.png") no-repeat top center; height:    221px; } 
#hhead06 { background: url("../images/hhead06.png") no-repeat top center; height:    221px; } 
#hhead07 { background: url("../images/hhead07.png") no-repeat top center; height:    68px; } 
#hhead11 { background: url("../images/hhead11.png") no-repeat top center; height:    221px; } 
#hhead12 { background: url("../images/hhead12.png") no-repeat top center; height:    221px; } 
#hhead13 { background: url("../images/hhead13.png") no-repeat top center; height:    221px; } 
#hhead14 { background: url("../images/hhead14.png") no-repeat top center; height:    221px; } 
#hhead15 { background: url("../images/hhead15.png") no-repeat top center; height:    221px; } 
#hhead16 { background: url("../images/hhead16.png") no-repeat top center; height:    221px; } 
#hhead17 { background: url("../images/hhead17.png") no-repeat top center; height:    221px; } 
#hhead18 { background: url("../images/hhead18.png") no-repeat top center; height:    221px; } 
#hhead19 { background: url("../images/hhead19.png") no-repeat top center; height:    221px; } 
#hhead21 { background: url("../images/hhead21.png") no-repeat top center; height:    221px; } 
#hhead22 { background: url("../images/hhead22.png") no-repeat top center; height:    221px; } 
#hhead31 { background: url("../images/hhead31.png") no-repeat top center; height:    221px; } 
#hhead80 { background: url("../images/hhead80.png") no-repeat top center; height:    98px; } 
#hhead81 { background: url("../images/hhead81.png") no-repeat top center; height:    51px; } 

#hhead99 { background: url("../images/hhead99.png") no-repeat top center; height:    49px; } 

#ihead01 { background: url("../images/ihead01.png") no-repeat top center; height:    350px; } 
#ihead02 { background: url("../images/ihead02.png") no-repeat top center; height:    182px; } 


#wrap {

	background-image: url("../images/wrap.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrapc {

	background-image: url("../images/wrapc.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrapd {

	background-image: url("../images/wrapd.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrape {

	background-image: url("../images/wrape.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrap {

	background-image: url("../images/wrap.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrapg {

	background-image: url("../images/wrapg.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wraph {

	background-image: url("../images/wraph.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrapi {

	background-image: url("../images/wrapi.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}


#wrapform {

	background-image: url("../images/wrapform.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}


#container {

	text-align:left;
	width:1000px;
	margin:0 auto;
	
}

#containerform {

	text-align:right;
	width:500px;
	float:right;
	margin-top:400px;
	margin-right:100px;
}

#containerform2 {

	text-align:right;
	width:500px;
	float:right;
	margin-top:570px;
	margin-right:80px;
}

#containerform3 {

	text-align:right;
	width:950px;
	float:right;
	margin-top:60px;
	margin-right:50px;
}



#text {

	text-align:left;
	width:800px;
	margin:0 auto;
	overflow-wrap: anywhere;
	
}

#textc {

	text-align:left;
	width:750px;
	margin:0 auto;
	overflow-wrap: anywhere;
	
}

#textd {

	text-align:left;
	width:850px;
	margin:0 auto;
	overflow-wrap: anywhere;
	
}

#texte {

	text-align:left;
	width:800px;
	margin:0 auto;
	overflow-wrap: anywhere;
	
}

#textg {

	text-align:left;
	width:800px;
	margin:0 auto;
	overflow-wrap: anywhere;
	
}

#texth {

	text-align:left;
	width:800px;
	margin:0 auto;
	overflow-wrap: anywhere;
	
}

#texti {

	text-align:left;
	width:800px;
	margin:0 auto;
	overflow-wrap: anywhere;
	
}



#textwhite {

	text-align:left;
	width:850px;
	margin:0 auto;
	color: #fff;
	
}

#texts2 {

	text-align:left;
	width:750px;
	position: relative;
	margin-top:170px;
	margin-left:400px;
	
	
}

#texts3 {

	text-align:left;
	width:850px;
	margin-top:250px;
	margin-left:170px;
	
	
}


.container {

	text-align:left;
	width:1200px;
	margin:0 auto;
	
	
}

.white {
  color: #fff;
}

.text-center {
　text-align: center;
}

#footer {  
	background-color: #1e383d;
}


--------------------------- */

ol,
ul{
	list-style-position: inside;
	padding-left:10px;
}
ol li,
ul li{
	text-align:left;
}

/* ハンバーガーメニュー　ここから */
/* ボタンのスタイル */
.burger-btn {
  position: fixed;
  top: 16px;
/* ↓ ここから横位置の調整 */
  left: 50%; /* 一度、LPの真ん中（50%）に持ってくる */
  transform: translateX(436px); /* そこから右に300px移動させる */
/* ↑ ここまでを変更 */	
/*  right: 20px;*/
  width: 48px;
  height: 48px;
  background: rgba(30, 56, 61, 1); /* 背景を少し透過させた黒に */
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999; /* 常に最前面に表示 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* ボタン内の三本線 */
.burger-btn span {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #fff;
  margin: 3px 0;
  transition: all 0.3s ease;
}

/* メニューが開いた時（activeクラスがついた時）の三本線のアニメーション */
.burger-btn.active span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.burger-btn.active span:nth-child(2) {
  opacity: 0;
}
.burger-btn.active span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

/* メニュー画面のスタイル（初期状態は非表示・右側からはみ出させておく） */
.burger-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  min-height: 100dvh;    /* ★スマホのツールバーを考慮した「本当の100%」 */
  background: rgba(10, 10, 10, 0.8); /* サイトのダークな世界観に合わせた背景 */
  z-index: 9998;
  transition: all 0.4s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* メニューが開いた時（activeクラスがついた時）に画面内にスライドイン */
.burger-menu.active {
  right: 0;
}

/* メニュー内のリンク一覧 */
.burger-menu ul {
  list-style: none;
  padding: 0;
  text-align: center;
}

.burger-menu ul li {
  margin: 25px 0;
}

.burger-menu ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  transition: color 0.3s;
}

/* リンクホバー時の色（サイトのゴールド・アクセントカラーに合わせる場合） */
.burger-menu ul li a:hover {
  color: #d4af37; 
}
/* ハンバーガーメニュー　ここまで */