@charset "UTF-8";


/* <<<<<<<<<<<<<<<<<<<< 以下のパーツを使ってデザインする >>>>>>>>>>>>>>>>>>>> */

/* ----------ボックス---------- */
/*（デスクトップパソコン表示用の横並びボックス）*/
/*__ボックス1つ__*/
.pc-1 {
	width: 100%;
	margin-bottom: 2%;
	box-sizing: border-box;
}
.pc-1m0 {
	width: 100%;
	box-sizing: border-box;
}
/*__ボックス2つ__*/
.pc-2 {
	float: left;
    width: 49%;
	margin: 0 2% 2% 0;
	box-sizing: border-box;
}
/*__ボックス2つ（余白なし）__*/
.pc-2m0 {
	float: left;
    width: 50%;
	box-sizing: border-box;
}
/*__ボックス2つ（余白なし）※高さ600px固定、テキストと背景画像を囲むボックス ※テキストは（pc-2m0-t）、背景画像は（pc-2m0-i）で囲む__*/
.pc-2m0-t {
	float: left;
    width: 50%;
    height: 600px;
    padding: 10%;
	box-sizing: border-box;
}
.pc-2m0-i {
	float: left;
    width: 50%;
    height: 600px;
    box-sizing: border-box;
}
/*__ボックス2つ（余白0.5倍）__*/
.pc-2m05 {
	float: left;
    width: 49.5%;
	margin: 0 1% 1% 0;    
	box-sizing: border-box;
}
/*__ボックス2つ（余白2倍）__*/
.pc-2m2 {
	float: left;
    width: 48%;
	margin: 0 4% 4% 0;
	box-sizing: border-box;
}
/*__ボックス2つ（余白4倍）__*/
.pc-2m4 {
	float: left;
    width: 46%;
	margin: 0 8% 8% 0;
	box-sizing: border-box;
}
/*__ボックス3つ__*/
.pc-3 {
	float: left;
	width: 32%;
	margin: 0 2% 2% 0;
	box-sizing: border-box;
}
/*__ボックス3つ（余白なし）__*/
.pc-3m0 {
	float: left;
	width: 33.333%;
	box-sizing: border-box;
}
/*__ボックス3つ（余白0.5倍）__*/
.pc-3m05 {
	float: left;
	width: 32.666%;
	margin: 0 1% 1% 0;
	box-sizing: border-box;
}
/*__ボックス3つ（余白2倍）__*/
.pc-3m2 {
	float: left;
	width: 30.666%;
	margin: 0 4% 4% 0;
	box-sizing: border-box;
}
/*__ボックス3つ（余白4倍）__*/
.pc-3m4 {
	float: left;
    width: 28%;
	margin: 0 8% 8% 0;
	box-sizing: border-box;
}
/*__ボックス4つ__*/
.pc-4 {
	float: left;
	width: 23.5%;
	margin: 0 2% 2% 0;
	box-sizing: border-box;
}
/*__ボックス4つ（余白なし）__*/
.pc-4m0 {
	float: left;
	width: 25%;
	box-sizing: border-box;
}
/*__ボックス4つ（余白0.5倍）__*/
.pc-4m05 {
	float: left;
	width: 24.25%;
	margin: 0 1% 1% 0;
	box-sizing: border-box;
}
/*__ボックス4つ（余白なし ボーダーあり）__*/
.pc-4m0b1 {
	float: left;
	width: 25%;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    box-sizing: border-box;
}
/*__ボックス4つ（余白2倍）__*/
.pc-4m2 {
	float: left;
	width: 22%;
	margin: 0 4% 4% 0;
	box-sizing: border-box;
}
/*__ボックス4つ（余白4倍）__*/
.pc-4m4 {
	float: left;
	width: 19%;
	margin: 0 8% 8% 0;
	box-sizing: border-box;
}
/*__ボックス5つ__*/
.pc-5 {
	float: left;
	width: 18.4%;
	margin: 0 2% 2% 0;
	box-sizing: border-box;
}
/*__ボックス5つ（余白なし）__*/
.pc-5m0 {
	float: left;
	width: 20%;
	box-sizing: border-box;
}
/*__ボックス5つ（余白0.5倍）__*/
.pc-5m05 {
	float: left;
	width: 19.2%;
	margin: 0 1% 1% 0;
	box-sizing: border-box;
}
/*__ボックス5つ（余白2倍）__*/
.pc-5m2 {
	float: left;
	width: 16.8%;
	margin: 0 4% 4% 0;
	box-sizing: border-box;
}
/*__ボックス5つ（余白4倍）__*/
.pc-5m4 {
	float: left;
	width: 15.2%;
	margin: 0 8% 8% 0;
	box-sizing: border-box;
}
/*__ボックス6つ__*/
.pc-6 {
	float: left;
	width: 15%;
	margin: 0 2% 2% 0;
	box-sizing: border-box;
}
/*（右端ボックスのマージンを消す ※デザインには使用しない） */
.pc-2:nth-child(2n),
.pc-2m05:nth-child(2n),
.pc-2m2:nth-child(2n),
.pc-2m4:nth-child(2n),
.pc-3:nth-child(3n),
.pc-3m05:nth-child(3n),
.pc-3m2:nth-child(3n),
.pc-3m4:nth-child(3n),
.pc-4:nth-child(4n),
.pc-4m05:nth-child(4n),
.pc-4m2:nth-child(4n),
.pc-4m4:nth-child(4n),
.pc-5:nth-child(5n),
.pc-5m05:nth-child(5n),
.pc-5m2:nth-child(5n),
.pc-5m4:nth-child(5n),
.pc-6:nth-child(6n) {
	margin-right: 0;
}
/*（右端ボックスのボーダーを消す ※デザインには使用しない） */
.pc-4m0b1:nth-child(4n) {
    border-right: none;
}
/*（ボックスの回り込みを解除する ※デザインには使用しない） */
.pc-2:nth-child(2n+1),
.pc-2m0:nth-child(2n+1),
.pc-2m05:nth-child(2n+1),
.pc-2m2:nth-child(2n+1),
.pc-2m4:nth-child(2n+1),
.pc-3:nth-child(3n+1),
.pc-3m0:nth-child(3n+1),
.pc-3m05:nth-child(3n+1),
.pc-3m2:nth-child(3n+1),
.pc-3m4:nth-child(3n+1),
.pc-4:nth-child(4n+1),
.pc-4m0:nth-child(4n+1),
.pc-4m05:nth-child(4n+1),
.pc-4m2:nth-child(4n+1),
.pc-4m4:nth-child(4n+1),
.pc-5:nth-child(5n+1),
.pc-5m0:nth-child(5n+1),
.pc-5m05:nth-child(5n+1),
.pc-5m2:nth-child(5n+1),
.pc-5m4:nth-child(5n+1),
.pc-6:nth-child(6n+1) {
	clear: both;
}
/* ----------ディスプレイ---------- */
/*（インラインブロックにする）*/
.d-ib {
	display: inline-block;
}
/*（ブロックにする）*/
.d-b {
	display: block;
}
/* ----------ポジション---------- */
.rel {
	position: relative;
}
.abs {
	position: absolute;
}
.pos-t {
    position: absolute;
	top: 0;
}
.pos-b {
    position: absolute;
	bottom: 0;
}
/*（中央下）*/
.pos-bc{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
}
/* ----------ボックスサイジング---------- */
.boxs-bb {
    box-sizing: border-box;
}
/* ----------要素をスクロールに追従（未使用） ※IE未対応---------- */
.sti {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
/* ----------左右寄せ---------- */
.fl-r {
	float: right;
}
.fl-l {
	float: left;
}
.fl-n {
	float: none;
}
/* ----------float解除---------- */
.cl-b {
    clear: both;
}
/* ----------横　幅---------- */
.wid-5 {
	width: 5%;
}
.wid-10 {
	width: 10%;
}
.wid-15 {
	width: 15%;
}
.wid-20 {
	width: 20%;
}
.wid-25 {
	width: 25%;
}
.wid-30 {
	width: 30%;
}
.wid-35 {
	width: 35%;
}
.wid-40 {
	width: 40%;
}
.wid-45 {
	width: 45%;
}
.wid-50 {
	width: 50%;
}
.wid-55 {
	width: 55%;
}
.wid-60 {
	width: 60%;
}
.wid-65 {
	width: 65%;
}
.wid-70 {
	width: 70%;
}
.wid-75 {
	width: 75%;
}
.wid-80 {
	width: 80%;
}
.wid-85 {
	width: 85%;
}
.wid-90 {
	width: 90%;
}
.wid-95 {
	width: 95%;
}
.wid-100 {
	width: 100%;
}
.mwid-25 {
	max-width: 25%;
}
.mwid-50 {
	max-width: 50%;
}
.mwid-75 {
	max-width: 75%;
}
.mwid-100 {
	max-width: 100%;
}
/* ----------縦　幅---------- */
.hei-25 {
	height: 25%;
}
.hei-50 {
	height: 50%;
}
.hei-75 {
	height: 75%;
}
.hei-100 {
	height: 100%;
}
/* ----------オーバーフロー---------- */
/*（はみ出した部分を隠す）*/
.ofh {
	overflow: hidden;
}
/* ----------パディング---------- */
/*（四方パディング）*/
.pd-0 {
	padding: 0;
}
.pd-025 {
	padding: 0.25rem;
}
.pd-05 {
	padding: 0.5rem;
}
.pd-1 {
	padding: 1rem;
}
.pd-1_5 {
	padding: 1.5rem;
}
.pd-2 {
	padding: 2rem;
}
.pd-3 {
	padding: 3rem;
}
.pd-4 {
	padding: 4rem;
}
.pd-5 {
	padding: 5rem;
}
.pd-6 {
	padding: 6rem;
}
/*（上パディング）*/
.pdt-0 {
	padding-top: 0;
}
.pdt-05 {
	padding-top: 0.5rem;
}
.pdt-1 {
	padding-top: 1rem;
}
.pdt-1_5 {
	padding-top: 1.5rem;
}
.pdt-2 {
	padding-top: 2rem;
}
.pdt-3 {
	padding-top: 3rem;
}
.pdt-4 {
	padding-top: 4rem;
}
.pdt-5 {
	padding-top: 5rem;
}
.pdt-6 {
	padding-top: 6rem;
}
/*（下パディング）*/
.pdb-0 {
	padding-bottom: 0;
}
.pdb-05 {
	padding-bottom: 0.5rem;
}
.pdb-1 {
	padding-bottom: 1rem;
}
.pdb-1_5 {
	padding-bottom: 1.5rem;
}
.pdb-2 {
	padding-bottom: 2rem;
}
.pdb-3 {
	padding-bottom: 3rem;
}
.pdb-4 {
	padding-bottom: 4rem;
}
.pdb-5 {
	padding-bottom: 5rem;
}
.pdb-6 {
	padding-bottom: 6rem;
}
/*（左パディング）*/
.pdl-0 {
	padding-left: 0;
}
.pdl-05 {
	padding-left: 0.5rem;
}
.pdl-1 {
	padding-left: 1rem;
}
.pdl-1_5 {
	padding-left: 1.5rem;
}
.pdl-2 {
	padding-left: 2rem;
}
.pdl-3 {
	padding-left: 3rem;
}
.pdl-4 {
	padding-left: 4rem;
}
.pdl-5 {
	padding-left: 5rem;
}
.pdl-6 {
	padding-left: 6rem;
}
/*（右パディング）*/
.pdr-0 {
	padding-right: 0;
}
.pdr-05 {
	padding-right: 0.5rem;
}
.pdr-1 {
	padding-right: 1rem;
}
.pdr-1_5 {
	padding-right: 1.5rem;
}
.pdr-2 {
	padding-right: 2rem;
}
.pdr-3 {
	padding-right: 3rem;
}
.pdr-4 {
	padding-right: 4rem;
}
.pdr-5 {
	padding-right: 5rem;
}
.pdr-6 {
	padding-right: 6rem;
}
/* ----------マージン---------- */
/*（中央寄せ/中央寄せ+下マージン）*/
.mgc {
	margin: 0 auto;
}
.mgc-b05 {
	margin: 0 auto 0.5rem;
}
.mgc-b1 {
	margin: 0 auto 1rem;
}
.mgc-b1_5 {
	margin: 0 auto 1.5rem;
}
.mgc-b2 {
	margin: 0 auto 2rem;
}
.mgc-b3 {
	margin: 0 auto 3rem;
}
.mgc-b4 {
	margin: 0 auto 4rem;
}
.mgc-b5 {
	margin: 0 auto 5rem;
}
.mgc-b6 {
	margin: 0 auto 6rem;
}
/*（上マージン ※基本は下マージンで調整する）*/
.mgt-0 {
	margin-top: 0;
}
.mgt-05 {
	margin-top: 0.5rem;
}
.mgt-1 {
	margin-top: 1rem;
}
.mgt-1_5 {
	margin-top: 1.5rem;
}
.mgt-2 {
	margin-top: 2rem;
}
.mgt-3 {
	margin-top: 3rem;
}
.mgt-4 {
	margin-top: 4rem;
}
.mgt-5 {
	margin-top: 5rem;
}
.mgt-6 {
	margin-top: 6rem;
}
/*（下マージン）*/
.mgb-0 {
	margin-bottom: 0;
}
.mgb-05 {
	margin-bottom: 0.5rem;
}
.mgb-1 {
	margin-bottom: 1rem;
}
.mgb-1_5 {
	margin-bottom: 1.5rem;
}
.mgb-2 {
	margin-bottom: 2rem;
}
.mgb-3 {
	margin-bottom: 3rem;
}
.mgb-4 {
	margin-bottom: 4rem;
}
.mgb-5 {
	margin-bottom: 5rem;
}
.mgb-6 {
	margin-bottom: 6rem;
}
/*（左マージン）*/
.mgl-0 {
	margin-left: 0;
}
.mgl-05 {
	margin-left: 0.5rem;
}
.mgl-1 {
	margin-left: 1rem;
}
.mgl-1_5 {
	margin-left: 1.5rem;
}
.mgl-2 {
	margin-left: 2rem;
}
.mgl-3 {
	margin-left: 3rem;
}
.mgl-4 {
	margin-left: 4rem;
}
.mgl-5 {
	margin-left: 5rem;
}
.mgl-6 {
	margin-left: 6rem;
}
/*（右マージン）*/
.mgr-0 {
	margin-right: 0;
}
.mgr-05 {
	margin-right: 0.5rem;
}
.mgr-1 {
	margin-right: 1rem;
}
.mgr-1_5 {
	margin-right: 1.5rem;
}
.mgr-2 {
	margin-right: 2rem;
}
.mgr-3 {
	margin-right: 3rem;
}
.mgr-4 {
	margin-right: 4rem;
}
.mgr-5 {
	margin-right: 5rem;
}
.mgr-6 {
	margin-right: 6rem;
}
/* ----------背　景---------- */
/*（白色）*/
.bgc-normal {
	background-color: #FFF;
}
/*（黒色）*/
.bgc-black {
	background-color: #282828;
}
/*（濃いグレー）*/
.bgc-darkgray {
	background-color: #e3e3e3;
}
/*（薄いグレー）*/
.bgc-gray {
	background-color: #f4f5f6;
}
/*（コーポレートカラー ※青色）*/
.bgc-corp {
	background-color: #004592;
}
/*（テーマカラー ※青色）*/
.bgc-theme {
	background-color: #004bc8;
}
/*（青 ※水色に近い）*/
.bgc-blue {
    background-color: #3791c8;
}
/*（薄い水色）*/
.bgc-lightblue {
    background-color: #d9edfc;
}
/*（赤色）*/
.bgc-red {
	background-color: #b92d3c;
}
/*（薄い赤色 ※表の強調カラー）*/
.bgc-lightred {
	background-color: #fae6e6;
}
/*（橙色）*/
.bgc-orange {
	background-color: #e69646;
}
/*（Fun to Shareの色）*/
.bgc-fun {
    background-color: #015db2;
}
/*（格子模様〈グレー〉）*/
.bgc-gray-grid {
    width: 100%;
    background: #f4f5f6;
    background-image: linear-gradient(90deg, #eaebec 1px, transparent 0),
    linear-gradient(#eaebec 1px, transparent 0);
    background-size: 20px 20px;
}
/*（格子模様〈薄い水色〉）*/
.bgc-lightblue-grid {
    width: 100%;
    background: #d9edfc;
    background-image: linear-gradient(90deg, #cee0ee 1px, transparent 0),
    linear-gradient(#cee0ee 1px, transparent 0);
    background-size: 20px 20px;
}
/*（格子模様〈薄い赤色〉）*/
.bgc-lightred-grid {
    width: 100%;
    background: #fae6e6;
    background-image: linear-gradient(90deg, #f0dcdc 1px, transparent 0),
    linear-gradient(#f0dcdc 1px, transparent 0);
    background-size: 20px 20px;
}
/* ----------文　字---------- */
/*（行間）*/
.lh-1 {
    line-height: 1;
}
.lh-1_25 {
    line-height: 1.25;
}
.lh-1_5 {
    line-height: 1.5;
}
.lh-2 {
    line-height: 2;
}
.lh-3 {
    line-height: 3;
}
/*（文字の色）*/
/*__基本カラー__*/
.tc-b {
	color: #000;
}
/*__コーポレートカラー__*/
.tc-c {
	color: #004592;
}
/*__テーマカラー__*/
.tc-t {
	color: #004bc8;
}
/*__強調カラー__*/
.tc-s {
	color: #b92d3c;
}
/*__白抜き__*/
.tc-w {
	color: #FFF;
}
/*__グレー__*/
.tc-g {
	color: #999;
}
/*（文字のウエイト）*/
.tw-b {
	font-weight: bold;
}
.tw-n {
	font-weight: normal;
}
/*（文字のサイズ）*/
/* メインタイトルh1に使用（モバイル表示で文字サイズ変化） */
.ts-title {
	margin-bottom: 1rem;   
	font-size: 2.25rem; 
}
.ts-note {
	font-size: 0.75rem;
}
.ts-small {
	font-size: 0.875rem;
}
.ts-1 {
	font-size: 1rem;
}
.ts-1_25 {
	font-size: 1.25rem;
}
.ts-1_5 {
	font-size: 1.5rem;
}
.ts-1_75 {
	font-size: 1.75rem;
}
.ts-2 {
	font-size: 2rem;
}
.ts-2_25 {
	font-size: 2.25rem;
}
.ts-2_5 {
	font-size: 2.5rem;
}
.ts-3 {
	font-size: 3rem;
}
.ts-3_25 {
	font-size: 3.25rem;
}
.ts-3_5 {
	font-size: 3.5rem;
}
.ts-4 {
	font-size: 4rem;
}
.ts-4_5 {
	font-size: 4.5rem;
}
.ts-5 {
	font-size: 5rem;
}
.ts-6 {
	font-size: 6rem;
}
/*（文字の寄せ）*/
.ta-c {
	text-align: center;
}
.ta-l {
	text-align: left;
}
.ta-r {
	text-align: right;
}
/*（文字の上下位置）*/
.va-t {
    vertical-align: top;
}
.va-m {
    vertical-align: middle;
}
.va-b {
    vertical-align: bottom;
}
/*（文字のインデント ※2行目以降文字を横に1文字下げる［※やアイコンを使用した時など］） */
.indent-note {
	padding-left: 0.75rem;
	text-indent: -0.75rem;
}
.indent-small {
	padding-left: 0.875rem;
	text-indent: -0.875rem;
}
.indent-1 {
	padding-left: 1rem;
	text-indent: -1rem;
}
.indent-1_25 {
	padding-left: 1.25rem;
	text-indent: -1.25rem;
}
.indent-1_5 {
	padding-left: 1.5rem;
	text-indent: -1.5rem;
}
.indent-2 {
	padding-left: 2rem;
	text-indent: -2rem;
}
.indent-2_25 {
	padding-left: 2.25rem;
	text-indent: -2.25rem;
}
.indent-3 {
	padding-left: 3rem;
	text-indent: -3rem;
}
/*（矢印［>］アイコン）*/
/*__右向き__*/
.icon-link-r::after{
    content: '';
    display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: 4px;
	border-top: 1px solid #004592;
	border-right: 1px solid #004592;
	transform: rotate(45deg);
	vertical-align: middle;
}
/*__下向き__*/
.icon-link-b::after{
    content: '';
    display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: 4px;
	border-right: 1px solid #004592;
	border-bottom: 1px solid #004592;
    transform: rotate(45deg);
	vertical-align: middle;
}
/*__下向き白色__*/
.icon-link-b-w::after{
    content: '';
    display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: 4px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
    transform: rotate(45deg);
	vertical-align: middle;
}
/*（まる［●］アイコン）*/
.circle-box {
	max-width: 120px;
	margin: 0 auto;
}
.circle {
	position: relative;	
	padding: 50%;
	background-color: #FFF;	
	border-radius: 50%;
}
.circle-icon {	
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;	
}
/*（正方形［◼（角丸）］アイコン）*/
.square-box {
	max-width: 112px;
	margin: 0 auto;
}
.square {
	position: relative;	
	padding: 50%;
    background-color: #FFF;		
	border: 1px solid #004bc8;		
	border-radius: 10px;
}
.square-icon {	
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;	
}
/* Material iconsを利用する */
.material-icons {  
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;    
    vertical-align: middle;  
}
.material-icons.md-1 {
	font-size: 1rem;
}
.material-icons.md-1_5 {
	font-size: 1.5rem;
}
.material-icons.md-2 {
	font-size: 2rem;
}
.material-icons.md-3 {
	font-size: 3rem;
}
.material-icons.md-4 {
	font-size: 4rem;
}
.material-icons.md-5 {
	font-size: 5rem;
}
.material-icons.md-6 {
	font-size: 6rem;
}
/* ----------線の指定---------- */
/*（基本カラー）*/
.bd-0 {
	border: none;
}
.bd-1 {
	border: 1px solid #e3e3e3;
}
.bd-2 {
	border: 2px solid #e3e3e3;
}
.bd-3 {
	border: 3px solid #e3e3e3;
}
.bd-1-dot {
	border: 1px dotted #e3e3e3;
}
.bd-2-dot {
	border: 2px dotted #e3e3e3;
}
.bd-3-dot {
	border: 3px dotted #e3e3e3;
}
.bdb-1 {
	border-bottom: 1px solid #e3e3e3;
}
.bdb-2 {
	border-bottom: 2px solid #e3e3e3;
}
.bdb-3 {
	border-bottom: 3px solid #e3e3e3;
}
.bdb-1-dot {
	border-bottom: 1px dotted #e3e3e3;
}
.bdb-2-dot {
	border-bottom: 2px dotted #e3e3e3;
}
.bdb-3-dot {
	border-bottom: 3px dotted #e3e3e3;
}
.bdt-1 {
	border-top: 1px solid #e3e3e3;
}
.bdt-2 {
	border-top: 2px solid #e3e3e3;
}
.bdt-3 {
	border-top: 3px solid #e3e3e3;
}
.bdt-1-dot {
	border-top: 1px dotted #e3e3e3;
}
.bdt-2-dot {
	border-top: 2px dotted #e3e3e3;
}
.bdt-3-dot {
	border-top: 3px dotted #e3e3e3;
}
.bdr-1 {
	border-right: 1px solid #e3e3e3;
}
.bdl-1 {
	border-left: 1px solid #e3e3e3;
}
/*（テーマカラー）*/
.bd-1-t {
	border: 1px solid #004bc8;
}
.bd-2-t {
	border: 2px solid #004bc8;
}
.bdb-1-t {
	border-bottom: 1px solid #004bc8;
}
.bdb-2-t {
	border-bottom: 2px solid #004bc8;
}
.bdb-3-t {
	border-bottom: 3px solid #004bc8;
}
/*（強調カラー）*/
.bd-1-s {
	border: 1px solid #b92d3c;    
}
.bd-2-s {
	border: 2px solid #b92d3c;
}
/* ----------装飾線の指定---------- */
/*（左に太線：テーマカラー）*/
.bdl-8-t {
    padding-left: 8px;
    border-left: 8px solid #004bc8;
}
/*（左に太線：ストロングカラー）*/
.bdl-8-s {
    padding-left: 8px;
    border-left: 8px solid #b92d3c;
}
/*（文字の左右に線：文字黒色 線テーマカラー）*/
.bdm-bt {
	display: flex;
	align-items: center;	
	width: 40rem;
	margin-left: auto;
	margin-right: auto;
	color: #000;	
}
.bdm-bt:before, .bdm-bt:after {
	display: block;	
	content: "";
	flex-grow: 1;
	border-top: 1px solid #004bc8;
}
.bdm-bt:before {
	margin-right: 0.5rem;
}
.bdm-bt:after {
	margin-left: 0.5rem;
}
/*（文字の左右に線：コーポレートカラー）*/
.bdm-c {
	display: flex;
	align-items: center;	
	width: 40rem;
	margin-left: auto;
	margin-right: auto;
	color: #004592;	
}
.bdm-c:before, .bdm-c:after {
	display: block;	
	content: "";
	flex-grow: 1;
	border-top: 1px solid #004592;
}
.bdm-c:before {
	margin-right: 0.5rem;
}
.bdm-c:after {
	margin-left: 0.5rem;    
}
/*（文字の左右に線：テーマカラー）*/
.bdm-t {
	display: flex;
	align-items: center;	
	width: 40rem;
	margin-left: auto;
	margin-right: auto;
	color: #004bc8;	
}
.bdm-t:before, .bdm-t:after {
	display: block;	
	content: "";
	flex-grow: 1;
	border-top: 1px solid #004bc8;
}
.bdm-t:before {
	margin-right: 0.5rem;
}
.bdm-t:after {
	margin-left: 0.5rem;    
}
/*（文字の左右に線：白色）*/
.bdm-w {
	display: flex;
	align-items: center;	
	width: 40rem;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;	
}
.bdm-w:before, .bdm-w:after {
	display: block;	
	content: "";
	flex-grow: 1;
	border-top: 1px solid #FFF;
}
.bdm-w:before {
	margin-right: 0.5rem;
}
.bdm-w:after {
	margin-left: 0.5rem;
}
/* ----------角丸の指定---------- */
.rc-4 {
    border-radius: 4px;
}
.rc-8 {
    border-radius: 8px;
}
.rc-16 {
    border-radius: 16px;
}
/* ----------イメージ（イメージ背景画像はここに追加）---------- */
/*（メイン背景イメージ）*/
.mainimg-top {
	background-image: url("../images/top-image.jpg");
}
.mainimg-advantage {
	background-image: url("../advantage/images/advantage-image.jpg");
}
.mainimg-solution {
	background-image: url("../solution/images/solution-image.jpg");
}
.mainimg-incsystem {
	background-image: url("../solution/incsystem/images/incsystem-image.jpg");
}
.mainimg-incservice {
	background-image: url("../solution/incservice/images/incservice-image.jpg");
}
.mainimg-news {
	background-image: url("../news/images/news-image.jpg");
}
.mainimg-bellemax {
	background-image: url("../solution/bellemax/images/bellemax-image.jpg");
}
/*
.mainimg-bellemaxcloud {
	background-image: url("../solution/bellemaxcloud/images/cloud-image.jpg");
}
*/
.mainimg-belleconstruction {
	background-image: url("../solution/bellecollection-construction/images/belleconstruction-image.jpg");
}
.mainimg-bellerealestate {
	background-image: url("../solution/bellecollection-realestate/images/bellerealestate-image.jpg");
}
.mainimg-bellemedical {
	background-image: url("../solution/bellecollection-medical/images/bellemedical-image.jpg");
}
.mainimg-bellecare {
	background-image: url("../solution/bellecollection-care/images/bellecare-image.jpg");
}
.mainimg-bellegasstation {
	background-image: url("../solution/bellecollection-gasstation/images/bellegasstation-image.jpg");
}
.mainimg-greenpage {
	background-image: url("../solution/greenpage/images/greenpage-image.jpg");
}
.mainimg-resas {
	background-image: url("../solution/greenpage/resas/images/resas-image.jpg");
}
.mainimg-greenpagealpha {
	background-image: url("../solution/greenpagealpha/images/greenpagealpha-image.jpg");
}
/*
.mainimg-mouke {
	background-image: url("../solution/mouke/images/mouke-image.jpg");
}
*/
.mainimg-list {
	background-image: url("../solution/list/images/list-image.jpg");
}
.mainimg-self {
	background-image: url("../solution/list/self/images/self-image.jpg");
}
.mainimg-development {
	background-image: url("../solution/list/development/images/development-image.jpg");
}
.mainimg-newcompany {
	background-image: url("../solution/list/newcompany/images/newcompany-image.jpg");
}
.mainimg-teleapo {
	background-image: url("../solution/list/teleapo/images/teleapo-image.jpg");
}
.mainimg-enquete {
	background-image: url("../solution/list/enquete/images/enquete-image.jpg");
}
.mainimg-customize {
	background-image: url("../solution/list/customize/images/customize-image.jpg");
}
.mainimg-chainmaster {
	background-image: url("../solution/chainmaster/images/chainmaster-image.jpg");
}
.mainimg-tmd {
	background-image: url("../solution/tmd/images/tmd-image.jpg");
}
.mainimg-kanpou {
	background-image: url("../solution/kanpou/images/kanpou-image.jpg");
}
.mainimg-eden {
	background-image: url("../solution/eden/images/eden-image.jpg");
}
/*
.mainimg-mobileeden {
	background-image: url("../solution/mobileeden/images/mobileeden-image.jpg");
}
*/
.mainimg-cominfo {
	background-image: url("../solution/cominfo/images/cominfo-image.jpg");
}
.mainimg-webtuku {
	background-image: url("../solution/webtuku/images/webtuku-image.jpg");
}
.mainimg-teltchi {
	background-image: url("../solution/teltchi/images/teltchi-image.jpg");
}
.mainimg-104search {
	background-image: url("../solution/104search/images/104search-image.jpg");
}
.mainimg-ccatcherpro {
	background-image: url("../solution/ccatcherpro/images/ccatcherpro-image.jpg");
}
/*
.mainimg-voistage {
	background-image: url("../solution/voistage/images/voistage-image.jpg");
}
*/
.mainimg-crio {
	background-image: url("../solution/crio/images/crio-image.jpg");
}
.mainimg-value {
	background-image: url("../solution/value/images/value-image.jpg");
}
.mainimg-valuelite {
	background-image: url("../solution/value/valuelite/images/valuelite-image.jpg");
}
.mainimg-cnvalu {
	background-image: url("../solution/cnvalu/images/cnvalu-image.jpg");
}
.mainimg-invoice {
	background-image: url("../solution/invoice/images/invoice-image.jpg");
}
.mainimg-cnvaluconstruction {
	background-image: url("../solution/cnvalu-construction/images/cnvaluconstruction-image.jpg");
}
.mainimg-cnvalurealestate {
	background-image: url("../solution/cnvalu-realestate/images/cnvalurealestate-image.jpg");
}	
.mainimg-diagnosis {
	background-image: url("../solution/diagnosis/images/diagnosis-image.jpg");
}
.mainimg-webbest {
	background-image: url("../solution/webbest/images/webbest-image.jpg");
}
/*
.mainimg-auction {
	background-image: url("../solution/auction/images/auction-image.png");
}
*/
/*
.mainimg-drm {
	background-image: url("../solution/drm/images/drm-image.jpg");
}
*/
.mainimg-disposal {
	background-image: url("../solution/disposal/images/disposal-image.jpg");
}
/*
.mainimg-drguard {
	background-image: url("../solution/drguard/images/drguard-image.jpg");
}
*/
.mainimg-denshi {
	background-image: url("../solution/denshi32/images/denshi-image.jpg");
}
.mainimg-tuku {
	background-image: url("../solution/tuku23/images/tuku-image.jpg");
}
.mainimg-hsdoko {
	background-image: url("../solution/hsdoko27/images/hsdoko-image.jpg");
}
.mainimg-jhp {
	background-image: url("../solution/jhp/images/jhp-image.png");
}
.mainimg-company {
	background-image: url("../company/images/company-image.jpg");
}
.mainimg-info {
	background-image: url("../company/info/images/info-image.jpg");
}
.mainimg-recruit {
	background-image: url("../company/recruit/images/recruit-image.jpg");
}
.mainimg-registration{
	background-image: url("../company/registration/images/registration-image.jpg");
}
.mainimg-privacy {
	background-image: url("../company/privacy/images/privacy-image.jpg");
}
.mainimg-compliance {
	background-image: url("../company/compliance/images/compliance-image.jpg");
}
.mainimg-process {
	background-image: url("../company/process/images/process-image.jpg");
}
.mainimg-support {
	background-image: url("../support/images/support-image.jpg");
}
.mainimg-faq {
	background-image: url("../support/faq/images/faq-image.jpg");
}
.mainimg-download {
	background-image: url("../support/download/images/download-image.jpg");
}
.mainimg-order {
	background-image: url("../order/images/order-image.jpg");
}
.mainimg-notice {
	background-image: url("../staff/notice/images/notice-image.jpg");
}
/*（サブ背景イメージ）*/
.subimg-request {
	background-image: url("../images/request-image.jpg");
}
.subimg-advantage-develop {
	background-image: url("../advantage/images/develop.jpg");
}
.subimg-advantage-knowhow {
	background-image: url("../advantage/images/knowhow.jpg");
}
.subimg-advantage-product {
	background-image: url("../advantage/images/product.jpg");
}
.subimg-advantage-trust {
	background-image: url("../advantage/images/trust.jpg");
}
.subimg-advantage-resas {
	background-image: url("../advantage/images/resas.jpg");
}
.subimg-advantage-medical {
	background-image: url("../advantage/images/medical.jpg");
}
.subimg-advantage-aed {
	background-image: url("../advantage/images/aed.jpg");
}
.subimg-process-tour {
	background-image: url("../company/process/images/tour-image.jpg");
}
.subimg-bellemax-input {
	background-image: url("../solution/bellemax/images/input-image.jpg");
}
.subimg-bellemax-cti {
	background-image: url("../solution/bellemax/images/cti-image.jpg");
}
.subimg-incsystem-inputback {
	background-image: url("../solution/incsystem/images/inputback.jpg");
}
.subimg-incsystem-telback {
	background-image: url("../solution/incsystem/images/telback.jpg");
}
.subimg-incsystem-mapback {
	background-image: url("../solution/incsystem/images/mapback.jpg");
}
.subimg-incservice-webback {
	background-image: url("../solution/incservice/images/webback.jpg");
}
.subimg-incservice-consulback {
	background-image: url("../solution/incservice/images/consulback.jpg");
}
.subimg-incservice-productback {
	background-image: url("../solution/incservice/images/productback.jpg");
}
.subimg-list-database {
	background-image: url("../solution/list/images/database.jpg");
}
.subimg-list-menu {
	background-image: url("../solution/list/images/menu.jpg");
}
.subimg-list-trust {
	background-image: url("../advantage/images/trust.jpg");
}
.subimg-list-product {
	background-image: url("../solution/list/images/product.jpg");
}
.subimg-self-data {
	background-image: url("../solution/list/self/images/data.jpg");
}
.subimg-development-data {
	background-image: url("../solution/list/development/images/data.jpg");
}
.subimg-newcompany-data {
	background-image: url("../solution/list/newcompany/images/data.jpg");
}
.subimg-enquete-data {
	background-image: url("../solution/list/enquete/images/data.jpg");
}
.subimg-tmd-merit {
	background-image: url("../solution/tmd/images/merit.jpg");
}
.subimg-ragdatabase-support {
	background-image: url("../solution/ragdatabase/images/support.jpg");
}
.subimg-dx-ai {
	background-image: url("../solution/dx/images/ai.jpg");
}
.subimg-dx-marketing {
	background-image: url("../solution/dx/images/marketing.jpg");
}
.subimg-dx-cleansing {
	background-image: url("../solution/dx/images/cleansing.jpg");
}
.subimg-eden-database {
	background-image: url("../solution/eden/images/database.jpg");
}
.subimg-eden-product {
	background-image: url("../solution/eden/images/product.jpg");
}
.subimg-eden-target {
	background-image: url("../solution/eden/images/target.jpg");
}
.subimg-eden-check {
	background-image: url("../solution/eden/images/check.jpg");
}
.subimg-eden-financial {
	background-image: url("../solution/eden/images/financial-image.jpg");
}
.subimg-eden-servicer {
	background-image: url("../solution/eden/images/servicer-image.jpg");
}
.subimg-eden-realestate {
	background-image: url("../solution/eden/images/realestate-image.jpg");
}
.subimg-eden-creditcheck {
	background-image: url("../solution/eden/images/creditcheck-image.jpg");
}
.subimg-104search {
	background-image: url("../solution/104search/images/search-image-back.jpg");	
}
.subimg-104search-trial {
	background-image: url("../solution/104search/images/trial.jpg");	
}
.subimg-ccatcherpro-info {
	background-image: url("../solution/ccatcherpro/images/info.jpg");
}
.subimg-ccatcherpro-database {
	background-image: url("../solution/ccatcherpro/images/database.jpg");
}
.subimg-ccatcherpro-share {
	background-image: url("../solution/ccatcherpro/images/share.jpg");
}
.subimg-ccatcherpro-register {
	background-image: url("../solution/ccatcherpro/images/register.jpg");
}
.subimg-ccatcherpro-analysis {
	background-image: url("../solution/ccatcherpro/images/analysis.jpg");
}
.subimg-crio-database {
	background-image: url("../solution/crio/images/database.jpg");
}
.subimg-crio-kanpodb {
	background-image: url("../solution/crio/images/kanpodb.jpg");
}
.subimg-crio-telusedb {
	background-image: url("../solution/crio/images/telusedb.jpg");
}
.subimg-crio-blacklist {
	background-image: url("../solution/crio/images/blacklist.jpg");
}
.subimg-value-database {
	background-image: url("../solution/value/images/database.jpg");
}
.subimg-value-speed {
	background-image: url("../solution/value/images/speed.jpg");
}
.subimg-value-knowhow {
	background-image: url("../solution/value/images/knowhow.jpg");
}
.subimg-value-security {
	background-image: url("../solution/value/images/security.jpg");
}
.subimg-value-diagnosis {
	background-image: url("../solution/value/images/diagnosis-image.jpg");
}
.subimg-value-uguisudani {
	background-image: url("../solution/value/images/uguisudani-image.jpg");
}
.subimg-value-katsushika {
	background-image: url("../solution/value/images/katsushika-image.jpg");
}
.subimg-valuelite-office {
	background-image: url("../solution/value/valuelite/images/office.jpg");
}
.subimg-valuelite-suggest {
	background-image: url("../solution/value/valuelite/images/suggest.jpg");
}
.subimg-valuelite-processing {
	background-image: url("../solution/value/valuelite/images/processing.jpg");
}
.subimg-valuelite-database {
	background-image: url("../solution/value/valuelite/images/database.jpg");
}
.subimg-cnvalu-diagnosis {
	background-image: url("../solution/cnvalu/images/diagnosis-image.jpg");
}
.subimg-cnvalu-problem {
	background-image: url("../solution/cnvalu/images/problem.jpg");
}
/*
.subimg-drm-recommend {
	background-image: url("../solution/drm/images/recommend.jpg");
}
*/
.subimg-denshi-info {
	background-image: url("../solution/denshi32/images/info.jpg");
}
.subimg-denshi-registration {
	background-image: url("../solution/denshi32/images/registration.jpg");
}
.subimg-denshi-industry {
	background-image: url("../solution/denshi32/images/industry.jpg");
}
.subimg-denshi-target {
	background-image: url("../solution/denshi32/images/target.jpg");
}
.subimg-denshi-print {
	background-image: url("../solution/denshi32/images/print.jpg");
}
.subimg-denshi-csv {
	background-image: url("../solution/denshi32/images/csv.jpg");
}
.subimg-denshi-security {
	background-image: url("../solution/denshi32/images/security.jpg");
}
.subimg-tuku-transfer {
	background-image: url("../solution/tuku23/images/transfer.jpg");
}
.subimg-tuku-search {
	background-image: url("../solution/tuku23/images/search.jpg");
}
.subimg-tuku-edit {
	background-image: url("../solution/tuku23/images/edit.jpg");
}
.subimg-tuku-output {
	background-image: url("../solution/tuku23/images/output.jpg");
}
.subimg-hsdoko-call {
	background-image: url("../solution/hsdoko27/images/call.jpg");
}
.subimg-hsdoko-incoming {
	background-image: url("../solution/hsdoko27/images/incoming.jpg");
}
.subimg-hsdoko-registration {
	background-image: url("../solution/hsdoko27/images/registration.jpg");
}
.subimg-hsdoko-history {
	background-image: url("../solution/hsdoko27/images/history.jpg");
}
.subimg-hsdoko-csv {
	background-image: url("../solution/hsdoko27/images/csv.jpg");
}
/* ----------定形以外のイメージ関連---------- */
@keyframes zoom {
   0% {
      transform: scale(1.3);
   }
   100% {
      transform: scale(1);
   }
}
/* DXソリューション */
.dx-wrapper {
  position: relative;
  width: 100%;
  height: 640px;
  overflow: hidden;
}
.dx-wrapper::before {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   background-image: url("../solution/dx/images/dx-image.jpg");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   -webkit-animation: zoom 3s 1;
   animation: zoom 3s 1;
   animation-fill-mode: forwards;
}
.dx-text{
  /*wrapperの中身を上下中央揃え*/
  position: absolute;
  top: 200px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;	
}
/* RAGデータベース */
.ragdatabase-wrapper {
  position: relative;
  width: 100%;
  height: 480px;
  overflow: hidden;
}
.ragdatabase-wrapper::before {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   background-image: url("../solution/ragdatabase/images/ragdatabase-image.jpg");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   -webkit-animation: zoom 3s 1;
   animation: zoom 3s 1;
   animation-fill-mode: forwards;
}
/* 営業ターゲットリスト */
.list-wrapper {
  position: relative;
  width: 100%;
  height: 480px;
  overflow: hidden;
}
.list-wrapper::before {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   background-image: url("../solution/list/images/list-image.jpg");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   -webkit-animation: zoom 3s 1;
   animation: zoom 3s 1;
   animation-fill-mode: forwards;
}
.list-catch {
    position: absolute; 
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	width: 35%;
	border-radius: 8px;
}
/* ----------画像の最前面に上下左右中央配置する文字---------- */
.point-ttlc {
	display: table-cell;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0.25rem 2rem;
	color: #FFF;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	pointer-events: none;
	z-index: 100;
}
/* ----------リンク文字の下線を消す---------- */
.td-n {
}
.td-n a {
    text-decoration: none;
}
/* ----------ボタン---------- */
/*（通常ボタン）*/
.clear-btn {
	text-align: center;
}
.clear-btn a {
	display: inline-block;
	padding: 1rem;
    min-width: 25%;
	border: solid 1px #053273;
	background-color: #FFF;
	color: #053273;
	font-size: 1rem;
	text-decoration: none;
	text-align: center;
    transition: background-color 0.1s linear;
}
.clear-btn a:hover {
	background-color: #f0faff;
	text-decoration: none;
}
/*（小さい通常ボタン）*/
.clear-btn-mini {
	text-align: center;

}
.clear-btn-mini a {
    display: inline-block;
	padding: 0.875rem;
	border: solid 1px #053273;
	background-color: #FFF;
	color: #053273;
	font-size: 0.875rem;
	text-decoration: none;
	text-align: center;
    transition: background-color 0.1s linear;
}
.clear-btn-mini a:hover {
	background-color: #f0faff;
	text-decoration: none;
}
/*（白抜きボタン）*/
.white-btn {
	text-align: center;
}
.white-btn a {
	display: inline-block;
	padding: 1rem;
    min-width: 25%;
	border: 1px solid #FFF;
	color: #FFF;
	font-size: 1rem;
	text-decoration: none;
	text-align: center;
    transition: background-color 0.1s linear;
}
.white-btn a:hover {
    background-color: rgba(255,255,255,0.3);
	text-decoration: none;
}
/*（小さい白抜きボタン）*/
.white-btn-mini {
	text-align: center;
}
.white-btn-mini a {
	display: inline-block;
	padding: 0.875rem;
	border: 1px solid #FFF;
	color: #FFF;
	font-size: 0.875rem;
	text-decoration: none;
	text-align: center;
    transition: background-color 0.1s linear;
}
.white-btn-mini a:hover {
    background-color: rgba(255,255,255,0.3);
	text-decoration: none;
}
/*（白抜きボタン-背景透過黒）*/
.whiteblack-btn {
	text-align: center;
}
.whiteblack-btn a {
	display: inline-block;
	padding: 1rem;
    min-width: 25%;
	border: 1px solid #FFF;
    background-color: rgba(0,0,0,0.5);
	color: #FFF;
	font-size: 1rem;
	text-decoration: none;
	text-align: center;
    transition: background-color 0.1s linear;
}
.whiteblack-btn a:hover {
    background-color: rgba(0,0,0,0.2);
	text-decoration: none;
}
/*（小さい白抜きボタン-背景透過黒）*/
.whiteblack-btn-mini {
	text-align: center;
}
.whiteblack-btn-mini a {
	display: inline-block;
	padding: 0.875rem;
	border: 1px solid #FFF;
    background-color: rgba(0,0,0,0.5);
	color: #FFF;
	font-size: 0.875rem;
	text-decoration: none;
	text-align: center;
    transition: background-color 0.1s linear;
}
.whiteblack-btn-mini a:hover {
    background-color: rgba(0,0,0,0.2);
	text-decoration: none;
}
/*（ブルーボタン）*/
.blue-btn {
	text-align: center;
}
.blue-btn a {
    display: inline-block;
    padding: 1rem;
    min-width: 25%;
    border: 1px solid #FFF;
    background-color: #004bc8;
	color: #FFF;    
	text-decoration: none;
    text-align: center;
	transition: background-color 0.1s linear;
}
.blue-btn a:hover {
	background-color: #2963c4;
	text-decoration: none;
}
/* ----------マウスオーバー（ボックス・画像全体）---------- */
/*（グレー）*/
.hov-darkgray a {
	display: block;
    height: 100%;
	color: #000;
	transition: background-color 0.1s linear;
}
.hov-darkgray a:hover {
	background-color: #e3e3e3;
	text-decoration: none;
}
/*（薄いグレー）*/
.hov-gray a {
	display: block;
    height: 100%;  
	color: #000;
	transition: background-color 0.1s linear;
}
.hov-gray a:hover {
	background-color: #f4f5f6;
	text-decoration: none;
}
/*（薄い青）*/
.hov-lightblue a {
	display: block;
    height: 100%;    
	color: #000;
	transition: background-color 0.1s linear;
}
.hov-lightblue a:hover {
	background-color: #f0faff;
	text-decoration: none;
}
/*（透明度を下げる）*/
.hov-normal a {
	display: block;
    height: 100%;    
	color: #000;
	transition: 0.1s linear;
}
.hov-normal a:hover {
	text-decoration: none;
	opacity: 0.7;
}
/*（画像を拡大）*/
/*____________親ボックスへ指定____________*/
/*__画像の比率そのままで表示__*/
.hov-img-max {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 100%;
}
/*__黄金比で表示__*/
.hov-img-gr {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 61.8%;
}
/*__横幅の半分で表示__*/
.hov-img-half {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 50%;
}
/*__縦幅を固定__*/
.hov-img-h240 {
	position: relative;
	width: 100%;
    height: 240px;
	overflow: hidden;
}
/*____________子ボックスへ指定____________*/
/*（拡大速度通常）*/
.hov-img-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hov-img-box img {
	display: block;
	transition-duration: 1s;
}
.hov-img-box img:hover {
	transform: scale(1.1);
	transition-duration: 1s;
}
/*（拡大速度遅い）*/
.hov-img-box-slow {
	position: absolute;
	top: 0;
	left: 0;    
	width: 100%;  
	height: 100%;
}
.hov-img-box-slow img {
	display: block;
	transition-duration: 2s;
}
.hov-img-box-slow img:hover {
	transform: scale(1.05);
	transition-duration: 2s;
}
/* ----------アニメーション---------- */
/*（トップページ メインイメージのアニメーション）*/
.particles-animation {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 0;
}
/*（コンテンツのフェードイン）*/
/* __画面外にいる状態__ */
.fadein-up {
    opacity : 0;
    transform : translate(0, 100px);
    transition : all 500ms;
}
/* __画面内に入った状態__ */
.fadein-up.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
/* __ひとつずつフェードインさせる（.fadein-upを囲む親要素に#effectを記述する ※safariでの動作が不安定）__ */
/* __2つ目の要素に200msのdelayをかける__ */
#effect > .fadein-up:nth-of-type(2) {
    transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-webkit-transition-delay: 200ms;
}
/* __3つ目の要素に400msのdelayをかける__ */
#effect > .fadein-up:nth-of-type(3) {
    transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-webkit-transition-delay: 400ms;
}
/* __4つ目の要素に400msのdelayをかける__ */
#effect > .fadein-up:nth-of-type(4) {
    transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-webkit-transition-delay: 600ms;
}
/* ----------商標など マークの設定---------- */
.mark {
    vertical-align: top;
    font-size: 0.875rem;
}
/* ----------影と光彩---------- */
/*（光彩）*/
.b-light {
    box-shadow: 0 0 16px 0 #FFF;
}
/*（文字周辺の黒ぼかし-白抜き等の文字が見えにくい場合）*/
.t-edge {
    text-shadow: 0 0 8px #333;
}
/* ----------デスクトップパソコンのときだけ消す---------- */
.pc-none {
	display: none;
}


/* #################### レスポンシブデザイン設定 #################### */

/* <<<<<<<<<<<<<<<<<<<< 960px未満 >>>>>>>>>>>>>>>>>>>> */

@media screen and (max-width: 959px) {

/* ----------ボックス---------- */
/*（デスクトップパソコン用のボックス設定をキャンセル ※デザインには使用しない）*/
.pc-2:nth-child(2n+1),
.pc-2m0:nth-child(2n+1),
.pc-2m05:nth-child(2n+1),
.pc-2m2:nth-child(2n+1),
.pc-2m4:nth-child(2n+1),
.pc-3:nth-child(3n+1),
.pc-3m0:nth-child(3n+1),
.pc-3m05:nth-child(3n+1),
.pc-3m2:nth-child(3n+1),
.pc-3m4:nth-child(3n+1),
.pc-4:nth-child(4n+1),
.pc-4m0:nth-child(4n+1),
.pc-4m05:nth-child(4n+1),
.pc-4m2:nth-child(4n+1),
.pc-4m4:nth-child(4n+1),
.pc-5:nth-child(5n+1),
.pc-5m0:nth-child(5n+1),
.pc-5m05:nth-child(5n+1),
.pc-5m2:nth-child(5n+1),
.pc-5m4:nth-child(5n+1),
.pc-6:nth-child(6n+1) {
	clear: none;
}
.pc-2:nth-child(2n),
.pc-3:nth-child(3n),
.pc-4:nth-child(4n),
.pc-5:nth-child(5n),
.pc-6:nth-child(6n) {
	margin-right: 2%;
}
.pc-2m05:nth-child(2n){
    margin-right: 1%;
}     
.pc-2m2:nth-child(2n) {
	margin-right: 4%;
}
.pc-2m4:nth-child(2n) {
	margin-right: 8%;
}
.pc-3m05:nth-child(3n){
    margin-right: 1%;
} 
.pc-3m2:nth-child(3n){
    margin-right: 4%;
}
.pc-3m4:nth-child(3n){
    margin-right: 8%;
}
.pc-4m0b1 {
    border: none;
}       
.pc-4m05:nth-child(4n) {
	margin-right: 1%;
}     
.pc-4m2:nth-child(4n) {
	margin-right: 4%;
}   
.pc-4m4:nth-child(4n) {
	margin-right: 8%;
}   
.pc-5m05:nth-child(5n){
    margin-right: 1%;
}
.pc-5m2:nth-child(5n){
    margin-right: 4%;
}
.pc-5m4:nth-child(5n){
    margin-right: 8%;
}       
/* ----------モバイルのとき余白なしボックスの高さを低くし、横幅最大に広げる---------- */
.pc-2m0-t {
    height: auto;
}
.pc-2m0-i {
    height: 400px;
}
/*（mb-1と同じだが、今後変更したくなったときのため別名にしている ※mb-1に統一しても問題ない）*/
.mb-1-s {
	width: 100%;
}
/*（モバイル表示用の横並びボックス）*/	
/*__ボックス1つ__*/
.mb-1 {
	width: 100%;
}
/*__ボックス2つ__*/
.mb-2 {
	width: 49%;
}
/*__ボックス2つ（余白なし）__*/
.mb-2m0 {
	width: 50%;
}
/*__ボックス2つ（余白なし ボーダーあり）__*/
.mb-2m0b1 {
	width: 50%;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}
/*__ボックス2つ（余白2倍）__*/
.mb-2m2 {
	width: 48%;
}
/*__ボックス2つ（余白4倍）__*/
.mb-2m4 {
	width: 46%;
}    
/*__ボックス3つ__*/
.mb-3 {
	width: 32%;
}
/*__ボックス4つ__*/
.mb-4 {
	width: 23.5%;
}
/*（右端ボックスのマージンを消す ※デザインには使用しない） */  
.mb-1:nth-child(n),	
.mb-2:nth-child(2n),
.mb-2m2:nth-child(2n),
.mb-2m4:nth-child(2n),
.mb-3:nth-child(3n),
.mb-4:nth-child(4n)	{
	margin-right: 0;	
}
/*（右端ボックスのボーダーを消す ※デザインには使用しない） */
.mb-2m0b1:nth-child(2n) {
    border-right: none;
} 
/*（ボックスの回り込みを解除する ※デザインには使用しない） */  
.mb-1:nth-child(n+1),	
.mb-2:nth-child(2n+1),
.mb-2m2:nth-child(2n+1),
.mb-2m4:nth-child(2n+1),
.mb-3:nth-child(3n+1),
.mb-4:nth-child(4n+1) {
    clear: both;
}    
/* ----------デスクトップパソコンのとき消す（PC表示設定の続き）---------- */
.pc-none {
	display: inline;
}
/* ----------モバイルのとき消す---------- */	
.mb-none {
	display: none;
}
/* ----------モバイルのときfloat解除---------- */		
.mb-fl-n {
	float: none;
}
.mb-fl-l {
	float: left;
}
/* ----------モバイルのとき横幅---------- */	
.mb-wid-5 {
	width: 5%;
}    
.mb-wid-10 {
	width: 10%;
}    
.mb-wid-15 {
	width: 15%;
}    
.mb-wid-20 {
	width: 20%;
}    
.mb-wid-25 {
	width: 25%;
}    
.mb-wid-30 {
	width: 30%;
}    
.mb-wid-35 {
	width: 35%;
}
.mb-wid-40 {
	width: 40%;
}
.mb-wid-45 {
	width: 45%;
}
.mb-wid-50 {
	width: 50%;
}
.mb-wid-55 {
	width: 55%;
}
.mb-wid-60 {
	width: 60%;
}
.mb-wid-65 {
	width: 65%;
}
.mb-wid-70 {
	width: 70%;
}
.mb-wid-75 {
	width: 75%;
}
.mb-wid-80 {
	width: 80%;
}
.mb-wid-85 {
	width: 85%;
}
.mb-wid-90 {
	width: 90%;
}
.mb-wid-95 {
	width: 95%;
}
.mb-wid-100 {
	width: 100%;
}    	
.mb-mwid-100 {
	max-width: 100%;
}
/* ----------モバイルのときのパディング指定---------- */
.mb-pd-0 {
	padding: 0;
}
.mb-pd-1 {
	padding: 1rem;
}
.mb-pd-2 {
	padding: 2rem;
}       
.mb-pd-3 {
	padding:3rem;
}       
.mb-pd-4 {
	padding: 4rem;
}       
.mb-pd-5 {
	padding: 5rem;
}       
.mb-pd-6 {
	padding: 6rem;
}
.mb-pdt-0 {
	padding-top: 0;
}
.mb-pdb-0 {
	padding-bottom: 0;
}
.mb-pdr-0 {
	padding-right: 0;
}
.mb-pdl-0 {
	padding-left: 0;
}		
/* ----------モバイルのときのマージン指定---------- */
.mb-mg-0 {
	margin: 0;
}
.mb-mgc {
	margin: 0 auto;
}
.mb-mgb-0 {
	margin-bottom: 0;
}
.mb-mgb-05 {
	margin-bottom: 0.5rem;
}    
.mb-mgb-1 {
	margin-bottom: 1rem;
}
.mb-mgb-2 {
	margin-bottom: 2rem;
}
.mb-mgb-3 {
	margin-bottom: 3rem;
}
.mb-mgb-4 {
	margin-bottom: 4rem;
}
.mb-mgb-5 {
	margin-bottom: 5rem;
}
.mb-mgb-6 {
	margin-bottom: 6rem;
} 
.mb-mgr-1 {
	margin-right: 1rem;
}    
/* ----------モバイルのとき90度回転---------- */	
.mb-deg-90 {
	transform: rotate(90deg);
}
/* ----------モバイルのときの文字---------- */	
/*（文字のサイズ）*/	   
.ts-title {
	font-size: 1.75rem;
}
.mb-ts-note {
	font-size: 0.75rem;
}
.mb-ts-small {
	font-size: 0.875rem;
}
.mb-ts-1 {
	font-size: 1rem;
}
.mb-ts-1_5 {
	font-size: 1.5rem;
}
.mb-ts-1_75 {
	font-size: 1.75rem;
}	
.mb-ts-2 {
	font-size: 2rem;
}
.mb-ts-2_5 {
	font-size: 2.5rem;
}
.mb-ts-3 {
	font-size: 3rem;
}	
.mb-ts-3_5 {
	font-size: 3.5rem;
}
.mb-ts-4 {
	font-size: 4rem;
}	
/*（文字の寄せ）*/
.mb-ta-c {
	text-align: center;
}
.mb-ta-l {
	text-align: left;
}
.mb-ta-r {
	text-align: right;
}
/* ----------モバイルのときの線---------- */	
.mb-bdr-0 {
	border-right: none;
}    
/* ----------モバイルのときの新着情報タイトルの回り込み解除---------- */	    
.news-main {
    clear: both;
    margin-left: 0px;
    padding-left: 0px;
}    
/* ----------モバイルのときの文字左右の線を横幅100%---------- */	
.bdm-bt,    
.bdm-c,
.bdm-t,    
.bdm-w {
	width: 100%;
}
/* ----------モバイルのときの角丸の指定---------- */
.mb-rc-0 {
    border-radius: 0;
}
/* ----------モバイルのときの画像切り替え---------- */
/*（メイン背景イメージ）*/
.mainimg-top {  
	background-image: url("../images/top-image-mb.jpg");  
}
.mainimg-advantage {
	background-image: url("../advantage/images/advantage-image-mb.jpg");
}
.mainimg-belleconstruction {
	background-image: url("../solution/bellecollection-construction/images/belleconstruction-image-mb.jpg");
}
.mainimg-bellerealestate {
	background-image: url("../solution/bellecollection-realestate/images/bellerealestate-image-mb.jpg");
}
.mainimg-bellemedical {
	background-image: url("../solution/bellecollection-medical/images/bellemedical-image-mb.jpg");
}
.mainimg-bellecare {
	background-image: url("../solution/bellecollection-care/images/bellecare-image-mb.jpg");
}
.mainimg-bellegasstation {
	background-image: url("../solution/bellecollection-gasstation/images/bellegasstation-image-mb.jpg");
}	
.mainimg-incsystem {
	background-image: url("../solution/incsystem/images/incsystem-image-mb.jpg");
}
.mainimg-list {
	background-image: url("../solution/list/images/list-image-mb.jpg");
}		
.mainimg-teleapo {
	background-image: url("../solution/list/teleapo/images/teleapo-image-mb.jpg");
}
/*	
.mainimg-mobileeden {
	background-image: url("../solution/mobileeden/images/mobileeden-image-mb.jpg");
}
*/	
.mainimg-webtuku {
	background-image: url("../solution/webtuku/images/webtuku-image-mb.jpg");    
} 
.mainimg-teltchi {
	background-image: url("../solution/teltchi/images/teltchi-image-mb.jpg");
} 
.mainimg-ccatcherpro {
	background-image: url("../solution/ccatcherpro/images/ccatcherpro-image-mb.jpg");
}
.mainimg-crio {
	background-image: url("../solution/crio/images/crio-image-mb.jpg");
}
.mainimg-valuelite {
	background-image: url("../solution/value/valuelite/images/valuelite-image-mb.jpg");
}
.mainimg-invoice {
	background-image: url("../solution/invoice/images/invoice-image-mb.jpg");
}
.mainimg-cnvaluconstruction {
	background-image: url("../solution/cnvalu-construction/images/cnvaluconstruction-image-mb.jpg");
}		
.mainimg-disposal {
	background-image: url("../solution/disposal/images/disposal-image-mb.jpg");
} 
.mainimg-denshi {
	background-image: url("../solution/denshi32/images/denshi-image-mb.jpg");
}
.mainimg-tuku {
	background-image: url("../solution/tuku23/images/tuku-image-mb.jpg");
} 
.mainimg-hsdoko {
	background-image: url("../solution/hsdoko27/images/hsdoko-image-mb.jpg");
}
/*（サブ背景イメージ）*/
.subimg-request {
	background-image: url("../images/request-image-mb.jpg");
}
/* RAGデータベース */
.ragdatabase-wrapper::before {
   background-image: url("../solution/ragdatabase/images/ragdatabase-image-mb.jpg");
}		
/* 営業ターゲットリスト */
.list-wrapper::before {
   background-image: url("../solution/list/images/list-image-mb.jpg");
}	
/* ----------モバイルのときのボタン横幅の最小値---------- */		   
.clear-btn a,
.white-btn a,
.whiteblack-btn a,
.blue-btn a {
    min-width: 50%;
} 
/* ----------モバイルのとき読み込みスピードのスコアが悪いためアニメーションを切っている---------- */	   
.particles-animation {
    display: none;
}    
    
}


/* <<<<<<<<<<<<<<<<<<<< 560px未満 >>>>>>>>>>>>>>>>>>>> */

@media screen and (max-width: 559px) {

/* ----------モバイルのときfloat解除（スマートフォンが対象）---------- */	    
mb-fl-n {
    float: none;
}    
    
/* ----------モバイルのときフォントサイズを縮小させない---------- */	
/*    
.ts-note {
	font-size: 0.75rem;
}
.ts-small {
	font-size: 0.85rem;
}   
*/

}