@charset "utf-8";


@media screen and (max-width: 575px) {
	
	
/* common
===================================*/
	body {
    line-height: 1.6;
}
	.wrapper.bgimg .contebody {
    display: block;
    min-height: auto;
}
	.wrapper.bgimg .contebody-ie {
    flex: none;
    display: block;
    min-height: auto;
    height: 100vh;
}
    
    
    
/* longin
===================================*/
    .indx-are {
    text-align: center;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
	.indx-are .divare {
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: 15px;
    margin-right: 15px;
    padding: 30px;
    padding-left: 5px;
    padding-right: 5px;
    height: auto;
    margin-top: 30px;
}
    .indx-are .divare .blk {
    margin: 0 10px;
    width: 100%;
    max-width: 180px;
        
}
    .indx-are .divare .blk a {
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 15px;
    display: block;
    min-width: auto;
}
    .indx-are .divare .blk a p {
    font-size: 1.6rem;
}
    
    
    
    
	.toplogo-are .flx {
    display: block;
}
    .toplogo-are .flx .lef {
    font-size: 2.3rem;
}
    .toplogo-are .flx .rig {
    line-height: 0.9;
    font-size: 1.6rem;
    text-align: center;
    margin-left: 0;
    margin-top: 5px;
}
    
    
    .login-are {
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
    .login-are form {
    margin-left: 15px;
    margin-right: 15px;
}
    .login-are .divare {
    margin: 0 auto;
    margin-top: 20px;
    width: 100%;
    max-width: 400px;
    padding: 10px 20px;
}
    
    .login-are .divare li {
    margin-top: 15px;
}
    
    .login-are .divare li input {
    width: 100%;
}
	.login-are .divare li:nth-of-type(1) {
    margin-top: 10px;
}
	.login-are .divare .eror-are li:nth-of-type(1) {
    margin-top: 0;
}
	
    
    
	
/* tabl-are
===================================*/
    .tabl-are {
        display: block;
        overflow-x: scroll;
    }
	thead th {
        padding: 10px 15px;
    }

    
    
    
    
/* acdion-box 
===================================*/
	.acdion-box {
	}
	.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-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: #b1b1b1;
        color: #fff;
        font-size: 1.25rem;
        padding-left: 5px;
        padding-right: 5px;
    }
	.acdion-box .scrollmk .material-icons {
        font-size: 2.0rem;
    }
    
	.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;
	}/*バーの色*/

	
	
    
    
    
/*  header
===================================*/
    header .nav-are {
        display: none;
    }
    header .hed-are {
        background-position: top center;
        height: 130px;
        padding: 0 15px;
    }
	header .hed-are .logo p {
        display: none;
    }
    header .hed-are .logo .flx .rig small {
        display: none;
    }
	header .hed-are .logo .flx {
        display: block;
    }
    header .hed-are .logo .flx .lef {
        font-size: 2.2rem;
    }
    header .hed-are .logo .flx .rig {
        line-height: 1.5;
        font-size: 1.55rem;
    }
    header .hed-are .user {
        right: 10px;
        bottom: 10px;
    }
	header .hed-are .user .name {
        padding: 8px 12px;
    }
    
    
    header.signup .hed-are {
        background-position: top center;
        height: 130px;
    }

    header .hed-are .logo {
            padding-top: 15px;
    }
    
    
    
    
    
/*  共 通
===================================*/
    .sbody {
    min-height: 400px;
}
    
    .sbody-hed {
    padding: 15px;
    margin-left: -15px;
    margin-right: -15px;
    border-bottom: 2px solid #ddd;
}
	.sbody-hed h2 {
    font-size: 1.8rem;
}
    
    
    .fm-box {
    display: block;
}
    .fm-box .moku {
    width: auto;
    border: none;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
}
    
    .fm-box .moku.ue {
    padding-top: 10px;
    -webkit-align-items: normal;
    align-items: normal;
}
    
    
    .fm-box .reed {
    padding: 20px 15px;
    display: block;
}
    
    
    .fm-box .name .rig {
    /*width: 100%;
    max-width: 200px;*/
    margin-top: 10px;
}
    .fm-box .kana .rig {
    margin-top: 10px;
}
    
    
    
    .fm-box .meber {
    padding-top: 20px;
    padding-bottom: 20px;
}
    
    .fm-box .organ .flx {
}
    .fm-box .organ .lef {
    width: 100%;
}
    .fm-box .organ .rig {
    width: 100%;
    margin-left: 5px;
}
    .fm-box.rowupdown-row .organ .rig {
    margin-left: 0;
    margin-top: 15px;
}
    
    
    
    
    
    
    
    
    .kyodo-are .are-box {
    display: block;
}
    .kyodo-are .are-lef {
    border-right: none;
    border-bottom: 1px solid #ccc;
    background-color: #dff1fb;
}
    
    .fm-box .ctego .lef {
    width: 80%;
}
    .fm-box .frmat .blk {
    width: 80%;
}
    
    
    .fm-box .edtor-are {
    min-height: 200px;
}
    .entry-confirm .fm-box .edtor {
    padding: 5px;
}
    .entry-confirm .fm-box .edtor-are {
    border: none;
}
    .entry-confirm .fm-box .edtor-are p {
    padding: 10px;
}
    .entry-ok .flow-are {
    display: none;
}
    
    
    
    .done-are {
    padding: 20px 10px;
}
    .done-are .blk {
    margin-top: 20px;
    padding-top: 20px;
}
    .done-are .blk .txt h5 {
    font-size: 1.6rem;
}
    .done-are .blk .txt h5 span {
    font-size: 1.5rem;
}
    .done-tai {
    padding-top: 15px;
    padding-bottom: 10px;
}
    .done-tai h3 {
    font-size: 1.8rem;
    letter-spacing: 0.05em;
}
    
    
    
    
    .prvy-box .blkare {
    padding: 20px;
    padding-top: 0;
}
    .prvy-box .blk h4 {
    font-size: 1.6rem;
}
    .sinup-mlad input {
    height: 50px;
    width: 100%;
    font-size: 1.6rem;
}
    .sinup-mlad h4 {
    font-size: 1.5rem;
}
    .sinup-mlad {
    margin-top: 20px;
}
    .signcheck .btn-are {
    padding-top: 35px;
}
    .signcheck .done-are {
    margin-top: 40px;
}
    
    
    
    .btn-are {
    padding-top: 35px;
    margin-left: -10px;
    margin-right: -10px;
}
	.btn-are.t40 {
    padding-top: 35px;
}
	.btn-are.t20 {
    padding-top: 35px;
}

    
    .btn-one {
    height: 60px;
    width: 200px;
}
    
    
    
    .mt50 {
    margin-top: 40px;
}
    
    .tinymce-mobile-outer-container
    .tinymce-mobile-disabled-mask {
    background: rgba(255, 255, 255, 0)!important;
    border: 1px solid #bbb;
}
    .tinymce-mobile-outer-container
    .tinymce-mobile-disabled-mask
    .tinymce-mobile-content-container
    .tinymce-mobile-content-tap-section
    .tinymce-mobile-mask-tap-icon {
    background-color: #2899d6!important;
    color: #ffffff!important;
}
    
    
    
    
    .sbody-nav {
    padding-bottom: 30px;
}
    .sbody-nav li a {
    height: 45px;
}
    .sbody-nav li a span {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.3;
}
    .btn-flow {
    height: 35px;
    padding: 0 13px;
}
    
    
    
    .title-are {
    height: 30px;
}
    .title-are h3 {
    padding: 0 6px;
    font-size: 1.8rem;
}
    
    
    .kshn-are ul {
    padding: 10px 15px;
}
    
    
    .mrk-are {
    padding-bottom: 25px;
}
    .mrk-title {
    padding-bottom: 15px;
}
    .mrk-title h4 {
    font-size: 1.8rem;
    margin-left: 3px;
}
    .mrk-title i {
    font-size: 2.0rem;
}
    .passwordok .done-are {
    padding: 30px 15px;
    font-size: inherit;
}
    
    
    
    
    
    
    
    
 /* button
===================================*/
    .btn-one {
    height: 55px;
    width: 100%;
    max-width: 180px;
}

    .btn-retrn {
    height: 55px;
    width: 70%;
    max-width: 150px;
}
    .btn-next {
    height: 55px;
    width: 100%;
    max-width: 180px;
}
   
    
    
    
    
/* flow-are
===================================*/
	.flow-are {
    padding-bottom: 15px;
}
    
    .flow-are li:nth-of-type(odd) {
    flex: none;
}
    .flow-are li span {
    padding: 0;
    background: none;
    color: #949494;
    min-width: auto;
}
    
	.flow-are li.on span {
    background: none;
    color: #2899d6;
    padding: 0;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
    
    
/* flow-title
===================================*/
    .flow-title {
    margin-bottom: 10px;
}
    .flow-title h4 {
    font-size: 1.6rem;
    padding: 5px 0;
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    min-height: 42px;
    min-width: 200px;
}
    
    
    
    
/* signup
===================================*/
    .sbody.signup {
    padding: 0 15px;
    padding-bottom: 70px;
}
    
    .signup .flow-are ul {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

    .signup .flow-are li i {
    font-size: 2.0rem;
}
	
	.signup .sbody-hed h2 {
    font-size: 1.8rem;
}
    .signup .sbody-hed {
    padding-top: 15px;
    padding-bottom: 15px;
}
    
    
    .signup .sbody-are {
    padding-top: 15px;
}

    
    
/* home
===================================*/
    .sbody.sspg {
    padding: 0 15px;
    padding-bottom: 80px;
}
    
    .sbody-tile h2 {
    font-size: 1.8rem;
    padding-left: 7px;
    padding-right: 30px;
}
    .sbody-are {
    padding-top: 20px;
}
    .sbody-tile {
    padding-bottom: 20px;
    flex-wrap: wrap;
}
    .sbody-tile .lstnmb {
    margin-left: 0;
}
    
    
    
    
    .mt40 {
    margin-top: 30px;
}
    
    .info-lst li a {
    display: block;
}
    .info-lst li .txt {
    padding-left: 0;
}
    .rogu-lst li {
    display: block;
}
    .rogu-lst li .txt {
    padding-left: 0;
}
    
    .info-lst ul {
    padding: 10px 15px;
}
    .info-box {
    padding: 20px 15px;
}
    .info-box .txt {
    padding: 20px 0;
    padding-bottom: 0;
}
    .info-box .tai {
    font-size: 1.7rem;
}
    .info-box .txt {
    line-height: 2.0;
}
    
    
    
/* srch-are
===================================*/
    .srch-are {
    padding-top: 0;
}
    .srch-are ul {
    flex-wrap: wrap;
}
    .srch-are li {
    margin-right: 10px;
    margin-top: 8px;
}
    
    
    
    
    
/* form-are
===================================*/
    .form-are .lst-blk .fm-box .moku {
        background: #f6f6f6;
    }
    .fm-box .tai {
        width: max-content;
        max-width: none;
    }
    .form-are .lst-blk .fm-box.comment textarea {
        min-height: 200px;
        padding: 10px;
    }
    .form-are .lst-blk {
        padding: 10px;
    }
    .form-are .lst-blk:first-of-type {
        padding-top: 10px;
    }
    .form-are .lst-blk:last-of-type {
        padding-bottom: 15px;
    }
    
    .form-are .lst-blk .fm-box .reed .blk.ml50 {
        margin-left: 0;
        margin-top: 20px;
    }
    
    .form-are.output {
        padding: 0 10px;
    }
    
    .form-are.output .tbl-blk {
        display: block;
        overflow-x: scroll;
    }
    
    .form-are.output .fm-box.hyka .flx {
        display: block;
    }
    .form-are.output .fm-box.hyka .fm-radio .blk {
        margin-right: 0;
        margin-left: 0;
        margin-top: 20px;
    }	
    .form-are.output .fm-box.hyka .fm-radio .blk:nth-of-type(1) {
        margin-top: 0;
    }	
	.form-are.output .fm-box.hyka {
        padding: 30px;
        padding-top: 5px;
        padding-bottom: 20px;
    }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
/* (max-width: 575px) */