@media screen and (max-width:600px){
    #pcheader {
        display: none;
    }
    .spmenu {
        display: block;
        position: fixed;
        top: 0;
        z-index: 500;
        width: 100%;
        background-color:#FFF;
    }
    .spmenu .titleline {
        display: flex;
        padding: 10px 20px;
        justify-content: space-between;
        box-sizing: border-box;
    }

    .spmenu .titleline h1.title {
        display: block;
        width: 169px;
        height: 28px;
        text-indent: -9999px;
        background-image: url(/img/index/mainlogo.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .spmenu .titleline h1.title a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .spmenu button.menu {
        display: block;
        width: 26px;
        height: 31px;
        border: 0;
        background-color: #FFFFFF;
    }
    button.menu.openbtn {
        position:relative;
    }
    .openbtn span{
        display: inline-block;
        transition: all .4s;/*アニメーションの設定*/
        position: absolute;
        right:0;
        height: 2px;
        border-radius: 5px;
        background: #017024;
        width: 22px;
      }
    .openbtn span:nth-of-type(1) {
        top:1px;	
    }
    
    .openbtn span:nth-of-type(2) {
        top:9px;
    }
    
    .openbtn span:nth-of-type(3) {
        top:17px;
    }
    .openbtn span:nth-of-type(3)::after {
        content:"MENU";/*3つ目の要素のafterにMenu表示を指定*/
        position: absolute;
        top:7px;
        left:-2px;
        color: #017024;
        font-size: 0.6rem;
        text-transform: uppercase;
        font-size:8px;
        line-height:1em;
        letter-spacing: 0.02em;
    }
    .openbtn.active span:nth-of-type(1) {
        top: 1px;
        transform: translateY(6px) rotate(-35deg);
        width: 100%;
    }
    
    .openbtn.active span:nth-of-type(2) {
        opacity: 0;
    }
    
    .openbtn.active span:nth-of-type(3){
        top: 14px;
        transform: translateY(-6px) rotate(35deg);
        width: 100%;
    }
    
    .openbtn.active span:nth-of-type(3)::after {
        content: "Close";
        transform: translateY(0) rotate(-35deg);
        top: 11px;
        left: 8px;
    }

    div#slider {
        display: none;
    }
    
    div#fmenu {
        display: none;
    }
    .fmenusp{
        display:block;
    }
    div#footer ul,
    #flinks ul.grouplink {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% - 40px);
        margin: 25px auto 25px auto;
        border-top: 1px solid #5D5D5D;
        padding-left: 20px;
        justify-content: left;
    }
    div#footer .fmenusp ul:first-child{
        border-top:none;
        padding-top: 45px;
    }
    div#footer ul li,
    div#footer #flinks ul.grouplink li{
        width: 50%;
        padding-top: 20px;
        line-height: 12px;
        box-sizing: border-box;
    }

    div#footer ul li a,
    #flinks ul.grouplink li span, #flinks ul.grouplink li a {
        font-size: 12px;
        color: #000;
        letter-spacing: 0.1em;
        line-height: 12px;
        padding:0;
        border-right: none;
    }

    div#flinks {
        background-color: inherit;
        padding: 0;
        margin-top: 0;
    }

    #flinks ul li a {
        padding: 0;
        border-right: none;
    }

    div#footer ul.grouplink li:first-child {
        font-size: 12px;
        line-height: 12px;
        width: 100%;
    }

    div#footer ul.medialink {
        border-top: none;
        margin-top: 45px;
        justify-content:center;
        padding: 0;
        margin-bottom: 0px;
        display: flex;
    }

    div#footer ul.medialink li {
        width: 38px;
        height: 38px;
        margin: 0 4px;
        padding: 0;
    }

    div#footer ul.medialink li a {
        width: 38px;
        height: 38px;
        text-indent: -9999px;
        display: block;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    div#footer ul.medialink li.youtube a {
        background-image: url(/img/youtube_social_circle_red.png);
    }

    div#footer ul.medialink li.line a {
        background-image: url(/img/LINE_SOCIAL_Circle_pc.png);
    }


    div#fcopy {
        padding-top: 40px;
        font-size: 7px;
        line-height: 1em;
        padding-bottom:90px;
    }

    .spmenu .menubox {
        display: none;
        position:fixed;
        top:50px;
        left:0;
        width:100%;
        background-color:#FFF;
        height: calc(100% - 50px);
        overflow: scroll;
    }
    
    .spmenu button.close {
        display: block;
        width: 26px;
        height: 31px;
        border: 0;
        background-color: #FFFFFF;
        text-indent: -9999px;
        background-image: url(/img/index/btn_close.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }

    ul.mainmenu {
        width: calc(100% - 40px);
        display: block;
        margin: 30px auto 0;
    }
    
    .mainmenu > li a {
        font-size: 14px;
        line-height: 14px;
        display: block;
        padding: 14px 10px;
        color:#000;
    }
    .mainmenu > li a:hover{
        color:#000;
    }
    
    .mainmenu > li > a {
        font-weight: bold;
        border-bottom: dashed 1px #017024;
        background-image: url(/img/index/point_open.svg);
        background-repeat: no-repeat;
        background-position: right 20px top 18px;
        background-size: 12px 7px;
    }
    .mainmenu > li > a.open {
        background-image: url(/img/index/point_close.svg);
        color:#017024;
    }
    .mainmenu > li > ul{
        display: none;
    }
    ul.submenu {
        display: flex;
        padding: 20px;
        flex-wrap: wrap;
    }
    
    ul.submenu li {
        width: 50%;
    }
    
    ul.submenu li a {
        display: block;
        padding: 13px;
        font-size: 11px;
        line-height: 11px;
        color:#000;
    }
    .menubox .btnbox {
        display: flex;
        justify-content: center;
    }
    
    .menubox .btnbox a {
        display: block;
        width: 163px;
        text-align: center;
        font-size: 13px;
        line-height: 13px;
        letter-spacing: 0.05em;
        padding: 15px 10px 0 0;
        margin: 0 6px;
        /* box-shadow: 5px 5px 0 #FFE9CC; */
        /* background-color: transparent; */
        height: 57px;
        box-sizing: border-box;
        position: relative;
        background-color: #FFE9CC;
    }
    
    .menubox .btnbox a:after {
        display: block;
        position: absolute;
        top: -5px;
        left: -5px;
        width: 163px;
        height: 57px;
        content: "";
        z-index: 0;
        box-sizing: border-box;
        border: 2px solid #FFA836;
    }
    
    .menubox .btnbox a:last-child {
        background-color: #FFF8D2;
    }
    .menubox .btnbox a:last-child:after {
        border:2px solid #FFDE36
    }
    .menubox .btnbox {
        display: flex;
        justify-content: center;
    }
    
    .menubox .btnbox a {
        display: block;
        width: 163px;
        text-align: center;
        font-size: 13px;
        line-height: 13px;
        letter-spacing: 0.05em;
        padding: 15px 10px 0 0;
        margin: 0 6px;
        /* box-shadow: 5px 5px 0 #FFE9CC; */
        /* background-color: transparent; */
        height: 57px;
        box-sizing: border-box;
        position: relative;
        background-color: #FFE9CC;
        color:#000;
    }
    
    .menubox .btnbox a:after {
        display: block;
        position: absolute;
        top: -5px;
        left: -5px;
        width: 163px;
        height: 57px;
        content: "";
        z-index: 0;
        box-sizing: border-box;
        border: 2px solid #FFA836;
    }
    
    .menubox .btnbox a:last-child {
        background-color: #FFF8D2;
    }
    .menubox .btnbox a:last-child:after {
        border:2px solid #FFDE36
    }
    
    .menubox .telbox a {
        background-color: #017024;
        padding: 0;
        color: #FFFFFF;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 0.15em;
        width: 188px;
        height: 29px;
        border-radius: 19px;
        display: block;
        text-align:center;
        box-sizing:border-box;
        padding-top:3px;
        margin:15px auto 30px auto;
    }
    .menubox .telbox a::before{
        display: inline-block;
        content:"";
        background-image:url(/img/index/icon_phone.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        height:20px;
        width:14px;
        margin-right:3px;
        vertical-align:middle;
    }
    .fixbutton {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: rgba(2,93,31,0.9);
        margin: 0;padding: 0;
        z-index: 10;
    }

    div#footer .fmenusp .fixbutton ul {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    div#footer .fmenusp .fixbutton ul li {
        width: 25%;
        padding: 15px 0;
        flex-grow: 1;
        text-align: center;
        box-sizing: border-box;
    }

    div#footer .fmenusp .fixbutton ul li a {
        display: block;
        color: #FFF;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 0.02em;
        width: 100%;
        padding-top: 27px;
        border-right: 1px solid #FFF;
        background-image: url(/img/common/icon_pamph.png);
        background-repeat: no-repeat;
        background-position: top center;
    }

    div#footer .fmenusp .fixbutton ul li a.pamph{
        background-image: url(/img/common/icon_pamph.png);
        background-position:top 2px center;
        background-size:25px 25px;

    }
    div#footer .fmenusp .fixbutton ul li a.oc{
        background-image: url(/img/common/icon_oc.svg);
        background-position:top -2px center;
        background-size:32px 32px;
    }
    div#footer .fmenusp .fixbutton ul li a.tel{
        background-image: url(/img/index/icon_tel.svg);
        background-position:top -2px center;
        background-size:32px 31px;
    }
    div#footer .fmenusp .fixbutton ul li a.campus{
        background-image: url(/img/common/icon_campus.png);
        background-position: top -2px center;
        background-size:32px 32px;
    }
    /* 固定ページ */
    
    .pankuzu {
        margin-top: 50px;
        border-top: 2px solid #017024;
        padding: 0;
    }

    .contentbox {
        width: 100%;
    }

    .articlebox .contentbox {
        width: 100%;
    }

    .articlebox .sectionbox .titlebox {
        width: 100%;
    }

    .sectionbox .maintext .contentbox {
        display: block;
    }

    .pankuzu ul li {
        font-size: 9px;
        line-height: 9px;
        padding: 8px 0;
    }

    .pankuzu ul li:before {
        margin-right: 7px;
        margin-left: 7px;
    }


    .pankuzu ul {
        padding: 0 20px;
    }
    .articlebox {
        padding-top: 20px;
        padding-bottom: 65px;
    }

    .titlebox h1 {
        text-align: center;
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 20px;
    }
    .titlebox h1 span{
        display:block;
        padding-top:4px;
    }

    .sectionbox .titlebox h2 {
        font-size: 16px;
        text-align: center;
        line-height: 23px;
        padding: 10px 20px;
    }

    .maintext {
        margin-top: 20px;
    }

    .sectionbox .maintext .contentbox p {
        padding: 0 20px;
        font-size: 15px;
        line-height: 25px;
        letter-spacing: 0.1em;
    }

    .sectionbox .maintext .contentbox .imagebox {
        width: 100%;
        text-align: center;
        margin-top: 18px;
    }

    .sectionbox .maintext .contentbox .imagebox img {
        width: calc(100% - 40px);
        height: auto;
        border-radius: 9px;
    }

    .sectionbox {
        padding-bottom: 60px;
    }

    .sectionbox .titlebox h2 span {
        display: block;
    }
    .sectionbox .maintext .contentbox.onlypc,
    .onlypc{
        display: none;
    }
    .onlysp{
        display: block;
    }
    /* ボタン装飾 */
    a.btnTypeA {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0.2em;
        background-size: auto 17px;
        padding: 0 17px 5px 0;
    }
    a.btnTypeA span{
        display:block;
    }

    /* 共通フッタ―リンク */
    
    .commonlink h2 {
        font-size: 15px;
        letter-spacing: 0.2em;
        width: 17em;
        padding-bottom: 19px;
        background-size: auto 13px;
    }
    .commonlink h2::before {
        content: "";
        width: 27px;
        height: 90px;
        background-image: url(/img/style/bg_commonlink.png);
        background-size: contain;
        display: block;
        position: absolute;
        background-repeat: no-repeat;
        right: -40px;
        top: -26px;
    }
    .commonlink .contactbox li a {
        width: 290px;
        margin: 0 auto;
        display: block;
        height: 32px;
        font-size: 16px;
        line-height: 1em;
        box-sizing: border-box;
        padding-top: 5px;
        /* letter-spacing: 0.15em; */
    }
    
    .commonlink .contactbox {
        display: block;
    }
    
    .commonlink .contactbox li a.contact {
        padding-top: 9px;
    }
    
    .commonlink .actionbox a {
        width: 290px;
        margin: 0 auto;
        height: 40px;
        padding-top: 10px;
        font-size: 17px;
        letter-spacing: 0.1em;
    }
    
    .commonlink .actionbox {
        display: block;
    }
    
    .commonlink {
        margin: 46px 0 46px 0;
        padding: 45px;
        padding-top:0;
    }
    .commonlink .contentbox {
        background-image:none;
        padding-top: 45px;
    }
    .commonlink .contactbox li a span {
        width: 290px;
        padding-top: 5px;
        height: 32px;
    }
    
    .commonlink .contactbox li a.tel span {
        padding-top: 3px;
    }
    input{
        vertical-align: bottom;
    }
}