@charset "utf-8";

@media screen and (max-width: 575px) {
	
/* display
===================================*/
    .pc {
        display: none;
    }
    .smt {
        display: block;
    }
    
    body {
    line-height: 1.55;
}
    dl, dt, dd, li {
    line-height: 1.55;
}
	
	
/* 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 {
    }
    .pched .area {
        display: block;
        padding-left: 6px;
        padding-right: 6px;
    }
    .pched .area .comp-name h1 {
        font-size: clamp(1.9rem, 4.4vw, 2.2rem);
    }    
        .pched .area .plan dd b {
        font-size: clamp(1.55rem, 4.0vw, 1.6rem);
    }
    
    
/*  footer
===================================*/
    .fot-copy h6 {
    font-size: 1.0rem;
    letter-spacing: normal;
}
    .fot-comp .trade {
        padding-top: 15px;
    }
    
    
    
/* popup
===================================*/
    .popup-inner {
        transform: translate(-50%,-46%);
        width: 90%;
        padding: 30px 20px;
        padding-top: 20px;
    }

    
/*  共 通
===================================*/
	article {
	}
    article.login {
        padding-bottom: 60px;
	}
	article.entry {
        padding-bottom: 60px;
	}
    
    .slideon {
        min-height: 350px;
    }
    
    .pannav ul li a {
        font-size: 1.0rem;
        letter-spacing: normal;
    }
    
    .form input.nmb {
        height: 35px;
    }
    
    .pannav ul {
        padding: 10px 5px;
    }
    
    .error-are ul,
    .koshin-are ul {
        padding: 8px 10px;
    }
    
    .title-entry {
        min-height: 70px;
    }
    .title-entry .nav .home a {
        font-size: 1.15rem;
    }
    
    .title-entry .area {
    }
    .title-entry .area .title {
        font-size: 2.0rem;
        padding-top: 25px;
    }
    .title-entry .area .chui-txt {
        font-size: 1.35rem;
        line-height: 1.4;
        padding: 0 15px;
        margin: 0;
        padding-top: 20px;
        padding-bottom: 13px;
    }
    .title-entry .area .sitle {
        font-size: 1.4rem;
        letter-spacing: normal;
        margin-top: 5px;
    }
    
        .sp-mesg.top {
        padding: 0 15px;
    }
    .sp-mesg.top > dl > dt {
        min-width: 70px;
        padding: 5px 5px;
    }
    .sp-mesg.top > dl > dt > span {
        font-size: 1.35rem;
    }

        .title-entry .area .title {
        font-size: clamp(1.9rem, 4.4vw, 2.0rem);
    }
        article.login .wrbody {
        margin-top: 25px;
    }
    

/*  login
===================================*/
    .login .wrbody {
        margin-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .login-are {
        padding: 0 5px;
    }
    
    .login-are .login-box {
        padding: 20px 18px 25px;
    }
    .login-are .login-box.rig {
        margin-top: 30px;
    }
    .login-are .login-box .tai {
        font-size: 1.85rem;
        padding-bottom: 15px;
    }
    .login-are .login-box .blk-new {
        margin-top: 20px;
    }
    .login-are .login-box.lef .btn-are {
        margin-top: 15px;
    }
    .login-are .login-box.rig .waku {
        min-height: auto;
        padding-bottom: 30px;
    }
    .login-are .login-box.lef .form li {
    }
    
    .login-are .login-box .tai span {
    font-size: 1.3rem;
}
    
    .login-are .login-box .waku .txt {
    font-size: 1.4rem;
}
    .login-box .form li p {

        font-size: 1.4rem;
}
    .login-box .blk-lost a span {
    font-size: 1.25rem;
}
    .login-box .blk-lost a i {
    font-size: 1.5rem;
}
    
    
/*  entry
===================================*/
    article.entry .wrbody {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 30px;
    }
    .wrbody {
        padding-left: 15px;
        padding-right: 15px;
    }
    .privacy {
        margin-top: 15px;
        padding: 20px 15px;
        height: 300px;
    }
    .privacy dd {
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
    }
    .privacy dt {
        line-height: 1.3;
        font-size: 1.5rem;
    }
    .privacy dl {
        margin-top: 25px;
    }
    .privacy ul {
        margin-left: 0;
        margin-right: 0;
    }
    .privacy dd.min {
        margin-left: 0;
        margin-right: 0;
    }
    
    .btn-are.mt40 {
        margin-top: 30px;
    }
    .chek-btn {
        font-size: 1.4rem;
        width: 125px;
        height: 42px;
    }
    .regt-btn {
        height: 45px;
        font-size: 1.4rem;
    }
    .title-entry .flow {
        margin-top: 25px;
        gap: clamp(30px, 9.0vw, 60px);
    }
    .title-entry .flow li {
        padding-bottom: 18px;
        font-size: 1.3rem;
        letter-spacing: normal;
    }
    .title-entry .flow li:before {
        bottom: -7px;
    }
    
    .entry-are .txt {
        padding-top: 0;
    }
    .entry-are .txt p {
        line-height: 1.6;
    }
    .entry-are .txt p br {
        display: none;
    }
    
    .entry-are .txt h6 {
        margin-bottom: 15px;
    }
    .entry-are .txt h5 {
    }
    .mail-mesg {
        margin-top: 60px;
    }
    .mail-mesg ul {
    padding: 20px 0 0;
}
    
    .thak-are .hedare h3 {
        font-size: clamp(1.7rem, 3.6vw, 1.8rem);
    }
    .thak-are .txt-a p {
    font-size: inherit;
}
    
    .thak-are .area {
        margin-top: 30px;
    }
    .thak-are .btn-are {
        margin-top: 25px;
    }
    .entry-are .btn-are {
        margin-top: 30px;
    }
    
    .form-txt dd {
        line-height: 1.3;
        margin-bottom: 6px;
    }
    
    .toji-btn {
    font-size: 1.45rem;
    height: 45px;
    max-width: 200px;
}
    
    
    
/*/// fm-box ///*/
    .fm-box {
        display: block;
    }
    .fm-box .moku {
        max-width: none;
        padding: 10px 10px;
        margin: 0;
        border: 0;
        background-color: #f2f2f2;
    }
    .fm-box .moku br {
        display: none;
    }
    .fm-box .reed {
        padding: 18px 13px 25px;
    }
    .fm-box .moku.ue {
        padding-top: 10px;
    }
    .fm-box.htx .reed {
        padding-top: 10px;
    }
    .fm-box.sankachk .reed {
        padding-top: 20px;
        padding-bottom: 25px;
    }
    .fm-box.birthdate .reed {
        padding: 10px 0;
        padding-bottom: 20px;
    }
    .fm-box.birthdate .reed .flx {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .fm-box.melad .reed {
        line-height: 1.2;
        padding-top: 15px;
    }
    
    .fm-box.paswd .reed {
    }
    .fm-box.paswd .reed .blk {
    }
    .fm-box.paswd .reed .switch {
        margin-top: 0;
    }
    .fm-box.adrs .reed .adrs-one {
        display: block;
    }
    .fm-box.adrs .reed li {
    }
    .fm-box.adrs .reed li .adrtxt {
    }
    .fm-box.adrs .reed li .adrtxt br {
        display: none;
    }
    .fm-box.adrs .reed li.show-add_kikan-1 {
        padding-top: 5px;
    }
    
    .fm-box.douichk .reed {
        padding-top: 15px;
        padding-bottom: 25px;
    }

    .fm-box.meberchk .reed {
        padding-top: 18px;
        padding-bottom: 25px;
    }
    
    .fm-box.meberchk .reed .flx {
    }
    .fm-box.meberchk .reed .flx.ctr {
        display: -webkit-flex;
        display: flex;
    }
    .fm-box.meberchk .reed .flx .blk.mt-5 {
        margin: 0;
        margin-top: 10px;
    }
   .fm-box.meberchk .reed .flx .blk .rtxt .ml10 {
       margin: 0;
    }
    
    .fm-box .docme .file {
        display: block;
    }
    .fm-box .docme .file .mtxt {
        line-height: 1.4;
        margin-top: 10px;
    }
    .fm-box .docme .waku a {
    }
    .fm-box .docme .mtxt.red {
        line-height: 1.4;
    }
    .fm-box.cotct .reed .flx:first-of-type {
        margin-right: 40px;
    }
    
    .entry-are.password .fm-box .reed {
        padding: 10px 10px;
        padding-bottom: 20px;
    }
    .entry-are.password .txt h5 {
        font-size: 1.55rem;
    }
    .fm-box.paswd .reed .blk.mt25 {
        margin-top: 15px;
    }
    
    .fm-box.sanka .reed {
    padding-bottom: 25px;
}
    .fm-box.sanka .reed li {
    margin-top: 16px;
}
    
    .fm-box.docme .reed {
    padding-top: 15px;
}
    .fm-box.yoyaku .reed {
    padding-top: 10px;
    padding-bottom: 25px;
}
    .fm-box.paswd .reed {
    padding-bottom: 20px;
}
    
    .fm-box.seikyusaki .reed ul {
        flex-wrap: wrap;
    flex-direction: column;
    gap: 16px;
    }
    .form-line .error-are {
    margin: 0 15px 10px;
}
    
    .conf .fm-box .moku {
        margin: 0;
        max-width: inherit;
        padding: 10px 13px 10px;
    }
    .conf .fm-box .reed {
        padding: 13px 13px 20px;
    }
    .user-info.conf .fm-box .reed {
        padding: 13px 13px 18px;
    }
    
    .conf .fm-box.sankachk .reed,
    .conf .fm-box.sankasya .reed,
    .conf .fm-box.sanka .reed {
    }
    .conf .fm-box.birthdate .reed {
    }
    
    .btn-are .regt-btn {
    }
    .btn-are .regt-btn.retrn {
        max-width: 100px;
    }
    .btn span {
        white-space: normal;
    }
    
    .thak-are.lost .hedare h3 {
        font-size: clamp(1.63rem, 3.6vw, 1.7rem);
    }
    
    .thak-are.lost .hedare p {
        font-size: 1.5rem;
    }
    .thak-are .bkfot {
        padding: 15px;
    }
    .thak-are .bkfot .blk h3 {
        letter-spacing: normal;
        font-size: 1.5rem;
    }
    .thak-are .bkfot .blk h3 a {
        letter-spacing: normal;
        font-size: 1.5rem;
    }
    .thak-are .bkfot .blk {
        margin-top: 15px;
    }
    .thak-are .txt-a p.waku {
        font-size: 1.5rem;
    }    
    .myp-btn {
        height: 45px;
        font-size: 1.45rem;
        max-width: 200px;
    }
    
    .form .kaisai {
        display: block;
        padding: 0;
        padding-bottom: 18px;
    }
    .form .kaisai .pho {
        max-width: 220px;
        margin: 0 auto;
    }
    .form .kaisai .txt dl dt {
    font-size: 1.45rem;
    width: auto;
    padding: 3px 6px;
    min-width: 80px;
}
    .form .kaisai .txt dl dd {
    line-height: 1.3;
    padding: 0;
    align-self: center;
    font-size: 1.5rem;
}
    .form .kaisai .txt dl dd > ul > li {
        margin-bottom: 10px;
    }
    
    .entry-are.password .fm-box.paswd {
        border-bottom: 0;
    }
    .entry-are.password .fm-box.paswd .reed {
        padding-top: 18px;
    }
    
    .form-line {
    box-shadow: none;
    padding: 15px 0 0;
}
    .password .form-line {
    padding: 0;
}
    .password .form-line .form {
    padding: 0;
}
    
    
.kaisai-box .pho img.xs {
    display: block;
}
  .kaisai-box .pho img.pc {
    display: none;
}
  .kaisai-box {
    padding: 10px 10px 15px;
    gap: 15px;
    flex-direction: column;
}
    .kaisai-box .pho {
    max-width: 400px;
    margin: 0 auto;
}
    .form-title {
    font-size: 1.55rem;
        padding: 12px 10px;
}
    .kaisai-box .txt dl dd {
    font-size: 1.48rem;
}
    .kaisai-box .txt dl:first-child dd {
    font-size: 1.52rem;
}
    
    
/*  user
===================================*/
    .slbody {
        padding-bottom: 50px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .title-entry .userin .prof {
        margin-right: 0;
    }
    .title-entry .userin .prof button {
        font-size: 1.1rem;
        padding: 0 6px;
    }
    .title-entry .userin .prof .txt p {
        margin-right: 10px;
        font-size: 1.4rem;
    }
    
    .title-user {
        margin-left: -5px;
        margin-bottom: 20px;
    }
    .title-user h2 {
        font-size: 1.8rem;
    }
    .title-user:before {
        height: 40px;
        margin-right: 8px;
    }
    
    .board {
        border: 0;
        margin-top: 20px;
        padding-bottom: 0;
    }
    .board .hed {
        display: block;
    }
    .board .hed p.odrnumber {
        width: 100%;
    }
    
    .us-issue .unpaid-txt {
        margin-bottom: 10px;
    }

    .us-order .area {
        display: block;
        padding: 20px 15px;
        padding-top: 10px;
    }
    .us-order .area .pho {
        margin-right: inherit;
        width: auto;
    }
    .us-order .area .pho img {
        margin: 0 auto;
        width: 210px;
    }
    .us-order .area .txt {
        margin-top: 20px;
    }
    .us-order .area .txt p span {
        width: 80px;
    }
    .us-order .btn-are {
        padding: 0 15px;
    }
    .us-order .btn-are .txt.red {
        line-height: 1.4;
    }
    .us-order .btn-are .txt.red br {
        display: none;
    }
    .us-order .order-btn {
        height: 56px;
    }

    .program-are {
        margin-top: 30px;
    }
    .program-are .text p {
    line-height: 1.45;
}
    .program-are .text dd {
    line-height: 1.45;
}
    
    .paylist {
        padding: 15px 13px 20px;
    }
    .paylist.card:has(input[name="pay_type"]:checked) .area {
        margin: 20px 0 0;
    }
    .paylist.bank:has(input[name="pay_type"]:checked) .area {
        margin: 15px 0 0;
    }
    .userpg .paylist.card:has(input[name="pay_type"]:checked) .area {
    margin: 20px 0 0;
}
    
    .paylist .fm-radio label {
    font-size: 1.55rem;
}
    
    .cart-pay {
        box-shadow: none;
    }
    .paylist.card .area {
        margin: 0;
    }
    .paylist .imglist li {
        height: auto;
        max-height: 40px;
    }
    .paylist .card-js {
        padding: 15px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .paylist .card-js .moku {
        width: auto;
        margin-bottom: 5px;
    }
    .paylist .card-js .moku.mb-zro br {
        display: none;
    }
    .paylist .stxt {
        padding-top: 0;
    }
    .paylist .txt li {
    }
    .paylist .area {
    }
    .paylist .waku {
        margin: 0;
        margin-bottom: 15px;
        padding: 15px 10px;
    }
    .paylist .card-js .blk {
        display: block;
    }
    
    .paylist.bank {
        padding-top: 20px;
    }
    .paylist .txt {
        flex-direction: column;
        padding-bottom: 0;
    }
    
    
    .sfm-box {
        display: block;
    }
    .regist-are .smoku {
        width: 100%;
    background: none;
    border: 0;
    text-align: left;
    display: block;
    border-left: 5px solid #5581d5;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0 6px;
    font-size: 1.6rem;
    }
    .regist-are .fm-box.name .moku {
        border-top: 1px solid #ccc;
    }
    
    .regist-are .fm-box {
        padding: 0;
        border-bottom: 1px solid #ccc;
    }
    .regist-are .fm-box:first-of-type {
        padding-top: 0;
    }
    .regist-are .fm-box:last-of-type {
        padding-bottom: 0;
    }
    .regist-are .fm-box .moku {
        max-width: initial;
        background-color: #f5f5f5;
        padding: 5px 10px;
        border: 0;
        display: block;
    }
    .regist-are .fm-box .reed {
        padding: 15px 10px;
        border-top: 1px solid #ccc;
    }

    .title-nav ul {
    }
    .title-nav li a {
        padding: 0 13px;
        padding-bottom: 15px;
        padding-top: 10px;
        font-size: 1.4rem;
        min-width: auto;
    }
    .title-nav li.on a:after {
        width: 100%;
    }
    

    .user-privacy {
        margin-left: 0;
        margin-right: 0;
    }
    
    
/*  user-info
===================================*/
    .user-info {
    margin-left: 0;
    margin-right: 0;
    margin-top: 25px;
}

    .slbody.info .fm-box .moku {
    max-width: initial;
    padding: 10px 13px 10px;
}
    
    
/*  login2（2021.07.12）
===================================*/
    .approval-are .cp-logo {
    width: auto;
    max-width: 220px;
}
    .approval-are .waku .two {
    display: block;
}
    .approval-are .waku .two li:nth-of-type(2) {
    margin-top: 15px;
    text-align: center;
}
    .approval-are .cp-txt {
    padding: 0 20px;
    margin-top: 15px;
}
    .approval-are .form {
    padding: 0 20px;
}
    .approval-are .waku {
    padding: 25px 20px;
}
    
    
/*  追加（2024.08.15）
===================================*/
    .modal {
        width: 100%;
        padding: 20px 15px 25px;
    }
    
    .popu-box .blk-hed h2 {
    font-size: 1.7rem;
}
    .popu-box .blk-hed {
    margin-bottom: 20px;
}
    .popu-box .txt-are .flx {
    flex-direction: column;
}
    .popu-box .txt-are .tai {
    font-size: 1.5rem;
}
    
    .popu-box .qrcheck .info li .moku {
        font-size: 1.45rem;
        width: auto;
        min-width: 80px;
    }
    .popu-box .qrcheck .info li .reed {
    }
    .popu-box .blk-hed h2.title-qr {
        font-size: 2.2rem;
    }
    .popu-box .blk-hed h3.title-qr-tai {
        font-size: 2.0rem;
    }

    .us-society .megtxt dd > ol > li {
    padding: 10px 0;
    align-items: flex-start;
}
    .us-society .megtxt dd > ol > li .phoimg {
    width: 100px;
    align-self: auto;
    margin-top: 6px;
}
    .us-society .megtxt dd > ol > li .txt {
    margin-top: 0;
}
    .conf .fm-box.jyukou .reed dl.list {
}
    .conf .fm-box.jyukou .reed {
    padding-bottom: 10px;
}
    .jyukou-are.conf .fm-box.jyukou .moku {
    padding: 10px;
}
    
    .jyukou-txt .tai {
    font-size: 1.5rem;
    line-height: 1.3;
}
    .jyukou-txt .waku {
    padding: 10px 10px;
}
    .fm-box.jyukou .reed dl {
    padding: 10px;
    padding-left: 12px;
}
    .fm-box.jyukou .reed dl dt b {
    font-size: 1.5rem;
}
    .fm-box.jyukou .reed dl.list dd b {
    font-size: 1.45rem;
}    
     .fm-box.jyukou .semwaku {
    margin-top: 15px;
    margin-bottom: 20px;
}
    .fm-box.jyukou .reed dl.list dd p {
    font-size: 1.4rem;
    line-height: 1.4;
}
    

    .modal .movpop-are .title {
    font-size: 1.6rem;
    margin-bottom: 10px;
}
    .modal .movpop-are .vimeo-are iframe {
    width: 100%;
    height: 180px;
}
    .modal.movpop {
    padding: 15px;
    padding-top: 25px;
}
    
    .us-society .destxt .browser ul {
    display: block;
}
    .us-society .destxt .browser li.moku {
    display: block;
    border: 0;
    padding: 5px 10px;
}
    .us-society .destxt .browser li.reed {
    padding: 0;
    padding: 6px 8px;
}
    .timetable .title_are dl.tai dt {
        font-size: 1.6rem;
    }
    
    .click-are ul li a {
        height: 50px;
    }
    
    .us-proof {
        padding: 15px;
        padding-bottom: 25px;
        margin-top: 30px;
    }
    .us-proof .hed-tick {
    display: block;
    }
    .us-proof .hed-tick .lef {
    font-size: 1.9rem;
    display: block;
    width: 100%;
}

    .us-proof .usinfo dl {
        padding: 10px 0;
}
    .us-proof .usinfo dl dt {
}
    .us-proof .usinfo.min dl dt {
    }
    .us-proof .usinfo dl dd {
    padding-left: 0;
}
    .us-proof .usinfo dl.seminar {
        display: block;
    }
    .us-proof .usinfo dl.seminar dt {
        display: block;
        width: auto;
    }
        .us-proof .hed-tick .rig {
        text-align: center;
    }
        .us-proof .hed-tick .rig .tai {
        font-size: 1.9rem;
    }
        .us-proof .hed-tick .rig p {
        font-size: 1.6rem;
    }
    .us-proof .usinfo {
    margin-top: 10px;
}
    .us-proof .fot .qrcd {
        display: none;
    }
    
        .us-proof .hed .ue {
        font-size: 1.9rem;
    }
        .us-proof .hed .tai {
        font-size: 1.9rem;
        padding: 10px 10px;
    }
    .us-proof .fot .are b {
    font-size: 1.75rem;
}
    .us-proof .fot .are {
    font-size: 1.4rem;
}
    .us-proof .hed-unit .ue {
    font-size: 1.9rem;
    }
    .us-proof .hed-unit .sh .tai {
        font-size: 1.9rem;
    }
        .us-proof .hed-unit .sh p {
        font-size: 1.7rem;
    }
    .unit-are tbody td {
    padding: 10px;
}
    .unit-are tbody td.view_are {
    padding: 10px;
}
    .unit-are .view_are {
    min-width: initial;
}
    .unit-are .box_are .title_1 {
        font-size: 1.5rem;
    }
    .unit-are .us-proof .usinfo dl {
    padding: 10px 10px;
}
    
    .fm-box.seikyusaki .reed {
    }
    
    .slbody.top {
    }
    .slbody.top .title-nav li a {
        padding: 0 5px;
        padding-bottom: 13px;
        padding-top: 10px;
        font-size: 1.3rem;
        line-height: 1.2;
    }
    
    .switch {
        width: 55px;
    }
    .slider:before {
    width: 12px;
}
    .slider:after {
    font-size: 1.0rem;
}
    .switch input:checked + .slider:before {
    left: 1px;
}
    .thak-are.lost .myp-btn {
}
    
    
/*  追加（2025.12.02）
===================================*/
    .userpg .slbody {
        padding-bottom: 60px;
    }

    .unit-are tbody tr {
        display: block;
    }
    .unit-are .box_are {
        display: block;
    }
    .click-btn {
        height: 50px;
        padding: 0 10px;
    }
    .explain-box > ul > li {
    margin-bottom: 10px;
}
    
    
/*  マイページ（2026.09.05）
===================================*/
    .us-society {
    margin-top: 20px;
}
    
    .mypg-hed .title {
    font-size: clamp(1.75rem, 3.8vw, 2.0rem);
}
    
    .mypg-hed .prof .txt {
    gap: 15px;
}
    
    .mypg-hed .prof {
    gap: 10px;
}
    tab-list {
    gap: 5px;
}
    .tab-list li a {
        font-size: 1.36rem;
        padding: 6px 8px;
        min-width: 70px;
        min-height: 38px;
    }
    
    .page-title {
        font-size: clamp(1.7rem, 3.8vw, 1.8rem);
        padding: 10px 0 10px 10px;
        border-left: 6px solid #0080bb;
    }
    
    .fot-comp dd {
    font-size: 1.36rem;
}
    .fot-comp dt {
    font-size: 1.45rem;
}
    .fot-comp .trade a {
    font-size: 1.25rem;
}
    footer .area {
        padding: 20px 15px 0;
    }
    
    .uspg-title {
    font-size: 1.53rem;
}
    .uspg-title.mt40 {
    margin-top: 35px;
}

    .uspg-sstitle {
    font-size: 1.6rem;
    margin-top: 30px;
}
    
    .uspg-prov-txt {
        margin-top: 30px;
    }
    
    .uspg-line {
        /*margin-bottom: 20px;*/
    }
    
    .method-list {
    gap: 12px;
}
    .method-link {
    font-size: inherit;
    padding: 8px 16px;
}
    
    .uspg-info-box .info-period {
    font-size: 1.45rem;
}
    
    .form-container {
        padding: 0 6px;
    }
    .seminar-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .seminar-details {
        padding-right: 0;
    }
    .seminar-action {
        width: 100%;
    }
    .radio-label {
        max-width: 130px;
        justify-content: center;
        margin-left: auto;
    }
    
    .reservation-summary {
    margin-bottom: 20px;
}
    .date-heading {
    font-size: 1.53rem;
}
    .reservation-summary h5 {
    font-size: 1.53rem;
}
    .sess-info {
    max-width: 100%;
}
    
    .toroku-info ul li {
    flex-direction: column;
}
    .toroku-info li.kaisai {
    padding: 0;
}
    .toroku-info .kaisai-box .txt dl {
    flex-direction: column;
}
    .toroku-info .kaisai-box .txt dl dt {
    width: 100%;
    text-align: left;
    margin-right: 0;
    padding: 5px 13px;
}
    .toroku-info .kaisai-box .txt dl dd {
    font-weight: 500;
    font-size: inherit;
    padding: 10px 13px;
}
    .toroku-info ul li .moku {
    width: 100%;
    padding: 5px 13px;
    background: #f2f2f2;
}
    .toroku-info ul li .reed {
    padding: 10px 13px 15px;
}
    
    .wind .us-doc-sanka,
    .wind .us-doc-invo,
    .wind .us-doc-receipt {
    margin: 15px 10px 0;
}
    
    .mitxt {
    font-size: 1.25rem;
    line-height: 1.25;
}
    
    .user-info.form-line {
    padding: 0;
    margin-left: 0;
}

    .form-sbtitle {
    background-color: #e5ecf2;
}

    .contact dt {
    font-size: 1.5rem;
}
    .contact dd {
        margin-top: 10px;
    }
    .contact dl {
    padding: 0 5px;
}
    
    
    .userpg .flow-are {
        margin-bottom: 20px;
    }
    .userpg .flow-are li i {
        font-size: 1.6rem;
        padding: 0 3px;
    }
    .userpg .flow-are li span {
        height: auto;
        padding: 10px 10px;
        font-size: 1.35rem;
    }
    .userpg .flow-are li:nth-of-type(odd) {
    min-width: 95px;
}
    
    .us-bankmeg .bank-meg ul li .moku {
    font-size: 1.4rem;
}
    
    .slbody.info .error-are {
    margin-left: 0;
}

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