@charset "utf-8";
/*PC・タブレット・スマホ共通設定
---------------------------------------------------------------------------*/
/*全体の設定
●PC:font14px line-height:1.2　テーブル：line-height:1; width: 1024px;
●タブレット：font14px
●スマホ：font:14px
---------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-style: normal;
	/*	ボックスの値をwidthに合わせる-paddingやborder-widthを含まないボックスサイズを適用 詳しくは→ https://phiary.me/css3-box-sizing/　*/
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
/*	HTML5*/
header, footer, article, aside, section, footer, nav, menu, details, hgroup, summary {
	display: block;
}
body {
	min-width: 320px; /*	最小画面サイズ*/
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 15px;
	line-height: 1.9;
	letter-spacing: .1em;
	color: #2c2d30;
	background: #fff;
	/*	iPhoneを横向きにした時、縦向きの時に対して文字サイズをどうするか 詳しくは→ https://ultimate-ez.com/2014/03/29/3572/*/
    -webkit-text-size-adjust: 100%;
}
input, select, textarea, button {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
}
/*  文字設定
----------------------------------*/
/* 禁則処理 */
/* 日本語読みやすいように、折り返し位置を自動調整 */
/* 句読点、閉じ括弧を行頭に置いたりしない*/
/*https://builder.japan.zdnet.com/html-css/sp_css-firefox-safari/20381014/2/*/
p, li, dt, dd, th, td, pre {
	-ms-line-break: strict;
	line-break: strict;
	-ms-word-break: break-strict;
	word-break: break-strict;
}
span.point {
	display:inline-block;
	padding:0 4px;
	background:#ff9;
	color:#f00;
	font-weight:bold;
}

/*  文字設定
----------------------------------*/
@media only screen and ( -webkit-mindevice-pixel-ratio:1.5), only screen and (min-resokution: 1.5dppx) {
background-image:url("retina-image.png");
}
/*共通タグ設定*/
li {
	list-style-type: none;
}
.clear {
	clear: both;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
	margin: 0 auto;
}
a {
	text-decoration: none;
}
/*　文字設定　*/
span.need {
	color:#f00;
	font-weight:bold;
}
span.newPress {
	display:inline-block;
	padding:1px 4px;
	font-size:12px;
	color:#fff!important;
	background:#f00;
	font-weight:bold;
}
span.new2 {
	display:inline-block;
	padding:6px;
	color:#fff!important;
	background:#f00;
	font-weight:bold;
}
/* 点滅 */
.blinking {
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
	-moz-animation:blink 1.5s ease-in-out infinite alternate;
	animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-moz-keyframes blink {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@keyframes blink {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
.contBox a, .wrap900 a {
	color: #2c2d30;
}
.contBox a:hover, .wrap900 a:hover {
	color: #999;
}
/* 共通ボタン設定 */
.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	letter-spacing: 0.1em;
}
a .button .block {
	color: #fff!important;
	text-decoration: none;
}
a .button .line {
	color: #2c2d30!important;
	text-decoration: none;
}
a .button .line:hover {
	color: #fff!important;
	text-decoration: none;
}
.button::before, .button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button, .button::before, .button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/* フォーム設定 20170803Arai
----------------------------------*/
input, textarea, select, button {
	outline: none;
	-webkit-appearance: none;
}
label, input[type='checkbox'] {
	cursor: pointer;
}
input, select, textarea {
	font-size: 100%;
}
/* セレクトボタン（矢印）デフォルト消す */
select::-ms-expand {/* IE10 */
 display: none;
}
select {/* firefox */
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
}
/*  MARGIN設定
----------------------------------*/
.mgT00 {
	margin-top: 0px !important;
}
.mgT05 {
	margin-top: 5px !important;
}
.mgT10 {
	margin-top: 10px !important;
}
.mgT15 {
	margin-top: 15px !important;
}
.mgT20 {
	margin-top: 20px !important;
}
.mgT25 {
	margin-top: 25px !important;
}
.mgT30 {
	margin-top: 30px !important;
}
.mgT40 {
	margin-top: 40px !important;
}
.mgT60 {
	margin-top: 60px !important;
}
.mgT80 {
	margin-top: 80px !important;
}
.mgT120 {
	margin-top: 120px !important;
}
.mgT160 {
	margin-top: 160px !important;
}
.mgT200 {
	margin-top: 200px !important;
}
.mgB00 {
	margin-bottom: 0px !important;
}
.mgB10 {
	margin-bottom: 10px !important;
}
.mgB30 {
	margin-bottom: 30px !important;
}
.mgB60 {
	margin-bottom: 100px !important;
}
.mgB230 {
	margin-bottom: 230px !important;
}
.pd00 {
	padding:0px!important;
}
.pgT00 {
	padding-top: 0 !important;
}
.pgT10 {
	padding-top: 10px !important;
}
.pgB00 {
	padding-bottom: 0px !important;
}
.pgB10 {
	padding-bottom: 10px !important;
}
.pgB100 {
	padding-bottom: 60px !important;
}
.pgB160 {
	padding-bottom: 160px !important;
}
.pgB200 {
	padding-bottom: 200px !important;
}
/*  MARGIN設定 マイナス
----------------------------------*/
.mgTM00 {
	margin-top: -0px !important;
}
.mgTM30 {
	margin-top: -30px !important;
}
.mgTM70 {
	margin-top: -70px !important;
}
.mgTM100 {
	margin-top: -100px !important;
}
.mgTM130 {
	margin-top: -130px !important;
}
.mgTM200 {
	margin-top: -200px !important;
}
.mgTM240 {
	margin-top: -240px !important;
}
.mgTM260 {
	margin-top: -260px !important;
}
 @media screen and (max-width: 550px) {
img.pcImg {
	display:none;
}
img.smartImg {
	display:block;
}
}
 @media screen and (max-width: 480px) {
/* スマホの時だけ表示 */
/*  MARGIN設定
----------------------------------*/
.mgT00_480 {
	margin-top: 0px !important;
}
.mgT05_480 {
	margin-top: 5px !important;
}
.mgT10_480 {
	margin-top: 10px !important;
}
.mgT20_480 {
	margin-top: 20px !important;
}
.mgT80_480 {
	margin-top: 80px !important;
}
.mgT200_480 {
	margin-top: 200px !important;
}
/*  MARGIN設定 マイナス
----------------------------------*/
.mgTM10_480 {
	margin-top: -100px !important;
}
}
/* 斜め：枠 */
.aslope {
	position: relative;
	overflow: hidden;
	margin: 3% 0;
	padding: 40px 0 0;
}
.aslope:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 130%; /* 【メモ】斜めにした際に途切れるので100%以上に設定 */
	height: 80%;
	margin: 3% -15% 0; /* width:130%;に対してmarginのleft,rightを100%より上乗せした分マイナス設定すると大方真ん中になる */
	background: #e0e0e0;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	z-index: -1;
}
.aslope_inner {
	box-sizing: boder-box;
	width: 100%;
	max-width: 1024px;
	height: 100%;
	margin: 0 auto;
	padding: 80px 10px 160px;
	text-align: center;
}
.servWrap {
	margin: 0 auto;
	padding: 0 16px;
	width: 850px;
	text-align: left;
}
/* ============================================================================

 * 構成
 
 * ========================================================================= */
/*　全てを囲む枠（ヘッダーからフッターまで）　*/
#container {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
#contents {
	width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}
#contents .inner {
	width: 100%;
	background: #fff;
}
/* ============================================================================

 * #header
 
 * ========================================================================= */
.keyVisual {
	display:block;
	margin-top:92px;
	height: 250px;
	background:	url(../image/common/header1900.png);
	background-position: center;
	background-repeat: no-repeat;
}
/* ヘッダー全体の設定 */
#top-head {
	top: -100px;
	position: absolute;
	width: 100%;
	margin: 100px auto 0;
	padding: 30px 0;
	line-height: 1;
	z-index: 999;
	background: #fff;
}
/* ヘッダーの中身 */
#top-head .inner {
	position: relative;
	width: 1024px;
	margin: 0 auto;
}
#top-head .inner:after {/*ヘッダー内右寄せ、左寄せの解除 */
	content: "";
	clear: both;
	display: block;
}
/*リンク設定 */
#top-head a, #top-head {
	color: #333;
	text-decoration: none;/* 後で消す */
}
/* ロゴ */
#top-head .logo {
	float: left;
	top:3px;
	left:3px;
}
/* メニュー */
#global-nav ul {
	list-style: none;/* 後で消す */
	position: absolute;/* #top-head .innerからの位置 */
	right: 0;
	top: 8px;
	font-size: 14px;
}
#global-nav ul li {
	float: left;
	position: relative;
	padding-bottom: 10px;
}
#global-nav ul li a {
	padding: 0 10px;
}
/* メニュー：マウスオーバー時 */
/*参考URL
/*https://htdsn.com/blog/archives/css3-transitions.html*/
#global-nav ul li a:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	bottom: 0px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#global-nav ul li a:hover:after {
	background: #f60;
	bottom: -3px;
}
/* プルダウンメニュー：サービス */
#global-nav ul li.pivot {
	width: 90px;
	text-align:center;
}
#global-nav ul li.pivot li {
	width: 230px;
	text-align:left;
}
#global-nav ul li.pivot:hover ul.sub {
	background: rgba(255,255,255,.7);
	padding: 0 40px;
	/*margin-right: -190px;*/
}
#global-nav ul li.pivot:hover ul.sub span {
	margin-left:4px;
}
#global-nav ul li.pivot ul.sub {
	display:none;
    right: -180px;
}
#global-nav ul li.pivot ul.sub:hover {
	display: block;
}
ul.sub li a {
	margin: 12px 0 4px;
	display: block;
	height: 12px;
	white-space: nowrap;
}
ul.sub li span.menu {
	margin: 12px 0 4px;
	display: block;
	height: 12px;
	white-space: nowrap;
}
/* icon 別ウィンドウ*/
#global-nav ul li.pivot ul.sub i{
    font-size: 12px;
    padding-left: 4px;
}

/*----------------------------------
	スクロールした際のメニュー
	Jquery使用
/*----------------------------------*/
#top-head.fixed {
	position: fixed;
	top: 0;
	margin-top: 0;
	padding: 15px 0;
	background: #fff;
	background: rgba(255,255,255,.7);
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
}
/* メニュー */
#top-head.fixed #global-nav ul li a {
	color: #333;
	padding: 0 10px;
}
/* マウスオーバーの動き */
#top-head.fixed #global-nav ul li:after {
	bottom: 0;
}
#top-head.fixed #global-nav ul li:hover:after {
	background: #999;
	bottom: -10px;
}
/*----------------------------------
	ハンバーガーメニュー設定
/*----------------------------------*/
#nav-toggle {
	display: none;
	position: absolute;
	right: 12px;
	top: 14px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #666;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}
 @media screen and (max-width: 1024px) {
#top-head .inner {
	width: 100%;
	padding: 0 8px;
}
#global-nav ul li a {
	padding: 0 8px;
}
#top-head.fixed #global-nav ul li a {
	padding: 0 8px;
}
}
 @media screen and (max-width: 768px) {
.keyVisual {
	margin-top:56px;/*	background: url(../image/common/header768.png) top center no-repeat;
	height: 150px;*/
}
#top-head, #top-head .inner {
	width: 100%;
	padding: 0;
}
#top-head {
	top: 0;
	position: fixed;
	margin-top: 0;
}
/* Fixed reset */
#top-head.fixed {
	padding-top: 0;
	background: transparent;/*透明*/
}
#mobile-head {
	position: relative;
	width: 100%;
	height: 56px;
	background: #fff;
	z-index: 999;/*背景画像の上に*/
}
/* ロゴの位置：スマホ版 */
#top-head.fixed .logo, #top-head .logo {
	position: absolute;
	top: 15px;
	left: 10px;
}
/* メニューのプルrダウンの一設定のために調整したpaddin-bottomを戻す */
#global-nav ul li {
	padding-bottom: 0px;
}
/*----------------------------------
	スマホ版メニュー
/*----------------------------------*/
#global-nav {
	position: absolute;
	top: -500px;/* ハンバーガーが開いてないときは画面外（上部）に配置 */
	width: 100%;
	padding-top:5px;
	text-align: center;
	background: #fff;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
