img {
        width: 100%;
        height: auto;
    }
    .l-wrap {
        margin: 0 auto;
        max-width: 640px;
    }
    .image_block {
        font-size: 0;
        position: relative;
    }
    .btnstyle1 {
        position: absolute;
        left: 50%;
    	transform: translateX(-50%);
    	-webkit-transform: translateX(-50%);
    	-ms-transform: translateX(-50%);
    	z-index: 10;
    	width: 88.46%;
    	transition: transform 0.3s ease;
    }
    .btnstyle1:hover {
        transform: translateX(-50%) scale(1.05);
    	-webkit-transform: translateX(-50%) scale(1.05);
    	-ms-transform: translateX(-50%) scale(1.05);
    }
    .btnstyle1:active {
        transform: translateX(-50%) scale(.95);
    	-webkit-transform: translateX(-50%) scale(.95);
    	-ms-transform: translateX(-50%) scale(.95);
    }
    .btn_position1 {
        bottom: 4%;
    }
    .btn_position2 {
        bottom: .6%;
    }
    .acm_after {
        display: none;
    }
    .acm_btn {
        position: absolute;
        left: 50%;
        bottom: 4%;
    	transform: translateX(-50%);
    	-webkit-transform: translateX(-50%);
    	-ms-transform: translateX(-50%);
    	z-index: 10;
    	width: 90.77%;
    	cursor: pointer;
    }
    .acm_block.clicked .acm_before, .acm_block.clicked .acm_btn {
        display: none;
    }
    .acm_block.clicked .acm_after {
        display: block;
    }
    .btn_position3 {
        bottom: 1%;
    }
    .btn_position4 {
        bottom: 1%;
    }
    .school_wrap {
        background: #c9f0ff;
        padding: 0 6%;
    }
    .ac1 {
        margin: 0;
        padding: 1px 0 1px;
    }
    .ac1 > dt {
        background: #feff00;
        cursor: pointer;
        position: relative;
        font-weight: 600;
        margin: 16px 0 0;
        font-size: 5vw;
        padding: .8em .8em .8em .8em;
    }
    .ac1 > dt::before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-color: #222 transparent transparent transparent;
        border-width: 15.59px 9px 0px 9px;
        position: absolute;
        right: 5%;
        top: 50%;
    	transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	transition: .5s;
    }
    .ac1 > dt.ac1_clicked::before {
        transform: translateY(-50%) rotate(180deg);
    	-webkit-transform: translateY(-50%) rotate(180deg);
    	-ms-transform: translateY(-50%) rotate(180deg);
    }
    .ac1 > dd {
        margin: 0;
        padding: 0;
        display: none;
        position: relative;
    }
    .ac2 > dt {
        background: #fff;
        cursor: pointer;
        position: relative;
        font-size: 4.8vw;
        padding: .7em .8em .7em .8em;
    }
    .ac2 > dt::before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent transparent transparent #222;
        border-width: 8px 0px 8px 13.86px;
        position: absolute;
        right: 5%;
        top: 50%;
    	transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	transition: .5s;
    }
    .ac2 > dt.ac2_clicked::before {
        transform: translateY(-50%) rotate(90deg);
    	-webkit-transform: translateY(-50%) rotate(90deg);
    	-ms-transform: translateY(-50%) rotate(90deg);
    }
    .ac2 > dd {
        display: none;
        padding: 1% 5% 5%;
        margin: 0 0 16px;
        background: #fff;
    }
    .googlemap {
        font-size: 0;
        margin: 0 0 12px;
    }
    .googlemap iframe {
        width: 100%;
    }
    .ac2_th {
        background: #4e9fce;
        color: #fff;
        font-size: 4.8vw;
        padding: .3em .4em .2em 1.6em;
        margin: 0 0 6px;
        position: relative;
    }
    .ac2_th::before {
        content: "";
        position: absolute;
        left: 2%;
    	top: 50%;
    	transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	width: auto;
    	height: 80%;
    	padding-left: 6%;
    	background-position: center;
    	background-repeat: no-repeat;
    	background-size: contain;
    	display: inline-block;
    }
    .ac2_th:nth-of-type(2)::before {
        background-image: url(../img/pin.png);
    }
    .ac2_th:nth-of-type(4)::before {
        background-image: url(../img/train.png);
    }
    .ac2_td {
        margin: 0 0 1em;
        font-size: 4.6vw;
        line-height: 1.6;
    }
    
    
    @media screen and (min-width: 640px) {
        .ac1 > dt {
            font-size: 33px;
        }
        .ac2 > dt {
            font-size: 30px;
        }
        .ac2_th {
            font-size: 30px;
        }
        .ac2_td {
            font-size: 30px;
        }
    }