/*
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 */
}

@keyframes fadeInAnime{
	from {opacity: .3;}
	to {opacity: 1;}
}

@keyframes fadeUpAnime{
	from {
		opacity: 0;
		transform: translateY(50px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
/* ==========================================================================
	 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%;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 100px;
  }

*, *::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;
}

/* 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: #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;
	}
}
/* 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;
	}
}
.grecaptcha-badge { visibility: hidden; }
/* コンテンツタイトル
----------------------------------------------------*/
#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;
	}
}

/*
share ----------------------------------------------------------*/
.is-inner {
	max-width:1080px;
	margin: 0 auto;
}
.is-inner.normal-content{
	max-width:1152px;
	margin: 0 auto;
}
.is-inner.normal-content #ttl-sub {
	padding: 3% 0 3%;
	margin-bottom: 5%;
	border-bottom: 1px dotted #c8c8c8;
	font-size: 30px;
	color: #222;
	font-weight: normal;
	line-height: 1;
}
.is-inner.normal-content .normalLine {
	border-top: 1px solid #c8c8c8;
	padding-bottom: 30px;
}
#contents-area{
	text-align: left;
	background: #e6ebf1;
}
@media screen and (max-width: 1240px) {
	.is-inner{
		width:90%;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.is-inner.normal-content{
		max-width:96%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 940px) {
	#contents-area{
		text-align: left;
	}
}
@media screen and (max-width: 768px) {
	#contents-area{
		font-size: 88%;
		text-align: left;
	}
}

/* トップページ */
#slide {
	position:relative;
	overflow:hidden;
	width:100%;
	top:100px;
	height: 550px;
	margin-bottom: 100px;
}
#slide li {
	overflow:hidden;
	width:100%;
	top:100px;
	height: 100%;
}
#slide li img {
	left:0;
	top:0;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 100%;
	height: 100%;
	animation-name:fadeInAnime;
	animation-duration:2.2s;
	animation-fill-mode:forwards;
	opacity:0;
}

@media screen and (max-width: 768px) {
	#slide {
		height:calc(100vw);
		top: 80px;
		margin-bottom: 80px;
	}
	#slide li {
		height: auto;
	}
}
#top-area{
	background: #e6ebf1;
	padding-top: 100px;
}
#top-area h2{
	color: #2c4d7a;
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
	margin-bottom:70px;
}
#top-area h2 span{
	display: block;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	margin-top:30px;
}

@media screen and (max-width: 768px) {
	#top-area h2{
		font-size: 30px;
		margin-bottom: 40px;
	}
	#top-area h2 span{
		font-size: 20px;
		margin-bottom: 50px;
	}
	#top-area .is-inner h3{
		font-size: 27px;
		margin: 1em 0;
	}
}

/* トップページ 事業紹介 */
#services{
	background: #fff;
	margin:0 auto 100px;
	padding: 70px 40px 30px;
}
#services ul{display: flex;}
#services li{
	position: relative;
	width: calc(98% / 3);
	text-align: left;
	margin: 0 24px;
}
#services h3 {
	display: flex;
    align-items: center;
	justify-content: center;
	color: #2c4d7a;
	font-size: 25px;
	margin: 30px auto;
}
#services h3 span{
	font-size: 13px;
	margin-left:1.5em;
}
#services li p{
	font-family: 'Noto SansJP',sans-serif;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
	#services{
		margin:0 auto 60px;
		padding: 40px 40px 10px;
	}
	#services ul{display: block;}
	#services li{
		display: block;
		width: 100%;
		margin: 0 0 50px;
	}
}

/* トップページ 取扱サービス・製品 */
#products,
#company {
	width: 100%;
	background: #ffffff;
	padding: 100px 0 10px;
}
#products h3 {
	background: #2c4d7a;
	color: #ffffff;
	font-size: 22px;
	padding: 15px 0;
}
#products ul{
	display: flex;
	margin: 70px auto 60px;
}
#products li{
	width: calc(98% / 3);
	text-align: left;
	margin: 0 24px;
}
#products h4 {
	background: #7dabcf;
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
	padding: 15px 0;
}
#products figure{text-align: center;}
#products li p{
	font-family: 'Noto SansJP',sans-serif;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 40px;
}
#products .handling{margin-top: 70px;}
#products .handling ul{margin-bottom: 30px;}
#products .handling ul:last-child{margin: 30px auto;}
#products .handling li{width: calc(98% / 2);}
@media screen and (max-width: 768px) {
	#products,
	#company {
		padding: 60px 0 10px;
	}
	#products ul{
		display: block;
		margin: 40px auto;	
	}
	#products li,
	#products .handling li{
		display: block;
		width: 100%;
		margin: 0 0 50px;
	}
}