#global-nav ul {
	position: static;
	right: 0;
	bottom: 0;
	font-size: 14px;
	list-style: none;/*　後で消す */
	background: #999;
}
#global-nav ul li {
	float: none;
	position: static;/*デフォルトの左上を基準値*/
}
#global-nav ul li a:after {
	display: none;/*pc版のリンクのhoverを消す*/
	background: #999;
}
#global-nav ul li a:hover:after {
	display:none;
}
#top-head #global-nav ul li a, #top-head.fixed #global-nav ul li a {
	width: 100%;
	display: block;
	color: #fff;
	text-align:left;
	padding: 12px 0 12px 20px;
}
#top-head #global-nav ul li span.menu, #top-head.fixed #global-nav ul li span.menu {
	width: 100%;
	display: block;
	color: #fff;
	text-align:left;
	padding: 12px 0 12px 20px;
}
#top-head #global-nav ul li a:hover, #top-head.fixed #global-nav ul li a:hover {
	background: #666;
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
}
/*icon 別ウィンドウ*/
#top-head #global-nav ul li a i {
    padding-left: 4px;
}
/*----------------------------------
	ハンバーガーメニュー設定
/*----------------------------------*/
#nav-toggle {
	display: block;
}
/* ハンバーガーメニュー：切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
/* ハンバーガーメニュー：スライドアニメーション */
.open #global-nav {
	-moz-transform: translateY(556px);
	-webkit-transform: translateY(556px);
	transform: translateY(556px);
}
}
/* ============================================================================

 * ページTOPへ

 * ========================================================================= */
/*--------------
 	ページTOPへ
---------------*/
/*　ページTOPへ:js使用　*/
#page-top {
	position: fixed;
	bottom: 14px;
	right: 20px;
	letter-spacing: 0;
	z-index: 999;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	padding: 8px 6px;
	text-align: center;
	display: block;
	font-size: 10px;
	line-height: 1.2;
	border-radius: 4px;
	box-shadow: 2px 2px 5px rgba(33,33,33,2 );
	background: #222;
}
#page-top img {
	width: 30px;
	height: 30px;
}
/* ============================================================================

 * .footer

 * ========================================================================= */
footer {
	display: block;
	padding-top: 30px;
	background: #2B2F2E;
	color: #F9F9F9;
}
/* 仮:active */

footer a {
	color: #F9F9F9;
}
footer a:hover {
	color: #A5A2A5;
}
.footer-inner {
	margin: 0 auto;
	width: 1024px;
}
/*footer ナビ*/
.corpNav, .servNav {
	margin-left: 16px;
	text-align: left;
}
.corpNav {
	width: 260px;
}
.servNav {
	width: 550px;
}
.footerNav ul {
	margin-top: 0.5em;
	font-size: 14px;
	width: 240px;
	line-height: 1.8;
}
.col_1, .col_2 {
	display: inline-block;
	vertical-align: top;
}
/* ナビタイトル */
.f_navTitle {
	border-bottom: 1px solid #999;
	padding: 4px 0;
	font-weight: 600;
}
.f_navSub {
	margin-top: 12px;
	;
	font-size: 14px;
	font-weight: 600;
}
/* 免責情報 */
.footerLinks {
	margin-bottom: 1em;
	line-height: 2;
}
/* 制作・著作 */
.footer-info {
	padding: 100px 16px 40px;
	text-align: center;
}
/* ============================================================================

 * 共通で使うもの

 * ========================================================================= */
/* hr */
hr.top {
	width:70%;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #f90, #fff, #f90);
	background-image: -moz-linear-gradient(left, #f90, #fff, #f90);
	background-image: -ms-linear-gradient(left, #f90, #fff, #f90);
	background-image: -o-linear-gradient(left, #f90, #fff, #f90);
}
hr.style-two {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
/* h2 ページタイトル */
.titleBox {
	height: 250px;
	padding-top: 70px;
	color: #333;
	text-shadow: 0 10px 6px rgba(0,0,0,0.20);
}
.titleBox .en {
	margin: 0 auto;
	width: 300px;
	display:block;
	font-size:56px;
	font-family: 'Vollkorn', serif;
	font-weight: 500;
	line-height: 1.4;
}
.titleBox.boardTerms .en {
	width: auto;
}
h2 {
	padding-top: 8px;
	font-size:20px;
	font-weight: 300;
 letter-spacing: .3rem;
}
/* h3.titleBlock
-----------------------------------------------------------------*/
/* h3 コンテンツタイトルを囲む */
.subTitleBox {
	margin: 30px 0 30px;
	text-align: center;
	line-height:1;
}
h3.titleBlock {
	position: relative;
	margin-bottom: 50px;
	/*	color: #616266;
*/	text-align: center;
	font-weight: bold;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", serif;
}
h3.titleBlock:after {
	position: absolute;
	content: '';
	width: 40px;
	height: 3px;
	left: 50%;
	margin: 18px 0 0 -20px;
	display: block;
	background: #f60;
}
h3.titleBlock.en {
	margin-bottom: 20px;
	font-size: 32px;
	font-family: 'Vollkorn', serif;
}
h3.titleBlock.en:after {
	bottom: -7px;
	margin-top: 0;
}
.subTitleBox .jatitle {
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", serif;
	font-size: 16px;
	letter-spacing: 0.5rem;
}
h4 {
	margin: 0 auto;
	padding: 30px 0;
	font-size: 28px;
	text-align: center;
	letter-spacing: .1em;
}
h5 {
	margin: 0 0 8px 0;
	font-size: 16px;
	text-align: left;
}
/* パンくず */
.pageLink {
	margin: 0 auto;
	padding: 16px 1em;
	height: 44px;
	max-width: 1024px;
	font-size: 12px;
	text-align: left;
}
.pageLink a {
	color: #616266;
}
.pageLink a:hover {
	color: #e0e0e0;
}
.contBox {
	margin: 0 auto;
	padding: 0 16px 20px;
	width: 850px;
}
/* テーブル 枠*/
.tableBox {
	margin: 20px auto 30px;
	color:#2c2d30;
	letter-spacing: .1em;
}
/* テーブル */
table {
	border-collapse: collapse;
	width: 100%;
}
/* コンテンツ 枠800px */
.txtBox {
	margin: 0px auto;
	text-align:left;
	width: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
}
.txtWrap {
	margin-bottom: 24px;
	text-align: left;
}
/* ▼768px以下要素を非表示 */
.mini768 {
	display: none;
} /* miniを非表示 */
.big768 {
	display: block;
}
/* ▼768px以下480px以上要素を表示 */


 /* bigを表示 */
/* ▼480px以下要素を非表示 */
.mini480 {
	display: none;
}/* miniを非表示 */
.big480 {
	display: block;
}/* miniを表示 */
/* ============================================================================

 * index

 * ========================================================================= */
/* topファーストビュー */
.smartImg {
	display:none;
}
#mainVisual {
	display: block;
	margin-top: 90px;
	height:900px;
	background-image: url(../image/top/firstview.png);
	background-position: center;
	background-repeat: no-repeat!important;
}
.wrap1024 {
	margin: 0 auto;
	width: 1024px;
}
.main {
	float: left;
	padding-top: 180px;
}
.main img {
	width:100%;
	max-width:644px;
}
/*  */
.aslope_inner #aslopeDeco {
	padding-top:120px;
	padding-bottom: 240px;
}
.topcontactPosition {
	position:relative;
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}
.topcontactPosition .contBoxWs {
	position: absolute;
	top: -290px;
	left: 0;
	right: 0;
}
/* topファーストビュー ボタン */
#topButton {
	float: left;
	margin-top:8px;
	padding-left:8px;
	width:420px;
}
#topButton:after {
	clear:both;
}
.moreInfo .topButtonDeco {
	width:500px;
	margin:0px auto;
	padding-top:24px;
}
.irsessionLinkB {
	margin:70px auto 0 auto;
}
.irsessionLinkB img {
	width:500px;
}
.ksigLinkB {
	margin:10px auto 0 auto;
}
.ksigLinkB img {
	width:500px;
}
.rpaLinkB {
	margin:10px auto 0 auto;
}
.rpaLinkB img {
	width:500px;
}
span.new {
	display:inline-block;
	padding:0 3px;
	color:#f00;
}
.ksigLinkB img:hover, .rpaLinkB img:hover, .irsessionLinkB img:hover {
	opacity: 0.5;
}
/*.rpaLink {
	float: left;
	margin-top:50px;
	width:420px;
}
.rpaLink a {
	color:#333;
	font-weight:bold;
}
.rpaLink a:hover {
	color:#000;
}
*/

/* 枠 */
.wrap900 {
	margin: 0 auto;
	padding: 160px 0 0;
	width: 900px;
}
.wrap900 .title {
	font-size: 20px;
}
.head {
	text-align:center;
}
.head .title {
	margin-bottom:16px;
	font-size: 30px;
	line-height:1.6;
}
.head .txt {
	line-height:2.2;
	letter-spacing: -0.1px;
}
/* ボタン */
.moreInfo .button {
	height: 54px;
	width: 100%;
	font-size:16px;
	line-height: 54px;
	font-weight: normal;
}
.button .block {
	background-color: #f60;
}
.button .block:hover {
	background-color: #2c2d30;
}
.button .line {
	border: 2px solid #f60;
}
.button .line:hover {
	border: 2px solid #2c2d30;
	background-color: #2c2d30;
}
/* サービス */
.sboxR .position, .sboxL .position {
	margin-top: 94px;
}
.sboxR .en, .sboxL .en {
	font-family:'Vollkorn', serif;
	font-size:32px;
	font-weight:bold;
	color:rgba(249,253,254,1);
	line-height:0.9;
"
}
.shExplan .title {
	font-size:28px;
}
/* 下部のリンク */
.topBox {
	float:left;
	width:33.3%;
	text-align: left;
}
.topBox .en {
	font-family:'Vollkorn', serif;
	font-size:32px;
	font-weight: bold;
	color:rgba(249,253,254,1);
	line-height:0.9;
"
}
a:hover .topBox img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
/* ============================================================================

 * 会社概要

 * ========================================================================= */
/*テーブル　個別*/
.profileTable td, .dataTable td {
	border: 1px solid #e0e0e0;
}
.profileTable th, .dataTable th {
	background-color: #e0e0e0;
	text-align: center;
	border-bottom: 1px solid #fff;
}
.historyTable th, .historyTable td {
	border-bottom: 1px dotted #e0e0e0;
	vertical-align: top; /*文字を頭ぞろえにしてくれる便利！*/
}
.historyTable th {
	text-align:right;
	color: #999;
}
.profileTable th, .profileTable td, .historyTable th, .historyTable td {
	padding: 20px;
}
.profileTable th, .historyTable th {
	width: 30%;
}
.profileTable td, .historyTable td {
	padding-left:40px;
	text-align: left;
}
/* ============================================================================

 * 選ばれる理由

 * ========================================================================= */
