:root{
    --blk-mgn:1rem;
    --btn-t-pad:5px;
    --btn-b-pad:5px;
    --btn-vrt-pad:calc(var(--btn-t-pad) + var(--btn-b-pad));
    --btn-r-pad:8px;
    --btn-l-pad:8px;
    --btn-lin-pad:calc(var(--btn-r-pad) + var(--btn-l-pad));
    --btn-lrg-h:4rem;
    --btn-lrg-w:18rem;
    --lnk-f-color:#1111CC;
    --req-color:#FF0000;
    --hi-light-color:#cafdff;
    --win-max-w:1200px;
    --win-min-w:350px;
    --btn-box-shadow: 0px 2px 4px 0px;
    --btnfcs-box-shadow: 0px 1px 2px 0px;
    --btn-sdw-color:rgb(131 131 131 / 71%);
    --body-bk-color:#ffffff;
    --bk-mn-color: #e2f4fd;
    --bd-nrml:#afafaf;
    --mnr-color:#4d4d4d;
    --mnr-grad:linear-gradient(to right, #4d4d4d 0%, #8e8e8e 80%, #acacac 100%);
    --click-min-hght:50px;
    --hd-h:2rem;
    --bd-rad:3px;
    --imprt-fnt:1.2rem;
    --lbl-w:160px;
    --mdl-bk-color:rgb(0 0 0 / 50%);
    --switch-bd-h:1px;
    --switch-bd-sel-h:4px;
    --list-mrg:3px;
    --pad-inl-start:1rem;
    --row-ttl-pad:2.5rem;
    --bread-shadow:rgb(157 157 157 / 55%);
    --err-color:#ffe1e7;
    --trans-sec:0.7s;
    --item-name-pad:15px;
    --gap-nrml:3px;
    --gap-wd:5px;
    --gap-max:10px;
    --gap-nr:2px;
    --gap-min:1px;
    --fnt-fm:sans-serif;
    --chkbx-sz:24px;
    --nen-w:2.5rem;
    --money-w:10rem;
    --ninzu-w:4rem;
    --jusho-w:38rem;
    --furigana-w:12rem;
    --shimei-w:16rem;
    --shimei-m-w:8rem;
    --lbl-m-w:0.5rem;
    --err-bd:linear-gradient(to right, #ff4d00 0%, #cc2200 80%, #e0bba9 90%, #e6b399 0%);
    --bread-bd:linear-gradient(to right, #09203f 0%, #537895 100%);
    --bread-bk1:hsl(230,67%,17%);
    --bread-bk2:hsl(230,67%,25%);
    --bread-bk3:hsl(230,66%,33%);
    --bread-bk4:hsl(230,67%,42%);
    --bread-bk5:hsl(230,67%,50%);
    --bread-bk6:hsl(230,67%,58%);
    --bread-bk7:hsl(230,66%,67%);
    --bread-bkhv1:hsl(230,100%,95%);
    --bread-bkhv2:hsl(230,85%,25%);
    --bread-bdhr:hsl(230,85%,25%);
    --bread-bkhr:hsl(230,100%,95%);
}

@media (min-width:1101px){
    :root{
        --bd-ph-btm:3px;
        --bd-ph-lft:10px;
        --pad-ph-lft:50px;
        --cont-mrg-t:10px;
        --cont-mrg-b:10px;
        --rem-bs-fnt:12pt;
        --ln-h:18pt;
        --pad-sttl-lft:50px;
        --bread-h:46px;
        --bread-t-pos:5px;
    }
}
@media (max-width:1100px){
    :root{
        --bd-ph-btm:1px;
        --bd-ph-lft:3px;
        --pad-ph-lft:3px;
        --cont-mrg-t:15px;
        --cont-mrg-b:15px;
        --rem-bs-fnt:11pt;
        --ln-h:20pt;
        --pad-sttl-lft:20px;
        --bread-t-pos:2px;
        --bread-h:46px;
    }
}

*:focus{
    outline:none;
}
*{
    font-family:var(--fnt-fm);
}
html,body{
    margin:0;
    padding:0;
    background-color:var(--body-bk-color);
    position:relative;
    font-size:var(--rem-bs-fnt);
    line-height:var(--ln-h);
}
ul.un-list,
ul ul,
ul ol{
    padding-inline-start: var(--pad-inl-start);
    margin-block-start: 0.5rem;
    margin-block-end: 0.5rem;
}
ul.page-note {
    padding-inline-start: var(--pad-inl-start);
    margin-block-start: 0;
    margin-block-end: 0;
}

.un-list>li{
    list-style:none;
    margin-bottom:var(--blk-mgn);
}

#contents {
    margin-top:calc(var(--hd-h) + 4px);
    overflow: hidden;
    position:relative;
    height: max-content;
}
#contents > div ,
#contents-menu > div,
#contents-menu-bread > div {
    margin-top:var(--cont-mrg-t);
    margin-bottom:var(--cont-mrg-b);
}
#contents-menu{
    margin-top:calc(var(--hd-h) + 4px + var(--click-min-hght));
    overflow: hidden;
    position:relative;
    height: max-content;
}
#contents-menu-bread{
    margin-top:calc(var(--hd-h) + 4px + var(--bread-h) + var(--bread-t-pos) + var(--click-min-hght));
}

.block-line{
    border-style:solid;
    border-width:1px;
    border-color:var(--bd-nrml);
    border-radius: var(--bd-rad);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}
.bk-pale{
    background-color:var(--bk-pale-color);
}
.cw-box {
    width: fit-content;
}


#header {
    font-size:calc(1rem + 5pt);
    height:var(--hd-h);
    background-color:var(--body-bk-color);
    padding-bottom:2px;
    padding-top:2px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:var(--bd-nrml);
    position:fixed;
    top:0;
    z-index:2;
    background-image: url(../images/logo_city01.png);
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:right;

}
.page-title {
    font-size:calc(1rem + 3pt);
    margin-top:2px;
    border-bottom-style:solid;
    border-left-style:solid;
    background: var(--ttl-bk-grd);
    border-image: var(--ttl-bd-grd);
    border-image-slice: 1;
    width:calc(100% - var(--bd-ph-lft) - var(--pad-ph-lft));
    border-bottom-width:var(--bd-ph-btm);
    border-left-width:var(--bd-ph-lft);
    padding-left: var(--pad-ph-lft);
}
.page-subtitle {
    font-size: calc(1rem + 2pt);
    border-left-style: solid;
    border-left-width: var(--bd-ph-lft);
    border-bottom-style: solid;
    border-bottom-width: var(--bd-ph-btm);
    width: calc( 95% - var(--pad-sttl-lft));
    margin-right: auto;
    margin-left: auto;
    padding-left:var(--pad-sttl-lft);
    background: var(--sttl-bk-grd);
    border-image: var(--sttl-bd-grd);
    border-image-slice: 1;
    margin-top:20px;
    margin-bottom:20px;
}

