@charset "UTF-8";
/* ******************************************************************

	--style.css--

	1. Style setting
		1-1. FontColor styles
		1-2. Headline styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Main styles
		2-5. Side styles
		2-6. Footer styles

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#333; }
a:link, a:visited { color:#06C; }
.pcStyle a:hover {
	color:#06C;
	text-decoration:none;
}
.touchHover,
.noTapColor,
button { -webkit-tap-highlight-color:rgba(0,0,0,0); }
body { min-width:320px; }
.pcDisplay {
	display:block;
}
.spDisplay {
	display:none;
}
@media screen and (max-width:736px) {
.pcDisplay {
	display:none !important;
}
.spDisplay {
	display:block !important;
}
}


/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/
.headline1 {
	max-width:980px;
	margin:0 auto;
	padding:11px 0 14px 22px;
	color:#FFF;
	font-size:182%;
}
.headline1 .ttl1 {
	display: block;
	font-size: 76%;
	font-weight: 500;
	padding-bottom: 14px;
}
.headline1 .ttl2 {
	display: block;
	font-size: 127%;
	font-weight: bold;
}
.headline2 {
	margin-bottom:70px;
	color:#333;
	font-size:189%;
	font-weight:bold;
	text-align:center;
}
.headline2 > * {
	vertical-align:middle;
}
.headline2 img {
	margin-right:14px;
}
.headline3 {
	margin-bottom:44px;
	text-align:center;
}
.headline3 span {
	padding-left:45px;
	background:url(/img/common/icon_circle.gif) no-repeat 0 5px;
	font-size:230.8%;
	font-weight:bold;
	line-height:1.35;
}
.headline4 {
	padding:3px 10px 6px;
	background:#7DBEBE;
	color:#FFF;
	font-size:153.9%;
	font-weight:bold;
	text-align:center;
}
.headline5 {
	padding:8px 10px 8px 24px;
	background:#F4F4F4;
	color:#071223;
	font-size:108%;
}
.headline6 {
	margin-bottom:10px;
	font-size:120%;
	font-weight:bold;
}
.headline7 {
    margin-bottom:0px !important;
    color: #333;
    font-size: 189%;
    font-weight: bold;
	text-align:left;
}
.headline8 {
	padding:8px 10px 8px 24px;
	background:#F4F4F4;
	color:#071223;
	font-size:108%;
}
.headline9 {
	color: #333;
	font-size: 182%;
	font-weight: bold;
	margin-bottom: 30px;
	padding-bottom: 18px;
	text-align: center;
	position: relative;
}
.headline9::after {
	background-color: #F5B60C;
	content: '';
	height: 6px;
	width: 50px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.headline9.start {
    text-align: start;
}
.headline9.start::after {
    left: 0;
    transform: translateX(0);
}
.headline9.lineBlack::after {
    background-color: #333;
}
.headline10 {
	max-width: 400px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 10;
}
.headline10 span {
	background-color: #333;
	color: #fff;
	font-size: 167%;
	font-weight: bold;
	display: inline-block;
	min-width: 200px;
	text-align: center;
	padding: 7px 10px;
}
.headline11 {
	max-width: 400px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 10;
}
.headline11 span {
	background-color: #00B895;
	border-radius: 20px;
	color: #fff;
	font-size: 153.9%;
	font-weight: bold;
	display: inline-block;
	min-width: 130px;
	text-align: center;
	padding: 7px 10px;
}

@media screen and (max-width:736px) {
	.headline1 {
		padding:9px 10px 10px;
		font-size:138.5%;
	}
	.headline1 .ttl1 {
		font-size: 78%;
		padding-bottom: 2px;
	}
	.headline1 .ttl2 {
		font-size: 100%;
	}
	.headline2 {
		margin-bottom:20px;
		font-size:123.1%;
	}
	.headline3 {
		margin-bottom:44px;
		text-align:center;
	}
	.headline3 span {
		padding-left:45px;
		background:url(/img/common/icon_circle.gif) no-repeat 0 9px;
		font-size:230.8%;
		font-weight:bold;
		line-height:1.35;
	}
	.headline5 {
		padding-left:15px;
		font-size:93%;
	}
	.headline8 {
		padding-left:15px;
		font-size:93%;
	}
	.headline9 {
		font-size: 161.6%;
		margin-bottom: 20px;
		padding-bottom: 16px;
	}
	.headline10 {
		max-width: 200px;
	}
	.headline10 span {
		font-size: 116%;
		min-width: 100px;
		padding: 6px 10px;
	}
	.headline11 {
		max-width: 200px;
	}
	.headline11 span {
		border-radius: 15px;
		font-size: 116%;
		min-width: 100px;
		padding: 6px;
	}
}


/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
#wrapper {
	background:url(/img/common/bg_faq.gif) 0 0 repeat;
}
#contents {
	clear:both;
	position:relative;
	max-width:1000px;
	margin:0 auto;
	padding:13px 10px 44px;
}
#contents #main {
	max-width:980px;
	width:100%;
	margin:0 auto;
}

/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/
#header {
	border-bottom:1px solid #E5E5E5;
	background:#FFF;
}
#header .inner {
	max-width:1000px;
	margin:0 auto;
}
#header #logo {
	float:left;
	max-width:27%;
	margin-left:1%;
}

#header .btnList {
	padding-left:2px;
}
#header .btnList li:first-child {
	margin-bottom:5px;
}
#header .btnList .buttonBlue {
	font-size:85%;
}
#header .subHeader .inner {
	position:relative;
}
@media screen and (max-width:736px) {
	#header .subHeader + .inner {
		padding: 25px 10px 8px;
	}
	#header .subHeader {
		border-bottom:3px solid #DBDBDB;
	}
}
#subLogo {
	display:inline-block;
	max-width:46%;
	padding:16px 10px 12px;
}
#subLogo img {
	display:block;
}
#header .subHeader .rightLink {
	position:absolute;
	top:50%;
	right:25px;
	margin-top:-6px;
}
#header .subHeader .rightLink a {
	display:block;
	padding:0 0 1px 14px;
	background:url(/img/common/icon_arrow13.gif) 0 49% no-repeat;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
#header .subHeader .rightLink a:hover {
	text-decoration:underline;
}


@media screen and (max-width:736px) {
	#header #logo {
		max-width:66%;
		margin:0;
	}
	#header .inner {
		position:relative;
	}
	.iconNav {
		position:absolute;
		right:20px;
		top:50%;
		margin-top:-10px;
		width:30px;
	}
	#subLogo {
		padding-left:0;
	}
	#header .subHeader .rightLink {
		right:20px;
	}
}

/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/
#navi {
	border-bottom:1px solid #E5E5E5;
	background:#FFF;
	padding: 11px 10px 8px;

}
#navi .inner {
	display: flex;
	max-width: 980px;
	margin: 0 auto;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}
#navi ul {
	display: inline-block;
}
#navi .leftNavi {
	max-width: 360px;
	min-width: 360px;
}
#navi .leftNavi > li {
	width:20%;
	border-right:1px solid #E5E5E5;
	display:table-cell;
	vertical-align:top;
}
#navi .leftNavi > li:first-child {
	border-left:1px solid #E5E5E5;
}
#navi li a {
	display:block;
	overflow:hidden;
	padding:3px 4px 4px;
	color:#333;
	font-size:15px;
	text-align:center;
	text-decoration:none;
}
#navi li a img {
	display:block;
	margin:0 auto;
	padding-bottom:4px;
}
#navi .rightBlock {
	float:right;
	max-width:70%;
}
#navi .rightBlock > * {
	display:inline-block;
	vertical-align: middle;
}
#navi #fontChange {
	padding-right:2px;
}
#navi #fontChange span {
	display:block;
	padding-bottom:4px;
}
#navi #fontChange li {
	float:left;
	min-width: 26px;
	min-height: 28px;
}
#navi #fontChange li a {
	display:block;
	margin-left:5px;
	padding:2px 3px;
	background:#DDDFE3;
	color:#000;
	text-decoration:none;
}
#navi #fontChange li:first-child a {
	margin-left:2px;
}
#navi #fontChange li a.active,
#navi #fontChange li a:hover {
	background:#EE1A2E;
	color:#FFF;
	text-decoration:none;
}
#navi .contactBlock {
	max-width:430px;
}
@media screen and (max-width:900px) {
	#navi li {
		width:18%;
	}
	#navi li:first-child,
	#navi li:first-child + li {
		width:23%;
	}
}
@media screen and (max-width:768px) {
	#navi li a {
		font-size:13px;
	}
	#navi li a img {
		width:24px;
	}
}
@media screen and (max-width:736px) {
	#navi {
		display:none;
		position:absolute;
		padding: 0;
		z-index:101;
		width:100%;
	}
	#navi ul, #navi .leftNavi {
		display:block;
		max-width: 100%;
		min-width: 100%;
		width: 100%;
		padding:0;
		box-shadow:0 3px 6px #b1b0b0;
	}
	#navi .leftNavi > li {
		display:block;
		background:#FFF;
		padding:0;
		width:100% !important;
		border-right: 0;
	}
	#navi .leftNavi > li:first-child {
		border-left: 0;
	}
	#navi li a {
		display:block;
		height:auto;
		padding:10px 5px 11px;
		border:none;
		border-top:1px solid #E5E5E5;
		background:#FFF;
	}
	#navi li a img {
		width:inherit;
	}
}
@media screen and (max-width:979px) {
	#navi #logo {
		margin:1.2% 0 0 15px;
	}
}
@media screen and (max-width:768px) {
	#navi #fontChange span,
	#navi #fontChange li a {
		font-size:93%;
	}
	#navi #logo {
	}
}
/* ------------------------------------------------------------------
	2-4. Main styles
-------------------------------------------------------------------*/
.descripPage {
	background:#F5B60C;
}
.breadcrumbs {
	margin:0 0 10px 21px;
}
.breadcrumbs li {
	float:left;
	margin-right:7px;
}
.breadcrumbs li a {
	text-decoration:none;
}
.breadcrumbs li a:hover {
	text-decoration:underline;
}
.breadcrumbs li span {
	padding-left:2px;
}
#pageFaq #main,
#pageColumn #main,
#pageNews #main {
	float:right;
	max-width:760px;
	background:#FFF;
}
.buttonBlue {
	width:114px;
	display:block;
	padding:4px 20px 5px 5px;
	background:#0068B7 url(/img/common/icon_arrow01.png) 95% 50% no-repeat;
	color:#FFF;
	font-size:93%;
	text-align:center;
}
a.buttonBlue {
	color:#FFF;
	text-decoration:none;
}
a.buttonBlue:hover {
	color:#FFF;
}
.buttonRed {
	width:114px;
	display:block;
	padding:4px 20px 5px 5px;
	background:#EF1A30 url(/img/common/icon_arrow02.png) 95% 50% no-repeat;
	color:#FFF;
	font-size:93%;
	text-align:center;
}
a.buttonRed {
	color:#FFF;
	text-decoration:none;
}
a.buttonRed:hover {
	color:#FFF;
}
.wrapTable .grayBox {
	display:inline-block;
	padding:12px 20px;
	background:#F3F3F3;
	font-size:108%;
}
.wrapTable .title {
	clear:both;
	margin-bottom:8px;
	font-size:153.9%;
	font-weight:bold;
}
.tableStyle {
	border:2px solid #0068B7;
}
.tableStyle th {
	border:1px solid #CFCFCF;
	background:#D0DFFF;
}
.tableStyle td {
	border:1px solid #CFCFCF;
}
.tableStyle01 {
	border:2px solid #D70C1F;
}
.tableStyle01 th {
	background:#FBE8E8;
}
.tableStyle01 th.colorRed {
	background:#fccbcb;
}
.commonBox {
	padding:60px 30px;
	background:#FFF;
	font-size:116%;
	line-height:1.5;
}
.commonBox .headline2 {
	margin-bottom:40px;
}
.submitButton {
	max-width:426px;
	width:100%;
	margin:0 auto 30px;
	text-align:center;
}
.submitButton a, .submitButton input {
	display:block;
	position:relative;
	width:100%;
	padding:11px 0 12px;
	background:#EF1A30 url(/img/common/icon_arrow02.png) no-repeat 97% 50%;
	border:none;
	border-bottom:3px solid #D4CFC0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	color:#FFF;
	font-size:126%;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	-webkit-outline:none;
	-moz-outline:none;
	-ms-outline:none;
	-o-outline:none;
	outline:none;
	behavior:url(/js/PIE.php);
	min-height:50px;
}
.submitButton a:hover {
	color:#FFF;
}
.navButton ul {
	max-width:980px;
	margin:0 auto 22px;
	text-align:center;
}
.navButton ul li {
	display:inline-block;
	width: 45%;
	background:#FFF;
	margin:0 1%;
	border-radius: 5px;
	border: 5px solid #A72126;
}
.navButton ul li a {
	display:block;
	padding:10px 11.6% 10px 10px;
	background:#FFF url(/img/common/icon_arrow03.gif) 100% 50% no-repeat;
	color:#333;
	text-align:left;
}
.navButton ul li a img {
	display:inline-block;
	vertical-align:middle;
	width:18%;
}
.navButton ul li a span {
	display:inline-block;
	vertical-align:middle;
	width:81%;
	padding-left:5%;
	font-size:116%;
	font-weight: bold;
}
.navButton .txt span {
	display:inline-block;
	position:relative;
	margin-bottom:4px;
	padding:1px 10px 2px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:#EAF4F4;
	font-size:116%;
	behavior:url(/js/PIE.php);
}
@media screen and (max-width:736px) {
	#pageFaq #main, #pageColumn #main {
		float:none;
		max-width:none;
		width:100%;
		padding-top:30px;
	}
	.breadcrumbs {
		margin-left:0;
	}
	.commonBox {
		padding:20px 10px;
		font-size:100%;
	}
	.commonBox .headline2 {
		margin-bottom:20px;
	}
	.navButton ul {
		padding:15px 15px 3px;
	}
	.navButton ul li {
		display:block;
		width:auto;
		margin:0 0 12px;
	}
	.navButton ul li a span {
		font-size:100%;
	}
}
@media screen and (max-width:640px) {
	.submitButton a {
		padding:8px 0 9px;
		font-size:100%;
	}
}