/* トップページ 事務所案内 */
#map {
	font-size: 15px;
	padding: 100px 0;
}
#map iframe{
	width: 100%;
	height: 270px;
	margin-bottom: 40px;
}
#map .address{
	font-family: 'Noto SansJP',sans-serif;
}

@media screen and (max-width: 768px) {
	#map {padding: 40px 0;}
	#map iframe{margin-bottom: 20px;}
}

/* トップページ 会社概要 */
.corptable {
	width: 100%;
	border: 1px solid #ddd;
	word-break: break-all;
}
.corptable caption { display:none; }
.corptable tr { border: 1px solid #ddd; }
.corptable th,
.corptable td {
	background: #fff;
	border: 1px solid #ddd;
	font-size: 16px;
	font-family: 'Noto SansJP',sans-serif;
	text-align: left;
	vertical-align: top;
	line-height: 1.5;
	padding: 1em;
}
.corptable th{
	vertical-align: middle;
	font-weight: bold;
	white-space: nowrap;
	background: #f6f6f6;
}

/* トップページ お問い合わせ */
.contact-btn {
	background: #fff;
	padding: 90px 20px 100px;
}
.contact-btn a {
	display: block;
	background: #2c4d7a;
	color: #fff !important;
	font-size: 25px;
	font-weight: bold;
	border-radius: 50px;
	max-width: 490px;
	margin: 0 auto;
	padding: 20px 0;
}
.contact-btn a:hover {color: #00d2fd !important;}
.contact-btn i.fa-angle-right {padding-left: 10px;}

/*----------------------------------------------------
	下層ページ
----------------------------------------------------*/
/* パンくず */
.topic_path{
	width: 1152px;
	font-size: 18px;
	margin: 0 auto 30px;
	padding-top: 30px;
}
.topic_path ul{
	letter-spacing: -.4em;
}
.topic_path li{
	display: inline-block;
	letter-spacing: 0;
	padding-right: .5em;
}
.topic_path li a{
	color: #333;
}
.topic_path li:nth-last-child(n+2):after {
	content: "|";
	padding-left: .5em;
}
.contents-title{
	background: url(./images/main_img01.png) 50% 50%/contain no-repeat;
	background-size: cover;
	margin: 0 auto;
	padding:175px 0 110px 60px;
}
.contents-title h2{
	font-size: 2vw;
	font-weight: normal;
	padding-left: 15px;
}
.contents-title h2 span{
	display: block;
	font-size: 2vw;
	font-weight: bold;
	color: #00d2fd;
	padding-top: 20px;
}
@media screen and (max-width: 1200px) {
	.topic_path{width: 90%;}
}
@media screen and (max-width: 768px) {
	.contents-title{
		padding:140px 0 50px 60px;
	}
	.contents-title h2{
		font-size: 28rem;
	}
	.contents-title h2 span{
		font-size: .8rem;
	}
	.topic_path li a{
		font-size: 88%;
	}
}
.is-inner.normal-content #section-sitePolicy,
.is-inner.normal-content #section-privacypolicy{
	font-size:16px;
	line-height:1.7;
}

/* プライバシーポリシー・サイトポリシー */
#section-privacypolicy .section ul {
	padding: 2em 20px 1em;
	list-style: disc;
	list-style-position: outside;
}
#section-privacypolicy .section li,
#section-sitePolicy .section li {list-style: disc;}
#section-privacypolicy .section ol {
	padding: 4em 0 1em 2em;
	list-style: decimal;
	list-style-position: outside;
}
#section-privacypolicy .section .rule ol {padding: 0 0 3em 2em;}
#section-privacypolicy .section ol li {list-style: decimal;}
#section-privacypolicy .formInduct dd ul li {
	background-position: left .7em;
	list-style: none;
}
#section-corporate{margin-bottom:8%;}


/* お問い合わせ追加分 */
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {display: none;}
.wpcf7 form.sent .wpcf7-response-output {border-color: #46b450; /* Green */}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {border-color: #dc3232; /* Red */}
.wpcf7 form.spam .wpcf7-response-output {border-color: #f56e28; /* Orange */}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {border-color: #ffb900; /* Yellow */}
.wpcf7-form-control-wrap {position: relative;}
.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	/* font-size: 1.2rem; */
	font-weight: normal;
	display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	width: 24em;
	padding: .2em .8em;
}
.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {content: " ";}
.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}
form.submitting .wpcf7-spinner {visibility: visible;}
.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}
@keyframes spin {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
@keyframes blink {
	from {opacity: 0;}
	50% {opacity: 1;}
	to {opacity: 0;}
}
.wpcf7 [inert] {opacity: 0.5;}
.wpcf7 input[type="file"] {cursor: pointer;}
.wpcf7 input[type="file"]:disabled {cursor: default;}
.wpcf7 .wpcf7-submit:disabled {cursor: not-allowed;}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {direction: ltr;}
.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}
.wpcf7-reflection > output[hidden] {display: none;}
.wpcf7-form {
	align-items: center;
	justify-content: center;
}
.wpcf7-text, .wpcf7-textarea {
	width: 100%;
	height: 40px;
	border: 1px solid #cccccc;
	padding: 5px;
}
.wpcf7-textarea {height: 200px;}