.boxL {
	float: left;
	width: 368px;
}
.boxR {
	float: right;
	width: 446px;
	text-align:center;
}
.boxR img {
	max-width: 512px;
}
/* firstView img 横幅：512 */
.diamond-narrowWrap {
	position: relative;
	top: 16px;
	left: -60px;
	width: 512px;
}
.number1 a, .number2 a, .number3 a, .number4 a {
	font-size:16px;
	font-weight: bold;
	color: #fff !important;
	letter-spacing: 0.7px;
	z-index: 999;
}
.number1 a:hover, .number2 a:hover, .number3 a:hover, .number4 a:hover {
	color: #e0e0e0 !important;
}
.diamond-narrowWrap .number1 {
	position: absolute;
	top: 90px;
	right: 70px;
	line-height: 1;
}
.diamond-narrowWrap .number2 {
	position:absolute;
	top: 174px;
	right: 162px;
	line-height: 1;
}
.diamond-narrowWrap .number3 {
	position:absolute;
	top: 250px;
	left: 200px;
	line-height: 1;
}
.diamond-narrowWrap .number4 {
	position:absolute;
	top: 324px;
	left: 100px;
	line-height: 1;
}
#point2 {
	margin-top: -100px;
}
.txtWrap .en {
	margin-bottom: 8px;
	font-family: 'Vollkorn', serif;
	font-size: 32px;
	font-weight: bold;
	color: #969696;
	line-height: 0.9;
}
.txtWrap .reasonTitle {
	margin-bottom: 8px;
	font-size: 28px;
	letter-spacing: .05em;
	color: #000;
	line-height: 1.6;
}
.projectWrap {
	margin: 24px 0 0;
}
.case3 {
	position: relative;
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	width: 232px;
}
.case3 img {
	margin-bottom: 8px;
}
.case3 .reasonSer {
	position: absolute;
	width: 226px;
	height: 147px;
	top: 64px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.case3 .img {
	position: absolute;
	top: -6px;
	left: 0.5em;
	width: 108px;
	height: 51px;
}
.caseTxt li {
	padding-left: 28px;
	text-indent: -13px;
}
.caseTxt li i {
	width: 14px;
	color: #f60;
	font-weight: bold;
	font-size: 16px;
}
table.work {
	margin-bottom: 1em;
	border: solid 1px #57647c;
}
.work tbody {
	border-top: solid 1px #57647c;
}
.work tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}
.work th {
	padding: 0.5em 2em;
	border:solid 1px #0d1a34;
	background: #0d1a34;
	color: #fff;
}
.work td {
	padding: 10px !important;
	background: #fff;
	color: #0d1a34;
	vertical-align: middle;
	text-align: center;
	width: 25%;
	height:120px;
}
.work img {
	padding: 8px 16px;
	width: 100%;
}
.projectL .txt, .projectR .txt {
	padding: 1em;
}
/* 声 */
.voiceWrap {
	position: relative;
	padding: 3.5em 3em 3em;
	width: 100%;
	border: solid #033452 2px;
	border-radius: 50px;
}
.voiceL {
	position: absolute;
	top: -46px;
	left: 25px;
	width: 160px;
	text-align: center;
}
.voiceR {
	margin-left:8em;
}
.voice {
	color: #033452;
	font-weight: bold;
	line-height: 2;
	font-size: 15px;
	letter-spacing: 0.5px;
}
.voice li:before {
	content: "\f007";
	font-family: FontAwesome;
	font-size: 20px;
}
/* アフターフォロー */
.case5 {
	padding: 0 0.5em 0.5em;
}
.afBoxL {
	position: relative;
	float: left;
	width: 279px;
}
.afBoxL .example {
	position: absolute;
	top: 9px;
	left: 12px;
	font-family: 'Vollkorn', serif;
	font-size: 18px;
	font-weight: bold;
	color: rgb(240,240,230);
	text-shadow: 1px 1px 10px #000;
	line-height: 0.9;
	background: #000;
	padding: 8px 10px;
	border-radius: 8px;
}
.afBoxR {
	position:relative;
	float: right;
	padding-left: 26px;
	width: 490px;
	height: 214px;
}
.afBoxR .reasonSer {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: bold;
}
.afBoxR .reasonSer i {
	margin-left: 4px;
	content: "\f061";
	font-family: FontAwesome;
	font-size: 20px;
}
/*  */
.detail_WrapWhite {
	margin: 0 auto;
	padding: 16px;
	width: 100%;
	background: #fff;
}
.link {
	position: absolute;
	right: 0;
	top: -2px;
	width: 160px;
	height: 40px;
	color: #fff;
	font-size: 14px;
	background: #003452;
	text-align: center;
	font-weight: bold;
	line-height: 40px;
}
.link:hover {
	background: #333;
}
.customerTable th, .customerTable td {
	display:block;
	padding: 16px 0;
	border-bottom: 1px dotted rgba(250,250,250,1);
	width: 100%;
}
/* ページ内リンク位置 */
#point2, #point4 {
	margin-top: -100px;
}
#point3 {
	margin-top: 30px;
}
/* ============================================================================

 * 企業理念

 * ========================================================================= */
/* 斜め背景時のテーブル装飾 */
.aslope .profileTable th {
	background-color: rgba(240,240,240,1);
	border-bottom: 1px solid #e0e0e0;
}
.aslope .profileTable td {
	background-color: #fff;
	border: 1px solid #e0e0e0;
}
/* 装飾 */
.headlineWrap {
	position: relative;
	text-align: left;
	margin-top: 72px;
}
.headline {
	font-family: 'Vollkorn', serif;
	font-size: 72px;
	font-weight: bold;
	line-height: 0.9;
	color: #ebeff1;
	letter-spacing:-1px;
	white-space:nowrap;
}
/*.headline:first-letter {
	color:#fed61b;
}*/
.headlineWrap .deco {
	position:absolute;
	width: 120px;
	height:120px;
	border:1px solid #fed61b;
	transform: rotate(-45deg);
	top:-30px;
	left:-53px;
	z-index:-666;
}
/* ビジョン */
.visionWrap {
	text-align: left;
}
.vision {
	padding-bottom:4px;
	font-size:48px;
	color:#2c2d30;
	line-height:1.4;
}
.visionExpl {
	font-size:18px;
	line-height:2;
	letter-spacing:0.16em;
}
/* 企業理念 */
.philWrap {
	margin-top: 40px;
}
.philWrap .box {
	float:left;
	margin-right: 1%;
	padding:24px;
	width:49%;
	height:200px;
	background-color:rgb(248,248,248);
	text-align:left;
}
.philWrap .title {
	padding-bottom:8px;
	color: #000;
	font-size:20px;
	line-height:1.4;
}
.philWrap .txt {
	line-height:1.6;
	font-size:14px;
}
.catchWrap {
	margin: 32px 0;
	text-align: left;
}
.catchWrap .title {
	font-size: 30px;
	line-height: 1.4;
}
/* ↓古い情報 */
/*　キャッチコピー（魅せる用の文体） */
.policy {
	margin: 24px 0 0;
	line-height: 1.6;
	text-align: left;
}
.policy .en {
	margin-bottom: -40px;
	font-size: 96px;
	font-family: 'Vollkorn', serif;
	font-weight: bold;
	color: rgba(240,240,240,1);
	z-index: -1;
}
.philCatch {
	padding: 8px 0;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.1em;
	color: #333;
}
.pBox {
	margin: 0 auto;
	padding: 0 16px;
 width: 100&;
	max-width: 850px;
}
.pboxL {
	float: left;
	margin-left: -100px;
	width: 40%;
}
/* 本文 サブ見出し */
.txtBox .title {
	margin-bottom: 8px;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: .05em;
	color: #2c2d30;
	line-height: 1.6;
}
/* 本文 */
.txtBox .txt, .explBox .sdetail, .note .txt, .titleFi .txt {
	font-size: 15px;
	color: #2c2d30;
	letter-spacing: -0.1px; /*.1emから本文は詰めた方が読みやすいことから変更*/
	line-height: 2.2;
}
.serExpl .spoint {
	font-size: 14px;
	color: #2c2d30;
	letter-spacing: .1em;
	line-height: 1.5;
}
.aslope .pboxR {
	color: #2c2d30;
}
.preimg {
	position: absolute;
	left: 00px;
}
.pboxR {
	position: absolute;
	top: 200px;
	right: 0;
	width: 50%;
}
#top {
	top: -40px;
	padding-top: 40px;
}
/* ============================================================================

 * 社長のメッセージ

 * ========================================================================= */
.topMessageWrap {
	position: relative;
	width: 100%;
	height: 1300px;
	top: 30px;
}
.topMessageImg {
	position: absolute;
	background: url(../image/common/presidentB.png) no-repeat;
	background-size: cover;
	top: 0px;
	left: -280px;
	width: 100%;
	max-width: 700px;
	height: 1391px;
	z-index: -50;
}
.topMessageTxt {
	position: absolute;
	width: 54%;
	right: 14px;
}
.topMessageTxt .policy .en {
	margin-bottom: 0px;
	line-height: 0.9;
	white-space: nowrap;
}
.topMessageTxt .policy .philCatch {
	white-space: nowrap;
}
.pL1em {
	padding-left: 1em;
}
/* ============================================================================

 * サービス　金融機関

 * ========================================================================= */
 .pressWrap .title{
	 position: relative;
	 width:160px;
	 border-left: 6px solid #999;
 }
  .pressWrap .title span{
	 padding-left:5px;
	 text-align:left;
	 display:inline-block;
	 font-size:18px;
	 font-weight:bold;
 }
 .pressInfo a:after {
	content: "\f138";
	font-family: FontAwesome;
}
 .pressInfo a {
	text-decoration: underline;
	color: #000;
}
 .pressInfo a:hover {
	text-decoration: none;
}

/* setting */
/* ナビ */
.snavWrap {
	position: relative;
	margin: 60px auto 0;
	width: 1054px;
}
.navBox {
	position: relative;
	display: inline-block;
	padding: 0;
	width: 170px;
	top: 0;
	left: 0;
	vertical-align:top;
}
/* ナビ サービス名 */
.nServ {
	margin-top: 8px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	color: #333;
}
.nServ:before {
	content: "\f13a";
	font-family: FontAwesome;
	padding-right: 0.3em;
}
/* ナビ 詳細 */
.easyExpl {
	margin-top: 4px;
	font-size: 12px;
}
/* hoverの動き */
/*.navBox img.act,*/ .snSelect {
	-moz-transition: -moz-transform 0.2s ease;
	-webkit-transition: -webkit-transform 0.2s ease;
	-o-transition: -o-transform 0.2s ease;
	-ms-transition: -ms-transform 0.2s ease;
	transition: transform 0.2s ease;
}
/*.navBox img.act:hover,*/ .snSelect:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
/* サービス詳細 */
/* 共通：枠 */
.servFi .aslope,
.servCu .aslope {
	position: relative;
	overflow: hidden;
	margin: 0;
}
.servFi .aslope:before,
.servCu .aslope:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 130%; /* 【メモ】斜めにした際に途切れるので100%以上に設定 */
	height: 80%;
	margin: 3% -15% 0; /* width:130%;に対してmarginのleft,rightを100%より上乗せした分マイナス設定すると大方真ん中になる */
	background: #e0e0e0;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	z-index: -1;
}
.servFi .aslope_inner,
.servCu .aslope_inner {
	box-sizing: boder-box;
	width: 100%;
	max-width: 1024px;
	height: 100%;
	margin: 0 auto;
	padding: 130px 10px 40px;
	text-align: center;
}
/* 各サービス 枠 */
.servFi .servWrap,
.servCu .servWrap {
	margin: 0 auto;
	padding: 0 16px;
	width: 850px;
	text-align: left;
}
.servFi .aslope .servWrap,
.servCu .aslope .servWrap {
	margin: 150px auto 230px;
}
.servFi .non-aslope .servWrap,
.servCu .non-aslope .servWrap {
	margin: 0px auto 20px;
	padding: 60px 16px;
}
.servFi .servWrap.child2 {
	margin-bottom: 430px;
}
.servFi .non-aslope.sec1{
	margin-top: -150px;
}
.servFi .non-aslope.sec6 {
	margin-top: 0px !important;
}

