@charset "UTF-8";
/*
Site Name: 【法人向け】市場連動型の高圧電力プラン | シン・エナジー
Author: シン・エナジー
Description:
Version: 1.0.2
Updated: 2025-10-07
*/

/* Color Scheme
-----------------------------------------------------

	=THEME COLOR = #08a3ab

-----------------------------------------------------
*/

@import url(reset.css);

/* CSS Variable
----------------------------------------------------- */
:root {
  --color-primary: #08a3ab;
  --color-primary-rgb: 112, 192, 135;
  --color-secondary: #fa7e55;
  --color-secondary-rgb: 112, 192, 135;

  --color-white: #fff;
  --color-white-rgb: 255, 255, 255;
  --color-black: #000;
  --color-black-rgb: 0, 0, 0;
}

/*
-----------------------------------------------------

	=GLOBAL LAYOUT

-----------------------------------------------------
*/

* {
	margin: 0; padding: 0;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
					box-sizing: border-box;
}

html {
	font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif, serif;
	-webkit-font-smoothing: antialiased !important;
	-webkit-text-stroke: 1px transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	color: #000;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.0;
	word-wrap: break-word;
	letter-spacing: 0.05em;
}
/* Firefox
@-moz-document url-prefix() {
	html {
		font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif, serif;
	}
} */
/* IE11 */
_:-ms-lang(x)::-ms-backdrop, html {
	font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif, serif;
}

body {
	font-size: 1.6rem;
}
body::before {
	content: "";
	position: fixed;
	z-index: -99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
h1, h2, h3, h4, h5, h6, p, pre, dt, dd, li {
	line-height: 2.0;
}
p, ul, ol, dl, table {
	margin-bottom: 2em;
}
p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child {
	margin-bottom: 0;
}
table {
	width: 100%;
	border-collapse: collapse;
	line-height: 1.8;
	text-align: left;
}
th, td {
	padding: 1em 1.5em;
	vertical-align: top;
	border: none;
}
th {
	font-weight: bold;
	text-align: justify;
}
tr {
	border-bottom: solid 1px rgba(0,0,0,0.1);
}

hr {
	clear: both;
	border: none;
}
img {
	display: inline-block;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
a img {
	border: none;
}
a {
	color: #08a3ab;
	text-decoration: underline;
}
a {
	cursor: pointer;
	-webkit-transition: all ease-out 0.2s;
		 -moz-transition: all ease-out 0.2s;
			-ms-transition: all ease-out 0.2s;
					transition: all ease-out 0.2s;
}
a:hover {
	opacity: 0.5;
	text-decoration: none;
}
/*::selection {
	background-color: rgba(0,0,0,0.25);
}*/

em {}

ol{
	counter-reset: number;
	list-style: none;
}
ol li {
	position: relative;
	padding-left: 2.5em;
}
ol li:not( :last-child ) {
	margin-bottom: 1.5em;
}
ol li::before {
	position: absolute;
	left: 0;
	counter-increment: number;
	content: "("counter(number)")";
	margin: 0 1.0em 0 0;
}
ol li ol:last-child { margin-bottom: 2em; }
ol li ol li::before {
	content: "("counter(number,lower-roman)")";
}
ol li ol li:not( :last-child ) {
	margin-bottom: .5em;
}


strong { font-weight: bold; }
iframe { display: block; max-width: 100%;}
form {}
input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea {
	padding: 5px;
	font-size: 16px;
	font-weight: inherit;
	color: inherit;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea,
select {
	background-color: #eee;
	color: #555;
	border: 1px solid #eee;
	line-height: 1;
	vertical-align: middle;
	max-width: 100%;
	border-radius: 5px;
}
textarea {}
input[type=text] { margin-bottom: 0.5em; }
input[type=text]:last-child { margin-bottom: 0; }
input[type=email] {}
input[type=submit] { cursor: pointer;}
input[type=text]:focus,
textarea:focus {
	color: #555;
}
form ul { margin: 0 !important; padding: 0 !important; border: none !important;}
form ul li { display: inline-block !important;}
form label { margin-right: 1.4em;}
form input[type*="submit"] {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0 auto 20px;
	padding: 1em 2em;
	border: none;
	background-color: #e45539;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	-webkit-transform: translate3d(0,0,0);
		 -moz-transform: translate3d(0,0,0);
			-ms-transform: translate3d(0,0,0);
					transform: translate3d(0,0,0);
	-webkit-transition: all ease-out 0.1s;
		 -moz-transition: all ease-out 0.1s;
			-ms-transition: all ease-out 0.1s;
					transition: all ease-out 0.1s;
}
form input[type*="submit"]:hover {
	opacity: 0.7;
}
::placeholder {
	color: #ddd;
}



/*
-----------------------------------------------------

	=GLOBAL STYLE

-----------------------------------------------------
*/

#container {
	overflow: hidden;
}

.wrapper {
	width: 1080px;
	max-width: 100%;
	margin: auto;
}
.wrapper-min { width: 800px;}
.wrapper-1200 { width: 1200px;}
.wrapper-1120 { width: 1120px;}
.wrapper-1000 { width: 1000px;}
.wrapper-960 { width: 960px;}
.wrapper-800 { width: 800px;}
.wrapper-720 { width: 720px;}

#cont {}
#main {}
#main main {}


/*
-----------------------------------------------------

	=MEDIA QUERIES RESPONSIVE STRUCTURE

-----------------------------------------------------
*/

/* DESKTOP
----------------------------------------------------- */
@media screen and (min-width: 600px) {
	.sp { display: none !important; }

	body {
		min-width: 1200px;
	}
}

/* SMARTPHONE
----------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 599px) {
	.pc { display: none !important;}

	html {
		font-size: 10px;
	}
	body {
		font-size: 1.4rem;
		letter-spacing: 0;
	}

	/* APPERANCE
	--------------------------------------------------*/
	input[type="button"],
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="submit"],
	select {
		-webkit-appearance: none;
		border-radius: 0;
	}

	iframe {
		width: 100%;
		max-height: 240px;
	}
	th, td {
		font-size: 1.2rem;
		padding: 1em 0.5em;
	}

	/* =GLOBAL STYLE
	-------------------------------------------------- */
	.wrapper {
		width: auto;
		padding: 0 6.25vw;
		margin: auto;
	}
}

/*
-----------------------------------------------------

 	=PRELOADER (imagesloaded.pkgd.min.js)

-----------------------------------------------------
*/

.js-imageloaded {}
.js-imageloaded.loaded {}

