@charset "UTF-8";

body {
	margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif
}

/* サイト名 */
.site h1 a {
	color: #000000;
	text-decoration: none
}

.site h1 {
	margin: 0;
	font-size: 30px
}

.site img {
	border: none
}

/* ヘッダー画像 */
.topimg {
	max-width: 100%;
	height: auto;
	vertical-align: bottom
}

/* TOPpage box6 画像 */
.topimg2 {
	max-width: 49%;
	height: auto;
	vertical-align: bottom
}

/* キャッチコピー */
.catch {
	margin: 0;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.7);
	font-size: 30px
}

.catch1 {
	margin: 0;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.7);
	font-size: 40px;
	color: red
}

.catch3 {
	margin: 0;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.7);
	font-size: 40px;
	color: red
}

.catch3c {
	margin: 0;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.7);
	font-size: 40px;
	color: red
}

.catch3c2 {
	margin: 0;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.7);
	font-size: 40px;
	color: red
}

.catch3d {
	margin: 0;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.7);
	font-size: 40px;
	color: red
}

.catch3d2 {
	margin: 0;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.7);
	font-size: 40px;
	color: red
}

/* ヘッダー画像にキャッチコピーを重ねる */
.top {
	position: relative
}

.catch {
	position: absolute;
	bottom: 7%;
	left: 3%
}

.catch1 {
	position: absolute;
	top: 7%;
	left: 3%
}

.catch3 {
	position: absolute;
	top: 7%;
	left: 35%
}

.catch3c {
	position: absolute;
	top: 7%;
	left: 30%
}

.catch3c2 {
	position: absolute;
	top: 7%;
	left: 25%
}

.catch3d {
	position: absolute;
	top: 7%;
	left: 24%
}

.catch3d2 {
	position: absolute;
	top: 7%;
	left: 35%
}

/* コピーライト */
.copyright p {
	margin: 0;
	color: #666666;
	font-size: 14px
}

/* BOX10をバーの形にする */
.box10 {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #dddddd;
	text-align: center;
}

/* ボックスの左右 */
.boxA,
.box5,
.box6,
.box8,
.boxAA,
.boxBB {
	padding-left: 15px;
	padding-right: 15px
}

/* ボックスの上下 */
.boxA {
	padding-top: 20px;
	padding-bottom: 10px
}

.boxAA {
	padding-top: 20px;
	padding-bottom: 10px
}

.boxBB {
	padding-top: 20px;
	padding-bottom: 10px
}

.box5 {
	padding-top: 20px
}

.box5-1,
.box5-2,
.box5-3 {
	padding-bottom: 10px;
	position: relative;
}

.box5-1 p,
.box5-2 p,
.box5-3 p {
	position: absolute;
	color:
		/*white*/
		#0033ff;
	/*文字は白に*/
	font-weight: bold;
	/*太字に*/
	font-size: 1.5em;
	/*サイズ1.5倍*/
	font-family: Quicksand, sans-serif;
	/*Google Font*/
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	/*文字の装飾は省略*/
}

.box5-1 img,
.box5-2 img,
.box5-3 img {
	width: 100%;
}

.box6 {
	padding-top: 20px;
}

.box6-1,
.box6-2,
.box6-3 {
	padding-bottom: 10px;
	position: relative;
}

.box6-1 p,
.box6-2 p,
.box6-3 p {
	position: absolute;
	color: #0033ff;
	/*文字は白に*/
	font-weight: bold;
	/*太字に*/
	font-size: 1.5em;
	/*サイズ1.5倍*/
	font-family: Quicksand, sans-serif;
	/*Google Font*/
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	/*文字の装飾は省略*/
}

.box6-1 img,
.box6-2 img,
.box6-3 img {
	width: 100%;
}

.box8 {
	padding-top: 20px
}

.box8-1,
.box8-2,
.box8-3 {
	padding-bottom: 10px;
	position: relative;
}

.box8-1 p,
.box8-2 p,
.box8-3 p {
	position: absolute;
	color: #0033ff;
	/*文字は白に*/
	font-weight: bold;
	/*太字に*/
	font-size: 1.5em;
	/*サイズ1.5倍*/
	font-family: Quicksand, sans-serif;
	/*Google Font*/
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	/*文字の装飾は省略*/
}

.box8-1 img,
.box8-2 img,
.box8-3 img {
	width: 100%;
}

/* フォント（文字）編集 */
.moji01 {
	text-align: center;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	color: black;
}

.moji01aa {
	text-align: left;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	color: black;
}

.moji01aa a {
	text-decoration: none;
	color: black;
}

.moji01aa2 {
	text-align: left;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	color: red;
}

.moji01aa2xx {
	text-align: left;
	margin: 0 auto;
	font-size: 20px;
	font-weight: bold;
	color: red;
}

.moji01aa2 a {
	text-decoration: none;
	color: red;
}

