@charset "uft-8";
/*
CORDING BY akihirohiramoto.jp/
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
*/
/*透過処理
filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
transition:opacity 0.2s linear;
-webkit-transition:opacity 0.2s linear;
-moz-osx-transition:opacity 0.2s linear;
-ms-transition:opacity 0.2s linear;
/*-moz--webkit--o--ms-*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,  font, inline-tabel, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
font-family: no -apple-system,'Hiragino Kaku Gothic ProN',  BlinkMacSystemFont, 'Helvetica Neue', 'Noto Sans JP', 'Hiragino Sans', meiryo,  '游ゴシック  Medium', sans-serif;
}
html {
font-size: 62.5%;
overflow-y:scroll;
}
/* JavaScript が有効な場合に非表示 */
html.enable-javascript .hide-enable-js{
display: none;
}
/* JavaScript が無効な場合に非表示 */
html:not(.enable-javascript) .hide-disable-js{
display: none;
}
html,body { /*ボディー：フォントスムーシング*/
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: rgba(229,230,233,1);
}
h1, h2, h3, h4, h5, h6, p, li {
font-weight: normal;
font-size: 1rem;
list-style: none;
}
/*基本段落フォント：太文字ゴシック系*/
strong {
font-weight: bolder;
}
/*文字カラー*/
.tex-red {
color: #F00;
}
.text-color-333 {
color: #333;
}
img {
border:none;
}
/*基本リンク色*/
a {
color: rgba(0,130,220,1.00);
text-decoration: none;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-osx-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
}
a:hover {
color: rgba(0,90,220,1.00);
text-decoration: underline;
}
a img{/*firefoxのホバー揺れ対策*/
box-shadow: #000 0 0 0 ;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-osx-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
}

.linear {/*透過アニメーション*/
text-decoration: none;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-osx-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}

table {
width: 100%;
height: auto;
}
.float-a-l { float: left; }
.float-a-r { float: right; }
@media screen and (max-width: 900px) {
/*表示領域が以上（min）以下（max）*/
.float-a-l { float: none; display: inline-block; }
.float-a-r { float: none; display: inline-block; }
}
/*文章注釈グレー*/
span.textline { /*右側の縦棒区切り*/
margin-right: 1em;
border-right: dotted 1px #666;
height: 11px;
}
span.p-center { /*記など*/
text-align: center;
display: block;
padding: 0.5em auto 1em;
}
/*bg▼▼▼
#bg_image {
background-size: cover;
filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
width: 100%;
height:100%;
position: fixed;
top: 0;
left: 0;
z-index: -9999;←これを追加した
}*/

/*▼▼▼ボックス*/
.width-all { /*無地横幅100%*/ 
display: block;
width: 100%;
text-align: center;
margin: 0 auto;
overflow: hidden;
}
.width960 { /*横幅960px*/
width:100%;
display: block;
max-width: 960px;
margin: 0 auto;
vertical-align: top;
}
.width900 { /*横幅900px*/
display: block;
width:100%;
max-width: 900px;
margin: 0 auto;
vertical-align: top;
}
@media screen and (max-width: 900px) {
/*表示領域が以上（min）以下（max）*/
.width900 { /*横幅900px*/
display: block;
width:90%;
margin: 0 auto;
vertical-align: top;
}
}
.width734 { /*横幅734px*/
display: block;
width:100%;
max-width:734px;
margin: 0 auto;
vertical-align: top;
}
@media screen and (max-width: 900px) {
/*表示領域が以上（min）以下（max）*/
.width734 { /*横幅734px*/
display: block;
width:90%;
margin: 0 auto;
vertical-align: top;
}
}
.width640 { /*横幅640px*/
display: block;
width:90%;
max-width:640px;
margin: 0 auto;
vertical-align: top;
}
.lrbox420px {
display: inline-block;
width: 100%;
max-width: 420px;
vertical-align: top;
}
@media screen and (max-width: 900px) {
/*表示領域が以上（min）以下（max）*/
.lrbox420px {
display: block;
width: 100%;
max-width: 900px;
vertical-align: top;
}
}
.bg-blue {
background-color: rgba(0,12,57,1);
}
.bg-wa {
background-color: rgba(255,255,255,0.88);
}
.bg-wb {
background-color: rgba(255,255,255,0.85);
}
.bg-wc {
background-color: rgba(255,255,255,0.96);
}
.bg-wd {
background-color: rgba(255,255,255,0.94);
}
.bg-wz {
background-color: rgba(255,255,255,0.2);
}

h3 {
text-align:center;
font-size: 1.3rem;
line-height: 1em;
margin-bottom: 2em;
}
h2 {
text-align:center;
font-size: 2.4rem;
margin-bottom: 2em;
}
p {
text-align:left;
font-size: 1.6rem;
line-height: 1.8em;
margin-bottom: 0.5em;
}

