/*=========================================================
下層の設定
=========================================================*/

h2.title {
	color: #93B829;
	font-size: 26px;
	font-weight: bold;
	position: relative;
	text-align: center;
	padding: 0 0 25px 0;
	letter-spacing: 1px;
}
h2.title span {
	font-size: 11px;
	font-weight: normal !important;
	color: #DDD;
	clear: both;
	display: block;
	padding-bottom: 5px;
}
h2.title:after {
	content: "";
	display: block;
	background: #93B829;
	width: 30px;
	height: 2px;
	margin: 15px auto 0 auto;
}
@media only screen and (max-width:768px) {
h2.title span {
	font-size: 10px;
	font-weight: normal !important;
	color: #DDD;
	clear: both;
	display: block;
	padding-bottom: 5px;
}
h2.title {
	padding-right: 20px;
	padding-left: 20px;
	font-size: 18px;
	padding-bottom: 0;
	margin-bottom: 25px;
}
}
#contactwrap {
	text-align: center;
	padding: 50px 20px;
	background: #F4F8E9;
}
#contactwrap h3 {
	font-size: 13px;
	margin-bottom: 10px;
	line-height: 20px;
}
#contactwrap h4 {
	font-weight: bold;
	font-size: 16px;
	margin-top: 20px;
}
#contactwrap p {
	margin-top: 10px;
}
.sns {
	padding: 50px 0;
}
.sns ul {
	max-width: 620px;
	margin: 0 auto;
	overflow: hidden;
	clear: both
}
.sns ul li {
	float: left;
	width: 300px
}
.sns ul li:first-child {
	margin-right: 20px;
}
@media only screen and (max-width:736px) {
.sns {
	text-align: center;
}
.sns ul {
	max-width: auto;
	margin: 0 auto;
	display: inline-block;
	overflow: hidden;
	clear: both
}
img {
	max-width: 100%;
}
.sns ul li {
	margin-bottom: 20px;
	margin-right: 0;
	width: 100%;
}
}
.yame {
	text-align: center !important;
	clear: both;
	max-width: 1024px;
	margin: 100px auto 0 auto;
	background: #F4F8E9;
	padding: 0 20px 50px 20px;
	box-shadow: 0 0 20px #CCC;
}
.yame img {
	position: relative;
	top: -100px;
	margin-bottom: -100px;
}
.yame p {
	font-size: 18px;
	margin-top: 20px;
	line-height: 25px;
	text-align: center !important;
	text-shadow: 5px 5px 10px #FFF;
}
#slider {
	background: url(../img/top/slide1back.png) no-repeat center top;
	max-width: 1500px;
	height: 550px;
	margin: 0 auto;
	padding: 50px;
	position: relative;
	margin-bottom: -20px;
	z-index: 1
}
.toptext {
	box-sizing: border-box;
	padding: 50px 50px 0 50px;
}
.toptextinside {
	max-width: 640px;
	position: relative;
	z-index: 999;
	padding: 0px 0;
}
 @media only screen and (max-width:736px) {
.yame img {
	width: 220px;
}
.yame {
	margin-bottom: 50px;
}
.yame p {
	font-size: 15px;
}
#slider {
	background: url(../img/top/slide1back_sp.png) center top no-repeat;
	background-size: cover;
	max-width: 1500px;
	height: 650px;
	margin: 0 auto 50px 0;
	padding: 0;
	position: relative;
	z-index: 1;
	margin-top: 80px
}
.toptext {
	box-sizing: border-box;
	padding: 40px 20px;
}
.toptextinside {
	padding: 0 0;
}
}
.toptextinside h1 {
	margin-bottom: 20px;
}
.toptextinside h2 {
	margin-bottom: 20px;
}
.toptextinside p {
	margin-bottom: 40px;
	font-size: 16px;
	text-shadow: 1px 1px 0 #FFF;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 25px;
}
 @media only screen and (max-width:736px) {
.toptextinside h1 {
	margin-bottom: 10px;
	margin-top: -220px;
}
.toptextinside h2 {
	margin-bottom: 10px;
}
.toptextinside p {
	margin-bottom: 20px;
	font-size: 13px;
	text-shadow: 1px 1px 0 #FFF;
	letter-spacing: 1px;
}
.logospecial {
	display: none !important;
}
}
a.rollover_topbtn {
	display: block;
	position: relative;
	width: 257px;
	height: 67px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 9999;
	display: block;
	float: left
}
a.rollover_topbtn img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.rotation {
	width: 382px;
	height: 382px;
	margin: 0 auto;
	text-align: center;
	background: url(../img/top/rotation.png);
	-webkit-animation: spin 5s linear infinite;
	-moz-animation: spin 5s linear infinite;
	-ms-animation: spin 5s linear infinite;
	-o-animation: spin 5s linear infinite;
	animation: spin 5s linear infinite;
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 100px;
}
 @media only screen and (max-width:736px) {
.rotation {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	text-align: center;
	background: url(../img/top/rotation.png);
	background-size: contain;
	-webkit-animation: spin 5s linear infinite;
	-moz-animation: spin 5s linear infinite;
	-ms-animation: spin 5s linear infinite;
	-o-animation: spin 5s linear infinite;
	animation: spin 5s linear infinite;
	position: static;
	z-index: -1;
	top: 0px;
	left: 100px;
}
.rollover_topbtn {
	width: 200px!important;
	height: 57px!important;
}
}
@-webkit-keyframes spin {
 0% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
 0% {
-moz-transform: rotate(0deg);
}
 100% {
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes spin {
 0% {
-ms-transform: rotate(0deg);
}
 100% {
-ms-transform: rotate(360deg);
}
}
@-o-keyframes spin {
 0% {
-o-transform: rotate(0deg);
}
 100% {
-o-transform: rotate(360deg);
}
}
@keyframes spin {
 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}
#maincatch {
	width: 100%;
	margin: 145px auto 0 auto;
	text-align: center;
	height: 300px;
	position: relative;
}
#maincatch div {
	background: rgba(255,255,255, 0.8);
	width: 1024px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.power {
	background: url(../img/service/main.jpg) no-repeat center top;
	background-size: auto 100%;
}
.power2 {
	background: url(../img/service/main2.jpg) no-repeat center top;
	background-size: auto 100%;
}
.power3 {
	background: url(../img/service/main3.jpg) no-repeat center top;
	background-size: auto 100%;
}
.what {
	background: url(../img/what/main.jpg) no-repeat center top;
	background-size: auto 100%;
}
.about {
	background: url(../img/about/main.jpg) no-repeat center top;
	background-size: auto 100%;
}
.topics {
	background: url(../img/topics/main.jpg) no-repeat center top;
	background-size: auto 100%;
}
.column {
	background: url(../img/column/main.jpg) no-repeat center top;
	background-size: auto 100%;
}
.news {
	background: url(../img/news/main.jpg) no-repeat center top;
	background-size: auto 100%;
}
.sdgs {
	background: url(../img/sdgs/main.jpg) no-repeat center top;
	background-size: auto 100%;
}
.faq {
	background: url(../img/faq/main.jpg) no-repeat center top;
	background-size: auto 100%;
}
.privacy {
	background: url(../img/privacy/main.jpg) no-repeat center top;
	background-size: auto 100%;
}
.download {
	background: url(../img/download/main.jpg) no-repeat center top;
	background-size: auto 100%;
}
.apply {
	background: url(../img/apply/main.jpg) no-repeat center top;
	background-size: auto 100%;
}
.plan1 {
	background: url(../img/plan1/main.jpg) no-repeat center top;
	background-size: auto 100%;
}
.plan2 {
	background: url(../img/plan2/main.jpg) no-repeat center top;
	background-size: auto 100%;
}
.plan3 {
	background: url(../img/plan3/main.jpg) no-repeat center top;
	background-size: auto 100%;
}
.power3 img{
	max-width: 400px;
}
 @media only screen and (max-width:736px) {
#maincatch {
	width: auto;
	margin: 69px 0 50px 0;
	padding-bottom: 0;
	height: 250px;
}
#maincatch div {
	background: rgba(255,255,255, 0.8);
	width: 90%;
	white-space: nowrap;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#maincatch div h1:first-letter {
	color: #59B200;
	font-size: 27px;
}
}
.border {
	border-top: 1px solid #CCC;
	padding: 20px 0 0 0;
	overflow: hidden;
	clear: both;
}
#maincatch h1 {
	text-align: center;
	padding: 50px 10px 10px 10px;
	color: #93B829;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 2px;
}
#maincatch h1.white {
	text-align: center;
	padding: 120px 10px 10px 10px;
	font-family: "メイリオ", Meiryo, "meiryo UI" !important;
	color: #FFF !important;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 2px;
	text-shadow: 1px 1px 0 #000 !important;
}
.whitecolor {
	color: #FFF !important;
}
#maincatch p {
	text-align: center;
	padding: 0 0 50px 0;
	font-weight: bold;
	color: #000;
	font-size: 15px;
	letter-spacing: 1px;
}
#contents {
	background: #FFF;
	max-width: 924px;
	margin: 0 auto 50px auto;
	padding: 50px;
	text-align: center
}
 @media only screen and (max-width:736px) {
#maincatch h1 {
	font-size: 23px;
	text-align: center;
	margin-left: 0;
	padding-bottom: 0;
}
#maincatch p {
	text-align: center;
	padding: 0 0 20px 0;
	line-height: 22px;
	font-size: 14px;
	background: url(../img/common/skyline.png) center bottom no-repeat;
	background-size: 100%;
}
#maincatch h1, #maincatch h1.white {
	padding-top: 20px;
}
#contents {
	background: #FFF;
	max-width: 924px;
	margin: 0 0;
	padding: 0 15px;
	text-align: center;
}
}
.mt70 {
	margin-top: 70px !important;
}
#contents h3.title1 {
	margin: 35px 0 15px 0;
	background: #93B829;
	max-width: 924px;
	padding: 20px;
	position: relative;
	color: #FFF;
	font-size: 28px;
	font-weight:bold;
}
#contents h3.title1 span {
	position: absolute;
	top: -50px;
}
 @media only screen and (max-width:736px) {
	 #contents h3.title1{
		 font-size:20px;
	 }
