html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    box-sizing:border-box;
}

ul{
    list-style: none;
}

a {
    color: #0089a1;
    text-decoration: underline;
}

h1{
    font-size:24px;
}

header{

}

header .header_sp{
display: none;
}

/* ヘッダー(SP) */
@media (max-width: 999px) {

    header .header_pc{
        display: none;
    }

    header .header_sp{
        display: block;
    }

    .hed_inner{
        width:100%;
        display: block;
    }

    .hed_logo{
        margin-top:0;
        padding-left:20px;
    }

   
    .hed_logo a{
        font-size:22px;
        color:#fff;
        text-decoration: none;
    }

    .hed_logo_sub{
        font-size:13px;
        color:#fff;
        margin-top:-15px;
        margin-bottom:5px;
    }

    .hed_contact{
        display: none;
    }
}

/* ハンバーガーメニュー(SP) */
@media (max-width: 999px) {

.header_sp {
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }

  .hamburger-wrap{
    position: fixed;
    display: flex;
    justify-content:space-between;
    align-items: center;
    width:100%;
    height:70px;
    background-color: #FFA500;
  }

  .hed_logo a{

  }

  .hamburger-menu {
    width: 50px;
    height: 50px;
    position: relative;
    border: none;
    background: transparent;
    appearance: none;
    padding: 0;
    cursor: pointer;
  }
  .hamburger-menu__bar {
    display: inline-block;
    width: 44%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: .5s;
  }
  .hamburger-menu__bar:first-child {
    top: 16px;
  }
  .hamburger-menu__bar:nth-child(2) {
    top: 24px;
  }
  .hamburger-menu__bar:last-child {
    top: 32px;
  }
  .hamburger-menu--open .hamburger-menu__bar {
    top: 50%;
  }
  .hamburger-menu--open .hamburger-menu__bar:first-child {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
  }
  .hamburger-menu--open .hamburger-menu__bar:last-child {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  }
  .hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
    display: none;
  }
  .navigation {
    display: none;
    background: #FFA500;
    position: absolute;
    top: 70px;
    width: 100%;
    z-index: 9999;
  }
  .navigation__list {
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .navigation__list-item {
    border-bottom: solid 1px #fff;
  }
  .navigation__list-item:first-child {
    border-top: solid 1px #fff;
  }
  .navigation__link {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 24px 0;
    transition: .5s;
    font-size:22px;
  }
  @media (hover: hover) and (pointer: fine) {
    .navigation__link:hover {
      background: #333;
    }
  }
}

footer{
    margin-top:50px;
    background-color: #eee;
    padding:80px;
}

@media (max-width: 999px) {
    footer{
        margin-top:50px;
        padding:80px;
    }
}

body {
	margin:0;
	padding:0;
	line-height:1.6;
	letter-spacing:1px;
	font-size:14px;
	color:#333;
}

.margin_10{
    margin-top:10px;
}

.margin_20{
    margin-top:20px;
}

.margin_30{
    margin-top:30px;
}

.no_dt{
    display: none;
}

    .no_sp{
        display: block;
    }

@media (max-width: 999px) {
        .no_dt{
        display: block;
    }

    .no_sp{
        display: none;
    }
}

section{
    margin-top:20px;
}

section .subtitle span{
    display: block;
    width:150px;
    padding: 10px 0;
    text-align: center;
    background-color: #ccc;
}

@media (max-width: 999px) {
    section .subtitle span{
        width:100%;
        font-size:24px;
        padding: 10px 0;
        padding-left:20px;
        text-align: left;
        background-color: #fff;
    }
}

.jmmp-logo img{
    margin:15px;
    width:300px;
}

.logo_inner{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.hed_info{
    margin:20px;
}

.hed_info a{
    padding:8px 26px;
    border-radius: 30px;
    text-decoration: none;
    display: block;
    background-color: #996300;
    color:#fff;
    transition: .3s;
}

.hed_info a:hover{
    background-color: #FFC966;
}

.title{
    background-color: #fff;
    padding:15px 0;
}

.title h1,.header_nav ul,section{
    width:900px;
    margin:0 auto;
}

@media (max-width: 999px) {
    .title h1,.header_nav ul,section{
        width:100%;
    }
}

.header_nav{
    background-color: #FFA500;
    padding:15px;
    color:#fff;
}

.header_nav ul{
    display: flex;
    list-style: none;

}

.header_nav ul li{
    width:100%;
    text-align: center;
}

.topimg {
    background: url(img/top.jpg);
    background-repeat: no-repeat;
    background-position:top;
    background-size:cover;
    height: 45vh;
}

.wrappar{
    width:100%;
}

#news{
    display: flex;
}

.news_text{
    margin-left:30px;
    width: 100%;
}

.news_text li{
    display: flex;
    padding:10px;
    border-bottom:1px dotted #ccc;
}

.news_text li span:first-child{
    width:100px;
}

.news_text li span:last-child{
    width:calc(100% - 100px);
    margin-left:20px;
}

@media (max-width: 999px) {
        #news{
        display: block;
    }

    .news_text{
        margin:0 auto;
        width:90%;
    }

    .news_text li{
        display: block;
    }

    .news_text li span:first-child{
        width:auto;
        display:block;
    }

    .news_text li span:last-child{
        width:auto;
        margin-left:0;
    }
}

.main_info{
    background-color: #eee;
    padding:10px 0;
    font-size:16px;
    text-align: center;
}

.jmmp-logo_sp{
    display: none;
}

@media (max-width: 999px) {
    .jmmp-logo_sp{
        display: block;
        margin-top:60px;
        text-align: center;
    }

    .jmmp-logo_sp img{
max-width: 80%;
    }
}

.copyright{
    text-align: center;
}