@charset "utf-8";

@media screen and (max-width: 575px) {
	
    body {
        font-size: 1.5rem;
        line-height: 1.5;
    }
    dl, dt, dd, li {
        line-height: 1.5;
    }
    .btn span {
        white-space: normal;
    }

	
/* display
===================================*/
    .pc {
        display: none;
    }
    .smt {
        display: block;
    }
	
	
/* acdion-box 
===================================*/
	.acdion-box {
		/*width: 100vw;*/
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
        margin-top: 30px;
	}
	.acdion-box .scrollmk {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
		background-color: #b7b7b7;
		color: #fff;
		font-size: 1.4rem;
		height: 30px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.acdion-box .scrollmk i {
		font-size: 1.6rem;
	}
	.acdion-tbl {
		padding-bottom: 0;
	}
    
	/* --- 横スライダ --- */
	.acdion-tbl { 
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
	}
	.acdion-tbl::-webkit-scrollbar {
		height:10px;
	}/*バーの太さ*/
	.acdion-tbl::-webkit-scrollbar-track {
		background:#dddddd;
	}/*バーの背景色*/
	.acdion-tbl::-webkit-scrollbar-thumb {
		background:#888888;
	}/*バーの色*/

	
/*  smt-hed
===================================*/
    .pched .area {
        padding-bottom: 5px;
        padding-top: 0;
        padding-left: 8px;
    }
    .pched .area .comp {
        padding-right: 0;
    }
    .pched .area .comp li {
        font-size: 1.9rem;
        line-height: 1.1;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
    }
    .pched .area .comp li span {
        font-size: 1.8rem;
        display: block;
    }
    .pched .area .comp li img {
        display: none;
    }
    .pched .area .link a {
        padding: 2px 5px;
        padding-top: 2px;
    }
    .pched .area .comp .blk {
        margin-top: 0;
    }

    .pched .area .link {
    right: 45px;
}
    
    .pched .area .comp h1 {
    font-size: 2.3rem;
    padding-top: 6px;
}
    .pched .area .comp h1 .kumamoto {
    display: none;
}
    .pched .area .comp h2 {
    font-size: 1.4rem;
    margin-top: 0;
    letter-spacing: normal;
}
    .pched .area .comp h1 span {
    font-size: 2.6rem;
}
    
    
    
    
/*  footer
===================================*/
    footer {
        border-top: 2px solid #41454a;
    }
    .fot-comp dl {
        margin: 0 15px;
        margin-top: 20px;
    }
    .fot-comp dd {
        font-size: 1.3rem;
    }    
    .fot-copy {
        padding: 6px 0;
    }
    .fot-copy h2 {
        padding: 0 10px;
    }
    .fot-copy h6 {
    letter-spacing: normal;
}
    
    .fot-banner {
        display: block;
        margin: 0 10px;
        margin-bottom: 30px;
        margin-top: -6px;
    }
    .fot-banner ol {
        display: -webkit-flex;
        display: flex;
        flex-flow: wrap;
        padding: 0;
        margin: 0 -5px;
    }
    .fot-banner ol li {
        width: calc(100% / 2);
        max-width: 200px;
        padding: 6px;
    }
    .fot-banner ol li a {
        border: 1px solid #ccc;
    }
    .fot-banner ol li a:hover {
        border: 1px solid #5cb6ef;
        box-shadow: 0 0 10px #4aa3e1;
    }
    
    .fot-banner ol li p {
        background-color: #e3e3e3;
        border: 1px solid #ccc;
        line-height: 1.2;
        padding: 12px 0;
        font-size: 1.3rem;
    }
    .fot-banner ol li p {
        text-align: center;
    }
    
    
    
/* janp popup
===================================*/
    .popup-inner {
        transform: translate(-50%,-46%);
        width: 90%;
        padding: 30px 20px;
        padding-top: 20px;
    }

    
/*  共 通
===================================*/
    .wrapper article {
        padding-bottom: 50px;
    }
    
    .pannav ul li a {
        font-size: 1.0rem;
        letter-spacing: normal;
    }
    
    .form input.nmb {
        height: 35px;
    }
    
    .pannav ul {
        padding: 10px 5px;
    }
    
    .error-are ul {
        padding: 5px 10px;
    }
    
    .title-hed {
        min-height: 65px;
    }
    .title-hed .nav .home a {
        font-size: 1.1rem;
    }
    
    .title-hed .area .title {
        font-size: 2.0rem;
    }
    .slbody {
        padding-left: 18px;
        padding-right: 18px;
        padding-bottom: 40px;
        background-color: #fff;
    }
    
    .janp a {
        width: 40px;
        height: 40px;
    }
    

/*  cover
===================================*/
    .cover-top span {
        height: 360px;
    }
    .cover-top .area {
        height: 360px;
        background-size: 400px;
        text-align: center;
    }
    .cover-top .area .txt {
        width: auto;
        padding: 6px 10px;
        padding-bottom: 0;
    }
    .cover-top .area .txt dl .flx {
        display: block;
    }
    .cover-top .area .txt dt,
    .cover-top .area .txt dd {
        font-size: 1.5rem;
    }
    .cover-top .area .txt dt {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .cover-top .area .txt dd {
        padding: 10px 0;
    }
    
    .cover-top .area h3 {
    font-size: 2.3rem;
        top: 50px;
}
    .cover-top .area h3 strong {
    font-size: 3.6rem;
    display: block;
}
    
    .title-cover {
        height: 100px;
        padding: 0;
        border: 0;
        border-radius: 0;
        margin: 0 -18px;
        width: calc(100% + 36px);
        background-size: contain,20px;
        background-repeat: no-repeat, repeat;
        background-position: center, center;
    }
    .title-cover .wakuline {
        height: 100px;
        border-radius: 0;
    }
    
    .title-cover .wakuline h3 {
    font-size: 1.8rem;
    line-height: 1.3;
}
    .title-cover .wakuline h3 strong {
    font-size: 2.4rem;
}
    .title-cover .wakuline h3 {
    transform: translate(-50%, -50%);
}
    
    
/*  title
===================================*/    
    .title-page {
        margin-left: -13px;
        margin-right: -13px;
    }    
    .title-page .area h2 {
        font-size: 2.1rem;
        padding: 0;
    }
    .title-page .area {
        min-height: inherit;
        padding: 20px 0;
        padding-left: 10px;
        margin: 0;
    }
    .title-page .area a {
        padding: 0 6px;
        margin-right: 5px;
    }
    
    .title-page ul {
        margin-left: -5px;
        margin-right: -5px;
    }
    .title-page ul:after {
    }
    
    .title-page ul li {
        margin: 0 5px;
    }
    .title-page ul li a {
        padding: 10px 8px;
        padding-bottom: 15px;
        color: #777;
        font-size: 1.4rem;
        line-height: 1.2;
    }
    .title-sub {
        padding: 18px 5px;
    }
    .title-sub h3 {
        font-size: 1.75rem;
    }

    
/*  HOME
===================================*/
    .slbody.home {
        padding-bottom: 30px;
    }
    
    .home-txt {
        padding: 0;
        margin-top: 20px;
    }
    .home-txt .waku {
        padding: 0;
        border: 0;
        border-radius: 0;
        overflow: auto;
        background-image: none;
    }
    .home-txt .txt-a {
        display: block;
    }
    .home-txt .txt-a h2 span {
        font-size: 2.4rem;
        display: block;
    }
    .home-txt .txt-a h2 {
        font-size: 2.4rem;
    }
    .home-txt .txt-a h3 {
        font-size: 2.4rem;
        margin-left: 0;
        text-align: left;
    }
    
    .home-txt .txt-b {
        margin-top: 20px;
    }
    .home-txt .txt-b dl {
        display: block;
        margin-top: 20px;
    }
    .home-txt .txt-b dt {
        font-size: 1.55rem;
        padding: 6px 3px;
        width: auto;
        margin-right: 0;
        border-radius: 20px;
    }
    .home-txt .txt-b dd {
        font-size: 1.7rem;
        margin-top: 10px;
        display: block;
    }
    .home-txt .txt-b dd span {
        font-size: 1.4rem;
        margin-top: 3px;
    }
    .home-txt .txt-b dd.column em {
        font-size: 1.4rem;
    }
    .home-txt .txt-c {
        margin-top: 20px;
        padding: 10px;
        width: auto;
        min-width: auto;
    }
    .home-txt .txt-c .tai {
        display: block;
        text-align: left;
    }
    .home-txt .txt-c .txt {
        text-align: left;
    }
    .home-txt .txt-c .tai p {
        font-size: 1.7rem;
    }
    .home-txt .txt-c .tai span {
        font-size: 1.6rem;
    }
    .home-txt .txt-c .link-btn {
        margin-top: 10px;
        height: 45px;
    }
    
    
    .home-txt .txt-d dt {
    font-size: 1.7rem;
}
    .home-txt .txt-d dd p {
    font-size: 1.7rem;
}
    .home-txt .txt-d dd span {
    font-size: 1.4rem;
}
    
    .home-txt .txt-e dd {
    display: block;
}
    
    .home-txt .txt-e {
    padding: 15px 10px;
    margin-top: 20px;
}
    .home-txt .txt-e .tai {
    font-size: 1.7rem;
}
    .home-txt .txt-e dt {
    font-size: 1.5rem;
}
    .home-txt .txt-e dd .pho {
    margin: 0 auto;
}
    .home-txt .txt-e dd .pho img {
    margin: 0 auto;
}
    
    
/*///// home-cte /////*/
    .home-cte {
        margin-top: 40px;
    }
    .home-cte ul {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }
    .home-cte li {
        width: auto;
        margin: 0;
        margin-top: 35px;
    }
    .home-cte li .tai {
        font-size: 1.7rem;
        padding-bottom: 0;
        border-bottom: 2px solid #e2e2e2;
    }
    .home-cte li a {
        margin-top: 10px;
    }
    
    
/*///// home-news /////*/
    .home-news {
        padding: 0;
        border: 0;
        border-radius: 0;
    }
    .home-news ul {
        padding: 0;
    }
    .home-news li {
        display: block;
    }
    .home-news li .day {
        width: auto;
        margin-left: 0;
        margin-bottom: 5px;
    }
    .home-news .tai p {
        padding-left: 0;
    }
    
    
/*///// home-banner /////*/
    .home-banner {
        display: none;
    }
    
    
    
/* 準備中
===================================*/
    .preparation {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .preparation p {
        font-size: 1.5rem;
    }
    
    
/* page-body
===================================*/
    .page-body {
        padding: 0;
    }
    .page-body .wakuline {
        padding: 0;
        min-height: initial;
    }
        
    .text-page {
        padding: 0;
    }
    .pg-atitle.top {
    margin-top: 25px;
}
    .pg-atitle {
    margin-top: 30px;
    padding: 12px 0;
}
    .pg-atitle p {
    font-size: 1.6rem;
    padding-left: 10px;
    padding-right: 10px;
}
    .pg-atxt {
    padding: 0;
    margin-top: 15px;
}
    .pg-ultxt {
    padding: 0;
    margin-top: 15px;
}
    .pg-waku {
    margin: 0;
    margin-top: 15px;
}
    .pg-dltxt {
    margin-top: 5px;
}
    .pg-dltxt dl {
    display: block;
    padding: 10px 0;
}
    .pg-table th,
    .pg-table td {
    padding: 7px 8px;
    font-size: 1.4rem;
    line-height: 1.2;
}
    .pg-table.sanka th,
    .pg-table.sanka td {
    padding: 7px 15px;
    font-size: 1.4rem;
    line-height: 1.2;
}
    
    .pg-btxt {
    padding: 0;
    margin-top: 15px;
}
    .pg-atitle span.red {
    font-size: 1.5rem;
    padding-right: 10px;
    white-space: nowrap;
}
    .pg-btitle {
    font-size: 1.6rem;
    margin: 0;
    margin-top: 25px;
}
    .down-btn {
    padding: 0 10px;
    min-width: inherit;
}
    .pg-cpany {
    margin-top: 30px;
}
    
    .pg-docm {
    padding: 0;
}
    .pg-docm dt {
    font-size: 1.6rem;
    line-height: 1.3;
}
    .pg-docm dd {
    display: block;
    margin-top: 15px;
}
    .pg-docm dd .lef .txt {
    margin-left: 10px;
    font-size: 1.4rem;
}
    .pg-docm dd .lef .img {
    width: 100px;
}
    .pg-docm dd .rig {
    margin: auto;
    text-align: center;
    margin-top: 20px;
}
    .pg-docm dd .rig a {
    margin-left: 0;
}


    

    .pg-btn.ul {
        margin-top: 10px;
    }
        .pg-btn ul {
        margin: 0 10px;
    }
    .pg-btn ul li {
    width: 100%;
}
    .pg-btn .acce-btn {
    height: 56px;
    min-width: auto;
    width: 100%;
    margin: 0;
    font-size: 1.6rem;
}
    
    .pg-atxt b {
    font-size: 1.65rem;
    line-height: 1.3;
}
    .text-page .tytxt,
    .text-page .tytxt2 {
    font-size: 1.4rem;
    line-height: 1.3;
}
    .pg-wakub ul {
    padding: 10px;
}
    .pg-chyui {
    margin-top: 20px;
}
    .pg-chyui ul {
    padding: 10px;
}
    .pg-btnlst ul li {
    margin: 6px 10px;
    width: 100%;
    max-width: 300px;
}
    .pg-btnlst ul {
    -webkit-justify-content: center;
    justify-content: center;
}
    .pg-btnlst ul li a {
    font-size: 1.4rem;
}
    

/*/// table-scroll ///*/
    .table-scroll {
        overflow: auto;
        height: auto;
        transform: rotateX(180deg);
        margin-top: 15px;
    }
    .table-scroll table {
        transform: rotateX(180deg);
    }

    /* width */
    .table-scroll::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    /* Track */
    .table-scroll::-webkit-scrollbar-track {
        background: #ccc; 
    }

    /* Handle */
    .table-scroll::-webkit-scrollbar-thumb {
        background: #107dc3;
    }

    /* Handle on hover */
    .table-scroll::-webkit-scrollbar-thumb:hover {
        background: #107dc3;
    }

    
/* greeting
===================================*/
    .txt-greeting p {
        line-height: 1.8;
        margin: 20px 0;
    }
    .txt-greeting {
        margin-top: 20px;
        padding: 0;
    }
    .hed-greeting .txt {
        margin-top: 10px;
        margin-right: 0;
        line-height: 1.4;
    }
    .hed-greeting .pho {
        margin-right: 0;
        flex-shrink: 0;
        width: 100px;
    }
    .hed-greeting {
        padding: 0;
        margin-top: 20px;
        flex-flow: row-reverse;
        flex-wrap: wrap-reverse;
    }
    .hed-greeting .txt .sub {
        font-size: 1.6rem;
    }
    .hed-greeting .txt strong {
        font-size: 1.8rem;
    }
    .hed-greeting .txt li.min {
        line-height: 1.2;
        margin-top: 5px;
    }
    .greeting .line {
        margin: 0;
        margin-top: 40px;
    }
    
    
/* contact
===================================*/
    .pg-contact dt {
        font-size: 1.6rem;
        display: block;
    }
    .pg-contact dd {
        margin: 0 5px;
        margin-top: 15px;
        line-height: 1.6;
    }
    .pg-contact {
    padding: 0;
}
    .pg-contact dl {
    margin-top: 35px;
}
    
    
/* outline
===================================*/
    .txt-outline {
    padding: 0;
    margin-top: 10px;
}
    .txt-outline dt {
    font-size: 1.65rem;
    padding: 0;
    margin-bottom: 5px;
}
    .txt-outline dd strong {
    font-size: 1.65rem;
}
    .txt-outline dl {
    padding-top: 15px;
    padding-bottom: 15px;
}
    
    
/* access
===================================*/
    .txt-access {
    padding: 0;
    margin-top: 20px;
}
    .txt-access .flxare {
    display: block;
}
    .txt-access .flxare ul {
    margin-top: 15px;
}
    .google-map .map {
    height: 450px;
}
    .google-map {
    padding-top: 20px;
}
    .txt-access .tai {
    font-size: 1.9rem;
    line-height: 1.4;
    letter-spacing: normal;
    margin-bottom: 20px;
}
    .txt-access .flxare.mt50 {
        margin-top: 35px;
    }
    .txt-access strong {
    font-size: 1.9rem;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	
	
	
	
}
/* (max-width: 575px) */