#contents h3.title1 span {
	position: absolute;
	top: -60px;
	display: block;
}
}
#contents h3.title2 {
	margin: 35px 0 15px 0;
	border: 2px solid #93B829;
	max-width: 924px;
	padding: 15px 20px;
	position: relative;
	color: #93B829;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 1px;
}
#contents h2.title3 {
	margin: 0 0 15px 0;
	border: 2px solid #93B829;
	max-width: 924px;
	padding: 15px 20px;
	position: relative;
	color: #93B829;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 1px;
}
#contents h3.title1:after {
	content: "";
	background: url(../img/common/sankaku.png) no-repeat;
	width: 16px;
	height: 13px;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
}
 @media only screen and (max-width:736px) {
#contents h3.title2 {
	font-size: 15px;
}
#contents h3.title1:after {
	content: "";
	background: url(../img/common/sankaku.png) no-repeat;
	width: 16px;
	height: 13px;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
}
#contents h2.title3 {
	border: none;
	border-bottom: 2px solid #93B829;
	padding: 10px 20px;
	position: relative;
	color: #93B829;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1px;
}
#contents h2.title3 + p {
	margin: 0 0 20px 0;
	font-size: 14px;
}
}
#contents p {
	font-weight: bold;
	line-height: 25px;
	text-align: left;
	margin-bottom: 20px;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 75px !important;
}
 @media only screen and (max-width:736px) {
#contents h2.title3 {
	font-size: 16px;
}
#contents p {
	font-size: 13px;
	line-height: 22px;
	text-align: left;
	margin-bottom: 20px;
}
}
#contents h4 {
	text-align: left;
	margin-bottom: 20px;
	font-weight: bold;
}
#contents h4 span {
	border: 2px solid #93B829;
	color: #93B829;
	padding: 10px;
	margin: 20px 0 10px 0;
	width: auto;
}
#contents h4.title {
	border-left: 4px solid #93B829;
	color: #93B829;
	font-weight: bold;
	padding: 0 10px;
	margin: 30px 0 30px 0;
	width: auto;
	font-size: 18px;
}
#contents h4.title span {
	border: none !important;
	margin: 0 !important;
	font-size: 11px;
	padding: 0 !important;
	width: auto !important;
}
 @media only screen and (max-width:736px) {
#contents h4 span {
	border: 2px solid #93B829;
	color: #93B829;
	padding: 10px;
	margin: 20px 0 10px 0;
	width: 92%;
	display: block;
	font-size: 15px;
}
#contents h4.title {
	border-left: 4px solid #93B829;
	color: #93B829;
	padding: 0 10px;
	margin: 30px 0 30px 0;
	width: auto;
	font-size: 16px;
}
}
#contents h3 + h4 {
	margin-top: 25px !important;
}
p.yamenodenki {
	max-width: 300px;
	margin: 0 auto 25px auto;
}
p.yamenodenki img {
	max-width: 100%;
}
.glay {
	background: #F7F7F7;
	margin-top: -2px;
	overflow: hidden;
	clear: both;
	padding-bottom: 4px;
	padding: 20px;
}
.glay h5 span {
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
	font-weight: bold;
}
.glay img {
	margin: 40px 0 10px 0;
}
.glay p {
	text-align: center !important;
	border: 2px solid #999;
	padding: 10px 10px;
	line-height: 30px !important;
}
.glay p span {
	color: #C00;
	font-size: 20px;
	font-weight: bold;
}
ul.roujin {
	overflow: hidden;
	clear: both;
	max-width: 638px;
	margin: 0 auto 20px auto;
}
ul.roujin li {
	width: 30%;
	margin-right: 4.5%;
	float: left;
	font-size: 13px;
}
ul.roujin li:last-child {
	margin-right: 0;
}
ul.fuyo {
	overflow: hidden;
	clear: both;
	max-width: 960px;
	margin: 40px auto -20px auto;
}
ul.fuyo li {
	width: 30%;
	margin-right: 4.5%;
	float: left;
	font-size: 13px;
}
ul.fuyo li:last-child {
	margin-right: 0;
}
ul.fuyo li img {
	max-width: 150px;
}
ul.fuyo li h4 {
	font-size: 26px;
	text-align: center !important;
	border-bottom: 1px dashed #93B829;
	padding-bottom: 10px;
}
ul.fuyo li p {
	text-align: center !important
}
.ce {
	pointer-events: none;
}
 @media only screen and (max-width:736px) {
.ce {
	pointer-events: auto;
}
ul.fuyo li h4 {
	font-size: 20px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #93B829;
}
ul.fuyo li {
	width: auto;
	margin-right: 0;
	float: none;
	font-size: 11px;
}
ul.fuyo li img {
	max-width: 100px;
}
ul.roujin li {
	width: 30%;
	margin-right: 4.5%;
	float: left;
	font-size: 11px;
}
.glay h5 span {
	font-size: 14px;
}
.glay p {
	text-align: center !important;
	border: 2px solid #999;
	padding: 20px 10px;
	line-height: 20px !important;
}
.glay p span {
	color: #C00;
	font-size: 20px;
	font-weight: bold;
	display: block;
	margin-top: 20px;
}
}
h2.redtitle {
	margin: 10px 0 15px 0;
	background: #C03;
	max-width: 924px;
	padding: 20px;
	position: relative;
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
}
h2.redtitle:after {
	content: "";
	background: url(../img/common/sankaku2.png) no-repeat;
	width: 16px;
	height: 13px;
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -8px;
}
div.contact {
	max-width: 960px;
	margin: 25px auto;
	overflow: hidden;
	clear: both;
}
.bk {
	background: #FFF7F8 url(../img/common/hito.png) no-repeat right bottom;
	background-size: 450px auto;
	padding: 20px;
}
@media only screen and (max-width:736px) {
.bk {
	background-image: none !important;
	padding: 10px;
}
.bk img.hito {
	margin-top: 20px;
}
h2.redtitle:after {
	content: "";
	background: url(../img/common/sankaku2.png) no-repeat;
	width: 16px;
	height: 13px;
	position: absolute;
	top: 70px;
	left: 50%;
	margin-left: -8px;
}
}
div.contact h3 {
	background: none !important;
	border-bottom: 2px solid #CCC;
	padding-bottom: 10px;
	font-weight: bold;
	margin: 20px 0 !important;
	padding-top: 20px;
}
div.contact h3:after {
	background: none !important;
}
div.contact p {
	clear: both;
	overflow: hidden;
	margin-top: 20px !important;
	border-top: 2px solid #EEE;
	padding-top: 20px;
}
.leftc {
	float: left;
	margin-right: 4%;
	width: 47%;
}
.rightc {
	float: right;
	width: 48%
}
.leftc img, .rightc img {
	max-width: 100%;
}
.rightc ul li {
	float: left;
	width: 49%;
	margin-right: 2%;
}
.rightc ul li:nth-child(2n) {
	margin-right: 0 !important;
}
.rightc ul li img {
	max-width: 100%;
}
 @media only screen and (max-width:736px) {
.leftc {
	float: none;
	margin-right: 0;
	width: auto
}
.rightc {
	float: none;
	width: auto
}
}
.red {
	color: #C00 !important;
	font-weight: bold;
}
ul.bigbtn {
	display: inline-block;
	clear: both;
}
ul.bigbtn li {
	float: left;
	background: #90C320;
	margin-right: 50px;
	font-size: 20px;
	border: 5px solid #F4F8E9;
	position: relative;
	border-radius: 20px;
}
ul.bigbtn li img {
	max-width: 200px;
	position: static !important;
	margin: 0 !important;
}
ul.bigbtn li p {
	text-align: center !important;
	margin: 20px 0 0 0;
	font-size: 16px !important;
	text-shadow: none !important;
	color: #FFF;
}
ul.bigbtn li h3 {
	margin-bottom: 25px;
	font-size: 20px;
	font-weight: bold;
}
ul.bigbtn li:nth-child(2) {
	margin-right: 0;
}
ul.bigbtn li a {
	display: block;
	color: #FFF;
	padding: 20px 40px;
}
.right img {
	max-height: 40px;
}
@media only screen and (max-width:736px) {
ul.bigbtn {
	display: block;
	position: relative;
	z-index: 99;
}
ul.bigbtn li {
	float: none !important;
	margin-right: 0 !important;
	font-size: 14px;
	margin-bottom: 20px;
}
ul.bigbtn li img {
	max-width: 40%;
}
ul.bigbtn li a {
	display: block;
	color: #FFF;
	padding: 25px 0 !important;
	width: 80% !important;
}
}
ul.feature {
	overflow: hidden;
	clear: both;
	margin: 25px 0;
}
ul.feature li {
	float: left !important;
	width: 31%;
	margin-right: 2%;
	text-align: center !important;
	border-right: 2px solid #EEE;
	box-sizing: border-box;
	padding: 2% 2%;
}
ul.feature li:last-child {
	margin-right: 0;
	border: none;
}
ul.feature li h4 {
	font-size: 20px;
	text-align: center !important;
	min-height: 60px;
	line-height: 30px;
}
@media only screen and (max-width:736px) {
ul.feature {
	overflow: hidden;
	clear: both;
	margin: 0 0;
}
ul.feature li {
	float: none !important;
	width: auto;
	margin-right: 0;
	text-align: center !important;
	border-right: none;
	border-bottom: 2px dashed #EEE;
	box-sizing: border-box;
	padding: 2% 2%;
}
ul.feature li:last-child {
	padding-bottom: 0 !important;
}
ul.feature li h4 {
	font-size: 20px;
	text-align: center !important;
	min-height: 30px;
	padding-top: 20px;
}
ul.feature li p {
	font-size: 13px !important;
}
}
/*
.box {
	color: #93B829;
}
*/
.mt25 {
	margin-top: 25px !important;
	overflow: hidden;
	clear: both
}
.pt25 {
	padding-top: 100px !important;
	overflow: hidden;
	clear: both
}
ul.history {
	overflow: hidden;
	clear: both;
	margin-bottom: 50px;
	margin-top: 25px;
}
ul.history li {
	margin-bottom: 15px;
	overflow: hidden;
	clear: both
}
ul.history li dt {
	float: left;
	clear: left;
	width: 24%;
	font-size: 13px;
	background: #F7F7F7;
	padding: 10px 0;
}
ul.history li dd {
	float: left;
	width: 73%;
	font-size: 13px;
	text-align: left;
	padding: 10px 0 10px 3%;
}
p.centre {
	text-align: center !important;
}
.table {
	font-weight: bold;
}
.table th {
	text-align: left;
	font-weight: bold;
	padding: 10px;
	line-height: 25px;
}
.table th span {
	background: #EEE;
	padding: 10px;
	display: block
}
.table td {
	text-align: left;
	padding: 10px;
	line-height: 25px;
}
.boxing {
	margin: 25px 0 50px 0;
	overflow: hidden;
	clear: both;
}
.boxing-notes {
	display: inline-block;
	margin-bottom: 50px;
	text-align: left;
}
.leftbox {
	float: left;
	width: 48%;
}
.rightbox {
	float: right;
	width: 48%;
}
@media only screen and (max-width:736px) {
.table {
	width: 100% !important;
	font-size: 13px;
}
.table th {
	text-align: left;
	padding: 10px 0;
}
.table th span {
	width: 100%;
}
.table td {
	text-align: left;
	padding: 10px 0 0 10px;
}
.leftbox {
	float: none;
	width: auto;
	margin: 0 !important;
	padding: 0 !important;
}
.rightbox {
	float: none;
	width: auto;
	margin: 0 !important;
	padding: 0 !important;
}
}
dl.faqlist {
	text-align: left;
	background: none !important;
	margin-bottom: 40px;
}
dl.faqlist dt {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 120%;
}
dl.faqlist dd {
	margin-bottom: 20px;
	line-height: 25px;
}
dl.faqlist dt span {
	color: #C00;
	margin-right: 10px;
}
dl.faqlist dd span {
	color: #369;
	margin-right: 10px;
}
 @media only screen and (max-width:736px) {
dl.faqlist dt {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
dl.faqlist dd {
	font-size: 13px;
	margin-bottom: 20px;
}
}
.pdficon {
	width: 25px;
	margin: 0 10px 0 0;
	position: relative;
	top: 5px;
}


ul.step {
	background: url(../img/service/tate.png) no-repeat left bottom;
}
ul.step li {
	margin-bottom: 15px;
}
ul.step li.last-child {
	margin-bottom: 0;
}
dl.schedule {
	text-align: left;
	background: none !important;
	overflow: hidden;
	clear: both;
	padding-left: 40px;
}
dl.schedule dt {
	float: left;
	clear: left;
	margin-bottom: 10px;
	width: 32%;
	background: #F7F7F7;
	margin-right: 2%;
	padding: 10px 0;
	font-weight: bold;
}
dl.schedule dt span {
	background: #93B829;
	color: #FFF;
	padding: 4% 2% 4% 4%;
	margin-right: 4%;
}
dl.schedule dt span.bb {
	background: #096;
}
dl.schedule dt span.big {
	margin-right: 0 !important;
	font-size: 20px;
	background: none !important;
}
dl.schedule dd {
	float: left;
	margin-bottom: 20px;
	width: 65%;
	line-height: 25px;
	font-weight: bold;
}
 @media only screen and (max-width:736px) {
ul.step {
	background: none;
}
dl.schedule {
	padding-left: 0;
}
dl.schedule dt {
	float: none;
	clear: none;
	font-size: 14px;
	margin-bottom: 10px;
	width: auto;
	background: #F7F7F7;
	margin-right: 0;
}
dl.schedule dt span {
	background: #93B829;
	color: #FFF;
	padding: 2% 2% 2% 4%;
	margin-right: 4%;
}
dl.schedule dt span.bb {
	background: #096;
}
dl.schedule dt span.big {
	margin-right: 0 !important;
	font-size: 20px;
	background: none !important;
}
dl.schedule dd {
	float: left;
	font-size: 13px;
	margin-bottom: 20px;
	width: auto;
	line-height: 25px;
}
}
.square {
	border: 1px solid #000;
	padding: 10px;
	text-align: left !important;
}
.square p {
	margin: 10px 0 !important;
}
.square ul li {
	padding-bottom: 5px;
}
.square ul li:last-child {
	margin-bottom: 0;
}
table.table3 {
	width: auto;
}
table.table3 th {
	color: #333;
	font-weight: bold;
	padding: 10px 10px 10px 0;
	white-space: nowrap;
	position: relative;
	width: 200px
}
table.table3 td div {
	margin-bottom: 15px;
}
table.table3 td div:last-child {
	margin-bottom: 0 !important;
}
table.table3 td {
	padding: 10px 10px 10px 10px;
	line-height: 25px;
	color: #333;
	vertical-align: top;
	text-align: left !important;
}
table.table3 td a {
	color: #0080CB;
	text-decoration: underline;
}
.required {
	color: #FFF;
	background: #C00;
	font-size: 12px;
	padding: 0 3px;
}
@media only screen and (max-width:736px) {
.square ul li {
	font-size: 13px;
}
table.table3 td div {
	margin-bottom: 0 !important;
}
table.table3 td div input {
	margin-bottom: 0 !important;
}
input[type=text], input[type=email], textarea {
	margin: 5px 0 10px 0;
}
table.table3 th {
	padding: 20px 0 10px 0 !important;
	width: auto !important;
}
table.table3 th span {
	display: inline-block;
	float: none;
	margin: 0 0 5px 10px;
}
table.table tr, table.tablein tr, table.table3 tr {
	display: block;
	margin-top: 10px;
}
table.table th, table.table td, table.tablein th, table.tablein td, table.table3 th, table.table3 td {
	display: list-item;
	list-style: none;
	text-align: left;
	border-left: none;
	padding: 0;
	white-space: inherit !important;
}
table.table th, table.tablein th, table.table3 th, {
 font-size:15px;
}
table.table td, table.tablein td, table.table3 td {
	font-size: 13px;
}
}
form {
	margin: 50px 0;
}
.must_contact {
	color: #C00 !important;
}
input[type=submit] {
	background: #80B927;
	color: #FFF;
	border: none;
	padding: 20px 50px;
	margin: 0 0 50px 0;
	cursor: pointer;
	font-size: 16px;
	border-radius: 50px;
}
input[type=button] {
	background: #CCC;
	color: #FFF;
	border: none;
	padding: 20px 20px;
	margin: 0 0 50px 20px;
	cursor: pointer;
	font-size: 16px;
}
textarea {
	width: 100%;
	height: 200px;
	border: 1px solid #666;
	box-sizing: border-box;
}
select {
	padding: 3px 0;
	border: 1px solid #666;
	margin-top: 10px;
}
input#address1 {
	margin: 10px 0 !important;
}
input#tel1, input#tel2, input#tel3, input#zip_code1, input#zip_code2 {
	width: 30%;
}