.sub-box{
    width:calc(95% + var(--bd-ph-lft));
    margin-right: auto;
    margin-left: auto;
}
.sub-box>div{
    width:100%;
    margin-right: auto;
    margin-left: auto;
    margin-top:var(--cont-mrg-t);
    margin-bottom:var(--cont-mrg-b);
}
.sub-box>.block-line{
    width:calc(100% - 10px);
}
#frm{
    margin-right: auto;
    margin-left: auto;
}
.menu-wrap {
    position: fixed;
    z-index: 8;
}


.important-data {
    font-size:var(--imprt-fnt);
    text-decoration:underline;
    text-underline-offset: 3px;
    background-color:var(--hi-light-color);
}

.sub-important-data {
    font-size: var(--imprt-fnt);
    text-decoration:underline;
    text-underline-offset: 3px;
}
.less-important-data{
    text-decoration:underline;
    text-underline-offset: 3px;
}
.flx-box {
    margin-top: 10px;
    position:relative;
    height:fit-content;
    min-height: 60px;
    background: #FFFFFF;
    display:flex;
    width:calc(100% - 10px);
    justify-content: start;
    margin-bottom: 10px;
    column-gap: 1rem;
    align-items:center;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    padding-left:5px;
}
.flx-box > div{
    display: inline !important;
    vertical-align: middle;
    height:max(auto,var(--btn-lrg-h));
}
.hdn-el{
    display:none !important;
}


.page-contents {
    margin-top: 15px;
}

@media (min-width:1101px){
	.pc-hid{
		display:none !important;
	}
	.pc-btn-box {
		padding-top:5px;
		padding-bottom:5px;
	}
	.pc-btn-box button{
		width:48% !important;
		height:max(45px, 3.5rem);
		font-size:1rem;
	}
	.pc-btn-box button:first-child{
	    margin-left:1%;
	}
	.pc-btn-box button:last-child{
	    margin-right:1%;
	}
    #contents,#header {
        width: 100%;
    }
    #frm,#header{
        max-width:var(--win-max-w);
    }
    .menu-wrap {
        width: calc(100% - 20px);
        max-width:calc(var(--win-max-w) - 20px);
        height: var(--click-min-hght);
        top: var(--hd-h);
        overflow: hidden;
        margin-right:auto;
        margin-left:auto;
        padding-left: 10px;
        padding-right: 10px;
        background: var(--bk-mn-color);
        margin-top: 4px;
    }
    #menu {
        width: 100%;
        height: calc(var(--click-min-hght) - 2px);
        display: grid; 
        grid-template-columns: 14.7rem 14.7rem 14.7rem 14.7rem 14.7rem; 
        grid-template-rows: 1fr; 
        gap: 0px 0px; 
        border-bottom: 1px solid var(--bd-nrml);
        border-top: 1px solid var(--bd-nrml);
        text-align: center;
        z-index: 9;
        overflow: hidden;
        justify-content: stretch;
        justify-items: stretch;
        position:relative;
    }

}
@media (max-width:1100px){
    #contents,#header,.menu-wrap {
        width: calc(100% - 6px);
        padding-right: 3px;
        padding-left: 3px;
    }
	#contents
	,#contents-menu
	,#contents-menu-bread{
		margin-bottom:calc(max(45px, 3.5rem) + var(--btn-vrt-pad) + 10px);
	}
    #frm,#header{
        min-width:var(--win-min-w);
    }
	.smph-btn-box{
		bottom:0;
		right:0;
		left:0;
		background-color:var(--body-bk-color);
		position:fixed;
    	border-top-style:solid;
    	border-top-width:1px;
		text-align:center;
		height:calc(max(45px, 3.5rem) + var(--btn-vrt-pad) + 2px);
		padding-top:2px;
		margin: 0px !important;
	}
	.smph-hid{
		display:none !important;
	}
	.smph-btn-box button{
		width:48% !important;
		height:max(45px, 3.5rem);
		font-size:1rem;
	}
	.smph-btn-box button:first-child{
	    margin-left:1%;
	}
	.smph-btn-box button:last-child{
	    margin-right:1%;
	}
    .menu-wrap {
        position: fixed;
        top: var(--hd-h);
        right: 0;
        left: 0;
        margin: 0;
        height:calc(var(--click-min-hght) + 2px);
        width:var(--click-min-hght);
        overflow:hidden;
        transition:width var(--trans-sec) ease;
    }
    .menu-wrap.menu-open {
        top: 0;
        bottom: 0;
        background-color: var(--bk-mn-color);
        width: calc(100% + var(--click-min-hght) - 4px);
        overflow:scroll;
        height:auto;
    }
    #menu {
       display: grid;
       grid-template-columns: 1fr;
       grid-template-rows: var(--click-min-hght) var(--click-min-hght) var(--click-min-hght) var(--click-min-hght) var(--click-min-hght);
       position: absolute;
       gap: var(--gap-max);
       top: 50px;
       bottom: 0px;
       right:var(--click-min-hght);
       margin-left:calc(var(--click-min-hght) * -1);
       left: 0;
       width:100%;
       height: auto;
    }
    .menu-wrap.menu-open #menu{
        margin-left:0;
        width: 100vw;
    }

    #menu-show {
        height: var(--click-min-hght);
        width: var(--click-min-hght);
        position: absolute;
        background-color: var(--bk-mn-color);
        top: 0;
        left: -3px;
        border-top:solid 1px var(--bd-nrml);
        border-bottom:solid 1px var(--bd-nrml);
        border-right:solid 1px var(--bd-nrml);
        border-radius:2px;
    }
    
    .menu-wrap.menu-open #menu-show {
        top:var(--hd-h);
        right:0px;
        left: initial;
    }
    .breadcrumb-wrap + .menu-wrap.menu-open #menu-show {
        top:calc(var(--hd-h) + var(--bread-h));
    }
    .breadcrumb-wrap + .menu-wrap {
        top:calc(var(--hd-h) + var(--bread-h));
    }
    #menu-close {
        display:none;
    }
    .menu-wrap.menu-open #menu-close {
        display:block;
        position: absolute;
        top: 0;
        left:0;
    }
}
/*------------------------------------------------------------*/