.moji01a {
	text-align: center;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	color: black;
}

.moji01asx {
	text-align: center;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	color: black;
}

.moji01asx a {
	text-decoration: none;
	color: black;
}

.moji01a2 {
	text-align: left;
	margin: 0 auto;
	padding: 0 20px;
	font-size: 22px;
	font-weight: bold;
	color: black;
}

.moji01a2xx {
	text-align: center;
	margin: 0 auto;
	padding: 0 20px;
	font-size: 22px;
	font-weight: bold;
	color: black;
	width: auto;
}

.moji01a77m {
	text-align: left;
	margin: 0 auto;
	padding: 0 20px;
	font-size: 22px;
	font-weight: bold;
	color: red;
}

.moji01a77m a {
	color: #FF0000;
	text-decoration: none;
}

.moji01a2j {
	text-align: center;
	margin: 0 auto;
	height: auto;
	width: auto;
	padding: 0;
	font-size: 22px;
	font-weight: bold;
	color: black;
}

.moji01a2 a {
	text-decoration: none;
	color: black;
}

.moji01a2s {
	text-align: left;
	margin: 0 auto;
	padding: 20px 20px 70px;
	font-size: 16px;
	font-weight: bold;
	color: black;
}

.moji01a2s a {
	text-decoration: none;
	color: black;
}

.moji01a2s3 {
	text-align: left;
	margin: 0 auto;
	padding: 20px 20px 70px;
	font-size: 16px;
	font-weight: bold;
	color: black;
}

.moji01a2s3 a {
	text-decoration: none;
	color: blue;
}

.moji01a2sx {
	text-align: left;
	margin: 0 auto;
	padding: 20px 20px 70px;
	font-size: 12px;
	color: black;
}

.moji01a2vx {
	text-align: right;
	margin: 0 auto;
	padding: 20px 20px 70px;
	font-size: 22px;
	font-weight: bold;
	color: black;
}

.moji01a2vxk {
	text-align: right;
	margin: 0 auto;
	padding: 20px 20px 10px;
	font-size: 22px;
	font-weight: bold;
	color: black;
}

.moji01a2vx2 {
	text-align: right;
	margin: 0 auto;
	padding: 20px 20px 70px;
	font-size: 20px;
	color: black;
}

.moji01a2vx3 {
	text-align: right;
	margin: 0 auto;
	padding: 20px 20px 70px;
	font-size: 22px;
	color: black;
}

.moji01a2d {
	text-align: left;
	margin: 0 auto;
	padding: 20px 20px 70px;
	font-size: 22px;
	font-weight: bold;
	color: black;
}

.moji01a a {
	text-decoration: none;
	color: black;
}

.moji01b {
	text-align: center;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
}

.moji01c {
	text-align: center;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
}

.moji01c a {
	text-decoration: none;
	color: black;
}

.moji01d {
	text-align: center;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
}

.moji01e {
	text-align: center;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
}

.moji01f {
	text-align: center;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
}

.moji01g {
	text-align: center;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
}

.moji01h {
	text-align: center;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
}

.moji01i {
	text-align: center;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
}

.moji01j {
	text-align: center;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
}

.moji01k {
	text-align: center;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
}

.moji02 {
	text-align: right;
	margin: 0 auto;
	font-size: 14px;
}

.moji02 a {
	text-decoration: none;
	color: black;
}

.moji03 {
	text-align: center;
	margin: 0 auto;
	font-size: 30px;
	font-weight: bold;
	color: red;
}

.moji03yu {
	text-align: center;
	/*width:auto:
	height:auto;*/
	margin: 0 auto;
	font-size: 26px;
	font-weight: bold;
	color: red;
}

.moji03cc {
	text-align: center;
	margin: 0 auto;
	font-size: 26px;
	font-weight: bold;
	color: black;
}

.moji03cc a {
	text-decoration: none;
	color: black;
}

.moji03cc2 {
	text-align: center;
	margin: 0 auto;
	font-size: 26px;
	color: black;
}

.moji03cc2 a {
	text-decoration: none;
	color: black;
}

.moji03d {
	text-align: center;
	margin: 0 auto;
	font-size: 24px;
	font-weight: bold;
	color: blue;
}

.moji03d a {
	text-decoration: none;
	color: blue;
}

.moji03bb {
	text-align: center;
	margin: 0 auto;
	font-size: 30px;
	font-weight: bold;
	color: red;
}

.moji04 {
	text-align: center;
	margin: 0 auto;
	font-size: 34px;
	font-weight: bold;
	color: blue;
}

.mmoji04 {
	text-align: center;
	margin: 0 auto;
	font-size: 34px;
	font-weight: bold;
	color: red;
}

.moji04dx {
	text-align: center;
	margin: 0 auto;
	font-size: 34px;
	font-weight: bold;
	color: blue;
}

.moji05 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	text-align: right;
	max-width: 1140px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	font-weight: bold;
}