@media only screen and (max-width:736px) {
form {
	margin: 0 0 50px 0;
}
select {
	margin-top: 10px;
	border: 1px solid #CCC;
}
textarea {
	width: 99%;
	height: 200px;
	border: 1px solid #CCC;
}
input[type=text] {
	border: 1px solid #CCC;
}
input[type=submit], input[type=text] {
	-webkit-appearance: none;
	width: 99%;
	box-sizing: border-box;
}
input[type=submit] {
	margin-bottom: 20px;
}
input[type=button] {
	-webkit-appearance: none;
	width: 99%;
	margin: 0 0 50px 0;
}
input#name1, input#name2, input#kana1, input#kana2 {
	width: 40%
}
}
.leftpic {
	max-width: 200px;
	float: left;
	margin-right: 20px;
}
.rightpic {
	max-width: 200px;
	float: right;
	margin-left: 20px;
}
.downloadbtn {
	margin-left: 20px;
}
input[type=text] {
	height: 25px;
}
@media only screen and (max-width:736px) {
input[type=text] {
	margin: 0 !important;
	padding: 0 !important;
}
.downloadbtn {
	margin-left: 0;
}
.leftpic {
	max-width: 150px;
	float: left;
	margin-right: 20px;
}
.rightpic {
	max-width: 150px;
	float: right;
	margin-left: 20px;
}
}
sup {
	font-size: 11px;
}
h3.subtitle {
	text-align: left;
	font-weight: bold;
	margin-bottom: 15px;
}
/* 20180517  修正*/
.mypeagelink-text {
	font-size: 14px!important;
	text-shadow: none!important;
	margin-top: 10px;
	font-weight: normal!important;
}
.philosophy {
	margin: 25px 0;
}
.philosophy h3 {
	font-size: 25px;
	font-weight: bold;
}
.philosophy p {
	margin: 25px 0 50px 0!important;
	text-align: center!important;
}
.guidelines {
	/* text-align: left; */
	margin: 25px 0 50px 0;
	overflow: hidden;
	clear: both;
}
.guidelines .pic {
	width: 15%;
	float: left;
}
.guidelines .text {
	float: right;
	width: 80%;
	padding: 45px 0 0 0;
}
.guidelines li {
	font-weight: bold;
	line-height: 25px;
}
@media only screen and (max-width:736px) {
.guidelines .pic {
	width: auto;
	float: none;
	margin: 0 auto;
	width: 100px;
}
.guidelines .text {
	float: none;
	width: auto;
	padding: 15px 0 0 0;
}
.mypeagelink-text {
	font-size: 12px!important;
	margin-top: 5px!important;
}
.guidelines li {
	font-size: 13px;
}
}
/* 20180517  修正*/

