@charset "UTF-8";

/* !HTML5 elements ---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting ---------------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, Meiryo, メイリオ,　sans-serif;
	font-size: 13px; /* 11px; */
	-webkit-text-size-adjust: none;
	line-height: 1.8;
	color: #000;
	word-wrap: break-word;
}
body.frameInner { background-color: transparent;}
/* ie7 */ *:first-child+html body { font-size: 82%; /* 69%; */}
/* ie6Below */ * html body { font-size:82%; /* font-size: 69%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 82%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: middle;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module ------------------------------------------------------------ */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

input,
textarea,
select {
    font-size: 16px;
}

/* !Clearfix ---------------------------------------------------------------- */
.clearfix,
#contents,
#header,
.inner,
#gNavi01 ul,
.listType01,
.naviType02
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
#header:after,
.inner:after,
#gNavi01 ul:after,
.listType01:after,
.naviType02:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html #header,
* html .inner,
* html #gNavi01 ul,
* html .listType01,
* html .naviType02
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !Layout ------------------------------------------------------------------ */
html { overflow-y: scroll;}
body { /*text-align: center; background: #fff; overflow-x: hidden;*/}

/* !Define mobile styles
---------------------------------------------------------- */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
}

/* !Wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}

/* !Header
---------------------------------------------------------- */
#header {
	width: 100%;
	height: 50px;
	padding: 5px 0;
	background: #fff;
	position: fixed;
	top: 0;
	z-index: 10000;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	border-top: #F5B964 solid 3px;
}
	#headerLogo {
		float: left;
		margin: 2px 10px;
	}
		#headerLogo img { height: 30px;}
	#gNavi01 { float: right;}
		#gNavi01 ul li { float: left;}
		.nav_support {}
			.nav_support a {
				display: block;
				color: #444 !important;
				border: #ccc solid 1px;
				letter-spacing: .05em;
				padding: 0 14px 0 30px;
				text-align: center;
				font-size: 77%;
				height: 30px;
				border-radius: 30px;
				line-height: 28px;
				margin: 3px 5px;
				background: #fff url(../img/ico_tel01.png) 15px center no-repeat;
				background-size: 10px;
			}
			.nav_support a:hover,
			.nav_support a:active,
			.nav_support a:focus { color: #444;}
				.nav_support span { display: none;}
.tel01 {}
.notice01 {
	font-weight: normal;
	font-size: 50%;
	letter-spacing: 0;
}
		.nav_button { display: none;}

/* !Contents
---------------------------------------------------------- */
#contents {
	text-align: left;
	padding: 50px 0 20px;
}
.inner {
	margin: 0 auto;
	width: 87.5vw;
	max-width: 980px;
}
.intro {
	background: url(../img/img_main.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	text-align: center;
	padding: 100px 20px 40px;
}

	#mainTitle {
		-webkit-text-shadow: 0px 0px 8px #000;
		-moz-text-shadow: 0px 0px 8px #000;
		text-shadow: 0 0 8px #000;
		font-weight: bold;
		font-size: 185%;
		line-height: 1.2;
		margin: 0 0 10px;
		color: #FFF;
	}
	.subCopy01 {
		-webkit-text-shadow: 0px 0px 8px #000;
		-moz-text-shadow: 0px 0px 8px #000;
		text-shadow: 0 0 8px #000;
		margin: 0 0 20px;
		letter-spacing: .05em;
		line-height: 1.4;
		color: #FFF;
	}
	.main_support {
		display: block;
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
		background: #fff;
		border: #FF911E solid 2px;
		padding: 15px 5px;
	}
		.main_support dl { font-weight: bold; line-height: 1.2;}
			.main_support dt {
				font-size: 108%;
				margin: 0 0 10px;
			}
			.main_support dd {
				font-size: 131%;
				letter-spacing: .05em;
			}
.tel02 {
	background: url(../img/ico_tel02.png) 0 center no-repeat;
	background-size: 15px;
	padding: 2px 0 2px 18px;
}

.sectionPR {
	background: #F5B964;
	padding: 20px 0;
}
	.subTitle01 {
		text-align: center;
		font-weight: bold;
		font-size: 124%;
		line-height: 1.4;
	}
	.sectionPR .subTitle01 { padding: 20px 0 0;}
	.imgType01 {
		margin: 20px auto 10px;
		width: 250px;
	}
	.aboutus {}
		.subTitle02 {
			color: #FFF;
			font-weight: bold;
			letter-spacing: .1em;
			text-align: center;
			position: relative;
			margin: 0 0 20px;
		}
		.subTitle02::after {
			width: 15%;
			height: 3px;
			background: #FFF;
			content: '';
			display: block;
			position: absolute;
			top: 25px;
			left: 42.5%;
		}
		.aboutus dl {}
			.aboutus dt {
				text-align: center;
				font-weight: bold;
				letter-spacing: .05em;
				padding: 0 0 0 .05em;
				line-height: 1.4;
				font-size: 108%;
				margin: 0 0 10px;
			}
			.aboutus dd { font-size: 93%;}

