@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700&family=Zen+Maru+Gothic:wght@300&display=swap');
/*--------------------------------------全体背景-----------------------------------------------*/

body {
	
  justify-content: center;
  background-color: #FDE4DB;
  background-image: url("../linkpage_img/haikei_1_2@2x.png");
	 background-size: 100% auto; /* 幅を100%、高さは自動に設定 */
  background-repeat: no-repeat; /* 背景画像の繰り返しを無効に */
  background-position: center; /* 画像を中央に配置 */
	width: 100%; /* 幅を100%に設定 */
	margin: 0; /* body全体のマージンを0に設定 */
  padding: 0; /* body全体のパディングを0に設定 */
	
}


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



/*---------------------------------------コピーライト文章---------------------------*/

.copyright {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  text-align: center;
  color: #9F9F9F;
  font-size: 20px;
  line-height: 1.6em; 
  margin: 50px 0;
}

/*---------------------------------------コピーライト文章---------------------------*/



/*---------------------------------------ヘッダー設定---------------------*/


/*ヘッダー大枠*/
.header {
  position: relative;
  margin-top: 30px;
  background-color: #FFFFFF;
  height: 105px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*ヘッダーロゴ*/
.header2 {
}

/*ヘッダー文章設定*/
.header3{
	height: 100px;
	align-items: center; /* 縦方向の中央揃え */
	justify-content: center;
	display: flex;
	font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 30px;
}


/*---------------------------------------ヘッダー設定---------^-----------*/



/*------------------------------------------------------------------メイン設定----------------------------------------------*/
.main {
  display: flex; /* メインの中身を横に並べる */
	justify-content: center;
	

}

/* ボタンスタイル */
.c-btn {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  background: #FFFFFF;
  border-radius: 30px;
  color: #000000;
  display: flex;
  flex-direction: column;
/*  justify-content: flex-start;*/
  align-items: center;
  font-size: 30px;
  width: 625px;
  height: 760px;
  text-decoration: none;
  transition: transform 0.3s, box-shadow 0.3s;
  border: none;
/*  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);*/
  line-height: 5;
/*  margin-left: 190px;*/
	
}

/* ボタンスタイル */
.c-btn2 {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  background: #FFFFFF;
  border-radius: 30px;
  color: #000000;
  display: flex;
  flex-direction: column;
/*  justify-content: flex-start;*/
  align-items: center;
  font-size: 30px;
  width: 625px;
  height: 760px;
  text-decoration: none;
  transition: transform 0.3s, box-shadow 0.3s;
  border: none;
/*  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);*/
  line-height: 5;
/*  margin-right: 190px;*/
	  margin-left: 20px;
}

/*フタバサイトを見るボタンホバー時*/
.serect-buton1.reverse:hover {
  background: #2D843C;
  color: #FFFFFF;
}

.c-btn2.reverse:hover {
  background: #2D843C;
  color: #FFFFFF;
}

/* 説明スタイル */
.button-image {
  width: 234px; /* 画像の横幅を100%に変更 */
  height: 337px; /* 高さを自動調整 */
  max-width: 625px; /* 最大幅をボタンの幅に合わせる */
  margin-top: 40px;	
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5);
}
.button-image2 {
  width: 305px; /* 画像の横幅を100%に変更 */
  height: 61px; /* 高さを自動調整 */
  max-width: 625px; /* 最大幅をボタンの幅に合わせる */
  margin-top: 25px;	
}
.button-image3 {
  width: 364px; /* 画像の横幅を100%に変更 */
  height: 34px; /* 高さを自動調整 */
  max-width: 625px; /* 最大幅をボタンの幅に合わせる */
  margin-top: 40px;	
}
/* 説明テキストスタイル */
.additional-text {
  font-size: 20px;
  line-height: 33px;
  width: 490px;
  height: 128px;
  text-align: center;
/*  white-space: pre-line;*/
  margin-top: 30px	
}
.additional-text2 {
  font-size: 20px;
  line-height: 33px;
  width: 490px;
  height: 128px;
  text-align: center;
/*  white-space: pre-line;*/
  margin-top: 39px	
}


