@charset "utf-8";
/* CSS Document */

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans JP', sans-serif;
}

.title>h1 {
    margin: 0;
    padding: 0;
    color: rgb(96,96,96);
    font-size: 2.4rem;
    /*font-weight: 600;*/
    line-height: 1;
    text-align: center;
}
.title>p {
    margin: 10px 0 40px 0;
    padding: 0;
    color: rgb(96,96,96);
    font-size: 1rem;
    font-weight: 100;
    line-height: 1;
    text-align: center;
}
h2,h3,h4 {
    margin: 0;
    padding: 0;
    color: rgb(96,96,96);
    font-weight: 400;
    line-height: 1;
    text-align: center;
}
#nav {
    background: rgb(255,255,255);
}
#nav>nav { /*IE対応*/
    height: 100px;
}
#nav>nav>div.uk-navbar-right>ul { /*IE対応*/
    bottom: 0;
}
.logo,
.logo>img {
    width: 320px;
    height: 100px;
    padding: 0;
}
.contact {
    padding: 0;
    width: 320px;
    height: 50px;
    max-height: 50px;
    min-height: 50px;
    /*background: rgb(32,164,175);*/
    background: rgb(80,185,215);
    color: white;
    text-decoration: none;
}
.contact::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url("../img/icon/ic_question_answer_white_24dp.png");
    background-size: cover;
}
.contact:hover {
    background: rgb(190,110,120);
    color: white;
    text-decoration: none;
}
.uk-navbar-container:not(.uk-navbar-transparent) {
    background: none;
}
.uk-navbar-nav>li {
    padding: 0;
    width: 160px;
    height: 50px;
    max-height: 50px;
    min-height: 50px;
    box-sizing: border-box;
}
.uk-navbar-nav>li>a {
    padding: 0;
    width: 160px;
    height: 50px;
    max-height: 50px;
    min-height: 50px;
    color: rgb(96,96,96);
    background: rgb(215,235,245);
    border-right:1px solid rgb(100,140,170);
}
.uk-navbar-nav>li:last-child>a {
    border-right:none;
}
.uk-navbar-nav>li::before {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background: rgb(221,221,221);
    position: absolute;
    bottom: 0;
}
.uk-navbar-nav>li:hover {
    /*border-bottom: solid 2px rgb(32,164,175);*/
}
.uk-navbar-nav>li>a:hover {
    /*color: rgb(0,0,0);*/
    background: rgb(225,245,255);;
    border-bottom: solid 2px rgb(80,134,165);
}
.uk-navbar-dropdown {
    width: 160px;
    padding: 0;
    /*background: rgb(184,223,213);*/
    background: linear-gradient(rgb(135,160,175,0.85) 1%,rgb(185,210,225,0.85) 5%,rgb(205,230,245,0.85))
}
[class*=uk-navbar-dropdown-bottom] {
    margin-top: 0;
}
.uk-navbar-dropdown-nav>li>a {
    width: 160px;
    height: 40px;
    padding: 10px;
    color: rgb(50,50,50);
}
.uk-navbar-dropdown-nav>li>a:hover {
    /*background: rgb(32,164,175);*/
    background: rgb(100,140,170);
    color: rgb(255,255,255);
}

.breadcrumb {
    padding: 7px 0;
    border-top: solid 1px rgb(221,221,221);
    border-bottom: solid 1px rgb(221,221,221);
}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    content: ">";
}

.link-with-img {
    color: rgb(96,96,96);
    text-decoration: none;
}
.link-with-img:hover {
    color: rgb(32,164,175);
    text-decoration: none;
}
.link-with-img:hover>div>img,
.link-with-img:hover>div>div {
    transform: scale(1.02,1.02);
    box-shadow: 0 5px 12px 3px rgba(0,0,0,0.3);
}
.link-with-img:hover>div>h2 {
    color: rgb(32,164,175);
}