/*--パンくず-------------------------*/
.breadcrumb {
    list-style: none;
    display: flex;
    flex-direction: row;
    width: auto;
    position: relative;
}
.breadcrumb li {
  position: relative;
}
.breadcrumb li::before {
    content: '';
    position:absolute;
}
.breadcrumb li button {
    appearance:none;
    text-decoration: none;
    position: relative;
}

.breadcrumb li button::before {
    content:"";
    width:0;
    position: absolute;

}

.dsabled,[disabled]{
    cursor:not-allowed !important;
}
/*----------------------------------------------------------*/
@media screen and (min-width: 1101px) {
   #contents1 {
       margin-top: 8rem;
   }
   .breadcrumb-wrap{
        position:fixed;
        max-width: var(--win-max-w);
        width:100%;
        top: calc(var(--hd-h) + var(--click-min-hght));
        border-bottom: solid var(--bd-nrml) 1px;
        box-shadow: 0px 2px 3px 0px var(--bread-shadow);
        background-color:var(--body-bk-color);
        height:calc(var(--bread-h) + var(--bread-t-pos));
        z-index:5;
   }
    /*パンくずリスト*/
    .breadcrumb {
        overflow: hidden;
        font: 25px Helvetica, Arial, Sans-Serif;
        margin-block-start: var(--bread-t-pos);
        margin-block-end: 0;
        padding-inline-start: 0;
        height:var(--bread-h);
    }
    /*パンくずリスト内のliタグ*/
    
    /*ホバー時下線*/
    .breadcrumb li:not(.disabled)::before {
        transition:width var(--trans-sec) ease;
        width:0px;
        background-image:var(--bread-bd) ;
        bottom:8px;
        height: 2px;
        z-index:1;
    }
    .breadcrumb li:not(.disabled):hover::before {
        width:100%;
    }
    
    /*パンくずグラデ*/
    .breadcrumb li:nth-child(2) button{ 
        background: var(--bread-bk2); 
    }
    .breadcrumb li:nth-child(2) button:after {
        border-left-color: var(--bread-bk2); 
    }
    
    .breadcrumb li:nth-child(3) button{
        background: var(--bread-bk3); 
    }
    .breadcrumb li:nth-child(3) button:after{ 
        border-left-color: var(--bread-bk3); 
    }
    
    .breadcrumb li:nth-child(4) button{ 
        background: var(--bread-bk4);
    }
    .breadcrumb li:nth-child(4) button:after { 
        border-left-color: var(--bread-bk4);
    }
    
    .breadcrumb li:nth-child(5) button {
        background: var(--bread-bk5);
    }
    .breadcrumb li:nth-child(5) button:after { 
    border-left-color: var(--bread-bk5);
    }
    
    .breadcrumb li:nth-child(6) button {
        background: var(--bread-bk6);
    }
    .breadcrumb li:nth-child(6) button:after {
        border-left-color: var(--bread-bk6);
    }
    
    .breadcrumb li:nth-child(7) button {
        background: var(--bread-bk7);
    }
    .breadcrumb li:nth-child(7) button:after {
        border-left-color: var(--bread-bk7);
    }
    
    .breadcrumb li button[disabled] {
        background-color: var(--inpt-ds-bk-color) !important;
        color:var(--inpt-ds-bd-color) !important;
    }
    .breadcrumb li button[disabled]::after {
        border-left-color: var(--inpt-ds-bk-color) !important;
    }
    
    
    /*パンくず1つめの装飾*/
    .breadcrumb li:first-child button {
        padding-left: 10px;
    }
    .breadcrumb li:first-child {
      border-left: 3px solid var(--bread-bk1);
      transition:border-color var(--trans-sec) ease;
    }
    .breadcrumb li:hover:first-child {
      border-left: 3px solid var(--bread-bk1);
    }
    
    /*パンくずリンク（今後次第ではbuttonとかに変更）*/
    .breadcrumb li button {
        transition: background-color var(--trans-sec) ease,color var(--trans-sec) ease;
        font-size: 13pt;
        color: white;
        padding: 10px 0 10px 55px;
        background: var(--bread-bk1);
        display: block;
        float: left;
        top:auto;
        left:auto;
        border: none;
    }
    
    .breadcrumb li button:after {
        transition: border-left-color var(--trans-sec) ease;
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 30px solid var(--bread-bk1);
        position: absolute;
        top: 50%;
        margin-top: -50px;
        left: 100%;
        z-index: 2;
    }
    
    .breadcrumb li button:before {
        display: block;
        height: 0;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 30px solid white;
        top: 50%;
        margin-top: -50px;
        margin-left: 1px;
        left: 100%;
        z-index: 1;
    }
    
    .breadcrumb li:not(.here,.disabled):hover button{
        color:hsla(230,85%,25%,1);
        background: var(--bread-bkhv1) !important;
    }
    .breadcrumb li:not(.here,.disabled):hover button:after{
        border-left-color: var(--bread-bkhv1) !important;
    }
    .breadcrumb li:not(.here,.disabled):hover button:before {
        border-left-color: var(--bread-bkhv2);
    }
    
    .breadcrumb li:hover:last-child button:before {
        border-left-color:white !important;
    }
    .breadcrumb li.here:hover:first-child {
      border-left: 3px solid var(--bread-bkhv2);
    }
    /*.breadcrumb li.here button:before {
        border-left-color: hsla(230,85%,25%,1);
    }*/
    
    
    /*今の画面----------------------*/
    .breadcrumb li.here::before,
    .breadcrumb li.here:hover::before{
        content: "";
        transition: width 1s ease;
        width: 100%;
        background: var(--bread-bdhr) !important;
        color:var(--bread-bdhr);
        position: absolute;
        bottom: 8px;
        height: 2px;
        z-index: 1;
    }
    
    .breadcrumb li.here::after,
    .breadcrumb li.here:hover::after{
        content: "";
        transition: width 1s ease;
        width: 100%;
        background: var(--bread-bdhr) !important;
        color:var(--bread-bdhr);
        position: absolute;
        top: 8px;
        height: 2px;
        z-index: 1;
        left:0;
    }
    
    .breadcrumb li.here,
    .breadcrumb li.here:hover{
        background: var(--bread-bkhr) !important;
        color:var(--bread-bdhr) !important;
    }
    
    .breadcrumb li.here button:after {
        transition: border-left-color var(--trans-sec) ease;
        border-left-color: var(--bread-bkhr) !important;
    }
    
    .breadcrumb li.here button,
    .breadcrumb li.here:hover button{
        background: var(--bread-bkhr) !important;
        color:var(--bread-bdhr) !important;
    }
}


