/*
Theme Name: Remixpoint
Theme URI: http://www.remixpoint.co.jp/
Description: Remixpointレスポンシブ用テーマ
Author: Toshiyuki Hara
Author URI: http://www.cosa-l.co.jp/
Version: 1.0
*/
/***common.css***/
@charset "UTF-8";
/*!
style.css (C) Cosa-L Co.,Ltd.All Rights Reserved. http://www.cosa-l.co.jp/ Modified: 2016/01/14 Editor: Toshiyuki Hara */
/*--------------------------------------------------------------------------*
 *
 * common css
 *
 * (C) Remixpoint, Inc. All Rights Reserved.
 *
 * 2008 Remixpoint, Inc.
 * http://www.remixpoint.co.jp
 *
 * Last Modified: 2010-07-13
 * Last Editor: Toshiyuki hara
 *
 *--------------------------------------------------------------------------*/
/* ==========================================================================
	 RESET STYLE
	 ========================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, details, figcaption, figure,
footer, header, main, menu, nav, section {
	display: block;
}
/* form */
button, fieldset, form, input, label, legend, select, textarea {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
/* ==========================================================================
	 FONT SET
	 ========================================================================== */
@font-face {
	font-family: 'Noto Sans Japanese';
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format("opentype");
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Noto Sans Japanese';
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format("opentype");
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Noto Sans Japanese';
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format("opentype");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Noto Sans Japanese';
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Noto Sans Japanese';
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format("opentype");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Noto Sans Japanese';
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Noto Sans Japanese';
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format("opentype");
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'MyYuGothicM';
	font-weight: normal;
	src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
	/* Mediumがない場合 */
}
@font-face {
	font-family: 'MyYuGothicM';
	font-weight: bold;
	src: local("YuGothic-Bold"), local("Yu Gothic");
	/* for Chrome */
}
/* ==========================================================================
	 HTML / BODY
	 ========================================================================== */
html {
	height: 100%;
	box-sizing: border-box;
	font-family: sans-serif;
	font-size: 6.25%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
*, *::before, *::after {
	box-sizing: inherit;
}
body {
	height: 100%;
	/*font: 14rem/1.6 "Noto Sans Japanese", MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
	font: 13px/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #222;
	background-color: #fff;
}

/* for IE8 */
html > body {
	font-family/*\**/: "メイリオ", Meiryo, "ＭＳ Ｐゴシック" \9;
	font-size/*\**/: 75% \9;
}
/* for IE7 */
*:first-child + html body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	font-size: 75%;
}
/* for IE6 */
* html body {
	font-family: 'ＭＳ Ｐゴシック';
	font-size: 75%;
}

/* ==========================================================================
	 LIST
	 ========================================================================== */
ul, ol {
	list-style: none;
}
/* ==========================================================================
	 LINK
	 ========================================================================== */
a {
	cursor: pointer;
	text-decoration: none;
	transition: opacity 0.2s ease-in-out;
	vertical-align: baseline;
	-webkit-tap-highlight-color: transparent;
	background-color: transparent;
}
a:hover, a:focus {
	text-decoration: underline;
}
/* ==========================================================================
	 MEDIA
	 ========================================================================== */
img, embed, object, audio, video, iframe {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
}
/* ==========================================================================
	 TABLE
	 ========================================================================== */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ==========================================================================
	 HORIZONTAL RULE
	 ========================================================================== */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
/*----------------------------------------------------
	form setting
----------------------------------------------------*/
fieldset {
	border: 1px solid #ccc;
}
input,
textarea {
	line-height: 1.4;
	padding: 0.1em;
	vertical-align: middle;
	outline: none;
}
input[type="text"],
input[type="password"] {
	height: 1.2em;
	line-height: 1.2;
}
input[type="checkbox"],
input[type="radio"] {
	vertical-align: -0.05em;
}
input[type="checkbox"] {
	vertical-align: top;
}
/* for ie8 */
body input[type="text"] {
	height/*\**/: 1.3em\9;
}
body input[type="password"] {
	height/*\**/: 1.3em\9;
}
body input[type="radio"] {
	vertical-align/*\**/: -0.1em\9;
}
body input[type="checkbox"] {
	vertical-align/*\**/: -0.2em\9;
}
body select {
	height/*\**/: 20px\9;
	vertical-align/*\**/: 0.1em\9;
}
/* for ie7 */
*:first-child + html input[type="checkbox"],
*:first-child + html input[type="radio"] {
	vertical-align: middle;
}
/* for ie6 */
* html input.checkbox,
* html input.radio {
	vertical-align: -0.25em;
}
* html input.submit {
	padding-top: 0.2em;
}
/*----------------------------------------------------
	common setting
----------------------------------------------------*/
html, body {
	height: 100%;
}
.none,
.close {
	display: none;
}
.normal,
.open {
	display: block;
}
.show {
	visibility: visible;
}
.hide {
	visibility: hidden;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.floatNone {
	float: none;
}
/* IE6のセレクタとレイヤーに関する問題はこちらを使用 */
* html .hideIe6 {
	visibility: hidden;
}
.small {
	font-size: 83.4%;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
/* リンク設定
----------------------------------------------------*/
a {
	color: #184398;
	cursor: pointer;
	text-decoration: underline;
	transition: opacity 0.2s ease-in-out;
	vertical-align: baseline;
	-webkit-tap-highlight-color: transparent;
	background-color: transparent;
}
a:link {
	color: #184398;
	text-decoration: underline;
}
a:visited {
	color: #663399;
	text-decoration: underline;
}
a:hover {
	color: #011b5e;
	text-decoration: underline;
}
a:focus,a:active {
	color: #000719;
	text-decoration: underline;
}
/* フロート解除
----------------------------------------------------*/
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	/*display: inline-block;*/
	font-size:123%;
	line-height:1.7;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* No Script時の表示
----------------------------------------------------*/
#noscriptDisplay {
	width: 100%;
	background: #fbfff4;
	border-bottom: 1px solid #987e58;
	color: #ff0000;
	font-weight: bold;
	padding: 25px 0;
	text-align: center;
	z-index: 100;
}
/*----------------------------------------------------
	layout.css
----------------------------------------------------*/
@media only screen and (max-width: 767px) {
	#container {
		padding-top: 60px;
	}
}
/* ==========================================================================
	ヘッダー
========================================================================== */
.header {
	width: 100%;
	position: relative;
	z-index: 100;
	background-color: #fff;
}
.header__inr {
	height: 78px;
	max-width: 930px;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	box-sizing: border-box;
}
.header__logo {
	position: absolute;
	top: 36px;
	left: 0;
}
@media only screen and (max-width: 999px) {
	.header__inr {
		height: 60px;
	}
	.header__logo {
		top: 15px;
		left: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.header {
		position: fixed;
		top: 0;
	}
}
/* ==========================================================================
	 slideMenu
	 ========================================================================== */
@media only screen and (max-width: 999px) {
.slideMenu {
	width: 100%;
	height: 0;
	position: absolute;
	top: 60px;
	left: 0;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.58);
	z-index: 30;
	transition: 0.2s height ease-in-out;
}
.slideMenu__inr {
	width: 100%;
}
}
/* header
----------------------------------------------------*/


/* nav-global
----------------------------------------------------*/
/* contents
----------------------------------------------------*/
#wap-contents, .top_wrap {
	width: 100%;
	position: relative;
}
.lv2:before {
	content: '';
	width: 100%;
	height: 53px;
	position: absolute;
	top: 0;
	left: 0;
}
#contents {
	position: relative;
	max-width: 1152px;
	min-width: 320px;
	margin: 0 auto;
	box-sizing: border-box;
	word-break: break-all;
	padding-bottom:8%;
}
#ttl-lv2 {
	font-size: 30px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 27px;
	padding: 4px 10px; 
}
@media (max-width: 1200px) {
	#contents {
		position: relative;
		max-width: 90%;
		min-width: 320px;
		margin: 0 auto;
	}
}
@media (max-width: 767px) {
	.lv2:before {
		height: 47px;
	}
	#ttl-lv2 {
		font-size: 24px;
	}
}
/* コンテンツタイトル
----------------------------------------------------*/
#ttl-sub {
	padding: 0 0 29px;
	margin-bottom: 21px;
	border-bottom: 1px dotted #ccc;
	font-size: 30px;
	color: #222;
	font-weight: normal;
	line-height: 1;
}

/* コンテンツライン
----------------------------------------------------*/
/* 通常のライン */
.normalLine {
	border-top: 2px solid #555;
}

/***smallFont.css***/
#container {
	font-size: 100%;
}
@media only screen and (max-width: 767px) {
	#container {
		font-size: 14px;
	}
}

/***corporate/detail.css***/
/*----------------------------------------------------
	各セクション 会社案内
----------------------------------------------------*/
#section-corporate {
/* width: 670px; */
	/*position: relative;*/
	font-size:123%;
	line-height:1.7;
}
/* 経営理念
----------------------------------------------------*/
.vision .txt {
	margin-bottom: 1.2em;
}
.vision .txt strong {
	font-size: 150%;
}
#box-sign {
	margin-top:30px;
	width:100%;
}
#box-sign p {
	float: left;
	width: 513px;
	text-align: right;
	padding-right: 20px;
}
.rightimage {
	width: 137px;
	float: right;
}
/* 会社概要 & IRスケジュール （同じデザイン）
----------------------------------------------------*/
.corptable,
#XJTxtDPDataTbl  {
	width: 100%;
	border: 1px solid #ddd;
	word-break: break-all;
}
.corptable caption { display:none; }
.corptable tr,#XJTxtDPDataTbl .XJTxtDPDataTableTr { border: 1px solid #ddd; }
.corptable th,
.corptable td,
#XJTxtDPDataTbl .XJTxtDPDataTblTdDate,
#XJTxtDPDataTbl .XJTxtDPDataTblTdValue {
	line-height: 1.5;
	font-size: 16px;
	padding: 5px 15px 8px;
	vertical-align: top;
	border: 1px solid #ddd;
	background: #fff;
}
.corptable th,
#XJTxtDPDataTbl .XJTxtDPDataTblTdDate {
	vertical-align: middle;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	background: #f6f6f6;
}
#XJTxtDPDataTbl .XJTxtDPDataTblTdDate {width: 3em;}
.corptable td p:last-Child,
.corptable td p.lastChild,
#XJTxtDPDataTbl .XJTxtDPDataTblTdValue p { margin-bottom: 0; }
.mapLink { padding: 0 1em; }

