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

*{font-family: 'Noto Sans Japanese', sans-serif;box-sizing:border-box}

body div,
body p,
body span,
body strong,
body table th,
body table td,
body table li,
body table a{
   font-family: 'Noto Sans Japanese', sans-serif;
}

body strong{
  font-weight: 600; 
}

body{
/*    background:#ECECEC; */
    background:#FFF;
}

.inner{
    max-width:1020px;
    padding:0 20px;
    margin:0 auto;
    box-sizing:border-box;
}

/* header
--------------------------------------------------------*/
#header{
    padding:10px 0;
    margin:0;   
    border-bottom:1px solid #ccc;
    background:#FFF;
}

#header .inner{
    position:relative;
    height:70px;
    box-sizing:border-box;
}

#header #telno{
    position:absolute;
    top:0;
    right:20px;
    width:207px;
}

#header #telno img{
    width:100%;
    height:auto;
}


#header #logo{
    padding:0;
    margin:0;
    width:246px;
}

#header #logo img{
     width:100%;
     height:auto;
}

#header #search{
    position:absolute;
    bottom:0;
    right:20px;   
}

@media screen and (max-width:680px) {

#header #search{
   display:none !important;
}

#header #logo{
     width:40%;
     height:auto;
}

#header #telno{
     width:40%;
    height:auto;
}

}

/* navigation
--------------------------------------------------------*/
#navigation #menu{
   display:none;
   height:40px;
   line-height:40px;
   text-align:center;
   background:#FFF;
   border:1px solid #CCC;
   cursor:pointer;
}

/* ############# 680 以上 ##################*/

@media screen and (min-width:680px) {
#navigation{
/*    background:linear-gradient(#1D488D,#0F2A55); */
    background:linear-gradient(#b0c4de,#4682b4);  
/*    border-bottom:3px solid #EFC241; */
    border-bottom:3px solid #0F2A55;
}

#navigation ul.cc-nav-level-0{
     liststyle:none;
     padding:0;
     margin:0;
     display:table;
     width:100% !important;
     position:relative;
     box-sizing:border:box;
}

#navigation ul.cc-nav-level-0:before{
    content:"";
    display:block;
    width:1px;
    height:30px;
    position:absolute;
    top:5px;
    left:0px;
    background:linear-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
}

#navigation ul.cc-nav-level-0 > li{
     display:table-cell;
     padding:0;
     margin:0;
     position:relative;
     box-sizing:border:box;
}

#navigation ul.cc-nav-level-0 > li:nth-child(1){min-width:4em;}
#navigation ul.cc-nav-level-0 > li:nth-child(2){min-width:6em}
#navigation ul.cc-nav-level-0 > li:nth-child(3){min-width:9em}
#navigation ul.cc-nav-level-0 > li:nth-child(4){min-width:9em}
#navigation ul.cc-nav-level-0 > li:nth-child(5){min-width:4em}
#navigation ul.cc-nav-level-0 > li:nth-child(6){min-width:4em}

#navigation ul.cc-nav-level-0 > li:after{
    content:"";
    display:block;
    width:1px;
    height:30px;
    position:absolute;
    top:5px;
    right:0px;
    background:linear-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
}

#navigation ul.cc-nav-level-0 > li > a{
     display:block;
     padding:0;
     margin:0;
     text-align:center;
     text-decoration:none;
     color:#FFF;
     font-size:14px;
     height:40px;
     line-height:40px;
     box-sizing:bordet-box;
     overflow:hidden;
     white-space:nowrap;
     text-overflow: ellipsis;
     padding:0 0.3em;
}

#navigation ul.cc-nav-level-0 > li.cc-nav-current > a,
#navigation ul.cc-nav-level-0 > li.cc-nav-parent > a,
#navigation ul.cc-nav-level-0 > li > a:hover{
/*    background:linear-gradient(#EBC03E,#E7A421); */
    background:linear-gradient(#1D488D,#0F2A55);
}

#navigation ul.cc-nav-level-1{
     position:absolute;
     top:40px;
     left:0;
     display:none;
     padding:0;
     margin:0;
     background:#FFF;
     border:1px solid #CCC;
     border-top:none;
     list-style:none;
     box-shadow:3px 3px 5px rgba(0,0,0,0.3);
     z-index:2000;
}