/*============================================================================*/
#top-plan {
	background: #80B927;
	overflow: hidden;
	clear: both;
}
.top-plan-inside {
	max-width: 1200px;
	margin: 0 auto;
	padding: 75px 30px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}
.top-plan-inside article {
	width: 48%;
	margin: 0 4% 0 0;
	float: left;
	background: #FFF;
	text-align: center;
	padding: 0 15px 15px 15px;
	border-radius: 15px;
	box-sizing: border-box;
}
.top-plan-inside article a {
	transition: all 0.3s ease-in-out;
	display: block;
}
.top-plan-inside article a:hover {
	opacity: 0.7;
}
.top-plan-inside article:last-child {
	margin: 0 !important;
}
.top-plan-inside article i {
	font-family: 'Oswald', sans-serif !important;
	background: #80B927;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	display: block;
	border-radius: 50%;
	color: #FFF;
	position: relative;
	top: -15px;
}
.top-plan-inside article h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
}
.top-plan-inside article h3 {
	color: #80B927;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.top-plan-inside article .pic {
	margin: 10px 0;
}
.top-plan-inside article p {
	text-align: left;
	font-weight: bold;
}
 @media screen and (max-width: 768px) {
/* スマホではスライダーで表示 */
.top-plan-inside {
	padding: 30px 15px;
}
.top-plan-inside article {
	width: auto;
	margin: 0;
	float: none;
}
.top-plan-inside article:first-child {
	margin-bottom: 30px;
}
.top-plan-inside article h2 {
	font-size: 20px;
}
.top-plan-inside article p {
	font-size: 13px;
}
}
/*==============================*/