.mojileft01 {
	text-align: left;
}

.text234b {
	font-size: 11px;
	color: bule;
}

.tex-dec a {
	text-decoration: none;
	color: black;
	font-weight: bold;
}

.bun01 {
	width: auto;
	height: auto;
	text-align: left;
	margin: 0 auto;
	padding: 10px 10px;
	font-size: 22px;
}

.bun01b {
	width: auto;
	height: auto;
	text-align: left;
	margin: 0 auto;
	padding: 10px 10px 50px;
	font-size: 22px;
}

.bun03 {
	width: auto;
	height: auto;
	text-align: left;
	margin: 0 auto;
	padding: 10px 10px 50px;
	font-size: 22px;
}

.bun998 {
	width: auto;
	height: auto;
	margin: 0 auto;
}

.redxv {
	text-align: left;
	font-size: 22px;
	font-weight: bold;
	color: red;
}

.bun998 img {
	width: auto;
	height: auto;
	margin: 0 auto;
}

/*  フォント（文字）編集　【　楽しみ方　】    */

#qsl01a {
	width: auto;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 22px;
	font-weight: bold;
}

#want01a {
	width: auto;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 22px;
	font-weight: bold;
}

#dezi01 {
	width: auto;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 22px;
	font-weight: bold;
}

#club01 {
	width: auto;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 22px;
	font-weight: bold;
}

#award01 {
	width: auto;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 22px;
	font-weight: bold;
}

#move01 {
	width: auto;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 22px;
	font-weight: bold;
}

#contest01 {
	width: auto;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 22px;
	font-weight: bold;
}

#making01 {
	width: auto;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 22px;
	font-weight: bold;
}

#cw01 {
	width: auto;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 22px;
	font-weight: bold;
}

#qualification01 {
	width: auto;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 22px;
	font-weight: bold;
}

.link001 {
	color: red;
	font-weight: bold;
}

.link001ddx {
	color: blue;
	font-weight: bold;
}

.link002 {
	color: red;
	font-weight: bold;
	font-size: 26px;
}

/*   サイトマップ編集     */

.gpph02 .list01 .home01 {
	width: 360px;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-left: 40px;
	font-size: 28px;
}

.gpph02 .list01 {
	width: 360px;
	margin: 0 auto;
	padding-top: 40px;
}

.gpph02 .list01 p {
	text-align: left;
}

.gpph02 .list01 ul {
	list-style-image: url("../img/sitemap_circle.gif");
	text-align: left;
	margin-left: 60px;
	padding-left: 0px;
	font-size: 26px;
}

.sitemap_ul>li {
	margin-bottom: 10px;
}

/*   コンデションページ編集     */

.gpph02b .list01b .home01b {
	width: 360px;
	margin: 0 auto;
	padding-bottom: 0px;
	padding-left: 40px;
	font-size: 28px;
}

.gpph02b .list01b {
	width: 360px;
	margin: 0 auto;
	padding-top: 0px;
}

.gpph02b .list01b p {
	text-align: left;
}

.gpph02b .list01b ul {
	list-style-image: url("../img/sitemap_circle.gif");
	text-align: left;
	margin-left: 60px;
	padding-left: 0px;
	font-size: 20px;
}

.sitemap_ul>li {
	margin-bottom: 0px;
}

.text_as01 {
	text-align: center;
	width: 360px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 20px;
}

.text_k01｛ text-align:left;
font-size: 4px;

｝ .link002b {
	color: black;
	font-weight: bold;
	font-size: 3px;
}

.moji002ok {
	color: red;
	font-weight: bold;
	font-size: 26px;
}


/* パンくずリスト */
.bread {
	margin-bottom: 20px
}

.bread ol {
	margin: 0;
	padding: 0;
	list-style: none
}

.bread li a {
	display: inline-block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none
}

.bread li a:hover {
	background-color: #eeeeee
}

.bread ol:after {
	content: "";
	display: block;
	clear: both
}

.bread li {
	float: left;
	width: auto
}

.bread li:after {
	content: '\003e';
	margin-left: 10px;
	margin-right: 10px;
	color: #888888
}

.center01a {
	text-align: center;
}

.red01 {
	color: red;
	font-weight: bold;
}

/*  アワードページ          */

.topimgAWD {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	vertical-align: bottom;
}

/*    グリッドレイアウト　マイQSLページ    */

/* ボックスの左右 */
.boxBBx2 {
	padding-left: 15px;
	padding-right: 15px
}

/* ボックスの上下 */

.boxBBx2 {
	padding-top: 20px;
	padding-bottom: 10px
}