/* IRスケジュール年間カレンダー 240319 */
.tbl_schedule {
	width: 100%;
	border-collapse: separate;
	font-size: 16px;
	margin:0 auto;
}
.tbl_schedule th,
.tbl_schedule td{
	font-weight: bold;
	vertical-align: middle;
	padding: 5px 15px;
}
.tbl_schedule th {
	background: #eee;
	border-top: solid 1px #bababa;
	border-left: solid 1px #bababa;
	border-right: solid 1px #ddd;
	width: 8em;
	text-align: left;
}
.tbl_schedule td{ background: #fff;}
.tbl_schedule tr:first-child td{border-top: solid 1px #bababa;}
.tbl_schedule td:last-child{
	border-left: solid 1px #ddd;
	border-right: solid 1px #bababa;
}
.tbl_schedule tbody:last-child th,
.tbl_schedule tbody:last-child tr:last-child td {
	border-bottom: solid 1px #bababa;
}
.tbl_schedule th span{font-size: 123%;}
.tbl_schedule td {border-top: solid 1px #ddd;}
.tbl_schedule td.month {
	background: #7dabcf;
	color: #fff;
	width: 5em;
	text-align: center;
}
.tbl_schedule td span{
	color: #2c4d7a;
	padding-right: 1em;
}
@media (max-width: 768px) {
	.tbl_schedule th,
	.tbl_schedule td{padding: 5px 10px;}
	.tbl_schedule th{width: 6em;}
	.tbl_schedule th span{font-size: 16px;}
	.tbl_schedule td.month {
		width: 3em;
		padding: 5px;
	}
	.tbl_schedule td span{
		display: block;
		padding-right: 0;
	}
}

.selector_wrap{
	background: #7dabcf; 
	color: #fff;
	margin-bottom: 20px;
}
.selector_inner{
	width: 672px;
	margin: 0 auto;
}
.selector_wrap dl{
	width: 100%;
	display: table;
	font-size: 123%;
}
.selector_wrap dt,
.selector_wrap dd{
	padding: 20px 0;
	display: table-cell;
	line-height: 1.25;
	vertical-align: middle;
}
.selector_wrap dt{
	width: 238px;
	box-sizing: border-box;
	font-weight: bold;
}
.selector_wrap dd{
	width: calc(100% - 160px);
}
.selector_wrap dd select{
	padding: 10px;
	width: 100%;
	border: 1px solid #e6e6e6;
}

@media screen and (max-width: 768px) {
	.selector_wrap {width: 100%;}
	.selector_inner {
		width: 90%;
		margin: 0 auto;
	}
	.selector_wrap dl,
	.selector_wrap dt,
	.selector_wrap dd {
		display: block;
		width: 100%;
	}	
}

/* 沿革（主にタイムライン用） */
.corptable.history {
	position: relative;
	width: 95%;
	margin-left: auto;
}

/*タイムライン全体の設定*/
.timeline{
	width:100%;
	margin:50px auto;
	padding:0 30px;
}

.timeline li{
	/*線の起点とするためrelativeを設定*/
	position: relative;
	list-style: none;
	padding:0 0 20px 0;
}
.timeline dl{ margin:0 0 20px 1.5em; }
.timeline dt{
	top: -0.3em;
	position: absolute;
	font-weight: bold;
}
.timeline dd { padding-top: 1em; }
.timeline li dd > p{
	position: relative;
	padding: 10px 0 10px 3em;
}
.timeline.timeline-en li dd > p{
	position: relative;
	padding: 10px 0 10px 6em;
}
.timeline .month{
	position: absolute;
	font-weight: bold;
	left: 0;
}

/*絶対配置で線を設定*/
.border-line {
	position: absolute;
	left: 7px;
	top:0;
	width:1px;
	height:0;
	background: #2c4d7a;;
}
/*タイムラインの見出し横の丸の位置と形状*/
.timeline li::after{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width: 15px;
	height: 15px;
	background:#2c4d7a;
	border-radius: 50%;
}

/* News
----------------------------------------------------*/
.news .section { padding: 10px 0; }
.news .list dl {
	width: 100%;
	position: relative;
}
.news .list dt {
	padding: 10px 0 3px;
	font-weight: bold;
}
.news .list dd {
	width: 100%;
	position: relative;
	padding: 0 0 45px;
	border-bottom: 1px dotted #ccc;
}
.news .ttl-article {
	padding-bottom: 5px;
}
.news .ttl-article strong {
	font-weight: normal;
}

/* プレスリリース／ニュース テンプレート
----------------------------------------------------*/
.line-hr { margin-bottom: 2em; }
#box-info { padding: 2em 10px 1em; }
#box-info h5 {
	padding: 5px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 116.7%;
	font-weight: bold;
	background: #2c4d7a;
}
#box-info dl {
	padding: 0 1em;
}
.dataTime { margin-bottom: 15px; }
.ttl-news {
	color: #333;
	font-size: 150%;
	font-weight: bold;
	line-height:130%;
	margin-bottom:1em;
}
.sub-news {
	font-weight: bold;
	font-size: 116.7%;
	margin-bottom: 10px;
}
#section-corporate .txt-news { margin-bottom: 1.3em; }
#section-corporate .indent {
	padding-left: 1em;
	text-indent: -1em;
}
#box-news .txt-list {
	list-style-type:disc;
	list-style-position: inside;
}

@media (min-width: 769px) {
	.news-content .youtube {
		padding-bottom: 315px;
	}
	.news-content .youtube iframe{
		max-width: 560px;
		max-height: 315px;
	}
}

/* 会社地図
----------------------------------------------------*/
.officeGuide {
	width: 100%;
	min-height: 190px;
	height: auto !important;
	height: 190px;
	margin-top: 30px;
	padding-bottom: 31px;
	overflow: hidden;
	position: relative;
	border-bottom: 1px dotted #ccc;
}
.officeGuide .txt {
	width: 35%;
	float: left;
	font-size: 16px;
	line-height:1.5;
	margin-bottom: 20px; 
}
.officeGuide .ttl {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px; 
}
.officeGuide .map {
	width: 65%;
	height: 200px;
	float: right;
}
@media (max-width: 999px) {
	.officeGuide .txt,.officeGuide .map {
		width: auto;
		float: none;
	}
}

/* ==========================================================================
	 企業情報 > メッセージ 2015/06/26追加 Editor: Toshiyuki Hara
			 2015/10/01変更 Editor: Tan Hatakeyama
	 ========================================================================== */
.messageBox {
	width: 100%;
	display: table;
	margin: 0 0 30px;
}
.messageBox2 {		/*これは「エネルギー管理支援サービス」にある*/
	background: #fff;
	font-size: 120%;
	letter-spacing: 3px;
	margin: 0 0 30px;
}
.messageBox .messageBox__img,
.messageBox .messageBox__text {
	display: table-cell;
	vertical-align: top;
}
.messageBox .messageBox__img {
	padding: 0 30px 15px 0;
}
.messageBox .messageBox__img img {
	width: 200px;
	max-width: initial;
}
.messageBox .messageBox__text p {
	margin-bottom: 1.5em;
}
.messageBox .messageBox__sign {
	/*float: right;*/
	text-align: right;
	font-size: 26px;
	font-family: 'Times New Roman', 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
	line-height: 1.2;
	margin-left: 20px;
}
.messageBox .messageBox__sign_inner {
	display: inline-block;
	text-align: center;
}
.messageBox .messageBox__sign span {
	font-size: 14px;
}
@media only screen and (max-width: 767px) {
	.messageBox,
	.messageBox .messageBox__img,
	.messageBox .messageBox__text {
		display: block;
	}
}
/***corporate/release.css***/
/*----------------------------------------------------
	MTの記事内で特別に仕様するstyle
----------------------------------------------------*/
/* ditail page 
========================================================= */
/* contents box */
div#news-container{
	width: 540px;
}
/* 日付、会社名 BOX */
ul#news-caption{
	margin: 0px;
	padding-top: 10px;
	list-style-type: none;
}
/* 日付、会社名指定 */
ul#news-caption li{
	font-size: 13px;
	color: #333;
}
/* title */
h2.news-title{
	padding-top: 15px;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	line-height: 130%;
}
/* sub-title */
h3.news-subtitle{
	font-size: 1.35em;
	font-weight: bold;
	color: #333;
	padding-bottom: 15px;
	line-height: 130%;
}
/* 汎用タグ一覧 
------------------------------*/
/* ul */
ul{
	list-style-type: none;
}
/* p */
div#news-container p{
	margin-bottom: 10px;
	line-height: 140%;
}
/* small text */
div#news-container p.small{
	margin-bottom: 10px;
	line-height: 140%;
	font-size: 10px;
}
/* small box */
div#news-container div.small{
	margin: 10px;
	clear: both;
}
/* block */
div#news-container blockquote{
	margin: 0px 10px 10px 10px; 
	padding: 10px 10px 0px 10px;
	background: #eee;
	border: 1px dotted #999;
	clear: both;
}
/* h3 */
div#news-container h3{
	font-weight: bold;
	margin-bottom: 10px;
}
/* image files float */ 
.leftimage{
	float: left;
	margin: 5px 8px 5px 0px;
}
.rightimage{
	float: right;
	margin: 5px 0px 5px 8px;
}
ul#customerlink{
	padding-left: 20px;
}
/* 080609 otake ☆該当なし？
------------------------------*/
dl.releaseList{
	margin: 0px 0px 40px 0px;
}
dl.releaseList dt.title{
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 5px;
}
dl.releaseList dd{
	margin-left: 15px;
}
dl.releaseList02{
	margin-bottom: 20px;
}
dl.releaseList02 dd{
	margin-bottom: 10px;
}
ul.releaseList01{
	list-style-type: disc;
	margin: 0px 0px 20px 30px;
}
ul.releaseList01 li{
	margin-bottom: 5px;
}
ul.releaseList01 li ul{
	margin-left: 20px;
	list-style-type: disc;
}
ol.numberList{
	list-style-type: decimal;
	margin: 0px 0px 20px 30px;
}
ol.numberList li{
	margin-bottom: 5px;
}
.webApiList,
.webApiList tr,
.webApiList td {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.webApiList td {
	font-size: 80%;
	vertical-align: top;
	width: 33.3%;
}
.webApiList ul {
	padding: 0;
}
.webApiList ul li {
	padding: 3px 0;
}
.webApiList ul{
	padding: 10px;
}
table.timetable td{
	padding: 3px;
}
/* title box
------------------------------*/
div#info-box{
	margin: 0px 10px 10px 10px; 
}
h4.title-bar{ 
	margin-top: 20px;
	padding: 5px; 
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	background: #af672f;
	clear: both;
}
/* clear:both を追加 */
div#corporateOverview {
	padding: 12px 0px;
}
/* 会社概要
------------------------------*/

/* Remixpoint news page 
========================================================= */
/* イベント開催概要 */
#outline-box{
	margin: 0px 10px 10px 10px; 
	padding: 10px;
	clear: both;
}
#outline-box dt{
	color: #333;
	font-weight: bold;
	line-height: 160%;
}
#outline-box dd{
	padding-bottom: 8px;
	margin-left: 55px;
	margin-top: -18px;
}

/***product/detail.css***/
/*----------------------------------------------------
	各セクション
----------------------------------------------------*/
#section-output {
/* width: 670px;*/
	position: relative;
}
#section-output .section-case {
	padding: 0 10px;
}
/* title */
#section-output a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