/*==========================================================================*/

ul.news-list {
	margin: 75px auto 0 auto;
	max-width: 1200px;
	padding: 0 30px;
	box-sizing: border-box;
}
ul.news-list li {
	clear: both;
	overflow: hidden;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #EEE;
	padding: 0 0 15px 0;
}
ul.news-list li:last-child {
	margin-bottom: 0;
}
ul.news-list li dl dt {
	clear: left;
	float: left;
	width: 15%;
	background: #A7A9AC;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	margin: 10px 0 0 0;
}
ul.news-list li dl dt.important {
	background: #C00;
	color: #FFF;
}
ul.news-list li dl dd {
	float: left;
	width: 80%;
	margin: 0 0 0 5%;
	font-weight: 500;
	font-size: 18px;
}
ul.news-list li dl dd time {
	color: #999;
	margin: 10px 0 0 0;
	float: left;
	width: 15%;
	font-size: 70%;
}
ul.news-list li dl dd p {
	float: left;
	width: 80%;
}
 @media only screen and (max-width:769px) {
ul.news-list {
	margin: 0 15px 50px 15px;
	padding: 0;
}
ul.news-list li dl dt {
	font-size: 11px;
	width: 22%;
}
ul.news-list li dl dd {
	font-size: 13px;
	width: 73%;
}
ul.news-list li dl dd time {
	width: 25%;
}
ul.news-list li dl dd p {
	width: auto;
	font-size: 13px;
	line-height: 1.5;
	margin: 8px 0 0 0;
}
}
.wp-pagenavi a, .wp-pagenavi span {
	border: none !important;
}
.wp-pagenavi span.current {
	background: #80B927;
	border-radius: 50%;
	color: #FFF;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	padding: 0 !important;
	margin-right: 5px;
}
.wp-pagenavi {
	text-align: center;
	margin: 50px 0 100px 0;
}
.wp-pagenavi span, .wp-pagenavi a {
	padding: 0 10px;
}
 @media only screen and (max-width:769px) {
.wp-pagenavi span, .wp-pagenavi a {
	font-size: 13px;
}
}
.navBox {
	overflow: hidden;
	clear: both;
	border-top: 1px solid #CCC;
	padding: 35px 0;
	margin-top: 50px;
	position: relative;
	font-weight: bold;
}
.navBox .prev {
	float: left;
}
.navBox .next {
	float: right;
}
.navBox .back {
	position: absolute;
	left: 50%;
	margin-left: -70px;
}
.navBox .back a {
	background: #80B927;
	color: #FFF;
	padding: 10px 30px;
	border-radius: 50px;
}
@media only screen and (max-width:736px) {
.navBox .prev a, .navBox .next a {
	font-size: 14px;
}
.navBox .back {
	margin-left: -45px
}
.navBox .back a {
	padding: 7px 14px;
	font-size: 13px;
}
}
.leftandright {
	max-width: 1200px;
	margin: 50px auto 100px auto;
	overflow: hidden;
	clear: both;
	padding: 0 30px;
	box-sizing: border-box;
}
.left-contents {
	float: left;
	width: 68%;
}
.left-contents .category {
	background: #CCC;
	color: #FFF;
	padding: 5px;
	font-size: 12px;
}
.left-contents > h2 {
	font-size: 32px;
	margin: 0;
	font-weight: bold;
}
.left-contents time {
	color: #999;
	font-size: 12px;
	margin: 0 0 25px 0;
	display: block;
}
.left-contents .image {
	margin: 25px 0;
	overflow: hidden;
	clear: both;
}
.left-contents .image img {
	float: left;
}
.image img:only-child {
	width: 100%;
}
.image img:first-child:nth-last-child(2), .image img:first-child:nth-last-child(2) ~ img {
	width: 48%;
	margin-right: 4%;
}
.image img:first-child:nth-last-child(3), .image img:first-child:nth-last-child(3) ~ img {
	width: 30%;
	margin-right: 5%;
}
.image img:first-child:nth-last-child(4), .image img:first-child:nth-last-child(4) ~ img {
	width: 23%;
	margin-right: 2.6%;
}
.image img:first-child:nth-last-child(5), .image img:first-child:nth-last-child(5) ~ img {
	width: 23%;
	margin-right: 2.6%;
	margin-bottom: 2.6%;
}
.image img:first-child:nth-last-child(6), .image img:first-child:nth-last-child(6) ~ img {
	width: 23%;
	margin-right: 2.6%;
	margin-bottom: 2.6%;
}
.image img:first-child:nth-last-child(7), .image img:first-child:nth-last-child(7) ~ img {
	width: 23%;
	margin-right: 2.6%;
	margin-bottom: 2.6%;
}
.image img:first-child:nth-last-child(8), .image img:first-child:nth-last-child(8) ~ img {
	width: 23%;
	margin-right: 2.6%;
	margin-bottom: 2.6%;
}
.left-contents .image img:nth-child(4), .left-contents .image img:nth-child(8) {
	margin-right: 0 !important;
}
.left-contents .image img:last-child {
	margin-right: 0 !important;
}
.right-contents {
	float: right;
	width: 23%;
}
.right-contents h3 {
	margin: 0 0 15px 0;
	font-weight: bold;
	font-size: 20px;
	color: #333;
}
.right-contents h3:first-letter {
	color: #80B927;
}
.right-contents h3 + ul {
	margin-bottom: 50px;
}
.right-contents h3 + ul li {
	border-bottom: 1px solid #DDD;
	padding: 10px 0;
	font-size: 14px;
}