/* ########### 359px以下 ########### */
@media (max-width: 359px) {

	/* サイト名 */
	.site img {
		width: 225px;
		height: auto
	}
}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {

	/* ナビゲーション */
	.menu li a {
		padding: 10px 7px;
		font-size: 11px
	}

	/* キャッチコピー */
	.catch {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 26px
	}

	.catch1 {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 24px;
		color: red
	}

	.catch3 {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 24px;
		color: red
	}

	.catch3c {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 24px;
		color: red
	}

	.catch3c2 {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 24px;
		color: red
	}

	.catch3d {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 24px;
		color: red
	}

	.catch4 {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 24px;
		color: red
	}

	/* ヘッダー画像にキャッチコピーを重ねる */
	.top {
		position: relative
	}

	.catch {
		position: absolute;
		bottom: 7%;
		left: 3%
	}

	.catch1 {
		position: absolute;
		top: 7%;
		left: 8%
	}

	.catch3 {
		position: absolute;
		top: 7%;
		left: 8%
	}

	.catch3c {
		position: absolute;
		top: 7%;
		left: 8%
	}

	.catch3c2 {
		position: absolute;
		top: 7%;
		left: 8%
	}

	.catch3d {
		position: absolute;
		top: 7%;
		left: 8%
	}

	.catch3d2 {
		position: absolute;
		top: 7%;
		left: 8%
	}

	.catch4 {
		position: absolute;
		top: 7%;
		left: 8%
	}
}



