@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

* {
 padding           : 0;
 margin            : 0;
}


html {
    overflow: auto;
}

body {
 margin : 0;
 padding : 0;
 overflow: hidden;
 position: relative;
}


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


ul, ol { list-style : none;}

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

img {
 vertical-align     : middle;
 max-width          : 100%;
 height             : auto;
 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, 0);
}

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; }
.mt4 { margin-top : 4px; }
.mt5 { margin-top : 5px; }
.mt6 { margin-top : 6px; }
.mt9 { margin-top : 9px; }
.mt10{ margin-top : 10px; }
.mt15{ margin-top : 15px; }
.mt12{ margin-top : 12px; }
.mt20{ margin-top : 20px; }
.mt30{ margin-top : 30px; }
.mt40{ margin-top : 40px; }
.mt70{ margin-top : 70px; }
.mt100{ margin-top : 100px; }
.mt-20{ margin-top : -20px; }

.ml3 { margin-left : 3px; }
.ml4 { margin-left : 4px; }
.ml5 { margin-left : 5px; }
.ml6 { margin-left : 6px; }
.ml7 { margin-left : 7px; }
.ml8 { margin-left : 8px; }
.ml9 { margin-left : 9px; }
.ml10{ margin-left : 10px; }
.ml12{ margin-left : 12px; }
.ml15{ margin-left : 15px; }
.ml19{ margin-left : 19px; }
.ml20{ margin-left : 20px; }
.ml30{ margin-left : 30px; }
.ml40{ margin-left : 40px; }
.ml50{ margin-left : 50px; }

.mb3 { margin-bottom : 3px; }
.mb5 { margin-bottom : 5px; }
.mb6 { margin-bottom : 6px; }
.mb9 { margin-bottom : 9px; }
.mb10{ margin-bottom : 10px; }
.mb12{ margin-bottom : 12px; }









.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  : #0a75d8;}
.red  { color  : #ff6666;}
.green{ color  : #75BD3A;}
.brown{ color  : #56391B;}
.gray { color  : #cccccc;}
.orange{ color : #eb5713;}
.lblue{ color : #0cb2e2; }
.lgreen{ color  : #7ba727;}
.pink{ color  : #e95283;}
.egreen{ color  : #00959d;}


.text11{ font-size : 11px; line-height : 140%;}
.text14{ font-size : 14px; }
.text18{ font-size : 18px; }




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



#recruit,
#sec01,
#sec02,
#sec03,
#sec04,
#sec05{
 margin-top:-1em;
 padding-top:1em;
}








/* ipad以下のサイズはスマホレイアウトへ ///////////////////////////////////////////////////////// */



@media (max-width: 778px) {


.mt3 { margin-top : 0px; }
.mt4 { margin-top : 0px; }
.mt5 { margin-top : 5px; }
.mt6 { margin-top : 0px; }
.mt9 { margin-top : 0px; }
.mt10{ margin-top : 0px; }
.mt15{ margin-top : 0px; }
.mt12{ margin-top : 0px; }
.mt20{ margin-top : 0px; }
.mt30{ margin-top : 0px; }
.mt40{ margin-top : 0px; }
.mt70{ margin-top : 0px; }
.mt100{ margin-top : 0px; }
.mt-20{ margin-top : 0px; }

.ml3 { margin-left : 0px; }
.ml4 { margin-left : 0px; }
.ml5 { margin-left : 0px; }
.ml6 { margin-left : 0px; }
.ml7 { margin-left : 0px; }
.ml8 { margin-left : 0px; }
.ml9 { margin-left : 0px; }
.ml10{ margin-left : 0px; }
.ml12{ margin-left : 0px; }
.ml15{ margin-left : 0px; }
.ml19{ margin-left : 0px; }
.ml20{ margin-left : 0px; }
.ml30{ margin-left : 0px; }
.ml40{ margin-left : 0px; }
.ml50{ margin-left : 0px; }

.mb3 { margin-bottom : 0px; }
.mb5 { margin-bottom : 0px; }
.mb6 { margin-bottom : 0px; }
.mb9 { margin-bottom : 0px; }
.mb10{ margin-bottom : 0px; }
.mb12{ margin-bottom : 0px; }


.ml1p { margin-left : 1%; }
.ml2p { margin-left : 2%; }
.ml3p { margin-left : 3%; }
.ml4p { margin-left : 4%; }
.ml5p { margin-left : 5%; }

.mt1p { margin-top : 1%; }
.mt2p { margin-top : 2%; }
.mt3p { margin-top : 3%; }
.mt4p { margin-top : 4%; }
.mt5p { margin-top : 5%; }
.mt-15p { margin-top : -15%; }

.mb1p { margin-bottom : 1%; }
.mb2p { margin-bottom : 2%; }
.mb3p { margin-bottom : 3%; }
.mb4p { margin-bottom : 4%; }
.mb5p { margin-bottom : 5%; }


a:hover img{
 opacity            : 1;
 filter             : alpha(opacity=100);
 -moz-opacity       : 1;
 -ms-filter         : "alpha(opacity=100)";
 background-color   : rgba(255, 255, 255, 0);
}


.img100{ width : 100%; }



}