/***ir/detail.css***/
/*----------------------------------------------------
	各セクション 株主投資家様へ
----------------------------------------------------*/
#section-ir {
	line-height:1.7;
}
.ir .txt {
	margin-bottom: 1.2em;
}
/* 会社概要
----------------------------------------------------*/
.ir .ttl {
	height: 26px;
	padding: 0 20px;
	line-height: 26px;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 14px;
	overflow: hidden;
	background: url(images/ir/bg-ttl.png) 0 0 no-repeat;
}
/* 免責事項
----------------------------------------------------*/
.box-disclaimer {font-size: 123%;margin-bottom: 30px;}
.box-disclaimer h4 {
	font-size: 133.4%;
	margin-bottom: 5px;
	border-bottom: 1px solid #2c4d7a;
}
/* FAQ
----------------------------------------------------*/
.qList {
	padding: 20px 25px 0;
	margin: 0 0 35px 0;
	background: url(images/ir/bg-irHead.png) 0 0 no-repeat;
}
.qList li {
	padding: 0 0 0 17px;
	margin: 0 0 10px 0;
	background: url(images/ir/ico-question.gif) 0 0 no-repeat;
}
.qList li span {
	padding-right: 1em;
	color: #8d5004;
}
.qDetail{}
.qDetail dt {
	height: 78px;
	padding: 10px 0 0 65px;
	color: #8d5004;
	background: url(images/ir/bg-question.png) 0 0 no-repeat;
}
.qDetail dt span,
.qDetail dd span { display: none; }
.qDetail dd {
	/*width: 595px;*/
	max-width: 670px;
	position: relative;
	padding: 0 10px 20px 65px;
	margin: -41px 0 10px;
	background: url(images/ir/bg-answer.png) 0 0 no-repeat;
}
/* 提出会社の株式事務の概要
----------------------------------------------------*/
.rewr dd {
	padding-left: 1em;
	margin-bottom: 1em;
}

/* PDFダウンロード
----------------------------------------------------*/
.dl-reader {
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #ccc;
	background: #eee;
}
.dl-reader a {
	float: right;
	margin-left: 10px;
}
/* タブ
----------------------------------------------------*/
.tab-box,
.tab-newsbox {
	padding-top: 25px;
}

/* 業績の推移（グラフ）
----------------------------------------------------*/
.section-graph {
	padding: 30px 0 0 47px;
}
.section-graph dl {
	width: 265px;
	float: left;
	margin-bottom: 30px;
	padding-right: 45px;
}
.section-graph dl dt span {
	color: #00d2fd;
}
/* 業績の推移（表）
----------------------------------------------------*/
.section-table {
	padding: 20px;
}
.att {
	width: 630px;
	position: relative;
}
.att h5 {
	width: 50px;
	float: left;
	text-align: center;
}
.att ol {
	width: 550px;
	float: right;
	list-style-position: outside;
	list-style-type: decimal;
}
.att ol li {
	margin-bottom: 5px;
}
.commonTable {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}
.commonTable caption { display: none; }
.commonTable th,
.commonTable td {
	padding: 4px 5px;
	border: 1px solid #ddd;
}
.commonTable td {
	text-align: right;
}
.commonTable td.left {
	text-align: left;
}
.commonTable td.center {
	text-align: center;
}
.commonTable td.thisyear {
	background: #f5e5cc;
}
.commonTable thead th {
	background: #f6f6f6;
	font-weight: bold;
}
/* IRニュース
----------------------------------------------------*/
.section-irNews {
	padding: 20px 0 20px;
	background: url(images/ir/bg-irNews.png) 50% bottom no-repeat;
	background-size: contain;
}
.inner-irNews {
	position: relative;
	padding: 0 25px 0;
	background: url(images/ir/bg-irNewsMid.png) 50% 0 repeat-y;
	background-size: contain;
}
.ir-news {
	clear: both;
	width: 620px;
}
.ir-news dt {
	float:left;
	font-size: 91.7%;
	font-style:italic;
	font-weight:bold;
	padding:3px 0 10px 25px;
	width: 110px;
	background:url("images/ir/ico-irnews.gif") left top no-repeat;
}
.ir-news dd {
	float:left;
	margin-top:3px;
	padding-bottom:10px;
	width:480px;
}

/***レジリエンスソリューション事業***/
.sdgs-bcp_cont01{
	margin-bottom: 5%;
	text-align: center;
}
.sdgs-bcp_cont01 h3,
.sdgs-bcp_cont03 h4{
	font-size: 246.1%;
	color:#2c4d7a;
    font-weight: bold;
	margin-bottom: 2%;
}
.sdgs-bcp_cont01 p{
	font-size: 143.6%;
	line-height: 1.7;
	color: #464646;
	margin: 0 5%;
}
@media screen and (max-width: 1200px) {
	.sdgs-bcp_cont01{
		max-width: 90%;
		margin:auto auto 5%;
	}
}
@media screen and (max-width: 768px) {
	.sdgs-bcp_cont01 h3,
	.sdgs-bcp_cont03 h4 { font-size: 184.6%; }
}

.sdgs-bcp_bg01{
	text-align: center;
	background: #009a88;
	background-size: 100%;
	width:100%;
	margin:0 0 5%;
}
.sdgs-bcp_bg01 figure{
	max-width:1152px;
	margin: auto;
}
.sdgs-bcp_bg01 figure .pc{
	max-height: 150px;
}
.sdgs-bcp_cont02{
	max-width: 1152px;
	width: 96%;
	margin: 0 auto 5%;
	text-align: center;
}
.sdgs-bcp_cont02 h3{
	max-width:100%;
	width:50%;
	margin:auto auto 60px;
}
.sdgs-bcp_cont02-wrap{
	width: 100%;
}
.sdgs-bcp_cont02_box {
	display: table;
	max-width: 1120px;
	margin: 0 auto;
}
.sdgs-bcp_cont02_box li{
	display:table-cell;
	line-height: 1.5;
	width: calc(100% / 3);
}
.sdgs-bcp_cont02_box_inner{
	position: relative;
	width: 96%;
	border: solid 2px #2c4d7a;
	background:#fff; 
	margin: 30px auto;
	padding: 30px 20px 10px;
	text-align: center;
}
.sdgs-bcp_cont02_box figure img{
	display: inline-block;
	position: absolute;
	max-width: 84px;
	top: -45px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.sdgs-bcp_cont02_box h4{
	font-size: 215.3%;
	color: #2c4d7a;
	border-bottom: solid 1px #cdcdcd;
	padding: 15px 0; 
}
.sdgs-bcp_cont02_box .txt01{
	font-size: 143%;
	font-weight: bold;
	border-bottom: solid 1px #cdcdcd;
	padding: 15px 0; 
}
.sdgs-bcp_cont02_box .txt02{
	font-size: 123%;
	text-align: left;
	padding: 10px 0; 
}

/*210716 YouTube動画追加分*/
.sdgs-bcp_news{
	width: 96%;
	max-width: 1152px;
	text-align: center;
	margin: 0 auto 60px;
	padding: 0 20px;
}
.sdgs-bcp_news h4{
	background: #ed6d00;
	color: #fff;
	padding: 10px 0;
	font-size: 153.8%;
}
.sdgs-bcp_news .txt04{
	font-size: 133.4%;
	background:#fff2df;
	line-height: 1.5;
	padding:20px;
}
.sdgs-bcp_cont04 h4.h4_ma-t{
	color: #2c4d7a;
	font-size: 234%;
	text-align: center;
	border: solid #2c4d7a;
	border-width: 0 0 2px;
	margin: 0 0 20px;
	padding: 0 0 10px;
}
.sdgs-bcp_cont04 h4.h4_news{
	color: #fff;
	background: #ed6d00;
	border: none;
}

.sdgs-bcp_cont04 figure.img100 img{
	max-width: 100%;
}

.sdgs-bcp_cont04 .txt05{
	font-size: 123%;
	line-height: 1.5;
	padding:20px;
}

.sdgs-bcp_news .news_btn{
	display: inline-block;
	background: #f07f00;
	border-radius: 10px;
	vertical-align: middle;
	width: calc(92% / 3);
}

.sdgs-bcp_news .news_btn a{
	display: block;
	font-weight: bold;
	color: #fff;
    text-align:center;
	background: url("./images/sdgs-bcp/img_sdgs_bcp_8.png") no-repeat 95% center;
	transition: all .2s ease-out;
	padding:10px 0;
}

@media (max-width: 768px) {
	.sdgs-bcp_news{
		margin: 0 auto 30px;
	}
	.sdgs-bcp_news .news_btn{
		width: calc(92%);
		max-width:300px;
	}
	.sdgs-bcp_cont04 .youtube{padding-bottom: 56.25%;}
}

@media (min-width: 769px) {
	.sdgs-bcp_cont04 .youtube{
		max-width: 560px;
		margin: auto;
		padding-bottom: 315px;
	}
	.sdgs-bcp_cont04 .youtube iframe{
		max-width: 560px;
		max-height: 315px;
	}
}

@media (max-width: 1060px) {
	.sdgs-bcp_cont02{
		position:relative;
		margin-top:40px;
		padding-top:50px;
	}
	.sdgs-bcp_cont02 h3{
		position:absolute;
		top:-20px;
		left:0;
		right:0;
	}
	.sdgs-bcp_cont02_box {
		display: block;
	}
	.sdgs-bcp_cont02_box li{
		display: block;
		width: 100%;
		margin-bottom: 55px;
		padding-bottom: 5px;
	}
	.sdgs-bcp_cont02_box_inner {
		height: auto;
	}
}

.sdgs-bcp_cont03{
	text-align: center;
	margin-bottom: 5%;
}
.sdgs-bcp_cont03 h3{
	max-width:1152px;
	width:100%;
	border-bottom: solid 1px #cdcdcd;
	margin:0 auto 30px;
	padding:0 0 20px;
}
.sdgs-bcp_cont03 h3 img{
	max-width:234px;
	width:50%;
}
.sdgs-bcp_cont03 .img_wrap{
	background: #acc76e;
}
.sdgs-bcp_cont03 h5{
	background: #2c4d7a;
	font-size: 184.6%;
	color: #fff;
	padding: 10px 0; 
}
.sdgs-bcp_cont03 figure{
	max-width:1152px;
	margin: 0 auto 40px;
}
.sdgs-bcp_cont03 .anchor_button{
	max-width:1152px;
	margin: 0 auto;
}
.sdgs-bcp_cont03 .anchor_button li{
	display: inline-block;
	background: #2c4d7a;
	border-radius: 10px;
	vertical-align: middle;
	width: calc(92% / 3);
	margin: 0 0.3% 10px;
}
.sdgs-bcp_cont03 .anchor_button li a{
	display: block;
	font-size: 143%;
	font-weight: bold;
	color: #fff;
	height: 60px;
	background: url("./images/sdgs-bcp/img_sdgs_bcp_8.png") no-repeat center 85%;
	transition: all .2s ease-out;
	padding:10px 0;
}
.sdgs-bcp_cont03 .anchor_button li a:hover{
	text-decoration: none;
	background-position: center 92%;
}
@media (max-width: 1060px) {
	.sdgs-bcp_cont03 .anchor_button li{ width: calc(92% / 2); }
}
@media (max-width: 768px) {
	.sdgs-bcp_cont03 .anchor_button li a{
		height: 70px;
		padding-top: 20px;
	}
	.sdgs-bcp_cont03 .anchor_button li:nth-child(4) a{
		font-size: 14px;
		padding-top: 12px;
	}
}

@media (max-width: 400px) {
	.sdgs-bcp_cont03 .anchor_button li a{ font-size: 118%; }
}

.sdgs-bcp_ttl{
	font-size: 234%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #2c4d7a;
    margin-bottom:20px;
	padding: 0 10px;
}
.sdgs-bcp_ttl span{
	display: inline-block;
	background: no-repeat 0% center;
	padding:25px 20px 25px 85px;
}

#anc01 .sdgs-bcp_ttl span{
	background-image: url("./images/sdgs-bcp/img_battery.png");
	background-size: 76px 55px;
	padding-left: 105px;
}
#anc02 .sdgs-bcp_ttl span{
	background-image: url("./images/sdgs-bcp/img_mat_1.png");
	background-size: 47px 66px;
}
#anc03 .sdgs-bcp_ttl span{
	background-image: url("./images/sdgs-bcp/img_sdgs_bcp_17.png");
	background-size: 71px 66px;
}
#anc04 .sdgs-bcp_ttl span{
	background-image: url("./images/sdgs-bcp/img_sdgs_bcp_22.png");
	background-size: 60px 66px;
}
#anc05 .sdgs-bcp_ttl span{
	background-image: url("./images/sdgs-bcp/img_sdgs_bcp_12.png");
	background-size: 69px 66px;
}
#anc06 .sdgs-bcp_ttl span{
	background-image: url("./images/sdgs-bcp/img_sdgs_bcp_9.png");
	background-size: 56px 66px;
}
#anc07 .sdgs-bcp_ttl span{
	background-image: url("./images/sdgs-bcp/img_sdgs_bcp_31.png");
	background-size: 64px 64px;
}
#anc08 .sdgs-bcp_ttl span{
	background-image: url("./images/sdgs-bcp/img_sdgs_bcp_36.png");
	background-size: 46px 64px;
}
#anc09 .sdgs-bcp_ttl span{
	background-image: url("./images/sdgs-bcp/img_sdgs_bcp_39.png");
	background-size: 56px 64px;
}
.sdgs-bcp_cont04{
	background: #fff;
	padding: 0 0 5%;
}
.sdgs-bcp_cont04 .txt03{
	font-size: 133.4%;
	line-height: 1.5;
	margin: 0 0 30px;
}

