/*
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;
*/
#header {
background-color: rgba(0,22,67,0.4);
}
/*▼▼NAVI-INDEX*/
#navi-index { /*初期は非表示（indexのみ表示）*/
display:block;
visibility:visible;
position: absolute;
top: 0;
left: 0;
z-index: 900;
padding-top: 60px;
width: 100%;
font-size: 0;
text-align: center;
background-color: rgba(0,0,0,0);
background-image: url("../index/bg-navi-index.png");
background-repeat: repeat-y;
background-position: center bottom;
background-size: 800px 56px;
transition: all .2s linear;
filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
/*▼▼FIXEDメニューチラつき対策*/
-webkit-backface-visibility:hidden; 
backface-visibility:hidden;  
overflow: hidden;
transform: translate3d(0, 0, 0); /*iOS等慣性対策表示*/
/*▲▲*/
}


/*▼▼▼CONCEPT*/
#concept-top {
color: rgba(255,255,255,1);
}
#concept-top.bg-concept-top {
background: url("../index/bg-linepattern.png") no-repeat left top;
background-size: 860px;
background-color:rgba(0,22,67,1);
}
#concept-top .bg-kamon {
background: url("../index/bg-kamon.png") no-repeat center center;
}
.concept-textbox {/*コンセプト文章*/
width: 90%;
max-width:420px;
font-weight:lighter;
}
.concept-textbox p {/*コンセプト文章*/
font-weight:lighter;
}
.concept-logo {
display: block;
background: url("../index/logo-blueloom_l.png") no-repeat center center;
background-size:contain;
width: 90%;
max-width: 290px;
text-indent: -90000px;
margin: 0 auto;
margin-bottom: 2em;
}

/*▼▼▼MR33*/
.bg-mr33-concept {
background-color:rgba(242,231,223,1);
}
img.selvedge {
padding: 60px 0 0;
display: inline-block;
width: 100%;
max-width: 640px;
}
.mr33-logo {
display: block;
background: url("../index/logo-mr33_l.png") no-repeat center center;
background-size:contain;
width: 90%;
max-width: 200px;
height: 100px;
text-indent: -90000px;
margin: 0 auto;
margin-bottom: 2em;
}