/* ########### 767px以下 ########### */
@media (max-width: 767px) {
	/* トグルボタン */



	#menubtn {
		padding: 6px 12px;
		border: solid 1px #aaaaaa;
		border-radius: 5px;
		background-color: #ffffff;
		position: absolute;
		top: 20px;
		right: 15px;
		cursor: pointer
	}

	#menubtn:hover {
		background-color: #dddddd
	}

	#menubtn:focus {
		outline: none
	}

	#menubtn i {
		color: #888888;
		font-size: 18px
	}

	#menubtn span {
		display: inline-block;
		text-indent: -9999px
	}

	/* ナビゲーションメニュー（縦並び） */
	.menu {
		display: none
	}

	.menu ul {
		margin: 0;
		padding: 0;
		list-style: none
	}

	.menu li a {
		display: block;
		padding: 5px;
		color: #000000;
		font-size: 14px;
		text-decoration: none
	}

	.menu li a:hover {
		background-color: #eeeeee
	}

	/* キャッチコピー */
	.catch {
		padding: 5px 10px;
		font-size: 18px
	}

	.catch1 {
		padding: 5px 10px;
		font-size: 22px
	}

	.catch3 {
		padding: 5px 10px;
		font-size: 28px
	}

	.catch3d2 {
		padding: 5px 10px;
		font-size: 28px
	}

	.catch4 {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 28px;
		color: red
	}

	/* ヘッダー画像にキャッチコピーを重ねる */
	.top {
		position: relative
	}

	.catch {
		position: absolute;
		bottom: 7%;
		left: 3%
	}

	.catch1 {
		position: absolute;
		top: 7%;
		left: 8%
	}

	.catch3 {
		position: absolute;
		top: 7%;
		left: 8%
	}

	.catch3d2 {
		position: absolute;
		top: 7%;
		left: 8%
	}

	.catch3c {
		padding: 5px 10px;
		font-size: 28px;
		position: absolute;
		top: 7%;
		left: 8%
	}

	.catch3c2 {
		padding: 5px 10px;
		font-size: 28px;
		position: absolute;
		top: 7%;
		left: 8%
	}

	.catch3d {
		padding: 5px 10px;
		font-size: 26px;
		position: absolute;
		top: 7%;
		left: 8%
	}

	.catch4 {
		position: absolute;
		top: 7%;
		left: 8%
	}

	/* フォント（文字）編集 */
	.moji01 {
		text-align: center;
		/*width:auto:
	height:auto;*/
		margin: 0 auto;
		font-size: 14px;
		font-weight: bold;
	}

	.moji01a {
		text-align: center;
		margin: 0 auto;
		font-size: 15px;
		font-weight: bold;
		color: black;
	}

	.moji01asx {
		text-align: center;
		margin: 0 auto;
		font-size: 20px;
		font-weight: bold;
		color: black;
	}

	.moji01asx a {
		text-decoration: none;
		color: black;
	}

	.moji01aa {
		text-align: left;
		margin: 0 auto;
		font-size: 16px;
		font-weight: bold;
		color: black;
	}

	.moji01aa a {
		text-decoration: none;
		color: black;
	}

	.moji01aa2 {
		text-align: left;
		margin: 0 auto;
		font-size: 16px;
		font-weight: bold;
		color: red;
	}

	.moji01aa2 a {
		text-decoration: none;
		color: red;
	}

	.moji01a2 {
		text-align: left;
		margin: 0 auto;
		padding: 0 10px;
		font-size: 16px;
		font-weight: bold;
		color: black;
	}

	.moji01a2xx {
		text-align: center;
		margin: 0 auto;
		padding: 0 10px;
		font-size: 16px;
		font-weight: bold;
		color: black;
		width: auto;
	}

	.moji01a77m {
		text-align: left;
		margin: 0 auto;
		padding: 0 10px;
		font-size: 16px;
		font-weight: bold;
		color: red;
	}

	.moji01a77m a {
		color: #FF0000;
		text-decoration: none;
	}

	.moji01a2j {
		text-align: center;
		margin: 0 auto;
		width: auto;
		height: auto;
		padding: 0;
		font-size: 16px;
		font-weight: bold;
		color: black;
	}


	.moji01a2s {
		text-align: left;
		margin: 0 auto;
		padding: 20px 20px 70px;
		font-size: 16px;
		font-weight: bold;
		color: black;
	}

	.moji01a2s3 {
		text-align: left;
		margin: 0 auto;
		padding: 20px 20px 70px;
		font-size: 16px;
		font-weight: bold;
		color: black;
	}

	.moji01a2s3 a {
		text-decoration: none;
		color: blue;
	}

	.moji01a2sx {
		text-align: left;
		margin: 0 auto;
		padding: 20px 20px 70px;
		font-size: 11px;
		color: black;
	}

	.moji01a2vx {
		text-align: right;
		margin: 0 auto;
		padding: 20px 20px 70px;
		font-size: 14px;
		font-weight: bold;
		color: black;
	}

	.moji01a2vxk {
		text-align: right;
		margin: 0 auto;
		padding: 20px 20px 10px;
		font-size: 14px;
		font-weight: bold;
		color: black;
	}

	.moji01a2vx2 {
		text-align: right;
		margin: 0 auto;
		padding: 20px 20px 70px;
		font-size: 14px;
		color: black;
	}

	.moji01a2vx3 {
		text-align: right;
		margin: 0 auto;
		padding: 20px 20px 70px;
		font-size: 14px;
		color: black;
	}

	.moji01a2d {
		text-align: left;
		margin: 0 auto;
		padding: 20px 20px 70px;
		font-size: 16px;
		font-weight: bold;
		color: black;
	}

	.moji01a3 {
		text-align: left;
		margin: 0 auto;
		padding: 0 10px;
		font-size: 12px;
		color: black;
	}

	.moji01k {
		text-align: center;
		margin: 0 auto;
		font-size: 15px;
		font-weight: bold;
	}

	.moji02 {
		text-align: right;
		/*width:auto:
	height:auto;*/
		margin: 0 auto;
		font-size: 14px;
	}

	.moji02 a {
		text-decoration: none;
		color: black;
	}

	.moji03 {
		text-align: center;
		/*width:auto:
	height:auto;*/
		margin: 0 auto;
		font-size: 18px;
		font-weight: bold;
		color: red;
	}

	.moji03yu {
		text-align: center;
		/*width:auto:
	height:auto;*/
		margin: 0 auto;
		font-size: 22px;
		font-weight: bold;
		color: red;
	}

	.moji03d {
		text-align: center;
		/*width:auto:
	height:auto;*/
		margin: 0 auto;
		font-size: 16px;
		font-weight: bold;
		color: blue;
	}

	.moji03d a {
		text-decoration: none;
		color: blue;
	}

	.moji03cc {
		text-align: center;
		margin: 0 auto;
		font-size: 18px;
		font-weight: bold;
		color: black;
	}

	.moji03cc a {
		text-decoration: none;
		color: black;
	}

	.moji03cc2 {
		text-align: center;
		margin: 0 auto;
		font-size: 18px;
		color: black;
	}

	.moji03cc2 a {
		text-decoration: none;
		color: black;
	}

	.moji03bb {
		text-align: center;
		margin: 0 auto;
		font-size: 18px;
		font-weight: bold;
		color: red;
	}

	.moji04 {
		text-align: center;
		margin: 0 auto;
		font-size: 18px;
		font-weight: bold;
		color: blue;
	}

	.mmoji04 {
		text-align: center;
		margin: 0 auto;
		font-size: 24px;
		font-weight: bold;
		color: red;
	}

	.moji04dx {
		text-align: center;
		margin: 0 auto;
		font-size: 24px;
		font-weight: bold;
		color: blue;
	}

	.moji05 {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 11px;
		text-align: right;
		max-width: auto;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-right: 10px;
		font-weight: bold;
	}

	.redxv {
		text-align: left;
		font-size: 16px;
		font-weight: bold;
		color: red;
	}

	.link001 {
		color: red;
		font-weight: bold;
	}

	.link001ddx {
		color: blue;
		font-weight: bold;
	}

	.link002 {
		color: red;
		font-weight: bold;
		font-size: 18px;
	}

	/*  フォント（文字）編集　【　楽しみ方　】    */

	.qsl01 {
		max-width: 767px;
		height: auto;
		text-align: left;
		margin: 0 auto;
		padding: 5px 5px;
		font-size: 14px;
	}

	.bun01 {
		max-width: 767px;
		height: auto;
		text-align: left;
		margin: 0 auto;
		padding: 5px 5px;
		font-size: 14px;
	}

	.bun01b {
		max-width: 767px;
		height: auto;
		text-align: left;
		margin: 0 auto;
		padding: 5px 5px 50px;
		font-size: 14px;
	}

	.bun03 {
		max-width: 767px;
		height: auto;
		text-align: left;
		margin: 0 auto;
		padding: 10px 10px 50px;
		font-size: 14px;
	}

	#qsl01a {
		max-width: 767px;
		height: auto;
		text-align: center;
		margin: 0 auto;
		padding: 0 5px;
		font-size: 18px;
		font-weight: bold;
	}

	#want01a {
		max-width: 767px;
		height: auto;
		text-align: center;
		margin: 0 auto;
		padding: 0 5px;
		font-size: 18px;
		font-weight: bold;
	}

	#club01 {
		max-width: 767px;
		height: auto;
		text-align: center;
		margin: 0 auto;
		padding: 0 5px;
		font-size: 18px;
		font-weight: bold;
	}

	#award01 {
		max-width: 767px;
		height: auto;
		text-align: center;
		margin: 0 auto;
		padding: 0 5px;
		font-size: 18px;
		font-weight: bold;
	}

	#move01 {
		max-width: 767px;
		height: auto;
		text-align: center;
		margin: 0 auto;
		padding: 0 5px;
		font-size: 18px;
		font-weight: bold;
	}

	#contest01 {
		max-width: 767px;
		height: auto;
		text-align: center;
		margin: 0 auto;
		padding: 0 5px;
		font-size: 18px;
		font-weight: bold;
	}

	#making01 {
		max-width: 767px;
		height: auto;
		text-align: center;
		margin: 0 auto;
		padding: 0 5px;
		font-size: 18px;
		font-weight: bold;
	}

	#cw01 {
		max-width: 767px;
		height: auto;
		text-align: center;
		margin: 0 auto;
		padding: 0 5px;
		font-size: 18px;
		font-weight: bold;
	}

	#qualification01 {
		max-width: 767px;
		height: auto;
		text-align: center;
		margin: 0 auto;
		padding: 0 5px;
		font-size: 18px;
		font-weight: bold;
	}

	/*   サイトマップ編集     */

	.gpph02 .list01 .home01 {
		width: 190px;
		margin: 0 auto;
		padding-bottom: 10px;
		padding-left: 40px;
		font-size: 22px;
	}

	.gpph02 .list01 {
		width: 240px;
		margin: 0 auto;
		padding-top: 40px;
	}

	.gpph02 .list01 p {
		text-align: left;
	}

	.gpph02 .list01 ul {
		list-style-image: url("../img/sitemap_circle.gif");
		text-align: left;
		margin-left: 60px;
		padding-left: 0px;
		font-size: 20px;
	}

	.sitemap_ul>li {
		margin-bottom: 10px;
	}




}