.sdgs-bcp_cont04 .battery_button{
	max-width:1152px;
	margin: 0 auto;
}
.sdgs-bcp_cont04 .battery_button li,
.sdgs-bcp_cont04 .battery_button02{
	display: inline-block;
	background: #2c4d7a;
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
}
.sdgs-bcp_cont04 .battery_button._preparation li{
	border: 1px solid #2c4d7a;
	background: #7dabcf;
	color: #e6ebf1;
	font-size: 123%;
	font-weight: bold;
	border-radius: 10px;
	padding:15px 0;
}

.sdgs-bcp_cont04 .battery_button li{width: calc(94% / 2);}
.sdgs-bcp_cont04 .battery_button02{width: 53.3%;}

.sdgs-bcp_cont04 .battery_button li:nth-child(odd) {margin-right: 10px;}
.sdgs-bcp_cont04 .battery_button li:nth-child(even) {margin-left: 10px;}
.sdgs-bcp_cont04 .battery_button li a,
.sdgs-bcp_cont04 .battery_button02 a{
	display: block;
	font-size: 123%;
	font-weight: bold;
	color: #fff;
	background: url("./images/sdgs-bcp/img_sdgs_bcp_41.png") no-repeat 95% center;
	background-size: 10px 17px;
	transition: all .2s ease-out;
	padding:15px 0;
}
.sdgs-bcp_cont04 .battery_button li a:hover,
.sdgs-bcp_cont04 .battery_button02 a:hover{
	text-decoration: none;
	background-position: 97% center;
}

@media (max-width: 900px) {
	.sdgs-bcp_cont04 .battery_button li a,
	.sdgs-bcp_cont04 .battery_button02 a{font-size: 100%;}
}
@media (max-width: 768px) {
	.sdgs-bcp_cont04 .battery_button li,
	.sdgs-bcp_cont04 .battery_button02{
		display: block;
		width: 400px;
		max-width: 98%;
	}
	.sdgs-bcp_cont04 .battery_button li:nth-child(odd),
	.sdgs-bcp_cont04 .battery_button li:nth-child(even),
	.sdgs-bcp_cont04 .battery_button02 {margin:0 auto 20px;}
	.sdgs-bcp_cont04 .battery_button li a,
	.sdgs-bcp_cont04 .battery_button02 a{font-size: 123%;}
	.sdgs-bcp_cont04 .battery_img img{
		width: 100%;
		max-width: 100%;
	}
	.sdgs-bcp_cont04 .sofar_logo img{
		width: 60%;
		margin: 0 auto 1em;
	}
	.sdgs-bcp_cont04 figure img{
		max-width: 75%;
		margin: 0 auto;
	}
	.sdgs-bcp_cont04 figure.w50 img{max-width: 50%;}
	.sdgs-bcp_cont04 .sp_s60 img{width: 130px;}
}

.sdgs-bcp_cont04 h4,
.sdgs-bcp_cont04 h5{
	font-size: 153.8%;
	text-align: center;
	margin: 0 0 30px;
	padding: 10px 0;
}
.sdgs-bcp_cont04 h4{
	border: solid #cdcdcd;
	border-width: 1px 0;
}
.sdgs-bcp_cont04 h5{
	background: #7dabcf;
	color: #fff;
}
.sdgs-bcp_cont04_inner{
	max-width: 1192px;
	margin:0 auto;
	padding: 0 20px;
}
.sdgs-bcp_cont04_box{
	font-size: 123%;
	margin: 0 0 5%;
    line-height: 1.5;
}
/*すごい水改修 210802追加*/
.ma-t_box{
	position:relative;
	margin-bottom:40px;
}
.ma-t_box .ma-t_img img{
	position:absolute;
	top:0;
	right:3%;
}
.ma-t_txt{
	font-size: 123%;
	font-weight: bold;
	background:#c4edff;
	margin:75px 0 10px;
	padding-top:10px;
	padding-bottom:10px;
}
.ma-t_link{
	font-size: 123%;
	font-weight: bold;
	margin-bottom: 70px;
}
.ma-t_txt._01,
.ma-t_link._01{ padding-right:110px; }
.ma-t_txt._02,
.ma-t_link._02{ padding-right:135px; }
.ma-t_link a{
	color: #00A6E2;
	font-size: 84.5%;
	font-weight: bold;
}

.ma-t_txt._03,
.ma-t_link._03{ padding-right:135px; }
.ma-t_txt._03{
	color: #fff;
	background:#F2AEAC;
}

@media (max-width: 1060px) {
	.ma-t_box{ margin-bottom:20px; }
	.ma-t_box .ma-t_img img{
		max-height:200px;
		right:1%;
	}
	.ma-t_link{margin-bottom: 30px;}
	.ma-t_txt{
		margin:0 0 10px;
	}
}
@media (max-width: 767px) {
	.ma-t_box .ma-t_img img{
		top:-30%;
	}
	.sdgs-bcp_cont04 .ma-t_wrap figure img{
		max-width: 100%;
	}
	.ma-t_box{ margin:40px 0 65px; }
	.ma-t_txt{
		margin:50px 0 10px;
	}
}

.denki_logo{
	max-width:518px;
	margin:0 auto 30px;
}
p.denki_button,
p.ma-t_button{
	display: inline-block;
	background: #2c4d7a;
	border-radius: 10px;
	text-align: center;
	width: 400px;
	max-width: 98%;
}
p.denki_button a,
p.ma-t_button a{
	display: block;
	font-weight: bold;
	color: #fff;
	background: url("./images/sdgs-bcp/img_sdgs_bcp_41.png") no-repeat 95% center;
	background-size: 12px 22px;
	transition: all .2s ease-out;
	padding:15px 0;
}
p.denki_button a{font-size: 133.4%;}
p.ma-t_button a{font-size: 100%;}
p.denki_button a:hover,
p.ma-t_button a:hover{
	text-decoration: none;
	background-position: 97% center;
}
p.ma-t_button br{display: none;}

@media (max-width: 1060px) {
	p.ma-t_button{height: 5em;}
	p.ma-t_button._01{padding: 0.8em 0;}
	p.ma-t_button br{display: block;}
}

@media (max-width: 767px) {
	p.ma-t_button{height: auto;}
	p.ma-t_button._01{padding: 0;}
	p.ma-t_button br{display: none;}
}

/* 展示会広告 */
/* EXPOポップアップ 250120版 */
.expo_pop{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	border: solid 4px #2c4d7a;
	background: #fffef2;
	max-width: 500px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	opacity: 0.9;
	z-index: 999999;
	padding: 10px 20px 20px;
}
.expo_pop_inner{
	display: flex;
    justify-content: space-around;
    align-items: center;
}
#expo_close {
	position: absolute;
	top: 10px;
	right: 10px;
	border: none;
	background: #a2a2a2;
	color: #fff;
	font-weight: bold;
	line-height: 0;
	width: 36px;
	height: 36px;
	padding: .5rem;
}
.expo_pop ._img01{
	width: calc(100% - 72px);
	margin: 0 auto 5px;
}
.expo_pop ._img01 img{width: 100%;}
.expo_pop ._txt01 {
	color:#2c4d7a;
	margin-bottom: 5px;
}
.expo_pop ._txt02 {
	display: inline-block;
	font-size: 16px;
	text-align: left;
	margin-bottom: 5px;
}
.expo_pop ._txt03{
	color:#2c4d7a;
	font-size: 18px;
	text-align: left;
}
.expo_pop figure.qr img{max-width: 80px;}
.expo_pop .fa-play {
	color: #7dabcf;
	margin: 0 15px;
}
.expo_pop ._txt04{
	font-size: 14px;
	margin-bottom: 10px;
}
#expo_link {
	display: block;
	background: #2c4d7a;
	border: none;
	color: #fff;
	font-size: 24px;
	border-radius: 1rem;
    cursor: pointer;
	
	-moz-transition: color .3s, opacity .3s, background .3s;
	-o-transition: color .3s, opacity .3s, background .3s;
	-webkit-transition: color .3s, opacity .3s, background .3s;
	transition: color .3s, opacity .3s, background .3s;

	margin: 10px 0;
	padding: 5px;
}
#expo_link i {margin-left: .5em;}
#expo_close:hover,
#expo_link:hover {opacity: 0.5;}
#expo_link a {
	color: #fff !important;;
	font-weight: bold;
	text-decoration: none;
	padding: .5rem 1rem;
}
@media screen and (max-width: 767px) {
	.expo_pop{
		width:90%;
		bottom: 0;
		right: 0;
		left: 0;
		margin: 0 auto 10px;
		padding: 10px;
	}
	#expo_close {
		font-size: 16px;
		width: 30px;
		height: 30px;
		padding: .5rem;
	}
	.expo_pop ._img01{width: calc(100% - 65px);}
	.expo_pop ._txt01,
	.expo_pop ._txt03 {font-size: 14px;}
	.expo_pop ._txt02 {
		font-size: 14px;
		text-indent: -2.5em;
	}
	.expo_pop ._txt04 {font-size: 13px;}
	#expo_link {font-size: 18px;}
}

