@charset "UTF-8";

/* :basic
-----------------------------------------------------------------------------*/
html
{
    height:100%;
}
body
{
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
	word-break: normal;
	word-wrap: break-word;
    height: 100%;
	background-color: #FFFFFF;
	color: #323232;
	font-size: 16px;
	line-height: 1.5;
}
img
{
	margin: 0;
	vertical-align: bottom;
}
.imgbox img
{
	max-width: 100%;
}

a:link {
	color: #36C;
	text-decoration: none;
}
a:visited {
	color: #36C;
	text-decoration: none;
}
a:hover {
	color: #47459A;
	text-decoration: underline;
}

#head {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}
.head_l
{
	position: relative;
	float: left;
}
.head_r
{
	position: relative;
	float: right;
}

#head .logo
{
	float: left;
	margin: 18px 10px 10px 18px;
}
#head .logo:hover
{
	opacity: 0.75;
}


.contact {
	margin: 10px 20px 15px 20px;
}
.contact a {
	display: block;
}
.contact a:hover {
	opacity: 0.8;
}

.snsbtn
{
	display: inline-block;
/*
	height: 20px;
*/
	min-height: 20px;
	overflow: hidden;
	margin: 5px;
	vertical-align: top;
}
.snsbtn_pc
{
	padding: 10px 5px 5px 10px;
	line-height: 0;
}
.snsbtn_mb
{
	float: right;
	margin: 10px 5px 0  5px;
}
.snsbtn_mb a
{
	display: inline-block;
	margin: 0 5px 10px 0;
}

.pdf_dl {
	font-weight: normal;
	text-align: right;
	font-size: 10px;
	padding: 0 20px 10px 10px;
}

@media all and (min-width: 768px)
{
	#head
	{
		min-height: 102px;
	}
}


.main
{
	position: relative;

	background-color: #FFFFFF;
	color: #604C3F;

	background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgba(234,228,208,0.5) calc(100% - 1px)),
	                  linear-gradient(90deg, transparent calc(100% - 1px), rgba(234,228,208,0.5) calc(100% - 1px));
	background-size: 10px 10px;
	background-repeat: repeat;
	background-position: center center;
}

.wrapper
{
	max-width: 1200px;
	margin: 0 auto;
}
.wrapper_s
{
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	padding: 1px 0;
}
.sect-lic .wrapper_s
{
	max-width: 720px;
}



.topimg
{
	position: relative;
	background-color: #0086A0;
}