/* ########### 768px以上 ########### */
@media (min-width: 768px) {



	/* トグルボタン */
	#menubtn {
		display: none
	}

	/* ナビゲーション */
	#menu {
		display: block !important
	}

	.menu ul {
		margin: 0;
		padding: 0;
		list-style: none
	}

	.menu li a {
		display: block;
		padding: 10px 15px;
		color: #000000;
		font-size: 14px;
		text-decoration: none
	}

	.menu li a:hover {
		background-color: #eeeeee
	}

	.menu ul:after {
		content: "";
		display: block;
		clear: both
	}

	.menu li {
		float: left;
		width: auto
	}

	/* BOX1とBOX2を横に並べる設定 */
	.boxA:after {
		content: "";
		display: block;
		clear: both
	}

	.box1 {
		float: left;
		width: auto
	}

	.box2 {
		float: right;
		width: auto
	}

	/* アマチュア無線Q&Aアース関連の画像を横に並べる設定 */
	.boxAA:after {
		content: "";
		display: block;
		clear: both
	}

	.boxBB:after {
		content: "";
		display: block;
		clear: both
	}

	.boxAA01 {
		float: left;
		width: 48%;
		margin-right: 2%;
	}

	.boxAA02 {
		float: right;
		width: 48%;
		margin-right: 2%;
	}

	.boxAA03 {
		float: left;
		width: 48%;
		margin-right: 2%;
	}

	.boxAA04 {
		float: right;
		width: 48%;
		margin-right: 2%;
	}

	.boxAA05 {
		float: left;
		width: 48%;
		margin-right: 2%;
	}

	.boxAA06 {
		float: right;
		width: 48%;
		margin-right: 2%;
	}

	.boxAA07 {
		float: left;
		width: 48%;
		margin-right: 2%;
	}

	.boxAA08 {
		float: right;
		width: 48%;
		margin-right: 2%;
	}

	.boxAA09 {
		float: left;
		width: 48%;
		margin-right: 2%;
	}

	.boxAA10 {
		float: right;
		width: 48%;
		margin-right: 2%;
	}

	.boxAA11 {
		float: left;
		width: 48%;
		margin-right: 2%;
	}

	.boxAA12 {
		float: right;
		width: 48%;
		margin-right: 2%;
	}

	.boxBB01 {
		/*float: left;*/
		margin-left: auto;
		margin-right: auto;
		width: 70%;
		/*margin-right: 2%;*/
	}




	/* BOX5-1、BOX5-2、BOX5-3を横に並べる設定 */
	.box5:after {
		content: "";
		display: block;
		clear: both
	}

	.box5-1 {
		float: left;
		width: 32%;
		margin-right: 2%;
		font-size: 13px;
	}

	.box5-2 {
		float: left;
		width: 32%;
		margin-right: 2%;
		font-size: 13px;
	}

	.box5-3 {
		float: left;
		width: 32%;
		font-size: 13px;
	}

	/* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */
	.box6:after {
		content: "";
		display: block;
		clear: both
	}

	.box6-1 {
		float: left;
		width: 32%;
		margin-right: 2%;
		font-size: 12px;
	}

	.box6-2 {
		float: left;
		width: 32%;
		margin-right: 2%;
		font-size: 15px;
	}

	.box6-3 {
		float: left;
		width: 32%;
		font-size: 12px;
	}

	/* BOX8-1、BOX8-2、BOX8-3を横に並べる設定 */
	.box8:after {
		content: "";
		display: block;
		clear: both
	}

	.box8-1 {
		float: left;
		width: 32%;
		margin-right: 2%;
		font-size: 13px;
	}

	.box8-2 {
		float: left;
		width: 32%;
		margin-right: 2%;
		font-size: 12px;
	}

	.box8-3 {
		float: left;
		width: 32%;
		font-size: 13px;
	}

	/*   社会貢献活動画像タイトル位置調整   */
	.catch3c {
		position: absolute;
		top: 7%;
		left: 3%
	}

	.catch3c2 {
		position: absolute;
		top: 7%;
		left: 3%
	}

	/* キャッチコピー */
	.catch {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 30px
	}

	.catch1 {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 40px;
		color: red
	}

	.catch3 {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 40px;
		color: red
	}

	.catch3c {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 40px;
		color: red
	}

	.catch3c2 {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 40px;
		color: red
	}

	.catch3d {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 40px;
		color: red
	}

	.catch4 {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 40px;
		color: red
	}

	/* ヘッダー画像にキャッチコピーを重ねる */
	.top {
		position: relative
	}

	.catch {
		position: absolute;
		bottom: 7%;
		left: 3%
	}

	.catch1 {
		position: absolute;
		top: 7%;
		left: 3%
	}

	.catch3 {
		position: absolute;
		top: 7%;
		left: 3%
	}

	.catch3c {
		position: absolute;
		top: 7%;
		left: 3%
	}

	.catch3c2 {
		position: absolute;
		top: 7%;
		left: 3%
	}

	.catch3d {
		position: absolute;
		top: 7%;
		left: 3%
	}

	.catch3d2 {
		position: absolute;
		top: 7%;
		left: 3%
	}

	.catch4 {
		position: absolute;
		top: 7%;
		left: 3%
	}

	.redxv {
		text-align: left;
		font-size: 22px;
		font-weight: bold;
		color: red;
	}

	/*    グリッドレイアウト　マイQSLページ    */

	/* ボックスの左右 */
	.boxKK01 {
		margin-left: auto;
		margin-right: auto;
		height: auto;
		max-width: 768px;
		width: 100%;
	}

	/* ボックスの上下 */

	.boxBB01x1,
	.boxBB01x2,
	.boxBB01x3,
	.boxBB01x4 {
		padding-top: 20px;
		padding-bottom: 10px;
	}

	.boxBBx2 {
		display: grid;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		max-width: 768px;
		width: 90%;
		grid-template-columns: 320px 320px;
	}


	.boxBB01x1 {
		/*float: left;*/

		max-width: 360px;
		width: 90%;
		height: auto;
		/*margin-right: 2%;*/
	}

	.boxBB01x2 {
		/*float: left;*/

		max-width: 360px;
		width: 90%;
		height: auto;
		/*margin-right: 2%;*/
	}

	.boxBB01x3 {
		/*float: left;*/

		max-width: 360px;
		width: 90%;
		height: auto;
		/*margin-right: 2%;*/
	}

	.boxBB01x4 {
		/*float: left;*/

		max-width: 360px;
		width: 90%;
		height: auto;
		/*margin-right: 2%;*/
	}


}


