@charset "utf-8";


/*---------------------------------------------------------------------------------------------- */
/* 全共通 -------------------------------------------------------------------------------------  */
/*---------------------------------------------------------------------------------------------- */

* {
 padding           : 0;
 margin            : 0;
}


body {
 margin  : 0;
 padding : 0;
 font-size :11px;
 line-height : 180%;
}




hr{
 border:none;
 border-top:solid 1px #cccccc;
 height:1px;
 color:#FFFFFF;
 margin: 12px 0 12px 0;
}

.hrdot{
 clear :both;
 border:none;
 border-top:dotted 1px #cccccc;
 height:1px;
 color:#FFFFFF;
 margin: 12px 0 12px 0;
}


.text11 {font-size:11px;}


ul, ol { list-style : none;}

a:link   { color : #00B3ED; text-decoration : none;}
a:visited{ color : #00B3ED; text-decoration : none;}
a:hover  { color : #00B3ED; text-decoration : underline;}

img {
 vertical-align     : middle;
 max-width          : 100%;
 border             : 0;
}

a img {
 border-top-style    : none;
 border-right-style  : none;
 border-bottom-style : none;
 border-left-style   : none;
}

a:hover img{
 opacity            : 0.5;
 filter             : alpha(opacity=50);
 -moz-opacity       : 0.5;
 -ms-filter         : "alpha(opacity=50)";
 background-color   : rgba(255, 255, 255, .5);
}

a img{
 opacity            : 1;
 filter             : alpha(opacity=100);
 -moz-opacity       : 1;
 -ms-filter         : "alpha(opacity=100)";
 -webkit-transition : 0.4s;
 -moz-transition    : 0.4s;
 -o-transition      : 0.4s;
 -ms-transition     : 0.4s;
 transition         : 0.4s;
}

.clear-both{ clear : both;}



.mt3 { margin-top : 3px; }
.mt5 { margin-top : 5px; }
.mt6 { margin-top : 6px; }
.mt9 { margin-top : 9px; }
.mt10{ margin-top : 10px; }
.mt12{ margin-top : 12px; }

.mb20{ margin-bottom : 20px; }
.mb10{ margin-bottom : 10px; }
.mb5 { margin-bottom : 5px; }
.mb2 { margin-bottom : 2px; }


.txtright{
 margin:16px 0 0 0;
 width:100%;
 text-align:right;
}

.imgright{
 float :right;
 margin:0 0 10px 10px;
}

.alignleft   { float: left;  margin: 0 1em 1em 0;}
.alignright  { float: right; margin: 0 0 1em 1em;}
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 1em; margin-top:1em;}



.blue { color  : #00B3ED;}
.red  { color  : #BD3A3A;}
.green{ color  : #75BD3A;}
.brown{ color  : #56391B;}


.bg_gray { background  : #F5F5F5;}





/*地図対策 ID名をあわせる*/
#example1 img,
#example2 img,
#map img {
  max-width: none;
  /* ... */
}





#map-canvas{
width:100%;
height:300px;
}




.codesp{ display   : none;}
.codepc{ display   : none;}


#jsswitch { float  : none;}


p{
 margin            : 20px 0 40px 0;
 padding           : 0 0 0 0;
 text-align        : left;
}




/* ----- ヘッダ ----- */
header{
 height            : 40px;
 z-index           : 70;
 width             : 100%;
 text-align        : center;
 padding           : 20px 0 0 0%;
 margin            : 0;
}

header span{
 display           : none;
}

header #dropmenu{
 clear             : both;
 display           : block;
 margin            : 0px auto;
 width             : 800px;
 padding           : 0 0 0 300px;
 text-align        : left;
 background-image: url("../img/head_logo.png");
 background-repeat: no-repeat;
}

#dropmenu li {
 display           : inline-block;
 margin            : 0 40px 0 0;
}
#dropmenu li a span{
 display           : none;
}

#dropmenu li a{
 text-decoration   : none;
 color             : #000;
}
#dropmenu li a:hover{
 opacity           : 0.5;
 filter            : alpha(opacity=50);
 -moz-opacity      : 0.5;
 -ms-filter        : "alpha(opacity=50)";
 -webkit-transition: 0.4s;
 -moz-transition   : 0.4s;
 -o-transition     : 0.4s;
 -ms-transition    : 0.4s;
 transition        : 0.4s;
}

#dropmenu li.active{
 opacity           : 0.3;
 filter            : alpha(opacity=30);
 -moz-opacity      : 0.3;
 -ms-filter        : "alpha(opacity=30)";
}


