@charset "UTF-8";

/**タブレット用ディスプレイ*/
@media screen and (max-width: 959px) {
	
	header {
		padding: 0 20px;
	}
	
	.logininputsarea {
		padding: 50px;
	}
	
	.loginform .inputbox {
		font-size: 14px;
	}
	
	#COMMON_ITEM001 {
		width: 150px;
	}
	
	#COMMON_ITEM002 {
		width: 130px;
		margin: auto 10px auto 0;
	}
	
	#COMMON_ITEM004_PC {
		display: none;
	}
	
	#COMMON_ITEM004_TBMB {
		width: auto;
		display: block;
		background-color: unset;
		border: none;
		cursor: pointer;
	}
	
	#COMMON_ITEM004_TBMB img {
		width: 30px;
		margin: 0 auto;
	}
	
	#COMMON_ITEM004_TBMB p {
		color: #ffffff;
		font-size: 10px;
		font-weight: 500;
	}
	
	#COMMON_ITEM008_PC {
		display: none;
	}

	#COMMON_ITEM008_TBMB {
		width: auto;
		display: block;
		background-color: unset;
		border: none;
		cursor: pointer;
		margin: auto 10px auto 0;
	}

	#COMMON_ITEM008_TBMB img {
		width: 30px;
		margin: 0 auto;
	}

	#COMMON_ITEM008_TBMB p {
		color: #ffffff;
		font-size: 10px;
		font-weight: 500;
	}
	
	#COMMON_ITEM009_PC {
		display: none;
	}

	#COMMON_ITEM009_TBMB {
		width: auto;
		display: block;
		background-color: unset;
		border: none;
		cursor: pointer;
	}

	#COMMON_ITEM009_TBMB img {
		width: 30px;
		margin: 0 auto;
	}

	#COMMON_ITEM009_TBMB p {
		color: #ffffff;
		font-size: 10px;
		font-weight: 500;
	}
	
	#GMN001_ITEM001_1 {
		font-size: 20px;
	}
	
	#GMN001_ITEM001_2 {
		font-size: 30px;
	}
	
	#GMN001_ITEM002 {
		width: 400px;
		font-size: 16px;
		box-sizing: border-box;
		margin: 10px auto 0;
		padding: 5px 10px;
	}
	
	#GMN001_ITEM003 {
		margin: 20px auto 0;
	}
	
	#GMN002_ITEM004 {
		margin: 0 auto 20px;
	}
	
	#GMN002_mainArea1 {
		box-sizing: border-box;
		margin: 0 0 40px 0;
		padding: 0 5%;
	}
	
	#GMN002_mainArea2 {
		max-width: 90%;
	}
	
	#GMN003_ITEM001 {
		font-size: 20px;
	}
	
	#GMN003_ITEM002 {
		margin: 10px 0 0 0;
	}
	
	#GMN003_ITEM002_1 {
		font-size: 14px;
	}
	
	#GMN003_ITEM003 {
		margin: 10px 0 0 0;
	}
	
	#GMN003_ITEM004 {
		font-size: 16px;
	}
	
	#GMN003_mainArea1-1 {
		display: block;
	}
	
	#GMN003_mainArea1-2 {
		width: 100%;
	}
	
	#GMN006_ITEM008_1 {
		font-size: 14px;
	}
	
	#GMN007_mainArea1 {
		box-sizing: border-box;
		margin: 0 0 40px 0;
		padding: 0 5%;
	}
	
	#GMN008_ITEM002 table td {
		height: 45px;
	}
	
	#GMN008_ITEM010 {
		width: 100px;
	}
	
	#GMN012_ITEM003 {
		width: 100%;
	}
	
}