.work-content {
    color: rgb(96,96,96);
    text-decoration: none;
}
.work-content>div>img {
    width: 300px;
    height: 300px;
}
.work-content>div>div>h2 {
    margin: 72px 0 0 0;
    color: rgb(96,96,96);
    font-weight: 700;
    line-height: 1;
    text-align: left;
}
.work-content>div>div>h3 {
    margin: 10px 0;
    color: rgb(96,96,96);
    font-size: 1rem;
    font-weight: 100;
    line-height: 1;
    text-align: left;
}
.work-content>div>div>hr {
    border-top: solid 1px rgb(96,96,96);
}
.work-content>div>div>ul {
    padding-right: 0;
}
.work-content>div>div>ul>li::marker {
    color: rgb(32,164,175);
}
.color-attention {
    color: rgb(234,90,81);
    font-weight: 700;
}
.color-point {
    color: rgb(32,164,175);
}


footer {
    padding: 20px 0;
	background: rgb(0,85,151);
    color: white;
}
footer>div>img {
    margin-bottom: 10px;
    width: 240px;
}
address {
    margin: 0;
    padding: 0;
	font-style: normal;
}
.copyright {
	font-size: 0.8em;
	text-align: center;
}

.markertext_7em {
    padding-left: 7em;
    text-indent: -7em;
}

.ma0 {margin: 0px!important;}
.mt0 {margin-top: 0px!important;}
.mr0 {margin-right: 0px!important;}
.mb0 {margin-bottom: 0px!important;}
.ml0 {margin-left: 0px!important;}

.pa0 {padding: 0px!important;}
.pt0 {padding-top: 0px!important;}
.pr0 {padding-right: 0px!important;}
.pb0 {padding-bottom: 0px!important;}
.pl0 {padding-left: 0px!important;}

.ma10 {margin: 10px!important;}
.ma15 {margin: 15px!important;}
.ma20 {margin: 20px!important;}
.ma25 {margin: 25px!important;}
.ma30 {margin: 30px!important;}
.ma35 {margin: 35px!important;}
.ma40 {margin: 40px!important;}
.ma45 {margin: 45px!important;}
.ma50 {margin: 50px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}
.mt45 {margin-top: 45px!important;}
.mt50 {margin-top: 50px!important;}
.mr10 {margin-right: 10px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}
.mr35 {margin-right: 35px!important;}
.mr40 {margin-right: 40px!important;}
.mr45 {margin-right: 45px!important;}
.mr50 {margin-right: 50px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}
.ml10 {margin-left: 10px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}
.ml35 {margin-left: 35px!important;}
.ml40 {margin-left: 40px!important;}
.ml45 {margin-left: 45px!important;}
.ml50 {margin-left: 50px!important;}

.pa10 {padding: 10px!important;}
.pa15 {padding: 15px!important;}
.pa20 {padding: 20px!important;}
.pa25 {padding: 25px!important;}
.pa30 {padding: 30px!important;}
.pa35 {padding: 35px!important;}
.pa40 {padding: 40px!important;}
.pa45 {padding: 45px!important;}
.pa50 {padding: 50px!important;}
.pt10 {padding-top: 10px!important;}
.pt15 {padding-top: 15px!important;}
.pt20 {padding-top: 20px!important;}
.pt25 {padding-top: 25px!important;}
.pt30 {padding-top: 30px!important;}
.pt35 {padding-top: 35px!important;}
.pt40 {padding-top: 40px!important;}
.pt45 {padding-top: 45px!important;}
.pt50 {padding-top: 50px!important;}
.pr10 {padding-right: 10px!important;}
.pr15 {padding-right: 15px!important;}
.pr20 {padding-right: 20px!important;}
.pr25 {padding-right: 25px!important;}
.pr30 {padding-right: 30px!important;}
.pr35 {padding-right: 35px!important;}
.pr40 {padding-right: 40px!important;}
.pr45 {padding-right: 45px!important;}
.pr50 {padding-right: 50px!important;}
.pb10 {padding-bottom: 10px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb25 {padding-bottom: 25px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb35 {padding-bottom: 35px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb45 {padding-bottom: 45px!important;}
.pb50 {padding-bottom: 50px!important;}
.pl10 {padding-left: 10px!important;}
.pl15 {padding-left: 15px!important;}
.pl20 {padding-left: 20px!important;}
.pl25 {padding-left: 25px!important;}
.pl30 {padding-left: 30px!important;}
.pl35 {padding-left: 35px!important;}
.pl40 {padding-left: 40px!important;}
.pl45 {padding-left: 45px!important;}
.pl50 {padding-left: 50px!important;}