/***ZEB事業***/
.zeb {
	font-size:123%;
	line-height:1.7;
}

.zeb table.works_tbl {
	font-size: 14px;
	margin: 0 auto 40px;
	width: 100%;
	max-width: 100%;
}
.zeb table.works_tbl th {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #666;	background: #ddd;
}
.zeb table.works_tbl td {
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #666;
	background: #fff;
}
.zeb table.works_tbl tr td:nth-child(-n+2){
	text-align: center;
	width: 25px;
}
.zeb table.works_tbl tr td:nth-child(3){
	width: 175px;
}
.zeb table.works_tbl tr td:nth-child(4){
	text-align: center;
	width: 64px;
}
.zeb table.works_tbl tr td:nth-child(5){
	width: 17.5em;
}
.zeb table.works_tbl tr td:nth-child(n+6){
	text-align: right;
}
.zeb table.works_tbl.tbl04 tr td:nth-child(7){
	text-align: center;
}

.zeb .scroll{
	overflow: auto;
	white-space: nowrap;
}
.zeb .scroll::-webkit-scrollbar-track{
	background: #F1F1F1;
}
.zeb .scroll::-webkit-scrollbar-thumb{
	background: #BCBCBC;
}


/***recruit/detail.css***/
/*----------------------------------------------------
	各セクション recruit
----------------------------------------------------*/


/***info/detail.css***/
/*----------------------------------------------------
	各セクション info
----------------------------------------------------*/
#section-info,
#section-sitePolicy,
#section-privacypolicy { position: relative; }

/* サイトポリシー
----------------------------------------------------*/
#section-sitePolicy h4 {
	font-size: 133.4%;
	margin:40px 0 20px;
	border-bottom: 1px solid #2c4d7a;
}

#section-sitePolicy h4 img { max-width: none; }
#section-sitePolicy h4:first-child { margin: 40px 0 0; }
#section-sitePolicy p { padding: 0 1em 0 0; }
#section-sitePolicy .section { padding: 2.3em 2.5em 0 1em; }
#section-sitePolicy .section h5 {
	background: #2c4d7a;
	color: #fff;
	font-weight: bold;
	margin-bottom: 1.2em;
	padding: 5px;
}
#section-sitePolicy .section p { padding: 0 2.3em 0 2.3em;}
#section-sitePolicy .section p.space { margin-bottom: 2.3em; }
#section-sitePolicy .section ul {
	padding: 0 2.3em 0 4em;
	list-style: square;
	list-style-position: outside;
}
#section-sitePolicy .section ul li { margin-bottom: 0.8em; }
#section-sitePolicy .eachOs { padding: 1.5em 2em 0; }
#section-sitePolicy .eachOs dt { font-weight: bold; }
#section-sitePolicy .eachOs dd { padding: 0 2.5em; }
#section-sitePolicy .btn-pdf { margin-top: 15px; }

/* プライバシーポリシー
----------------------------------------------------*/
#section-privacypolicy { padding-right: 10px; }
#section-privacypolicy p.right { padding: 0 0 2em 0; }
#section-privacypolicy ol {
	padding: 4em 0 3em 2em;
	list-style: decimal;
	list-style-position: outside;
}
#section-privacypolicy ol li { margin-bottom: 2em; }
#section-privacypolicy .section { margin-top: 2.9em; }
#section-privacypolicy .section .inr { padding: 0 0 0 1.6em; }
#section-privacypolicy .section h3 {
	background: #2c4d7a;
	color: #fff;
	font-weight: bold;
	margin-bottom: 1.6em;
	padding: 5px;
}
#section-privacypolicy .section ul {
	padding: 2em 20px 1em;
	list-style: disc;
	list-style-position: outside;
}
#section-privacypolicy .section .asterisk {
	padding-left: 1em;
	text-indent: -1em;
}
#section-privacypolicy .section .rule dt {
	padding: 2em 0 0;
	font-weight: bold;
}
#section-privacypolicy .section .rule dd { padding: 1.5em 0 0; }
#section-privacypolicy .section .rule p.address { margin-bottom: 1em; }
#section-privacypolicy .section .rule ol { padding: 0; }
#section-privacypolicy .section .rule ol li { margin: 2em 0 0; }
#section-privacypolicy .section .rule ol li:first-child { margin: 0; }
#section-privacypolicy .section .rule ol li p.asterisk:first-child { margin: 1em 0 0; }
#section-privacypolicy .formInduct {
	padding: 8px 10px 7px;
	width: 100%;
	overflow: hidden;
	background: #fff;
	border: 2px solid #e5d6c9;
	margin: auto;
}
#section-privacypolicy .section .formInduct {
	margin-top: 20px;
}
/* for ie7 */
*:first-child+html #section-privacypolicy .formInduct {
	display: inline;
	zoom: 1;
}
/* for ie6 */
* html #section-privacypolicy .formInduct {
	display: inline;
	zoom: 1;
}
#section-privacypolicy .formInduct dt {
	padding: 0 8px 7px;
	font-weight: bold;
	border-bottom: 1px solid #2c4d7a;;
}
#section-privacypolicy .formInduct dd {
	padding: 8px;
	border-top: 1px solid #7dabcf;
}
#section-privacypolicy .formInduct dd ul {
	padding: 0 1em;
	list-style: none;
}
#section-privacypolicy .formInduct dd ul li {
	padding-left: 13px;
	margin-top: 8px;
}
#section-privacypolicy .formInduct dd ul li p { padding-left: 13px; }
#section-privacypolicy .section .end{ padding-bottom: 4em; }
@media (max-width: 767px) {
	#section-privacypolicy .formInduct dt {
		width: auto;
	}
}

/***businessmodel/release.css***/
/* キャッチコピー
----------------------------------------------------*/
.promo { margin-bottom: 18px; }
.txt-promo { margin-bottom: 29px; }
/*----------------------------------------------------
	各セクション
----------------------------------------------------*/
/* ビジネスモデル ／ ソリューションINDEX
----------------------------------------------------*/
#section-businessmodel {
	width: 670px;
	position: relative;
}
/* ビジネスモデル
----------------------------------------------------*/
.img-businessmodel { margin-bottom: 20px; }
#section-businessmodel h4 { margin-bottom: 28px; }
#section-businessmodel .arrow {
	padding-left: 257px;
	margin-bottom: 26px;
}
/*----------------------------------------------------
	各セクション
----------------------------------------------------*/
/* ビジネスモデル
----------------------------------------------------*/
#advantage {
	width: 670px;
}
#advantage dt { margin-bottom: 8px; }
#advantage dd {
	padding: 0 15px;
	margin-bottom: 20px;
}
/* 「詳しくはこちら」のボタン
----------------------------------------------------*/
.btn-detailHere {
	width: 102px;
	height: 24px;
}
.btn-detailHere a {
	height: 0;
	padding-top: 24px;
	display: block;
	overflow: hidden;
}
.btn-detailHere a { background: url(images/common/sprite-detailHere.png) 0 0 no-repeat; }
.btn-detailHere a:hover { background-position: 0 -24px; }
.btn-detailHere a:active{ background-position: 0 -48px; }
.product { width: 285px; }
.product dt { margin-bottom: 8px; }
.img-product {
	width: 285px;
	height: 218px;
	margin-bottom: 8px;
}
/***main.css***/
a img {
	border: none;
}
.wrapper_top,.wrapper_sub {
	text-align: center;
	line-height: 160%;
	position: relative;
	margin: 0px auto;
	padding: 0px;
	color: #555555;
	top: 20px;
	min-width:1050px;
}
.container {
	margin: 0px auto;
	padding: 0px;
	position: relative;
}
.hdn {
	display:none;
}
.linkImg a:hover img{
	opacity:0.8;
	filter: alpha(opacity=70);
}
.solidLine {
	padding-bottom: 5px;
	border-bottom: solid 1px #a9a9a9;
}
.solidLine2 {
	padding-bottom: 5px;
	border-bottom: solid 2px #a9a9a9;
}
.dotLine {
	padding-bottom: 5px;
	border-bottom: dotted 1px #a9a9a9;
}
.border {
	padding: 8px;
	border: double 3px #a9a9a9;
}
.bold {
	font-weight: bold;
}
.txt_red {
	color: #ff0000;
}
.txt_blue {
	color: #007bc7;
}
.txt_ttl {
	font-size: 130%;
	margin: 15px 0px 5px 0px;
	letter-spacing: 3px;
}
.txt_ttl2 {
	font-size: 170%;
	line-height: 190%;
	margin: 15px 0px 2px 0px;
	letter-spacing: 3px;
	color: #fd5a00;
}
.txt_right {
	text-align: right;
}
.txt_notes {
	text-align: right;
	font-size: 80%;
	margin-bottom: 30px;
}
.scrPoint {
	margin-top: 10px;
}
.conImg {
	margin-bottom: 50px;
}
li{
	list-style-type: none;
}
.step_ttl {
	font-size: 130%;
	margin: 15px 0px 5px 0px;
	letter-spacing: 3px;
	color: #324a75;
}