#navigation ul.cc-nav-level-1 > li{
    padding:0;
    margin:0;
    border-bottom:1px dotted #CCC;
}

#navigation ul.cc-nav-level-1 > li:last-child{
   border:none;
}

#navigation ul.cc-nav-level-1 > li > a{
    display:block;
    padding:7px 10px 5px;
    margin:0;
    font-size:14px;
    width:210px;
    text-decoration:none;
    color:#333;
}

#navigation ul.cc-nav-level-1 > li > a:before{
   content:"▸";
   margin-right:10px;
}

#navigation ul.cc-nav-level-1 > li.cc-nav-current > a:hover,
#navigation ul.cc-nav-level-1 > li > a:hover{
   background:#FFF9E1;
   color:#F1633F;
}

#navigation ul.cc-nav-level-0 > li:hover ul.cc-nav-level-1{
    display:block;
}
}

/* ############# 680 以下 ##################*/
@media screen and (max-width:680px) {

#navigation #menu{
   display:block;
}

#navigation ul{
    list-style:none;
    padding:0;
    margin:0;
    background:#FFF;
}

#navigation ul li{
    display:block;
    padding:0;
    margin:0;
    position:relative;
}

#navigation ul li a{
    display:block;
    padding:0 10px;
    margin:0;
    text-decoration:none;
    height:40px;
    line-height:40px;
    border-bottom:1px solid #ccc;
}

#navigation ul li .jmd-nav__toggle-button{
    position:absolute;
    top:0;
    right:0;
    display:block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    cursor:pointer;
}

.cc-nav-level-0,
.cc-nav-level-2,
.cc-nav-level-1{
   display:none;
}


.jmd-nav__list-item-0{
    background:#3A8CF5;
}

.jmd-nav__list-item-0 > a{
    color:#FFF !important;
}

.jmd-nav__list-item-1,
.jmd-nav__list-item-2{
    background:#FFF;
}

.jmd-nav__list-item-1 > a,
.jmd-nav__list-item-1 > a{
    color:#333 !important;
}


.jmd-nav__list-item-2 a:before{
    content:"▸";
    margin-right:10px;
}

.jmd-nav__item--last-opened .cc-nav-level-2,
.jmd-nav__item--last-opened .cc-nav-level-1{
   display:block;
}

.jmd-nav__list-item-0 .jmd-nav__toggle-button:before{
   color:#FFF;
}

#navigation ul li .jmd-nav__toggle-button:before{
    content:"＋";
    font-size:20px;
    font-weight:bold;
}

.jmd-nav__item--last-opened .jmd-nav__toggle-button:before{
    content:"－" !important;
}
}

/* slider
-------------------------------------------------*/
#slider{
    display:none;
/*
    background:#2D2D2D;
    background:#FcE; 
*/
    margin:20px 0 0;
    padding:0:
}

#slider ul{
    list-style:none;
    padding:0;
    margin:0;   
    position:relative;
}

#slider ul li{
   padding:0;
   margin:0;   
   box-sizing:border-box;
   width:100%;
}
#slider ul li img{
    width:100%;
    height:auto;    
}

#slider ul li.slider{
    padding:0;
    margin:0;
    position:absolute;
    top:0;
    left:0;
}

.cc-page-index #slider{
    display:block;
}

/* pagetitle
--------------------------------------------------------*/
#pagetitle{
/*    background:#2D2D2D; */
    background:#ccc;
    display:none;
}

#pagetitle .inner{
    position:relative;
}

#pagetitle img{
    width:100%;
    height:auto;
}

#pagetitle .inner:before{
   display:inline-block;
   position:absolute;
   bottom:20px;
   left:40px;
   color:#FFF;
   font-size:30px;
}

.title #pagetitle{
   display:block;
}

.cc-page-index #pagetitle{
   display:none;
}

/* content
--------------------------------------------------------*/
#content{
    width:75%;
    box-sizing:border-box;
    float:right;
    padding:0px 40px 40px;
    margin:20px 0 70px;
    background:#FFF;
    border:1px solid #999;
    border-radius:5px;
}