.right-contents h3 + ul li dt {
	font-size: 80%;
	color: #999;
}
 @media only screen and (max-width:769px) {
.left-contents .image img {
	float: none;
	width: 100% !important;
	margin: 0 0 15px 0 !important
}
.leftandright {
	padding: 0;
	margin: 0 15px;
}
.left-contents > h2 {
	font-size: 20px;
}
.left-contents p {
	font-size: 13px;
}
.right-contents h3 {
	margin: 5px 0 0 0;
	font-size: 16px;
}
.left-contents, .right-contents {
	width: auto;
	float: none;
}
.right-contents {
	margin: 50px 0 0 0;
}
.right-contents h3 + ul {
	margin-bottom: 25px;
}
}
h1.title {
	font-size: 30px;
	font-weight: bold;
	color: #333;
	margin: 0 0 50px 0;
}
h1.title i{
	font-size: 70%;
}
 @media only screen and (max-width:769px) {
h1.title {
	font-size: 20px;
	margin: 0 0 30px 0;
}
}
h1.title span {
	position: relative;
	z-index: 2;
}
h1.title span:after {
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	background: #D7DF23;
	position: absolute;
	bottom: 5px;
	z-index: -1;
	text-align: center;
	left: 0;
}
ul.list li {
	text-align: left;
	font-weight: bold;
	text-indent: -1em;
	padding-left: 1em;
	border-bottom: 1px dashed #CCC;
	padding: 10px 0 10px 1em;
	color: #333;
}
ul.list li span {
	color: #C00;
}
ul.list {
	overflow: hidden;
	clear: both;
	margin-bottom: 25px;
}
 @media only screen and (max-width:769px) {
ul.list li {
	font-size: 14px;
}
}
a.link {
	text-decoration: underline;
}
small {
	font-size: 80%;
}
.table2 {
	width: 100%;
}
.table2 th, .table2 td {
	border: 1px solid #CCC;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #333;
}
.table2 th {
	background: rgba(128,185,39,0.2)
}
.table2 tr.bo {
	border-top: 2px solid #80B927;
}
.scroll {
	margin-bottom: 30px;
}
.table2 td {
	width: 150px;
}
.scroll + aside {
	text-align: right;
	font-size: 12px;
	margin-top: -20px;
}
.scroll + span.red {
	text-align: left;
	font-weight: bold;
	margin-top: -20px;
	display: block;
}
 @media only screen and (max-width:769px) {
.scroll + span.red {
	margin-top: -20px;
	margin-bottom: 10px;
}
.scroll {
	margin-right: -15px;
}
.table2 th, .table2 td {
	white-space: nowrap;
	font-size: 14px
}
.scroll table {
	width: 100%;
}
.scroll {
	overflow: auto;
　　　　/*tableをスクロールさせる*/
white-space: nowrap;
　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar {
　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track {
　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
}
.lll{
	letter-spacing:-1px;
}
.titleimg {
	width: 250px;
	display: block;
	margin-bottom: 10px;
}
.titleimg2 {
	width: 130px;
}
article#article {
	padding: 25px 0 75px 0;
}
article#article p.no-article {
	text-align: center;
}
 @media only screen and (max-width:769px) {
article#article {
	padding: 0 0 30px 0;
}
article#article p.no-article {
	text-align: center;
	font-size: 13px;
}
}
input#contract_customer1,  input#contract_customer2,  input#contract_customer3,  input#contract_customer4 {
	margin-left: 17px;
}
.right-contents > h3 + p {
	margin-bottom: 25px;
}
@media only screen and (max-width:769px) {
.right-contents > h3 + p {
	margin-bottom: 25px;
	font-size: 13px;
}
}
input#tel1, input#tel2 {
	margin-right: 5px !important;
}
input#zip_code2 {
	margin-left: 5px !important;
}