/***ir/ir.css***/
.mb20{ margin-bottom:20px !important;}
.mb40{ margin-bottom:40px !important;}
/*IRニュース　トップ*/
.inner-irNews #xj-mainlist dl{
	clear: both;
	overflow:hidden;
}
.inner-irNews #xj-mainlist dl dt{
	background: url(images/ir/ico-irnews.gif) no-repeat left top;
	float: left;
	font-size: 91.7%;
	font-style: italic;
	font-weight: bold;
	padding: 3px 10px 10px 25px;
	width: 110px;
}
.inner-irNews #xj-mainlist dl dd.icon {
	float: left;
	width: 70px;
}
.inner-irNews #xj-mainlist dl dd.pdf {
	float: right;
}
.inner-irNews #xj-mainlist dl dd.pdf img{
	margin-left:10px;
}
.inner-irNews #xj-mainlist dl dd.txt {
	margin-left: 200px;
}
@media only screen and (max-width: 767px) {
	.inner-irNews #xj-mainlist dl dd.txt {
		width: 100%;
		margin: 30px 0 10px;
	}
}
/*IRニュース*/
#xj-select-category {
	margin-bottom: 20px;
	margin-top:10px;
}
#xj-select-category ul {
	display: block;
	overflow: hidden;
	padding: 0;
	text-align: center;
	clear:both;
}
#xj-select-category ul li {
	background: none repeat scroll 0 0 transparent;
	float: left;
	list-style: none outside none;
	padding-left: 0;
	text-align: center;
}
#xj-select-category ul li a {
	background-color: #2c4d7a;
	border: 1px solid #2c4d7a;
	color: #fff;
	display: block;
	margin-right: 1px;
	text-decoration: none;
	width: 100px;
}
#xj-select-category ul li.active a, #xj-select-category ul li a:hover {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #2c4d7a;
	color: #2c4d7a;
	text-decoration: none;
}
#xj-select-year ul{ overflow:hidden;}
#xj-select-year ul li {
	padding-left:10px;
	margin-right:15px;
	float:left;
}
#xj-select-year ul li.active{ font-weight:bold;}
/*ハイライト*/
.tab_h {
	height: 26px;
	position: absolute;
	top: 0;
	width: 109px;
}
.tab_h a{
	background:url(images/ir/tab-highlight.png) no-repeat !important;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 26px;
	width: 109px
}
#tab-1 { left: 5px; }
#tab-2 { left: 119px; }
#tab-3 { left: 233px; }
@media only screen and (max-width: 379px) {
	#tab-2 { left: 95px; }
	#tab-3 { left: 190px; }
}
#tab-1 a { background-position: 0 0 !important; }
#tab-1 a.active { background-position: 0 -26px !important; }
#tab-2 a { background-position: -109px 0 !important; }
#tab-2 a.active { background-position: -109px -26px !important; }
#tab-3 a { background-position: -218px 0 !important; }
#tab-3 a.active { background-position: -218px -26px !important; }
.section-graph {
	padding: 30px 0 0 20px !important;
}
.section-graph dl {
	width: 50% !important;
	padding-right: 25px;
}
.section-graph dl dd{
	text-align:center;
}
@media only screen and (max-width: 767px) {
	.section-graph dl {
		width: 100% !important;
	}
}
.xj_chart_table{
	font-size:90%;
	border-collapse:collapse;
	width:100%;
}
.xj_chart_table_caption .xj_chart_table_caption_title{
	display:none;
}
.xj_chart_table_caption { text-align:left; margin-top:10px;}
.xj_chart_table tr th, .xj_chart_table tr td{
	border:1px solid #CCC;
}
.xj_chart_value, .xj_chart_value_last{
	background: #fff;
	text-align:right;
	padding:0 2px;
}
.xj_chart_header, .xj_chart_q, .xj_chart_q_last{
	background:#7dabcf;
	color: #fff;
}
/*ライブラリ*/
.library dl {
	clear: both;
	padding-bottom:8px;
	margin-bottom:1em;
	border-bottom: 1px dotted #ccc;
}
.library dl dt {
	float: left;
	font-weight: bold;
	padding: 0 0 0 10px;
	width: 100%;
	margin-bottom:5px;
}
.library dl dd.txt {
	margin: 0 0 0 10px;
}
.library dl dd.pdf {
	float: right;
}
.library dl dd.pdf img {
	margin-left: 10px;
}
p.list{
	text-align:right;
	margin-bottom:30px;
	clear:both;
}
p.list a{
	background: url(images/ir/ico-navFoot1.png) no-repeat 0 2px;
	padding-left:17px;
}
.dl-reader{ margin-top:40px !important;}
h4.irttl2{
	width: 670px;
	font-size: 133.4%;
	margin-bottom: 20px;
	border-bottom: 1px solid #f08200;
}


/*リスト＆調整用*/
.sm_area dd,
.ind01, .li_ind01 li,
.list_disc li, .list_disc dd, .list_pdf li,
.jp-ast {
	text-indent: -1em;
	padding-left: 1em;
}
.ind02, .li_ind02 li {
	text-indent: -2em;
	padding-left: 2em;
}
.li_ind02 li table {
	text-indent: 0em;
	padding-left: 0em;
}
.ind03, .li_ind03 li {
	text-indent: -3em;
	padding-left: 3em;
}
.ind37, .li_ind37 li {
	text-indent: -3.7em;
	padding-left: 3.7em;
}
.ind_ue{
	text-indent: -1.6em;
	padding-left: 1.6em;
}
.list_disc li::before, .list_disc dd::before {
	content: "・";
}
.list_pdf li {
	margin: 0 0 10px;
}
.u_line a{
	text-decoration: underline !important;
}
.non_line a{
	text-decoration: none !important;
}
.uetsuki {
	font-size:80%;
	vertical-align:super;
}
.dl_tbl {
	display: table;
	width: 100%;
	border-collapse: collapse;
}
.dl_tbl dl {
	display: table-row;
}
.dl_tbl dt, .dl_tbl dd {
	display: table-cell;
}
.dl_tbl dt {
	padding-right: 10px;
}
.dl_tbl.dlt120 dt {width: 120px;}
.dl_tbl.dlt130 dt {width: 130px;}
.dl_tbl.dlt140 dt {width: 140px;}
.dl_tbl.dlt150 dt {width: 150px;}
.dl_tbl.dlt150 dt {width: 160px;}
.dl_tbl.dlt_faq dt,
.dl_tbl.dlt170 dt {width: 170px;}
.dl_tbl.dlt180 dt {width: 180px;}
.dl_tbl.dlt190 dt {width: 190px;}
.dl_tbl.dlt200 dt {width: 200px;}
.dl_tbl.dlt230 dt {width: 230px;}
.dl_tbl.dlt250 dt {width: 250px;}
.dl_tbl.dlt_faq dd {
	display: inline-block;
	vertical-align: top;
}
.dl_tbl.dlt_cg dt {
	width: 4.5em;
	text-align: right;
}
.dl_tbl.dlt_cg {margin-bottom: 1em;}
.dl_tbl.pr_off dt{padding-right: 0;}
@media only screen and (max-width: 767px) {
	.dl_tbl.dlt_rsp dt, .dl_tbl.dlt_rsp dd {
		display: block;
	}
	.dl_tbl.dlt_faq dt {
		display: block;
		font-weight: bold;
		margin-top: 5px;
	}
	.dl_tbl.dlt250 dt {width: auto;}
}
/*Youtube動画サイズ調整用*/
.youtube {
	position: relative;
	height: 0;
	overflow:hidden;
}
.youtube iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/*サイズによる消去*/
@media (max-width: 767px) {
	.hidden-s {
		display: none !important;
	}
}
@media (min-width: 768px) {
	.hidden-l {
		display: none !important;
	}
}
/*コーポレート・ガバナンス*/
.cg_chapter {
	margin-bottom: 2em; 
}
.cg_chapter h4 {
	font-weight: normal;
	text-align: center;
	margin-bottom: 1em;
}
.bottom-mg-1em {
	margin-bottom: 1em;
}

/*** ニュース画像 ***/
/* nip = News Image Parallel の意。 */
/* 60分割仕込んでます。 */
.nip:before, .nip:after {
	content: " ";
	display: table;
}
.nip:after {
	clear: both;
}
.cols-1, .cols-2, .cols-3, .cols-4, .cols-5, .cols-6, .cols-7, .cols-8, .cols-9, .cols-10,
.cols-11, .cols-12, .cols-13, .cols-14, .cols-15, .cols-16, .cols-17, .cols-18, .cols-19, .cols-20,
.cols-21, .cols-22, .cols-23, .cols-24, .cols-25, .cols-26, .cols-27, .cols-28, .cols-29, .cols-30,
.cols-31, .cols-32, .cols-33, .cols-34, .cols-35, .cols-36, .cols-37, .cols-38, .cols-39, .cols-40,
.cols-41, .cols-42, .cols-43, .cols-44, .cols-45, .cols-46, .cols-47, .cols-48, .cols-49, .cols-50,
.cols-51, .cols-52, .cols-53, .cols-54, .cols-55, .cols-56, .cols-57, .cols-58, .cols-59, .cols-60,
.coll-1, .coll-2, .coll-3, .coll-4, .coll-5, .coll-6, .coll-7, .coll-8, .coll-9, .coll-10,
.coll-11, .coll-12, .coll-13, .coll-14, .coll-15, .coll-16, .coll-17, .coll-18, .coll-19, .coll-20,
.coll-21, .coll-22, .coll-23, .coll-24, .coll-25, .coll-26, .coll-27, .coll-28, .coll-29, .coll-30,
.coll-31, .coll-32, .coll-33, .coll-34, .coll-35, .coll-36, .coll-37, .coll-38, .coll-39, .coll-40,
.coll-41, .coll-42, .coll-43, .coll-44, .coll-45, .coll-46, .coll-47, .coll-48, .coll-49, .coll-50,
.coll-51, .coll-52, .coll-53, .coll-54, .coll-55, .coll-56, .coll-57, .coll-58, .coll-59, .coll-60 {
	position: relative;
	min-height: 1px;
}

.cols-1, .cols-2, .cols-3, .cols-4, .cols-5, .cols-6, .cols-7, .cols-8, .cols-9, .cols-10,
.cols-11, .cols-12, .cols-13, .cols-14, .cols-15, .cols-16, .cols-17, .cols-18, .cols-19, .cols-20,
.cols-21, .cols-22, .cols-23, .cols-24, .cols-25, .cols-26, .cols-27, .cols-28, .cols-29, .cols-30,
.cols-31, .cols-32, .cols-33, .cols-34, .cols-35, .cols-36, .cols-37, .cols-38, .cols-39, .cols-40,
.cols-41, .cols-42, .cols-43, .cols-44, .cols-45, .cols-46, .cols-47, .cols-48, .cols-49, .cols-50,
.cols-51, .cols-52, .cols-53, .cols-54, .cols-55, .cols-56, .cols-57, .cols-58, .cols-59, .cols-60 {
	float: left;
}

.cols-60{width: 100%;}
.cols-59{width: 98.33333333%;}
.cols-58{width: 96.66666667%;}
.cols-57{width: 95%;}
.cols-56{width: 93.33333333%;}
.cols-55{width: 91.66666667%;}
.cols-54{width: 90%;}
.cols-53{width: 88.33333333%;}
.cols-52{width: 86.66666667%;}
.cols-51{width: 85%;}

.cols-50{width: 83.33333333%;}
.cols-49{width: 81.66666667%;}
.cols-48{width: 80%;}
.cols-47{width: 78.33333333%;}
.cols-46{width: 76.66666667%;}
.cols-45{width: 75%;}
.cols-44{width: 73.33333333%;}
.cols-43{width: 71.66666667%;}
.cols-42{width: 70%;}
.cols-41{width: 68.33333333%;}

.cols-40{width: 66.66666667%;}
.cols-39{width: 65%;}
.cols-38{width: 63.33333333%;}
.cols-37{width: 61.66666667%;}
.cols-36{width: 60%;}
.cols-35{width: 58.33333333%;}
.cols-34{width: 56.66666667%;}
.cols-33{width: 55%;}
.cols-32{width: 53.33333333%;}
.cols-31{width: 51.66666667%;}