/* サービス詳細 枠 */
.sboxL {
	float: left;
	padding-right: 2rem;
	width: 50%;
}
.sboxR {
	float: right;
	padding-left: 2rem;
	width: 50%;
}
.sboxL img {
	margin-left: -90px;
}
.sboxR img {
	margin-left: -30px;
}
.sboxL img,, sboxR img {
 width: 100%;
}
.sp16 {
	margin-top:16px;
}
.sp24 {
	margin-top:24px;
}
.sp36 {
	margin-top:36px;
}
.sp56 {
	margin-top: 56px;
}
.sp140 {
}
.sp200 {
	margin-top: 200px;
}
/* ▼表示領域が400px以上の場合 */
.miniimage {
	display: none;
} /* miniを非表示 */
.bigimage {
	display: block;
} /* bigを表示 */
/* サービスタイトル 枠 */
.sboxL .snameBox {
	padding-top: 170px;
}
/*　サービス名　*/
.s_serName {
	position: relative;
	margin-bottom: 8px;
	font-size: 40px;
	line-height: 1.0;
	font-weight: 500;
	color: #2c2d30;
	letter-spacing: .16em;
}
/* スマホになったときにbr表示 */
.xminiimage {
	display: none;
}
.snameBox {
	position: relative;
}
.snameBox .en {
	position:absolute;
	font-family: 'Vollkorn', serif;
	font-size: 100px;
	font-weight: 500;
	color: rgba(240,240,240,1);
	white-space: nowrap;
	line-height: 0.9;
	z-index: -10;
}
.top100 {
	top: 110px;
}
.top16 {
	top: 16px;
}
/* サービス簡単な説明文 */
.shExplan .txt {
	margin-bottom: 2rem;
	color: #2c2d30;
	letter-spacing: .25em;
}
.serExpl {
	margin-bottom: 16px;
	color: rgb(85,85,85);
}
/* ★↓ */
/* サービス名 枠 */
/*.sname_Box{
	position: relative;
	margin-top: 100px;
	width: 100%;
	text-align: left;
}
.aslope_inner .sname_Box{
	margin-top: 240px;
}
.aslope .sboxL, .aslope .sboxR{
	margin-bottom:100px;
}*/
/* サービス英文 位置 */
.sname_Box .en {
	margin-top: -54px;
}
/* サービス英文 装飾 */
.sname_Box .en {
	position:absolute;
	font-family: 'Vollkorn', serif;
	font-size: 80px;
	font-weight: bold;
	color: #ebeff1;
	line-height: 0.9;
	z-index: -10;
}
/* ★↑ */


/* .サービス詳細 */
.serExpl .spoint {
	margin-bottom: 1em;
	font-size: 20px;
	font-weight: bold;
}
.explBox {
	margin-bottom: 16px;
}
.explBox .sdetail {
	padding-bottom: 8px;
}
.dataInfo {
	/*	margin-bottom: 16px;*/
	text-align: right;
}
.dataInfo a {
	text-decoration: none;
	color: #666;
}
.dataInfo a:hover {
	color: #999;
}
.dataInfo a:after {
	padding-left: .5em;
	content: "\f061";
	font-family: FontAwesome;
}
.slink {
	margin: -42px 0 0 -100px;
	text-align: left;
}

.servFi .ircontactWrap {
	margin-top: 100px;
}
/* ============================================================================

 * 事業会社

 * ========================================================================= */
/* ファーストビュー */
.irFirstV {
	width: 100%;
	background:#fff url(../image/servIr/background_firstV.png) no-repeat 0px bottom;
}
.irFirstV_2 {
	width: 100%;
}
.irWrap {
	width: 900px;
	margin: 0 auto;
	padding: 60px 0;
}
.irBoxL {
	float: left;
	margin-top: 10px;
	padding: 0;
	width: 62%;
	text-align: left;
}
.irBoxR {
	float: right;
	width: 38%;
}
/* irBoxL */
/* irツール 説明文 */
.irtoolExpa {
	margin-top:1em;
	padding: 0 10px;
	color: #333;
	letter-spacing: 2px;
	line-height: 1.6;
}
/* irツール 3つのおすすめ 枠 */
.irPoint {
	margin: 28px 16px 0 0px;
}
.iBox {
	float:left;
	width: 33.33%;
	text-align: center;
}
.iBox img {
	width: 100%;
	max-width: 118px;
}
/* irツール 3つのおすすめ */
.shorExpl {
	margin-top: 5px;
	padding: 0 6px;
	font-size: 14px;
	line-height: 1.4;
}
/* IRツールおすすめポイントの文字装飾 */
#fr {
	letter-spacing: 1px;
}
#sd {
	letter-spacing: 0.5px;
}
#af {
	letter-spacing: 0.5px;
	margin-top: 8px;
}
.visuPoint {
	margin-top: 12px;
	color: #FC4D1F;
	font-weight: bold;
	font-size: 24px;
}
#fastRespo {
	letter-spacing: 1px;
}
#successDesign {
	letter-spacing: -2px;
}
#afterfollow {
	margin-top: 8px;
	font-size: 22px;
	letter-spacing: -5px;
	line-height: 1;
}
/* 注意書き */
.xsmall {
	font-size: 12px;
}
/* irBoxR */
/*　イメージ画像　*/
.resupoImage img {
	width: 100%;
	max-width: 400px;
}
/* 4つのサービス */
.servIrNavi {
	margin: 5% 6px 0;
	padding: 24px 14px 10px;
	border-radius: 6px;
	background: #fff;
	text-align: left;
}
.irNaviTitle {
	text-align:center;
}
.serIrshort {
	margin: 6px 0 12px;
	padding-left:8px;
	width: 46%;
	display: inline-block;
	font-size: 16px;
	color: #666;
}
.serIrshort i {
	padding-right: 4px;
	width:20px;
	height:20px;
	text-align: center;
	font-family: FontAwesome;
}
.txtOrengi {
	font-size:14px;
	font-weight: bold;
}
/* お問い合わせ */
/* ボタン枠 */
.ircontactWrap {
	padding: 1.5em;
	background: rgba(55,55,55,1);
}
.contact {
	margin: 0 auto;
	width: 960px;
	color: #fff;
}
.ircBoxL {
	float: left;
	padding: .5em 2em;
	width: 50%;
}
.ircBoxR {
	float: right;
	padding: .5em 2em;
	border-radius: 5px;
	width: 50%;
	background: #fff;
}
.iconL {
	float: left;
	width: 20%;
	font-size: 0;
}
.txtR {
	float: right;
    margin-bottom: 4px;
	padding-top: 10px;
	width: 80%;
	text-align: left;
	line-height: 1.2;
	font-size: 22px;
}
/* ircBoxL内 */
.tell {
	border-radius: 6px;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #555;
}
/* ircBoxR内 */
.ircBoxR .txtR {
	color: #2c2d30;
	/*font-size: 14px;*/
}
/*
.ircBoxR .button {
	background-color: #f60;
	width: 100%;
	font-size: 24px;
	line-height: 60px;
	-moz-box-shadow: 2px 2px #FC4D1F;
	-webkit-box-shadow: 2px 2px #FC4D1F;
	box-shadow: 2px 2px #FC4D1F;
}
.ircBoxR .button:hover {
	-moz-box-shadow: 2px 2px #333;
	-webkit-box-shadow: 2px 2px #333;
	box-shadow: 2px 2px #333;
}
*/
.m_wrap {
    /*background-color: #d7d7d7;
    background-color: #01395c;*/
	background: #f60;
	background: -moz-linear-gradient(#F60, #F60 50%, #e55c00 51%, #e55c00);
	background: -o-linear-gradient(#F60, #F60 50%, #e55c00 51%, #e55c00);
	background: linear-gradient(#F60, #F60 50%, #e55c00 51%, #e55c00);
    border-radius: 8px;
	width: 100%;
	font-size: 23px;
    height: 60px;
    box-shadow: 2px 2px 2px #666;
}
.m_wrap .m_txt {
    color: #ffffff;
    font-weight: bold;
    line-height: 60px;
    letter-spacing: normal;
}
.m_wrap .m_txt_small{
    font-size: 100%;
}
.m_footer {
    display: block;
    margin-top: 2px;
    margin-left: 18%;
    text-align: left;
    font-size: 12px;
    line-height: 12px;
    color: #333;
}
.m_wrap .m_img_atMark { width: auto;}
.m_footer .m_img_atMark_mini { width: 14px;}
/* タイトル h4 枠 */
.irtitleWrap_2 {
	margin: 0 auto;
	min-height: 2em;
	background: url(../image/bg_title_2.png);
}
.irtitleWrap_2 h4 {
	color: #fff;
	line-height: 40px;
}
.irtitleArrow_2 {
	margin: 0 auto 32px;
	background: url(../image/bg_title1_2.png) no-repeat;
	width: 308px;
	height: 61px;
	text-align: center;
}
/* タイトル h4 枠 */
.irtitleWrap {
	margin: 0 auto;
	min-height: 2em;
	background: url(../image/servIr/bg_title.png);
}
.irtitleWrap h4 {
	color: #fff;
	line-height: 40px;
}
.irtitleArrow {
	margin: 0 auto 32px;
	background: url(../image/servIr/bg_title1.png) no-repeat;
	width: 308px;
	height: 61px;
	text-align: center;
}
/* サンプル */
.iframeWrap {
	margin: 0 auto;
	padding: 0 16px;
	width: 100%;
	max-width: 768px;
}
.iframeWrap .chart {
	height: 570px;
	width: 100%;
}
/*@media screen and (max-width: 1024px) {
.iframeWrap .chart {
	height: 550px;
}
}*/
@media screen and (max-width: 697px) {
.iframeWrap .chart {
	height: 500px;
}
}
/* 導入事例 3枠 テスト */
/* flexsliderは別css */
.flexslider {
	position: relative;
}
.slides img {
	width: 660px;
	height: 440px;
}
/* サービス紹介 */
.irsBox {
	margin: 0 auto;
	width: 850px; /* 800pxだった */
}
.isBox {
	float: left;
	margin: 0 18px 0 0;
	padding: 32px 0 24px;
	width: 190px;
	font-size: 14px;
	text-align: center;
	background: #00385B;
	color: rgba(240,240,240,1);
}
ul li:nth-child(4) {
	margin-right: 0;
}
.isBox .fa {
	margin-bottom: 8px;
	font-size: 48px;
}
.irMessage {
	padding-top: 32px;
	padding-bottom: 16px;
	font-size: 18px;
	font-weight: bold;
}
/* ============================================================================

 *個人

 * ========================================================================= */
.navBoxCu {
	position: relative;
	display: inline-block;
	padding: 0 20px 10px 0;
	width: 280px;
	top: 0;
	left: 0;
}
.badgeWrap {
	width: 100%;
	text-align: right;
}
.badge {
	display: inline-block;
	margin-right: 1em;
	width: 135px;
	height: 40px;
}

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

 *ストックナビ

 * ========================================================================= */
.titleFi {
	margin: 32px 0;
	line-height: 1.6;
	text-align: left;
}
.snWrap {
	margin-bottom: 16px;
}
.txtBox .snWrap .subtitle {
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: .05em;
	color: #2c2d30;
	line-height: 1.6;
	letter-spacing: .05em;
}
.snWrap .subtitle:before {
	padding-right: .2em;
	content: "\f00c";
	font-family: FontAwesome;
	color: #f60;
}
.detail_Wrap {
	margin: 0 auto;
	padding: 16px;
	width: 100%;
	background: #e0e0e0;
}
.detail_pageWrap {
	margin: 0 auto;
	width: 788px;
}
.detail_page {
	display: inline-block;
	margin: 0;
	padding: 0;
}
/* ============================================================================

 * データカバレッジ

 * ========================================================================= */
.detailBox {
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
	font-size: 14px;
}
/*テーブル　個別*/
.dataTable {
	text-align: left;
}
.dataTable td, .dataTable tr {
	padding: 10px 16px !important;
}
.dataTable td.info {
	width: 20%;
}
.dataTable td.detail {
	width: 60% !important;
}
.dataTable td.exactly {
	width: 20% !important;
}
/* ============================================================================

 *採用

 * ========================================================================= */
.contBox .img {
	width: 100%;
}
.recuritWrap .img {
	margin: 24px 0 0;
}
/* ============================================================================

 *お問い合わせ

 * ========================================================================= */
/*テーブル*/
.formTable th {
	width: 30%;
	text-align: center;
	background-color: #e0e0e0;
	border: 1px solid #e0e0e0;
	border-bottom: 1px solid #fff;
}
.formTable td {
	padding:20px;
	border: 1px solid #e0e0e0;
	text-align:left;
}
/*入力フォーム*/
.formTable td span.inquiry input {
	display:block;
	width: 96%;
	height:40px;
	vertical-align:middle;
	padding:0 5px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-appearance: none;
}
/*入力エラー文*/
.formTable td .postmailError {
	color:#f00;
	font-size:13px;
}
.formTable td .noticeMemo {
	color:#999;
	font-size:13px;
}
/*セレクトフォーム*/
div.inquirySelect {
	display:block;
	text-align:left;
}
div.inquirySelect label {
	position: relative;
	display: block;
	width: 96%;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
}
div.inquirySelect label:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 0;
	height: 0;
	margin: -2px 0 0 0;
	border: 5px solid transparent;
	border-top: 7px solid #666;
}
div.inquirySelect select {
	cursor: pointer;
	position: relative;
	display: block;
	height: 40px;
	width: 100%;
	padding: 0.5em;
	border: none;
	border-radius: 4px;
	background: transparent;
	-webkit-appearance: none;
	background-position-x: 90%;
	background-position-y: center;
	appearance: none;
}
/*フォーム下部の確認分*/
.priNotice {
	width:90%;
	margin:20px auto;
	text-align:left;
	font-size:14px;
	line-height:1.4;
}
.priNotice > ul > li {
	margin-top: 15px;
}
.priNotice > ul > li a {
	margin-bottom: 18px;
	text-decoration: underline;
	color:#006;
	font-weight:bold;
}
.priNotice > ul > li a:hover {
	text-decoration: none;
	color:#666;
}
.priNotice > ul > li:before {
	font-family: FontAwesome;
	margin: 0;
}
.priNotice > ul > li:before {
	content: "\f00c\A";/*unicode*/
	color: #006;
}
/*入力確認へ（ボタン）*/
input#submit_button {
	-webkit-appearance: none;
	width: 40%;
	margin: 20px auto;
}
input#submit_button, input#submit_button:hover {
	display: block;
	padding: 14px 8px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	background: #f60;
	border-style: none;
}
input#submit_button:hover {
	background-color:#999;
}
/*修正ボタン*/
a#return_button {
	-webkit-appearance: none;
	width: 30%;
	margin: 15px auto;
}
a#return_button, a#return_button:hover {
	display: block;
	padding: 14px 8px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	background: #666;
	border-style: none;
}
a#return_button:hover {
	background-color:#999;
}
/*お問い合わせ完了*/
.postmailExplan {
	width:90%;
	margin:100px auto;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:1.6;
}
.postmailExplan .notice span.bold {
	font-weight:bold;
}
.postmailExplan .notice {
	margin-top:5px;
	font-size:14px;
	text-align:left;
	font-weight:normal;
	line-height:1.2;
	margin-left: 1em;
	text-indent: -1em;
}
.postmailError {
	color:#f00;
	font-size:12px;
}
/* ============================================================================

 *プライバシー

 * ========================================================================= */
