@charset "UTF-8";

@font-face{
font-display:swap;
font-family:BlenderPro-MediumWeb;
font-style:normal;
font-weight:400;
src:local('BlenderPro-MediumWeb'),url(https://piaggio.co.jp/ap/font/BlenderPro-MediumWeb.ttf) format("truetype")}


*{margin:0;padding:0;}
table{
	width:100%;
	max-width:800px;
	margin:0 auto 0 auto;
	padding:0;
	border:none;
	border-collapse:collapse;
}
h1,h2{
	font-family: BlenderPro-MediumWeb;
	font-style: normal;
	font-weight: 600 !important;
	margin:0 auto 10px auto;
	padding:0;
	color:#0c121c;
	line-height:120%;
	width:90%;
	max-width:720px;
}

h1{
	font-size:2rem;}
h2{
	font-size:1.6rem;}

p{
	font-family: BlenderPro-MediumWeb,Helvetica Neue,Meiryo,Hiragino Sans,Helvetica,Arial,sans-serif;
	width:90%;
	max-width:720px;
	margin:0 auto 0 auto;
	font-size:1rem;
	color:#0c121c;
	line-height:180%;
	letter-spacing:0.05em;
}
td{
	font-family: BlenderPro-MediumWeb,Helvetica Neue,Meiryo,Hiragino Sans,Helvetica,Arial,sans-serif;
	width:90%;
	max-width:720px;
	margin:0 auto 0 auto;
	font-size:1rem;
	color:#0c121c;
	line-height:180%;
	letter-spacing:0.05em;
}

a{
	font-family: BlenderPro-MediumWeb,Helvetica Neue,Meiryo,Hiragino Sans,Helvetica,Arial,sans-serif;
	color:#0c121c;
	text-decoration:none;}
.bg-light{
	background-color:#f8f9f9;}
.bg-dark{
	background-color:#000000;}

img {
	max-width:100%;}

td.info{
	max-width:800px;
	vertical-align:top;}
.modPt15s {
  padding-top: 15px !important;
}

	  /* ボタンの基本スタイル */
.submit-button {
    background-color: #4c4a4d; /* ボタンの背景色 */
    color: #ffffff; /* テキストの色 */
    padding: 10px 20px; /* 内側の余白 */
    font-size: 16px; /* フォントサイズ */
    border: 1px; /* 境界線なし */
    border-radius: 25px; /* 角の丸み */
    cursor: pointer; /* カーソルをポインターに */
    transition: background-color 0.3s ease; /* 背景色の変化を滑らかに */
}

@media print, screen and (min-width: 769px) {
	td.info {
		display: flex;
		flex-wrap:wrap;
		align-content:flex-start;
		justify-content:space-between;}

	td.info div{
width: calc(50% - 2px); /* margin padding分を引く */
margin: 0 1px 30px 1px;
padding: 0;
		max-width: 400px;}

	td.info .cta{
		display:block;
		width:90%;
		margin:0 auto 0 auto;
		background-color:#0c121c;
		border:1px solid #0c121c;
		padding:10px;
		color:#ffffff;}
	td.info .cta:hover{
		background-color:#ffffff;
		color:#000000;
		border:1px solid #ccc;}
}

@media screen and (max-width: 768px) {
	td.info{
		padding:10px;}

	td.info div{
		text-align:center;
		margin-bottom:30px;
		width:100%;}
	td.info .cta{
		display:block;
		width:80%;
		margin:0 auto 0 auto;
		background-color:#0c121c;
		border:1px solid #0c121c;
		padding:10px;
		border:1px solid #ccc;
		color:#ffffff;}
	td.info .cta:hover{
		background-color:#0c121c;
		border:1px solid #ccc;}
	td.info img {
	max-width:50%;}
    h1{
	font-size:1.6rem; margin-bottom: 0px;}
    h2{
	font-size:1.2rem;margin-bottom: 0px;}
    .modPt15s {
  padding-top: 0px !important;
}

}