@media screen and (max-width: 1100px) {
     .breadcrumb-wrap{
          position:fixed;
          max-width: var(--win-max-w);
          width:100%;
          top: var(--hd-h);
          border-bottom: solid var(--bd-nrml) 1px;
          box-shadow: 0px 2px 3px 0px var(--bread-shadow);
          background-color:var(--body-bk-color);
          height:calc(var(--bread-h) + var(--bread-t-pos));
          z-index:5;
          left:0;
          right:0;
          margin-top: 5px;
     }
    .breadcrumb {
        overflow: initial;
        font: 9pt Helvetica, Arial, Sans-Serif;
        padding:0;
        padding-bottom:3px;
        margin-block-start: var(--bread-t-pos);
        margin-block-end: 0;
        padding-inline-start: 0;
        height:var(--bread-h);
    }
    .breadcrumb li {
        display: inline-block;
        color:#0e0b66;
        padding-left: 15px;
        padding-top:2px;
        padding-bottom:2px;
        padding-right: 2px;
    }
    .breadcrumb li.here {
        color:#0e0b66 !important;
        background-color:#dbe4ff !important;
    }

    .breadcrumb li.here ~ li {
        color:#606060;
        background-color:transparent;
    }
    
    .breadcrumb li::before {
        content: '';
        width: 8px;
        height: 8px;
        border: 0px;
        border-top-style: solid;
        border-top-width: 3px;
        border-top-color: hsl(230deg 26% 63%);
        border-right-style: solid;
        border-right-width: 3px;
        border-right-color: hsl(230deg 26% 63%);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 50%;
        left: 0;
        margin-top: -7px;
        background-color: transparent;
    }
    
    .breadcrumb li:first-child {
        padding-left: 0px;
    }
    .breadcrumb li:first-child::before {
      border:none !important;
    }
    
    .breadcrumb li:hover::before {
        border-top-color: hsla(230,85%,25%,1);
        border-right-color: hsla(230,85%,25%,1);
        color: hsla(230,85%,25%,1);
    }
    .breadcrumb li.here:hover::before {
        border-top-color: hsl(230deg 26% 63%);
        border-right-color: hsl(230deg 26% 63%);
    }
    .breadcrumb li:not(.here):hover a::before,
    .breadcrumb li:not(.here):focus a::before,
    .breadcrumb li:not(.here):target a::before {
      width:100%;
    }
    
    .breadcrumb li button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background:transparent;
        border:none;
        color:inherit;
        display: inline-block;
    }
    
    .breadcrumb li button::before {
        height:2px;
        transition:width var(--trans-sec) ease;
        bottom: -1px;
        background-image: linear-gradient(to right, #09203f 0%, #537895 100%);
    }
}

/*--エラー------------------------------------*/
#err_msg {
    border: solid 2px var(--req-color);
    border-radius:var(--bd-rad);
}

.e2 {
    background-color: var(--err-color);
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 20px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.e1 {
    font-size: calc(1rem + 3pt);
    line-height: calc(1rem + 3pt);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:1.5rem;
}
.errColor {
    background-color: var(--err-color) !important;
}

#info_msg,#dl_msg {
    border-style: solid;
    border-radius: var(--bd-rad);
    border-width: 2px;
    border-color: var(--main-color);
}
.m1,.i1{
    font-size: calc(1rem + 3pt);
    line-height: calc(1rem + 3pt);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 1.5rem;
    background-color: var(--main-color);
    color:var(--body-bk-color);
}
.m2,.i2{
    background-color: var(--bk-pale-color);
    padding-left: 1em;
    width: calc(100% - 1em);
    padding-top:1em;
    padding-bottom:1em;
}
.m2>ol{
    margin-top:0;
    margin-bottom:0;
}



/*-モーダル---------------------------*/
#popup-show {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 9;
}
#popup-content {
    position: absolute;
    background-color: var(--body-bk-color);
    padding: 20px;
    border: solid 1px var(--bd-nrml);
    border-radius: 10px;
    box-sizing: border-box;
    width: fit-content;
    height: fit-content;
    max-width: 80vw;
    max-height: 80vh;
    min-height: 20vh;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    box-shadow: 0 0 0 100vmax var(--mdl-bk-color);
    inset: 0;
    margin: auto;
    width: -moz-fit-content;
    height: -moz-fit-content;
    margin-top: calc(100vw / 20);
}
.popup-txt {
    display: none;
}
.popup-title{
    margin: 0;
    width: 100%;
    padding:0;
}
.popup-cont-close {
    text-align: right;
    margin-top: 2px;
    border-top: solid 1px;
    border-image: var(--ttl-bd-grd);
    border-image-slice: 1;
    padding-top: 2px;
    position: relative;
}
#help-title, #err-title, #conf-title, #wait-title {
    margin: 0;
    width: 100%;
    padding: 0;
}
#help-title, #conf-title, #wait-title {
    border-bottom: 1px solid;
    border-image: var(--ttl-bd-grd);
    border-image-slice: 1;
}
ol.kanalist{
    list-style: katakana;
}

.err-bd {
    border-image: var(--err-bd);
    border-image-slice: 1;
}


ul.ac {
    list-style-type: none;
    padding-inline-start: 0;
}
.ac-label {
    padding: var(--item-name-pad);
    background-color: var(--bk-pale-color);
}
.title-contents {
    border-top-style: solid;
    border-top-width: var(--bd-ph-top);
    border-top-color: var(--bd-nrml);
}
.flex-row-container .sum-contents{
    display:grid;
    grid-template-columns:50% 50%;
    grid-template-rows:auto;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color: var(--bd-nrml);
    width:100%;
}
.flex-row-container .sum-contents-noneline{
    display:grid;
    grid-template-columns:50% 50%;
    grid-template-rows:auto;
    width:100%;
}
.flex-row-container .sum-contents .input-item
,.flex-row-container .sum-contents-noneline .input-item {
    text-align:right;
}