.squareIcon {
	position: relative;
	margin-bottom: 8px;
	padding: .25em 0 .5em .75em;
	border-left: 14px solid #f60;
	font-size: 18px;
	font-weight: bold;
}
.squareIcon::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}
ol.number {
	padding-left: 32px;
	list-style-type:decimal;
}
ol.number li:nth-child(1):before {
	content: "1";
	font-weight: bold;
	margin-top: 0;
	margin-left: -20px;
	padding-right: 9px;
}
ol.number li:nth-child(2):before {
	content: "2";
	font-weight: bold;
	margin-top: 0;
	margin-left: -20px;
	padding-right: 9px;
}
ol.number li:nth-child(3):before {
	content: "3";
	font-weight: bold;
	margin-top: 0;
	margin-left: -20px;
	padding-right: 9px;
}
ol.number li:nth-child(4):before {
	content: "4";
	font-weight: bold;
	margin-top: 0;
	margin-left: -20px;
	padding-right: 9px;
}
ol.number li:nth-child(5):before {
	content: "5";
	font-weight: bold;
	margin-top: 0;
	margin-left: -20px;
	padding-right: 9px;
}
ol.alpha {
	padding-left: 24px;
	list-style-type:decimal;
}
ol.alpha li:nth-child(1):before {
	content: "a";
	font-weight: bold;
	margin-top: 0;
	margin-left: -20px;
	padding-right: 9px;
}
ol.alpha li:nth-child(2):before {
	content: "b";
	font-weight: bold;
	margin-top: 0;
	margin-left: -20px;
	padding-right: 9px;
}
ol.alpha li:nth-child(3):before {
	content: "c";
	font-weight: bold;
	margin-top: 0;
	margin-left: -20px;
	padding-right: 9px;
}
.pL {
	float:left;
	padding-left: 16px;
	width:10%;
	min-width:100px;
}
.pR {
	float:right;
	width:80%;
	padding-top: 2%;
	vertical-align: central;
}
/* ============================================================================

 * プライバシ－ポリシー
 
 * ========================================================================= */
.privacyTable th, .privacyTable td {
	display: block;
	width: 100%;
	text-align: left;
}
.privacyTable li {
	padding-bottom: 4px;
}
.privacyTable th {
	padding: 0 20px 8px;
}
.privacyTable td {
	padding: 0 20px 20px;
}
.grayWrap {
	margin-top: -40px;
	margin-bottom: 24px;
	padding: 16px 16px 0px;
	border: 1px solid #e0e0e0;
	width: 100%;
	font-size: 14px;
	letter-spacing: -0.001em;
}
/* ============================================================================

 *利用規約

 * ========================================================================= */
ol.termnumber {
	margin-left: 1em;
	padding-left: 2em;
	list-style-type:decimal;
}
ol.termnumber li:nth-child(1):before {
	content: "1. ";
	margin-top: 0;
	margin-left: -1.6em;
}
ol.termnumber li:nth-child(2):before {
	content: "2. ";
	margin-top: 0;
	margin-left: -1.6em;
}
ol.termnumber li:nth-child(3):before {
	content: "3. ";
	margin-top: 0;
	margin-left: -1.6em;
}
ol.termnumber li:nth-child(4):before {
	content: "4. ";
	margin-top: 0;
	margin-left: -1.6em;
}
ol.termnumber li:nth-child(5):before {
	content: "5. ";
	margin-top: 0;
	margin-left: -1.6em;
}
ol.termnumber li:nth-child(6):before {
	content: "6. ";
	margin-top: 0;
	margin-left: -1.6em;
}
ol.termnumber li:nth-child(7):before {
	content: "7. ";
	margin-top: 0;
	margin-left: -1.6em;
}
ol.termnumber li:nth-child(8):before {
	content: "8. ";
	margin-top: 0;
	margin-left: -1.6em;
}
ol.termnumber li:nth-child(9):before {
	content: "9. ";
	margin-top: 0;
	margin-left: -1.6em;
}
ol.termnumberK {
	margin-left: 1.5em;
	padding-left: 2em;
	list-style-type:decimal;
}
ol.termnumberK li:nth-child(1):before {
	content: "（1）";
	margin-top: 0;
	margin-left: -2.9em;
}
ol.termnumberK li:nth-child(2):before {
	content: "（2）";
	margin-top: 0;
	margin-left: -2.9em;
}
ol.termnumberK li:nth-child(3):before {
	content: "（3）";
	margin-top: 0;
	margin-left: -2.9em;
}
ol.termnumberK li:nth-child(4):before {
	content: "（4）";
	margin-top: 0;
	margin-left: -2.9em;
}
ol.termnumberK li:nth-child(5):before {
	content: "（5）";
	margin-top: 0;
	margin-left: -2.9em;
}
ol.termnumberK li:nth-child(6):before {
	content: "（6）";
	margin-top: 0;
	margin-left: -2.9em;
}
ol.termnumberK li:nth-child(7):before {
	content: "（7）";
	margin-top: 0;
	margin-left: -2.9em;
}
ol.termnumberK li:nth-child(8):before {
	content: "（8）";
	margin-top: 0;
	margin-left: -2.9em;
}
ol.termnumberK li:nth-child(9):before {
	content: "（9）";
	margin-top: 0;
	margin-left: -2.9em;
}

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

 * 画面1024px以下の設定（PC用）

 * ================================================================================================================================================================ */
/* =======================================================================================================================================================*/
@media screen and (max-width: 1024px) {
#contents {
	width: 100%;
}
.header-inner {
	width: 100%;
}
.footer-inner {
	width: 100%;
}
/* ============================================================================

 * .header
 
 * ========================================================================= */

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

 * .footer

 * ========================================================================= */
.footer-inner {
	width: 100%;
}
/*footer ナビ*/
.corpNav, .servNav {
	margin-right: 16px;
	padding: 0px;
}
.corpNav {
	width: 30%;
}
.servNav {
	width: 60%;
}
.footerNav ul {
	padding-right:2em;
	width: 100%;
}
/* 制作・著作 */
.footer-info {
	padding: 100px 16px 40px;
}
/* ============================================================================

 * 共通で使うもの

 * ========================================================================= */
/* contentBox */
.contBox {
	padding: 0 32px 20px;
	width: 100%;
	max-width: 850px;
}
/* テーブル 枠 */
.tableBox {
	width: 100%;
	letter-spacing: -0.001em;
}
/* タイトルと本文の間の部分 イメージ */
.visuBox {
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
/* 本文 枠 */
.txtBox {
	width: 100%;
	max-width: 850px; /* 800pxだった企業理念、 */
}
.txtBox img {
	width: 100%;
}
/* ============================================================================

 * index 1024

 * ========================================================================= */
.top .servWrap:nth-child(5) {
	margin-bottom:300px !important;
}
#mainVisual {
	height: 800px;
}
.wrap1024 {
	padding: 0 24px 0;
}
/* */
.aslope_inner #aslopeDeco {
	padding-top: 0px;
	padding-bottom: 360px;
}
/*.topcontactPosition .contBoxWs {
	top: -550px;
}
*//* サービス */
.sboxR .position, .sboxL .position {
	margin-top: 80px;
}
.topcontactPosition {
	margin-top: -300px;
}
/* ============================================================================

 * 企業理念 1024

 * ========================================================================= */
.vision {
	font-size: 40px;
}
.visionExpl {
	line-height: 1.6;
}
.philWrap {
	margin-top: 24px;
}
.topMessageImg {
	left: -290px;
}
.topMessageTxt {
	width:60%;
}
.policy {
	margin: 0px;
}
.policy .en {
	margin-bottom: -50px;
	font-size: 80px;
}
.philCatch {
	padding: 16px 0;
	font-size: 32px;
}
/* ============================================================================

 * メッセージ 1024

 * ========================================================================= */
.topMessageTxt {
	right: 0px;
}
/* ============================================================================

 * 選ばれる理由 1024

 * ========================================================================= */
.boxL {
	width: 40%;
}
.boxL .philCatch {
	white-space: nowrap;
}
.boxR {
	margin: 0 auto;
	text-align: center;
	width: 60%;
}
.boxR img {
	max-width: 512px !important;
}
.afBoxL {
	width: 40%;
}
.afBoxL img {
	width: 100%;
}
.afBoxR {
	padding-left: 16px;
	padding-bottom:16px;
	width: 60%;
	height: 100%;
}
.txtWrap .en {
	margin-bottom: 6px;
}
.txtWrap .reasonTitle {
	margin-bottom: 8px;
}
.projectWrap {
	margin: 24px 0 0;
}
.voiceR {
	margin-left: 3em;
}
/* ============================================================================

 * 金融機関 1024

 * ========================================================================= */