.contact-inner {padding-bottom: 60px;}
.contact-inner p{font-size: 16px;}
.contact-inner dl dt p {
	vertical-align: middle;
	font-size: 16px;
	display: flex;
    align-items: center;
}
.wpcf7-form dl {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 1.5rem;
	padding-top: 0.5rem;
}
.contact-inner dt {
	width: 200rem;
	margin: 0 0 10px 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	display: flex;
	align-items: left;
	justify-content: left;
}

.contact-inner dd {
	font-size: 16px;
	width: calc(100% - 14em - 40px);
	padding: 20px;
	margin: 0 0 10px 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.contact-inner .submit-button {
	margin-top: 2rem;
	display: flex;
	margin: 0 auto;
	justify-content: center;
}

.wpcf7-spinner {
	display: flex;
	margin: 0 auto;
}

.wpcf7-submit,
.wpcf7-previous {
	font-size: 23px;
	cursor: pointer;
	border-radius: 100vh;
	width: 7em;
	margin: 2em 1em 1em;
	padding: 10rem 30rem;
}
.wpcf7-submit {
	background: #27acd9;
	border: 2px solid #27acd9;
	color: #fff;
}
.wpcf7-submit:hover{color: #2c4d7a;}
.wpcf7-previous {
	border: 2px solid #cccccc;
	background: #cccccc;
	color: #111111;
}
.wpcf7-previous:hover {color: #fefefe;}

@media only screen and (max-width: 768px) {
	.wpcf7-form {
		margin-top: 4.5rem;
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.contact-inner dt {width: 100%;}
	.contact-inner dd {
		width: 100%;
		padding: 0;
	}
	.wpcf7-submit, .wpcf7-previous {
		font-size: 18px;
		width: 6em;
		padding: 5rem 15rem;
		margin-top: 2rem;
	}
}
.contact-inner .required {color: #dc3232;}
.contact-inner .agreement-content {
	margin-top: 2rem;
	text-align: center;

}
.contact-inner .agreement-checkbox {margin-top: 1rem;}
.wpcf7-checkbox .wpcf7-list-item {
	display: flex;
	margin: 20px auto;
	justify-content: center;
}
.contact-inner input[type="checkbox"] {border-radius: 4px;}
.contact-inner .agreement-checkbox .wpcf7-list-item-label {
	text-align: center;
	margin-top: 3px;
}
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border: none;
	color: #dc3232;
	font-size: 16px;
}
.contact-inner .is-inner .form-btn-container { margin-top: 40px}
.contact-inner .is-inner .form-btn-container .privacy_area {
	font-size: 1.2rem;
    margin-bottom: 40px
}
.contact-inner.confirm .form-btn-container .privacy_area { display: none;}
.privacy-confirm {
	text-align: center;
}






/* これより下はコーポレートサイトの流用 */






/***corporate/detail.css***/
/*----------------------------------------------------
	各セクション 会社案内
----------------------------------------------------*/
#section-corporate {
	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;
}



/* ==========================================================================
	 企業情報 > メッセージ 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;
	}
}
/* 汎用タグ一覧 
------------------------------*/
/* ul */
ul{
	list-style-type: none;
}
/* image files float */ 
.leftimage{
	float: left;
	margin: 5px 8px 5px 0px;
}
.rightimage{
	float: right;
	margin: 5px 0px 5px 8px;
}
ul#customerlink{
	padding-left: 20px;
}


/* 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;
}
/* 会社概要
------------------------------*/

/***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;
}

/* 提出会社の株式事務の概要
----------------------------------------------------*/
.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;
}


/***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;
}

/*ライブラリ*/
.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;
}



/* 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;
}
.news-content {
	font-size: 16px;
}
.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;
	}
}

/* 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: .2em;
}
.expo_pop ._img01{
	width: calc(100% - 72px);
	margin: 0 auto 5px;
}
.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: .5em;
    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;}
}

/*リスト＆調整用*/
.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.dlt150 dt {width: 150px;}
.dl_tbl.dlt_faq dt,
.dl_tbl.dlt170 dt {width: 170px;}
.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;}
}