/*▼▼▼ヘッダースペース*/
#concept-top {
margin-top:-45px;
padding-top:45px;
}
#mr33-top {
margin-top:-45px;
padding-top:45px;
}
#colist-top {
margin-top:-45px;
padding-top:45px;
}
#contact-top {
margin-top:-45;
padding-top:45px;
}
#pp-top {
margin-top:0px;
padding-top:60px;
}
#product {
margin-top:;
padding-top:60px;
}

/*コンテンツ下部参加企業一覧へのリンク等*/
.end-link-a {
display:block;
margin: 80px auto 0px;
text-align: center;
}
.end-link-a a{
display:inline-block;
padding-bottom: 10px;
color:rgba(255,255,255,1.00);
font-size:  1.8rem;
}
.end-link-a a:hover{
color:rgba(24,154,255,0.7);
text-decoration: none;
}
.end-link-a p{
display:block;
font-size: 1.2rem;
text-align: center;
color:rgba(255,255,255,0.4);
}
.end-link-b a{
display:inline-block;
padding-bottom: 10px;
font-size: 1.8rem;
}
.end-link-b a:hover{
text-decoration: none;
}
.end-link-b p {
display:block;
font-size: 1.2rem;
text-align: center;
color:rgba(0,0,0,0.8);
}
.end-link-c {
display:inline-block;
margin: 40px auto 0px;
text-align: center;
}
.end-link-c a{/*お問い合わせ丸ボタン*/
display:inline-block;
line-height: 1.5em;
padding: 0.6em 1.5em;
font-size: 1.8rem;
border: 1px solid rgba(255,255,255,0.8);
color: rgba(255,255,255,0.8);
border-radius: 3.2em;
}
.end-link-c a:hover {/*お問い合わせ丸ボタン*/
border: 1px solid rgba(24,154,255,0.7);
background-color: rgba(24,154,255,0.7);
color: rgba(255,255,255,1);
text-decoration: none;
}
.end-link-d a{/*メール丸ボタン*/
display:inline-block;
line-height: 1.5em;
padding: 0.6em 1.5em;
font-size: 1.8rem;
border: 1px solid rgba(24,154,255,1);
color: rgba(24,154,255,1);
border-radius: 3.2em;
}
.end-link-d a:hover {/*メール丸ボタン*/
border: 1px solid rgba(24,154,255,1);
background-color: rgba(24,154,255,1);
color: rgba(255,255,255,1);
text-decoration: none;
}
.copyright {
display:inline-block;
width:100%;
padding-top:10px;
padding-bottom:40px;
font-size:1.2rem;
color:rgba(0,0,0,1);
text-align: center;
}

/*ヘアライン*/
hr {
display: block;
width: 100%;
margin: 0 0;
border: 0;
overflow: hidden;
}
.hr-mgtb0 {
display: block;
height: 1px;
background-color: rgba(125,125,125,0.4);
}
.hr-mgtb20px {
display: block;
height: 1px;
background-color: rgba(125,125,125,0.4);
margin: 20px 0;
}
.hr-mgtb40 {
display:block;
height: 1px;
background-color:rgba(125,125,125,0.4);
margin: 40px 0;
}
/*▼▼▼padding & margin*/
/*padding-top*/
.pdt0 { padding-top:0; }
.pdt1em { padding-top:1em; }
.pdt2em { padding-top:2em; }
.pdt5px { padding-top:5px; }
.pdt10px { padding-top:10px; }
.pdt20px { padding-top:20px; }
.pdt30px { padding-top:30px; }
.pdt40px { padding-top:40px; }
.pdt60px { padding-top:60px; }
.pdt80px { padding-top:80px; }
/*padding-bottom*/
.pdb0 { padding-bottom:0; }
.pdb1em { padding-bottom:1em; }
.pdb2em { padding-bottom:2em; }
.pdb5px { padding-bottom:5px; }
.pdb10px { padding-bottom:10px; }
.pdb20px { padding-bottom:20px; }
.pdb30px { padding-bottom:30px; }
.pdb40px { padding-bottom:40px; }
.pdb60px { padding-bottom:60px; }
.pdb80px { padding-bottom:80px; }
/*padding-T and B*/
.pdtb1em { padding-top:1em; padding-bottom:1em; }
.pdtb2em { padding-top:2em; padding-bottom:2em; }
.pdtb40px { padding-top:40px; padding-bottom:40px; }
.pdtb60px { padding-top:60px; padding-bottom:60px; }
.pdtb80px { padding-top:80px; padding-bottom:80px; }
/*padding-Right*/
.pdr2px { padding-right:2px; }
.pdr20px { padding-right:20px; }
.pdr30px { adding-right:30px; }
/*padding-Left*/
.pdl2px { padding-left:2px; }
.pdl20px { padding-left:20px; }
.pdl30px { padding-left:30px; }
.pdl50px { padding-left:50px; }
/*padding-L and R*/
.pdlr1px { padding-left:1px; padding-right:1px; }
.pdlr2px { padding-left:2px; padding-right:2px; }
.pdlr10px { padding-left:10px; padding-right:10px; }
.pdlr30px { padding-left:30px; padding-right:30px; }
/*margin-top*/
.mgt0 { margin-top:0; }
.mgt05em { margin-top:0.5em; }
.mgt1em { margin-top:1em; }
.mgt2em { margin-top:2em; }
.mgt5px { margin-top:5px; }
.mgt10px { margin-top:10px; }
.mgt20px { margin-top:20px; }
.mgt40px { margin-top:40px; }
.mgt60px { margin-top:60px; }
.mgt80px { margin-top:80px; }
/*margin-bottom*/
.mgb0 { margin-bottom:0; }
.mgb05em { margin-bottom:0.5em; }
.mgb1em { margin-bottom:1em; }
.mgb2em { margin-bottom:2em; }
.mgb5px { margin-bottom:5px; }
.mgb10px { margin-bottom:10px; }
.mgb20px { margin-bottom:20px; }
.mgb40px { margin-bottom:40px; }
.mgb60px { margin-bottom:80px; }
.mgb80px { margin-bottom:80px; }
/*margin-T and B*/
.mgtb1em { margin-top:1em; margin-bottom:1em; }
.mgtb2em { margin-top:2em; margin-bottom:2em; }
.mgtb40px { margin-top:40px; margin-bottom:40px; }
.mgtb60px { margin-top:60px; margin-bottom:60px; }
.mgtb80px { margin-top:80px; margin-bottom:80px; }
/*margin-left or right*/
.mgr30px { margin-right:30px; }
.mgr10px { margin-right:10px; }
.mgl30px { margin-left:30px; }