.servFi .aslope_inner,
.servCu .aslope_inner  {
	padding: 150px 10px 160px;
}
.servFi .aslope .servWrap,
.servCu .aslope .servWrap {
	margin: 40px auto 180px;
}
.servFi .non-aslope .servWrap,
.servCu .non-aslope .servWrap {
	margin: 0 auto 50px;
	padding: 60px 26px;
}
.servFi .servWrap.child2 {
	margin-bottom: 410px;
}
.servFi .non-aslope.sec1{
	margin-top: -330px;
}
.servFi .non-aslope.sec3{
	margin-top: -100px;
}
.servFi .non-aslope.sec6{
	margin-top: -110px !important;
}


/* ナビ */
.servFi .snavWrap,
.servCu .snavWrap {
	margin: 40px auto 0;
	width: 700px;
}
/* 各サービス　紹介 */
/* サービス 枠 */
.servFi .servWrap,
.servCu .servWrap {
	width: 100%;
	max-width: 700px;
}
/* サービス詳細 枠 */
.sboxL, .sboxR {
	float: none;
	margin: 0 auto;
	width: 80%;
	max-width: 560px;
}
.sboxL {
	padding-right: 0;
}
.sboxR {
	padding-left: 0;
}
/* ▼表示領域が1024px未満の場合 */
.miniimage {
	display: block;
} /* miniを表示 */
.bigimage {
	display: none;
}  /* bigを非表示 */
.sboxL img, .sboxR img {
	width: 100%;
	max-width: 460px;
}
.sboxL img, .sboxR img {
	margin: 0px auto;
	padding-bottom: 24px;
}
/*.sboxR img{
	margin-left: 0em;
}*/
/*.aslope_inner .sname_Box{
	margin-top: 160px;
}*/

.sname_Box {
	padding-bottom: 0px;
}
.sname_Box .en {
	font-size: 72px;
	margin-top: -50px;
}
.shExplan .txt {
	margin-bottom: 1.5em;
}
/*ボタン */


/* 4つのサービス */
.serIrshort {
	padding-left: 0;
	width: 48%;
	font-size: 14px;
}
.serIrshort i {
	padding-right: 6px;
	width: 18px;
	height: 18px;
}
.serExpl .spoint {
	margin-bottom: 16px;
}
/* ============================================================================

 * 事業会社 1024

 * ========================================================================= */
/* 枠 */
.servCu .non-aslope.sec6 {
	margin-top: -100px;
}
/* ファーストビュー */
.irWrap {
	width: 100%;
	max-width: 850px;
}
.irBoxL {
	margin-top: -1%;
}
.irBoxR {
	margin-top: -2%;
}
.irBoxL img {
	width: 76%;
}
.iBox img {
	width: 60%;
}
.irPoint {
 margin:　8% 0 0 0;
}
.irNaviTitle img {
	width: 90%;
}
/* IRツールおすすめポイントの文字装飾 */
.visuPoint {
	white-space: nowrap;
	font-size: 22px;
	letter-spacing: 2px;
}
#fastRespo {
	font-size:18px;
}
/* 詳細 */
.shorExpl {
	line-height: 1.2;
}
/* 4つのサービス */
.servIrNavi {
	margin: 4% 0 0;
	padding: 6% 14px;
	border-radius: 6px;
	background: #fff;
	text-align: left;
}
/* 問い合わせ */
.ircontactWrap {
	padding: 1em 0.5em;
}
.ircontactWrap img {
	width: 100%;
	max-height:60px;
}
.contact {
	width:100%;
	max-width: 960px;
}
.ircBoxL, .ircBoxR {
	padding: 0.5em 1em;
}
.txtR {
	padding-top: 10px;
}
.tell {
	font-size: 24px;
	height: 50px;
	line-height: 50px;
}
/*.ircBoxR .button {
	font-size: 22px;
	line-height: 50px;
}*/
.m_wrap {
    font-size: 22px;
    letter-spacing: normal;
    height: 50px;
}
.m_wrap .m_txt {
    line-height: 50px;
}
    
/* h4 */
.irtitleWrap {
	min-height: 1em;
}
h4 {
	padding: 10px 0;
	height: 40px;
	font-size: 22px;
	letter-spacing: .1em;
}
/* サービス */
.irsBox {
	width: 506px;
}
.isBox {
	margin-right: 24px;
	margin-left: 24px;
	margin-bottom: 24px;
	width: 200px;
}
ul li:nth-child(3), ul li:nth-child(4) {
	margin-bottom: 0px;
}
/* ============================================================================

 * 個人 1024
 
 * ========================================================================= */
.badge {
	text-align: center;
	margin-right: 2em;
}
/* ============================================================================

 * ストックナビ 1024
 
 * ========================================================================= */
.detail_Wrap {
	margin: 0 auto;
}
.detail_pageWrap {
	width: 600px;
}
/* ============================================================================

 * プライバシ－ポリシ－ 1024
 
 * ========================================================================= */
img.initial {
	width: initial;
}
}
/* =======================================================================================================================================================*/
/* =======================================================================================================================================================

 * ★画面768px以下の設定（タブレット用） ※floatを全て解除

 * ===========
 ========================================================================================================================================= */
/* =======================================================================================================================================================*/
@media screen and (max-width: 768px) {
/* ============================================================================

 * 共通

 * ========================================================================= */
/* 768px以下要素を非表示 */
.mini768 {
	display: block;
} /* miniを非表示 */
.big768 {
	display: none;
} /* bigを表示 */
/* ============================================================================

 * .footer

 * ========================================================================= */
/*footer ナビ*/
/*footer ナビ*/
.corpNav, .servNav {
	margin-left: 0px;
}
.corpNav {
	width: 40%;
}
.servNav {
	width: 40%;
}
.footer-info {
	font-size: 12px;
}
/* ============================================================================

 * 共通で使うもの　768

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

.keyVisual {
	background: url(../image/common/header768.png) top center no-repeat;
	height: 150px;
}
/* h2タイトル 枠 */
.titleBox {
	height: 150px;
	padding-top: 32px;
}
/* h2 */
.titleBox .en {
	font-size:32px;
}
h2 {
	padding-top: 0;
	font-size:14px;
}
.slideUp {
	margin-top: -2px;
}
/* h3 枠 */
.subTitleBox {
	margin: 0 0 30px;
	text-align: center;
	line-height:1;
}
/* h3 */
h3.titleBlock.en {
	font-size:28px;
}
.subTitleBox .jatitle {
	font-size:15px;
}
h5 {
	font-size: 15px;
}
/* テーブル 枠 */
.tableBox {
	margin-top: 10px;
}
/* 本文 枠 */
.txtWrap {
	margin-bottom: 24px;
}
/* ============================================================================

 * 	index 768

 * ========================================================================= */
#mainVisual {
	background: url(../image/top/firstview768.png) top center no-repeat;
	height: 600px;
	margin-top: 56px;
}
.wrap1024 {
	width: 100%;
}
.main {
	padding-top: 70px;
}
#topButton {
	padding-left: 0px;
	width: 260px;
}
/* ボタン */
.moreInfo .topButtonDeco {
	width: 100%;
	max-width: 500px;
	margin: 0px auto;
	padding-top: 24px;
}
.moreInfo .button {
	letter-spacing: 6px;
}
/* 誘導バナー */
.rpaLinkB img ,
.ksigLinkB img ,
.irsessionLinkB img{
    width: 100%;
    max-width: 400px;
}
/* 枠 */
.head .title {
	margin-bottom: 8px;
	font-size: 24px;
}
.aslope_inner #aslopeDeco {
	padding-bottom: 400px;
}
/* サービス */
.top .sboxR .position, .sboxL .position {
	margin-top: 40px;
}
.wrap900 {
	padding: 0 0;
	width: 100%;
}
.topBoxR img {
	width: 100%;
}
.topBox .en {
	font-size: 20px;
}
.wrap900 .title {
	font-size: 16px;
}
/* ============================================================================

 * 選ばれる理由 768

 * ========================================================================= */