.cols-30{width: 50%;}
.cols-29{width: 48.33333333%;}
.cols-28{width: 46.66666667%;}
.cols-27{width: 45%;}
.cols-26{width: 43.33333333%;}
.cols-25{width: 41.66666667%;}
.cols-24{width: 40%;}
.cols-23{width: 38.33333333%;}
.cols-22{width: 36.66666667%;}
.cols-21{width: 35%;}

.cols-20{width: 33.33333333%;}
.cols-19{width: 31.66666667%;}
.cols-18{width: 30%;}
.cols-17{width: 28.33333333%;}
.cols-16{width: 26.66666667%;}
.cols-15{width: 25%;}
.cols-14{width: 23.33333333%;}
.cols-13{width: 21.66666667%;}
.cols-12{width: 20%;}
.cols-11{width: 18.33333333%;}

.cols-10{width: 16.66666667%;}
.cols-9{width: 15%;}
.cols-8{width: 13.33333333%;}
.cols-7{width: 11.66666667%;}
.cols-6{width: 10%;}
.cols-5{width: 8.33333333%;}
.cols-4{width: 6.66666667%;}
.cols-3{width: 5%;}
.cols-2{width: 3.33333333%;}
.cols-1{width: 1.66666667%;}

.cols-pull-30{right: 50%;}
.cols-pull-29{right: 48.33333333%;}
.cols-pull-28{right: 46.66666667%;}
.cols-pull-27{right: 45%;}
.cols-pull-26{right: 43.33333333%;}
.cols-pull-25{right: 41.66666667%;}
.cols-pull-24{right: 40%;}
.cols-pull-23{right: 38.33333333%;}
.cols-pull-22{right: 36.66666667%;}
.cols-pull-21{right: 35%;}

.cols-pull-20{right: 33.33333333%;}
.cols-pull-19{right: 31.66666667%;}
.cols-pull-18{right: 30%;}
.cols-pull-17{right: 28.33333333%;}
.cols-pull-16{right: 26.66666667%;}
.cols-pull-15{right: 25%;}
.cols-pull-14{right: 23.33333333%;}
.cols-pull-13{right: 21.66666667%;}
.cols-pull-12{right: 20%;}
.cols-pull-11{right: 18.33333333%;}

.cols-pull-10{right: 16.66666667%;}
.cols-pull-9{right: 15%;}
.cols-pull-8{right: 13.33333333%;}
.cols-pull-7{right: 11.66666667%;}
.cols-pull-6{right: 10%;}
.cols-pull-5{right: 8.33333333%;}
.cols-pull-4{right: 6.66666667%;}
.cols-pull-3{right: 5%;}
.cols-pull-2{right: 3.33333333%;}
.cols-pull-1{right: 1.66666667%;}
.cols-pull-0{right: auto;}

.cols-push-30{left: 50%;}
.cols-push-29{left: 48.33333333%;}
.cols-push-28{left: 46.66666667%;}
.cols-push-27{left: 45%;}
.cols-push-26{left: 43.33333333%;}
.cols-push-25{left: 41.66666667%;}
.cols-push-24{left: 40%;}
.cols-push-23{left: 38.33333333%;}
.cols-push-22{left: 36.66666667%;}
.cols-push-21{left: 35%;}

.cols-push-20{left: 33.33333333%;}
.cols-push-19{left: 31.66666667%;}
.cols-push-18{left: 30%;}
.cols-push-17{left: 28.33333333%;}
.cols-push-16{left: 26.66666667%;}
.cols-push-15{left: 25%;}
.cols-push-14{left: 23.33333333%;}
.cols-push-13{left: 21.66666667%;}
.cols-push-12{left: 20%;}
.cols-push-11{left: 18.33333333%;}

.cols-push-10{left: 16.66666667%;}
.cols-push-9{left: 15%;}
.cols-push-8{left: 13.33333333%;}
.cols-push-7{left: 11.66666667%;}
.cols-push-6{left: 10%;}
.cols-push-5{left: 8.33333333%;}
.cols-push-4{left: 6.66666667%;}
.cols-push-3{left: 5%;}
.cols-push-2{left: 3.33333333%;}
.cols-push-1{left: 1.66666667%;}
.cols-push-0{left: auto;}

.cols-offset-30{margin-left: 50%;}
.cols-offset-29{margin-left: 48.33333333%;}
.cols-offset-28{margin-left: 46.66666667%;}
.cols-offset-27{margin-left: 45%;}
.cols-offset-26{margin-left: 43.33333333%;}
.cols-offset-25{margin-left: 41.66666667%;}
.cols-offset-24{margin-left: 40%;}
.cols-offset-23{margin-left: 38.33333333%;}
.cols-offset-22{margin-left: 36.66666667%;}
.cols-offset-21{margin-left: 35%;}

.cols-offset-20{margin-left: 33.33333333%;}
.cols-offset-19{margin-left: 31.66666667%;}
.cols-offset-18{margin-left: 30%;}
.cols-offset-17{margin-left: 28.33333333%;}
.cols-offset-16{margin-left: 26.66666667%;}
.cols-offset-15{margin-left: 25%;}
.cols-offset-14{margin-left: 23.33333333%;}
.cols-offset-13{margin-left: 21.66666667%;}
.cols-offset-12{margin-left: 20%;}
.cols-offset-11{margin-left: 18.33333333%;}

.cols-offset-10{margin-left: 16.66666667%;}
.cols-offset-9{margin-left: 15%;}
.cols-offset-8{margin-left: 13.33333333%;}
.cols-offset-7{margin-left: 11.66666667%;}
.cols-offset-6{margin-left: 10%;}
.cols-offset-5{margin-left: 8.33333333%;}
.cols-offset-4{margin-left: 6.66666667%;}
.cols-offset-3{margin-left: 5%;}
.cols-offset-2{margin-left: 3.33333333%;}
.cols-offset-1{margin-left: 1.66666667%;}
.cols-offset-0{margin-left: 0%;}