.toppage .topimg
{
	position: relative;
	height: 590px;
	background-image: url(../images/space.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	overflow: hidden;
}
.toppage .title_wrapper
{
	position: relative;
	height: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.toppage .title
{
	position: absolute;
	left: 10px;
	bottom: 60px;
	max-width: 420px;
	z-index: 10;
}
.toppage .title_0
{
	position: relative;
	z-index: 20;
	animation: titlerotation 2s linear infinite;
}
.toppage .title_1
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
}
.toppage .wafflun
{
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 450px;
	z-index: 40;
}
@keyframes titlerotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@media all and (max-width: 767px)
{
	.toppage .title
	{
		top: 75px;
		bottom: auto;
		max-width: 320px;
	}
	.toppage .wafflun
	{
		max-width: 320px;
	}
}


.subpage .topimg
{
	position: relative;
	height: 160px;
	background-image: url(../images/space.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}
.subpage .title_wrapper
{
	position: relative;
	height: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.subpage .title
{
	position: relative;
	z-index: 50;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 10px;
	overflow: visible;
}
.subpage .title_sub_0
{
	position: absolute;
	z-index: 60;
	left: -100px;
	bottom: -60px;
	max-width: 270px;
}
.subpage .title_sub_1
{
	position: relative;
	z-index: 70;
	max-width: 280px;
}
.subpage .title_sub_2
{
	position: relative;
	z-index: 70;
	max-width: 400px;
}
.subpage .wafflun
{
	position: absolute;
	bottom: 0;
	right: -80px;
	max-width: 200px;
	z-index: 90;
}
@media all and (max-width: 1199px)
{
	.subpage .wafflun
	{
		right: 0;
	}
}
@media all and (max-width: 1199px)
{
	.subpage .title_sub_0
	{
		left: -20px;
	}
}
@media all and (max-width: 767px)
{
	.subpage .title
	{
		max-width: 360px;
	}
	.subpage .title_sub_0
	{
		top: -60px;
		left: -20px;
		bottom: auto;
		max-width: 180px;
	}
	.subpage .wafflun
	{
		right: 20px;
		bottom: -10px;
	}
}
@media all and (max-width: 639px)
{
	.subpage .title
	{
		max-width: 240px;
	}
}










.petals
{
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.petal
{
	position: absolute;
	width: 15px;
	height: 15px;

	background-image: url(../images/petal.png);
	background-repeat: no-repeat;
	background-position: center center;

	animation: 3s linear infinite petalfade;
}
@keyframes petalfade
{
	0% {
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}


.logos
{
	position: absolute;
	z-index: 30;
	height: 60px;
	top: 60px;
	right: 10px;
	width: 100%;
}
.logos_inner
{
	text-align: right;
}
.logo a
{
	display: inline-block;
	background-color: #FFFFFF;
	padding: 0 10px;
}

@media all and (max-width: 767px)
{
	.logos
	{
		top: 0;
		left: 0;
		right: auto;
		width: auto;
	}
}


.mbmenubtn
{
	position: absolute;
	z-index: 100;
	height: 50px;
	width: 50px;
	top: 20px;
	right: 20px;
	border-radius: 25px;
	background-color: #C9BA88;
}


.animemenubtn
{
	position: absolute;
	z-index: 20;
	top: 0;
	right: 0;
	cursor: pointer;
	width: 50px;
	height:50px;
	border-radius: 5px;
}
.animemenubtn .animemenubtn-area
{
	transition: all .6s;
	width:50px;
	height:50px;
}

.animemenubtn span
{
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 14px;
	height: 3px;
	border-radius: 2px;
	background: #FFFFFF;
	width: 45%;
}
.animemenubtn span:nth-of-type(1)
{
	top:15px;	
}
.animemenubtn span:nth-of-type(2)
{
	top:23px;
}
.animemenubtn span:nth-of-type(3)
{
	top:31px;
}
.animemenubtn.active .animemenubtn-area
{
	transform: rotate(360deg);
}
.animemenubtn.active span:nth-of-type(1)
{
	top: 18px;
	left: 18px;
	transform: translateY(6px) rotate(-45deg);
	width: 30%;
}
.animemenubtn.active span:nth-of-type(2)
{
	opacity: 0;
}
.animemenubtn.active span:nth-of-type(3)
{
	top: 30px;
	left: 18px;
	transform: translateY(-6px) rotate(45deg);
	width: 30%;
}


.menu a
{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	box-sizing: border-box;
	padding: 15px;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
}

.menu.menu-idx
{
	background-color: #7756e8;
}
.menu.menu-aff
{
	background-color: #a963ab;
}
.menu.menu-fas
{
	background-color: #3273b9;
}
.menu.menu-asa
{
	background-color: #518bff;
}
.menu.menu-lic
{
	background-color: #7c5aff;
}

.menus.pconly
{
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	height: 44px;
	text-align: center;
}
.subpage .menus.pconly
{
	top: auto;
	bottom: 0;
}
.menus.mbonly
{
	display: none;
	position: absolute;
	z-index: 999;
	top: 80px;
	right: 20px;

	border: 5px solid #C9BA88;
	background-color: #666666;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
}

.menus.pconly .menu
{
	display: inline-block;
	min-width: 120px;
}
.menus.pconly .menu a
{
	padding: 15px 20px;
}

.menus.mbonly .menu a
{
	width: 100%;
}
.menus.mbonly .menu:not(.current)
{
	opacity: 0.5;
}
.menus .menu.current
{
	opacity: 1 !important;
	pointer-events: none;
}
.menus.mbonly .menu:hover
{
	opacity: 0.75;
}

@media all and (min-width: 1000px)
{
	.menus.pconly .menu
	{
		min-width: 200px;
	}
}

.mainend
{
	height: 10px;
	margin-top: 50px;
	background: repeating-linear-gradient(90deg, #7756e8 0%, #7756e8 20%, #a963ab 20%, #a963ab 40%, #3273b9 40%, #3273b9 60%, #518bff 60%, #518bff 80%, #7c5aff 80%, #7c5aff 100%);
}


.sect
{
}
.secthd
{
	height: 10px;
	margin-bottom: 50px;
	border-top: 10px solid transparent;
}
.secthd .sectnm
{
	background-color: #4b51a0;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	box-sizing: border-box;
	width: 100%;
	padding: 8px 0;
	color: #FFFFFF;
	margin: 0 auto;
}


.toplead
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 20px 0;
}
.toplead_hd
{
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25;
	margin: 20px 0;
	color: #3153a2;
}
.toplead_hd span
{
	color: #e94e6f;
}
.toplead_l
{
	max-width: 300px;
}
.toplead_r
{
	max-width: 600px;
}
.toplead_sharegraphs
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 10px auto;
}
.toplead_sharegraphs .imgbox
{
	max-width: 200px;
	margin: 0 0 10px 0;
}
.toplead_note
{
	font-size: 12px;
	line-height: 1.25;
}
.toplead_note th
{
	padding: 2px 4px;
	text-align: left;
}
.toplead_note td
{
	padding: 2px 4px;
	text-align: left;
}





.prodstbl
{
	margin: 50px auto;
}
.prodstbl_td
{
	box-sizing: border-box;
	padding: 10px;
	font-size: 14px;
	line-height: 1.25;
	text-align: center;
	margin: auto;
	max-width: 320px;
}
.prodstbl_th
{
	box-sizing: border-box;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: auto;
}
.prodclslead
{
	height: 54px;
	letter-spacing: -0.5px;
}
.prodcls
{
	box-sizing: border-box;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	padding: 4px 0;
	margin: 10px 0;
	color: #D34C3A;
	border: 2px solid #D34C3A;
	white-space: nowrap;
	letter-spacing: -1px;
}
.prodstbl_td .imgbox
{
	margin: 10px 0;
	height: 45px;
	vertical-align: bottom;
}
.prodlink
{
	width: 100%;
	margin: 10px 0;
}
.prodlink_x
{
	width: 65%;
	max-width: 480px;
	margin: 10px auto;
}
.prodlink a
{
	position: relative;
	display: inline-block;
	width: 100%;
	background-color: #e94e6f;
	border-radius: 5px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #FFFFFF;
	padding: 10px 0;
	text-decoration: none;
}
.prodlink a:after
{
	content: '▶';
	position: absolute;
	top: calc(50% - 9px);
	right: 10px;
}
.prodlink a:hover
{
	opacity: 0.75;
}
@media all and (min-width: 768px)
{
	.prodstbl_tr
	{
		display: flex;
	}
	.prodstbl > .prodstbl_tr:first-child
	{
		border-bottom: 1px dashed #604C3F;
	}
	.prodstbl_td
	{
		width: 28%;
		border-left: 1px dashed #604C3F;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-end;
	}
	.prodstbl_th
	{
		width: 16%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
@media all and (max-width: 767px)
{
	.prodstbl_tr
	{
		background-color: #FFFFFF;
		border: 4px solid #C9BA88;
		margin-bottom: 50px;
		padding: 10px;
	}
	.prodstbl_th
	{
		background-color: #C9BA88;
		font-size: 20px;
		color: #FFFFFF;
		padding: 10px 0;
		width: 95%;
		max-width: 360px;
		margin-top: 5px;
	}
	.prodstbl_td
	{
		padding: 30px 0;
		border-bottom: 1px dashed #604C3F;
	}
	.prodstbl_tr > .prodstbl_td.lasttd
	{
		border-bottom: none;
		padding-bottom: 0;
	}
	.prodstbl_td .imgbox
	{
		height: auto;
		margin: 20px auto;
	}
	.prodlink_x
	{
		width: 300px;
	}
}


.aboutontap
{
	border-radius: 5px;
	overflow: hidden;
	padding: 15px;
	margin: 0 auto;
	background-color: #00b08f;
}
.aboutontap_hd
{
	padding-bottom: 10px;
}
.aboutontap_title
{
	font-weight: bold;
	line-height: 1;
	color: #FFFFFF;
}
.aboutontap_lead
{
	font-size: 15px;
	line-height: 1.25;
	color: #FFFFFF;
}
.aboutontap_bd
{
	display: flex;
	align-items: center;
	padding-top: 10px;
}
.aboutontap_fn
{
	background-color: #FFFFFF;
	border-radius: 5px;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	color: #604c3f;
	padding: 4px 8px;
	margin: 0 4px;
}

@media all and (min-width: 768px)
{
	.aboutontap_hd
	{
		border-bottom: 1px dashed #FFFFFF;
		display: flex;
		justify-content: flex-start;
	}
	.aboutontap_title
	{
		font-size: 40px;
		border-right: 2px solid #FFFFFF;
		padding-right: 15px;
		margin-right: 15px;
	}
	.aboutontap_bd
	{
		justify-content: flex-end;
	}
	.aboutontap_bd .imgbox
	{
		width: 60px;
		margin: 0 4px 0 20px;
	}
}
@media all and (max-width: 767px)
{
	.aboutontap_title
	{
		font-size: 32px;
		text-align: center;
		border-bottom: 2px solid #FFFFFF;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	.aboutontap_bd
	{
		flex-wrap: wrap;
		max-width: 240px;
		margin: 10px auto;
		justify-content: center;
	}
	.aboutontap_bd .imgbox
	{
		width: 60px;
		margin: 10px auto 0 auto;
	}
	.aboutontap_fn
	{
		width: 100%;
		padding: 8px 0;
		margin: 5px auto;
		text-align: center;
	}
}


.subpage .subtitle
{
	font-size: 28px;
	font-weight: bold;
	line-height: 1.25;
	margin: 20px auto;
	text-align: center;
}
.subpage .subtitle_lead
{
	font-size: 16px;
	margin: 20px auto;
	max-width: 600px;
}
@media all and (max-width: 767px)
{
	.subpage .subtitle
	{
		font-size: 24px;
	}
}
.sect-idx .secthd
{
	border-top: 10px solid #7756e8;
}
.sect-idx .secthd .sectnm
{
	background-color: #7756e8;
}

.sect-aff .secthd
{
	border-top: 10px solid #a963ab;
}
.sect-aff .secthd .sectnm
{
	background-color: #a963ab;
}
.sect-aff .subtitle,
.sect-aff .subtitle_lead
{
	color: #a963ab;
}

.sect-fas .secthd
{
	border-top: 10px solid #3273b9;
}
.sect-fas .secthd .sectnm
{
	background-color: #3273b9;
}
.sect-fas .subtitle,
.sect-fas .subtitle_lead
{
	color: #CC8822;
}

.sect-asa .secthd
{
	border-top: 10px solid #518bff;
}
.sect-asa .secthd .sectnm
{
	background-color: #518bff;
}
.sect-asa .subtitle,
.sect-asa .subtitle_lead
{
	color: #518bff;
}

.sect-lic .secthd
{
	border-top: 10px solid #7c5aff;
}
.sect-lic .secthd .sectnm
{
	background-color: #7c5aff;
}
.sect-lic .subtitle,
.sect-lic .subtitle_lead
{
	color: #7c5aff;
}


.subpage .subsect
{
	padding: 10px 0;
	margin: 10px auto 10px auto;
}
.subsecthd
{
	margin: 20px auto;
	text-align: center;
}
/*
.subsecthd::before,
.subsecthd::after
{
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	background-image: url(../images/ic_subsecthd.png);
	background-position: center;
	background-size: contain;
}
*/
.subsectnm
{
	position: relative;
	top: -4px;
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	color: #D34C3A;
	background: repeating-linear-gradient(180deg, transparent 0%, transparent 75%, #F5F2E8 75%, #F5F2E8 100%);
	padding: 0 10px;
}
.subsectlead
{
	font-size: 14px;
	margin: 20px auto;
	max-width: 600px;
}


.scrollfig_outer
{
	position: relative;
}
.scrollfig
{
	position: relative;
	width: 90%;
	background-color: #FFFFFF;
	border: 2px solid #F0F0F0;

	overflow-x: scroll;
	padding: 10px;
	margin: 0 auto;
	text-align: center;

	-ms-overflow-style: none;
	scrollbar-width: none;
}
.scrollfig::-webkit-scrollbar
{
	display: none;
}
@media all and (max-width: 999px)
{
	.scrollfig_draggable
	{
		width: 1000px;
		cursor: grab;
	}
	.scrollhint
	{
		position: absolute;
		z-index: 100;
		height: 100px;
		bottom: 20px;
		left: 0;
		right: 0;
		background-image: url(../images/scrollhint.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		pointer-events: none;
	}
	.scrollfig_outer:hover .scrollhint
	{
		display: none;
	}

}
@media all and (min-width: 1000px)
{
	.scrollfig
	{
		max-width: 1000px;
		padding: 10px;
	}
	.scrollfig_draggable
	{
		pointer-events: none;
	}
}


.scrollfig_draggable_handle
{
	display: none;


	position: relative;
	width: 90%;
	height: 2px;
	margin: 0 auto;
	background-color: #CCCCCC;
	overflow: hidden;
}
.scrollfig_draggable_handle_u
{
	margin-bottom: 10px;
}
.scrollfig_draggable_handle_d
{
	margin-top: 10px;
}
.scrollfig_draggable_handle_bar
{
	position: relative;
	height: 100%;
	background-color: #666666;
}
@media all and (min-width: 1000px)
{
	.scrollfig_draggable_handle
	{
		display: none;
	}
}



.hintboxes
{
	margin: 0 auto 20px auto;
}
.hintbox
{
	margin: 10px auto 30px auto;
	background-color: #FFFFFF;
	border: 2px solid #ae9783;
	border-radius: 5px;
	overflow: hidden;
	padding: 10px 15px;
	box-sizing: border-box;
	font-size: 14px;
}
.hintbox_inner_flex
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 15px;
}

.hintbox .hinthd
{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
	margin-bottom: 5px;
	color: #604C3F;
}
@media all and (min-width: 768px)
{
	.hintboxes
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.hintboxes .hintbox
	{
		margin: 10px;
		width: calc(50% - 20px);
	}
	.hintboxes .hintbox_fas1
	{
		width: calc(70% - 20px);
	}
	.hintboxes .hintbox_fas2
	{
		width: calc(30% - 20px);
	}
}



.heavyhintbox
{
	margin: 30px auto;
	background-color: #a1d6d3;
	border-radius: 5px;
	overflow: hidden;
	padding: 10px 15px;
	font-size: 14px;
}
.heavyhintbox .hinthd
{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.25;
	margin-bottom: 20px;
	padding-left: 10px;
	color: #604C3F;
	border-left: 8px solid #604C3F;
}
.hinthd_itemhd
{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.25;
	padding-bottom: 5px;
	border-bottom: 1px solid #604C3F;
	color: #604C3F;
	text-align: center;
}
.hinthd_itemhd span
{
	font-size: 14px;
	font-weight: normal;
}
.hintbd_item p
{
	font-size: 13px;
	margin: 20px 0 10px 0;
}
.hintbd_item .imgbox
{
	margin: 10px auto;
	padding: 10px;
	max-width: 320px;
}

.hintbox1
{
	border: 2px solid #3153a2;
}
.hintbox1 .hinthd
{
	color: #3153a2;
	border-bottom: 2px solid #3153a2;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.hintbox2
{
	border: 2px solid #e94e6f;
}
.hintbox2 .hinthd
{
	color: #e94e6f;
	border-bottom: 2px solid #e94e6f;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

.arp
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.arp p
{
	max-width: 400px;
}
.arp .imgbox
{
	max-width: 240px;
	margin: 10px 0;
}

@media all and (min-width: 768px)
{
	.heavyhintbox .hintbd
	{
		display: flex;
		justify-content: space-between;
	}
	.hintbd_item
	{
		width: 32%;
	}
	.hintbd_item_dbl
	{
		width: 66%;
	}
	.hinthd_itemhd
	{
		min-height: 60px;
	}
}
@media all and (min-width: 1000px)
{
	.hinthd_itemhd_mdbr
	{
		display: none;
	}
	.hinthd_itemhd
	{
		min-height: initial;
	}
}
@media all and (max-width: 767px)
{
	.hintbd_item
	{
		margin: 30px auto;
	}
	.arp p
	{
		max-width: initial;
	}
	.arp .imgbox
	{
		margin: 10px auto;
	}
}



.spectable
{
	margin: 20px auto;
}
.spectable th
{
	padding: 4px 8px;
	border: 1px solid #222222;
	background-color: #DBDCDC;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.25;
	vertical-align: middle;
}
.spectable td
{
	padding: 4px 8px;
	border: 1px solid #222222;
	background-color: #FFFFFF;
	font-size: 12px;
	line-height: 1.25;
	vertical-align: top;
	text-align: left;
}
.spectable td.specgrp
{
	font-size: 13px;
	font-weight: normal;
	background-color: #EEDD99;
}
.spectable td.mark
{
	text-align: center;
	vertical-align: middle;
}
.spectable tr:hover th,
.spectable tr:hover td
{
	background-color: #F0F0F0;
}
@media all and (max-width: 639px)
{
	.spectable th
	{
		font-size: 11px;
		padding: 2px;
		max-width: 150px;
	}
	.spectable td
	{
		font-size: 11px;
		padding: 2px 4px;
		max-width: 150px;
	}
	.spectable th.mark,
	.spectable td.mark
	{
		max-width: 50px;
	}
}












.btBlock {
	text-align:center;
	padding: 50px 0;
	clear:both;
}
.btBlock #btn_caution {
	font-size: 12px;
	line-height: 1.25;
	color: #666666;
	margin: 10px auto;
	max-width: 80%;
}
.btBlock .formBt {
	display: inline-block;
	font-weight: bold;
	border-radius: 30px;
	overflow: hidden;
	margin: 10px;

	background-color: #4b51a0;
	color: #FFFFFF;
}
.btBlock .formBt:hover {
	opacity: 0.8;
	cursor: pointer;
}
.btBlock .formBt a {
	display: inline-block;
	padding: 20px 30px;
	line-height: 1;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 1px;

	min-width: 210px;
}

.company {
	margin: 0 auto;
	line-height: 1.5;
	max-width: 730px;
	padding: 0 10px;
}
.company h2 {
	padding: 8px 10px;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 15px;
	color: #000;
	border: 1px solid #CCCCCC;
	border-radius: 4px;

	/*For Old WebKit*/
	background: -webkit-linear-gradient( top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100% );
	/*For Modern Browser*/
	background: linear-gradient( to bottom, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100% );
}
.company h2 span {
	border-left: 4px solid #CC0000;
	padding: 4px 8px;
	display: inline-block;
	line-height: 1;
}
.company table {
	border-left: #CCC solid 1px;
	border-top: #CCC solid 1px;
	font-size: 12px;
}
.company th {
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	padding: 6px 10px;
	width: 20%;
	white-space: nowrap;
	background-color: #F3F4F1;
}
.company td {
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	padding: 6px 10px;
}


.nwlinks
{
	margin: 20px auto;
	text-align: center;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	padding: 5px 0;
}
.nwlinks ul
{
	text-align: center;
	font-size: 0;
}
.nwlinks li
{
	list-style: none;
	color: #999999;
	font-size: 14px;
	line-height: 1;
	margin: 0;
}
.nwlinks li a
{
	display: inline-block;
	padding: 10px;
	text-decoration: none;
	color: #999999;
}
.nwlinks li a:hover
{
	color: #3366CC;
	text-decoration: underline;
}
@media all and (min-width: 768px)
{
	.nwlinks li
	{
		display: inline-block;
	}
	.nwlinks li:not(:last-of-type)::after
	{
	    content: "｜";
	    margin: 0 5px;
	}
}



#footer {
	text-align: center;
	padding: 40px 0 60px;
	font-size: 11px;
	color: #999;
}




.clear {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	margin: 0px;
}

@media all and (max-width: 1599px)
{
	.lgonly
	{
		display: none;
	}
}
@media all and (min-width: 1600px)
{
	.mdonly
	{
		display: none;
	}
}

@media all and (max-width: 767px)
{
	.lgonly,
	.mdonly,
	.pconly
	{
		display: none;
	}
}
@media all and (min-width: 768px)
{
	.mbonly
	{
		display: none;
	}
}

@media all and (max-width: 599px)
{
	.pconly600
	{
		display: none;
	}
}
@media all and (min-width: 600px)
{
	.mbonly600
	{
		display: none;
	}
}