.boxL {
	float: none;
	width: 100%;
}
.boxR {
	float: none;
	margin-top: 24px;
	margin-left: 0em;
	width: 100%;
}
.diamond-narrowWrap {
	left: 0;
}
#point2 {
	margin-top: -260px;
}
#point4 {
	margin-top: -140px;
}
.afBoxL {
	float: none;
	padding-bottom: 8px;
	width: 100%;
}
.afBoxR {
	float: none;
	width: 100%;
}
.afBoxR .reasonSer {
	margin-bottom: 0;
}
.projectWrap {
	max-width: 500px;
	margin: 0 auto;
}
.txtWrap .en {
	font-size: 28px;
}
table.work {
	border: solid 1px #999;
}
.work td {
	padding: 4px !important;
	width: 50%;
	height: 100%;
}
.work img {
	width: 100%;
	max-width: 150px;
}
.link {
	top: -48px;
}
.point768 {
	position: relative;
	display: inline-block;
	margin-bottom: 8px;
	border: solid 1px #999;
	width: 48%;
	height: 100px;
	vertical-align: top;
}
.point768 p {
	background: #969696;
	font-family: 'Vollkorn', serif;
	font-size: 16px;
	color: #fff;
	vertical-align: central;
	opacity: 1;
}
.point768 .txt {
	padding: 8px 2px 0;
	font-size:14px;
	line-height: 1.2;
	letter-spacing: 1;
	font-weight: bold;
}
.point768 .txt i {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.point768:hover {
	background: #fff;
	vertical-align: top;
	opacity: 0.3;
}
.voiceWrap {
	margin-top: 1em;
	padding: 3em 1.2em 2.5em;
	border-radius: 33px;
}
.voiceL {
	left: 0px;
	top: -36px;
	width: 140px;
}
.voiceL img {
	width: 140px;
	height: 69px;
}
.voice {
	line-height: 1.6;
	font-size: 14px;
}
.voice li {
	padding-left: 26px;
	text-indent: -22px;
}
.voiceR {
	margin-left: 0.5em;
}
/* ============================================================================

 * 企業理念　768

 * ========================================================================= */
.headlineWrap {
	margin-top: 32px;
}
.headline {
	font-size: 56px;
}
.visionExpl {
	font-size: 16px;
}
.philWrap {
	margin-top: 32px;
}
.philWrap .box {
	padding: 24px 14px;
	height: 230px;
}
.philWrap .title {
	font-size: 18px;
}
.catchWrap .title {
	font-size: 28px;
}
.policy {
	margin: 24px 0 0;
}
.policy .en {
	margin-bottom: -32px;
	font-size: 55px;
	letter-spacing: 0.005em;
	white-space: nowrap;
}
.philCatch {
	font-size: 28px;
}
.pBox {
	padding: 16px 16px 0; /*aslope w10 + contBox w26= w36*/
}
.pboxL, .pboxR {
	float: none;
	width: 100%;
}
.pboxR {
	margin-bottom: 24px;
}
/* ============================================================================

 * 社長メッセージ 768

 * ========================================================================= */
.topMessageWrap {
	position: relative;
	width: 100%;
	height: 1230px;
}
.topMessageWrap img {
	margin: 16px 0;
}
.topMessageImg {
	left: -290px;
	max-width: 600px;
	height: 1192px;
	background: url(../image/common/president768.png) no-repeat;
	background-size: cover;
}
.topMessageTxt {
	width: 70%;
}
.topMessageTxt .txtBox {
	margin-top: -16px;/*下の記述paddingを打ち消し*/
	padding-top: 16px;
	padding-left: 16px;
	top: 0;
	right: 0;
	width: 100%;
	background: rgba(255,255,255,0.8);
}
.topMessageTxt img {
	width: 100%;
}
.topMessageTxt .policy .en {
	line-height: 1.0;
}
.topMessageTxt .txt {
	margin-top: 8px;
}
.topMessageTxt .txtWrap {
	margin-bottom: 4px;
}
/* ============================================================================

 * 金融機関 768

 * ========================================================================= */
/* 枠 */
.servFi .aslope_inner,
.servCu .aslope_inner {
	padding: 150px 10px 160px;
}
/* ナビ */
.servFi .snavWrap,
.servCu .snavWrap {
	margin-top: 20px;
	width: 100%;
	max-width: 600px;
}
.navBox {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 0 0;
	width: 30%;
}
.navBox img {
	width: 100%;
}
.easyExpl {
	display: none;
}
.nServ {
	position:absolute;
	top: 62%;
	width: 100%;
	font-size: 14px;
	line-height: 1.0;
	color: #fff;
}
/* 各サービス　紹介 */
.s_serName {
	font-size: 34px;
}
.sname_Box .en {
	font-size: 56px;
	margin-top: -40px;
}
..shExplan .txt {
 letter-spacing: .2em;
}
.servFi .servWrap,
.servCu .servWrap,
.servWrap,
.sboxL,
.sboxR {
	width: 100%;
	max-width: 590px;
}
/**/
.serExpl {
	margin-bottom: 0;
}
.serExpl .spoint {
	line-height: 1.4;
}
 span.pdf{
	 font-size:14px;
 }
/* ============================================================================

 * 事業会社 768

 * ========================================================================= */
/* ファーストビュー */
.irFirstV {
    background:#fff url(../image/servIr/background_firstV768.png) no-repeat 0px bottom;
}
.irWrap {
	padding: 24px 0;
}
.irtoolExpa {
	margin-top: 4em;
	padding: 0 0 0 18px;
	letter-spacing: -0.1px;
	line-height: 2;
	font-size: 14px;
}
.irBoxL {
	width: 52%;
}
.irBoxR {
	width: 48%;
}
.irBoxL img {
	margin-left: .5em;
}
.irBoxR {
	margin-top: 80px;
}
.resupoImage img {
	width: 100%;
	max-width: 366px;
}
.irPoint {
	margin: 0 auto;
	text-align: center;
}
.shorExpl {
	padding: 0;
}
.iBox {
	float:none;
	display: inline-block;
	margin-left: 1.5%;
	width: 28%;
	min-width: 132px;
	text-align: center;
}
.irBoxL, .irBoxR {
	width: 50%;
}
.irBoxL img {
	margin-top: 10%;
	width: 100%;
}
/* タイトル */
.irtitleWrap h4 {
	line-height: 48px;
}
h4 {
	height: 48px;
	font-size: 18px;
}
.irtitleArrow {
	margin: 0 auto 32px;
	background: url(../image/servIr/bg_title3.png) no-repeat;
	width: 43px;
	height: 20px;
	text-align: center;
}
/* 問い合わせ */
.ircBoxL, .ircBoxR {
	padding: 0.5em;
}
.txtR {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size:14px;
}
.tell {
	font-size: 16px;
}
/*.ircBoxR .button {
	font-size: 16px;
}*/
.m_wrap {
    font-size: 17px;
}
.m_wrap .m_img_atMark{
    width: 14px;
}
/* サービス */
.irsBox {
	width: 80%;
}
.isBox {
	margin-right: 4%;
	margin-left: 4%;
	margin-bottom: 16px;
	padding: 24px 0 16px;
	width: 42%;
}
/* ============================================================================

 * 個人 768
 
 * ========================================================================= */
.navBoxCu {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 0 0;
	width: 36%;
}
.navBoxCu img {
	width: 100%;
}
.navBoxCu .nServ {
	top: 63%;
}
/* ============================================================================

 * ストックナビ 768
 
 * ========================================================================= */
.txtBox .snWrap .subtitle {
	text-indent: -1.2em;
	padding-left: 1.2em;
}
.detail_Wrap {
	padding: 1em;
}
.detail_pageWrap {
	width: 300px;
}
.detail_page {
	width: 267px;
}
/* ============================================================================

 * 採用 768
 
 * ========================================================================= */
.recuritWrap .img {
	margin: 16px 0 0;
}
/* ============================================================================

 * プライバシー 768
 
 * ========================================================================= */
.pL, .pR {
	float:none;
	width: 100%;
}
.pL, .pR {
	padding-left: 16px;
	min-width:100px;
}
.pR {
	padding-top: 1%;
	padding-bottom: 2%;
	vertical-align: central;
}
/* ============================================================================

 * お問い合わせ 768
 
 * ========================================================================= */
 
input#submit_button {
	width: 60%;
}
a#return_button {
	width: 50%;
}
}
/* =======================================================================================================================================================*/
/* =======================================================================================================================================================

 * ★画面480px以下の設定（スマートフォン用）

 * ==================================================================================================================================================== */
 /* =======================================================================================================================================================*/
@media screen and (max-width: 480px) {
/* ============================================================================

 * ページTOPへ

 * ========================================================================= */
/*　ページTOPへ:js使用　*/
#page-top {
	right: 16px;
}
#page-top a {
	padding: 7px 6px;
	font-size: 9px;
}
/* ============================================================================

 * .footer

 * ========================================================================= */
.footer-inner {
	padding: 0 10px;
}
/*footer ナビ*/
.corpNav, .servNav {
	margin-left: 0px;
}
.corpNav, .servNav, .col_1, .col_2 {
	display: block;
	width: 90%;
}
.corpNav, .servNav {
	padding: 16px;
}
.footerNav {
	margin-bottom: 16px;
}
.footerNav ul {
    padding-right:0;
}
/* 制作・著作 */
.footer-info {
	padding: 40px 16px 80px;
}
/* ============================================================================

 * 共通で使うもの 480

 * ========================================================================= */
body {
	font-size: 14px;
	line-height: 1.6;
}
.keyVisual {
	/*	background: url(../image/common/header768.png) top center no-repeqat;*/
	height: 140px;
}
/* contentBox */
.contBox {
	padding: 0 26px;
}
/* テーブル */
th, td {
	padding: 16px;
}
th {
	white-space: nowrap;
}
.profileTable td, .profileTable th {
	display: block;
}
.profileTable th {
	padding-left: 2em;
	width: 100%;
	text-align: left;
	border-top: none;
	border-bottom: none;
}
.historyTable th {
	font-size:13px;
	min-width: 8em;
}
/* 本文 */
/*.txtBox .txt, .explBox .sdetail, .note .txt, .dataInfo,.snR .info, .titleFi .txt,.philWrap .txt {
	font-size: 14px;
    color: #616266;
    letter-spacing: .08em;
	line-height: 1.6;
}*/
.explBox .sdetail {
	font-size: 14px;
	color: #616266;
	letter-spacing: -0.1px;
	line-height: 1.6;
}
.head .title.fontS22 {
	font-size: 22px;
}
/* 本文 */
.txtBox .txt, .note .txt, .dataInfo, .snR .info, .titleFi .txt, .philWrap .txt {
	font-size: 16px;
	color: #616266;
	letter-spacing: -1px;
	line-height: 1.6;
}
.mini480 {
	display: block;
}/* miniを表示 */
.big480 {
	display: none;
}/* bigを非表示 */
.moreInfo .button {
	height: 40px;
	line-height: 40px;
}
/* ============================================================================

 * 	index 480

 * ========================================================================= */
.top .aslope:before{
	width: 150%;
    margin: 3% -20% 0;
}
.sboxL img,
.sboxR img {
	padding-bottom: 8px;
}
/* topファーストビュー */
#mainVisual {
	margin-top:16px;
	background: url(../image/top/firstview480.png) top center no-repeat;
	background-size: cover;
	width: 100%;
	max-width: 480px;
	max-height: 570px;
	-ms-interpolation-mode: bicubic;
}
.main {
	padding-top: 170px;
}
#topButton {
	float: left;
	padding-top: 16px;
	padding-left: 0px;
	width: 100%;
}
.moreInfo .topButtonDeco {
	width: 100%;
	padding-top: 16px;
}
.head .title {
	font-size: 20px;
	line-height: 1.4;
}
.head .txt {
	line-height: 1.6;
}
.contBoxWs {
	padding: 60px 0;
}
/* 枠 */
.top .aslope_inner {
	padding: 30px 10px 100px;
}
.top .servWrap:nth-child(5) {
	margin-bottom: 120px !important;
}
.aslope_inner #aslopeDeco {
	padding-top: 0;
	padding-bottom: 360px;
}
.topcontactPosition {
	margin-top: -200px;
}
.sboxR .en, .sboxL .en {
	font-size: 28px;
}
.shExplan .title {
	font-size: 24px;
}
.sboxL .position img, .sboxR .position img {
	max-width: 250px;
}
/* 下部リンク */
.wrap900 {
	padding: 0 32px;
	margin-bottom: -60px;
}
.topBox {
	float: none;
	width: 100%;
	max-width: 400px;
	margin-bottom: 16px;
}
.topBox .topBoxL {
	float: left;
	width: 100px;
	margin-right: 5%;
}
.topBox .topBoxR {
	float: left;
	width: 160px;
	padding-top: 24px;
}
.topBox .topBoxL img {
	width: 100%;
	max-width: 100px;
	min-width: 80px;
}
.topBox .en {
	font-size: 24px;
}
.wrap900 .title {
	font-size: 18px;
}
/* ============================================================================

 * 会社概要 480

 * ========================================================================= */
.profileTable td {
	padding-left: 20px;
}
.historyTable td {
	padding-left: 10px;
}
/* ============================================================================

 * 企業理念 480

 * ========================================================================= */
.headlineWrap {
	margin-top: 32px;
}
.headlineWrap .deco {
	width: 60px;
	height: 60px;
	top: -5px;
	left: -24px;
}
.headline {
	font-size: 36px;
	letter-spacing: .039em;
}
.vision {
	font-size: 24px;
}
.visionExpl {
	font-size: 14px;
	line-height: 1.6;
}
.philWrap {
	margin-top: 8px;
}
.philWrap .box {
	float: noen;
	margin-top: 8px;
	margin-right: 0;
	padding: 8px 0 0;
	background: none;
	width: 100%;
	height: auto;
}
.philWrap .title {
	font-size: 16px;
	font-weight: bold;
}
.topMessageTxt .txtBox {
	margin-top: 0;
	padding-top: 0;
	padding-left: 0;
}
.pBox {
	padding: 0 26px;
}
/*　上のキャッチコピー（魅せる用の文体） */
.policy {
	margin: 24px 0;
}
.policy .en {
	margin-bottom: 4px;
	font-size: 38px;
	line-height: 1.0;
}
.philCatch {
	padding: 0;
	font-size: 22px;
}
/* タイトルと本文の間の部分 イメージ */
.visuBox {
	padding: 0;
}
/* 本文 サブ見出し */
.txtBox .title {
	font-size: 16px;
}
/* ============================================================================

 * 社長メッセージ 480

 * ========================================================================= */
.topMessageWrap {
	position: static;
	height: auto;
}
.topMessageTxt {
	position: static;
	margin-top: 0px;
	margin-bottom: 40px;
	padding: 0 0;
	width:100%;
}
.topMessageTxt .txtWrap {
	margin-bottom: 24px;
}
.topMessageTxt .policy .en {
	line-height: 1.0;
	margin-bottom: 4px;
}
.topMessageImg {
	display: none;
	background: none;
}
/* ============================================================================

 * 選ばれる理由 480

 * ========================================================================= */