.flex-container{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:calc(var(--gap-wd) - var(--gap-min));
}
.flex-row-container .title-contents
,.flex-row-container .title-contents-noneline
,.flex-row-container .sum-contents
,.flex-row-container .sum-contents-noneline {
    line-height: var(--click-min-hght);
    padding-bottom:2px;
    margin-bottom:2px;
    padding-top:2px;
    margin-top:2px;
}
.chk-table{
    display: grid; 
    grid-template-columns:1fr calc(var(--click-min-hght) + 5rem);
    gap:var(--gap-wd);
}
.chk-table>.question{
   background-color:var(--bk-pale-color);
}

@media (min-width:1101px){
    ul.ac>li {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: auto;
        margin-bottom:5px;
        gap:var(--gap-wd);
        box-shadow: var(--bx-shdw);
    }
    ul.ac .flex-row-container{
        display: grid;
        grid-template-columns: auto;
        gap: var(--gap-wd);
    }
    ul.ac .item-contents{
        text-align:right;
    }
    ul.ac .ac-content{
        height:fit-content;
        padding-bottom: 10px;
        padding-right: 10px;
        width: calc(100% - 10px);
    }
    .ac .item-contents .item-name {
        display: block;
        float: left;
        text-align:left ;
    }
}
@media (max-width:1100px){
    ul.ac {
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .ac > li {
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        box-shadow:  var(--bx-shdw);
        margin-bottom: 5px;
    }
    .ac-label  {
        cursor: pointer;
        position: relative;
        font-size: 18px;
        background-color: var(--bk-pale-color);
    }
    .ac-content {
        padding-top: 10px;
        display: none;
        position: relative;
        font-size: 18px;
        background-color:var(--body-bk-color);
        margin-bottom: 8px;
        padding-bottom:16px;
    }
    .ac-label>p{
        width:calc(100% - var(--click-min-hght));
    }
    /* .ac-labelを親要素としてアイコン位置を絶対値で指定 */
    .icon-wrap {
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translatey(-50%);
      width: 25px;
      height: 25px;
      background: #1111cc;
    }
    /* .icon-wrapの中でプラスを中央に位置させるために.iconを親要素に設定 */
    .icon {
      position: relative;
      display: inline-block;
      width: 100%;
      height: 100%;
    }
    /* プラスアイコン */
    /* ２本の線を.icon-wrapの中央に並行に重ねる */
    .icon:before,
    .icon:after {
      position: absolute;
      content: "";
      display: block;
      transition: all 0.4s;
      background: #fff;
      left: 50%;
      top: 50%;
      width: 50%;
      height: 2px;
      transform: translate(-50%, -50%);
    }
    /* そのうち1本を縦にする */
    .icon:before {
      transform: translate(-50%, -50%) rotate(90deg);
    }
    
    /* プラスアイコンクリック後、マイナスにする */
    .icon.open:before {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    .icon-wrap {
        width: var(--click-min-hght);
        height: var(--click-min-hght);
        background: transparent;
        border: solid 1px transparent;
        border-radius: 2px;
        position: absolute;
        right: 5px;
        top: 50%;
    }
    /* プラスアイコン */
    /* ２本の線を.icon-wrapの中央に並行に重ねる */
    .icon:before,
    .icon:after {
      width: 70%;
      height: 4px;
      background: var(--main-color);
    }
    .ac-label {
        border-radius: var(--bd-rad);
    }
    .ac-label::after{
        content:"";
        height:2px;
        min-height:2px;
        background-image: var(--act-btn-ul);
        bottom: 6px;
        left: 0;
        position: absolute;
        transition: width 1s ease 0.1s;
        width:0px;
        z-index: 10;
    }
    .ac-label:hover::after{
        width: calc(100% - 50px);
    }

    /*ホバー時アイコン*/
    .ac-label:hover .icon-wrap{
          background: var(--bk-pale-color);
          border-color:var(--main-color);
    }
    .ac-label, .ac-content {
        font-size: 10pt;
    }
    .flex-row-container {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .flex-row-container .item-contents {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-right: 2px;
        margin-left: 2rem;
        justify-content: start;
        margin: 8px;
        gap: var(--gap-wd);
    }
    .flex-row-container .item-contents .item-name {
        background: var(--bk-pale-color);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        padding-right: 0.4em;
        padding-left: 0.4em;
        min-width: 5em;
        width:10em;
        position:relative;
        text-align: center;
        padding-right: 2px;
    }
    .flex-row-container .title-contents
    ,.flex-row-container .item-note
    ,.flex-row-container .title-contents-noneline {
        display: block;
        width: 100%;
    }
}

/*-ページ単位--------------------------------------------------------------*/

#C100btn-cont {
  display: grid; 
  gap: var(--gap-max) calc(var(--gap-max) + var(--gap-wd)); 
  justify-content: center; 
  align-content: center; 
  align-items: stretch;
}
#C100btn-cont .text-block {
    display: grid;
    align-items: center;
}

#C300-input{
    display: grid; 
    grid-template-rows:max(calc(var(--click-min-hght) + 20px + 1rem),3rem) max(calc(var(--click-min-hght) + 20px + 1rem),3rem) max(calc(var(--click-min-hght) + 20px + 1rem),3rem) max(calc(var(--click-min-hght) + 20px + 1rem),3rem);
    gap:var(--gap-wd);
}

#C310-table {
    display: grid; 
    gap:var(--gap-nrml);
    position:relative;
}
#C310-sub-table{
    grid-template-rows: auto auto;
    width: calc(100% - var(--pad-inl-start));
    gap:var(--gap-nrml);
    display: grid;
    bottom: 0;
    margin-left:var(--pad-inl-start);
}

#C210-seinengappi{
    display: grid; 
}
#C210-shotokukojo{
    display: grid; 
}

.C200-table{
    padding-left: 2rem;
    width:calc(100% - 2rem) !important;
}
.C200-table>li{
    border-top:solid 1px var(--main-color);
    border-bottom:solid 1px var(--main-color);
    margin-bottom:5px;
    padding-top:2px;
    padding-bottom:2px;
}
.C200-table>li>div{
    display:grid;
    grid-template-columns:1fr var(--lbl-w);
    gap:var(--gap-nrml);
}
.C200-table>li>div>div:first-child{
    justify-content: start;
    justify-items: start;
    background-color:var(--bk-pale-color);
}

ul.C220-zeigakukekkatable.wrap {
    padding-inline-start: 0;
}