/* =ANIMATION (jquery.inview.js)
----------------------------------------------------- */
.js-inview {
		-webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
			 -moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
				-ms-transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
				 -o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
						transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

.js-inview.inview-fadein {
	opacity: 0;
}
.js-inview.inview-fadein.is-show {
	opacity: 1;
}

.js-inview.inview-zoomin {
	opacity: 0;
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	filter: blur(5px);
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	-o-filter: blur(5px);
}
.js-inview.inview-zoomin.is-show {
	opacity: 1;
	filter: blur(0);
	-webkit-filter: blur(0);
	-moz-filter: blur(0);
	-ms-filter: blur(0);
	-o-filter: blur(0);
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.js-inview.inview-zoom {
	transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-webkit-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-moz-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-ms-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-o-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;

	opacity: 0;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
}
.js-inview.inview-zoom.is-show {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}

.js-inview.inview-blur {
	opacity: 0;
	filter: blur(100px);
	-webkit-filter: blur(100px);
	-moz-filter: blur(100px);
	-ms-filter: blur(100px);
	-o-filter: blur(100px);
}
.js-inview.inview-blur.is-show {
	opacity: 1;
	filter: blur(0);
	-webkit-filter: blur(0);
	-moz-filter: blur(0);
	-ms-filter: blur(0);
	-o-filter: blur(0);
}

.js-inview.inview-floatup {
	transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
	-webkit-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
	-moz-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
	-ms-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
	-o-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;

	opacity: 0;
	transform: translate3d(0px, 200px, 0px);
	-webkit-transform: translate3d(0px, 200px, 0px);
	-moz-transform: translate3d(0px, 200px, 0px);
	-ms-transform: translate3d(0px, 200px, 0px);
	-o-transform: translate3d(0px, 200px, 0px);
}
.js-inview.inview-floatup.is-show {
	opacity: 1;
	transform: translate3d(0px, 0, 0px);
	-webkit-transform: translate3d(0px, 0, 0px);
	-moz-transform: translate3d(0px, 0, 0px);
	-ms-transform: translate3d(0px, 0, 0px);
	-o-transform: translate3d(0px, 0, 0px);
}
.js-inview.inview-floatintoright {
	transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-webkit-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-moz-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-ms-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-o-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;

	opacity: 0;
	transform: translate3d(-40px, 0px, 0px);
	-webkit-transform: translate3d(-40px, 0px, 0px);
	-moz-transform: translate3d(-40px, 0px, 0px);
	-ms-transform: translate3d(-40px, 0px, 0px);
	-o-transform: translate3d(-40px, 0px, 0px);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
}
.js-inview.inview-floatintoright.is-show {
	opacity: 1;
	transform: translate3d(0px, 0, 0px);
	-webkit-transform: translate3d(0px, 0, 0px);
	-moz-transform: translate3d(0px, 0, 0px);
	-ms-transform: translate3d(0px, 0, 0px);
	-o-transform: translate3d(0px, 0, 0px);
}
.js-inview.inview-floatintoleft {
	transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-webkit-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-moz-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-ms-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-o-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;

	opacity: 0;
	transform: translate3d(40px, 0px, 0px);
	-webkit-transform: translate3d(40px, 0px, 0px);
	-moz-transform: translate3d(40px, 0px, 0px);
	-ms-transform: translate3d(40px, 0px, 0px);
	-o-transform: translate3d(40px, 0px, 0px);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
}
.js-inview.inview-floatintoleft.is-show {
	opacity: 1;
	transform: translate3d(0px, 0, 0px);
	-webkit-transform: translate3d(0px, 0, 0px);
	-moz-transform: translate3d(0px, 0, 0px);
	-ms-transform: translate3d(0px, 0, 0px);
	-o-transform: translate3d(0px, 0, 0px);
}


/*
-----------------------------------------------------

	=HEADER

-----------------------------------------------------
*/

/* =HEADER
----------------------------------------------------- */
.header-global {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100px;
	background-color: #fff;
	box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.15);
}
.header-global,
.header-global * {
	-webkit-transition: all ease-out 0.2s;
	-moz-transition: all ease-out 0.2s;
	-ms-transition: all ease-out 0.2s;
	transition: all ease-out 0.2s;
}
.header-global>.inner {
	padding: 0 20px;
	align-items: center;
	-webkit-transition: all ease-out 0.2s;
	-moz-transition: all ease-out 0.2s;
	-ms-transition: all ease-out 0.2s;
	transition: all ease-out 0.2s;

	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-shrink: 0;
	align-items: center;
	height: 100%;
}
.header-global>.inner .header-left,
.header-global>.inner .header-right {
	display: flex;
	align-items: center;
}
.header-global>.inner .header-left {}
.header-global>.inner .header-right {}

.header-global>.inner .header-left {}
.header-global>.inner .header-left>* {}
.header-global>.inner .header-left .nav-pc {}
.header-global>.inner .header-left .nav-sp {}
.header-global>.inner .header-left .logo {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 173px;
	max-width: 100%;
}
.header-global>.inner .header-right {
	display: block;
	text-align: right;
}
.header-global>.inner .header-right .nav-pc {}
.header-global>.inner .header-right .nav-pc ul.nav-main li {}
.header-global>.inner .header-right .nav-pc ul.nav-main li.button {
	margin: 0 0 0 10px;
}
.header-global>.inner .header-right .nav-pc ul.nav-main li a {}
.header-global>.inner .header-right .nav-pc ul.nav-main li a:hover {}
.header-global>.inner .header-right .nav-pc ul.nav-main li ul {
	background-color: #fff;
}
.header-global>.inner .header-right .nav-sp {}

/* 画面スクロール時 */
.scrolled .header-global {
	position: fixed;
}
.scrolled .header-global>.inner .header-left .logo img {}
.scrolled .header-global>.inner .header-left .logo:after {}
.scrolled .header-global>.inner .header-right .nav-pc ul.nav-main li,
.scrolled .header-global>.inner .header-right .nav-pc ul.nav-main li a {}
.scrolled .header-global>.inner .header-right .nav-pc ul.nav-main li ul {
	background-color: #fff;
}
.scrolled .header-global>.inner .header-right .nav-pc ul.nav-main li ul li a {}
.scrolled .header-global>.inner .header-right .nav-pc ul.nav-main>li>a::before {
	background-color: #000;
}

@media screen and (min-width: 600px) {
	#cont {
		padding-top: 100px;
	}
	.top #cont {}
	.header-global {
		min-width: 1280px;
	}
	.header-global>.inner .header-left .logo {
		margin-left: 40px;
	}

	/* 画面スクロール時 */
	.scrolled .header-global {}
	.scrolled .header-global>.inner {}

	/* 下層ページ共通 */
	.sub .header-global {}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	#cont {
		padding-top: 50px;
	}
	.header-global {
		height: 50px;
		background-color: #fff;
	}
	.header-global>.inner {
		padding: 0 20px;
		padding: 0 0;
		height: 100%;
	}
	.header-global>.inner .header-left,
	.header-global>.inner .header-right {
		width: 100%;
		padding: 0;
	}
	.header-global>.inner .header-left {}
	.header-global>.inner .header-right {
		text-align: left;
	}
	.header-global>.inner .header-left .logo {
		width: 100px;
		margin-left: 20px;
		max-width: 100%;
	}
	/* 画面スクロール時 */
	.scrolled .header-global {}
}

/*
-----------------------------------------------------

	=NAVIGATION - PC

-----------------------------------------------------
*/

@media screen and (min-width: 600px) {

	/* =NAVIGATION - PC
	----------------------------------------------------- */
	.nav-pc {
		margin: 0 0 0 2em;
	}
	.header-global>.inner .header-right .nav-pc {
		text-align: right;
	}
	.nav-pc * {
		-webkit-transition: all ease-out 0.2s;
		   -moz-transition: all ease-out 0.2s;
		    -ms-transition: all ease-out 0.2s;
		        transition: all ease-out 0.2s;
	}
	.nav-pc ul.nav-main {
		letter-spacing: 0;
		font-size: 0;
	}
	.nav-pc ul.nav-main li {
		display: inline-block;
		vertical-align: middle;
		font-size: 1.7rem;
		font-weight: normal;
		letter-spacing: 0.0em;
	}
	.nav-pc ul.nav-main li:not(:last-child) {
		margin: 0 1.5em 0 0;
	}
	.nav-pc ul.nav-main li a {
		position: relative;
		display: block;
		color: #000;
		line-height: 1;
		text-decoration: none;
	}
	.nav-pc ul.nav-main li a:not([class]) {}
	.nav-pc ul.nav-main li a:not([class]):hover {
		opacity: 1;
	}
	.nav-pc ul.nav-main>li>a:not([class]) {
		padding: 0.5em 0em;
	}
	.nav-pc ul.nav-main>li>a:not([class])::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0.0001%;
		height: 2px;
		background-color: #46403b;
		-webkit-transition: all ease-out 0.1s;
		   -moz-transition: all ease-out 0.1s;
		    -ms-transition: all ease-out 0.1s;
		        transition: all ease-out 0.1s;
	}
	.nav-pc ul.nav-main>li>a:not([class]):hover::before {
		width: 100%;
	}
	/* 子要素にさらにulがある場合
	.nav-pc ul.nav-main li {
		position: relative;
	}
	.nav-pc ul.nav-main li.has-child {}
	.nav-pc ul.nav-main li ul {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 20em;
		padding-top: 2em;
		padding: 0.75em;
	}
	.nav-pc ul.nav-main li:hover ul {
		display: block;
	}
	.nav-pc ul.nav-main li ul li {
		display: block;
		padding: 0.75em;
		font-size: 80%;
		text-align: left;
	}
	.nav-pc ul.nav-main li ul li a:hover {
		opacity: 0.5;
	} */
}

