@charset 'utf-8';
@media only screen and (max-width: 736px) {
/* ------------------------------------------------------------ COMMON ------------------------------------------------------------ */


/* ------------------------------------------------------------ トップページ ------------------------------------------------------------ */

/*--------------------------------
	メインビジュアル
--------------------------------*/

section.mainVisual {
	padding: 0 0 20px;
}
section.mainVisual .bx-wrapper .bx-pager,
section.mainVisual .bx-wrapper .bx-controls-auto {
	bottom: -25px;
}
section.mainVisual .bx-wrapper .bx-pager.bx-default-pager a {
	width: 8px;
	height: 8px;
	margin: 0 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
section.mainVisual .slide li {
	height: 160px !important;
}
section.mainVisual .slide li.hundredthousand {
	padding-bottom: 0;
}
section.mainVisual .slide li.hundredthousand div {
	padding: 10px;
}

/*--------------------------------
	メインビジュアル直下のリンク
--------------------------------*/

section.mainVisualLinks {
	padding: 20px 0 0;
}
section.mainVisualLinks ul {
	width: 90%;
	margin: 0 auto;
}
section.mainVisualLinks ul li {
	width: 100%;
	min-width: 0;
	margin: 0 0 10px;
	font-size: 1.3rem;
}
section.mainVisualLinks ul li strong {
	display: block;
	margin: 0 0 2px;
	font-size: 2.3rem;
	font-weight: bold;
}
/*
section.mainVisualLinks ul li:nth-of-type(-n+2) {
	width: 48%;
}
*/
/*
section.mainVisualLinks ul li:nth-of-type(1) {
	margin: 0 4% 0 0;
}
*/
section.mainVisualLinks ul li.hotBanner1 {
	background: #fff url(/common/images/headBanner_feature.png) center bottom no-repeat;
	background-size: 230px auto;
	max-width: none;
}

section.mainVisualLinks ul li.hotBanner1:hover {
	background: #fff193 url(/common/images/headBanner_feature.png) center bottom no-repeat;
	background-size: 230px auto;
}
section.mainVisualLinks ul li.hotBanner2,
section.mainVisualLinks ul li.hotBanner4 {
	max-width: none;
}
section.mainVisualLinks ul li.hotBanner5 {
	max-width: none;
}
section.mainVisualLinks ul li.hotBanner6 {
	max-width: none;
}
section.mainVisualLinks ul li.hotBanner7 {
	max-width: none;
}
section.mainVisualLinks ul li.hotBanner8 {
	max-width: none;
}
section.mainVisualLinks ul li.hotBanner9 {
	max-width: none;
}
section.mainVisualLinks ul li.hotBanner10 {
	max-width: none;
}
section.mainVisualLinks ul li.hotBanner11 {
	max-width: none;
}
section.mainVisualLinks ul li.hotBanner3 {
	background: #fff url(/common/images/headBanner_feature3.png) center bottom no-repeat;
	background-size: 230px auto;
	max-width: none;
}
section.mainVisualLinks ul li.hotBanner3:hover {
	background: #fff193 url(/common/images/headBanner_feature3.png) center bottom no-repeat;
	background-size: 230px auto;
}

section.mainVisualLinks ul li.hotBanner4 {
	background: #fff url(/common/images/headBanner_feature4.png) left bottom no-repeat;
	background-size: 240px auto;
}
section.mainVisualLinks ul li.hotBanner5 {
	background: #fff url(/common/images/headBanner_feature5.png) center bottom no-repeat;
	background-size: 180px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.hotBanner6 {
	background: #fff url(/common/images/headBanner_feature6.png) center bottom no-repeat;
	background-size: 250px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.hotBanner7 {
	background: #fff url(/common/images/headBanner_feature7.png) center bottom no-repeat;
	background-size: 240px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.hotBanner8 {
	background: #fff url(/common/images/headBanner_feature8.png) center bottom no-repeat;
	background-size: 235px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.hotBanner9 {
	background: #fff url(/common/images/headBanner_feature9.png) center bottom no-repeat;
	background-size: 225px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.hotBanner10 {
	background: #fff url(/common/images/headBanner_feature10.png) center bottom no-repeat;
	background-size: 225px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.hotBanner11 {
	background: #fff url(/common/images/headBanner_feature11.png) center bottom no-repeat;
	background-size: 235px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.top_mypage {
	width: 100%;
	margin: 0 0 10px;
}

/*--------------------------------
	お見舞い
--------------------------------*/

section.annotation {
	font-size: 1.2rem;
	padding: 8px 5%;
	line-height: 1.5;
}

/*--------------------------------
	カテゴリー選択
--------------------------------*/

section.categorySelect {
}
section.categorySelect ul {
}
section.categorySelect ul li {
	width: 90%;
	margin:0 auto 10px;
	font-size: 1.2rem;
	letter-spacing: 0;
}
section.categorySelect div {
	width: 90%;
	border: 3px solid #eb7700;
	padding: 10px;
	margin: 20px auto;
	font-size: 1.4rem;
}
section.categorySelect div.InvestorRelations {
	width: initial;
	border: initial;
	padding: initial;
	margin: initial;
	font-size: initial;
}
section.categorySelect ul li p.InvestorRelations {
	top: 3.5em;
}
section.categorySelect div strong {
	font-size: 1.6rem;
}
section.categorySelect div br {
	display: none
}

/*--------------------------------
	トップ4つの特長
--------------------------------*/

section.erexFeature h2 img {
	width: 90%;
	height: auto;
}
section.erexFeature ul li {
	width: 90%;
	margin:0 auto 10px;
	font-size: 1.3rem;
	letter-spacing: 0;
}
section.erexFeature ul li img {
	margin: 0 auto 10px;
}
section.erexFeature ul li strong {
	font-size: 1.8rem;
	line-height: 1.5;
	margin: 0 0 10px;
}
section.erexFeature ul li p {
	font-size: 1.3rem;
	line-height: 1.6;
	margin: 0 0 20px;
}
section.erexFeature ul li p small {
}

section.erexFeature ul li a {
	width: 90%;
	margin: 0 auto 10px;
}
section.erexFeature ul:nth-of-type(2) {
	margin: 30px auto 0;
}
section.erexFeature ul:nth-of-type(2) li {
	width: 100%;
	margin:0 auto 3%;
}
section.erexFeature ul:nth-of-type(2) li strong {
	font-size: 1.6rem;
}
section.erexFeature ul:nth-of-type(2) li p {
	display: none;
}

/* ------------------------------------------------------------ 4つの特長 ------------------------------------------------------------ */

/*--------------------------------
	イーレックス・ヒストリー
--------------------------------*/

.history section.container {
	width: 100%;
	height: auto;
	padding: 0 5% 30px;
}
.history section.container h2 {
	height: 40px;
	line-height: 40px;
	font-size: 1.8rem;
	margin: 10px auto 0;
}
.history section.container h2:after {
	display: none;
}
.history section.container ul {
	max-width: 100%;
}
.history section.container ul li {
	position: relative;
	margin: 0 0 15px;
}
.history section.container ul li h3 {
	font-size: 1.6rem;
	margin: 0 0 5px 0;
	color: #eb7700;
}
.history section.container ul li h3.small {
	font-size: 1.5rem;
	line-height: 1.5;
}
.history section.container ul li p {
	margin: 0 0 10px 0;
	font-size: 1.3rem;
}

.history section.container ul li h4 {
	font-size: 1.3rem;
	text-align: center;
}
.history section.container ul li h4.small {
	font-size: 1.2rem;
}
.history section.container ul li h4.big {
	font-size: 1.8rem;
}
.history section.container ul li em {
	font-size: 1.2rem;
}
.history section.container ul li strong {
	max-width: 100%;
	width: 100%;
	font-size: 1.8rem;
	height: 40px;
	line-height: 40px;
	margin: 0 auto 15px;
}
.history section.container ul li strong span {
	font-size: 1.4rem;
	margin: 0 0 0 10px;
}
.history section.container ul li.historyBg {
	display: none;
	background: none;
}

.history section.container ul li.historyStem {
	display: none;
	left:auto;
	top:auto;
}

.history section.container ul li.h2Title {
	width: 100%;
	left:auto;
	top:auto;
}

.history section.container ul li.ins2000,
.history section.container ul li.ins2004,
.history section.container ul li.ins2011,
.history section.container ul li.ins2012,
.history section.container ul li.ins2016 {
	width: 170px;
	margin: 0 auto;
	left: auto;
	top: auto;
}
.history section.container ul li.ins2000 img,
.history section.container ul li.ins2004 img,
.history section.container ul li.ins2011 img,
.history section.container ul li.ins2012 img,
.history section.container ul li.ins2016 img {
	max-width: 100%;
	width: auto;
	height: auto;
}

.history section.container ul li.ins2000,
.history section.container ul li.ins2004,
.history section.container ul li.ins2016 {
	top:auto;
}
.history section.container ul li.year1999,
.history section.container ul li.year2000,
.history section.container ul li.year2001,
.history section.container ul li.year2004,
.history section.container ul li.year2010,
.history section.container ul li.year2011,
.history section.container ul li.year2013,
.history section.container ul li.year2014,
.history section.container ul li.year2015,
.history section.container ul li.year2016,
.history section.container ul li.year2017,
.history section.container ul li.year2018 {
	margin: 20px auto 0;
	left: auto;
}
.history section.container ul li.year1999,
.history section.container ul li.year2000,
.history section.container ul li.year2001,
.history section.container ul li.year2004,
.history section.container ul li.year2010,
.history section.container ul li.year2011,
.history section.container ul li.year2013,
.history section.container ul li.year2014,
.history section.container ul li.year2015,
.history section.container ul li.year2016,
.history section.container ul li.year2017,
.history section.container ul li.year2018 {
	top: auto;
}

.history section.container ul li.his1999_1,
.history section.container ul li.his2000_1,
.history section.container ul li.his2001_1,
.history section.container ul li.his2004_1,
.history section.container ul li.his2010_1,
.history section.container ul li.his2010_2,
.history section.container ul li.his2012_1,
.history section.container ul li.his2013_1,
.history section.container ul li.his2014_1,
.history section.container ul li.his2014_2,
.history section.container ul li.his2014_3,
.history section.container ul li.his2015_1,
.history section.container ul li.his2015_2,
.history section.container ul li.his2015_3,
.history section.container ul li.his2015_4,
.history section.container ul li.his2015_5,
.history section.container ul li.his2016_1,
.history section.container ul li.his2016_2,
.history section.container ul li.his2016_3,
.history section.container ul li.his2016_4,
.history section.container ul li.his2016_5,
.history section.container ul li.his2016_6,
.history section.container ul li.his2017_1,
.history section.container ul li.his2017_2,
.history section.container ul li.his2017_3,
.history section.container ul li.his2018_1,
.history section.container ul li.his2018_2,
.history section.container ul li.his2018_3 {
	width: 100%;
	left: auto;
}
.history section.container ul li.his2000_1 img,
.history section.container ul li.his2001_1 img,
.history section.container ul li.his2004_1 img,
.history section.container ul li.his2010_1 img,
.history section.container ul li.his2010_2 img,
.history section.container ul li.his2012_1 img,
.history section.container ul li.his2013_1 img,
.history section.container ul li.his2014_1 img,
.history section.container ul li.his2014_2 img,
.history section.container ul li.his2014_3 img,
.history section.container ul li.his2015_1 img,
.history section.container ul li.his2015_2 img,
.history section.container ul li.his2015_3 img,
.history section.container ul li.his2015_4 img,
.history section.container ul li.his2015_5 img,
.history section.container ul li.his2016_1 img,
.history section.container ul li.his2016_2 img,
.history section.container ul li.his2016_5 img,
.history section.container ul li.his2016_6 img,
.history section.container ul li.his2017_1 img,
.history section.container ul li.his2018_1 img {
	max-width: 100%;
	width: auto;
	margin: 0;
}
.history section.container ul li.his1999_1,
.history section.container ul li.his2000_1,
.history section.container ul li.his2001_1,
.history section.container ul li.his2010_1,
.history section.container ul li.his2010_2,
.history section.container ul li.his2013_1,
.history section.container ul li.his2014_1,
.history section.container ul li.his2014_2,
.history section.container ul li.his2014_3,
.history section.container ul li.his2015_1,
.history section.container ul li.his2015_2,
.history section.container ul li.his2015_3,
.history section.container ul li.his2015_4,
.history section.container ul li.his2015_5,
.history section.container ul li.his2016_1,
.history section.container ul li.his2016_2,
.history section.container ul li.his2016_3,
.history section.container ul li.his2016_4,
.history section.container ul li.his2016_5,
.history section.container ul li.his2016_6,
.history section.container ul li.his2017_1,
.history section.container ul li.his2017_2,
.history section.container ul li.his2017_3,
.history section.container ul li.his2018_1,
.history section.container ul li.his2018_2,
.history section.container ul li.his2018_3 {
	top: auto;
}


/*--------------------------------
	電力供給体制
--------------------------------*/

.system section.container {
	width: 100%;
	padding: 0;
}
.system section.container > div {
	padding: 30px 0;
}
.system section.container > div div.inner {
	width: 100%;
}
.system section.container p:nth-of-type(1) {
	margin: 0 0 30px 0;
}
.system section.container h2 {
	margin: 0 auto 15px;
	font-size: 1.8rem;
}
.system section.container h3 {
	font-size: 1.8rem;
	margin: 0 auto 15px;
	line-height: 1.6;
}
.system section.container p.txt {
	margin: 0 auto 15px;
	font-size: 1.5rem;
	line-height: 1.6;
}
.system section.container p.txt br {
	display: none;
}
.system section.container h2 + p.txt {
	font-size: 1.6rem;
}
.system section.container h2 + p.txt + p.txt {
	font-size: 1.6rem;
}
.system section.container p img {
	max-width: 100%;
	height: auto;
}
.system section.container small {
	font-size: 1.1rem;
	margin-bottom: 5px;
}
.system section.container table {
	width: 100%;
	margin: 0 auto 30px;
	font-size: 1.6rem;
}
.system section.container table th {
	padding: 5px;
}
.system section.container table td {
	padding: 5px;
}
.system section.container div.col1-1 div {
	font-size: 1.2rem;
	line-height: 1.5;
	margin: 0 0 15px;
}
.system section.container div.col1-1 div img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 5px;
}
.system section.container strong {
}
.system section.container strong img {
	left:auto;
}
.system section.container > div *:last-child {
	margin-bottom: 0;
}

.system section.container > div img {
	max-width: 100%;
	height: auto;
}

/*--------------------------------
	バイオマス
--------------------------------*/
.biomass section.container {
	width: 100%;
	max-width: none;
	padding: 0;
}
.biomass section.container > div {
	padding: 20px 0;
}
.biomass section.container > div div.inner {
	width: 100%;
}
.biomass section.container p:nth-of-type(1) {
	margin: 0 0 15px 0;
}
.biomass section.container h2 {
	margin: 15px auto 30px;
	font-size: 1.8rem;
}
.biomass section.container h3 {
	margin: 0 auto 15px;
	font-size: 1.6rem;
	line-height: 1.6;
	text-align: center;
	padding: 12px 5px 9px 5px;
}
.biomass section.container p.txt {
	margin: 0 auto 20px;
	font-size: 1.4rem;
	line-height: 1.6;
	text-align: left !important;
}
.biomass section.container h2 + p.txt {
	width: 100%;
	font-size: 1.5rem;
	text-align: left !important;
}
.biomass section.container small {
	display: block;
	font-size: 1.2rem;
	margin-bottom: 10px;
	text-align: left !important;
}
.biomass section.container hr {
	width: 100%;
	margin: 30px auto;
}
.biomass section.container div.col3-2 div {
	font-size: 1.3rem;
	line-height: 1.6;
}
.biomass section.container div.col3-2 div:nth-of-type(2) {
	margin: 15px 0 0;
}
.biomass section.container div.col1-1 div {
	font-size: 1.5rem;
	line-height: 1.6;
}
.biomass section.container div.col1-1 div h4 {
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0 0 15px 0;
}
.biomass section.container div.col1-1 div h4 span {
	font-size: 1.4rem;
}
.biomass section.container div.col1-1 div:nth-of-type(2) {
	margin-top: 0 !important;
}
/*
.biomass section.container div.col1-1 div i {
	top:-10px;
	left: -10px;
}
*/
.biomass section.container table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px !important;
	color: #eb7700;
}
.biomass section.container table th {
	width: 30%;
	padding: 5px 8px;
	vertical-align: middle;
	text-align: center;
	border: 2px solid #eb7700;
	background-color: #fbe4cc;
}
.biomass section.container table td {
	padding: 5px 8px;
	vertical-align: middle;
	text-align: center;
	border: 2px solid #eb7700;
	background-color: #fff;
}
.biomass section.container strong {
	display: block;
	text-align: center;
}
.biomass section.container strong img {
	max-width: 100%;
	height: auto;
	left: 0;
}
.biomass section.container > div *:last-child {
	margin-bottom: 0;
}

/*--------------------------------
	新サービス
--------------------------------*/

.service section.container h2 {
	margin: 15px auto 30px;
	font-size: 1.8rem;
}
.service section.container h3 {
	margin: 40px auto 15px;
	padding: 5px;
	font-size: 1.8rem;
}
.service section.container p.txt {
	font-size: 1.5rem;
	line-height: 1.6;
}
.service section.container p br {
	display: none;
}
.service section.container ol {
	height: auto;
	margin: 15px auto;
	background: none;
}

.service section.container ol li {
	position: relative;
	width: 100%;
	margin: 0 0 20px;
}
.service section.container ol li p {
	margin: 0 0 5px;
	font-size: 1.5rem;
}
.service section.container ol li img {
	max-width: 90%;
	height: auto;
}
.service section.container ol li {
	position: relative !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
}
.service section.container ol + p .generalBtn {
	padding: 0 15px 0 35px;
}
.service section.container ol + p {
	margin: 0 0 30px;
}
.service section.container ul {
	margin: 15px auto;
}
.service section.container ul li {
	float: none;
	width: 100%;
	height: auto;
	padding: 10px 0;
	border-left: none;
}
.service section.container ul li:nth-child(3) {
	border-bottom: none;
}
.service section.container ul li:nth-child(2n) {
	border-right: none;
}
.service section.container ul li img {
	max-width: 90%;
	height: auto;
	margin: 0;
}
.service section.container ul li p {
	margin: 0 0 10px;
}
.service section.container ul li:nth-of-type(4) img {
	display: block;
	margin: 0 auto;
}

/* ------------------------------------------------------------ erexグループ ------------------------------------------------------------ */

/*--------------------------------
	erexグループ
--------------------------------*/

.erexgroup section.erexGroupIndex ul li {
	height:85px;
	line-height: inherit;
	font-size: 1.5rem;
	letter-spacing: 0;
	padding: 5px;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(1) {
	background: #fef3cc url(/company/images/ico_group01.png) center 30px no-repeat; 
	background-size: 60px auto;
	width: 100%;
	max-width: 300px;
	margin:0 auto 10px;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(2) {
	background: #fef3cc url(/company/images/ico_group02.png) center 30px no-repeat; 
	background-size: 60px auto;
	width: 100%;
	max-width: 300px;
	margin:0 auto 10px;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(3) {
	background: #fef3cc url(/company/images/ico_group03.png) center 30px no-repeat; 
	background-size: 60px auto;
	width: 100%;
	max-width: 300px;
	margin:0 auto 10px;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(4) {
	background: #fef3cc url(/company/images/ico_group04.png) center 30px no-repeat; 
	background-size: 60px auto;
	width: 100%;
	max-width: 300px;
	margin:0 auto 10px;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(5) {
	background: #fef3cc url(/company/images/ico_group05.png) center 30px no-repeat; 
	background-size: 60px auto;
	width: 100%;
	max-width: 300px;
	margin:0 auto 10px;
}

.erexgroup section.erexGroupIndex ul li:nth-of-type(1):hover {
	background: #fff193 url(/company/images/ico_group01.png) center 30px no-repeat; 
	background-size: 60px auto;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(2):hover {
	background: #fff193 url(/company/images/ico_group02.png) center 30px no-repeat; 
	background-size: 60px auto;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(3):hover {
	background: #fff193 url(/company/images/ico_group03.png) center 30px no-repeat; 
	background-size: 60px auto;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(4):hover {
	background: #fff193 url(/company/images/ico_group04.png) center 30px no-repeat; 
	background-size: 60px auto;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(5):hover {
	background: #fff193 url(/company/images/ico_group05.png) center 30px no-repeat; 
	background-size: 60px auto;
}

.erexgroup section.erexGroupIndex + section.erexCompany {
	display: none;
}


/*--------------------------------
	ブランドコンセプト・経営理念
--------------------------------*/

.concept section.container h3:nth-of-type(1) {
	font-size: 1.8rem;
	margin: 15px 0;
}
.concept section.container h3:nth-of-type(2) {
	margin-top: 30px;
}
.concept section.container div.allCol {
	text-align: left;
	margin: 0 auto 60px;
}
.concept section.container div.allCol br {
	display: none;
}
.concept section.container div.conceptTop {
	margin: 0 auto 30px;
	font-size: 1.6rem;
	line-height: 1.6;
	text-align: left;
}
.concept section.container div.conceptTop br {
	display: none;
}
.concept section.container div.allCol div {
	margin: 0 !important;
	padding: 0;
	line-height: 1.6;
}
.concept section.container div.allCol div h4 {
	margin: 15px 0 10px;
}
.concept section.container div.allCol.brandConcept {
	line-height: 1.8;
}
.concept section.container div.allCol p {
	font-size: 1.5rem;
}
.concept section.container div.allCol strong {
	font-size: 1.6rem;
	margin: 0 0 10px 0;
}
.concept section.container div.allCol img {
	display: block;
	margin: 0 auto 30px;
	max-width: 120px;
	height: auto;
}
.concept section.container div.allCol div > p {
	display: inline-block;
	vertical-align:top;
	margin: 0 auto;
}
.concept section.container div.allCol div > img + p {
	margin: 0 auto 15px;
}
.concept section.container div.allCol ul li {
	font-size: 1.6rem;
}

/*--------------------------------
	ご挨拶
--------------------------------*/

.greeting section.container div.col3-1 div p.greetingAuthor {
	margin: 15px 0;
	font-size: 1.3rem;
	text-align: right;
}
.greeting section.container div.col3-1 div p.greetingAuthor img {
	width: 120px;
	height:auto;
	margin-top: 10px;
}
.greeting section.container div.col3-1 div:nth-of-type(2) p {
	text-align: right;
}
.greeting section.container div.col3-1 div:nth-of-type(2) p img {
	max-width: 160px;
	margin-top: 10px;
}

/*--------------------------------
	グループ紹介
--------------------------------*/

.about section.container h3 {
	margin-top: 30px;
}
.about section.container h4 {
	margin: 20px 0 15px 0;
	padding: 20px 0 0 0;
}
.about section.container h4.slideToggle {
	margin: 20px 0 10px;
	padding: 8px 8px 8px 35px;
	font-size: 1.6rem;
	line-height: 1.6;
	border: 2px solid #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.about section.container h4.slideToggle:hover {
	border: 2px solid #eb7700;
}
.about section.container h4.slideToggle:before {
	top: 8px;
	left: 10px;
}
.domain section.container h3:hover {
	border: 2px solid #eb7700;
}
.about section.container table {
	display: block;	
	table-layout: fixed;
	margin-bottom: 15px;
	width: 100%;
}
.about section.container table thead,
.about section.container table tbody,
.about section.container table tr {
	display: block;
	width: 100%;
}
.about section.container table th {
	display: block;
	width: 100%;
	padding: 5px;
	margin: -1px 0 0;
}
.about section.container table td {
	display: block;
	width: 100%;
	padding: 5px;
	border-top: none;
}
.about section.container table td img {
	margin: 10px 0;
	width:100%;
}
.about section.container table td dl dt {
	width: 100%;
	margin: 0 auto;
	float: none;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
	font-size: 1.2rem;
}
.about section.container table td dl dd {
	width: 100%;
	margin: 0 auto 5px;
	float: none;
}
.about section.container table td dl.tuning dt {
	width: 100%;
	margin: 0 auto;
	float: none;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
	font-size: 1.2rem;
}
.about section.container table td dl.tuning dd {
	width: 100%;
	margin: 0 auto 10px;
	float: none;
}
.about section.container table td a.googleMapLink {
	display: block;
	margin: 0;
}

/* プライバシーマーク追加170310 */

.about section.container table td .privacymark img {
	margin: 0;
	float: none;
}
.about section.container table td .privacymark dl {
	width: 100%;
	float: none;
	font-size: 1.2rem;
	margin: 10px 0 0 0;
}
.about section.container table td .privacymark dl dt {
	width: 100%;
	margin: 0 0 0 0;
	float: none;
}
.about section.container table td .privacymark dl dd {
	width: 100%;
	margin: 0 0 3px 0;
	float: none;
	padding-left: 1em;
}


/*--------------------------------
	事業紹介
--------------------------------*/
.domain section.container h2 {
	margin: 0 0 15px;
}
.domain section.container h2 + p br {
	display: none;
}
.domain section.container h3 {
	margin: 20px 0 0;
	padding: 8px 8px 8px 35px;
	font-size: 1.6rem;
	line-height: 1.6;
	border: 2px solid #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.domain section.container h3:before {
	top: 8px;
	left: 10px;
}
.domain section.container h3:hover {
	border: 2px solid #eb7700;
}
.domain section.container h3 + div h4 {
	margin: 15px 0 10px;
	font-size: 1.6rem;
}
.domain section.container h3 + div p {
	font-size: 1.4rem;
}
.domain section.container h3 + div p a {
	margin: 0 0 10px;
	width: 100%;
	letter-spacing: 0;
}
.domain section.container h3 + div a.generalBtn {
	margin: 0 0 10px;
}
.domain section.container h3 + div h5 {
	margin: 10px 0 5px;
	padding: 5px;
	text-align: center;
	font-size: 1.5rem;
}
.domain section.container h3 + div > div {
	margin: 15px auto 0;
}
.domain section.container div.col1-3 div dl dt {
	border-bottom: 1px dotted #ccc;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	font-size: 1.3rem;
	color: #666;
}
.domain section.container div.col1-3 div dl dd {
	margin: 0 0 20px 0;
	font-size: 1.3rem;
}


/*--------------------------------
	レックスくんの部屋
--------------------------------*/
.rex section.container h2 img {
}
.rex section.container p {
	font-size:1.5rem;
	line-height: 1.6;
	text-align: left;
}
.rex section.container p br {
	display: none;
}
.rex section.container div {
	max-width: 100%;
	height: auto;
	margin: 30px auto 0;
	background: url(/company/rex/images/rex00.png?20181204) center top no-repeat;
	background-size: 187px auto;
	position: relative;
	padding: 120px 0 0;
}
.rex section.container div img {
	display: block;
	position: relative;
	margin: 0 auto 15px !important;
	max-width: 100%;
	height: auto;
}
.rex section.container div img:hover {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}

.rex section.container div img:nth-of-type(1) {
	top:0;
	left: 0;
}
.rex section.container div img:nth-of-type(2) {
	top:0;
	left: 0;
	margin-left: auto;
}
.rex section.container div img:nth-of-type(3) {
	top:0;
	right: 0;
}
.rex section.container div img:nth-of-type(4) {
	top: 0;
	left: 0;
	margin-top: 0;
}
.rex section.container div img:nth-of-type(5) {
	top: 0;
	right: 0;
	margin-top: 0;
}
.rex section.container div img:nth-of-type(6) {
	bottom: 0;
	left: 0;
}
.rex section.container div img:nth-of-type(7) {
	bottom: 0;
	right: 0;
}

/* ------------------------------------------------------------ イーレックスの電気に投票しよう!? ------------------------------------------------------------ */

.newpower section.container > div {
	padding: 15px 0;
}
.newpower section.container > div:nth-of-type(1) div.inner p {
	position: relative;
	left: auto;
	top: auto;
}
.newpower section.container > div:nth-of-type(7) {
	padding: 30px 0 15px;
}
.newpower section.container h2 img {
	width: 100%;
}
.newpower section.container p {
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 0 15px 0 !important;
}
.newpower section.container p br {
	display: none;
}
.newpower section.container p img {
	max-width: 100%;
	height: auto;
}
.newpower section.container h3 {
	margin: 0;
}
.newpower section.container h3 img {
	width: 100%;
}
.newpower section.container h3.ask {
	margin: 20px 0 0 0;
}
.newpower section.container small {
	font-size: 1.1rem;
	line-height: 1.5;
}

/* 個人のお客さまからのご質問 */
.newpower section.container h4 {
	margin: 0 0 15px;
	padding: 8px 5px 8px 35px;
	font-size: 1.8rem;
	border: 2px solid #ccc;
	text-align: left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.newpower section.container h4:before {
	top: 8px;
	left: 10px;
}
.newpower section.container h4:hover {
	border: 2px solid #eb7700;
}
.newpower section.container h4 + div {
	border: 2px solid #eee;
	padding: 5px;
	margin: 0 0 15px 0;
}
.newpower section.container h4 + div strong {
	display: block;
	text-align: center;
	margin: 10px 0;
}
.newpower section.container h4 + div strong img {
	width: 100%;
}
.newpower section.container h4 + div div {
	font-size: 1.3rem;
	line-height: 1.6;
}
.newpower section.container h4 + div div img {
	display: block;
	width: 120px;
	height: auto;
}
.newpower section.container a.generalBtn {
	margin: 0 auto 10px;
	letter-spacing: 0;
}
.newpower section.container h4 + div > div.proccess {
	border: 2px solid #fdf1e5;
	padding: 10px;
}
.newpower section.container h4 + div > div.proccess > p {
	font-size: 1.5rem;
}
.newpower section.container h4 + div > div.proccess + p img {
	width: 10%;
	height: auto;
	margin: 30px 0 0 0;
}
.newpower section.container h4 + div > div.proccess > p img {
	width: 100%;
}
.newpower section.container h4 + div > div.proccess h5 {
	font-size: 1.8rem;
	margin: 0 0 15px 0;
	padding: 0 0 0 22px;
}
.newpower section.container h4 + div > div.proccess h5 em {
	width: 100%;
	font-size: 1.3rem;
	margin: 10px auto 0;
	border-bottom: 2px solid #ffe623;
	padding-bottom: 5px;
}
.newpower section.container h4 + div > div.proccess:nth-of-type(1) h5:before {
	width:20px;
	height:20px;
	top: 5px;
	left: 0;
}
.newpower section.container h4 + div > div.proccess:nth-of-type(1) h5:after {
	display: block;
	width:122px;
	height:60px;
	position: relative;
	top:auto;
	right: auto;
}
.newpower section.container h4 + div > div.proccess:nth-of-type(2) h5:before {
	width:20px;
	height:20px;
	top: 5px;
	left: 0;
}
.newpower section.container h4 + div > div.proccess:nth-of-type(2) h5:after {
	display: block;
	position: relative;
	top:0;
	right:0;
}
.newpower section.container h4 + div > div.proccess:nth-of-type(3) h5:before {
	width:20px;
	height:20px;
	top: 5px;
	left: 0;
}
.newpower section.container h4 + div > div.proccess:nth-of-type(3) h5:after {
	display: block;
	position: relative;
	top:0;
	right: 0;
}
.newpower section.container h4 + div > div.proccess div.col1-3 {
	margin: 15px 0 0 0;
}
.newpower section.container h4 + div > div.proccess div.col1-3 div:nth-of-type(2) p {
	padding-top: 10px;
	font-size: 1.3rem;
}
.newpower section.container h4 + div > div.proccess div.col1-3 div:nth-of-type(2) span {
	font-size: 1.2rem;
}
.newpower section.container h4 + div > div.proccess div.question {
	padding: 10px;
	margin: 15px 0 0 0;
}
.newpower section.container h4 + div > div.proccess div.question strong {
	font-size: 1.5rem;
	margin: 0 0 5px 0;
	padding-left: 0;
	background: none;
}
.newpower section.container h4 + div > div.proccess div.question p {
	padding-left: 0;
}
.newpower section.container div.col2-1 img {
	display: block;
	max-width: 150px;
	margin: 0 auto;
}


/* ------------------------------------------------------------ LINE ランディングページ ------------------------------------------------------------ */

.line_lp section.container > div {
	padding: 15px 0;
}
.line_lp section.container > div:nth-of-type(1) div.inner p {
	position: relative;
	left: auto;
	top: auto;
}
.line_lp section.container > div:nth-of-type(7) {
	padding: 30px 0 15px;
}
.line_lp section.container h2 img {
	width: 100%;
}
.line_lp section.container p {
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.6;
	/*margin: 0 0 15px 0 !important;*/
	margin: 10px 10px 10px 10px !important;
}
/*
.line_lp section.container p br {
	display: none;
}
*/
.line_lp section.container p img {
	max-width: 100%;
	height: auto;
}
.line_lp section.container h3 {
	margin: 0;
}
.line_lp section.container h3 img {
	width: 100%;
}
.line_lp section.container h3.ask {
	margin: 20px 0 0 0;
}
.line_lp section.container small {
	font-size: 1.1rem;
	line-height: 1.5;
}

/* 個人のお客さまからのご質問 */
.line_lp section.container h4 {
	margin: 0 0 15px;
	padding: 8px 5px 8px 35px;
	font-size: 1.8rem;
	border: 2px solid #ccc;
	text-align: left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.line_lp section.container h4:before {
	top: 8px;
	left: 10px;
}
.line_lp section.container h4:hover {
	border: 2px solid #eb7700;
}
.line_lp section.container h4 + div {
	border: 2px solid #eee;
	padding: 5px;
	margin: 0 0 15px 0;
}
.line_lp section.container h4 + div strong {
	display: block;
	text-align: center;
	margin: 10px 0;
}
.line_lp section.container h4 + div strong img {
	width: 100%;
}
.line_lp section.container h4 + div div {
	font-size: 1.3rem;
	line-height: 1.6;
}
.line_lp section.container h4 + div div img {
	display: block;
	width: 120px;
	height: auto;
}
.line_lp section.container a.generalBtn {
	margin: 0 auto 10px;
	letter-spacing: 0;
}
.line_lp section.container h4 + div > div.proccess {
	border: 2px solid #fdf1e5;
	padding: 10px;
}
.line_lp section.container h4 + div > div.proccess > p {
	font-size: 1.5rem;
}
.line_lp section.container h4 + div > div.proccess + p img {
	width: 10%;
	height: auto;
	margin: 30px 0 0 0;
}
.line_lp section.container h4 + div > div.proccess > p img {
	width: 100%;
}
.line_lp section.container h4 + div > div.proccess h5 {
	font-size: 1.8rem;
	margin: 0 0 15px 0;
	padding: 0 0 0 22px;
}
.line_lp section.container h4 + div > div.proccess h5 em {
	width: 100%;
	font-size: 1.3rem;
	margin: 10px auto 0;
	border-bottom: 2px solid #ffe623;
	padding-bottom: 5px;
}
.line_lp section.container h4 + div > div.proccess:nth-of-type(1) h5:before {
	width:20px;
	height:20px;
	top: 5px;
	left: 0;
}
.line_lp section.container h4 + div > div.proccess:nth-of-type(1) h5:after {
	display: block;
	width:122px;
	height:60px;
	position: relative;
	top:auto;
	right: auto;
}
.line_lp section.container h4 + div > div.proccess:nth-of-type(2) h5:before {
	width:20px;
	height:20px;
	top: 5px;
	left: 0;
}
.line_lp section.container h4 + div > div.proccess:nth-of-type(2) h5:after {
	display: block;
	position: relative;
	top:0;
	right:0;
}
.line_lp section.container h4 + div > div.proccess:nth-of-type(3) h5:before {
	width:20px;
	height:20px;
	top: 5px;
	left: 0;
}
.line_lp section.container h4 + div > div.proccess:nth-of-type(3) h5:after {
	display: block;
	position: relative;
	top:0;
	right: 0;
}
.line_lp section.container h4 + div > div.proccess div.col1-3 {
	margin: 15px 0 0 0;
}
.line_lp section.container h4 + div > div.proccess div.col1-3 div:nth-of-type(2) p {
	padding-top: 10px;
	font-size: 1.3rem;
}
.line_lp section.container h4 + div > div.proccess div.col1-3 div:nth-of-type(2) span {
	font-size: 1.2rem;
}
.line_lp section.container h4 + div > div.proccess div.question {
	padding: 10px;
	margin: 15px 0 0 0;
}
.line_lp section.container h4 + div > div.proccess div.question strong {
	font-size: 1.5rem;
	margin: 0 0 5px 0;
	padding-left: 0;
	background: none;
}
.line_lp section.container h4 + div > div.proccess div.question p {
	padding-left: 0;
}
.line_lp section.container div.col2-1 img {
	display: block;
	max-width: 150px;
	margin: 0 auto;
}



/* ------------------------------------------------------------ ガス自由化 ------------------------------------------------------------ */

.gas section.container > div {
	padding: 15px 0;
}
.gas section.container h2 {
	margin: 0;
	text-align: center;
}
.gas section.container h2 img {
	width: 100%;
}
.gas section.container > div:nth-of-type(1) div.inner p {
	position: relative;
	width: 100%;
	top:auto;
	left:auto;
}

.gas section.container p {
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 0 15px 0 !important;
}

.gas section.container p br {
	display: none;
}
.gas section.container p img {
	display: block;
	margin: 20px auto 0;
}
.gas section.container h3 {
	margin: 0 0 10px 0;
	font-size: 1.8rem;
	text-align: center;
}
.gas section.container h3 img {
	width: 100%;
	margin: 0 auto 10px !important;
}
.gas section.container small {
	font-size: 1.1rem;
	line-height: 1.6;
	text-align: left;
}
.gas section.container > div:nth-of-type(4) .tc img {
	width: 287px;
}
.gas section.container > div.gas_start h3 {
	letter-spacing: 0;
	line-height: 1.6;
}
.gas section.container > div.gas_start p {
	font-size: 1.4rem;
	text-align: center;
}

.gas section.container > div.gas_start p em {
	font-size: 1.6rem;
}

.gas section.container > div.gas_start p img {
	width: 100px;
	margin: 0 auto 5px;
}

.gas section.container > div.gas_start small {
	margin: 20px auto 0;
}

.gas section.container h4 {
	margin: 30px auto 15px;
	font-size: 1.6rem;
	letter-spacing: 0;
}

.gas section.container > div.gas_fee img {
	display: block;
	width: 100%;
	margin: 20px auto 15px;
}

.gas section.container table {
	margin: 0 auto 10px;
	font-size: 1.2rem;
	line-height: 1.4;
}

.gas section.container table th,
.gas section.container table td {
	padding: 5px 3px;
}

.gas section.container table.fee_base {
	table-layout: fixed;
}

.gas section.container table.fee_base th:nth-of-type(1) {
	width: 34px;
}

.gas section.container table.fee_base td {
	letter-spacing: -0.1em;
	word-break: break-all;
}

.gas section.container table.fee_base th span {
	float: none;
}

.gas section.container table.fee_shisan th {
	width: 25%;
}

.gas section.container table.fee_area {
	margin: 20px auto
}

.gas section.container table.fee_area tr th {
	min-width: 60px;
}

.gas section.container ul {
	margin: 0 auto 20px;
}

.gas section.container ul li {
	position: relative;
	width: 100%;
	margin: 0 auto 30px;
	padding: 10px 3%;
	font-size: 1.4rem;
	letter-spacing: 0;
}

.gas section.container ul li br {
	display: none;
}

.gas section.container ul li:nth-of-type(n+2):before {
	top: -20px;
	margin: 0 0 0 -10px;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 10px solid #eb7700;
}

.gas section.container ul li em {

}


/* ------------------------------------------------------------ 採用情報 ------------------------------------------------------------ */

/*--------------------------------
	採用情報
--------------------------------*/
.outline section.container h2 + img {
	width: 100%;
	height: auto;
}
.outline section.container h3 {
	font-size: 1.8rem !important;
}
.outline section.container img {
	width:100%;
	margin: 15px auto;
}
.outline section.container ul.recruitLinks {
	margin: 30px 0 0 0;
}
.outline section.container ul.recruitLinks li {
	width: 100%;
	margin: 0 auto 10px;
	font-size: 1.3rem;
	letter-spacing: 0;
}


/*--------------------------------
	採用要項
--------------------------------*/

.recruitRequirements section.container h3 span {
	font-size: 1.2rem;
	display: block;
	margin: 0;
}

.recruitRequirements section.container table {
	width: 100%;
	table-layout: fixed;
	display: block;
	margin-bottom: 15px;
}
.recruitRequirements section.container table th {
	display: block;
	width: 100%;
	padding: 5px;
	margin: -1px 0 0;
}
.recruitRequirements section.container table td {
	display: block;
	width: 100%;
	padding: 5px;
	border-top: none;
}
.recruitRequirements section.container table td dl {
}
.recruitRequirements section.container table td dl dt {
	width: 100%;
	margin: 0;
	float: none;
	clear: both;
	font-weight: bold;
    font-family: 'TBUDゴシック B', sans-serif;
}
.recruitRequirements section.container table td dl dd {
	width: 100%;
	margin: 0 0 10px;
	float: none;
}
.recruitRequirements section.container table p {
	font-size: 1.1rem;
}
.recruitRequirements section.container h3 + dl dt {
	width: 100%;
	margin: 0;
	float: none;
	clear: both;
}
.recruitRequirements section.container h3 + dl dd {
	width: 100%;
	margin: 0 0 10px;
	float: none;
}
.recruitRequirements section.container h3 + dl dd span {
	font-size: 1.1rem;
}

/*--------------------------------
	職種紹介
--------------------------------*/

.recruitJob section.container h4 {
	margin: 15px 0;
}

.recruitJob section.container .interview {
	padding: 10px;
	margin: 15px 0 0 0;
}

.recruitJob section.container .interview h5 {
	font-size: 1.6rem;
	margin: 0 0 15px 0;
}
.recruitJob section.container .interview div.col1-3 div img {
	max-width: 100%;
	width: 180px;
	display: block;
	margin: 0 auto 15px;
}
.recruitJob section.container .interview strong {
	font-size: 1.8rem;
	line-height: 1.5;
	margin: 0 0 10px 0;
}
.recruitJob section.container .interview em {
	font-size: 1.3rem;
	margin: 0 0 10px 0;
}
.recruitJob section.container .interview p {
	font-size: 1.3rem;
}
.recruitJob section.container .interview div.detailText {
	margin: 0 0 15px 0;
}
.recruitJob section.container .interview div.detailText p {
	font-size: 1.3rem;
}
.recruitJob section.container .interview div.careerPath {
	padding: 10px;
}
.recruitJob section.container .interview div.careerPath h6 {
	font-size: 1.4rem;
	margin: 0 0 15px 0;
	padding: 5px 0 10px 0; 
}


/* ------------------------------------------------------------ その他ページ ------------------------------------------------------------ */

/*--------------------------------
	ご契約者さまマイページ（分岐）
--------------------------------*/

.mypage section.container h2 span {
	display: block;
	font-size: 1.2rem;
}
.mypage section.container ul li {
	display: block;
	width: 100%;
	margin:0 auto 10px;
	font-size: 1.2rem;
	letter-spacing: 0;
}
.mypage section.container ul li a {
	height: 100px;
	padding: 10px 2%;
	margin: 0 0 20px;
}
.mypage section.container ul li a img {
	width: 90%;
	height: auto;
	margin: 5px 0 0;
}
.mypage section.container ul li a:hover img {
	opacity: 0.6;
}
.mypage section.container ul li a span {
	margin-top: 0px;
}
.mypage section.container ul li a em {
	margin-top: 4px;
}
.mypage section.container ul li a small {
	margin-top: 4px;
	font-size: 70%;
}

.mypage section.container ul li:nth-of-type(2) img {
	margin-top: 15px;
}
/*--------------------------------
	販売パートナー（ティップネス）申込み前ページ（分岐）
--------------------------------*/

.tipness section.container h2 span {
	display: block;
	font-size: 1.2rem;
}
.tipness section.container ul li {
	display: block;
	width: 100%;
	margin:0 auto 10px;
	font-size: 1.2rem;
	letter-spacing: 0;
}
.tipness section.container ul li a {
	height: 110px;
	padding: 10px 2%;
	margin: 0 0 20px;
}
.tipness section.container ul li a img {
	width: 90%;
	height: auto;
	margin: 5px 0 0;
}
.tipness section.container ul li a:hover img {
	opacity: 0.6;
}
.tipness section.container ul li a span {
	margin-top: 0px;
}
.tipness section.container ul li a em {
	margin-top: 4px;
}
.tipness section.container ul li a small {
	margin-top: 4px;
	font-size: 70%;
}

.tipness section.container ul li:nth-of-type(2) img {
	margin-top: 15px;
}

.tipness section.container div.egas_area_pdf_link {
    text-align: initial;
	margin-right: initial;
}

/*--------------------------------
	販売パートナー（MUFJ）申込み前ページ
--------------------------------*/

.mufj section.container h2 span {
	display: block;
	font-size: 1.2rem;
}
.mufj section.container ul li {
	display: block;
	width: 100%;
	margin:0 auto 10px;
	font-size: 1.5rem;
	letter-spacing: 0;
}
.mufj section.container ul li a {
	height: 110px;
	padding: 10px 2%;
	margin: 0 0 20px;
}
.mufj section.container ul li a img {
	width: 90%;
	height: auto;
	margin: 5px 0 0;
}
.mufj section.container ul li a:hover img {
	opacity: 0.6;
}
.mufj section.container ul li a span {
	margin-top: 0px;
}
.mufj section.container ul li a em {
	margin-top: 4px;
}
.mufj section.container ul li a small {
	margin-top: 4px;
	font-size: 70%;
}

.mufj section.container ul li:nth-of-type(2) img {
	margin-top: 15px;
}

.mufj section.container div.egas_area_pdf_link {
    text-align: initial;
	margin-right: initial;
}

/*--------------------------------
	販売パートナー（MUFG）申込み前ページ（分岐）
--------------------------------*/

.mufg section.container h2 span {
	display: block;
	font-size: 1.2rem;
}
.mufg section.container ul li {
	display: block;
	width: 100%;
	margin:0 auto 10px;
	font-size: 1.2rem;
	letter-spacing: 0;
}
.mufg section.container ul li a {
	height: 110px;
	padding: 10px 2%;
	margin: 0 0 20px;
}
.mufg section.container ul li a img {
	width: 90%;
	height: auto;
	margin: 5px 0 0;
}
.mufg section.container ul li a:hover img {
	opacity: 0.6;
}
.mufg section.container ul li a span {
	margin-top: 0px;
}
.mufg section.container ul li a em {
	margin-top: 4px;
}
.mufg section.container ul li a small {
	margin-top: 4px;
	font-size: 70%;
}

.mufg section.container ul li:nth-of-type(2) img {
	margin-top: 15px;
}

.mufg section.container div.egas_area_pdf_link {
    text-align: initial;
	margin-right: initial;
}

/*--------------------------------
	販売パートナーマイページ（分岐）
--------------------------------*/

.mypage_partner section.container strong {
	font-size: 1.8rem;
}
.mypage_partner section.container ul li {
	width: 100%;
	margin:0 auto 20px;
	font-size: 1.2rem;
	letter-spacing: 0;
}
.mypage_partner section.container ul li a {
	padding: 10px 5%;
}
.mypage_partner section.container ul li p {
    font-size: 1rem;
	min-width: 0;
}
.mypage_partner section.container ul li:nth-of-type(1) p {
    display: none;
}
.mypage_partner section.container ul li a:nth-of-type(1) {
	height:auto;
	margin: 0 0 10px;
}
.mypage_partner section.container ul li a:nth-of-type(2) {	
	font-size: 1.6rem;
}
.mypage_partner section.container ul li a img {
	margin-top: 10px;
	width: 90%;
	height: auto;
}
.mypage_partner section.container ul li a:hover img {
	opacity: 0.6;
}
.mypage_partner section.container ul li a span {
	display: block;
	margin: 0 0 10px 0;
}
.mypage_partner section.container ul li a em {
	display: block;
	margin: 5px 0 0 0;
}
.mypage_partner section.container ul li a strong {
	display: block;
	margin: 10px 0 0 0;
}


/*--------------------------------
	各種ダウンロード
--------------------------------*/

.download section.container h3 span {
	font-size: 1.3rem;
	margin: 0 0 0 5px;
}
.download section.container ul li {
	font-size: 1.3rem;
	width: 100%;
	margin: 0 0 5px;
}
.download section.container ul li a {
	margin: 0 0 0 7px;
}
.download section.container strong {
	font-size: 1.4rem;
	margin: 0 0 5px 0;
}
.download section.container ol li {
	font-size: 1.3rem;
	width: 100%;
	margin: 0 0 5px;
}

.download section.container p.destination {
	padding: 10px;
	font-size: 1.3rem;
}

/*--------------------------------
	個人情報保護方針
--------------------------------*/

.privacy section.container h3 {
	text-align: left;
}
.privacy section.container ul {
	padding: 0;
}
.privacy section.container ul.nodisc {
	list-style-type:none;
	padding: 0;
	font-size: 1.2rem;
	color: #333;
}
.privacy section.container ul li {
	margin: 0 0 5px 0;
}

.privacy section.container table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
}
.privacy section.container table th {
	width: 25%;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #eee;
}
.privacy section.container table td {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #fff;
}
.privacy section.container .privacyDate {
	margin: 30px 0 0 0;
	font-size: 1.3rem;
	text-align: right;
}
.privacy section.container .privacyContact {
	background-color: #eee;
	padding: 10px;
	border: 1px solid #ccc;
}
.privacy section.container .privacyContact strong {
	display: block;
	font-size: 1.5rem;
	margin: 0 0 10px 0;
}
.privacy section.container .privacyContact dl {
	margin: 0;
}
.privacy section.container .privacyContact dl dt {
	width: 100%;
	margin: 0 0 3px 0;
	float: none;
}
.privacy section.container .privacyContact dl dd {
	width: 100%;
	margin: 0 0 10px 0;
	float: none;
}

/* プライバシーマーク追加170310 */

.privacy section.container .privacyContact div {
	margin-top: 20px;
	padding: 15px;
}
.privacy section.container .privacyContact div p {
	width: 100%;
	float: none;
	margin: 0 0 5px 0;
}


/*
.privacy section.container .privacyContact + h4 {
	margin: 100px 0 10px 0;
}
.privacy section.container .privacyContact + h4 + p img {
	float: right;
	margin: 0 0 10px 10px;
	width: 75px;
	height: auto;
}
*/

/*--------------------------------
	サイトポリシー
--------------------------------*/

.policy section.container h3 {
	text-align: left;
}
.policy section.container ul {
	list-style-type:disc;
	list-style-position: inside;
	padding: 20px;
	border: 1px solid #ccc;
	background-color: #eee;
	margin: 0 0 20px 0;
}
.policy section.container ul li {
	margin: 0 0 5px 0;
}
.policy section.container table {
	width: 100%;
	border-collapse: collapse;
}
.policy section.container table th {
	width: 25%;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #eee;
}
.policy section.container table td {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #fff;
}


/*--------------------------------
	特定商取引法に基づく表記
--------------------------------*/

.defrayal section.container table {
	width: 100%;
	border-collapse: collapse;
}
.defrayal section.container table tr {
}
.defrayal section.container table th {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #eee;
	text-align: center;
}
.defrayal section.container table th:nth-of-type(1) {
	width: 35%;
} 
.defrayal section.container table td {
	padding: 5px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #fff;
}


/*--------------------------------
	サイトマップ
--------------------------------*/

.sitemap section.container {
}
.sitemap section.container h3 {
	text-align: left;
}
.sitemap section.container ul {
	margin: 0 0 30px 0;
	padding: 0 0 0 10px;
}
.sitemap section.container ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	position: relative;
}
.sitemap section.container ul li:before {
	content:'\f105';
	font-family: FontAwesome;
	color:#000;
	position: absolute;
	top: 0;
	left: 0;
}

/* ------------------------------------------------------------ お問い合わせ ------------------------------------------------------------ */

/* お問い合わせ一覧 */

.contact section.container ul {

}
.contact section.container ul li {
	border: 1px solid #ccc;
	padding: 20px;
	margin: 0 0 20px 0;
	font-size: 2.2rem;
	font-weight: bold;
}
.contact section.container ul li span {
	display: block;
	margin: 20px 0 0 0;
	font-size: 1.4rem;
	font-weight: normal;
}
.contact section.container ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0 30px;
}
.contact section.container ul li a:before {
	content:'\f061';
	font-family: FontAwesome;
	color: #eb7700;
	font-weight: normal;
	position: absolute;
	top: -1px;
	left: 0;
}

/* 既存フォーム調整用*/
#wrapper * {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
	letter-spacing: 0;
}
/* 共通 */
#wrapper #contentsArea {
	width: 100%;
	max-width: 90%;
	margin: 0 auto 60px auto;
	overflow:inherit;
}
#wrapper #MainColumn {
	margin:15px auto;
	overflow:inherit;
}
#wrapper #MainColumn h1 {
	height: auto;
	width: 100%;
	line-height: inherit;
	padding: 0 0 0 10px;
	font-size: 1.6rem;
	letter-spacing: 0;
	margin: 0 0 15px 0;
}
#wrapper #MainColumn h2 {
	font-size: 1.5rem;
	line-height: 1.6;
	margin: 15px 0 15px 0;
	padding: 15px 0 0 0;
}
#wrapper #MainColumn h3 {
	padding: 0 0 5px 5px;
	font-size: 1.5rem;
}
#wrapper #MainColumn h4 {
	padding: 0 0 5px 10px;
	font-size: 1.5rem;
}
#wrapper #MainColumn table {
	display: block;
	width: 100% !important;
	font-size: 1.3rem;
}
#wrapper #MainColumn table thead,
#wrapper #MainColumn table tbody {
	display: block;
	width: 100%;
}
#wrapper #MainColumn table tr {
	display: block;
	width: 100%;
	margin: 0 0 10px;
}
#wrapper #MainColumn table th {
	display: block;
	width: 100%;
}
#wrapper #MainColumn table.apply_form th {
	width: 100%;
}
#wrapper #MainColumn table td {
	display: block;
	width: 100% !important;
	padding: 5px 0;
	border: none;
}
#wrapper #MainColumn table td div {
	width: 100%;
	float: none;
}
#wrapper #MainColumn table td label {
	float: none;
}
#wrapper #MainColumn table td .ml5 {	
	margin-left: 0 !important;
}
#wrapper #MainColumn table td textarea{ width:100%;}
#wrapper #MainColumn table td .long{ width:100%;}
#wrapper #MainColumn table td .mid{ width:100%; margin-right:0;}
#wrapper #MainColumn table td .short{ width:100% !important;}