.policy .en {
	color: #ccc;
}
.txtWrap .reasonTitle {
	margin-bottom: 4px;
	font-size: 20px;
	line-height: 1.4;
}
.boxR {
	float: none;
	margin-top: 16px;
	width: 100%;
}
.diamond-narrowWrap {
	width: 100%;
}
.projectWrap {
	margin: 0 0;
	padding: 16px 16px 0;
}
.detail_WrapWhite {
	padding: 16px 0;
}
.afBoxR {
	padding: 0 0 16px;
}
.afBoxR .reasonSer {
	font-size: 16px;
	line-height: 1.9;
}
.voiceR {
	margin-left: 0em;
}
.case5 {
	padding: 0 0;
	margin-bottom: 8px;
}
.caseTxt li {
	padding-left: 19px;
	text-indent: -11px;
}
.caseTxt li i {
	width: 10px;
}
.afBoxL .example {
	font-size: 16px;
}
table.work {
	margin-bottom: 0px;
}
/* ============================================================================

 * 金融機関 480

 * ========================================================================= */
/* 枠 */
.servFi .aslope .servWrap,
.servCu .aslope .servWrap {
	padding: 0 26px;
	margin: 0 auto 100px;
}
.servFi .non-aslope .servWrap,
.servCu .non-aslope .servWrap {
	padding: 60px 26px 20px;
	margin: 0px auto 50px;
}
.servFi .aslope_inner,
.servCu .aslope_inner {
	padding: 80px 0px 160px;
}
.servFi .servWrap.child2 {
	margin-bottom: 290px;
}
/* ナビ */
.nServ {
	top: 57%;
	font-size: 12px;
}


/*サービス名 */
.sname_Box {
	margin: 0;
	padding: 0;
}
.sname_Box .en {
	display: none;
}
.s_serName {
	font-size: 24px;
	letter-spacing: .1em;
	color: #222;
	line-height: 1.6;
}
.shExplan .txt {
	margin-bottom: 8px;
	font-size: 14px;
}
/* スマホになったときにbr表示 */
.xminiimage {
	display: block;
}
.shExplan .txt {
	letter-spacing: 0.1em;
}
.servWrap, .sboxL, .sboxR {
	width: 100%;
}
.sboxL img, .sboxR img {
	width: 100%;
}
.serExpl .spoint {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.1px;
}

.explBox{
	margin-bottom: 0;
}

.serExpl .spoint {
	margin-bottom: 4px;
}
.explBox,
.servFi .sboxL img,
.servFi .sboxR img,
.servCu .sboxL img,
.servCu .sboxR img {
	padding-bottom: 8px;
}


/*スマホ時 hoverの動き 除去 */
/*.navBox img.act,*/ .snSelect {
	-moz-transition: -moz-transform none;
	-webkit-transition: -webkit-transform none;
	-o-transition: -o-transform none;
	-ms-transition: -ms-transform none;
	transition: transform none;
}
/*.navBox img.act:hover,*/ .snSelect:hover {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}
/*#sec6 {
	margin-top: -180px;
	margin-top:-260px;
}*/
/* ============================================================================

 * 事業会社 480

 * ========================================================================= */
/* ファーストビュー */
.irtoolExpa {
	margin-top: 2em;
	padding: 0 0 0 8px;
	letter-spacing: .1em;
	line-height: 1.8;
}
.irBoxL {
	padding: 0 0 0 10px;
	width: 53%;
}
.irBoxR {
	width: 47%;
}
.irBoxL img {
	margin-top: 5%;
	margin-left: .5em;
}
.irBoxR {
	margin-top: 80px;
}
/* IRツールおすすめポイントの文字装飾 */
#fr {
	letter-spacing: 1px;
}
#sd {
	letter-spacing: 0.5px;
}
#af {
	letter-spacing: 0.5px;
}
.visuPoint {
	margin-top: 0px;
	color: #FC4D1F;
	font-weight: bold;
}
#fastRespo, #successDesign, #afterfollow {
	font-size: 18px;
	letter-spacing: .05em;
}
#afterfollow {
	margin-top: 4px;
}
.shorExpl {
	width: 100%;
}
.irPoint {
	margin: 10px 0 0 0;
	width: 100%;
}
.iBox {
	margin: 2% 0;
	width: 100%;
	height: 90px;
	text-align: left;
}
.iBox img {
	float: left;
	margin: 0 24px 0 0;
	width: 16%;
	height: 16%;
	min-width: 70px;
	min-height: 70px;
}
.iBox_detailL {
	float:left;
	width: 62%;
}
.iBox:after {
	content: "";
	clear: both;
}
.smallTxt {
	font-size: 12px;
}
/* タイトル */
.irtitleArrow {
	margin: 0 auto 16px;
}
/* お問い合わせ */
.ircontactWrap {
	padding: 0;
	min-height: 0.3em;
}
.ircBoxL, .ircBoxR {
	float: none;
	padding: 1em;
	width: 100%;
}
    
.ircBoxR {
	border-radius: 0px;
}
.ircontactWrap img {
	margin-top: -10px;
	width: 70px;
}
.txtR {
	padding-top: 0;
	line-height: 16px;
	font-size: 14px;
}
.tell {
	margin-left: 64px;
	width: 80%;
	font-size: 16px;
	height: 32px;
	line-height: 32px;
}
/*
.ircBoxR .button {
	margin-left: 64px;
	width: 80%;
	font-size: 16px;
	line-height: 32px;
}
*/
.m_wrap {
    font-size: 16px;
    margin-left: 64px;
    width: 80%;
    height: 32px;
}
.m_wrap .m_txt{
    line-height: 32px;
}
.m_footer {
    width:80%;
    margin-left: 64px;
}
.m_footer .m_img_atMark_mini{
     width: 14px;
}
/* サービス */
.irsBox {
	width: 100%;
}
.isBox {
	margin-right: 0%;
	margin-left: 0%;
	margin-bottom: 16px;
	padding: 16px 0;
	width: 25%;
	letter-spacing: 0px;
}
.isBox .fa {
	font-size: 30px;
}
/* ============================================================================

 * 個人 480
 
 * ========================================================================= */

.navBoxCu {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 0 0;
	width: 46%;
}
.badge {
	text-align: center;
	margin-right: 0.5em;
}
/* ============================================================================

 * ストックナビ 480
 
 * ========================================================================= */
.titleFi {
	margin: 24px 0;
}
.txtBox .snWrap .subtitle {
	font-size: 16px;
}
.detail_Wrap {
	width: 100%;
	padding: 16px 0;
}
/* ============================================================================

 * データカバレッジ 480

 * ========================================================================= */
/*テーブル　個別*/
.dataTable td, .dataTable tr {
	padding: 2px !important;
}
.dataTable td.info {
	width: 20%;
}
.dataTable td.detail {
	width: 48% !important;
}
.dataTable td.exactly {
	width: 30% !important;
}
/* ============================================================================

 * 採用 480
 
 * ========================================================================= */
.recuritWrap .img {
	margin: 16px 0 8px;
}
/* ============================================================================

 * お問い合わせ 480
 
 * ========================================================================= */

.formTable td, .formTable th {
	display: block;
}
.formTable th {
	padding-left: 2em;
	width: 100%;
	text-align: left;
	border-top: none;
	border-bottom: none;
}
input#submit_button {
	width: 80%;
}
a#return_button {
	width: 60%;
}
/*お問い合わせ完了*/
.postmailExplan {
	margin:30px auto;
}
/* ============================================================================

 * プライバシ－ポリシ－ 480
 
 * ========================================================================= */
.privacyTable th {
	white-space: normal;
}
.privacyTable th {
	padding: 0 0 8px;
}
.privacyTable td {
	padding: 0 0 20px;
}
}


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

 * 英語サイト

 * ==================================================================================================================================================== */
 /* =======================================================================================================================================================*/
/* header */
body.lang_en #global-nav ul li a{
    padding: 0 16px;
}
/* footer */
body.lang_en footer{
    margin-top: 50px;
    padding: 0;
    font-size: 12px;
    letter-spacing: 0;
}
body.lang_en .footer-info{
    padding: 8px 16px;
}

/* 共通 */
body.lang_en .titleBox{padding-top: 80px;}
@media only screen and (max-width: 760px){
    body.lang_en .titleBox{padding-top: 48px;}
}

/* トップページ */
body.top.lang_en {
    background:#2c2d30;/*高さがないのでフッタ下部が白く区切られるの防止*/
}
body.lang_en .wrap1024{
    width: 100%;
    max-width: 1024px;
}

/*背景*/
body.lang_en #mainVisual {
    height: 85vh;
    min-height: 740px;
    background: #d4d4d4 url(../image/top/firstview.png);
    background-position: top -40px center;
    background-repeat: no-repeat!important;
}
@media only screen and (max-width: 480px){
    body.lang_en #mainVisual {
        margin-top: 16px;
        background: url(../image/top/firstview480.png) top center no-repeat;
        background-size: cover;
        width: 100%;
        max-width: 480px;
        min-height: 400px;
        max-height: 590px;
    }
}
/*見出し*/
body.lang_en .main {
    padding-top: 150px;
    text-align: left;
    width: 76%;
}
body.lang_en .main .main_title{
    margin-bottom: 30px;
    font-size: calc(46px + 0.6vw);
    font-weight: bold;
    line-height: 1.4;
    color: #000;
    letter-spacing: 0;
}
body.lang_en .main .main_subtitle{
    font-size: calc(16px + 0.6vw);
    font-weight: normal;
    line-height: 1.6;
    color: #666;
    letter-spacing: 1px;
}
@media only screen and (max-width: 760px){
    body.lang_en .main {
        width: 86%;
    }
    body.lang_en .main .main_title{
        font-size: calc(36px + 0.6vw);
    }
}
@media only screen and (max-width: 480px){
    body.lang_en .main {
        padding-top: 110px;
    }
    body.lang_en .main .main_title{
        font-size: calc(20px + 2vw);
    }
}

/* 会社情報 */
body.lang_en .historyTable th {
    padding-right: 0;
    font-size: 90%;
    text-align: left;
    white-space: normal;
}
body.lang_en .historyTable td{
    padding-left: 10px;
}

/* IR Tool */
body.lang_en .irFirstV{
    overflow: hidden;
}

body.lang_en .irBoxR{
    margin-top: 60px;
}
@media only screen and (max-width: 760px){
    body.lang_en .irBoxL{width: 56%;}
    body.lang_en .irBoxR{width: 44%;margin-top: 110px;}
    
    body.lang_en .irtoolExpa{margin: 2em 0;}
}
@media only screen and (max-width: 480px){
    body.lang_en .irWrap{position: relative;}
    body.lang_en .irBoxL{
        position: relative;
        padding:0 20% 0 10px;
        width:100%;
        z-index: 100;
    }
    body.lang_en .irBoxR{
        position: absolute;
        width:240px;
        margin-top: 0;
        right: -40px;
        bottom: 20px;
    }
    
    body.lang_en .irBoxL img{
        width: 80%;
        max-width: 320px;
    }
    body.lang_en .resupoImage img{
        opacity: 0.6;
    }
}

/* */
.irToolInfo {
    margin-top: 60px;
    display: flex;
    gap: 30px;
    text-align: left;
}
.irToolInfo > div {
    flex: 1 0 48%;
    padding:10px;
    display:flex;
    flex-direction:column;
    gap: 10px;
    background-color:#fff;
    box-shadow: 2px 2px 5px 2px rgba(102, 102, 102, 0.4);
}
.irToolInfo > div > h6 {
    margin:0;
    padding:0;
    font-size: 1.65rem;
    font-weight:normal;
    /* text-align: center; */
}
.irToolInfo a {
    width:60%;
    margin:0 auto;
    text-align:center;
    color:#ffffff;
    font-size:1rem;
    font-weight:bold;
    background-color:#f60;
    padding:6px 20px;
    border-radius:50px;
}
.irToolInfo a:hover {
    opacity:0.8;
}
.irToolInfo span {
    font-size:0.75rem;
}

@media screen and (max-width: 768px) {
	.irToolInfo {
	    flex-direction:column;
	    width:90%;
	    margin: 30px auto;
	}
}