/* ------------------------------------------------------------------
	2-5. Side styles
-------------------------------------------------------------------*/
#side {
	float:left;
	width:21%;
	max-width:198px;
	padding-top:5px;
}
#side h4 a {
	display:block;
	padding:14px 20px 13px 0;
	background:url(/img/common/icon_arrow04.png) 96% 50% no-repeat;
	color:#000;
	font-size:123.1%;
	font-weight:bold;
	text-decoration:none;
}
#side ul {
	padding-top:1px;
	background:url(/img/common/icon_dot.png) 0 0 repeat-x;
}
#side ul li {
	padding:6px 10px 7px 0;
	background:url(/img/common/icon_dot.png) 0 100% repeat-x;
}
#side ul li a {
	display:block;
	padding-left:15px;
	background:url(/img/common/icon_arrow05.png) 2px 6px no-repeat;
	font-family:'Roboto';
	font-size:108%;
	line-height:1.5;
	text-decoration:none;
}
#side ul li a:hover {
	text-decoration:underline;
}
.sideFixTop {
	position:fixed;
	top:0;
	bottom:auto;
}
.sideFixBot {
	position:absolute;
	top:auto;
	bottom:44px;
}
@media screen and (max-width:736px) {
	#side {
		float:none;
		max-width:none;
		width:100%;
		margin-bottom:20px;
	}
}
/* ------------------------------------------------------------------
	2-6. Footer styles
-------------------------------------------------------------------*/
#footer {
	background:#FFF;
}
#footer .fNav01 {
	background:#1F2024;
}
#footer .inner {
	max-width:1000px;
	margin:0 auto;
	padding:0 10px;
}
.fBanner {
	padding:24px 0 15px;
	border-bottom:1px solid #4C4F59;
	text-align:center;
}
.fBanner li {
	display:inline-block;
	width:30%;
	margin:0 1% 12px;
}
.fBanner li a {
	display:block;
	background:#FFF;
}
.fBanner li a img {
	display:block;
}
#fNav {
	margin-right:-20px;
	padding:50px 0 25px;
}
#fNav dl {
	float:left;
	width:180px;
	max-width:18%;
	margin:0 17px 40px 0;
}
#fNav dl.small {
	width:180px;
}
#fNav dt {
	margin-bottom:14px;
	color:#FFF;
}
#fNav dd li {
	padding-top:3px;
}
#fNav dd li:first-child {
	padding-top:0;
}
#fNav dd li a {
	display:block;
	color:#B3B3B3;
	font-size:93%;
	line-height:1.4;
	text-decoration:none;
}
#fNav dd li a:hover {
	text-decoration:underline;
}
#copyRight {
	padding:11px 10px;
	border-top:1px solid #CCC;
	color:#666;
	font-size:9px;
	text-align:right;
}
#fNav02 {
	background:url(/img/common/bg_fnav02.jpg) 0 0 repeat;
}
#fNav02 ul {
	max-width:980px;
	margin:0 auto;
	padding:20px 0 22px;
	text-align:center;
}
#fNav02 ul li {
	display:inline-block;
	width:30.2%;
	background:#FFF;
	margin:0 1%;
}
#fNav02 ul li a {
	display:block;
	padding:10px 11.6% 10px 10px;
	background:#FFF url(/img/common/icon_arrow03.gif) 100% 50% no-repeat;
	background-size:11.3% auto;
	color:#333;
	text-align:left;
}
#fNav02 ul li a img {
	display:inline-block;
	vertical-align:middle;
	width:18%;
}
#fNav02 ul li a span {
	display:inline-block;
	vertical-align:middle;
	width:81%;
	padding-left:2%;
	font-size:116%;
	text-align:center;
}
#fNav03 {
	background:#FFF;
}
#fNav03 .wrap {
	padding:12px 0 9px 10px;
}
#fNav03 .fLogo {
	display: table-cell;
	vertical-align: middle;
	padding-right: 20px;
}
#fNav03 .rightNav {
	display: table-cell;
	vertical-align: middle;
}
#fNav03 .rightNav li {
	display:inline-block;
	padding: 5px 20px 5px 0;
}
#fNav03 .fLogo img {
	height:16px;
}
#fNav03 .rightNav img {
	height:12px;
}
#fNav03 .rightNav li a {
	padding-right:17px;
	background:url(/img/common/icon_blank.gif) right center no-repeat;
}
#fNav03 .rightNav .itemOther {
	padding-bottom: 2px;
	vertical-align: bottom;
}
#fNav03 .rightNav .itemOther a {
	background-position-y: 10%;
}
#fNav03 .rightNav .itemOther img {
	height:16px;
}
@media screen and (max-width:768px) {
	#fNav02 ul li a span {
		font-size:93%;
	}
	#fNav dl.small {
		width:72px;
	}
}
@media screen and (max-width:736px) {
	#fNav02 ul {
		padding:15px 15px 3px;
	}
	#fNav02 ul li {
		display:block;
		width:auto;
		margin:0 0 12px;
	}
	#fNav02 ul li a span {
		font-size:100%;
	}
	.fBanner {
		padding:20px 5px 5px;
	}
	.fBanner li {
		display:block;
		width:100%;
		margin:0 0 15px;
	}
	.fBanner li img {
		width:100%;
	}
	#fNav {
		padding:25px 0 10px;
	}
	#fNav dl {
		margin:0 15px 20px 0;
		width:45% !important;
		max-width:100%;
	}
	#fNav dt {
		font-size:93%;
	}
	#fNav dd li a {
		font-size:85%;
	}
	#copyRight {
		font-size:85%;
	}
	#fNav03 .wrap {
		padding:16px 10px 0;
	}
	#fNav03 .fLogo {
		display: block;
		text-align:center;
		padding: 0;
	}
	#fNav03 .rightNav {
		display: block;
		text-align:center;
		margin-top:15px;
	}
	#fNav03 .rightNav li {
		display:block;
		margin:0;
		border-top:1px dotted #CCC;
		text-align:center;
		padding: 5px 0;
	}
	#fNav03 .rightNav li a {
		padding:8px 17px 8px 10px;
	}
	#fNav03 .rightNav br {
		display:none;
	}
	#copyRight {
		text-align:center;
	}
}