ul.C220-zeigakukekkatable li.uchiwakehyouji {
    grid-template-columns:auto;
    grid-template-rows:auto;
    width:100%;
    box-shadow:none;
}

ul.C220-zeigakukekkatable .item-name{
    background-color:var(--bk-pale-color);
    padding:var(--item-name-pad);
}
ul.C220-zeigakukekkatable .item-contents{
    box-shadow: -3px 0px 3px 0px var(--bx-shdw-color);
}

ul.C220-zeigakukekkatable .item-contents{
    background-color:#FFFFFF;
    padding:var(--item-name-pad);
    text-align:right;
    display: grid;
    justify-items: flex-end;
    align-items: baseline;
    align-content: center;
}
ul.C220-zeigakukekkatable li {
    display:grid;
    grid-template-columns:50% 25% 25%;
    grid-template-rows:auto;
    gap:var(--gap-nr);
    box-shadow:var(--bx-shdw);
    margin-bottom:2px;
}
ul.C220-zeigakukekkatable li.duo {
    grid-template-columns:50% 50%;
}
ul.C220-zeigakukekkatable .C220-zeigakukekkatable-uchiwake{
    width:calc(100% - var(--pad-inl-start));
}
ul.C220-zeigakukekkatable li.only{
    grid-template-columns: 100%;
    width:100%;
}

ul.C230-table {
    list-style-type: none;
    padding-inline-start: 0;
}
.C230-table .item-title
,.C230-table .item-cont{
    padding-top:var(--item-name-pad);
    padding-bottom:var(--item-name-pad);
}
.ltl_tbl{
    display:grid;
    grid-template-columns:5rem 1fr;
    gap:var(--gap-nrml);
    width:100%;
    max-width:100%;
}
.ltl_tbl>div{
    display:grid;
    align-content: center;
    align-items: center;
}
.hoken-tbl{
    display:grid;
    grid-template-columns:auto;
    gap:var(--gap-nrml);
}
.shiharai-tbl>div{
    gap:var(--gap-nrml);
    display:grid;
    width:calc(100% - (var(--gap-nrml) * 2));
    max-width:calc(100% - (var(--gap-nrml) * 2));
}
div.num{
    text-align: right;
}
.shiharai-tbl>div{
    display:grid;
    align-content: center;
    align-items: center;
    width: 100%;
}

.hoken-tbl{
    display:grid;
    grid-template-columns:auto;
    gap:var(--gap-nrml);
    width: 100%;
}
.hoken-tbl>div{
    gap:var(--gap-nrml);
    display:grid;
    width:calc(100% - (var(--gap-nrml) * 2));
    max-width:calc(100% - (var(--gap-nrml) * 2));
}
.hoken-tbl>div{
    display:grid;
    align-content: center;
    align-items: center;
}

.tb-head{
    background-color:var(--bk-pale-color);
    width:100%;
}
.smph-pc-grid{
    display:grid;
}
.chk-quest {
    margin-bottom: 5px;
}
ul.C230-nashi-table{
    display:grid;
    list-style-type: none;
    padding-inline-start: 0;
}
#C217-table{
    display:grid;
    grid-template-columns:auto auto;
    grid-template-rows:auto auto;
}

#C217-table>div:first-child{
    grid-column: 1 / span 2;
}
#Iryohimeisai-table>li
,#Selfmeisai-table>li {
    margin-top:var(--gap-max); 
    height:fit-content;
}
#Iryohimeisai-table .item-title
,#Selfmeisai-table .item-title {
    padding-left:5px;
}
#Iryohimeisai-table-1
,#Selfmeisai-table-1 {
    display: grid;
    gap: var(--gap-nr); 
}

#Iryohimeisai-table-1>.Title {
    grid-area: Title; 
}
#Iryohimeisai-table-1>.midashi1 {
    grid-area: midashi1; 
}
#Iryohimeisai-table-1>.midashi2 {
    grid-area: midashi2; 
}
#Iryohimeisai-table-1>.midashi3 {
    grid-area: midashi3; 
}
#Iryohimeisai-table-1>.cont1 {
    grid-area: cont1; 
}
#Iryohimeisai-table-1>.cont2 {
    grid-area: cont2; 
}
#Iryohimeisai-table-1>.cont3 {
    grid-area: cont3;
}
#Iryohimeisai-table-2
,#Selfmeisai-table-2 {
    display: grid;
    padding-inline-start: 0;
    width: 100%;
    gap: var(--gap-wd);
}
#Iryohimeisai-table-2>li 
,#Selfmeisai-table-2>li {
    display: grid;
    gap: var(--gap-nrml);
    box-shadow: var(--bx-shdw);
}
#Iryohimeisai-table-2>li:first-child 
,#Selfmeisai-table-2>li:first-child {
    align-items: stretch;
    padding:0;
}
.inputRowIryou>div:nth-child(4)
,.inputRowIryou>div:nth-child(5)
,.inputRowIryou2>div:nth-child(4)
,.inputRowIryou2>div:nth-child(5)
,.inputRowOTC>div:nth-child(3)
,.inputRowOTC>div:nth-child(4)
,.inputRowOTC2>div:nth-child(3)
,.inputRowOTC2>div:nth-child(4){
    text-align:right;
}

