@charset "utf-8";
/* ==========================================================

common.css

============================================================ */


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

◆◆◆BASE◆◆◆

 -------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700|Roboto+Condensed:400,700&display=swap&subset=japanese');

*{font-family:'Roboto Condensed',"Arial",'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

@media (-ms-high-contrast: none) {
	*{font-family:'Roboto Condensed',"Arial",'Noto Sans JP',  "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
}

html{
    -moz-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}

body{
	color:#000;
	font-weight: 400;
	font-feature-settings: "palt";
}

/* popup
	--------------------------------------------------------*/
	.popup-container {
		position: relative;
		/*display: inline-block;*/
		text-align: center;
	}

	.popup-button {
		cursor: pointer;
		padding-bottom: 5px;
		text-align: center;
		border-bottom: #333 solid 1px;
		color: #000;
	}

	.popup-button:hover{
		border-bottom: #646464 solid 1px;;
		color: #646464;
	}

	.popup-overlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 1000;
	}

	.popup-content {
		display: none;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #fff;
		border: 1px solid #ddd;
		border-radius: 5px;
		padding: 20px;
		width: 90%;
		max-height: 80vh; /* 最大高さを設定 */
		overflow-y: auto; /* 縦方向にスクロール */
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		z-index: 1001;
		text-align:left;
	}

	.popup-content.show, .popup-overlay.show {
		display: block;
	}

	.popup-close {
		position: absolute;
		top: 10px;
		right: 10px;
		cursor: pointer;
		font-size: 18px;
		color: #333;
	}

@media print, screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

  PC

  _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/	
	
/* ------------------------------------------------------------

  common

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

	body{
		font-size: 15px;
		font-size: 1.5rem;/*-15px-*/
		line-height: 1.8;
		min-width: 1200px;
	}

	.popup-content {

		max-width: 80%; /* 最大幅を設定 */

	}


	.pc_br{display: block;}

	/* レイアウト
	--------------------------------------------------------*/
	#logo{
		position: absolute;
		left: 20px;
		top: 20px;
	}
	
	.inner01{
		width: 1000px;
		margin: 0 auto;
		padding: 100px 0 ;
	}

	/* 見出し
	--------------------------------------------------------*/
	.heading01{
		font-size: 5rem;
		font-weight: bold;
		letter-spacing: 1.5rem;
		text-align: center;
		margin-bottom: 80px;
		line-height: 1;
	}

	
	/* Table
	--------------------------------------------------------*/
	.block_type01{
		width: 100%;
		text-align: center;
	}
	
	.block_type01 dt{
		margin-bottom: 15px;
		font-weight: bold;
	}
	
	.block_type01 dd{margin-bottom: 60px;}
	
	.block_type01 dd a{
		color: #000;
		text-decoration: underline;
	}
	
	.block_type01 dd a:hover{text-decoration: none;}

	/*　Footer
	--------------------------------------------------------*/
	#footer{
		background: #000;
		padding: 5px;
		text-align: center;
		color: #fff;
		font-size: 1.3rem;
	}

}


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

スマートフォン（iPhone,Android)

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

common

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

	body{
		font-size: 15px;
		font-size: 1.5rem;/*-15px-*/
		line-height: 1.8;
		font-feature-settings: "palt";
	}

	.sp_br{display: block;}

	/*　popup
	--------------------------------------------------------*/
	.popup-content {
		width: 90%;
		max-height: 80vh; /* モバイルでも最大高さを設定 */
		box-sizing: border-box;
	}
	

	
	/*　レイアウト
	--------------------------------------------------------*/
	#wrap_all{
		overflow: hidden;
		min-width: 320px;
	}

	#logo{
		position: absolute;
		left: 20px;
		top: 20px;
		width: 20px;
	}
	
	#logo img{width: 100%;}
	
	.inner01{
		padding: 40px 20px;
	}

	/* 見出し
	--------------------------------------------------------*/
	.heading01{
		font-size:3rem;
		font-weight: bold;
		letter-spacing: 1.5rem;
		text-align: center;
		margin-bottom: 40px;
		line-height: 1;
	}

	
	/* Table
	--------------------------------------------------------*/
	.block_type01{
		width: 100%;
		text-align: center;
	}
	
	.block_type01 dt{
		margin-bottom: 15px;
		font-weight: bold;
	}
	
	.block_type01 dd{margin-bottom: 60px;}
	
	.block_type01 dd a{
		color: #000;
		text-decoration: underline;
	}

	/*　Footer
	--------------------------------------------------------*/
	#footer{
		background: #000;
		padding: 5px;
		text-align: center;
		color: #fff;
		font-size: 1.3rem;
	}



}