/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

	/* 全体の横幅を固定 */
	.box3,
	.box4,
	.boxA-inner,
	.box5,
	.box6,
	.box7,
	.box8,
	.box9,
	.box10,
	.boxAA,
	.boxBB,
	.bread,
	.boxKK01 {
		width: 1140px;
		margin-left: auto;
		margin-right: auto
	}


	/* BOX Aの下に罫線を挿入 */
	.boxA {
		margin-bottom: 20px;
		border-bottom: solid 1px #dddddd
	}

	/* キャッチコピー */
	.catch {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 30px
	}

	.catch1 {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 40px;
		color: red
	}

	.catch3 {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 40px;
		color: red
	}

	.catch3c {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 40px;
		color: red
	}

	.catch3c2 {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 40px;
		color: red
	}

	.catch3d {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 40px;
		color: red
	}

	.catch4 {
		margin: 0;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 40px;
		color: red
	}

	/* ヘッダー画像にキャッチコピーを重ねる */
	.top {
		position: relative
	}

	.catch {
		position: absolute;
		bottom: 7%;
		left: 3%
	}

	.catch1 {
		position: absolute;
		top: 7%;
		left: 3%
	}

	.catch3 {
		position: absolute;
		top: 7%;
		left: 43%
	}

	.catch3c {
		position: absolute;
		top: 7%;
		left: 40%
	}

	.catch3c2 {
		position: absolute;
		top: 7%;
		left: 25%
	}

	.catch3d {
		position: absolute;
		top: 7%;
		left: 30%
	}

	.catch3d2 {
		position: absolute;
		top: 7%;
		left: 35%
	}

	.catch4 {
		position: absolute;
		top: 7%;
		left: 43%
	}

	.box5 {
		padding-top: 20px
	}

	.box5-1,
	.box5-2,
	.box5-3 {
		padding-bottom: 10px;
		position: relative;
	}

	.box5-1 p,
	.box5-2 p,
	.box5-3 p {
		position: absolute;
		color:
			/*white*/
			#0033ff;
		/*文字は白に*/
		font-weight: bold;
		/*太字に*/
		font-size: 2em;
		/*サイズ2倍*/
		font-family: Quicksand, sans-serif;
		/*Google Font*/
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin: 0;
		padding: 0;
		/*文字の装飾は省略*/
	}

	.box5-1 img,
	.box5-2 img,
	.box5-3 img {
		width: 100%;
	}

	.box6 {
		padding-top: 20px;
	}

	.box6-1,
	.box6-2,
	.box6-3 {
		padding-bottom: 10px;
		position: relative;
	}

	.box6-1 p,
	.box6-2 p,
	.box6-3 p {
		position: absolute;
		color: #0033ff;
		/*文字は白に*/
		font-weight: bold;
		/*太字に*/
		font-size: 2em;
		/*サイズ2倍*/
		font-family: Quicksand, sans-serif;
		/*Google Font*/
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin: 0;
		padding: 0;
		/*文字の装飾は省略*/
	}

	.box6-1 img,
	.box6-2 img,
	.box6-3 img {
		width: 100%;
	}

	.box8 {
		padding-top: 20px
	}

	.box8-1,
	.box8-2,
	.box8-3 {
		padding-bottom: 10px;
		position: relative;
	}

	.box8-1 p,
	.box8-2 p,
	.box8-3 p {
		position: absolute;
		color: #0033ff;
		/*文字は白に*/
		font-weight: bold;
		/*太字に*/
		font-size: 2em;
		/*サイズ2倍*/
		font-family: Quicksand, sans-serif;
		/*Google Font*/
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin: 0;
		padding: 0;
		/*文字の装飾は省略*/
	}

	.box8-1 img,
	.box8-2 img,
	.box8-3 img {
		width: 100%;
	}

	.redxv {
		text-align: left;
		font-size: 22px;
		font-weight: bold;
		color: red;
	}

	/*    グリッドレイアウト　マイQSLページ    */





	/* ボックスの上下 */


	.boxBBx2 {
		display: grid;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		max-width: 1100px;
		width: 100%;
		grid-template-columns: 400px 400px;
	}

	.boxBB01x1,
	.boxBB01x2,
	.boxBB01x3,
	.boxBB01x4 {
		padding-top: 20px;
		padding-bottom: 10px;
	}

	.boxBB01x1 img,
	.boxBB01x2 img,
	.boxBB01x3 img,
	.boxBB01x4 img {
		max-width: 400px;
		width: 85%;
	}



	.boxBB01x1 {
		/*float: left;*/

		max-width: 400px;
		width: 100%;
		height: auto;
		/*margin-right: 2%;*/
	}

	.boxBB01x2 {
		/*float: left;*/

		max-width: 400px;
		width: 100%;
		height: auto;
		/*margin-right: 2%;*/
	}

	.boxBB01x3 {
		/*float: left;*/

		max-width: 400px;
		width: 100%;
		height: auto;
		/*margin-right: 2%;*/
	}

	.boxBB01x4 {
		/*float: left;*/

		max-width: 400px;
		width: 100%;
		height: auto;
		/*margin-right: 2%;*/
	}



}