/* ----- フッタ ----- */
footer{
 clear             : both;
 display           : block
 width             : 100%;
 text-align        : center;
 padding           : 120px 0 20px 0;
 margin            : 0 0 0 0;
 font-size         : 11px;
 line-height       : 130%;
 color             : #666666;
}



/* ----- コンテンツ見出し ----- */
.content h1{
 text-align        : left;
 font-size         : 14px;
 color             : #00B3ED;
 font-family       : 'Meiryo',Arial,sans-serif;
 font-weight       : 700;
}

.content h2{
 text-align        : left;
 font-size         : 12px;
 color             : #00B3ED;
 font-family       : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 font-weight       : 700;
 padding           : 81px 0 10px 50px;
 background-image  : url("../img/bg_h2.png");
 background-repeat : no-repeat;
 background-position:left bottom;
 line-height      : 100%;
}

.conceptST{
 text-align        : left;
 color             : #00B3ED;
 font-family       : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 font-weight       : 700;
 padding           : 31px 0 10px 0;
}


/* ----- CONCEPT ----- */
.concept{
 min-height        : 500px;
 background-image  : url("../img/bg_concept.png");
 background-repeat : no-repeat;
 background-position:right top;
}



/* ----- COMPANY ----- */
/* ----- CONTACT ----- */
.companyCell_b,
.companyCell_w{
 font-size : 0.7em;
}




.companyCell_b{
 float             : left;
 display           : inline;
 width             : 100%;
 background        : #E9F8FF;
}
.companyCell_w{
 float             : left;
 display           : inline;
 width             : 100%;
 background        : #ffffff;
 text-align        : center;
}

.cell01{
 float             : left;
 display           : inline;
 width             : 20%;
}
.cell02{
 float             : left;
 display           : inline;
 width             : 80%;
 text-align        : left;
}
.cell01 span,
.cell02 span{
 float             : left;
 display           : inline;
 padding           : 12px 0 12px 12px;
}

.cell02 .cell02L{
 float             : left;
 display           : inline;
 width             : 15%;
}
.cell02 .cell02R{
 float             : left;
 display           : inline;
 width             : 85%;
}


.cell02 .cell02L2{
 float             : left;
 display           : inline;
 width             : 55%;
}
.cell02 .cell02R2{
 float             : left;
 display           : inline;
 width             : 45%;
}


.cell02  .cell02L span,
.cell02  .cell02R span,
.cell02  .cell02L2 span,
.cell02  .cell02R2 span{
 float             : left;
 display           : inline;
 padding           : 6px 0 6px 12px;
}


.box05{
 float             : left;
 display           : inline;
 margin            : 0 0 2em 0%;
 width             : 33%;
 background        : #ffffff;
 text-align        : center;
 line-height       : 130%;
 color             : #00B3ED;
 font-size         : 0.8em;
}


/*PHILOSOPHY*/

.philos{
 float             : left;
 display           : inline;
 width             : 100%;
 background        : #ffffff;
 text-align        : left;
 margin            : 0 0 20px 0;
}

.philoST{
 color             : #00B3ED;
 font-family       : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 font-weight       : 700;
 padding           : 31px 0 10px 0;
}

.philoST2{
 font-family       : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 font-weight       : 700;
}




.philo01{
 float             : left;
 display           : inline;
 width             : 15%;
}
.philo02{
 float             : left;
 display           : inline;
 width             : 85%;
}
.philoL{
 float             : left;
 display           : inline;
 margin            : 0 0 0 0;
 width             : 40%;
}
.philoR{
 float             : left;
 display           : inline;
 width             : 60%;
}







/* ----- フォーム ----- */
.fm { width: 550px; height:32px;  background: #ededee;border: solid 1px #ededee;}
.fl { width: 550px; height:320px; background: #ededee; border: solid 1px #ededee;}

.soushin {
 width      : 500px;
 height     : 50px;
 background : #01b3ec;
 color      : #ffffff;
 border     : solid 1px #01b3ec;
 cursor     : "hand";
}



.wrap{
 margin            : 0px auto;
 padding           : 80px 0% 0 0%;
 width             : 100%;
 text-align        : center;
}

/* ----- コンテンツ ----- */
.content{
 clear             : both;
 display           : block;
 margin            : 0px auto;
 width             : 100%;
 padding           : 0 0 0 0;
 color             : #666666;
 text-align:left;
}
.content:after {
 content: "";
 display: block;
 clear: both;
}



/* ----- メインビジュアル ----- */
.mainv{
 float             : left;
 display           : inline;
 width             : 100%;
 background        : #ffffff;
}
.mainv img{
 width             : 100%;
}



.flexslider{ display:none; }
.noprint{ display:none; }