.sectionPoint {
	background: url(../img/bg01.png) 0 0 repeat;
	background-size: 10px;
	padding: 20px 0 40px;
}
.fc_orange { color: #FF911E;}
.fc_pink { color: #FF4164;}
	.fc_orange b { font-size: 124%;}
	.subCopy02 {
		text-align: center;
		letter-spacing: .1em;
		padding: 0 0 0 .1em;
		margin: 5px auto;
	}
		.subCopy02 span {
			position: relative;
			padding: 4px 15px;
		}
		.subCopy02 span::before {
			width: 2px;
			height: 20px;
			background: #000;
			content: '';
			display: block;
			position: absolute;
			-webkit-transform: rotate(-30deg);
			-ms-transform: rotate(-30deg);
			transform: rotate(-30deg);
			top: 0;
			left: 0;
		}
		.subCopy02 span::after {
			width: 2px;
			height: 20px;
			background: #000;
			content: '';
			display: block;
			position: absolute;
			transform: rotate(30deg);
			-webkit-transform: rotate(30deg);
			-ms-transform: rotate(30deg);
			transform: rotate(30deg);
			top: 0;
			right: 0;
		}
	.listType01 { margin: 20px 0 0;}
		.listType01 li {
			background: #fff;
			box-shadow: 0 0 5px rgba(0,0,0,0.2);
			-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
			border-radius: 10px;
			margin: 0 0 30px;
		}
			.imgType02 {
				padding: 20px 0;
				width: 60%;
				max-width: 300px;
				margin: auto;
			}
			.listType01 dl { padding: 0 0 5%;}
				.listType01 dt {
					text-align: center;
					font-weight: bold;
					line-height: 1.4;
					letter-spacing: .1em;
					font-size: 124%;
					margin: 0 0 20px;
				}
				.listType01 dd {
					background: #08c;
					border-radius: 0 0 10px 10px;
					color: #fff;
					padding: 20px;
				}
					.listType01 dd b { font-size: 108%; color: #F1E15B;}
					.listType01 dd b.strog {
						font-size: 124%;
						border-bottom: solid 1px;
					}

.listType01 li a span {
	margin: 6% 0 0;
	padding: 8px 16px;
	line-height: 3.0;
	border: solid 1px #000;
	border-radius: 30px;
	background: #FFF;
}
.listType01 li a:hover span {
	color: #FFF;
	border: solid 1px #FF911E;
	background: #FF911E;
}

.contact {
	background: #444;
	color: #fff;
	text-align: center;
	padding: 30px 0;
}
	.subCopy03 {
		letter-spacing: .1em;
		padding: 0 0 0 .1em;
		margin: 15px 0;
		font-size: 93%;
	}
	.contact .main_support {
		box-shadow: 0 0 5px rgba(255,255,255,0.2);
		-moz-box-shadow: 0 0 5px rgba(255,255,255,0.2);
		-webkit-box-shadow: 0 0 5px rgba(255,255,255,0.2);
		background: #FF911E;
		border: none;
		color: #000;
	}
.contact .tel02 {
	background: url(../img/ico_tel01.png) 0 center no-repeat;
	background-size: 15px;
}

.sectionTrait { padding: 30px 0;}
	.listType02 {}
		.listType02 li { margin: 20px 0 30px;}
			.listType02 dl { color: #444;}
				.listType02 dt {
					border-bottom: #ccc solid 1px;
					text-align: center;
					font-weight: bold;
					letter-spacing: .1em;
					padding: 0 0 0 .1em;
					margin: 0 0 15px;
					font-size: 108%;
				}
				.listType02 dd {}
			.imgType03 {
				margin: 15px auto;
				width: 90%;
				max-width: 360px;
			}
			.media { margin: 15px auto;}
				.movieArea {
					position: relative;
					padding-bottom: 56.25%;
					width: 100%;
					height: 0;
					overflow: hidden;
				}
					.movieArea iframe {
						position: absolute;
						top: 0;
						left: 0;
						width: 100% !important;
						height: 100% !important;
					}
.information {
	border-top: solid 1px;
	position: relative;
	text-align: center;
	margin: 50px 0 0;
	padding: 20px 0 0;
}
.information::before {
	top: 0;
	left: calc(50% - 5px);
	width: 10px;
	height: 10px;
	border-bottom: solid 1px;
	border-right: solid 1px;
	background: #fff;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	content: '';
	display: block;
	position: absolute;
}
	.information p { margin: 5px 0;}
	.subCopy04 {
		letter-spacing: .1em;
		padding: 0 0 0 .1em;
		font-weight: bold;
		font-size: 108%;
	}
		.subCopy04 span {
			border-bottom: #F0E15A solid 3px;
			padding: 0 0 5px;
		}

.sectionVoice {
	background: url(../img/img_base01.jpg) 0 center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	padding: 30px 0;
}
	.sectionVoice .subCopy03 { text-align: center;}
	.listType03 {}
		.listType03 li {
			background: #fff;
			box-shadow: 0 0 5px rgba(0,0,0,0.2);
			-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
			border-radius: 10px;
			margin: 0 0 30px;
			padding: 15px;
		}
			.listType03 dl {}
				.listType03 dt { margin: 0 0 10px}
					.listType03 dt span {
						letter-spacing: .1em;
						margin: 0 5px 0 0;
						line-height: 1.2;
						font-size: 85%;
					}
					.labelType01 {
						background: #08c;
						color: #fff;
						padding: 5px 8px;
					}
					.labelType02 {
						color: #08c;
						border: solid 1px;
						padding: 4px 8px;
					}


.btnType01 {
	display: block;
	background: #FF911E;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	letter-spacing: .05em;
	padding: 0 15px;
	text-align: center;
	height: 30px;
	border-radius: 30px;
	line-height: 30px;
}
.btnType02 {
	display: block;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	letter-spacing: .05em;
	text-align: center;
	padding: 0 15px;
	width: 80%;
	height: 40px;
	border-radius: 40px;
	line-height: 40px;
	margin: 20px auto;
}
.btnType03 {
	display: inline-block;
	position: relative;
	letter-spacing: 1px;
	padding: 5px 0 5px 30px;
	margin: 10px 0 0;
	font-weight: bold;
}
.btnType03.typeG { margin: 0;}
.btnType03::before {
	left: 0;
	width: 20px;
	height: 1px;
	background-color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	content: '';
	display: block;
	position: absolute;
	top: 50%;
}
.btnType03.typeG::before { background-color: #08c;}
.btnType03::after {
	left: 12px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	content: '';
	display: block;
	position: absolute;
	top: 50%;
}
.btnType03.typeG::after { border-top: 1px solid #08c; border-right: 1px solid #08c;}



.btnLink a { color: #fff;}
a.btnType04 {
	display: block;
	background: #FF911E;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	letter-spacing: .05em;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	width: 90%;
	border-radius: 30px;
	/*font-size: 116%;*/
}

a.btnType01,
a.btnType01:hover,
a.btnType01:active,
a.btnType01:focus,
a.btnType03,
a.btnType03:hover,
a.btnType03:active,
a.btnType03:focus
a.btnType04,
a.btnType04:hover,
a.btnType04:active,
a.btnType04:focus{ color: #fff !important;}
a.btnType03.typeG,
a.btnType03.typeG:hover,
a.btnType03.typeG:active,
a.btnType03.typeG:focus{ color: #08c !important;}




.listType04 { margin: 6% 0 0;}
.listType04 li {
	text-align: center;
}
.graphTtl {
	margin: 0 auto 4%;
	padding: 2%;
	font-size: 100%;
	line-height: 1.6;
	text-align: center;
	color: #FFF;
	background: #777;
	display: block;
}
.listType04 dl { margin: 2% 0 0;}
.listType04 dt {
	font-size: 100%;
	text-align: left;
}
.listType04 dd {
	width: 100%;
	margin: 10px auto 0;
}
.listType04 li:first-child { margin: 5% auto 15%;}
.listType04 li:first-child dd img { width: 100%;}	
.listType04 li:last-child dd img { width: 100%;}


.btnLink a { color: #fff;}
.txtType01 {
	margin: 2em 0 2em 6em;
	padding: 0;
	font-size: 90%;
	text-indent: -6em;
	text-align: left;
	color: #666;
}

.dnSP { display: none;}
.dnPC {}

/* !footer
---------------------------------------------------------- */
#footer {
	width: 100%;
	margin: 0 auto;
}
	.pageTop01 {
		text-align: center;
		margin: 0 0 20px;
		font-size: 85%;
	}
		.arrow {
			display: block;
			width: 15px;
			height: 15px;
			margin: 0 auto 3px;
			background-color: transparent;
			border-top: 2px solid #FF911E;
			border-left: 2px solid #FF911E;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
		}
	.pageTop02 { display: none;}

	.naviType01 {
		background: #ddd;
		padding: 15px;
		font-size: 93%;
		text-align: center;
	}
		.naviType01 ul {}
			.naviType01 li {
				display: inline-block;
				margin: 5px 8px;
				font-size: 93%;
			}
				.naviType01 li a,
				.naviType01 li a:hover,
				.naviType01 li a:active,
				.naviType01 li a:focus { color: #444;}
				.naviType01 li span {
					letter-spacing: 5px;
					margin: 0 -5px 0 0;
				}
		.socialType01 { margin: 30px auto;}
			.socialType01 li {
				height: 24px;
				margin: 0 8px;
				display: inline-block;
			}
				.socialType01 li img { height: 24px;}
	.naviType02 {
		padding: 15px;
		text-align: center;
		font-size: 70%;
		line-height: 1.4;
	}
		.copyright { opacity: .6;}
			.copyright p { margin: 5px 0;}
		.footerLogo {
			width: 80px;
			margin: 10px auto;
		}

.dnPC02 { display: inline; line-height: 1.6;}

/* !Medium screens
---------------------------------------------------------- */
@media only print, screen and (min-width: 768px) {

a[href^="tel:"] { pointer-events: none;}

/* !wrapper
---------------------------------------------------------- */
#wrapper {}

/* !header
---------------------------------------------------------- */
#header {
	height: 60px;
	padding: 10px 0;
	border-top: #F5B964 solid 4px;
}
	#headerLogo { margin: 5px 0 0 15px;}
		#headerLogo img { height: 32px;}
		.nav_support { font-size: 85%; margin: 0 10px;}
			.nav_support a { display: none;}
				.nav_support span {
					display: inline-block;
					margin: 8px 0 0 5px;
				}
.tel01 {
	background: url(../img/ico_tel01.png) 0 center no-repeat;
	background-size: 10px;
	padding: 0 0 0 12px;
	font-size: 116%;
}
		.nav_button {
			display: inline-block;
			font-size: 85%;
			margin: 3px 10px 3px 3px;
		}

/* !contents
---------------------------------------------------------- */
#contents { padding: 60px 0 30px;}
.intro {
	background: url(../img/img_main.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	text-align: center;
	padding: 50px 20px;
}
.intro { padding: 100px 0 80px;}
	#mainTitle {
		font-size: 231%;
		margin: 0 0 30px;
	}
	.subCopy01 {
		margin: 0 0 20px;
		font-size: 116%;
	}
	.main_support {
		border: #FF911E solid 3px;
		padding: 20px;
		width: 60%;
		margin: auto;
	}
		.main_support dl {}
			.main_support dt { font-size: 116%;}
			.main_support dd { font-size: 170%;}
.tel02 {
	background-size: 20px;
	padding: 2px 0 2px 25px;
}

.sectionPR { padding: 40px 0;}
	.subTitle01 { font-size: 170%;}
	.sectionPR .subTitle01 { padding: 20px 0 0;}
	.imgType01 {
		margin: 40px auto 10px;
		width: 400px;
	}
	.aboutus {}
		.subTitle02 {
			margin: 0 0 30px;
			font-size: 124%;
		}
		.subTitle02::after {
			width: 10%;
			height: 4px;
			top: 30px;
			left: 45%;
		}
		.aboutus dl {}
			.aboutus dt {
				font-size: 139%;
				margin: 0 0 15px;
			}
			.aboutus dd {
				font-size: 100%;
				text-align: center;
			}

.sectionPoint { padding: 40px 0;}
	.subCopy02 { font-size: 131%;}
		.subCopy02 span { padding: 4px 20px;}
		.subCopy02 span::before,
		.subCopy02 span::after { height: 25px;}
	.listType01 { margin: 40px 0 0;}
		.listType01 li {
			margin: 0 2% 0 0;
			width: 30%;
			display: inline-table;
		}
	.sectionVoice li { height: 290px;}
	.listType01 dl {}
				.listType01 dt {
					font-size: 126%;
					margin: 0 0 30px;
				}
				.listType01 dd { height: 180px;}

.contact { padding: 40px 0;}
	.subCopy03 {
		margin: 20px 0;
		font-size: 116%;
	}
	.contact .tel02 {  background-size: 20px;}

.sectionTrait { padding: 40px 0;}
		.listType02 li {
			margin: 40px 0;
			position: relative;
			min-height: 140px;
		}
				.listType02 dt {
					text-align: left;
					font-size: 131%;
				}
				.listType02 dd { width: 60%;}
			.imgType03 {
				margin: 0;
				width: 36%;
				position: absolute;
				top: 0;
				right: 0;
			}
.information { padding: 30px 0 0;}
.information::before {
	left: calc(50% - 11px);
	width: 20px;
	height: 20px;
}
	.subCopy04 { font-size: 124%;}
		.subCopy04 span {
			border-bottom: #F0E15A solid 4px;
			padding: 0 0 8px;
		}

.sectionVoice { padding: 40px 0;}
	.listType03 {}
		.listType03 li { padding: 30px;}
			.listType03 dl {
				padding: 0 0 0 80px;
				min-height: 70px;
			}
			.person01 {
				background: url(../img/ico_person01.png) 0 center no-repeat;
				background-size: 60px;
			}
			.person02 {
				background: url(../img/ico_person02.png) 0 center no-repeat;
				background-size: 60px;
			}
			.person03 {
				background: url(../img/ico_person03.png) 0 center no-repeat;
				background-size: 60px;
			}
			.person04 {
				background: url(../img/ico_person04.png) 0 center no-repeat;
				background-size: 60px;
			}
					.listType03 dt span { font-size: 93%;}

		
.btnType01 {}
.btnType02 { height: 50px; line-height: 50px; width: 40%;}

.btnLink a { color: #fff;}
a.btnType04 {
	display: block;
	background: #FF911E;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	letter-spacing: .05em;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
	width: 40%;
	border-radius: 30px;
}
	
	
.listType04 { margin: 6% 0 0;}
.listType04 li {
	margin: 10% 0;
	text-align: center;
}
.graphTtl {
	margin: 0 auto;
	padding: 1% 8%;
	font-size: 126%;
	color: #FFF;
	background: #333;
	display: inline-block;
}
.listType04 dl { margin: 2% 0 0;}
.listType04 dt {
	font-size: 140%;
	text-align: center;
}
.listType04 dd {
	width: 80%;
	margin: 10px auto 0;
}

.listType04 li:first-child dd img { width: 100%;}	
.listType04 li:last-child dd img { width: 85%;}	
	

.txtType01 {
	margin: 2em 0 0 6em;
	padding: 0 10%;
	text-indent: -6em;
	text-align: left;
	color: #666;
}


.dnSP { display: inline;}
.dnPC { display: none;}
.dnPC02 { display: inline;}

/* !footer
---------------------------------------------------------- */
#footer {}

}



/* !Large screens
---------------------------------------------------------- */
@media only print, screen and (min-width: 1024px) {

input,
textarea,
select {
    font-size: 14px;
}

/* !Wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}

/* !Header
---------------------------------------------------------- */
#header {
	height: 80px;
	padding: 10px 0;
}
	#headerLogo { margin: 0 20px;}
		#headerLogo img { height: 50px;}
		.nav_support {
			font-size: 93%;
			font-weight: bold;
		}
				.nav_support span {
					margin: 15px 0 0 5px;
				}
.tel01 {
	background-size: 15px;
	padding: 0 0 0 20px;
	font-size: 131%;
}
		.nav_button {
			font-size: 85%;
			margin: 8px 15px 8px 5px/*8px 15px*/;
		}

/* !Contents
---------------------------------------------------------- */
#contents { padding: 80px 0 0;}
.intro {
	background: url(../img/img_main.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	text-align: center;
	padding: 50px 20px;
}
.intro { padding: 150px 0 110px;}
	#mainTitle { font-size: 308%;}
	.subCopy01 {
		margin: 0 0 30px;
		font-size: 139%;
	}
	.main_support { width: 640px;}
			.main_support dt { font-size: 147%;}
			.main_support dd { font-size: 200%;}

.sectionPR { padding: 50px 0;}
	.subTitle01 { font-size: 231%;}
		.subTitle02 {
			margin: 0 0 40px;
			font-size: 154%;
		}
		.subTitle02::after {
			height: 6px;
			top: 45px;
		}
			.aboutus dt {
				font-size: 154%;
				margin: 0 0 20px;
			}
			.aboutus dd { font-size: 116%;}

.sectionPoint { padding: 50px 0;}
	.subCopy02 { font-size: 170%;}
		.subCopy02 span { padding: 5px 30px;}
		.subCopy02 span::before,
		.subCopy02 span::after { width: 3px; height: 30px;}
	.listType01 { margin: 50px 0 0;}
		.listType01 li {
			margin: 0 2% 40px 0;
			width: 28%;
			display: inline-table;
		}

.sectionTrait { padding: 60px 0;}
		.listType02 li {
			margin: 50px 0;
			min-height: 180px;
		}
				.listType02 dt { font-size: 170%;}
				.listType02 dd { font-size: 108%; letter-spacing: .05em;}
	.listType01 dd { height: 150px;}
.information {
	margin: 40px 0 0;
	padding: 40px 0 0;
}
	.subCopy04 { font-size: 154%;}
		.subCopy04 span {
			border-bottom: #F0E15A solid 5px;
			padding: 0 0 10px;
		}

.sectionVoice { padding: 60px 0;}
	.listType03 { margin: 30px 0 0;}
					.listType03 dd { font-size: 108%;}

.btnType01 {
	height: 40px;
	line-height: 40px;
	font-size: 108%;
	padding: 0 20px;
}
.btnType02 {
	height: 60px;
	line-height: 60px;
	width: 300px;
	font-size: 116%;
	padding: 0 20px;
	font-weight: bold;
}
.btnType02::before { right: 30px;}
.btnType02::after { right: 30px;}

.btnLink a { color: #fff;}
a.btnType04 {
	display: block;
	background: #FF911E;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	letter-spacing: .05em;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
	width: 35%;
	border-radius: 30px;
	color: #FFF;
	font-size: 120%;
}	
	
/* !Footer
---------------------------------------------------------- */
#footer {}
	.pageTop01 { display: none;}
	.pageTop02 {
		display: block;
		position: fixed;
		bottom: 60px;
		right: 30px;
		z-index: 9999;
	}
		.pageTop02 a { 
			display: block;
			width: 60px;
			height: 60px;
			border-radius: 60px;
			/*background-color: #000;*/
			filter: alpha(opacity=80);
			-moz-opacity: 0.8;
			-khtml-opacity: 0.8;
			background-color: rgba(0,0,0,0.8);
			position: relative;
		}
		.pageTop02 a::after {
			content: "";
			display: block;
			width: 16px;
			height: 16px;
			background-color: transparent;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			position: absolute;
			top: 24px;
			left: 22px;
		}
		.pageTop02 a:hover {
			filter: alpha(opacity=80);
			-moz-opacity: 0.8;
			-khtml-opacity: 0.8;
			background-color: rgba(0,0,0,0.8);
		}

	.naviType01 { padding: 40px 5%;}
		.naviType01 ul {}
			.naviType01 li {
				margin: 10px 15px;
				font-size: 108%;
			}
		.socialType01 { margin: 30px auto 50px;}
			.socialType01 li {
				height: 30px;
				margin: 0 10px;
			}
				.socialType01 li img { height: 30px;}
	.naviType02 {
		padding: 30px 5%;
		font-size: 85%;
	}
		.footerLogo {
			width: 100px;
			margin: 0 auto 20px;
		}
	.dnPC02 { display: none;}
}



@media only print, screen and (min-width: 1025px) {

a {
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
a:hover,
a:active,
a:focus {
	color: #333;
	text-decoration: none;
	filter: alpha(opacity=60);
	-moz-filter: "alpha(opacity=60)";
	-webkit-filter: "alpha(opacity=60)";
	opacity: 0.6;
}

}



/* !XLarge screens
---------------------------------------------------------- */
@media only print, screen and (min-width: 1280px) {

/* !Header
---------------------------------------------------------- */
#header {
	height: 100px;
	padding: 20px 0;
}
		.nav_support { font-size: 108%;}
				.nav_support span { margin: 10px 0 0 5px;}
				.nav_support span.tel01 { margin: 10px 0 0 10px;}
.tel01 {
	padding: 0 0 0 20px;
	font-size: 131%;
}
		.nav_button {
			font-size: 85%;
			margin: 8px 15px;
		}

/* !Contents
---------------------------------------------------------- */
#contents { padding: 100px 0 0;}

.intro { padding: 200px 0;}
	#mainTitle { font-size: 400%;}
			.main_support dt { font-size: 170%;}
			.main_support dd { font-size: 231%;}
.tel02 {
	background-size: 25px;
	padding: 4px 0 4px 30px;
}

.sectionPR { padding: 60px 0;}
	.subTitle01 { font-size: 270%;}
			.aboutus dt { font-size: 185%;}

.sectionPoint { padding: 80px 0;}
	.subCopy02 { font-size: 200%;}
		.subCopy02 span { padding: 5px 35px;}
		.subCopy02 span::before,
		.subCopy02 span::after { width: 3px; height: 35px;}
	.listType01 { margin: 60px 0 0;}
		.listType01 li {
			margin: 0 3% 40px 0;
			width: 30%;
		}

.contact { padding: 80px 0;}
	.subCopy03 { font-size: 139%;}
	.contact .main_support {
		width: 100%;
		padding: 30px 0;
	}
			.contact .main_support dt,
			.contact .main_support dd {
				display: inline;
				padding: 0 10px;
			}
	.contact .tel02 { background-size: 25px;}

.sectionTrait { padding: 80px 0;}
		.listType02 li {
			margin: 60px 0;
			min-height: 190px;
		}
				.listType02 dt { font-size: 200%;}
				.listType02 dd { font-size: 116%; letter-spacing: .05em;}
.information {
	margin: 60px 0 0;
	padding: 60px 0 0;
}
.information::before {
	left: calc(50% - 11px);
	width: 30px;
	height: 30px;
}
	.subCopy04 { font-size: 170%;}

.sectionVoice {
	background: url(../img/img_base01.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	padding: 80px 0;
}
	.listType03 { margin: 50px 0 0;}
		.listType03 li { padding: 40px;}
			.listType03 dl { padding: 0 0 0 95px;}
					.listType03 dd { font-size: 116%;}
						.listType03 dt span { font-size: 100%;}

	
/* !Footer
---------------------------------------------------------- */
		.copyright {
			float: left;
			text-align: left;
		}
		.footerLogo {
			margin: 0 auto;
			float: right;
		}

}



/* !XXLarge screens
---------------------------------------------------------- */
@media only print, screen and (min-width: 1440px) {

.intro { padding: 250px 0;}

}



/* 左上の企業名 - テキストVer. - */
.LogoTitle {
	padding: 0.5% 0 0;
	font-size: 116%;
	font-weight: bold;
}
@media only print, screen and (min-width: 768px) {
.LogoTitle {
	padding: 0;
	font-size: 110%;
	font-weight: bold;
}
}
@media only print, screen and (min-width: 1024px) {
.LogoTitle {
	padding: 0.5% 0 0;
	font-size: 200%;
	font-weight: bold;
}
}
@media only print, screen and (min-width: 1280px) {
.LogoTitle {
	padding: 0;
	font-size: 220%;
	font-weight: bold;
}
}



/* 右上のリンクボタンのテキスト表示・非表示 */
@media only print, screen and (max-width: 768px) {
.dnSP02 { display: none;}
}
@media only print, screen and (max-width: 1024px) {
.dnSP02 { display: none;}
}
@media only print, screen and (max-width: 1280px) {
.dnSP02 { display: none;}
}













/* Kyujin Page */
.intro_kyujin {
	background: url(../img/img_kyujin.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	text-align: center;
	padding: 30px 20px;
}
	#kyujinTtl {
		font-size: 180%;
		font-weight: bold;
		margin: 0;
		line-height: 1.2;
		position: relative;
		display: block;
		margin-bottom: 0;
	}
.subCopy05 {
	text-align: center;
	font-size: 100%;
}
.subTitle03 {
	margin: 0 0 40px;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	color: #FF911E;
	position: relative;
}
	.subTitle03:before {
		content: '';
		position: absolute;
		bottom: -10px;
		display: inline-block;
		width: 30px;
		height: 4px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #FF911E;
		border-radius: 2px;
	}

.sectionList { padding: 40px 0;}
.sectionList ul { margin: 0;}
.sectionList li {
	width: 100%;
	padding: 0;
	vertical-align: top;
	display: block;
}
.sectionList li:first-child { margin: 0 auto 10%;}
.sectionList li:last-child { margin: 0 auto 5%;}
.sectionList li h3 {
	font-size: 130%;
	font-weight: bold;
	text-align: center;
}
.sectionList li p { text-align: center;}
.adSize p {
	font-size: 116%;
	line-height: 2.2;
	text-align: center;
}
.sectionList .itemType01 {
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	font-size: 100%;
	border-top: solid 1px #888;
	border-bottom: solid 1px #888;
}
.itemType01 {
	width: 100%;
	margin: 0 auto;
}
.itemType01 tr { border-bottom: solid 1px #888;}
.itemType01 th {
	width: 32%;
	padding: 8px 6px;
	font-size: 100%;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	background-color: #DDD;
}
.itemType01 td {
	padding: 8px 0 8px 10px;
	font-size: 100%;
	line-height: 1.5;
}
.itemType01 .point th { color: #F0000F; background-color: #FAD7D2;}
.itemType01 .point td { color: #F0000F;}

.sectionDL {
	background: #FDC;
	background-size: 10px;
	padding: 20px 0 40px;
}
.Special-Event {
	margin: 3% auto 5%;
	padding: 1% 5%;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #FF4164;
	border-radius: 8px;
	display: table;
}

.Limited { width: 100%; margin: 3% auto 0;}
.Limited-planning {
	margin: 0 auto;
	font-size: 100%;
	text-align: left;
}
.Limited-planning dt { float: left; clear: left;}
.Limited-planning dd { margin: 0 0 0 4%;}

@media only print, screen and (min-width: 768px) {
.intro_kyujin {
	background: url(../img/img_kyujin.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	text-align: center;
	padding: 70px 20px;
}
	#kyujinTtl { font-size: 308%;}
	#kyujinTtl span {
		line-height: 1.4;
		display: block;
	}
.subCopy05 {
	text-align: center;
	font-size: 140%;
}
.subTitle03 {
	margin: 0 0 40px;
	text-align: center;
	font-size: 220%;
	font-weight: bold;
	color: #FF911E;
	position: relative;
}
	.subTitle03:before {
		content: '';
		position: absolute;
		bottom: -15px;
		display: inline-block;
		width: 60px;
		height: 5px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #FF911E;
		border-radius: 2px;
	}
	
.sectionList { padding: 40px 0;}
.sectionList ul { margin: 0;}
.sectionList li {
	width: 48%;
	margin: 0 auto;
	padding: 0 2%;
	vertical-align: top;
	display: inline-table;
}
.sectionList li:first-child { margin: 0 auto;}
.sectionList li:last-child { margin: 0 auto;}
	
.sectionList li h3 {
	font-size: 180%;
	font-weight: bold;
	text-align: center;
}
.sectionList li p { text-align: center;}
.adSize p {
	font-size: 136%;
	line-height: 1.8;
	text-align: center;
}
.sectionList .itemType01 {
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	font-size: 100%;
	border-top: solid 1px #888;
	border-bottom: solid 1px #888;
}
.itemType01 {
	width: 100%;
	margin: 0 auto;
}
.itemType01 tr { border-bottom: solid 1px #888;}
.itemType01 th {
	width: 32%;
	padding: 8px 6px;
	font-size: 120%;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	background-color: #DDD;
}
.itemType01 td {
	padding: 8px 0 8px 10px;
	font-size: 120%;
	line-height: 1.5;
}
.itemType01 .point th { color: #F0000F; background-color: #FAD7D2;}
.itemType01 .point td { color: #F0000F;}

.Special-Event {
	margin: 3% auto 2%;
	padding: 8px 3%;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #FF4164;
	border-radius: 8px;
	display: table;
}
.sectionDL { padding: 40px 0;}
	.Limited { width: 65%; margin: 5% auto 0;}
	.Limited-planning { font-size: 140%;}
}

/* !Large screens
---------------------------------------------------------- */
@media only print, screen and (min-width: 1024px) {
.intro_kyujin {
	background: url(../img/img_kyujin.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	text-align: center;
	padding: 70px 20px;
}
	#kyujinTtl { font-size: 308%;}
	#kyujinTtl span {
		line-height: 1.4;
		display: block;
	}
.subCopy05 {
	text-align: center;
	font-size: 140%;
}
.subTitle03 {
	margin: 0 0 40px;
	text-align: center;
	font-size: 250%;
	font-weight: bold;
	color: #FF911E;
	position: relative;
}
	.subTitle03:before {
		content: '';
		position: absolute;
		bottom: -15px;
		display: inline-block;
		width: 60px;
		height: 5px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #FF911E;
		border-radius: 2px;
	}
	
.sectionList { padding: 40px 0;}
.sectionList ul { margin: 0;}
.sectionList li {
	width: 48%;
	margin: 0 auto;
	padding: 0 2%;
	vertical-align: top;
	display: inline-table;
}
.sectionList li:first-child { margin: 0 auto;}
.sectionList li:last-child { margin: 0 auto;}
	
.sectionList li h3 {
	font-size: 180%;
	font-weight: bold;
	text-align: center;
}
.sectionList li p { text-align: center;}
.adSize p {
	font-size: 136%;
	line-height: 1.8;
	text-align: center;
}
.sectionList .itemType01 {
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	font-size: 100%;
	border-top: solid 1px #888;
	border-bottom: solid 1px #888;
}
.itemType01 {
	width: 100%;
	margin: 0 auto;
}
.itemType01 tr { border-bottom: solid 1px #888;}
.itemType01 th {
	width: 32%;
	padding: 8px 6px;
	font-size: 120%;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	background-color: #DDD;
}
.itemType01 td {
	padding: 8px 0 8px 10px;
	font-size: 120%;
	line-height: 1.5;
}
.itemType01 .point th { color: #F0000F; background-color: #FAD7D2;}
.itemType01 .point td { color: #F0000F;}

.Special-Event {
	margin: 3% auto 2%;
	padding: 8px 3%;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #FF4164;
	border-radius: 8px;
	display: table;
}
.sectionDL { padding: 40px 0;}
	.Limited { width: 65%; margin: 0 auto;}
	.Limited-planning { font-size: 160%;}
}


/* !XLarge screens
---------------------------------------------------------- */
@media only print, screen and (min-width: 1280px) {
.intro_kyuji { padding: 200px 0;}
.sectionDL { padding: 50px 0;}
}
/* !XXLarge screens
---------------------------------------------------------- */
@media only print, screen and (min-width: 1440px) {
.intro_kyuji { padding: 250px 0;}
.sectionDL { padding: 80px 0;}
}
@media only print, screen and (max-width: 1024px) {
.subTitle03 { font-size: 190%;}
.sectionList .itemType01 { font-size: 68%;}
.sectionList li h3 { font-size: 150%;}
.adSize p { font-size: 110%;}
}
@media only print, screen and (max-width: 640px) {
.sectionList .itemType01 { font-size: 96%;}
}




/* section */
.imageTtl {
	margin: 20px auto;
	padding: 1% 8%;
	font-size: 110%;
	color: #FFF;
	background: #333;
	display: inline-block;
}
	.imageTtl span {
		font-size: 80%;
		display: inline-block;
	}
#PriceList-Box {
	margin: 10% auto 0;
	text-align: center;
}
#PriceList-Box .ListTtl_orange,
#PriceList-Box .ListTtl_pink {
	margin: 0 0 0.5%;
	font-size: 116%;
	font-weight: bold;
	text-align: left;
}
#PriceList-Box .ListTtl_orange::before { content: "◼︎"; color: #FF911E; margin: 0 4px 0 0;}
#PriceList-Box .ListTtl_pink::before { content: "◼︎"; color: #FF91A0; margin: 0 4px 0 0;}

@media only print, screen and (min-width: 768px) {
.imageTtl {
	margin: 60px auto 20px;
	padding: 1% 8%;
	font-size: 126%;
	color: #FFF;
	background: #333;
	display: inline-block;
}
	.imageTtl span {
		font-size: 80%;
		display: inline-block;
	}
#PriceList-Box {
	margin: 10% auto 0;
}
#PriceList-Box .ListTtl_orange,
#PriceList-Box .ListTtl_pink {
	margin: 5% 10% 0.5%;
	font-size: 134%;
	font-weight: bold;
}
#PriceList-Box .ListTtl_orange::before { content: "◼︎"; color: #FF911E; margin: 0 4px 0 0;}
#PriceList-Box .ListTtl_pink::before { content: "◼︎"; color: #FF91A0; margin: 0 4px 0 0;}
}



/* Price-List Table */
.PriceList {
	width: 100%;
	margin: 0 auto;
	border: solid 1px #000;
	font-size: 90%;
	background: #FFF;
}
	.PriceList th { text-align: center;}
	.PriceList th span {
		font-size: 60%;
		font-weight: normal;
		display: block;
	}
	.theader01,
	.theader02 { font-weight: bold;}

.PriceList td { padding: 6px 10px; border-left: solid 1px #000; text-align: center;}

.PriceList tr { border-bottom: solid 1px #000;}

.bgC_Orange {
	color: #FFF;
	background-color: #FF911E;
}
.bgC_Pink {
	color: #FFF;
	background-color: #FF91A0;
}
.bgC_PaleOrange { padding: 6px; background-color: #FAC896;}
.bgC_PalePink { padding: 6px; background-color: #FADFE3;}

.theader02 {
	border-left: solid 1px #000;
	border-right: solid 1px #000;
}

.kome {
	width: 100%;
	margin: 10px auto 15%;
	font-size: 95%;
	text-align: left;
	color: #666;
}
.kome dt { float: left; clear: left;}
.kome dd { margin: 0 0 0 4%;}
.sectionPoint .kome { width: 100%;}

@media only print, screen and (min-width: 768px) {
.PriceList {
	width: 80%;
	margin: 0 auto;
	border: solid 1px #000;
	font-size: 116%;
	background: #FFF;
}
	.PriceList th { text-align: center;}
	.theader01,
	.theader02 { font-weight: bold;}
	.PriceList th span {
		font-size: 80%;
		font-weight: normal;
		display: block;
	}
.PriceList td { border-left: solid 1px #000; text-align: center;}
.PriceList tr { border-bottom: solid 1px #000;}

.bgC_Orange { }
.bgC_Pink { }
.bgC_PaleOrange { }
.bgC_PalePink { }

.theader {
	border-left: solid 1px #000;
	border-right: solid 1px #000;
}
	

.kome { margin: 10px auto 5%;}
.kome dt { float: left; clear: left;}
.kome dd { margin: 0 0 0 1.2%;}
}
.sectionPoint .kome { width: 80%;}

@media only print, screen and (min-width: 1024px) {
}




@media screen and (max-width: 640px) {
.sectionPoint .kome { width: 100%;}
}
@media screen and (max-width: 374px) {
.PriceList {
	font-size: 80%;
}
.kome { font-size: 70%;}
.sectionPoint .kome { width: 100%;}
}




/* sectionShare */
.sectionShare {
	padding: 8% 0;
}
	.sectionShare h3 {
		margin: 2% auto 5%;
		font-size: 240%;
		text-align: center;
		border-bottom: solid 3px #FF911E;
		display: table;
	}
.AreaTtl {
	margin: 0 auto 4%;
	padding: 0 4%;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	border: solid 1px #000;
	display: inline-block;
}
.Pie-chartType01 {
	margin: 10% auto 15%;
	padding: 20px;
	background: #FFF8E9;
	text-align: center;
}
.Pie-chartType02,
.Pie-chartType03,
.Pie-chartType04 {
	margin: 10% auto 0;
	text-align: center;
}
.PieChart {
	width: 38%;
	margin: 0 3% 0 0;
	display: inline-table;
}
.PieChart_Area {
	width: 34%;
	margin: 0 7% 0 0;
	display: inline-table;
}
	.Detail {
		margin: 0 0 30px;
		display: block;
	}
.Sharelist {
	vertical-align: middle;
	display: inline-table;
}
.Sharelist p {
	font-size: 160%;
	line-height: 2.0;
	text-align: left;
}

.Sharelist table {
	width: 500px;
	margin: 0;
	padding: 0;
	font-size: 130%;
	text-align: center;
	border: solid 1px #000;
	background-color: #FFF;
}

.Sharelist table th {
	padding: 6px 0;
	line-height: 2.0;
	text-align: center;
	border-left: solid 1px #000;
}
.Pie-chartType01 table th { color: #FFF; background-color: #FF911E;}
.Pie-chartType02 table th { background-color: #BFD1F9;}
.Pie-chartType03 table th { background-color: #D7F293;}
.Pie-chartType04 table th { background-color: #FFBED8;}

.tableType01 {
	font-size: 120%;
	font-weight: bold;
}
.Sharelist table td {
	padding: 6px 0;
	border-left: solid 1px #000;
	border-bottom: solid 1px #000;
}
	.AreaName { font-size: 126%; text-align: left;}
	.AreaName_detail {
		padding: 15px 25px;
		font-size: 126%;
		text-align: left;
	}
	.Pie-chartType02 .AreaName_detail { background: #F2F6FD;}
	.Pie-chartType03 .AreaName_detail { background: #E9F3D5;}
	.Pie-chartType04 .AreaName_detail { background: #FDF3F7;}
	
	.reference {
		margin: 6px 0 0;
		font-size: 110%;
		text-align: left;
		color: #666;
	}
	.reference dt { float: left; clear: left;}
	.reference dd { margin: 0;}



@media screen and (max-width: 1024px) {
.sectionShare h3 { font-size: 160%;}
.AreaTtl { font-size: 140%;}
.Sharelist p { font-size: 116%;}
.Sharelist table {
	width: 360px;
	font-size: 100%;
}

.tableType01 { font-size: 110%;}
	.AreaName { font-size: 100%;}
	.AreaName_detail { font-size: 100%;}
	.reference { font-size: 90%;}
}

@media screen and (max-width: 640px) {
.sectionShare h3 { font-size: 120%;}
.AreaTtl { font-size: 140%;}
.PieChart { width: 100%;}
.PieChart_Area { width: 80%; margin: 0 auto 3%;}
.Sharelist p { font-size: 110%;}
.Sharelist table { width: 280px; font-size: 100%;}
.tableType01 { font-size: 100%;}
}
@media screen and (max-width: 320px) {
.Sharelist table { width: 240px;}
}

/*
@media screen and (max-width: 640px) {
.sectionShare h3 {
	font-size: 120%;
}
.AreaTtl {
	margin: 0 auto 4%;
	padding: 0 4%;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	border: solid 1px #000;
	display: inline-block;
}

.PieChart_Area {
	width: 80%;
	margin: 0 auto 5%;
	display: block;
}
.Sharelist p {
	font-size: 120%;
	line-height: 2.0;
	text-align: left;
}

.Sharelist table {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-align: center;
	border: solid 1px #000;
	background-color: #FFF;
}

.tableType01 {
	font-size: 100%;
	font-weight: bold;
}
	.AreaName { font-size: 108%; text-align: left;}
	.AreaName_detail {
		padding: 3%;
		font-size: 100%;
		text-align: left;
	}

	.reference {
		margin: 6px 0 0;
		font-size: 90%;
		text-align: left;
		color: #666;
	}
}
@media screen and (max-width: 1024px) {
	.sectionShare h3 {
		font-size: 160%;
	}
.AreaTtl {
	font-size: 140%;
}
.Sharelist p { font-size: 116%;}
.Sharelist table {
	width: 100%;
	font-size: 100%;
}

.tableType01 { font-size: 110%;}
	.AreaName { font-size: 100%;}
	.AreaName_detail { font-size: 100%;}
	.reference { font-size: 90%;}
}*/


/* Images Size */
.imgType_Vertical,
.imgType_Horizontal {
	margin: 5% auto;
	text-align: center;
}
.imgType_Vertical img {
	width: 65%;
	height: 65%;
	margin:  0 auto;
	object-fit: contain;
}
.imgType_Horizontal img {
	width: 100%;
	height: 100%;
	margin:  0 auto;
	object-fit: contain;
}
@media only print, screen and (min-width: 40.063em) {
.imgType_Vertical,
.imgType_Horizontal {
	margin: 5% 0;
}
.imgType_Vertical img,
.imgType_Horizontal img {
	width: 100%;
	height: 280px;
	object-fit: contain;
}
}




/* Draft-Deadline */
.Draft-Deadline table {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	border: solid 1px #888;
	background: #FFF;
}
.Draft-Deadline table th {
	width: 26%;
	padding: 3px 4px;
	font-size: 140%;
	text-align: center;
	color: #FFF;
	background-color: #AAA;
	display: table-cell;
}
.Draft-Deadline table td { padding: 6px; display: block;}
.Draft-Deadline dt {
	width: 15%;
	padding: 0 10px;
	font-size: 120%;
	text-align: left;
	float: left;
	clear: both;
}
.Draft-Deadline dd::before {
	content: "｜";
	margin: 0 10px 0 0;
}
.Draft-Deadline dd {
	padding: 0;
	font-size: 120%;
	text-align: left;
}

@media only print, screen and (max-width: 640px) {
.Draft-Deadline table {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	border: solid 1px #888;
	background: #FFF;
}

.Draft-Deadline table th {
	width: 100%;
	padding: 3px 4px;
	font-size: 100%;
	text-align: center;
	color: #FFF;
	background-color: #AAA;
	display: block;
}
.Draft-Deadline table td { padding: 6px;}
.Draft-Deadline dt {
	width: 20%;
	padding: 0;
	font-size: 95%;
	text-align: left;
	float: left;
	clear: both;
}
.Draft-Deadline dd::before {
	content: "｜";
	margin: 0;
}
.Draft-Deadline dd {
	padding: 0;
	font-size: 95%;
	text-align: left;
}
}
@media only print, screen and (max-width: 768px) {
.Draft-Deadline dt {
	width: 22%;
}
}
@media only print, screen and (min-width: 1024px) {
.Draft-Deadline dt {
	width: 16%;
}
}