#wrapper #MainColumn #bp_lists_words table tr {
    display: block;
    width: 100%;
    margin: 5px;
}
#wrapper #MainColumn #bp_lists_words table td {
        padding: 5px 5px !important;
        display: initial !important;
}

#wrapper #MainColumn #bn_lists_words table tr {
    display: block;
    width: 100%;
    margin: 5px;
}
#wrapper #MainColumn #bn_lists_words table td {
        padding: 5px 5px !important;
        display: initial !important;
}

#wrapper #MainColumn #brn_lists_words table tr {
    display: block;
    width: 100%;
    margin: 5px;
}
#wrapper #MainColumn #brn_lists_words table td {
        padding: 5px 5px !important;
        display: initial !important;
}

/* 法人のお客さまのお問い合わせ */

#wrapper #MainColumn div.importantPoint {
	margin: 0 0 15px 0;
	padding: 10px;
	font-size: 1.3rem;
}
#wrapper #MainColumn div.importantPoint strong {
	font-size: 1.5rem;
}



/* ------------------------------------------------------------ ムービーギャラリー ------------------------------------------------------------ */

/* トップ */

.movie section.container {
	padding: 30px 3%;
}

section.container .movie_wrap {
	padding: 40px 5%;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
}

section.container .movie_wrap br {
	display: none;
}