/*フタバサイトを見るボタンスタイル*/
.serect-buton1 {
	position: relative;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  background: #FFFFFF;
  border-radius: 31px;
  color: #000000;
  width: 276px;
  height: 61px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
/*  margin-left: 190px;*/
	margin-top: 38px;
	border: 2px solid #A2A2A2;
	
}
.serect-text1 {
	position: absolute;
	top: 50%;
	left: 50%;
  transform: translate(-50%, -50%);
  font-size: 25px;
  text-align: center;
	width: 276px;
	color: inherit; /* デフォルトの色を継承 */
  text-decoration: none; /* 下線をなくす */

}
/*総合サイトを見るボタンスタイル*/
.serect-text2 {
	position: absolute;
	top: 50%;
	left: 50%;
  transform: translate(-50%, -50%);
  font-size: 25px;
  text-align: center;
	width: 276px;
	color: inherit; /* デフォルトの色を継承 */
  text-decoration: none; /* 下線をなくす */

}
.selection-box {
    display: none;
}

/*------------------------------------------------------------------メイン設定----------------------------------------------*/

/*------------------------------------------------------------------sp設定----------------------------------------------*/
@media screen and (max-width: 450px) {
	
  body {
    background-image: url("../linkpage_img/haikei_sp@2x.png");
  }
	
   header {
    margin-top: 30px;
    background-color: #FFFFFF;
    height: 70px !important;
    width: 100%; /* 幅を100%に設定 */
    max-width: 100%; /* 最大幅も100%に設定 */
    align-items: center;
    box-sizing: border-box; /* パディングやボーダーを含めて幅を計算 */
  }
	
	 /* c-btnとc-btn2を縦並びにする */
  .main {
    flex-direction: column;
  }
	
  /* c-btnとc-btn2のサイズを335px x 550pxに設定し、左右に20pxの余白を追加 */
  .c-btn, .c-btn2 {
    width: calc(100% - 40px);  /* 幅を画面幅から左右の余白20pxずつ引いた値に設定 */
    height: 550px;             /* 高さを550pxに設定 */
    margin-left: 20px;         /* 左に20pxの余白を追加 */
    margin-right: 20px;        /* 右に20pxの余白を追加 */
    margin-top: 20px;          /* ボタン間に適度なスペースを確保 */
  }
	
	  /* ヘッダーロゴ（スマホサイズ用） */
	  .header img {
    width: 150px; /* ロゴの幅を調整 */
    height: auto; /* 高さは自動調整 */
  }
  .header2 {
    left: 20px; /* 左に20pxの余白を設定 */
  }

  .header2 img {
    width: 132px;  /* 画像の幅を132pxに設定 */
    height: 40px;  /* 画像の高さを40pxに設定 */
  }
	.header3 {
    display: none; /* ヘッダー内のテキストを非表示 */
  }
	
	 .selection-box {
    width: 335px;
    height: 89px;
    display: flex;
    justify-content: center; /* 横方向の中央揃え */
    align-items: center; /* 縦方向の中央揃え */
    margin: 0 auto; /* ボックスを中央に配置 */
    margin-top: 20px; /* ヘッダーからの余白を調整 */
    font-family: 'Noto Sans JP', sans-serif; /* フォントファミリー */
    font-weight: 600; /* フォントウェイト */
    font-size: 20px; /* フォントサイズ */
    text-align: center; /* テキストを中央に */
  }
	
	.button-image{
		width: 145px;
		height: 200px;
		margin-top: 25px;
	}
	
	.button-image2{
		width: 201px;
		height: 41px;
	}
	.button-image3{
		width: 240px;
		height: 22px;
	}
	.additional-text, .additional-text2{
		width: 266px;
		height: 120px;
		line-height: 25px;
		font-size: 14px;
	}
	.serect-buton1{
		width: 201px;
		height: 50px;
		
	}
	.serect-text1, .serect-text2{
		font-size: 18px;
	}
	.copyright{
		font-size: 14px;
	}
}