#Iryohimeisai-table-2 .check-wrap {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    gap: var(--gap-nr);
}
li.tuikabtnparent{
    display: initial;
    text-align:center;
}
#Iryohimeisai-table-3 {
    padding-inline-start: 0;
    width: 100%;
    align-items: stretch;
    display: grid;
    height:fit-content;
}
#Iryohimeisai-table-3 li{
    display: grid;
    height:var(--click-min-hght);
    gap: var(--gap-nr);
    box-shadow: var(--bx-shdw);
}
#Iryohimeisai-table-3 li .item-cont{
    align-items: center;
    display: grid;
}
#Iryohimeisai-table-4
,#Selfmeisai-table-3{
    padding-inline-start: 0;
    display: grid;
    gap: var(--gap-nr);
    box-shadow: var(--bx-shdw);
    grid-template-columns: auto;
    width: 50%;
    max-width:550px;
    min-width:var(--win-min-w);
}
#Iryohimeisai-table-4 li
,#Selfmeisai-table-3 li{
    display: grid;
    gap: var(--gap-nr);
    box-shadow: var(--bx-shdw);
    grid-template-columns: 10rem 1fr 3rem;
    min-height: var(--click-min-hght);
}
#Iryohimeisai-table-4 .item-cont
,#Selfmeisai-table-3 .item-cont {
    display: grid;
    align-items: center;
}
#Selfmeisai-table-1 .Title { 
    grid-area: Title; 
}
#Selfmeisai-table-1 .midashi1 { 
    grid-area: midashi1; 
}
#Selfmeisai-table-1 .midashi2 { 
    grid-area: midashi2; 
}
#Selfmeisai-table-1 .cont1 { 
    grid-area: cont1; 
}
#Selfmeisai-table-1 .cont2 { 
    grid-area: cont2; 
}
@media (min-width:1101px){
    #C310-table {
        grid-template-rows:max(calc(var(--click-min-hght) + 20px + 1.5rem),3rem) max(calc(var(--click-min-hght) + 20px + 1.5rem),3rem) max(calc(var(--click-min-hght) + 20px + 1.5rem),3rem) max(calc(var(--click-min-hght) + 20px + 1.5rem),3rem);
    }
    #C310-sub-table>.item-row{
        grid-template-columns: calc(50% - var(--pad-inl-start)) 1fr;
    }
    #C310-sub-table .grid-money{
        padding-right:calc(var(--row-ttl-pad) * 2);
    }

    #C100btn-cont {
        grid-template-columns: var(--btn-lrg-w) 1fr; 
        grid-template-rows: 1fr 1fr fit-content(var(--btn-lrg-w)) 1fr; 
        justify-items: stretch;
    }
    #C210-seinengappi{
        gap:var(--gap-wd);
        grid-template-columns: 40% 1fr;
        grid-template-rows: calc(var(--imprt-fnt) + 3px) 1fr; 
    }
    #C210-seinengappi>div:first-child{
        grid-column: 1 / span 2;
    }
    #C210-shotokukojo{
        grid-row-gap: var(--gap-wd);
        grid-column-gap: var(--gap-wd);
        grid-template-columns: 1fr min(var(--btn-lrg-w),1fr) min(var(--btn-lrg-w),1fr); 
        grid-template-rows: calc(var(--imprt-fnt) + 3px) 1fr 1fr 1fr 1fr; 
    }
    #C210-shotokukojo>div:first-child{
        grid-column: 1 / span 3;
    }
    #C210-sk-hed{
        grid-row:3 / span 2;
    }
    #C210-gd{
        grid-column: 2 / span 2;
    }
    #C210-n-s{
        grid-column: 2 / span 2;
    }
    #C212_KH_table {
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    
    #C212_KH_table .item-contents{
        display:grid;
        grid-template-columns:1fr 1fr;
        justify-content:center;
        justify-items: center;
        align-content: center;
        align-items: center;
    }
    ul.C230-table>li {
        display: grid;
        grid-template-columns: 35% 65%;
        grid-template-rows: auto;
        margin-bottom:5px;
        gap:var(--gap-wd);
        box-shadow: var(--bx-shdw);
    }
    .shiharai-tbl>div{
        grid-template-rows:auto;
        grid-template-columns:7rem 15rem 1fr;
        align-items: stretch;
    }
    .hoken-tbl>div{
        grid-template-rows:auto;
        grid-template-columns:7rem 10rem 13rem 15rem;
        align-items: stretch;
    }
    .smph-pc-grid{
        grid-template-rows:auto;
        grid-template-columns: repeat(2,1fr);
    }
    #C217-table{
        width:50%;
        min-width:500px;
    }
    #Iryohimeisai-table-1 {
        grid-template-columns: 1fr 1fr 1fr; 
        grid-template-rows: auto auto auto;
        grid-template-areas: 
          "Title Title Title"
          "midashi1 midashi2 midashi3"
          "cont1 cont2 cont3"; 
    }
    #Iryohimeisai-table-2>li {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        padding-top: 3px;
        padding-bottom: 3px;
        align-items: center;
    }
    #Iryohimeisai-table-2>li.tuikabtnparent
    ,#Selfmeisai-table-2>li.tuikabtnparent{
       display: initial;
        text-align:center;
    }
    #Iryohimeisai-table-2>li.gokeirow
    ,#Selfmeisai-table-2>li.gokeirow{
        display: grid;
        grid-template-columns:auto auto auto;
        padding:0;
        height:var(--click-min-hght);
        align-items: stretch;
    }
    #Iryohimeisai-table-2>li.gokeirow .item-cont
    ,#Selfmeisai-table-2>li.gokeirow .item-cont{
        display: grid;
        align-items: center;
    }
    #Iryohimeisai-table-3 li{
        grid-template-columns: 3rem 1fr 3rem 1fr;
    }
    #Selfmeisai-table-1 {
        grid-template-rows: auto auto auto;
        grid-template-columns: 55% 45%;
        gap: 0px 0px; 
        grid-template-areas: 
          "Title Title"
          "midashi1 midashi2"
          "cont1 cont2"; 
    }
    #Selfmeisai-table-1 .cont1 { 
        display:grid;
        grid-template-rows:auto auto;
        grid-template-columns: 7rem 7rem auto;
        gap: var(--gap-nrml);
    }
    #Selfmeisai-table-1 .cont1 div { 
        display: flex;
    }
    #Selfmeisai-table-2>li {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        padding-top: 3px;
        padding-bottom: 3px;
        align-items: center;
    }

}
@media (max-width:1100px){
    .shiharai-tbl>div{
        grid-template-rows:auto auto;
        grid-template-columns:auto 1fr;
        align-content: stretch;
        justify-content: stretch;
        align-items: stretch;
        justify-items: stretch;
    }
    .shiharai-tbl>div>div:first-child{
        background: var(--bk-pale-color);
        grid-row:1 / 3;
        grid-column:1 / 2;
        
    }
    .smph-pc-grid{
        grid-template-columns: 100%;
        gap: var(--gap-wd);
    }
    
    .hoken-tbl>div{
        grid-template-rows:auto auto auto;
        grid-template-columns:auto 1fr;
        align-content: stretch;
        justify-content: stretch;
        align-items: stretch;
        justify-items: stretch;
    }
    .hoken-tbl>div>div:first-child{
        background: var(--bk-pale-color);
        grid-row:1 / 4;
        grid-column:1 / 2;
        
    }
    
    .shiharai-m,
    .shiharai-s,
    .kf-m,
    .kf-s,
    .hk-u,
    .hk-k {
        display: grid;
        grid-template-columns: 1fr;
        position: relative;
        width: 100%;
    }
    
    .shiharai-m::before,
    .shiharai-s::before,
    .kf-m::before,
    .kf-s::before,
    .hk-u::before,
    .hk-k::before {
        background: var(--bk-pale-color);
    }
    .shiharai-m::before {
        content:"\652F\6255\91D1\984D";
    }
    .shiharai-s::before {
        content:"\652F\6255\8005";
    }
    .kf-m::before {
        content:"\5BC4\9644\91D1\984D";
    }
    .kf-s::before {
        content:"\5BC4\9644\5148\540D\79F0";
    }
    .hk-u::before{
        content:"\4FDD\967A\53D7\53D6\4EBA";
    }
    .hk-k::before {
        content:"\4FDD\967A\4F1A\793E\540D";
    }
    ul.C220-zeigakukekkatable li.duo {
        grid-template-columns: 30% 70%;
    }
    ul.C220-zeigakukekkatable li {
        grid-template-columns: 30% 35% 35%;
        font-size: 10pt;
        gap: var(--gap-min);
        width:100%;
    }
    #C310-table {
        grid-template-rows:1fr 1fr 1fr 1fr;
    }
    #C100btn-cont {
        width: calc(100% - 15px);
        grid-template-columns: fit-content(var(--btn-lrg-w));
        grid-template-rows: var(--btn-lrg-h) min(1fr,2rem) var(--btn-lrg-h) min(1fr,2rem) var(--btn-lrg-h) fit-content(var(--btn-lrg-w)) var(--btn-lrg-h) min(1fr,2rem); 
        margin-right:auto;
        margin-left:auto;
        justify-items: normal;
    }
    #C210-seinengappi{
        grid-template-columns: 100%; 
        grid-template-rows: calc(var(--imprt-fnt) + 3px) 1fr 1fr; 
        gap:var(--gap-nr);
    }
    #C210-shotokukojo{
        grid-row-gap:var(--gap-wd);
        grid-column-gap:var(--gap-wd);
    }
    
    ul.C230-table {
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    #C217-table{
        max-width:100%;
    }
    #Iryohimeisai-Table {
        padding-inline-start: 1rem;
    }
    #Iryohimeisai-table-1 {
        width: 100%;
        max-width: 100%;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto auto;
        grid-template-areas:
            "Title Title"
            "midashi1 cont1"
            "midashi2 cont2"
            "midashi3 cont3";
    }
    #Iryohimeisai-table-2>li:first-child {
        display: none;
    }
    
    #Iryohimeisai-table-2>li {
        display: grid;
        grid-template-rows: 3rem 4rem calc(var(--click-min-hght) * 2 + 3.5rem) 3rem 6rem;
        gap: var(--gap-nrml);
        box-shadow: var(--bx-shdw);
        position: relative;
    }
    #Iryohimeisai-table-2>li>div::before {
        content: attr(label-name);
        width: 45%;
        position: absolute;
        background: var(--bk-pale-color);
        left:0;
        bottom:0;
        top: 0;
    }
    #Iryohimeisai-table-2>li>div {
        position: relative;
        min-height: fit-content;
        height: 100%;
    }
    #Iryohimeisai-table-2>li.tuikabtnparent{
        grid-template-rows:auto;
    }
    #Iryohimeisai-table-2>li>div>div{
        padding-left: 45%;
        text-align:left;
    }
    #Iryohimeisai-table-3 li{
        grid-template-columns: 3rem 1fr;
        grid-template-rows: var(--click-min-hght) var(--click-min-hght);
        height: fit-content;
    }
    #Selfmeisai-table-1 {
        grid-template-rows: auto auto auto;
        grid-template-columns: 30% 70%;
        gap: 0px 0px; 
        grid-template-areas: 
          "Title Title"
          "midashi1 cont1"
          "midashi2 cont2"; 
    }
    #Selfmeisai-table-1 .cont1 { 
        display:grid;
        grid-template-rows:auto auto auto;
        grid-template-columns: 7rem auto;
        gap: var(--gap-nrml);
    }
    #Selfmeisai-table-1 .cont2 { 
        display:grid;
        align-items: center;
    }
    #Selfmeisai-table-2>li {
        display: grid;
        grid-template-rows: 4rem 4rem 4rem 6rem;
        gap: var(--gap-nrml);
        box-shadow: var(--bx-shdw);
        position: relative;
    }
    #Selfmeisai-table-2>li>div::before {
        content: attr(label-name);
        width: 45%;
        position: absolute;
        background: var(--bk-pale-color);
        left:0;
        bottom:0;
        top: 0;
        text-align: left;
    }
    #Selfmeisai-table-2>li>div {
        position: relative;
        min-height: fit-content;
        height: 100%;
        display: grid;
        align-items: center;
    }
    #Selfmeisai-table-2>li.tuikabtnparent{
        grid-template-rows:auto;
    }
    #Selfmeisai-table-2>li>div>div{
        padding-left: 45%;
        text-align:left;
    }
}