section.container .movie_wrap h2 {
	height: auto;
	margin: 0 auto 20px;
	background: url(/movie/images/h2_1.png) no-repeat left 0 top 10px;
	background-size: 74px auto;
}

section.container .movie_wrap h2 > img {
	width: 100%;
	margin: 20px auto 0;
	padding: 0 0 0 70px;
}

section.container .movie_wrap h2 a {
	position: relative;
	right: auto;
	top: auto;
	margin: 20px auto 0;
	width: 180px;
	height: auto;
}

section.container .movie_wrap h2 a:hover {
	opacity: 1;
}

section.container .movie_wrap > p {
	text-align: left;
}

section.container .movie_wrap ul {
	width: 100%;
	margin: 15px auto;
}

section.container .movie_wrap ul li {
	width: 100%;
	float: none;
	margin: 0 0 15px 0;
}

section.container .movie_wrap ul li:nth-of-type(2n) {
	margin: 0 0 15px;
}

section.container .movie_wrap ul li p {
	font-size: 1.6rem;
}

section.container .movie_wrap ul li img {
	width: 100%;
	height: auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
}

section.container .movie_wrap ul li a:hover {
	opacity: 1;
}

section.container .movie_wrap ul + p {
	font-size: 1.4rem;
}

section.container .movie_wrap ul + p a:focus			{ color:#eb7700; text-decoration:underline; }
section.container .movie_wrap ul + p a:link				{ color:#eb7700; text-decoration:underline; }
section.container .movie_wrap ul + p a:link:hover		{ color:#eb7700; text-decoration:underline; }
section.container .movie_wrap ul + p a:link:active		{ color:#eb7700; text-decoration:underline; }
section.container .movie_wrap ul + p a:visited			{ color:#eb7700; text-decoration:underline; }
section.container .movie_wrap ul + p a:visited:hover	{ color:#eb7700; text-decoration:underline; }
section.container .movie_wrap ul + p a:visited:active	{ color:#eb7700; text-decoration:underline; }

section.container .movie_link {
	margin: 15px auto;
}

section.container .movie_link h3 {
	height: auto;
	background: url(/movie/images/h3_1.png) no-repeat left center;
	background-size: 65px auto;
}

section.container .movie_link h3 img {
	margin: 30px 0 0;
	width: 100%;
	padding: 0 5px 0 70px;
}

section.container .movie_link ul {
	width: 100%;
	margin: 30px auto;
}

section.container .movie_link ul li {
	width: 48%;
	float: left;
	margin: 0 4% 15px 0;
}

section.container .movie_link ul li:nth-of-type(2n) {
	margin: 0 0 15px;
}

section.container .movie_link ul li a {
	overflow: hidden;
	background: rgba(0,0,0,0.15);
}

section.container .movie_link ul li a:hover {
	opacity: 1;
}

/* movie iframe */

.movie_iframe {
	padding: 55px 12px 50px;
	background: url(/movie/images/bg_movie.png) repeat-x right bottom 8px, url(/movie/images/bg_movie.png) repeat-x right top 8px;
	background-size: 22px 11px, 22px 11px;
	background-color: rgba(255, 246, 176, 0.5);
}

.movie_iframe_feature {
	padding: 15px 0 30px;
}

.movie_iframe_feature br {
	display: none;
}

.movie_iframe_feature > p {
	font-size: 1.4rem;
	margin: 0 auto 15px;
	text-align: left;
}

.movie_iframe_feature > p small {
	font-size: 1.1rem;
}

.movie_iframe_feature ul li {
	margin: 0 auto 20px;
	font-size: 1.4rem;
}

.movie_iframe_feature ul li:nth-of-type(n+2) {
	width: 100%;
	float: none;
	margin: 0 auto 20px;
}

.movie_iframe_feature ul li img {
	width: 70%
}

.movie_iframe_link {
	padding: 20px 0 0;
	font-size: 1.5rem;
}

.movie_iframe_link a:focus			{ color:#eb7700; text-decoration:underline; }
.movie_iframe_link a:link			{ color:#eb7700; text-decoration:underline; }
.movie_iframe_link a:link:hover		{ color:#eb7700; text-decoration:underline; }
.movie_iframe_link a:link:active	{ color:#eb7700; text-decoration:underline; }
.movie_iframe_link a:visited		{ color:#eb7700; text-decoration:underline; }
.movie_iframe_link a:visited:hover	{ color:#eb7700; text-decoration:underline; }
.movie_iframe_link a:visited:active	{ color:#eb7700; text-decoration:underline; }

.movie_iframe_link a.movieBtn {
	width: 90%;
}

.movie_movie2 .movie_iframe_feature > img {
	width: 200px;
	margin: 0 0 30px;
}

.movie_movie2 .movie_iframe_feature div {
	height: auto;
	width: 100%;
	margin: 0 auto 20px;
}

.movie_movie2 .movie_iframe_feature div img {
	position: relative;
	width: 200px;
}

.movie_movie2 .movie_iframe_feature div p {
	max-width: 100%;
	padding: 10px 15px;
	position: relative;
}

.movie_movie2 .movie_iframe_feature div p span {
	color: #eb7700;
}

.movie_movie3 .movie_iframe_feature img {
	display: inline-block;
	max-width: 665px;
	height: auto;
	margin: 0 auto 30px;
}

.movie_movie4 .movie_iframe_feature div {
	position: relative;
	padding: 20px 0 30px;
}

.movie_movie3 .movie_iframe_feature a.generalBtn {
	margin: 0 auto 15px;
	display: block;
}

.movie_movie4 div img:nth-of-type(1) {
	width: 85px;
	top: 170px;
}

.movie_movie4 div img:nth-of-type(2) {
	width: 90%;
	height: auto;
}

.fancybox-close {
	background: url('/movie/images/iframe_close.png') center center no-repeat;
	background-size: 22px auto !important;
	top: 5px !important;
	right: 8px !important;
	width: 22px !important;
	height: 40px !important;
}

.fancybox-nav {
	width: 22px !important;
	height: 36px !important;
	top: auto !important;
	bottom: 10px !important;
}

.fancybox-nav span {
	width: 18px !important;
	height: 36px !important;
	margin-top: 0 !important;
}

.fancybox-prev span {
	top: 0 !important;
	left: 5px !important;
	background-image: url('/common/images/arrow_l.png');
	background-size: 18px auto !important;
}

.fancybox-next span {
	top: 0 !important;
	right: 5px !important;
	background-image: url('/common/images/arrow_r.png');
	background-size: 18px auto !important;
}

.fancybox-overlay{z-index:9999 !important}
.fancybox-wrap{z-index:99999 !important}

#wrapper #MainColumn h1, header h1.title {
    font-size: 2.0rem;
}
header p {
    font-size: 1.4rem;
	padding: 0;
}

.progressbar li:before {
	width: 18px;
	height: 18px;
 }
 .progressbar li.checkmark:before {
    font-size: 10px;
    width: 18px;
    height: 18px;
}
.progressbar li:after {
    top: 9px;
}
th#borderbt {
	font-size: 20px !important;
}

div.modal-content {
	margin: 10% auto;
	max-width:90%;
}

.btn-center{
	display: block;
    position: relative;
    min-height: 140px;
}
.btn-center .btn-left, .btn-center .btn-right{
	display: flex;
    position: absolute;
}
.btn-center div input{
	width:20px;
	height:20px;
	position: relative;
    top: 5px;
}

.btn-center .btn-left{
	top: 75px;
    left: 25%;
	width: 165px;
}
.btn-left span {
    left: 24% !important;
}

.btn-center .btn-right{
	top: 0px;
    left: 18%;
}
	
#wrapper #MainColumn table.apply_form select {
	width: 100%;
}

@media screen and (min-width:737px) and (max-width:1000px){
	#wrapper #MainColumn table.apply_form th {
		/*width: 12em;
		padding: 10px 20px;*/
	}

	#contentsArea.apply_form {
	  width: 740px;
	}
}}