#content h1{
   padding:7px 20px 10px 40px;
   margin:-5px -45px 30px;
   font-size:22px;
   height:auto;
   border-bottom:3px solid #0F2A55;
   color:#FFF;
   background:url(h1.png),linear-gradient(#b0c4de,#4682b4);  
   background-repeat:no-repeat,repeat;
   background-position:15px 10px,0 0;
   border-radius:4px 4px 0 0;

   font-family: "Jun 201",sans-serif,"typesquare";
}

#content h2{
   padding:0;
   margin:18px 0 18px;
   font-size:24px;
   font-family: "Jun 201",sans-serif,"typesquare";
}

#content h2:before{
   content:"";
   display:inline-block;
   width:4px;
   height:25px;
   background:linear-gradient(#1794D4 50%,#122859 50%);
   margin:0 16px 0 -20px;
   padding:0;
}

#content h3{
   padding:0;
   margin:0;
   font-size:20px;
   color:#062C51;

   font-family: "Jun 201",sans-serif,"typesquare";
}


.cc-page-index #content{
    width:100%;
    float:none;
    padding:0;
    margin:-5px -5px 70px;
    border-radius:0;
    background:none;
    border:none;
}

.cc-page-index h1{
   margin:0 !important;
}

@media screen and (max-width:680px) {
.j-hgrid .cc-m-hgrid-column{
    display:block;
    float:none !important;
    width:100% !important;
    box-sizing:border-box;
}

.j-hgrid .cc-m-hgrid-separator{
   display:none;
}

.cc-imagewrapper img{
   width:100%;
}

#content{
    width:100%;
    float:none;
    padding:0;
    margin:-5px -5px 70px;
    border-radius:0;
    background:none;
    border:none;
}

#content h1{
    margin:0 0 30px;
}

}

/* sidebar
--------------------------------------------------------*/
#sidebar{
    width:23%;
    box-sizing:border-box;
    float:left;
    padding:20px 0 40px;
    margin:0;
}

#sidebar #sidemenu ul{
   list-style:none;
   padding:0;
   margin:0 5px 20px;
   background:#FFF;
   border-top:10px solid #18457E;
   border-bottom:5px solid #18457E;

/*
   border-top:10px solid #3984E3;
   border-bottom:5px solid #3984E3;
*/
   border-radius:9px 9px 4px 4px;
}

#sidebar #sidemenu ul > li{
   display:bolck;
   padding:0;
   margin:0;
   border-bottom:1px dotted #CECABF;
}

#sidebar #sidemenu ul > li:last-child{
   border-bottom:none;
}

#sidebar #sidemenu ul > li > a{
   display:block;
   padding:10px;
   margin:0;
   text-decoration:none;
   color:#333;
   font-size:14px;
}

#sidebar #sidemenu ul > li > a:hover{
   background:#999;
   color:#FFF;
}

.cc-page-index #sidebar{
    display:none;
}

@media screen and (max-width:680px) {

#sidebar{
    display:none;
}

}

/* footer
--------------------------------------------------------*/
#footer{
/*    border-top:5px solid #EFC03E; */
    border-top:5px solid #071021;
    clear:both;
    padding:20px 0 20px;
/*    background:#0D1B36; */
/*    background:url(ami.png),radial-gradient(ellipse farthest-corner at left 40% bottom 5%, #1C6EAA 5%, #0D1B36 50%); */
    background:radial-gradient(ellipse farthest-corner at left 40% bottom 5%, #FFF 5%, #EEE 50%);
    position:relative;
}

#footer:after{
   position:absolute;
   bottom:0;
   left:0;
   content:"";
   display:block;
   height:1px;
   width:100%;
   background:linear-gradient(90deg,rgba(255,255,255,0) 10%,rgba(255,255,255,0.3) 30%,rgba(255,255,255,0) 80%);
}


#footer p,#footer a,#footer span,#footer div{
    color:#333;
}

#copyrights{
    margin:0px;
    padding:0px;
    border-top:1px solid rgba(255,255,255,.0.2);
    background:#071021;
    color:#FFF;
    text-align:center;
    font-size:90%;
}