ul.three-pattern{
	overflow: hidden;
	display: flex;
	flex-wrap:wrap;
	margin: 0 0 25px;
}
ul.three-pattern li{
	border: 2px solid #036EB8;
	box-sizing: border-box;
width:32%;
float:left;
margin:0 2% 0 0;
	padding: 15px;
}
ul.three-pattern li:last-child{
	margin: 0;
}
ul.three-pattern li .pic img{
	width:80%;
	position: relative;
	top:20px;
	margin: 0 10px 10px 0;
}
ul.three-pattern li .pic{
	font-weight:bold;
	font-size: 200%;
	color: #F7941E;font-family: 'Oswald', sans-serif !important;
}
ul.three-pattern li .text{
	position: relative;
	z-index: 99;
	margin: 10px 0 0 0;
}
ul.three-pattern li .text h3{
color:#036EB8;
	font-weight:bold;
	font-size: 1.15rem;
	margin: 0 0 10px 0;
}
@media only screen and (max-width:769px) {
	ul.three-pattern li .pic img{
width:100%;
	}
	ul.three-pattern li{
		padding: 0;
	}
	ul.three-pattern li .text{
		padding: 0 10px;
	}
	ul.three-pattern li .text h3 span{
		font-size: 13px;

	}
}
#otoku{
	background: rgba(255,245,232,1.00);
	padding: 25px;
	margin-bottom: 50px;
}
@media only screen and (max-width:769px) {
	#otoku{
	padding: 15px;
	margin-bottom: 25px;
}

}
.example{
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 700px;
	margin: 0 auto;
}
.example p{
	margin: 20px 0 0 0;
}
.example p img{
	width:250px;
}
.example p span{
	position: relative;
	top:-25px;font-weight:bold;
	font-size: 200%;
	color: #F7941E;font-family: 'Oswald', sans-serif !important;
}
.example ul li{
	color: #333;
	text-align: left;
	font-weight:bold;
}
.example ul li span{
	font-size: 0.8rem;
}

@media only screen and (max-width:769px) {
	.example{
		display:block;
		text-align: center;
	}
	.example p{
	margin: 0;
		text-align: center !important;
}
	.example ul {
		position: relative;
		top:-20px;
	}
	.example ul li{
		text-align: center;
	}
}
 .zu{
	background: #FFF;
	 margin: 0 ;
	 padding: 25px;
}
@media only screen and (max-width:769px) {
 .zu{
	 padding: 15px;
	}

}
.zu h3{
	color: #333;
	font-size: 1.25rem;
	font-weight:bold;
}
ul.circle-graph{
	overflow: hidden;
}
ul.circle-graph li{
	float: left;
	width:48%;
	margin: 0 4% 0 0;
}
ul.circle-graph li:nth-child(2n){
	margin-right: 0;
	}
@media only screen and (max-width:769px){
	.zu h3{
		font-size:16px;
	}
	ul.circle-graph{
		margin: 20px 0 0 0;
	}
ul.circle-graph li{
	float: none;
	width:auto;
	margin:0;
}

}
ul.compare{
	overflow: hidden;
	margin-bottom: 25px;
	border-bottom: 1px dashed #CCC;
}
ul.compare li{
	float: left;
	width:30%;
	margin: 0 5% 0 0;
	text-align: center;
	position: relative;
}
@media only screen and (max-width:769px){
	ul.compare li{
		width:47.5%;
	}
	ul.compare li:nth-child(2){
		margin: 0;
	}
}
ul.compare li:last-child{
	margin: 0;
}
ul.compare li:nth-child(1):after{
	content:"";
	display: block;
	width:140px;
	height:1px;
	border-bottom:1px dashed #C00;
	position: absolute;
	right:-70px;
	top:0;
	transform: rotate(45deg)
}
@media only screen and (max-width:769px){

ul.compare li:nth-child(1):after{
	transform: rotate(65deg);

	}
}
ul.compare li p{
	text-align: center !important;
}
ul.compare li:nth-child(1) div{
	background: #CCC;
	padding:80px  20px;
	box-sizing: border-box;
	margin: 0 0 20px 0;
	position: relative;
	z-index: 2;
}
ul.compare li:nth-child(1) div h3{
	text-align: center;
	background: #999;
	color: #FFF;
	font-size: 1rem;
	}
ul.compare li:nth-child(1) div p{
	margin: 20px 0 0 0 !important;
	font-size: 2rem;
}

ul.compare li:nth-child(2) div.yellow{
	padding:10px 0;
	box-sizing: border-box;
	background: #FBF1B2;position: relative;
	z-index: 2;
}
ul.compare li:nth-child(2) div.pink{
	padding:30px 20px 82px 20px;
	box-sizing: border-box;
	background: #80B927;
	margin-bottom: 15px;position: relative;
	z-index: 2;
}
ul.compare li:nth-child(2) div h3{
	text-align: center;
	background: #FFF;
	color: #80B927;
	font-size: 1rem;
	}