/*濃いめのテキストシャドウ全方位（一番濃い）*/
.text-shadow-black-80 {
text-shadow:
2px  2px 2px rgba(0,0,0,0.80),
-2px  2px 2px rgba(0,0,0,0.80),
2px -2px 2px rgba(0,0,0,0.80),
-2px -2px 2px rgba(0,0,0,0.80);
}
/*濃いめのテキストシャドウ全方位（中）*/
.text-shadow-black-40 {
text-shadow:
2px  2px 3px rgba(0,0,0,0.40),
-2px  2px 3px rgba(0,0,0,0.40),
2px -2px 3px rgba(0,0,0,0.40),
-2px -2px 3px rgba(0,0,0,0.40);
}
/*薄めのテキストシャドウ全方位（薄い）*/
.text-shadow-black-20 {
text-shadow:
2px  2px 3px rgba(0,0,0,0.20),
-2px  2px 3px rgba(0,0,0,0.20),
2px -2px 3px rgba(0,0,0,0.20),
-2px -2px 3px rgba(0,0,0,0.20);
}

/*ウィンドウ幅によって改行消し*/
.dsp-bn {
display:block;
}
@media screen and (max-width: 900px) {
/*表示領域が以上（min）以下（max）*/
.dsp-bn {
display:none;
}
}
.dsp-nib {
display:none;
}
@media screen and (max-width: 900px) {
/*表示領域が以上（min）以下（max）*/
.dsp-nib {
display:inline-block;
}
}

/*右矢印（くの字）リンクカラー無し*/
/*▼1px*/
.arrow-r::after{content:''; 
height:0.46em; width:0.46em; display:inline-block; border:solid;
border-width: 1px 1px 0 0;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg); 
margin-left:4px;
margin-top: -1em;
margin-bottom: 0.1em;
}
/*↓の位置をsafariのみブラウザハック**/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.arrow-r::after{content:''; 
overflow:hidden;
margin-top: -1em;
margin-bottom: 0.05em;
}
}
/*▼2px*/
.arrow-r-2px::after{content:''; 
height:0.4em; width:0.4em; display:inline-block; border:solid;
border-width: 2px 2px 0 0;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg); 
margin-left:4px;
margin-top: -1em;
margin-bottom: 0.1em;
}
/*↓の位置をsafariのみブラウザハック**/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.arrow-r::after{content:''; 
overflow:hidden;
margin-top: -1em;
margin-bottom: 0.05em;
}
}

/*下矢印（くの字）リンクカラー無し*/
/*▼1px*/
.arrow-b::after{content:''; 
height:0.4em; width:0.4em; display:inline-block; border:solid;
border-width: 1px 1px 0 0;
transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg); 
margin-left:6px;
margin-top: -1em;
margin-bottom: 0.3em;
}
/*↓の位置をsafariのみブラウザハック**/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.arrow-b::after{content:''; 
overflow:hidden;
margin-top: -1em;
margin-bottom: 0.2em;
}
}
/*▼2px*/
.arrow-b-2px::after{content:''; 
height:0.4em; width:0.4em; display:inline-block; border:solid;
border-width: 2px 2px 0 0;
transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg); 
margin-left:6px;
margin-top: 0.5em;
margin-bottom: 0.2em;
}
/*↓の位置をsafariのみブラウザハック**/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.arrow-b::after{content:''; 
overflow:hidden;
margin-top: 0.5em;
margin-bottom: 0.2em;
}
}

/*▼▼▼バグフィックス*/
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
.floatbag { 
clear:both;
width:0px;
height:0px;
visibility:hidden;
}