.item-row{
    display:grid;
    position:relative;
}
@media (min-width:1101px){
    .item-row{
        grid-template-columns:1fr 1fr;
    }
}
@media (max-width:1100px){
    .item-row{
        grid-template-rows:1fr 1fr;
    }

}

.item-title{
    display:grid;
    background:var(--bk-pale-color);
    padding-left:var(--row-ttl-pad);
    position:relative;
    align-items: center;
}
.required-title:after{
    content:"\5fc5\9808\9805\76ee";
    position: absolute;
    right: 2rem;
    color:var(--req-color);
    text-decoration:underline;
    font-weight:bold;
}

.grid-center {
    display: grid;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    grid-template-columns: 100%;
    position:relative;
}

.grid-money {
    display: grid;
    align-content: center;
    align-items: center;
    justify-content: end;
    justify-items: end;
    padding-right: var(--row-ttl-pad);
    grid-template-columns: 100%;
    position:relative;
}

a.gensen{
    max-width: 100%;
    height: auto;
    display: block;
}
ul.nonpad{
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
}
ul.nonpad li{
    margin:0 0 0 -1em;
    padding:0;
}
@media print{
    #contents-menu-bread{
        margin-top: 0px;
    }
    #header
    , .menu-wrap
    , .breadcrumb-wrap
    , .smph-btn-box{ 
        display: none
    } 
    .hdn-el{
        display:initial !important;
    }
    a.hdn-el{
        display:none;
    }
    
}