@charset "utf-8";


@media screen and (max-width: 767px) {
	
	
	body,html{
		min-width:auto;
	}
	body {
        line-height: 1.75;
    }
    
	.wrapper {
		overflow-x: hidden;
	}
    
	
    
	
/* display
===================================*/
	.ie-mestxt {
		display: none;
	}
    .pshed {
		display: none;
    }
    header.smt {
        display: block;
        border-bottom: 2px solid #577eb9;
    }

    
    
    
/*  smt-pusher
===================================*/
    .smt-pusher {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        will-change: transform;
    }
    .smt-fixed .smt-pusher {
        -webkit-transform: translate3d(-80vw, 0, 0);
        -moz-transform: translate3d(-80vw, 0, 0);
        transform: translate3d(-80vw, 0, 0);
    }

    
	

/* janp
===================================*/
	
	.janp {
		bottom: 20px;
		right: 3.0%;
	}
	.janp a {
		width: 40px;
		height: 40px;
	}
	
	
	
    
/*  footer
===================================*/
	footer {
	}
    
    
    
    
/*  共 通
===================================*/
    
    .twobody {
        display: block;
        height: auto;
        min-height: auto;
    }
    
	.said {
        display: none;
    }
    
    .sbody {
        flex: none;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 80px;
    }
    

    .form input,
    .form textarea,
    .form select {
        background-color: #fff;
    }

    
    .translation {
        margin-left: 5px;
    }
    .dropdown {
        height: 26px;
        line-height: 24px;
        padding-left: 8px;
        padding-right: 22px;
        font-size: 1.2rem;
    }
    
    
    
    
    
/*  cover
===================================*/
    .cover {
        background-position: center top;
        background-size: cover;
        height: 110px;
    }
	.cover .taiare {
        padding-top: 20px;
    }
    .cover .taiare h2 {
        font-size: 1.8rem;
        letter-spacing: 0.1em;
        white-space: nowrap;
        color: #4675bb;
        text-shadow: none;
        font-weight: bold;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .cover .taiare small {
        color: #333;
    }
    
    .cover.usr {
        background-position: center top;
        background-size: cover;
        height: 120px;
    }
    
    
    
    
    
/*  indx-are
===================================*/
    .contebody.indx {
        height: 100%;
    }
    .indx-are .divare {
        flex-direction: column;
        padding: 0 15px;
    }
    
    .indx-are .divare .blk {
        margin: 0;
        margin-top: 60px;
    }
    .indx-are .divare .blk.lef {
        margin-left: 0;
    }
    .indx-are .divare .blk.rig {
        margin-top: 40px;
        margin-right: 0;
        margin-bottom: 70px;
    }
    
    .indx-are .divare .blk .bkhed {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .indx-are .divare .blk .bkhed h3 {
        font-size: 1.8rem;
    }
    
    .indx-are .divare .blk .bkare {
        padding-top: 20px;
        padding-bottom: 25px;
    }
    
    .indx-are .divare .blk .bkare li {
        width: 40%;
        margin: 15px 10px;
    }
    .indx-are .divare .blk .bkare li a span {
        font-size: 1.5rem;
    }
    
    
    .indx-are .divare .blk .bkare dl {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
    
    .indx-are .taiare h2 {
    padding-top: 60px;
    font-size: 2.0rem;
}
    .indx-are .taiare p {
    font-size: 1.3rem;
}
    
    
    
    
    
    
    
    
    

    
    
/*  srt-body
===================================*/
    .srt-body {
        padding-bottom: 80px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .srt-body .milare input {
        max-width: 700px;
        width: 100%;
        height: 50px;
    }
    .btn-are {
        padding-top: 40px;
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .srt-body .titare {
        margin-top: 25px;
    }
    .srt-body .titare h3 {
        font-size: 1.9rem;
    }
    .srt-body .prvare {
        margin-top: 30px;
    }
    .srt-body .prvare .area {
        padding: 20px;
        padding-top: 0;
    }
    .srt-body .prvare .dvare {
        padding-top: 20px;
    }
    .srt-body .prvare .dvare h4 {
        font-size: 1.5rem;
    }
    
    .srt-body .chkare {
        margin-top: 30px;
    }
    .srt-body .chkare dl {
        margin-top: 20px;
        text-align: left;
    }
    .srt-body .chkare dd {
        padding-top: 8px;
        line-height: 1.4;
    }

    .srt-body .milare {
        margin-top: 20px;
    }
    
    .srt-body .takare {
        margin-top: 30px;
        padding: 20px 15px;
    }
    .srt-body .takare dl {
        margin-top: 0;
        text-align: left;
    }
    .srt-body .takare .txare {
        margin-top: 20px;
        padding-top: 20px;
    }
    .srt-body .takare .txare .txt h5 {
        font-size: 1.8rem;
    }
    .srt-body .takare dd {
        font-size: 1.4rem;
    }
    
    
    .srt-body .mrkare li .txt {
        font-size: 1.4rem;
        line-height: 1.3;
        padding-bottom: 0;
        height: 40px;
    }
    
    .srt-body .taiare {
        margin-top: 30px;
    }
   .srt-body .taiare i {
       font-size: 22px;
    }
    .srt-body .taiare h3 {
        font-size: 1.8rem;
        margin-left: 3px;
    }
    
    
    
    
    
/*///// button /////*/ 
    button {
        margin: 0 15px;
    }
    
    button.btntp {
        height: 50px;
        width: 150px;
    }
    a.butn {
        height: 50px;
        width: 150px;
    }

    button.butn {
        height: 55px;
        max-width: 150px;
        width: 100%;
    }
    button.retn {
        height: 55px;
        max-width: 150px;
        width: 100%;
    }
    button.btn-one {
        height: 55px;
        width: 160px;
    }
    
    

    
/*  frmare
===================================*/
    .frmare li .flare {
        display: block;
    }
    .frmare li .flare .flx {
        padding-bottom: 10px;
    }
    .frmare li .flare .flx:last-of-type {
        padding-bottom: 0;
    }
    .frmare li .flare .flx.mr20 {
        margin-right: 0;
    }
    
    .frmare li .reed {
        padding: 20px 20px;
    }
    .frmare li .moku {
        width: 180px;
        padding: 10px 15px;
    }
    .frmare li .moku.ue {
        padding: 10px 15px;
    }
    
    
/*///// input type /////*/ 
    input.type1 {
    }
    input.type2 {
    }
    input.type3 {
        width: 100%;
        max-width: 300px;
    }
    input.type4 {
        width: 150px;
    }
    input.type5 {
        width: 100px;
    }

    
    
    
/*  login.html
===================================*/ 
    .contebody.login {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .login-are .dvare {
        padding: 0 20px;
        padding-top: 5px;
        padding-bottom: 15px;
        margin-top: 30px;
        width: 100%;
        max-width: 400px;
    }
    .login-are .dvare li input {
        width: 100%;
    }
    
    .login-are h2 {
        padding-top: 40px;
        font-size: 2.1rem;
    }
    
    .login-are .btn-are {
        padding-top: 40px;
    }    
    
    
    
    
/*  user.html
===================================*/
    .sbody-hed {
        display: block;
        background-color: #3c6eb7;
        padding: 10px 0;
        margin-left: -20px;
        margin-right: -20px;
        border-bottom: none;
    }
    .sbody-hed h2 {
        color: #fff;
        text-align: center;
        font-size: 1.6rem;
    }
    .sbody-hed.smt {
        display: block;
        margin-left: -20px;
        margin-right: -20px;
    }
    
    
    .sbody-are .taiare .tai .mmk {
        width: 8px;
        height: 36px;
    }

    .sbody-are .taiare .tai h3 {
        margin-left: 8px;
        font-size: 1.7rem;
    }
    .home .sbody-are .taiare .tai h3 {
        margin-left: 8px;
        font-size: 1.6rem;
    }
    
    .sbody-are .taiare .more {
        margin-right: 0;
    }
    
    
    .home-one .dvare li a {
        padding: 15px 0;
    }
    .home-thr .dvare li .moku {
        width: 180px;
    }
    
    .home-thr table {
        min-width: 600px;
        table-layout: auto;
    }
    .home-thr thead th:nth-child(1),
    .home-thr thead th:nth-child(2),
    .home-thr thead th:nth-child(3),
    .home-thr thead th:nth-child(4) {
        width: auto;
    }

  
    
/*  notice.html
===================================*/	
    .notic-are ul {
        padding-top: 0;
    }
    .notic-are li {
        padding: 30px 0;
    }
    
    
    
    
    
    
/*  register.html
===================================*/	
    .sbody-nav li {
        width: 100%;
    }
	.sbody-nav li a {
        width: auto;
    }
    
    .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: #999999;
        color: #fff;
        font-size: 1.25rem;
        padding-left: 5px;
        padding-right: 5px;
        height: 28px;
    }
    .acdion-box .scrollmk .material-icons {
        font-size: 2.0rem;
    }
    
    /* --- 横スライダ --- */
	.acdion-box .scroll-are { 
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
	}
	.acdion-box .scroll-are::-webkit-scrollbar {
		height:10px;
	}/*バーの太さ*/
	.acdion-box .scroll-are::-webkit-scrollbar-track {
		background:#dddddd;
	}/*バーの背景色*/
	.acdion-box .scroll-are::-webkit-scrollbar-thumb {
		background:#888888;
	}/*バーの色*/
	
    
    .regt-are .area {
        padding: 20px;
    }
    
    .frmare li .reed .one table {
        min-width: 750px;
    }
    .frmare li .reed .two table {
        min-width: 600px;
    }
    
    
/*///// error-are /////*/
    .error-are {
        margin-bottom: 20px;
    }
    .error-are dl {
        padding: 15px 10px;
    }    
    .error-are dd span {
        font-size: 1.4rem;
    }
    
    
    
    
/*  table
===================================*/
    table {
        min-width: 750px;
        table-layout: auto;
    }
    thead th {
        white-space: nowrap;
    }
    
    
    
    
/*  document.html
===================================
    .doct-top {
        padding: 20px 15px;
    }
    .doct-top h2 {
        font-size: 1.6rem;
    }
    .doct-top h3 {
        font-size: 1.6rem;
        margin-top: 20px;
    }
    .doct-top .acdion-box {
        margin-top: 20px;
    }
    */
    
    
    
/*  document-invoice.html
===================================
    .doct-inv {
        padding: 20px 15px;
    }
    .doct-inv h2 {
        font-size: 1.7rem;
    }
    .doct-inv .acdion-box {
        margin-top: 20px;
    }

    .doct-inv .dvone {
        margin-top: 10px;
        font-size: 1.3rem;
    }
    .doct-inv .dvtwo {
        margin-top: 20px;
        flex-direction: column;
    }
    .doct-inv .dvtwo .rig {
        font-size: 1.35rem;
    }
    .doct-inv .dvtwo .lef h4 {
        font-size: 1.6rem;
    }
    .doct-inv .dvtwo .lef .txare {
        font-size: 1.8rem;
        margin-top: 30px;
    }
    
    .doct-inv .dvthr {
    }

    .doct-inv .dvfou {
    }
    
    .doct-inv table {
        min-width: 600px;
    }
    
    .doct-inv thead th:nth-child(1),
    .doct-inv thead th:nth-child(2),
    .doct-inv thead th:nth-child(3),
    .doct-inv thead th:nth-child(4) {
        width: auto;
    }
    */
    
    
    
    
/*  document-receipt.html
===================================
    .doct-rep {
        padding: 20px 15px;
    }
    .doct-rep h2 {
        font-size: 1.7rem;
    }
    .doct-rep .dvone {
        margin-top: 10px;
    }
    .doct-rep .dvone p {
        font-size: 1.3rem;
    }
    .doct-rep .dvtwo {
        margin-top: 20px;
    }
    .doct-rep .dvtwo h4 {
        font-size: 1.6rem;
    }
    .doct-rep .dvthr {
        margin-top: 40px;
    }
    .doct-rep .dvfou {
        margin-top: 30px;
    }
    .doct-rep .dvfiv {
        margin-top: 30px;
    }
    .doct-rep .dvfiv dl {
        font-size: 1.35rem;
    }
    
    
    .doctrep .btn-are {
        flex-direction: column;
        padding-top: 40px;
    }
    */
    
    
    
	
	


}
 /* (max-width: 767px) */