@charset "UTF-8";

body						{-webkit-text-size-adjust:100% !important; /* landscape時文字サイズ */}
img							{max-width: 100%; height: auto; float: none;}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*Responsive[SmartPhone]
------------------------------------------------------------------------------*/
@media screen and (max-width:1024px){


html		{scroll-padding-top: 0px;}

header						{padding: 20px 0 0;}
header .logo				{padding: 0 0 0 15px;}
header .navigation			{display: block; padding: 0 15px 0 0;}
header .navigation ul		{display: flex;}
header .navigation li		{display: block; font-weight: bold; margin: 0;}
header .navigation a		{padding:14px 0;}
.hamburger-menu				{display: none;}

h2							{padding: 50px 0 0px;}
#contact h2					{padding: 0;}
h3							{font-size: 2rem; font-feature-settings: "palt"; letter-spacing: -0.4px;}
h3 + p						{margin: 15px 0 0 0;}

.main						{min-height: 100vh; margin-top: -66px;}
.box						{width: 90vw; padding: 0; margin: 20px auto;}
.box-2c						{display: block; text-align: center;}
.box-2c .txt				{width: auto;}
.box-2c .space				{width: 0; height: 30px;}
.box-3c						{display: block;}
.box-3c section				{position: relative; overflow: hidden; width: auto; padding: 25px; margin: 0 0 20px 0;}
.card						{width: calc(90vw - 50px); padding: 30px;}

.cover						{margin: 0;}
.cover .copy				{top: -100px; right: 0; bottom: 0; left: 0; font-size: 2.5rem; padding: 0 20px;}

table.list					{width: 100%; margin: 0 auto;}
table.list th				{display: block; padding: 15px 0 0; border-bottom: none; text-align: left;}
table.list td				{display: block; padding: 10px 0 20px;}
table.list td.buttons		{padding: 30px 0;}

#products .txt p			{display: inline;}


/* modal
------------------------------------------------------------------------------*/
.modal			{max-width: 90vw; width: 80vw; }
.modal .close	{position: absolute; top: 15px; right: 20px; cursor: pointer; font-size: 20px; width: 45px; text-align: center;}
.modal article	{padding: 10px; margin: 10px 0;}


/* アコーディオン
------------------------------------------------------------------------------*/
.accordion .Label								{font-size: 1.8rem;}



}








@media screen and (min-width:1024px){

header .navigation			{display: block !important;}/* ナビ強制表示 */

}