@media (min-width: 767px) {
.coll-1, .coll-2, .coll-3, .coll-4, .coll-5, .coll-6, .coll-7, .coll-8, .coll-9, .coll-10,
.coll-11, .coll-12, .coll-13, .coll-14, .coll-15, .coll-16, .coll-17, .coll-18, .coll-19, .coll-20,
.coll-21, .coll-22, .coll-23, .coll-24, .coll-25, .coll-26, .coll-27, .coll-28, .coll-29, .coll-30,
.coll-31, .coll-32, .coll-33, .coll-34, .coll-35, .coll-36, .coll-37, .coll-38, .coll-39, .coll-40,
.coll-41, .coll-42, .coll-43, .coll-44, .coll-45, .coll-46, .coll-47, .coll-48, .coll-49, .coll-50,
.coll-51, .coll-52, .coll-53, .coll-54, .coll-55, .coll-56, .coll-57, .coll-58, .coll-59, .coll-60 {
	float: left;
}

.coll-60{width: 100%;}
.coll-59{width: 98.33333333%;}
.coll-58{width: 96.66666667%;}
.coll-57{width: 95%;}
.coll-56{width: 93.33333333%;}
.coll-55{width: 91.66666667%;}
.coll-54{width: 90%;}
.coll-53{width: 88.33333333%;}
.coll-52{width: 86.66666667%;}
.coll-51{width: 85%;}

.coll-50{width: 83.33333333%;}
.coll-49{width: 81.66666667%;}
.coll-48{width: 80%;}
.coll-47{width: 78.33333333%;}
.coll-46{width: 76.66666667%;}
.coll-45{width: 75%;}
.coll-44{width: 73.33333333%;}
.coll-43{width: 71.66666667%;}
.coll-42{width: 70%;}
.coll-41{width: 68.33333333%;}

.coll-40{width: 66.66666667%;}
.coll-39{width: 65%;}
.coll-38{width: 63.33333333%;}
.coll-37{width: 61.66666667%;}
.coll-36{width: 60%;}
.coll-35{width: 58.33333333%;}
.coll-34{width: 56.66666667%;}
.coll-33{width: 55%;}
.coll-32{width: 53.33333333%;}
.coll-31{width: 51.66666667%;}

.coll-30{width: 50%;}
.coll-29{width: 48.33333333%;}
.coll-28{width: 46.66666667%;}
.coll-27{width: 45%;}
.coll-26{width: 43.33333333%;}
.coll-25{width: 41.66666667%;}
.coll-24{width: 40%;}
.coll-23{width: 38.33333333%;}
.coll-22{width: 36.66666667%;}
.coll-21{width: 35%;}

.coll-20{width: 33.33333333%;}
.coll-19{width: 31.66666667%;}
.coll-18{width: 30%;}
.coll-17{width: 28.33333333%;}
.coll-16{width: 26.66666667%;}
.coll-15{width: 25%;}
.coll-14{width: 23.33333333%;}
.coll-13{width: 21.66666667%;}
.coll-12{width: 20%;}
.coll-11{width: 18.33333333%;}

.coll-10{width: 16.66666667%;}
.coll-9{width: 15%;}
.coll-8{width: 13.33333333%;}
.coll-7{width: 11.66666667%;}
.coll-6{width: 10%;}
.coll-5{width: 8.33333333%;}
.coll-4{width: 6.66666667%;}
.coll-3{width: 5%;}
.coll-2{width: 3.33333333%;}
.coll-1{width: 1.66666667%;}

.coll-pull-60{right: 100%;}
.coll-pull-59{right: 98.33333333%;}
.coll-pull-58{right: 96.66666667%;}
.coll-pull-57{right: 95%;}
.coll-pull-56{right: 93.33333333%;}
.coll-pull-55{right: 91.66666667%;}
.coll-pull-54{right: 90%;}
.coll-pull-53{right: 88.33333333%;}
.coll-pull-52{right: 86.66666667%;}
.coll-pull-51{right: 85%;}

.coll-pull-50{right: 83.33333333%;}
.coll-pull-49{right: 81.66666667%;}
.coll-pull-48{right: 80%;}
.coll-pull-47{right: 78.33333333%;}
.coll-pull-46{right: 76.66666667%;}
.coll-pull-45{right: 75%;}
.coll-pull-44{right: 73.33333333%;}
.coll-pull-43{right: 71.66666667%;}
.coll-pull-42{right: 70%;}
.coll-pull-41{right: 68.33333333%;}

.coll-pull-40{right: 66.66666667%;}
.coll-pull-39{right: 65%;}
.coll-pull-38{right: 63.33333333%;}
.coll-pull-37{right: 61.66666667%;}
.coll-pull-36{right: 60%;}
.coll-pull-35{right: 58.33333333%;}
.coll-pull-34{right: 56.66666667%;}
.coll-pull-33{right: 55%;}
.coll-pull-32{right: 53.33333333%;}
.coll-pull-31{right: 51.66666667%;}

.coll-pull-30{right: 50%;}
.coll-pull-29{right: 48.33333333%;}
.coll-pull-28{right: 46.66666667%;}
.coll-pull-27{right: 45%;}
.coll-pull-26{right: 43.33333333%;}
.coll-pull-25{right: 41.66666667%;}
.coll-pull-24{right: 40%;}
.coll-pull-23{right: 38.33333333%;}
.coll-pull-22{right: 36.66666667%;}
.coll-pull-21{right: 35%;}

.coll-pull-20{right: 33.33333333%;}
.coll-pull-19{right: 31.66666667%;}
.coll-pull-18{right: 30%;}
.coll-pull-17{right: 28.33333333%;}
.coll-pull-16{right: 26.66666667%;}
.coll-pull-15{right: 25%;}
.coll-pull-14{right: 23.33333333%;}
.coll-pull-13{right: 21.66666667%;}
.coll-pull-12{right: 20%;}
.coll-pull-11{right: 18.33333333%;}

.coll-pull-10{right: 16.66666667%;}
.coll-pull-9{right: 15%;}
.coll-pull-8{right: 13.33333333%;}
.coll-pull-7{right: 11.66666667%;}
.coll-pull-6{right: 10%;}
.coll-pull-5{right: 8.33333333%;}
.coll-pull-4{right: 6.66666667%;}
.coll-pull-3{right: 5%;}
.coll-pull-2{right: 3.33333333%;}
.coll-pull-1{right: 1.66666667%;}
.coll-pull-0{right: auto;}

.coll-push-60{left: 100%;}
.coll-push-59{left: 98.33333333%;}
.coll-push-58{left: 96.66666667%;}
.coll-push-57{left: 95%;}
.coll-push-56{left: 93.33333333%;}
.coll-push-55{left: 91.66666667%;}
.coll-push-54{left: 90%;}
.coll-push-53{left: 88.33333333%;}
.coll-push-52{left: 86.66666667%;}
.coll-push-51{left: 85%;}

.coll-push-50{left: 83.33333333%;}
.coll-push-49{left: 81.66666667%;}
.coll-push-48{left: 80%;}
.coll-push-47{left: 78.33333333%;}
.coll-push-46{left: 76.66666667%;}
.coll-push-45{left: 75%;}
.coll-push-44{left: 73.33333333%;}
.coll-push-43{left: 71.66666667%;}
.coll-push-42{left: 70%;}
.coll-push-41{left: 68.33333333%;}

.coll-push-40{left: 66.66666667%;}
.coll-push-39{left: 65%;}
.coll-push-38{left: 63.33333333%;}
.coll-push-37{left: 61.66666667%;}
.coll-push-36{left: 60%;}
.coll-push-35{left: 58.33333333%;}
.coll-push-34{left: 56.66666667%;}
.coll-push-33{left: 55%;}
.coll-push-32{left: 53.33333333%;}
.coll-push-31{left: 51.66666667%;}

.coll-push-30{left: 50%;}
.coll-push-29{left: 48.33333333%;}
.coll-push-28{left: 46.66666667%;}
.coll-push-27{left: 45%;}
.coll-push-26{left: 43.33333333%;}
.coll-push-25{left: 41.66666667%;}
.coll-push-24{left: 40%;}
.coll-push-23{left: 38.33333333%;}
.coll-push-22{left: 36.66666667%;}
.coll-push-21{left: 35%;}

.coll-push-20{left: 33.33333333%;}
.coll-push-19{left: 31.66666667%;}
.coll-push-18{left: 30%;}
.coll-push-17{left: 28.33333333%;}
.coll-push-16{left: 26.66666667%;}
.coll-push-15{left: 25%;}
.coll-push-14{left: 23.33333333%;}
.coll-push-13{left: 21.66666667%;}
.coll-push-12{left: 20%;}
.coll-push-11{left: 18.33333333%;}

.coll-push-10{left: 16.66666667%;}
.coll-push-9{left: 15%;}
.coll-push-8{left: 13.33333333%;}
.coll-push-7{left: 11.66666667%;}
.coll-push-6{left: 10%;}
.coll-push-5{left: 8.33333333%;}
.coll-push-4{left: 6.66666667%;}
.coll-push-3{left: 5%;}
.coll-push-2{left: 3.33333333%;}
.coll-push-1{left: 1.66666667%;}
.coll-push-0{left: auto;}

.coll-offset-30{margin-left: 50%;}
.coll-offset-29{margin-left: 48.33333333%;}
.coll-offset-28{margin-left: 46.66666667%;}
.coll-offset-27{margin-left: 45%;}
.coll-offset-26{margin-left: 43.33333333%;}
.coll-offset-25{margin-left: 41.66666667%;}
.coll-offset-24{margin-left: 40%;}
.coll-offset-23{margin-left: 38.33333333%;}
.coll-offset-22{margin-left: 36.66666667%;}
.coll-offset-21{margin-left: 35%;}

.coll-offset-20{margin-left: 33.33333333%;}
.coll-offset-19{margin-left: 31.66666667%;}
.coll-offset-18{margin-left: 30%;}
.coll-offset-17{margin-left: 28.33333333%;}
.coll-offset-16{margin-left: 26.66666667%;}
.coll-offset-15{margin-left: 25%;}
.coll-offset-14{margin-left: 23.33333333%;}
.coll-offset-13{margin-left: 21.66666667%;}
.coll-offset-12{margin-left: 20%;}
.coll-offset-11{margin-left: 18.33333333%;}

.coll-offset-10{margin-left: 16.66666667%;}
.coll-offset-9{margin-left: 15%;}
.coll-offset-8{margin-left: 13.33333333%;}
.coll-offset-7{margin-left: 11.66666667%;}
.coll-offset-6{margin-left: 10%;}
.coll-offset-5{margin-left: 8.33333333%;}
.coll-offset-4{margin-left: 6.66666667%;}
.coll-offset-3{margin-left: 5%;}
.coll-offset-2{margin-left: 3.33333333%;}
.coll-offset-1{margin-left: 1.66666667%;}
.coll-offset-0{margin-left: 0%;}
}

/*Margin*/
.full-mg-00{margin: 0 !important;}
.full-mg-05{margin: 5px !important;}
.full-mg-10{margin: 10px !important;}
.full-mg-15{margin: 15px !important;}
.full-mg-20{margin: 20px !important;}
.full-mg-30{margin: 30px !important;}
.full-mg-40{margin: 40px !important;}

.top-mg-00{margin-top: 0px !important;}
.top-mg-05{margin-top: 5px !important;}
.top-mg-10{margin-top: 10px !important;}
.top-mg-15{margin-top: 15px !important;}
.top-mg-20{margin-top: 20px !important;}
.top-mg-30{margin-top: 30px !important;}
.top-mg-40{margin-top: 40px !important;}

.right-mg-00{margin-right: 0 !important;}
.right-mg-05{margin-right: 5px !important;}
.right-mg-10{margin-right: 10px !important;}
.right-mg-15{margin-right: 15px !important;}
.right-mg-20{margin-right: 20px !important;}
.right-mg-30{margin-right: 30px !important;}
.right-mg-40{margin-right: 40px !important;}

.bottom-mg-00{margin-bottom: 0px !important;}
.bottom-mg-05{margin-bottom: 5px !important;}
.bottom-mg-10{margin-bottom: 10px !important;}
.bottom-mg-15{margin-bottom: 15px !important;}
.bottom-mg-20{margin-bottom: 20px !important;}
.bottom-mg-30{margin-bottom: 30px !important;}
.bottom-mg-40{margin-bottom: 40px !important;}
.bottom-mg-60{margin-bottom: 60px !important;}
.bottom-mg-80{margin-bottom: 80px !important;}

.left-mg-00{margin-left: 0 !important;}
.left-mg-05{margin-left: 5px !important;}
.left-mg-10{margin-left: 10px !important;}
.left-mg-15{margin-left: 15px !important;}
.left-mg-20{margin-left: 20px !important;}
.left-mg-30{margin-left: 30px !important;}
.left-mg-40{margin-left: 40px !important;}

/*Padding*/
.full-pad-00{padding: 0px !important;}
.full-pad-05{padding: 5px !important;}
.full-pad-10{padding: 10px !important;}
.full-pad-15{padding: 15px !important;}
.full-pad-20{padding: 20px !important;}
.full-pad-30{padding: 30px !important;}
.full-pad-40{padding: 40px !important;}

.top-pad-00{padding-top: 0 !important;}
.top-pad-05{padding-top: 5px !important;}
.top-pad-10{padding-top: 10px !important;}
.top-pad-15{padding-top: 15px !important;}
.top-pad-20{padding-top: 20px !important;}
.top-pad-30{padding-top: 30px !important;}
.top-pad-40{padding-top: 40px !important;}

.right-pad-00{padding-right: 0 !important;}
.right-pad-05{padding-right: 5px !important;}
.right-pad-10{padding-right: 10px !important;}
.right-pad-15{padding-right: 15px !important;}
.right-pad-20{padding-right: 20px !important;}
.right-pad-30{padding-right: 30px !important;}
.right-pad-40{padding-right: 40px !important;}

.bottom-pad-00{padding-bottom: 0 !important;}
.bottom-pad-05{padding-bottom: 5px !important;}
.bottom-pad-10{padding-bottom: 10px !important;}
.bottom-pad-15{padding-bottom: 15px !important;}
.bottom-pad-20{padding-bottom: 20px !important;}
.bottom-pad-30{padding-bottom: 30px !important;}
.bottom-pad-40{padding-bottom: 40px !important;}

.left-pad-00{padding-left: 0 !important;}
.left-pad-05{padding-left: 5px !important;}
.left-pad-10{padding-left: 10px !important;}
.left-pad-15{padding-left: 15px !important;}
.left-pad-20{padding-left: 20px !important;}
.left-pad-30{padding-left: 30px !important;}
.left-pad-40{padding-left: 40px !important;}

/*Text*/
/*サイズ*/
.fo10{font-size: 10px !important;}
.fo12{font-size: 12px !important;}
.fo13{font-size: 13px !important;}
.fo14{font-size: 14px !important;}
.fo15{font-size: 15px !important;}
.fo16{font-size: 16px !important;}
.fo17{font-size: 17px !important;}
.fo18{font-size: 18px !important;}
.fo20{font-size: 20px !important;}
.fo24{font-size: 24px !important;}
.fo26{font-size: 26px !important;}
.fo28{font-size: 28px !important;}
.fo30{font-size: 30px !important;}
.fo34{font-size: 34px !important;}
.fo35{font-size: 35px !important;}
.fo36{font-size: 36px !important;}
.fo48{font-size: 48px !important;}

/*テキスト位置*/
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}

.text-left_s-center{text-align:left !important;}
.text-right_s-center{text-align:right !important;}
.text-center_s-left{text-align:center !important;}
.text-center_s-right{text-align:center !important;}

@media only screen and (max-width: 767px) {
	.text-left_s-center,.text-right_s-center{text-align:center !important;}
	.text-center_s-left{text-align:left !important;}
	.text-center_s-right{text-align:right !important;}
}