/*▼MR33写真メニュー*/
ul.mr33-photomenu {
display: block;
width: 100%;
max-width: 1600px;
margin: 0 auto 0;
font-size: 0;
text-align: center;
vertical-align: top;
}
ul.mr33-photomenu li {
border: 1px solid rgba(242,231,223,0);
display: inline-block;
width: 25%;
height: 360px;
position: relative;
overflow: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
@media screen and (max-width: 1060px) {
/*表示領域が以上（min）以下（max）*/
ul.mr33-photomenu {
display: block;
width: 100%;
max-width: 1060px;
margin: 0 auto 0;
font-size: 0;
text-align: center;
vertical-align: top;
}
ul.mr33-photomenu li {
display: inline-block;
position: relative;
overflow: hidden;
width: 50%;
height: 300px;
border: 1px solid rgba(242,231,223,0);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
}
/*▼MR33写真メニュー*/
ul.mr33-photomenu li a {
display:  inline-block;
background-color: rgba(0,0,0,1);
width: 100%;
height:360px;
text-align: center;
}
ul.mr33-photomenu li a img {
display: block;
position: absolute;
z-index: auto;
/*中央ぞろえ*/
top: 0;
bottom: 0;
left: -100px;
right: 0;
margin: auto;
/*中央ぞろえ*/
width: 700px;
height: auto;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
filter: alpha(opacity=90); -moz-opacity:.9; opacity:.9;
}
ul.mr33-photomenu li a:hover img {
transform: scale(1.5);
filter: alpha(opacity=60); -moz-opacity:.6; opacity:.6;
}
ul.mr33-photomenu li a div {
display:  inline-block;
position: absolute;
z-index: 1;
/*中央ぞろえ*/
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
/*中央ぞろえ*/
font-size: 1.8em;
color: rgba(255,255,255,1);
white-space: nowrap;
padding-top: 80px;
padding-bottom:1em;
border-bottom: 2px solid rgba(255,255,255,0.4);
background-size: 100px;
background-position: top center;
background-repeat:no-repeat;
margin-bottom: 20px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
}
ul.mr33-photomenu li a:hover div{
filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
}
ul.mr33-photomenu li a div.mr33-bishu-text {
background-image: url("../index/list-bishu_w.png");
}
ul.mr33-photomenu li a:hover div.mr33-bishu-text {
background-image: url("../index/list-bishu_w.png");
border-bottom: 2px solid rgba(220,0,0,1);
}
ul.mr33-photomenu li a div.mr33-enshu-text {
background-image: url("../index/list-enshu_w.png");
}
ul.mr33-photomenu li a:hover div.mr33-enshu-text {
background-image: url("../index/list-enshu_w.png");
border-bottom: 2px solid rgba(0,120,20,1);
}
ul.mr33-photomenu li a div.mr33-banshu-text {
background-image: url("../index/list-banshu_w.png");
}
ul.mr33-photomenu li a:hover div.mr33-banshu-text {
background-image: url("../index/list-banshu_w.png");
border-bottom: 2px solid rgba(255,124,0,1);
}
ul.mr33-photomenu li a div.mr33-kojima-text {
background-image: url("../index/list-kojima_w.png");
}
ul.mr33-photomenu li a:hover div.mr33-kojima-text {
background-image: url("../index/list-kojima_w.png");
border-bottom: 2px solid rgba(220,0,150,1);
}

/*▼▼▼参加企業*/
#colist-top.bg-wave {
display: block;
background-image:
url("../index/bg-wavepattern-tl_re.png"),
url("../index/bg-wavepattern-br_re.png");
background-position: 
left top,
right bottom;
background-repeat: 
no-repeat,
no-repeat;
background-size:
640px,
640px;
background-color:rgba(0,22,67,1);
color: rgba(255,255,255,1);
}
.colist-textbox {/*参加企業文章*/ 
display: inline-block;
width: 100%;
max-width: 270px;
margin: 0 15px 0px;
text-align: left;
vertical-align: top;
}
@media screen and (max-width: 900px) {
/*表示領域が以上（min）以下（max）*/
.colist-textbox {/*参加企業文章*/ 
display: inline-block;
width: 100%;
max-width: 900px;
margin: 0 0px 3rem;
text-align: left;
vertical-align: top;
}
}
#colist-top h3 {
display: block;
text-align:center;
font-size: 1.3rem;
line-height: 1em;
margin-bottom: 2em;
}
#colist-top h2 {
display: block;
text-align:center;
font-size: 2.4rem;
margin-bottom: 2em;
font-weight: 300;
}
#colist-top h6 {
font-size: 1.8rem;
text-align: center;
margin-bottom: 0.5em;
}
#colist-top h5 {
display: block;
height: 46px;
padding-bottom: 20px;
margin-bottom: 30px;
text-indent: -9000px;
}
#colist-top h5.colist-bishu { /*尾州*/
background: url("../index/list-bishu_w.png") no-repeat center top;
border-bottom: 2px solid rgba(220,0,0,1);
background-size: 100px;
}
#colist-top h5.colist-enshu { /*遠州*/
background: url("../index/list-enshu_w.png") no-repeat center top;
border-bottom: 2px solid rgba(49,177,0,1);
background-size: 100px;
}
#colist-top h5.colist-banshu { /*播州*/
background: url("../index/list-banshu_w.png") no-repeat center top;
border-bottom: 2px solid rgba(255,124,0,1);
background-size: 100px;
}
#colist-top p a:hover{
color: rgba(255,255,255,1);
text-decoration: underline;
}
#colist-top p { /*会社メッセージ*/
font-size: 1.3rem;
line-height: 1.8em;
margin-bottom: 1em;
}
#colist-top p.text-add { /*所在地等*/
font-size: 1.2rem;
line-height: 1.6em;
}