/* ------------------------------------------------------------------
	2-7. common styles
-------------------------------------------------------------------*/
.errorMessage {
	display:inline-block;
	margin-top:10px;
	padding:13px 5px;
	background:#FFE5E7;
	color:#e60012;
	font-size:93%;
	line-height:1.6;
}
@media screen and (max-width:736px) {
	.errorMessage {
		display:block;
		width:100%;
		text-align:center;
	}
}
#main .block {
	padding-bottom:28px;
	background:url(/img/home/bg_block_bottom.gif) no-repeat 0 100%;
	background-size:cover;
}
#main .blockInner {
	padding:61px 23px 0;
	background:url(/img/home/bg_block_top.gif) no-repeat 0 0;
	background-size:contain;
}
#main .blockInner h3 {
	color:#342D1E;
	font-size:153.9%;
	font-weight:bold;
	padding-bottom:9px;
}
#main .blockInner p {
	font-size:116%;
	line-height:1.6;
}
#main .blockInner p.linkText {
	padding-right:2px;
	text-align:right;
}
#main .blockInner p.linkText a {
	padding-left:15px;
	background:url(/img/common/icon_arrow06.png) no-repeat 0 7px;
	color:#D70C1F;
	text-decoration:underline;
}
#main .blockInner p.linkText a:hover {
	text-decoration:none;
}
/* radio styles */
.radio {
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	position:relative;
}
.radio input[type="radio"] {
	padding:0;
	margin:0;
	height:17px;
	width:17px;
	float:left;
	position:absolute;
	left:0;
	opacity:0;
}
.radio input[type="radio"] + label {
	display:block;
	background:url(/img/common/icon_radio01.png) 0 0 no-repeat;
	height:17px;
	padding:0 0 0 17px;
	margin:0;
	font-size:0;
}
.radio input[type=radio]:focus + label {
	background:url(/img/common/icon_radio01.png) 0 0 no-repeat;
}
.radio input[type=radio]:checked + label,
.radio input[type=radio]:focus:checked + label,
.radio input[type=radio]:active + label,
.radio input[type=radio]:active:checked + label {
	background:url(/img/common/icon_radio02.png) 0 0 no-repeat;
}
#main .section {
	max-width:980px;
	width:100%;
	margin:0 auto 22px;
	padding:30px 30px 30px;
	background:#FFF;
}
#main .section .chargeButton {
	max-width:454px;
	width:100%;
	margin:0 auto;
	clear:both;
}
#main .section .chargeText {
	padding-right:27px;
	text-align:center;
	margin-left:20%;
}
#main .section .chargeText.text01 {
	margin-bottom:-10px;
	padding-right:35px
}
#main .section .chargeText.text01 span {
	font-size:131%;
	font-weight:bold;
}
#main .section .chargeText span {
	display:inline-block;
	position:relative;
	padding:2px 15px 3px 18px;
	background:url(/img/common/bg_line01.png) no-repeat 0 50%;
	color:#D70C1F;
	font-size:123.1%;
}
.f17 #main .section .chargeText span {
	font-size:120%;
}
#main .section .chargeText span:after {
	background:url(/img/common/bg_line02.png) no-repeat 100% 50%;
	bottom:0;
	content:"";
	left:0;
	position:absolute;
	right:0;
	top:0;
}
.section1 {
	max-width:980px;
	width:100%;
	margin:0 auto 22px;
	padding:63px 30px 61px;
	background:#FFF;
}
.section1 .inner {
	margin-bottom: 84px;
}
.section1 .inner:last-child {
	margin-bottom: 0;
}
#main .elecBlock {
	clear:both;
	margin:32px 0 -8px;
	padding:32px 0 0;
	background:url(/img/common/bg_line.gif) repeat-x;
}
.elecBlock .image {
	float:left;
	max-width:387px;
	width:43%;
}
.elecBlock .image ul {
	margin-top:4px;
}
.elecBlock .image ul li {
	max-width:189px;
	width:49.8%;
	margin-bottom:5px;
}
.elecBlock .image ul li.left {
	float:left;
}
.elecBlock .image ul li.right {
	float:right;
}
.elecBlock .text {
	float:right;
	width:54.5%;
}
.elecBlock .text .title {
	margin-bottom:16px;
	font-size:153.9%;
	font-weight:bold;
	line-height:1.3;
}
.elecBlock .text p {
	margin-bottom:25px;
	font-size:108%;
	line-height:1.7;
	text-align:justify;
}
.elecBlock .text p span {
	color:#C90F20;
}
.elecBlock .text p:last-child {
	margin-bottom:0;
}
.elecBlock .telBlock {
	float:none;
	max-width:485px;
	width:100%;
	margin:0 auto;
}
.contractBlock {
	position:relative;
	margin-bottom:17px;
	padding:16px 23px 13px;
	border:3px solid #E7E7E7;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	behavior:url(/js/PIE.php);
}
.contractBlock .title {
	padding-bottom:30px;
	background:url(/img/common/icon_arrow11.png) no-repeat 50% 100%;
}
.contractBlock .title span {
	display:block;
	padding:6px 5px 8px;
	background:#7DBEBE;
	color:#FFF;
	font-size:138.5%;
	font-weight:bold;
}
.contractBlock .title01 span {
	padding:8px 0 10px;
	font-size:116%;
}
.contractBlock p {
	text-align:center;
}
.tariffBlock {
	margin:24px 0 56px;
}
.tariffBlock .title {
	margin-bottom:11px;
	font-size:153.9%;
	font-weight:bold;
}
.tariffBlock .tariff {
	height:235px;
	border:2px solid #D70C1F;
	line-height:235px;
	text-align:center;
}
.tariffBlock .tariff a {
	display:inline-block;
	height:60px;
	padding:0 18px;
	background:#C5C5C5;
	color:#071223;
	font-size:138.5%;
	font-weight:bold;
	line-height:60px;
	text-align:center;
	text-decoration:none;
}
.wrapContract .txt {
	margin:-10px 0 15px;
	font-size:138.5%;
	text-align:center;
}
.wrapContract ul li {
	float:left;
	width:49.2%;
	margin-left:1.6%;
}
.wrapContract ul li:first-child {
	margin-left:0;
}
.wrapElecTable .txt {
	margin:10px 0 15px;
	font-size:138.5%;
	text-align:center;
}
.elecTable {
	margin-bottom:52px;
}
.elecTable td {
	padding:15px 20px 35px;
	border-left:14px solid #FFF;
	border-right:14px solid #FFF;
	font-size:116%;
	line-height:1.6;
}
.elecTable td.step {
	width:17%;
	padding:5px;
	border:none;
	background:#B1C1D8 url(/img/common/bg_arrow01.gif) no-repeat 50% 100%;
	-webkit-background-size:100% auto;
	background-size:100% auto;
	color:#081E3E;
	text-align:center;
}
.elecTable td.step span {
	font-size:146.5%;
	font-weight:bold;
	line-height:0.9;
	letter-spacing:-3px;
}
.elecTable td.step em {
	font-size:93%;
	font-weight:bold;
	letter-spacing:-1px;
}
.elecTable td.step01 {
	background:#B1C1D8 url(/img/common/bg_arrow02.gif) no-repeat 50% 100%;
	-webkit-background-size:100% auto;
	background-size:100% auto;
}
.elecTable td.lastStep {
	background:#F2B92E;
	color:#00419F;
}
.elecTable td.color03 {
	border-right:none;
	background:#EBF6E9 url(/img/common/bg_arrow05.gif) no-repeat 50% 100%;
	-webkit-background-size:100% 20px;
	background-size:100% 20px;
	height: 350px;
}
.elecTable td.color05 {
	border-right:none;
	background:#FEEEC6 url(/img/common/bg_arrow05.gif) no-repeat 50% 100%;
	-webkit-background-size:100% 20px;
	background-size:100% 20px;
	height: 100px;
}
.elecTable td.colorGray {
	text-align:center;
	border-right:none;
	background:#ECECEC url(/img/common/bg_arrow03.gif) no-repeat 50% 100%;
	-webkit-background-size:100% auto;
	background-size:100% auto;;
}
.elecTable td.last {
	padding:0;
	border-right:none;
	background:none;
}
.elecTable td.last span {
	display:block;
	width:100%;
	height:100%;
	padding:20px 22px;
	border:8px solid #FFD36A;
	background:#FEEEC6;
}
.f17 .elecTable td.last span {
	padding:45px 22px;
}
/*
.button03 {
	max-width:406px;
	width:45%;
	margin:1px 9px 0 50px;
}*/
.button03 {
	max-width:525px;
	width:80%;
	margin:0 auto;
}
.button04 {
	max-width:525px;
	width:100%;
	margin:0 auto;
}