@media screen and (min-width: 600px) and (max-width: 1499px) {
	.nav-pc ul.nav-main li {
		font-size: 1.4rem;
	}
	.nav-pc ul.nav-main li:not(:last-child) {
		margin: 0 1.25em 0 0;
	}
	.nav-pc ul.nav-main .button-more.small {
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 600px) and (max-width: 1299px) {
	.header-left .nav-pc ul.nav-main {
		display: none;
	}
}

/*
-----------------------------------------------------

	=NAVIGATION - SP

-----------------------------------------------------
*/

@media screen and (min-width: 0px) and (max-width: 599px) {

	/* =NAVIGATION - SP
	----------------------------------------------------- */
	.nav-sp {
		position: fixed;
		z-index: 9992;
		top: 0;
		left: 0;
		bottom: auto;
		width: 80vw;
		height: 100vh;
		padding: 0;
		border-radius: 0;
		background-color: transparent;
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 5px 8.66px 10px 0px rgba(0, 0, 0, 0.07);
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		-webkit-transition: opacity ease-out 0.25s;
		-moz-transition: opacity ease-out 0.25s;
		-ms-transition: opacity ease-out 0.25s;
		transition: opacity ease-out 0.25s;
		opacity: 0;

		padding-top: 50px;
	}
	.nav-sp.on {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		   -moz-transform: translate3d(0, 0, 0);
		    -ms-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
	.nav-sp.on .inner {}
	.nav-sp .inner {
		padding: 6.25vw;
	}
	.nav-sp ul.nav-main {
		margin: 0;
		padding: 25px 0;
	}
	.nav-sp ul.nav-main li {
		text-align: center;
	}
	.nav-sp ul.nav-main li:not([class]) {
		display: block;
		font-size: 1.6rem;
		font-weight: bold;
		letter-spacing: 0em;
		text-transform: capitalize;
	}
	.nav-sp ul.nav-main li:not(:last-child) {
		margin: 0 0 2.5em 0;
	}
	.nav-sp ul.nav-main li a {
		display: block;
		line-height: 1;
		text-decoration: none;
	}
	.nav-sp ul.nav-main li a:not([class]) {
		color: inherit;
	}
	.nav-sp ul.nav-main li a:hover {
		opacity: 0.25;
	}
	.nav-sp ul.nav-main ul {
		margin: 1.5em 0 0 0;
	}
	.nav-sp ul.nav-main ul li {
		margin: 1.5em 0 0 0;
		position: relative;
		padding-left: 1em;
	}
	.nav-sp ul.nav-main ul li:before {
		position: absolute;
		left: 0.25em;
		top: -0.5em;
		content: "-";
		color: #666;
	}
	.nav-sp ul.nav-main ul li a {}
	.nav-sp ul.nav-main li {}


	.nav-sp ul.list-button li.button {
		width: 100%;
		margin: 0 0 10px 0;
	}
	.nav-sp ul.list-button li .button-action {
		width: 100%;
		font-size: 1.7rem;
	}

	/* =TOGGLER
	----------------------------------------------------- */
	ul.nav-icon {
		position: fixed;
		z-index: 9999;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		text-align: right;
		font-size: 0;
		letter-spacing: 0;
	}
	ul.nav-icon li {
		display: inline-block;
		vertical-align: top;
		z-index: 9999;
		width: auto;
		padding: 0 1em;
		min-width: 50px;
		height: 50px;
		border-radius: 0;
		background-color: #fcd005;
		font-size: 1.6rem;
		-webkit-transition: all ease-out 0.4s;
		-moz-transition: all ease-out 0.4s;
		-ms-transition: all ease-out 0.4s;
		transition: all ease-out 0.4s;
		cursor: pointer;
	}
	ul.nav-icon li:not(:last-child) {
		margin-right: 0;
	}
	ul.nav-icon li a {
		height: 100%;
		display: flex;
		align-items: center;
		text-align: center;
		color: inherit;
		font-weight: bold;
		text-decoration: none;
	}
	ul.nav-icon li.toggler {
		position: relative;
		background-color: #08a3ab;
	}
	.scrolled ul.nav-icon li.toggler {}

	ul.nav-icon li.toggler a.trigger-bars {
		justify-content: center;
	}
	ul.nav-icon li.toggler a.trigger-bars,
	ul.nav-icon li.toggler a.trigger-bars span {
		display: inline-block;
		-webkit-transition: all ease-out 0.4s;
		   -moz-transition: all ease-out 0.4s;
		    -ms-transition: all ease-out 0.4s;
		        transition: all ease-out 0.4s;
	}

	ul.nav-icon li.toggler a.trigger-bars {
		position: absolute;
		z-index: 9999;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 28px;
		height: 16px;
	}
	ul.nav-icon li.toggler a.trigger-bars::after {
		position: absolute;
		width: 200%;
		left: -50%;
		top: 27px;
		display: block;
		letter-spacing: 0em;
		font-size: 1rem;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 1;
	}
	ul.nav-icon li.toggler a.trigger-bars span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #fff;
		border-radius: 0;
		-webkit-transition: all ease-out 0.14s;
		-moz-transition: all ease-out 0.14s;
		-ms-transition: all ease-out 0.14s;
		transition: all ease-out 0.14s;
	}
	.scrolled ul.nav-icon li.toggler a.trigger-bars span {}

	ul.nav-icon li.toggler a.trigger-bars span:nth-of-type(1) { top: 0;}
	ul.nav-icon li.toggler a.trigger-bars span:nth-of-type(2) { top: 7px;}
	ul.nav-icon li.toggler a.trigger-bars span:nth-of-type(3) { bottom: 0;}

	ul.nav-icon li.toggler.active a.trigger-bars {
		color: #444;
	}
	ul.nav-icon li.toggler.active a.trigger-bars span {}
	ul.nav-icon li.toggler.active a.trigger-bars span:nth-of-type(1) {
		-webkit-transform: translateY(7px) rotate(-45deg);
		        transform: translateY(7px) rotate(-45deg);
	}
	ul.nav-icon li.toggler.active a.trigger-bars span:nth-of-type(2) { opacity: 0;}
	ul.nav-icon li.toggler.active a.trigger-bars span:nth-of-type(3) {
		-webkit-transform: translateY(-7px) rotate(45deg);
		        transform: translateY(-7px) rotate(45deg);
	}
}

/*
-----------------------------------------------------

	=COMMON PARTS

-----------------------------------------------------
*/


/* =SECTION
----------------------------------------------------- */
.anchor {
	visibility: hidden;
	height: 0;
	display: block;
	padding-top: 150px;
	margin-top: -150px;
}
.block:not( :last-child ) {
	margin-bottom: 100px;
}
.section {
	padding: 100px 0;
}

hr {
	clear: both;
	border: none;
	height: 60px;
}
hr.sep {
	background-color: #dcdcdc;
	height: 1px;
}
hr.hr-border {
	margin: 2em auto;
	height: 1px;
	background-color: #dcdcdc;
}

.section-header {
	text-align: center;
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.block:not( :last-child ) {
		margin: 0 auto 6.25vw;
	}
	.section {
		padding: 6.25vw 0;
	}
	hr {
		height: 6.25vw;
	}
	hr.hr-border {
		margin: 3.125vw auto;
	}
}


/* =TEXT
----------------------------------------------------- */
.text-note {
	color: #777;
	font-size: 1.5rem;
}
.fc-theme {
	color: #08a3ab;
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.text-note {
		font-size: 1.1rem;
	}
}


/* =HEADING
----------------------------------------------------- */
.title-with-logo {
	margin: 0 0 0.75em;
	font-size: 5.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
.title-with-logo>* {
	display: block;
}
.title-with-logo .logo {
	width: 217px;
	margin: auto;
}
.title-with-logo .logo img {
	display: block;
}
.title-with-logo .text {}

.title-speaker {
	margin: 0 0 1em;
	text-align: center;
	color: #000;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.10em;
	line-height: 1.5;
	text-align: center;
}
.title-speaker > * {
	position: relative;
	display: inline-block;
	padding: 0 1em;
	text-shadow: 1px 1px 4px #fff;
}
.title-speaker > *::before,
.title-speaker > *::after {
	content: "";
	width: 0.125rem;
	height: 100%;
	background-color: #000;
	position: absolute;
	top: 0;
}
.title-speaker > *::before {
	left: 0;
	-webkit-transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	transform: rotate(-25deg);
}
.title-speaker > *::after {
	right: 0;
	-webkit-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	transform: rotate(25deg);
}

.title-japanese {
	margin: 0 0 25px;
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1.5;
}

@media screen and (min-width: 600px) {
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.title-with-logo {
		margin: 0 0 0.5em;
		font-size: 2.8rem;
		line-height: 1.2;
	}
	.title-with-logo .logo {
		margin: 0 auto 5px;
		width: 150px;
	}

	.title-speaker {
		font-size: 1.0em;
	}
	.title-japanese {
		font-size: 1.2em;
	}
}

/* =BUTTON
----------------------------------------------------- */
.button-more {
	position: relative;
	display: inline-block;
	padding: 25px 1.25em;
	width: 500px;
	max-width: 100%;
	line-height: 1.5;
	background-color: #fcd005;
	color: #000;
	font-size: 2.4rem;
	font-weight: bold;
	letter-spacing: 0.0em;
	border-radius: 3em;
	text-align: center;
	text-decoration: none;
	box-shadow: 4px 6.928px 12px 0px rgba(6, 0, 1, 0.15);
	-webkit-transition: all ease-out 0.2s;
	   -moz-transition: all ease-out 0.2s;
	    -ms-transition: all ease-out 0.2s;
	        transition: all ease-out 0.2s;
}
.button-more::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.25em;
	margin: auto;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	width: 11px;
	height: 11px;
	transform: rotate(45deg);
	-webkit-transition: all ease-out 0.2s;
	   -moz-transition: all ease-out 0.2s;
	    -ms-transition: all ease-out 0.2s;
	        transition: all ease-out 0.2s;
}
.button-more:hover {
	opacity: 1;
	box-shadow: none;
	background-color: #fcab05;
}
.button-more:hover::before {
	right: 1.00em;
}
.button-more.noshadow {
	box-shadow: none;
}
	/* SIZE */
	.button-more.small {
		width: auto;
		font-size: 1.6rem;
		padding: 16px 2.5em;
		box-shadow: none;
	}
	.button-more.small::before {
		display: none;
	}
	.button-more.white {
		background-color: #fff;
		border: solid 3px #000;
	}


@media screen and (min-width: 600px) {
	.button-more.large {
		width: 400px;
		font-size: 2.4rem;
	}
	.button-more.min {
		padding: 1.0em 1em;
		width: 200px;
	}
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.button-more {
		padding: 20px 2em;
		width: 100%;
		max-width: 100%;
		font-size: 1.2em;
	}
}

/* =BUTTON LIST
----------------------------------------------------- */
ul.list-button {
	font-size: 0;
	letter-spacing: 0;
	text-align: center;
}
ul.list-button li {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 10px 0;
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	ul.list-button li {
		display: block;
	}
}

/* =OTHER PARTS
----------------------------------------------------- */

/*
-----------------------------------------------------

	=FIRSTVIEW

-----------------------------------------------------
*/

/* =TOP - FIRSTVIEW (SLIDER)
----------------------------------------------------- */
.top-fv {
	position: relative;
	z-index: 1;
	width: calc(100%);
	height: 600px;
	margin: 0 auto;
	padding: 0;
}

.top-fv::before {}

/* FIRSTVIEW - IMAGE */
.top-fv .image {
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	width: 100%;
	height: calc(100% + 180px);
	height: calc(100% + 280px);
}

.top-fv .image img {}

/* FIRSTVIEW - CONTENT */
.top-fv .content {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.top-fv .content .tagline {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	text-align: left;
}
.top-fv .content .tagline .inner {
	position: relative;
}
.top-fv .content .tagline .text {
	margin: 0 0 15px;
}
.top-fv .content .tagline .text:last-child {
	margin-bottom: 0;
}

.top-fv .content .tagline .text.js-reveal>*::after {
	background-color: #fff;
}
.top-fv .content .tagline .text01 {}
.top-fv .content .tagline .button {}


@media screen and (min-width: 600px) {
	.top-fv {
		min-height: 400px;
	}
	.top-fv .image {}
	.top-fv .content .tagline .inner {
		position: relative;
		width: 600px;
		margin-left: auto;
	}
	.top-fv .content .tagline .button {
		width: 500px;
	}
}
@media screen and (min-width: 1600px) {
	.top-fv {}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.top-fv {
		margin: 0 auto;
		padding: 0 0 6.25vw;
		width: calc(100vw);
		height: auto;
		overflow: hidden;
	}
	.top-fv .image {
		position: relative;
		width: 120vw;
		height: auto;
	}
	.top-fv .content {
		position: relative;
		height: auto;
		margin: -20px 0 0;
	}

	.top-fv .content .tagline .inner {}
	.top-fv .content .tagline .text {
	}
}


/* flexslider.js */
.top-fv .flexslider.zoom-out .slides li {
	overflow: hidden;
}

.top-fv .flexslider.zoom-out .slides li img {
	-webkit-transition: all ease-out 8.0s;
	-moz-transition: all ease-out 8.0s;
	-ms-transition: all ease-out 8.0s;
	transition: all ease-out 8.0s;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.top-fv .flexslider.zoom-out .slides .flex-active-slide img {
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}

/* FLEXSLIDER.CSS - OVERRIDE */
.top-fv .flexslider {
	z-index: 2;
	background-color: transparent !important;
	margin-bottom: 0 !important;
	border: none !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

.top-fv .flexslider,
.top-fv .flexslider .slides {
	height: 100%;
}

.top-fv .flexslider .slides li {
	position: relative;
	width: 100%;
	height: 100%;
}

.top-fv .flexslider .slides li img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/* PAGER */
.top-fv .flexslider ol.flex-control-paging {
	counter-reset: number;
	list-style: none;
	bottom: -27px !important;
}

.top-fv .flexslider ol.flex-control-paging li {
	padding: 0 !important;
	margin-bottom: 0 !important;
	vertical-align: middle;
	font-size: 0;
	line-height: 0;
}

.top-fv .flexslider ol.flex-control-paging li:before {
	display: none;
}

.top-fv .flexslider ol.flex-control-paging li a {
	width: 9px !important;
	height: 9px !important;
	background-color: #ccc !important;
	box-shadow: none !important;
}

.top-fv .flexslider ol.flex-control-paging li a.flex-active {
	background-color: #333 !important;
}


/*
-----------------------------------------------------

	=MAIN CONTENTS

-----------------------------------------------------
*/


/* TOP - LATEST CASE
----------------------------------------------------- */
.top-latest-case {
	position: relative;
	z-index: 3;
}
.top-latest-case .arch {
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 240px;
	height: 360px;
	background: url(assets/images/top-fv-arch.webp) no-repeat center top 100px;
	background-image: url(assets/images/top-fv-arch-beige.webp);
	background-size: 100% auto;
}
.top-latest-case .inner {
	position: relative;
	z-index: 2;
}
.top-latest-case .latest-case {
	position: relative;
	padding: 50px 25px 25px;
	background-color: #d5edef;
	border-radius: 10px;
	text-align: center;
}
.top-latest-case .latest-case .header {
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}
.title-crown {
	display: inline-block;
	margin: 0;
	padding: 0.25em 1em;
	border-radius: 10px;
	background-color: #fff;
	color: #08a3ab;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: 0.10em;
	text-align: center;
}
.title-crown>* {
	display: inline-block;
	padding: 0 1em;
	padding-left: 46px;
	background: url(assets/images/icon-crown.webp) no-repeat left center;
	background-size: 36px auto;
}
/* ※事例スライダー .price-lineup の箇所でも少し後述あり */
.latest-case-lineup {}
.latest-case-lineup .lineup {}

/* 後半「削減事例」でも一部デザイン共通 */
/*.case-data {
	color: #08a3ab;
	font-size: 1.8rem;
	text-align: center;
}
.case-data .segment {
	margin: 0 0 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.case-data .segment>* {
	margin: 0 5px;
	border-radius: 5px;
}
.case-data .segment .region {
	font-size: 3.0rem;
}
.case-data .segment .energy {
	font-weight: bold;
	font-size: 2.0rem;
}
.case-data .segment .energy .num {
	font-size: 4.2rem;
}
.case-data .segment .energy .unit {}
.case-data .result {
	margin: 0 0 10px;
	display: flex;
	align-items: stretch;
	font-weight: bold;
	justify-content: center;
}
.case-data .result>* {
	margin: 0 5px;
	padding: 10px 20px;
	background-color: #fff;
	border-radius: 5px;
	display: flex;
	align-items: center;
}
.case-data .result .money {}
.case-data .result .money .price {
	font-size: 2.4rem;
}
.case-data .result .money .term {
	margin: 0 0 0 0.5em;
}
.case-data .result .reduction {}
.case-data .result .reduction .percent {
	font-size: 2.6rem;
	color: #fa7e55;
}
.case-data .result .reduction .unit {
	margin: 0 0 0 0.25em;
}
.case-data .note {
	font-size: 1.2rem;
}
.case-data .note * {
	line-height: 1.5;
}*/

@media screen and (min-width: 600px) {
	.latest-case-lineup {}
	.latest-case-lineup .lineup {
		position: relative;
	}
	.latest-case-lineup .lineup:not( :last-child )::before {
		content: "";
		position: absolute;
		right: -20px;
		top: 0;
		bottom: 0;
		width: 1px;
		height: 100%;
		background-color: #08a3ab;
		opacity: 0.4;
	}
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.top-latest-case .wrapper {
		padding: 3.125vw;
		padding: 0;
	}
	.top-latest-case .latest-case {
		padding: 6.25vw;
		border-radius: 0;
	}
	.top-latest-case .latest-case .header {
		position: static;
		margin: 0 0 2em;
	}
	.title-crown {
		font-size: 1em;
		letter-spacing: 0.00em;
	}
	.latest-case-lineup.flex-row.responsive > .lineup.flex-child {
		margin-bottom: 3.125vw;
		padding-bottom: 3.125vw;
		border-bottom: dashed 1px #08a3ab;
	}

	.latest-case-lineup.flex-row.responsive > .lineup.flex-child:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: 0;
	}
/*	.case-data .segment .region {
		font-size: 2.4rem;
	}
	.case-data .segment .energy {
		font-size: 1.1em;
	}
	.case-data .segment .energy .num {
		font-size: 3.0rem;
	}
	.case-data .segment .energy .unit {}
	.case-data .result {
		font-size: 1.5rem;
	}
	.case-data .result .money .price {
		font-size: 2.0rem;
	}
	.case-data .result .money .term {
		font-size: 1.0em;
	}
	.case-data .result .reduction .percent {
		font-size: 2.0rem;
	}
	.case-data .result .reduction .unit {
		font-size: 1.0em;
	}*/
}


/* TOP - MERIT
----------------------------------------------------- */
.top-merit {
	position: relative;
	z-index: 2;
	overflow: hidden;
	background-color: #08a3ab;
	color: #fff;
}
.top-merit .title-speaker {
	margin: 0 0 10px;
	color: #fff;
}
.top-merit .title-speaker>*::before,
.top-merit .title-speaker>*::after {
	background-color: #fff;
}
.title-merit {
	margin: 0 0 1em;
	font-size: 4.2rem;
	font-weight: bold;
	line-height: 1.5;
}
.title-merit * {
	display: inline-block;
	vertical-align: middle;
}
.title-merit .num {
	margin: -0.2em 0 0;
	display: inline-block;
	font-size: 2em;
	line-height: 1;
}
.title-merit img {
	display: inline;
}
.merit-lineup {}
.merit-lineup .lineup {
	overflow: hidden;
	border-radius: 10px;
	background-color: #fff;
	text-align: center;
	color: #000;
	font-size: 1.1em;
}
.merit-lineup .lineup .inner {
	padding: 25px;
}
.merit-lineup .lineup .inner .eyecatch {
	margin: 0 0 10px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.merit-lineup .lineup .inner .title {
	display: inline-block;
	margin: 0 0 5px;
	background: url(assets/images/icon-check.webp) no-repeat left center;
	background-size: 30px auto;
	padding-left: 38px;
	color: #08a3ab;
	font-size: 2.7rem;
	line-height: 1.5;
}
.merit-lineup .lineup .inner .text {}
.merit-lineup .lineup .inner .text * {
	line-height: 1.8;
}
@media screen and (min-width: 600px) {
	.top-merit .title-speaker {
		font-size: 2.6rem;
	}
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.title-merit {
		font-size: 2.0rem;
		text-align: center;
	}
	.title-merit img {
		width: 170px;
	}
	.title-merit .line02 {
		font-size: 1.5em;
	}
	.merit-lineup .lineup .inner .title {
		font-size: 2.4rem;
		background-size: 26px auto;
	}
}


/* TOP - PLAN
----------------------------------------------------- */
.top-plan {
	position: relative;
	z-index: 2;
	overflow: hidden;
	background-color: #edf6f6;
}
.text-guidance {
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: 0.05em;
}
.text-guidance * {
	line-height: 2.2;
}

/* 契約プランコンテンツ */
/* ※後半「削減事例」でも一部流用 */
.plan-block-lineup {}
.plan-block-lineup .lineup {
	overflow: hidden;
	border-radius: 10px;
	margin: 0 0 75px;
	background-color: #fff;
}
.plan-block-lineup .lineup:last-child {
	margin-bottom: 0;
}
.plan-block-lineup .lineup.guidance {}
.plan-block-lineup .lineup.chart {}
.plan-block-lineup .lineup.compariment {}
.plan-block-lineup .lineup.security {}
.plan-block-lineup .lineup.conditions {}

.plan-block-lineup .lineup .header {
	padding: 0 40px;
	background-color: #d2e9e9;
	font-size: 2.0rem;
}
.plan-block-lineup .lineup .header.js-acc-header {
	background: url(assets/images/icon-accordion-open.webp) no-repeat right 40px center;
	background-size: 26px auto;
	background-color: #d2e9e9;
}
.plan-block-lineup .lineup .header.js-acc-header-on {
	background-image: url(assets/images/icon-accordion-close.webp);
}
.plan-block-lineup .lineup .header .title {
	color: #08a3ab;
	font-size: 4.2rem;
	font-weight: bold;
	text-align: center;
}
.plan-block-lineup .lineup .content {
	padding: 50px;
}
.plan-block-lineup .lineup .content .inner {}
.title-label {
	margin: 0 0 1em;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
.title-label>* {
	display: inline-block;
	padding: 0.25em 1em;
	background-color: #08a3ab;
	color: #fff;
	border-radius: 5px;
}

.plan-block-lineup .lineup .figure .figure-image {
	margin: 0 0 3em;
	text-align: center;
}
.plan-block-lineup .lineup .figure .checkpoint-balloon {}
.plan-block-lineup .lineup .figure .checkpoint-balloon .balloon {
	position: relative;
	padding: 20px;
	background-color: #ec6c00;
	color: #fff;
	font-weight: 500;
}
.plan-block-lineup .lineup .figure .checkpoint-balloon .balloon * {
	line-height: 1.7;
}
.plan-block-lineup .lineup .figure .checkpoint-balloon .balloon::before {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
}
.plan-block-lineup .lineup .figure .checkpoint-balloon.arrow-top {
	margin: 40px 0 0;
}
.plan-block-lineup .lineup .figure .checkpoint-balloon.arrow-top .balloon::before {
	bottom: 100%;
	left: 50%;
	border-right: 8px solid transparent;
	border-bottom: 32px solid #ec6c00;
	border-left: 8px solid transparent;
	margin-left: -4px;
}
.plan-block-lineup .lineup .figure .checkpoint-balloon.arrow-bottom {
	margin: 0 0 40px;
}
.plan-block-lineup .lineup .figure .checkpoint-balloon.arrow-bottom .balloon::before {
	top: 100%;
	left: 50%;
	border-right: 8px solid transparent;
	border-top: 32px solid #ec6c00;
	border-left: 8px solid transparent;
	margin-left: -4px;
}
.plan-block-lineup .lineup .figure .checkpoint-balloon .title-checkpoint {
	margin: 0 0 5px;
	color: #fff799;
	font-size: 2.6rem;
	font-weight: 900;
	text-align: center;
}
.plan-block-lineup .lineup .figure .checkpoint-balloon .title-checkpoint>* {
	display: inline-block;
	background: url(assets/images/icon-bulb-checkpoint.webp) no-repeat left center;
	background-size: 39px auto;
	padding-left: 46px;
	margin-left: -23px;
	min-height: 50px;
}

/* 契約プラン - イントロ */
.plan-block-lineup .lineup.guidance {
	background: url(assets/images/top-plan-man.webp) no-repeat right 80px bottom;
	background-size: 230px auto;
	background-color: #fff;
}

/* 契約プラン - 電力価格に関わる市場の動向 */
.plan-block-lineup .lineup.chart {}
.plan-block-lineup .lineup.chart .inner {}
.plan-block-lineup .lineup.chart .figure {}
.plan-block-lineup .lineup.chart .figure .title-label {}
.plan-block-lineup .lineup.chart .figure .checkpoint-balloon {}

/* 契約プラン - 市場連動プランのメリット・デメリット */
.plan-block-lineup .lineup.compariment {}
.plan-block-lineup .lineup.compariment .inner {}
.plan-block-lineup .lineup.compariment .boxes {
	position: relative;
}
.plan-block-lineup .lineup.compariment .boxes::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #dcdddc;
}
.plan-block-lineup .lineup.compariment .title-label>* {
	display: block;
}
.plan-block-lineup .lineup.compariment .demerit .title-label>* {
	background-color: #777;
}

/* 契約プラン - 安定供給の実施 */
.plan-block-lineup .lineup.security {}
.plan-block-lineup .lineup.security .figure {
	margin: 1em 0 0;
}

/* 契約プラン - ご契約条件 */
.plan-block-lineup .lineup.conditions {}
table.table-conditions {}
table.table-conditions tr {
	display: block;
	margin-bottom: 1em;
	border-bottom: none;
}
table.table-conditions th,
table.table-conditions td {
	display: block;
	padding: 0;
	font-size: 2.0rem;
}
table.table-conditions th {
	color: #08a3ab;
}
table.table-conditions td {}

@media screen and (min-width: 600px) {
	.plan-block-lineup .lineup.chart .figure01 {}
	.plan-block-lineup .lineup.chart .figure01 .checkpoint-balloon .balloon {
		width: 460px;
		margin-left: auto;
	}
	.plan-block-lineup .lineup.chart .figure01 .checkpoint-balloon .balloon::before {
		left: inherit;
		right: 72px;
	}
	.plan-block-lineup .lineup.chart .figure02 {}
	.plan-block-lineup .lineup.chart .figure02 .checkpoint-balloon .balloon {
		width: 460px;
		margin: auto;
	}

	.plan-block-lineup .lineup.compariment {}
	.plan-block-lineup .lineup.compariment .boxes {}
	.plan-block-lineup .lineup.compariment .boxes>* {
		width: 420px;
	}

	.plan-block-lineup .lineup.security .figure {}
	.plan-block-lineup .lineup.security .figure .checkpoint-balloon .balloon {
		width: 300px;
		margin: auto;
	}
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.text-guidance {
		font-size: 1.2em;
	}
	.title-label {
		font-size: 1.8rem;
	}
	.plan-block-lineup .lineup {
		margin: 0 0 6.25vw;
	}
	.plan-block-lineup .lineup .header {
		padding: 20px 6.25vw;
		padding: 10px 60px;
	}
	.plan-block-lineup .lineup .header .title {
		font-size: 1.0em;
		line-height: 1.5;
	}
	.plan-block-lineup .lineup .content {
		padding: 6.25vw;
	}
	.plan-block-lineup .lineup .header.js-acc-header {
		background-position: right 20px center;
		background-size: 20px auto;
	}
	.plan-block-lineup .lineup .text-note {
		font-size: 1.2rem;
	}
	.plan-block-lineup .lineup .figure .checkpoint-balloon .title-checkpoint {
		font-size: 1.9rem;
	}


	.plan-block-lineup .lineup.guidance {
		background-image: none;
	}

	.plan-block-lineup .lineup.chart .figure01 .checkpoint-balloon .balloon::before {
		left: inherit;
		right: 4vw;
	}

	.plan-block-lineup .lineup.compariment .boxes::before {
		display: none;
	}

	table.table-conditions th,
	table.table-conditions td {
		font-size: 1.0em;
	}
}

/* TOP - CASE [削減事例・実績]
----------------------------------------------------- */
.top-case {
	position: relative;
	z-index: 2;
	overflow: hidden;
	background-color: #fffeef;
}
.title-undermarker {
	margin: 0 0 1em;
	color: #08a3ab;
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
}
.title-undermarker>* {
	display: inline-block;
	border-bottom: solid 1px #08a3ab;
}
/* 当社契約事例 */
/*.case-lienup .lineup {
	overflow: hidden;
	border-radius: 10px;
	border: solid 2px #d5edef;
	background-color: #d5edef;
}
.case-lienup .lineup .header {
	padding: 25px;
	background-color: #fff;
	text-align: center;
}
.case-lienup .lineup .header .genre {}
.case-lienup .lineup .header .genre>* {
	display: block;
	line-height: 1.5;
}
.case-lienup .lineup .header .genre .sub {
	margin: 0;
	color: #08a3ab;
	font-weight: bold;
}
.case-lienup .lineup .header .genre .main {
	font-size: 2.8rem;
}
.case-lienup .lineup .header .eyecatch {
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.case-lienup .lineup .header .eyecatch img {
	zoom: 0.5;
}
.case-lienup .lineup .content {
	padding: 25px 10px;
}*/


/* 料金事例 画像1枚 ver. */
.case-image {
	text-align: center;
	border-radius: 10px;
	padding: 20px;
	background-color: #fff;
}


@media screen and (min-width: 0px) and (max-width: 599px) {
	.case-image {
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		padding: 10px;
	}

	.case-image img {
		width: 210vw;
		display: table;
		max-width: inherit;
	}
}

/* 料金事例スライダー ver. */
.price-lineup .lineup {
	overflow: hidden;
	border-radius: 10px;
	border: solid 2px #d5edef;
	background-color: #fff;
}
.price-lineup .lineup .header {
	padding: 25px;
	background-color: #edf6f6;
	text-align: center;
}
.price-lineup .lineup .header .genre {
	margin: 0 0 10px;
}
.price-lineup .lineup .header .genre>* {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
.price-lineup .lineup .header .genre .sub {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0.05em .5em;
	border-radius: 5px;
	background-color: var(--color-primary);
	color: #fff;
	font-size: 1.8rem;
}
.price-lineup .lineup .header .genre .main {
	color: var(--color-primary);
	font-size: 2.8rem;
}
.price-lineup .lineup .header .region {
	color: var(--color-primary);
	font-size: 3.6rem;
}
.price-lineup .lineup .header .kw {
	display: block;
	margin: 0.75em 0 0;
	color: var(--color-primary);
	font-weight: bold;
}
.price-lineup .lineup .header .kw>* {
	display: inline-block;
	vertical-align: middle;
}
.price-lineup .lineup .header .kw .heading {
	margin: 0 15px 0 0;
	padding: 0.21em .5em;
	border-radius: 5px;
	border: solid 1px var(--color-primary);
	background-color: transparent;
	color: var(--color-primary);
}
.price-lineup .lineup .header .kw .price {
	font-size: 2.4em;
	line-height: 60px;
}
.price-lineup .lineup .header .kw .price .unit {
	font-size: 75%;
}
.price-lineup .lineup .eyecatch {
	height: 280px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.price-lineup .lineup .header .eyecatch img {
	zoom: 0.5;
}
.price-lineup .lineup .content {
	padding: 25px 20px;
}
/* ファーストビュー .latest-case-lineup でも共通 */
.case-data {}
.case-data .segment {
	margin: 0 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.case-data .segment>* {
	margin: 0 5px;
	border-radius: 5px;
}
.case-data .segment .region {
	font-size: 3.0rem;
}
.case-data .segment .energy {
	font-weight: bold;
	font-size: 2.0rem;
	color: var(--color-primary);
}
.case-data .segment .energy .num {
	font-size: 4.2rem;
}
.case-data .segment .energy .unit {}
.case-data .result {
	margin: 0 0 20px;
}
.case-data .result .money {
	margin: 0 0 15px;
	padding: 0 0 15px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	justify-content: space-between;
}
.case-data .result .money.before {
	color: #b5b5b5;
	background: url(assets/images/icon-arrow-down-top-reason-price-case.webp) no-repeat right 90px bottom;
	background-size: 32px auto;
}
.case-data .result .money.after {
	border-bottom: solid 1px #dcdcdc;
	color: var(--color-primary);
}
.case-data .result .money.compariment {
	color: var(--color-secondary);
}
.case-data .result .money .heading {
	padding: 0.75em 1em;
	border-radius: 5px;
}
.case-data .result .money.before .heading {
	background-color: #b5b5b5;
	color: #fff;
}
.case-data .result .money.after .heading {
	background-color: #d5edef;
	color: var(--color-primary);
}
.case-data .result .money.compariment .heading {
	background-color: var(--color-secondary);
	color: #fff;
}
.case-data .result .money .price {
	font-size: 2.4rem;
	font-size: 3.5rem;
	font-weight: bold;
	text-align: right;
}
.case-data .result .money.before .price {}
.case-data .result .money.after .price {}
.case-data .result .money.compariment .price {}
.case-data .result .money .unit {
	margin: 0 0 0 5px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: right;
}
.case-data .result .money.before .unit {}
.case-data .result .money.after .unit {}
.case-data .result .money.compariment .unit {}
.case-data .result .reduction {
	display: block;
	width: 100%;
	padding: 0.25em 1em;
	border-radius: 5px;
	background-color: var(--color-secondary);
	color: #fff;
	font-size: 2.8rem;
	text-align: center;
}
.case-data .result .reduction * {
	vertical-align: middle;
}
.case-data .result .reduction .percent {
	color: #fff7ba;
	font-size: 4.4rem;
	font-weight: bold;
}
.case-data .result .reduction .unit {
	margin: 0 0 0 0.25em;
}
.case-data .note {
	font-size: 1.0rem;
}
.case-data .note * {
	line-height: 1.5;
}

/* ファーストビュー .latest-case-lineup のみ */
.latest-case-lineup .case-data .result .money {
    margin: 0 0 10px;
	padding: 0 0 0;
}
.latest-case-lineup .case-data .result .money.before {
	color: #666;
	background: none;
}
.latest-case-lineup .case-data .result .money.after {
	border-bottom: none;
}
.latest-case-lineup .case-data .result .money.compariment {
    margin: 0 0 20px;
}
.latest-case-lineup .case-data .result .reduction {}
.latest-case-lineup .case-data .result .money.before .heading {
	background-color: #666;
	color: #fff;
}
.latest-case-lineup .case-data .result .money.after .heading {
	background-color: var(--color-primary);
	color: #fff;
}

@media screen and (min-width: 800px) {
	.latest-case-lineup .case-data .result .money .price {
		font-size: 3.6rem;
	}
}
@media screen and (min-width: 0px) and (max-width: 799px) {
	.price-lineup .lineup .eyecatch {
		height: 200px;
	}
	.price-lineup .lineup .eyecatch .x2 {
		zoom: 0.35;
	}
	.price-lineup .lineup .header .genre .main {
		font-size: 1.7rem;
	}
	.price-lineup .lineup .header .region {
		font-size: 2.4rem;
	}
	.case-data .result {
		font-size: 1.5rem;
	}
	.case-data .result .money {
		justify-content: space-between;
	}
	.case-data .result .money .price {
		font-size: 2.5rem;
	}
	.case-data .result .reduction .percent {
		font-size: 3.0rem;
	}
	.case-data .result .reduction .unit {
		font-size: 1.8rem;
	}
}

/* swiper.js */
.case-slider .swiper-grandparent {
	position: relative !important;
	width: 100%;
	padding-bottom: 50px;
	margin-bottom: -50px;
}
/* 左右のスライドを見せるver. （swiper.min.css を上書き） */
.case-slider .swiper-parent {
	max-width: 1200px;
	margin: auto;
}
.case-slider .swiper-grandparent .swiper-parent .swiper-container {
	overflow: visible !important;
}
.case-slider .swiper-wrapper {
	flex-wrap: inherit !important; margin-bottom: 0px !important;
}
.case-slider .swiper-container {
	/* Prev & Next をフル画面にしたいとき */
	position: static !important;
}
.case-slider .swiper-slide {}
.case-slider .swiper-slide-active { opacity: 1; }

/* Prev & Next */
.case-slider .swiper-button-prev,
.case-slider .swiper-container-rtl .swiper-button-next,
.case-slider .swiper-button-next,
.case-slider .swiper-container-rtl .swiper-button-prev {
	background-size: 100% auto !important;
	top: 0 !important;
	bottom: 0 !important;
	margin: auto !important;
	width: 20px !important;
	height: 100% !important;
}
.case-slider .swiper-button-prev,
.case-slider .swiper-container-rtl .swiper-button-next {
	left: -35px;
	background-image: url(assets/images/icon-arrow-left-slider.webp) !important;
}
.case-slider .swiper-button-next,
.case-slider .swiper-container-rtl .swiper-button-prev {
	right: -35px;
	background-image: url(assets/images/icon-arrow-right-slider.webp) !important;
}
.case-slider .swiper-container .swiper-pagination {
	position: static;
	padding: 15px 0 0;
}
.case-slider .swiper-container .swiper-pagination-bullet {}
.case-slider .swiper-container .swiper-pagination-bullet-active {
	background-color: #000 !important;
}

@media screen and (min-width: 800px) {
	.case-slider .swiper-button-prev,
	.case-slider .swiper-container-rtl .swiper-button-next,
	.case-slider .swiper-button-next,
	.case-slider .swiper-container-rtl .swiper-button-prev {}

}
@media screen and (min-width: 0px) and (max-width: 799px) {
	.case-slider .swiper-container {}
	.case-slider .swiper-slide {}
	.case-slider .swiper-slide-active { opacity: 1; }

	/* フル画面 ver.
	.case-slider .swiper-grandparent { padding: 0 !important; }
	.case-slider .swiper-grandparent .c-wrapper { padding: 0 !important; }
	*/

	/* センタリング ver. */
	.case-slider .swiper-grandparent {}
	.case-slider .swiper-grandparent .c-wrapper {
		padding: 0 20px !important;
	}
	.case-slider .swiper-grandparent .swiper-parent .swiper-container {
		overflow: hidden !important;
	}


	.case-slider .swiper-button-next,
	.case-slider .swiper-button-prev { /*display: none !important;*/ }

	/* Prev & Next */
	.case-slider .swiper-button-prev,
	.case-slider .swiper-container-rtl .swiper-button-next,
	.case-slider .swiper-button-next,
	.case-slider .swiper-container-rtl .swiper-button-prev {
		top: 0 !important;
		width: 12px !important;
		height: 100% !important;
		margin-top: 0 !important;
	}
	.case-slider .swiper-button-prev,
	.case-slider .swiper-container-rtl .swiper-button-next {
		left: -20px !important;
		background-size: 100% auto !important;
	}
	.case-slider .swiper-button-next,
	.case-slider .swiper-container-rtl .swiper-button-prev {
		right: -20px !important;
		background-size: 100% auto !important;
	}
}

/* 当社切り替え後実績 */
.latest-monthly-result {
	border: solid 2px #d2e9e9;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	color: #08a3ab;
	display: flex;
	align-items: stretch;
}
.latest-monthly-result .header,
.latest-monthly-result .content {
	display: flex;
	align-items: center;
	padding: 25px 50px;
}
.latest-monthly-result .header {
	background-color: #d2e9e9;
}
.latest-monthly-result .header .title {
	font-size: 3.6rem;
	letter-spacing: 0.10em;
	line-height: 1.0;
}
.latest-monthly-result .content {}
.latest-monthly-result .content .segment {
	display: flex;
	align-items: center;
	justify-content: center;
}
.latest-monthly-result .content .segment>* {
	margin: 0 10px;
	border-radius: 5px;
}
.latest-monthly-result .content .segment .company {
	font-weight: bold;
	font-size: 2.0rem;
}
.latest-monthly-result .content .segment .company .main {
	font-size: 4.2rem;
}
.latest-monthly-result .content .segment .company .sub {}
.latest-monthly-result .content .segment .region {
	font-size: 3.0rem;
}
.latest-monthly-result .content .segment .energy {
	font-weight: bold;
	font-size: 2.0rem;
}
.latest-monthly-result .content .segment .energy .num {
	font-size: 4.2rem;
}
.latest-monthly-result .content .segment .energy .unit {}

/* メリットが出やすい業種 */
.plan-block-lineup .lineup.genre {
	border: solid 2px #edf6f6;
	background: url(assets/images/top-case-girl.webp) no-repeat right 80px bottom;
	background-size: 208px auto;
	background-color: #fff;
	font-size: 2.0rem;
}
ul.list-check {}
ul.list-check li {
	margin: 0 0 0.25em;
	padding-left: 32px;
	background: url(assets/images/icon-check.webp) no-repeat left center;
	background-size: 24px auto;
	font-weight: 500;
	font-size: 1.1em;
}
hr.hr-half {
	height: 25px;
}

@media screen and (min-width: 600px) {
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.title-undermarker {
		font-size: 1.4em;
	}
	/*.case-lienup .lineup .header .genre .main {
		font-size: 1.3em;
	}
*/
	.latest-monthly-result {
		text-align: center;
		flex-direction: column;
	}
	.latest-monthly-result .header,
	.latest-monthly-result .content {
		padding: 20px 6.25vw;
		justify-content: center;
	}
	.latest-monthly-result .header .title {
		font-size: 1.8rem;
		letter-spacing: 0.05em;
	}
	.latest-monthly-result .content .segment .company {
		font-weight: bold;
		font-size: 1rem;
	}
	.latest-monthly-result .content .segment .company .main {
		font-size: 2.4rem;
	}
	.latest-monthly-result .content .segment .company .sub {}
	.latest-monthly-result .content .segment .region {
		font-size: 1.8rem;
	}
	.latest-monthly-result .content .segment .energy {
		font-size: 1em;
	}
	.latest-monthly-result .content .segment .energy .num {
		font-size: 2.4rem;
	}
	.latest-monthly-result .content .segment .energy .unit {}

	.plan-block-lineup .lineup.genre {
		background-image: none;
		font-size: 1em;
	}
	.plan-block-lineup .lineup.genre .content {
		padding-bottom: 0;
	}
	ul.list-check li {
		margin: 0 0 0.25em;
		padding-left: 25px;
		background-size: 18px auto;
	}
}

/* TOP - FLOW
----------------------------------------------------- */
.top-flow {
	position: relative;
	z-index: 2;
	overflow: hidden;
	background-color: #00747c;
	color: #fff;
}
.flow-lineup {}

.flow-lineup .lineup {
	margin-bottom: 50px;
}

.flow-lineup .lineup:last-child {
	margin-bottom: 0;
}

.flow-lineup .lineup .numbering {
	position: relative;
	margin: 0 0 25px;
	font-family: "urw-din", sans-serif;
	font-weight: 500;
}

.flow-lineup .lineup .numbering>* {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.0;
}
.flow-lineup .lineup .numbering .sub {
	margin: 0 5px 0 0;
	font-size: 2.0rem;
}
.flow-lineup .lineup .numbering .number {
	font-size: 6.4rem;
}
.flow-lineup .lineup .numbering::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: calc(100% - 100px);
	height: 1px;
	background-color: #fff;
	margin: auto 0;
	opacity: 0.5;
}

.flow-lineup .lineup .numbering {}

.flow-lineup .lineup .content {
	font-size: 95%;
}

.flow-lineup .lineup .content * {
	line-height: 1.7;
}
.flow-lineup .lineup .icon {
	margin: 0 0 20px;
	text-align: center;
}
.flow-lineup .lineup .icon img {
	width: 220px;
	max-width: 100%;
}
.flow-lineup .lineup .content .title {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5;
}
@media screen and (min-width: 800px) {}

@media screen and (min-width: 0px) and (max-width: 799px) {
	.lp .flow-lineup .lineup {
		width: 85%;
		margin: 0 auto 50px;
	}

	.flow-lineup .lineup .numbering .sub {
		font-size: 1.6rem;
	}

	.flow-lineup .lineup .numbering .number {
		font-size: 2.8rem;
	}

	.flow-lineup .lineup .numbering::after {
		width: calc(100% - 70px);
	}

	.flow-lineup .lineup .icon {}

	.flow-lineup .lineup .icon img {
		zoom: 1;
		width: 160px;
	}

	.flow-lineup .lineup .content .title {
		font-size: 1.1em;
	}
}
/* TOP - FAQ [よくある質問]
----------------------------------------------------- */
.top-faq {
	position: relative;
	z-index: 2;
	overflow: hidden;
	background-color: #edf6f6;
}
.top-faq .whitebox {}
.faq-lineup {}
.faq-lineup .lineup {
	background-color: #fff;
	background-color: #fff;
	border-radius: 10px;
}
.faq-lineup .lineup:not( :last-child ) {
	margin: 0 0 20px;
}
.faq-lineup .lineup .header {}
.faq-lineup .lineup .content {}
.faq-lineup .lineup .header {
	padding: 20px 40px;
	background: url(assets/images/icon-accordion-open.webp) no-repeat right 40px center;
	background-size: 26px auto;
	font-size: 2.0rem;
}
.faq-lineup .lineup .header.js-acc-header-on {
	background-image: url(assets/images/icon-accordion-close.webp);
}
.faq-lineup .lineup .content {
	border-top: solid 1px #dcdcdc;
	padding: 20px 40px;
	color: #555;
}
.faq-lineup .lineup .header .title,
.faq-lineup .lineup .content .text {
	position: relative;
}
.faq-lineup .lineup .header .title {
	padding-left: 40px;
}
.faq-lineup .lineup .header .title::before,
.faq-lineup .lineup .content .text::before {
	content: "Q";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	height: 40px;
	line-height: 40px;
	color: #279d99;
	font-size: 3.2rem;
	font-weight: 600;
}
.faq-lineup .lineup .content .text::before {
	content: "A";
	content: "";
	top: 0;
}

@media screen and (min-width: 600px) {
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.top-faq .section {}
	.faq-lineup .lineup:not( :last-child ) {}
	.faq-lineup .lineup .header::before,
	.faq-lineup .lineup .content::before {
		font-size: 2.4rem;
	}
	.faq-lineup .lineup .header {
		padding: 20px 6.25vw;
		padding-right: 60px;
		background-position: right 6.25vw center;
	    background-size: 16px auto;
		font-size: 1.4rem;
	}
	.faq-lineup .lineup .header .title::before,
	.faq-lineup .lineup .content .text::before {
		font-size: 2.0rem;
	}
	.faq-lineup .lineup .header * {
		line-height: 1.5;
	}
	.faq-lineup .lineup .header .title {
		padding-left: 30px;
	}
	.faq-lineup .lineup .content {
		position: relative;
		padding: 20px 6.25vw 20px;
	}
}


/* =ACTION - CONTACT
----------------------------------------------------- */
.action-contact {
	position: relative;
	z-index: 2;
	overflow: hidden;
	background: url(assets/images/action-contact-bg.webp) no-repeat center;
	background-size: cover;
	color: #fff;
	text-align: center;
}
.action-contact .inner {}
.action-contact .inner .text {}
.action-contact .inner .button {
	display: inline-block;
	position: relative;
}
.action-contact .inner .button .object {
	position: absolute;
	z-index: 1;
}
.action-contact .inner .button .object01 {
	top: -15px;
	right: -80px;
	width: 80px;
}
.action-contact .inner .button .object02 {}
.action-contact .inner .button .title-speaker {
	color: #fff;
}
.action-contact .inner .button .title-speaker>*::before,
.action-contact .inner .button .title-speaker>*::after {
	background-color: #fff;
}

@media screen and (min-width: 800px) {
	.action-contact .inner .button .object02 {
		display: none;
	}
}
@media screen and (min-width: 0px) and (max-width: 799px) {
	.action-contact {
		background: url(assets/images/action-contact-bg.webp) no-repeat right -5vw center;
		background-size: cover;
	}
	.action-contact .inner {
		padding: 0;
	}
	.action-contact .x2 {
		zoom: inherit;
	}
	.action-contact .inner .text {}
	.action-contact .inner .text img {
		width: 75%;
		margin: auto;
	}
	.action-contact hr {
		height: 3.125vw;
	}
	.action-contact .inner .button .object01 {
		display: none;
	}
	.action-contact .inner .button .object02 {
		top: -125px;
		left: -20vw;
		width: 120px;
	}
}

/*
-----------------------------------------------------

	=FOOTER

-----------------------------------------------------
*/

.footer-global {
	position: relative;
	z-index: 9990;
	text-align: center;
	background-color: #08a3ab;
}
.footer-global,
.footer-global a {
	color: #fff;
}
.footer-global a {
	text-decoration: none;
}
.footer-global hr:not([class])	{
	height: 2em;
}
.footer-global .footer-area {
	padding: 50px 0 25px;
}
.footer-global .footer-area .logo {
	margin: 0 0 2em;
}
.footer-global .footer-area .logo img {}
.footer-global .footer-area .navigation {
	font-size: 1.4rem;
}
ul.nav-footer {}
ul.nav-footer li {
	display: inline-block;
	vertical-align: middle;
}
ul.nav-footer li:not( :last-child )::after {
	content: "　|　";
	margin-right: -5px;
}
.footer-global .copyright-area {
	padding: 0 0 50px;
}
.footer-global .copyright-area .copyright {
	margin: 0 0 0;
	font-size: 1.2rem;
	line-height: 1;
}

@media screen and (min-width: 600px) {
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.footer-global {
		font-size: 1.0rem;
	}
	.footer-global .footer-area,
	.footer-global .copyright-area {
		padding: 6.25vw 0;
		text-align: center;
	}
	.footer-global .footer-area .logo img {
		width: 120px;
	}
	.footer-global .footer-area .address {
		font-size: 1.1rem;
	}
	.footer-global .copyright-area {
		padding-top: 0;
	}
	.footer-global .copyright-area .copyright {
		text-align: center;
		font-size: 9px;
	}
	.footer-global .footer-area .navigation {
		width: 100%;
		font-size: 1.0rem;
	}
	ul.nav-footer li {
		display: inline-block;
		vertical-align: middle;
	}
	ul.nav-footer li:not( :last-child )::after {
		content: "　";
		margin-right: 0px;
	}
}