/**モバイル用ディスプレイ*/
@media screen and (max-width: 480px) {
	
	header {
		height: 60px;
		padding: 0 10px;
	}
	
	main {
		padding: 60px 0 0 0;
		min-height: calc(100vh - 180px);
	}
	
	footer {
		height: 120px;
	}
	
	.midashi {
		font-size: 18px;
	}
	
	.logininputsarea {
		padding: 35px 30px;
	}
	
	.loginform h1 {
		font-size: 20px;
	}
	
	.loginform label {
		font-size: 14px;
		margin: 20px 0 0 0;
	}
	
	.loginform button.btn {
		width: 150px;
		height: 35px;
		font-size: 14px;
		margin: 30px auto 0;
		padding: 0;
	}
	
	.loginform button.link {
		font-size: 12px;
	}
	
	.hyoukadot {
		font-size: 11px;
		padding: 3px 7px;
	}
	
	.rating label {
		font-size: 24px !important;
		padding: 0 7px 0 0 !important;
	}
	
	.errmsg {
		font-size: 12px;
		font-weight: 800;
		padding: 3px 7px;
	}
	
	.modal {
		height: 230px;
	}
	
	.modal p {
		font-size: 9.5px;
	}
	
	#COMMON_ITEM001 {
		width: 100px;
	}
	
	#COMMON_ITEM002 {
		width: 100px;
		height: 35px;
		font-size: 12px;
	}
	
	#COMMON_ITEM004_TBMB img {
		width: 20px;
	}
	
	#COMMON_ITEM004_TBMB p {
		font-size: 8px;
	}
	
	#COMMON_ITEM006 {
		width: 120px;
	}
	
	#COMMON_ITEM007 {
		font-size: 8px;
		margin: 5px 0 0 0;
	}
	
	#COMMON_ITEM008_TBMB img {
		width: 20px;
	}

	#COMMON_ITEM008_TBMB p {
		font-size: 8px;
	}
	
	#COMMON_ITEM009_TBMB img {
		width: 20px;
	}

	#COMMON_ITEM009_TBMB p {
		font-size: 8px;
	}
	
	#GMN001 {
		height: calc(100vh - 180px);
	}
	
	#GMN001_ITEM001_1 {
		font-size: 16px;
		padding: 40px 0 0 0;
	}
	
	#GMN001_ITEM001_2 {
		font-size: 24px;
		padding: 0;
	}
	
	#GMN001_ITEM002 {
		width: 100%;
		font-size: 14px;
		margin: 7px auto 0;
	}
	
	#GMN001_ITEM003 {
		width: 130px;
		height: 35px;
		margin: 10px auto 0;
	}
	
	#GMN001_ITEM003 img {
		width: 14px;
	}
	
	#GMN001_ITEM003 p {
		font-size: 14px;
	}
	
	#GMN002_ITEM002 {
		width: calc(100% - 70px);
		font-size: 14px;
		margin: 23px 0 0 0;
		padding: 5px 10px;
	}
	
	#GMN002_ITEM003 {
		width: 70px !important;
		height: 32px;
		margin: 23px 0 0 10px;
	}
	
	#GMN002_ITEM003 img {
		width: 12px;
	}
	
	#GMN002_ITEM003 p {
		font-size: 12px;
		margin: 0 0 0 5px;
	}
	
	#GMN002_ITEM004 {
		margin: 0;
	}
	
	#GMN002_ITEM005 {
		font-size: 12px;
	}
	
	#GMN002_ITEM006 {
		margin: 5px auto 10px;
		padding: 10px 15px;
	}
	
	#GMN002_ITEM007 {
		font-size: 14px;
	}
	
	#GMN002_ITEM008 {
		font-size: 9px;
	}
	
	#GMN002_ITEM009 p {
		font-size: 14px;
	}
	
	#GMN002_ITEM009 button {
		font-size: 12px;
	}
	
	#GMN002_ITEM010_HEAD button,
	#GMN002_ITEM010_BOTTOM button {
		width: 20px;
		height: 20px;
		font-size: 10px;
	}

	#GMN002_ITEM010_HEAD p,
	#GMN002_ITEM010_BOTTOM p {
		font-size: 10px;
	}
	
	#GMN002_mainArea1 {
		height: 80px;
		margin: 0 0 20px 0;
	}
	
	#GMN002_mainArea2 {
		margin: 0 auto 100px;
	}
	
	#GMN003_ITEM001 {
		font-size: 18px;
	}
	
	#GMN003_ITEM002_1 {
		font-size: 10px;
	}
	
	#GMN003_ITEM002_2 {
		font-size: 12px;
	}
	
	#GMN003_ITEM003 img {
		width: 12px;
	}
	
	#GMN003_ITEM003 p {
		font-size: 10px;
	}
	
	#GMN003_ITEM004 {
		font-size: 14px;
	}
	
	#GMN003_ITEM005,
	#GMN003_ITEM006,
	#GMN003_ITEM007,
	#GMN003_ITEM008,
	#GMN003_ITEM009,
	#GMN003_ITEM010 {
		font-size: 12px;
		padding: 10px 15px;
	}
	
	#GMN003_ITEM011 {
		font-size: 12px;
		margin: 20px 0 3px 0;
	}
	
	#GMN003_ITEM012 {
		padding: 15px 20px;
	}
	
	#GMN003_ITEM012_none p {
		font-size: 12px;
	}
	
	#GMN003_ITEM013 {
		font-size: 14px;
		font-weight: 800;
	}
	
	#GMN003_ITEM014 {
		font-size: 9px;
	}
	
	#GMN003_ITEM015_1,
	#GMN003_ITEM016_1,
	#GMN003_ITEM017_1,
	#GMN003_ITEM018_1,
	#GMN003_ITEM019_1,
	#GMN003_ITEM020_1,
	#GMN003_ITEM021_1,
	#GMN003_ITEM022_1,
	#GMN003_ITEM023_1,
	#GMN003_ITEM024_1,
	#GMN003_ITEM025_1,
	#GMN003_ITEM026_1,
	#GMN003_ITEM027_1,
	#GMN003_ITEM028_1 {
		font-size: 12px;
	}
	
	#GMN003_ITEM015_2,
	#GMN003_ITEM016_2,
	#GMN003_ITEM017_2,
	#GMN003_ITEM018_2,
	#GMN003_ITEM019_2,
	#GMN003_ITEM020_2,
	#GMN003_ITEM025_2,
	#GMN003_ITEM028_2 {
		font-size: 12px;
	}
	
	#GMN003_mainArea1-1 {
		margin: 15px 0 0 0;
	}
	
	#GMN003_mainArea1-2-2 {
		margin: 10px 0 0 0;
	}
	
	#GMN003_mainArea1-2-3 {
		margin: 10px 0 0 0;
	}
	
	#GMN004_ITEM001 {
		font-size: 20px;
	}
	
	#GMN004_ITEM002 {
		font-size: 10px;
		margin: 5px 0 0 0;
	}
	
	#GMN004_ITEM003 {
		margin: 20px 0 0 0;
	}
	
	#GMN004_ITEM003 label {
		font-size: 14px;
	}
	
	#GMN004_ITEM003 input {
		width: 80%;
		font-size: 16px;
	}
	
	#GMN004_ITEM004 {
		width: 150px;
		height: 35px;
		font-size: 14px;
		margin: 30px auto 0;
		padding: 0;
	}
	
	#GMN004_mainArea1 {
		padding: 20px 0;
	}
	
	#GMN005_ITEM001 {
		font-size: 20px;
	}
	
	#GMN005_ITEM002 {
		font-size: 10px;
		margin: 5px 0 0 0;
	}
	
	#GMN005_ITEM003,
	#GMN005_ITEM004,
	#GMN005_ITEM005,
	#GMN005_ITEM006,
	#GMN005_ITEM007,
	#GMN005_ITEM008,
	#GMN005_ITEM009,
	#GMN005_ITEM010,
	#GMN005_ITEM011,
	#GMN005_ITEM012,
	#GMN005_ITEM013,
	#GMN005_ITEM014,
	#GMN005_ITEM015,
	#GMN005_ITEM016,
	#GMN005_ITEM017,
	#GMN005_ITEM018,
	#GMN005_ITEM019 {
		font-size: 14px;
	}
	
	#GMN005_ITEM003 label,
	#GMN005_ITEM004 label,
	#GMN005_ITEM005 label,
	#GMN005_ITEM006 label,
	#GMN005_ITEM007 label,
	#GMN005_ITEM008 label,
	#GMN005_ITEM009 label,
	#GMN005_ITEM010 label,
	#GMN005_ITEM011 label,
	#GMN005_ITEM012 label,
	#GMN005_ITEM013 label,
	#GMN005_ITEM014 label,
	#GMN005_ITEM015 label,
	#GMN005_ITEM016 label,
	#GMN005_ITEM017 label,
	#GMN005_ITEM018 label,
	#GMN005_ITEM019 label {
		font-size: 14px;
		margin: 0 0 2px 0;
	}
	
	#GMN005_ITEM003 input {
		width: 100%;
		font-size: 14px;
	}
	
	#GMN005_ITEM003 li {
		font-size: 14px;
		padding: 5px 10px 7px 10px;
	}
	
	#GMN005_ITEM004 select {
		width: 100%;
		font-size: 14px;
	}
	
	#GMN005_ITEM005 textarea,
	#GMN005_ITEM006 textarea {
		font-size: 14px;
	}
	
	#GMN005_ITEM007 input,
	#GMN005_ITEM008 input {
		font-size: 14px;
		margin: 0 3px 0 0;
	}
	
	#GMN005_ITEM009 input {
		font-size: 14px;
		margin: 0 3px 0 0;
	}
	
	#GMN005_ITEM010 input {
		font-size: 14px;
		margin: 0 3px 0 0;
	}
	
	#GMN005_ITEM011 select,
	#GMN005_ITEM012 select,
	#GMN005_ITEM013 select,
	#GMN005_ITEM014 select,
	#GMN005_ITEM016 select,
	#GMN005_ITEM017 select,
	#GMN005_ITEM018 select {
		font-size: 14px;
	}
	
	#GMN005_ITEM015 textarea {
		font-size: 14px;
	}
	
	#GMN005_ITEM020 {
		width: 150px;
		height: 35px;
		font-size: 14px;
		margin: 30px auto 100px;
		padding: 0;
	}
	
	#GMN005_mainArea1 {
		padding: 20px 0;
	}
	
	#GMN006_ITEM001 {
		font-size: 20px;
	}
	
	#GMN006_ITEM002 {
		font-size: 10px;
		margin: 5px 0 0 0;
	}
	
	#GMN006_ITEM003,
	#GMN006_ITEM004,
	#GMN006_ITEM005 {
		margin: 20px 0 0 0;
	}
	
	#GMN006_ITEM003 label,
	#GMN006_ITEM004 label,
	#GMN006_ITEM005 label {
		font-size: 14px;
		margin: 0 0 2px 0;
	}
	
	#GMN006_ITEM003 input {
		width: 100%;
		font-size: 14px;
	}
	
	#GMN006_ITEM004 input,
	#GMN006_ITEM005 input {
		font-size: 14px;
	}
	
	#GMN006_ITEM004 p {
		font-size: 10px;
	}
	
	#GMN006_ITEM006 {
		width: 160px;
		height: 40px;
		font-size: 14px;
		margin: 30px auto 100px;
		padding: 0;
	}
	
	#GMN006_ITEM007 {
		margin: 20px 0 0 0;
	}
	
	#GMN006_ITEM008_1 {
		font-size: 16px;
		font-weight: 800;
	}
	
	#GMN006_ITEM008_2 {
		font-size: 12px;
		margin: 20px 0 0 0;
	}
	
	#GMN006_ITEM009 {
		font-size: 16px;
		font-weight: 800;
	}
	
	#GMN006_ITEM010 {
		font-size: 12px;
		margin: 20px auto 0;
	}
	
	#GMN006_ITEM011 {
		font-size: 12px;
		margin: 20px auto 0;
	}
	
	#GMN006_ITEM012 {
		font-size: 14px;
	}
	
	#GMN006_mainArea1 {
		padding: 20px 0;
	}
	
	#GMN007_ITEM001 {
		width: calc(100% - 70px);
		font-size: 14px;
		margin: 23px 0 0 0;
		padding: 5px 10px;
	}
	
	#GMN007_ITEM002 {
		width: 70px !important;
		height: 32px;
		margin: 23px 0 0 10px;
	}
	
	#GMN007_ITEM002 img {
		width: 12px;
	}

	#GMN007_ITEM002 p {
		font-size: 12px;
		margin: 0 0 0 5px;
	}
	
	#GMN007_ITEM003 {
		font-size: 18px;
	}
	
	#GMN007_ITEM004 {
		font-size: 14px;
		margin: 15px 0 0 0;
	}
	
	#GMN007_ITEM005 {
		font-size: 14px;
	}
	
	#GMN007_ITEM006 {
		width: 160px;
		height: 35px;
		font-size: 14px;
		margin: 10px auto 30px;
		padding: 0;
	}
	
	#GMN007_ITEM007 {
		padding: 10px 15px;
	}
	
	#GMN007_ITEM008 {
		font-size: 12px;
	}
	
	#GMN007_ITEM009 {
		font-size: 12px;
	}
	
	#GMN007_ITEM010 {
		font-size: 12px;
	}
	
	#GMN007_ITEM012 {
		font-size: 10px;
	}
	
	#GMN007_ITEM014 {
		font-size: 14px;
	}
	
	#GMN007_mainArea1 {
		height: 80px;
		margin: 0 0 20px 0;
	}
	
	#GMN007_mainArea2 {
		margin: 0 auto 80px;
	}
	
	#GMN008_ITEM001 img {
		width: 20px;
	}
	
	#GMN008_ITEM001 p {
		font-size: 18px;
	}
	
	#GMN008_ITEM002 {
		margin: 20px 0 0 0;
	}
	
	#GMN008_ITEM002 p {
		font-size: 14px;
	}
	
	#GMN008_ITEM002 table th {
		width: 100px;
		font-size: 10px;
	}
	
	#GMN008_ITEM002 table td p {
		font-size: 12px;
	}
	
	#GMN008_ITEM002 table td button {
		width: 50px;
	}
	
	#GMN008_ITEM009 p {
		font-size: 14px;
		margin: 20px 0 0 0;
	}
	
	#GMN008_ITEM009 table th {
		font-size: 10px;
	}
	
	#GMN008_ITEM009 table td p {
		font-size: 10px;
		margin: 5px 0;
	}
	
	#GMN008_ITEM010 {
		width: max-content;
	}
	
	#GMN008_ITEM012 {
		width: 110px;
	}
	
	#GMN008_mainArea1 {
		padding: 20px 0 80px;
	}
	
	#GMN009_ITEM001 {
		font-size: 20px;
	}
	
	#GMN009_ITEM002 label,
	#GMN009_ITEM003 label {
		font-size: 14px;
		margin: 20px 0 0 0;
	}
	
	#GMN009_ITEM002 p {
		font-size: 14px;
	}
	
	#GMN009_ITEM003 input {
		width: 100%;
		font-size: 14px;
	}
	
	#GMN009_ITEM004 {
		width: 160px;
		height: 35px;
		font-size: 14px;
		margin: 30px auto 0;
		padding: 0;
	}
	
	#GMN009_ITEM007_2 {
		font-size: 12px;
	}
	
	#GMN009_mainArea1 {
		padding: 20px 0 0;
	}
	
	#GMN010_ITEM001 {
		font-size: 20px;
	}

	#GMN010_ITEM002 label,
	#GMN010_ITEM003 label {
		font-size: 14px;
		margin: 20px 0 0 0;
	}

	#GMN010_ITEM002 p {
		font-size: 14px;
	}

	#GMN010_ITEM003 input {
		width: 100%;
		font-size: 14px;
	}

	#GMN010_ITEM004 {
		width: 160px;
		height: 35px;
		font-size: 14px;
		margin: 30px auto 0;
		padding: 0;
	}

	#GMN010_mainArea1 {
		padding: 20px 0 0;
	}
	
	#GMN011_ITEM001 {
		font-size: 20px;
	}

	#GMN011_ITEM002 label,
	#GMN011_ITEM003 label {
		font-size: 14px;
		margin: 20px 0 0 0;
	}
	
	#GMN011_ITEM002 input,
	#GMN011_ITEM003 input {
		width: 100%;
		font-size: 14px;
	}

	#GMN011_ITEM004 {
		width: 160px;
		height: 35px;
		font-size: 14px;
		margin: 30px auto 0;
		padding: 0;
	}
	
	#GMN011_ITEM007_2 {
		font-size: 12px;
	}

	#GMN011_mainArea1 {
		padding: 20px 0 0;
	}
	
	#GMN012 {
		padding: 20px 0 100px;
	}
	
	#GMN012_ITEM001 {
		font-size: 20px;
		margin: 0 0 20px 0;
	}
	
	#GMN012_ITEM002 {
		font-size: 14px;
	}
	
	#GMN012_ITEM003 {
		font-size: 14px;
	}
	
	#GMN012_ITEM004 {
		font-size: 14px;
	}
	
	#GMN012_ITEM005 {
		font-size: 14px;
	}
	
	#GMN012_ITEM006 {
		font-size: 14px;
	}
	
	#GMN012_ITEM007 {
		font-size: 14px;
	}
	
	#GMN012_ITEM008 {
		font-size: 14px;
		padding: 7px 0;
	}
	
	#GMN012_ITEM009 {
		font-size: 12px;
	}
	
	#GMN012_ITEM010 {
		max-height: 350px;
	}
	
	#GMN012_ITEM010 table {
		width: auto;
	}
	
	#GMN012_ITEM010 table th {
		width: max-content !important;
		font-size: 10px;
	}
	
	#GMN012_ITEM010 table td {
		font-size: 10px;
	}
	
	#GMN012_ITEM011 {
		display: none;
	}
	
	#GMN012_ITEM012 {
		display: none;
	}
	
	#GMN012_ITEM021 {
		width: 200px;
		font-size: 14px;
	}
	
	#GMN005_ITEM025 {
		font-size: 14px;
	}
	
}