.button01 .txt, .button02 .txt {
	text-align:center;
}
.button01 .txt span {
	display:inline-block;
	position:relative;
	margin-bottom:4px;
	padding:1px 10px 2px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:#EAF4F4;
	font-size:116%;
	behavior:url(/js/PIE.php);
}

.button01 .btn a {
	display:block;
	padding:3px;
	border-bottom:3px solid #D4CFC0;
	background:#6F8BB4 url(/img/common/icon_arrow09.png) no-repeat 96% 50%;
}
.button03 .btn a {
	display:block;
	padding:21px 0px;
	border-bottom:3px solid #D4CFC0;
	background:#5C7AA9 url(/img/common/icon_arrow09.png) no-repeat 96% 50%;
}
.button04 .title {
	margin-bottom:6px;
	color:#071223;
	font-size:110%;
}
.button04 .btn a {
	display:block;
	text-decoration: none;
	padding:15px 50px 15px 15px;
	border-radius:5px;
	background:#D70C1F url(/img/common/icon_arrow13.png) no-repeat 96% 50%;
}
.button01 .btn img, .button02 .btn img {
	display:inline-block;
	vertical-align:middle;
}
.button01 .btn span, .button02 .btn span {
	display:inline-block;
	width:71%;
	margin-left:10px;
	color:#FFF;
	font-size:153.9%;
	font-weight:bold;
	vertical-align:middle;
}
.button03 .btn span {
	display:inline-block;
	width:95%;
	margin-left:10px;
	color:#FFF;
	font-size:140%;
	font-weight:bold;
	vertical-align:middle;
}
.button04 .btn span.text {
	margin-right:10px;
	width:auto;
	padding:10px;
	color:#FFF;
	font-size:95%;
	border:1px solid #FFF;
	vertical-align:middle;
	display: inline-block;
}
.button04 .btn span.title {
	width:95%;
	color:#FFF;
	font-size:140%;
	font-weight:bold;
	vertical-align:middle;
	line-height: 1.4;
	margin-bottom: 0;
}
.button03, .button4 {
	font-size:100% !important;
}
.button02 {
	margin:1px 2px 0 0;
}
.button02 .txt span {
	display:inline-block;
	margin:0 10px 7px;
	padding:2px 15px;
	background:url(/img/owner/bg_line01.png) no-repeat 0 50%, url(/img/owner/bg_line02.png) no-repeat 100% 50%;
	color:#FF7100;
	font-size:138.5%;
	font-weight:bold;
}
.button03 .txt span {
	display:inline-block;
	margin:0 62px 9px;
	padding:2px 16px;
	background:url(/img/owner/bg_line03.png) no-repeat 0 50%, url(/img/owner/bg_line04.png) no-repeat 100% 50%;
	color:#5C7AA9;
	font-size:127%;
	font-weight:bold;
}
.button02 .btn a {
	display:block;
	padding:4px 5px 5px;
	border-bottom:3px solid #D4CFC0;
	background:#EC832F url(/img/common/icon_arrow10.png) no-repeat 96% 50%;
}
.bottomGroup {
	margin:50px 22px 6px;
	display: flex;
	justify-content: center;
	flex-direction: row;
	gap: 22px;
}
.bottomGroup:after {
	display: none;
}
.bottomGroup .button01 {
	max-width:335px;
	width:100%;
	margin:0;
}
.telBlock {
	max-width:578px;
	width:100%;
}
p.txtNote {
	margin-left:1.3em;
	font-size:93%;
	text-align:left;
	line-height:1.5;
	text-indent:-1.3em;
}
p.txtNote2 {
	margin-left:1.3em;
	font-size:93%;
	text-align:left;
	line-height:1.5;
	text-indent:-0.7em;
}
p.txtNote3 {
	margin-left:8.3em;
	font-size:85%;
	text-align:left;
	line-height:1.5;
	text-indent:-8.3em;
	padding:0 55px 30px 55px;
}
p.txtNote4 {
	font-size:85%;
	text-align:left;
	line-height:1.5;
	text-indent:-2em;
	padding:0 20px 40px 0;
}
p.txtNote span {
	margin-right:3px;
	color:#C90F20;
}
.linkList {
	margin-left:20px;
	list-style:disc;
}
.linkList li {
	margin-bottom:8px;
}
.linkList a {
	color:#333;
	text-decoration:none;
}
.linkList a:hover {
	color:#333;
	text-decoration:underline;
}
.tabStyle02 .tab {
	margin-bottom:30px;
}
.tabStyle02 .tab li {
	display:inline;
}
.tabStyle02 .tab a {
	float:left;
	display:block;
	width:20%;
	height:50px;
	border-left:1px solid #F7F7F7;
	background:#7DBEBE;
	color:#FFF;
	font-size:138.5%;
	text-align:center;
	line-height:50px;
	text-decoration:none;
}