ul.compare li:nth-child(2) div.yellow p{
	margin: 0 !important;
	font-size: 1rem;
}
ul.compare li:nth-child(2) div.pink p{
	margin: 20px 0 0 0 !important;
	color: #FFF;
	font-size: 2rem;
}
ul.compare li:nth-child(2) div p span{
	font-size: 1.5rem;
	color: #C00;
}
ul.compare li:nth-child(3) h3{
	font-size: 1rem;
}
ul.compare li:nth-child(3) h3 em{
	display: block;
	font-weight:bold;
	font-size: 1.5rem;
	color: #F7941E;
	border-bottom: 2px solid #F7941E;
}

ul.compare li:nth-child(3) img{
	width:60%;
	margin: 20px 0 10px 0;
}
ul.compare li:nth-child(3) p span{
	font-size: 1.5rem;
	color: #C00;
}
@media only screen and (max-width:769px) {
	ul.compare li:nth-child(3){
		float: none !important;
		overflow: hidden;
		width:auto;
		clear: both;
	}
	ul.compare li:nth-child(1) div h3,
	ul.compare li:nth-child(2) div h3{
		font-size: 13px;

	}
	ul.compare li:nth-child(1) div p,
	ul.compare li:nth-child(2) div.pink p{
		font-size: 1.25rem !important;
	}
}
.zu + aside{
	margin: 25px 0;
	text-align: left;
	color: #333;
	font-size: 0.9rem;
}
.zu + aside li{
	padding-left: 1rem;
	text-indent: -1em;
}
@media only screen and (max-width:769px) {

	.zu + aside{
		font-size: 12px;
	}

}
.left-contents strong{
	font-weight:bold;
}
.left-contents h1{
		font-size: 26px !important;
	font-weight:bold !important;

}
.left-contents h2{
	font-size: 24px !important;
	font-weight:bold !important;
}
.left-contents h3{
		font-size: 22px !important;
	font-weight:bold !important;
}
.left-contents h4{
		font-size: 20px !important;
	font-weight:bold !important;
}
.left-contents h5{
		font-size: 18px !important;
	font-weight:bold !important;
}
.left-contents h6{
	font-size: 16px !important;
	font-weight:bold !important;
}
@media only screen and (max-width:769px) {
	.left-contents h1{
		font-size: 22px !important;
	font-weight:bold !important;

}
.left-contents h2{
	font-size: 21px !important;
	font-weight:bold !important;
}
.left-contents h3{
		font-size: 19px !important;
	font-weight:bold !important;
}
.left-contents h4{
		font-size: 17px !important;
	font-weight:bold !important;
}
.left-contents h5{
		font-size: 15px !important;
	font-weight:bold !important;
}
.left-contents h6{
	font-size: 13px !important;
	font-weight:bold !important;
}

}


ul.powerout{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
ul.powerout li{
	width:48%;
}
ul.powerout li h3{
	border: 2px solid #666;
	padding: 10px;
	font-weight:bold;
}
ul.powerout li p{
	margin: 15px 0 0 0;
}
@media only screen and (max-width:769px) {
	ul.powerout{
	display: block;
	justify-content: space-between;
	margin-bottom: 30px;
}
ul.powerout li{
	width:auto;
}
	
}
.two-block{
	display: flex;
		justify-content: space-between;
	align-items: center;
}
.two-block > div{
	width:48%;
}
@media only screen and (max-width:769px) {
	.two-block{
	display:block;
}
.two-block > div{
	width:auto;
}
}
.two-block > div h3{
	font-weight:bold;
	font-size:18px;
}
.two-block > div table {
	width:100%;
}
.two-block > div table th,
.two-block > div table td{
	text-align: center;
	border: 1px solid #CCC;
	padding: 5px;
	font-size:14px;
}
.two-block > div table th{
	background: #F7F7F7;
}
@media only screen and (max-width:769px) {
.two-block > div h3{
	font-size:16px;
	margin-bottom: 10px;
	}
	.two-block > div table th,
.two-block > div table td{
	font-size:12px;
	padding: 5px;
}
}
.future{
	display: flex;
	justify-content: space-between;
	border: rgba(0,168,142,.2) 5px solid;
	border-radius:10px;
	padding: 25px;
	align-items: center;
	margin: 25px 0;
}

.future > div.text{
	width:38%;text-align: left;
	border-right:1px solid #CCC;
	padding-right: 2%;
	box-sizing: border-box;
}
.future > div.text h2{
	font-weight:bold;
	font-size:24px;
	margin-bottom: 10px;
}
.future > div.text h2 span{
	position: relative;
	z-index: 1;
}
.future > div.text h2 span:after{
	content:"";
	width:100%;
	height:10px;
	background: #F9ED32;
	position: absolute;
	bottom:0;
	left:0;
	z-index: -1;
}
.future > div.pic{
	width:58%;
}
@media only screen and (max-width:769px) {
	.future{
	display:block;
		padding: 15px;
	}
	.future > div.text h2{
		font-size:20px;
	}
.future > div.text,
	.future > div.pic{
	width:auto;
		text-align: center;
		border: none;
		padding: 0;
}
		.scroll-box {
  overflow-x: auto;
  padding-bottom: 10px;
			margin-right: -15px;
  -webkit-overflow-scrolling: touch;
}
.scroll-box div img {
  max-width: 100%;
  min-width: 600px;
  vertical-align: top;
}

/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}
		
	}

.low-vol {
	padding: 80px 0 0;
}
.low-vol table thead th{
	background: rgba(128,185,39,0.2);
	padding: 5px;
	border: 1px solid #ccc;
	font-weight: bold;
	color: #333;
	min-width: 4em;
	text-align: center;
	vertical-align: middle;
}
.low-vol table caption{
	font-size: 20px;
	font-weight: bold;
}
.low-vol table tbody th,td{
	padding: 10px;
	border: 1px solid #ccc;
	font-weight: bold;
	color: #333;
	vertical-align: middle;
}
.low-vol .red {
	color: #cc0000;
	font-weight: bold;
}
.low-vol .left {
	text-align: center;
	font-size: 13px;
}
.low-vol .table-note{
	font-size: 14px;
	text-align: left;
}

@media only screen and (max-width:769px) {
	.low-vol {
		padding: 50px 0 0;
	}	
	.low-vol .table-box{
		overflow: scroll;
	}
	.low-vol table caption{
		font-size: 16px;
	}
}