.tabStyle02 .tab li:first-child a {
	border-left:none;
}
.tabStyle02 .tab .active a {
	border-bottom:none;
	background:#fc703a;
}
.tabStyle02 .tabContents {
	clear:both;
	width:100%;
}
.tabStyle02 .tabBox {
	display:none;
}
.tabStyle02 #tab01 {
	display:block;
}
.tabStyle02 .tariffBlock {
	margin-bottom:0;
}

@media screen and (max-width:999px) {
	.bottomGroup {
		align-items: center;
		flex-direction: column;
		gap: 10px;
	}
	.bottomGroup .button01 {
		max-width:578px;
		width:100%;
	}
	.bottomGroup .telBlock {
		width:100%;
	}
}
@media screen and (max-width:736px) {
	.section1 {
		padding: 44px 15px 40px;
		margin-bottom: 30px;
	}
	.section1 .inner {
		margin-bottom: 54px;
	}
	.button03, .button4 {
	max-width:525px;
	width:90%;
	margin:0 auto;
	}
	.bottomGroup .button01 {
		max-width:430px;
		width:100%;
	}
	.telBlock .spDisplay{
		margin: auto;
	}
	.elecBlock {
		margin-top:15px;
	}
	.elecBlock .image {
		float:none;
		width:100%;
		margin:0 auto;
	}
	.elecBlock .text {
		float:none;
		width:100%;
	}
	.elecBlock .text .title {
		margin:10px 0;
		font-size:116%;
	}
	.elecBlock .text p {
		margin-bottom:10px;
		font-size:100%;
	}
	.contractBlock {
		padding:10px;
	}
	.wrapTable .grayBox {
		padding:5px 10px;
		font-size:100%;
	}
	.wrapTable .title {
		font-size:123.1%;
	}
	.tariffBlock {
		margin:10px 0 20px;
	}
	.tariffBlock .title {
		font-size:123.1%;
	}
	.tariffBlock .tariff {
		height:150px;
		line-height:150px;
	}
	.tariffBlock .tariff a {
		height:40px;
		font-size:100%;
		line-height:40px;
	}
	.button01 .btn img, .button02 .btn img {
		width:50px;
	}
	.wrapContract .txt {
		font-size:100%;
	}
	.wrapContract li {
		float:none;
		max-width:452px;
		width:100%;
		margin:0 auto 10px !important;
	}
	.contractBlock .title span {
		font-size:116%;
	}
	.wrapElecTable {
		margin-bottom:20px;
	}
	.wrapElecTable .txt {
		font-size:100%;
	}
	.elecTable {
		margin:0;
	}
	.elecTable th {
		border-width:6px;
	}
	.elecTable th span.txt {
		font-size:116%;
	}
	.elecTable td {
		padding:5px 10px 20px;
		border-width:6px;
		font-size:100%;
	}
	.elecTable td.step span {
		font-size:108%;
	}
	.elecTable td.step em {
		font-size:85%;
	}
	.bottomGroup {
		margin:20px 0 0;
	}
}
@media screen and (max-width:640px) {
	.tabStyle02 .tab a {
		font-size:93%;
	}
}
@media screen and (max-width:550px) {
	.wrapTable {
		overflow:auto;
	}
	.overflowTable {
		min-width:500px;
		width:100%;
	}
	.wrapElecTable {
		overflow:auto;
	}
	.elecTable {
		min-width:500px;
		width:100%;
	}
}
@media screen and (max-width:480px) {
	.button01 .btn span, .button02 .btn span {
		font-size:116%;
	}
	#main .section .chargeText.text01 span {
		font-size:100%;
	}
	.button01 .txt span, .button02 .txt span {
		font-size:100%;
	}
	.contractBlock .title {
		padding-bottom:20px;
		-webkit-background-size:15px auto;
		background-size:15px auto;
	}
	.contractBlock .title a {
		font-size:116%;
	}
	#main .section .chargeText span {
		padding-bottom:7px;
	}
	.navButton .txt span {
		font-size:100%;
	}
}
@media screen and (max-width:320px) {
	.button01 .btn a, .button02 .btn a {
		-webkit-background-size:15px auto;
		background-size:15px auto;
	}
}
@media screen and (max-width:736px) {
    .fuelcostBtn .button04 {
        width:100%;
    }
    .fuelcostBtn .button04 span.title {
        font-size:16px!important;
    }
}
@media screen and (max-width:440px) {
    .fuelcostBtn .button04 span.titleSize {
        width:45vw;
        display:inline-block;
    }
    .fuelcostBtn .button04 .btn span.text {
        width:auto;
        display:inline-block;
    }
}