@charset "UTF-8";

/*  ---
        charm ---  */

charm {}

html {
    font-size: 625%;/* 100px */
}

body {
    font-size: 0.16em;
    width:auto;
    display: grid;
    display: -ms-grid;
    grid-template-columns: minmax( 0, calc( ( 100vw - 960px ) / 2) )  222px minmax( 498px, 738px ) minmax( 0, calc( ( 100vw - 960px ) / 2) );
    -ms-grid-columns: minmax( 0, calc( ( 100vw - 960px ) / 2) )  222px minmax( 498px, 738px ) minmax( 0, calc( ( 100vw - 960px ) / 2) );
    -ms-grid-rows:auto;
    margin: auto;
}

header {
    grid-column: 1/5;
    -ms-grid-column:1;
    -ms-grid-column-span:4;
    grid-row: 1/2;
    -ms-grid-row:1;
    width: 100%;
    margin: 15px auto 1.87em auto;
}

#content {
    grid-column: 3/4;
    -ms-grid-column:3;
    -ms-grid-column-span:1;
    grid-row: 2/3;
    -ms-grid-row:2;
    width: auto;
    max-width: 738px;
    margin-right:auto;
}

#sidebar {
    grid-column: 2/3;
    -ms-grid-column:2;
    -ms-grid-column-span:1;
    grid-row: 2/3;
    -ms-grid-row:2;
    width: 222px;
    margin-left: auto;
}

footer {
    grid-column: 1/5;
    -ms-grid-column:1;
    -ms-grid-column-span:4;
    grid-row: 3/4;
    -ms-grid-row:3;
    width: 100%;
    margin: 1.87em auto 0.5em;
    text-align: center;
}

/* header --------------------------------- */
#hA01 {
    display: flex;
    justify-content: space-between;
    width: auto;
    max-width: 960px;
    margin: auto;
}

#hA01 img {
    display: block;
}

#hA01 a:hover img {
    opacity: 0.6;
}

#hA01>a {
    max-width: 376px;
    margin-left: 50px;
}

#hA01 div {
    max-width: 279px;
    margin:3px 30px 10px auto;
}

#hA01 div a:last-child img {
    margin-top: 0.15rem;
}

#hA02 {
    width: 100%;
    background-color: #F0B7AB;
    margin-bottom: 0.2rem;
}

#hA02 ul {
    display: flex;
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
}

#hA02 li {
    max-width: 159px;
}

#hA02 li:not(:last-child) {
    border-right: solid 1px #FFF
}

#hA02 a {
    display: block;
}

#hA02 a:hover {
    opacity: 0.4;
}

#hA02 li img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-bottom: 0.1em;
    margin-left: auto;
}

#hA02m {
    display: none;
}

#hA03 {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: auto;
}

body:not(#index) #hA03, #hA03m {
    display: none;
}

#hA04 {
    display: none;
}


/* sidebar --------------------------------- */
#sidebar {
    display: flex;
    flex-direction: column;
}

#sA01 {
    display: block;
    margin: 0 auto 0 15px;
    max-width: 150px;
    order: 1;
}

#sA02 {
    width: 176px;
    margin: 5px auto 5em 10px;
    order: 2;

}


#sA02 li {
    background-color: #FAF0BE;
    border-bottom: solid 5px #FFF;
}

#sA02 li:nth-of-type(12) {
    background-color: #d9ebe1;
}

#sA02 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

#sA02 li a:hover {
    opacity: 0.4;
}

#sA03 {
    width: 176px;
    margin:0 auto 3em 10px;
    order: 3;
}

#sA03 img {
    display: block;
    width: 176px;
}

#sA03 > img {
    margin-bottom: 0.6em;
}

#sA03 a img:hover {
    opacity: 0.5;
   }

#sA04 {
    width: 176px;
    margin:0 auto 3em 10px;
    order: 6;
}

#sA04>img {
    margin-bottom: 5px;
}

#sA04 div {
    background-color: #FAE3D6;
    padding: 8px 0 8px 0;
}

#sA04 img {
    display: block;
    max-width: 176px;
}

#sA04 a+a img {
    margin-top: 1.3em;
}

#sA04 a img:hover {
    opacity: 0.7;
}

#sA05 {
    width: 176px;
    margin:0 auto 3em 10px;
    order: 7;
}

#sA05>img {
    margin-bottom: 5px;
}

#sA05 div {
    background-color: #FAE3D6;
    padding: 5px;
}

#sA05 iframe {
    display: block;
    margin: 0 auto;
}

#sA05 small a {
    padding-top: 1em;
}

#sA05 div p {
    margin-top: 1em;
    margin-bottom: 0;
    text-align: center;
    padding: 0.5em;
}

#sA05 a {
    display: flex;
    justify-content: center;
    line-height: 1.3;
}

#sA05 iframe:hover {
    opacity: 0.8;
}

#sA06 {
    width: 176px;
    margin: 5px auto 3em 10px;
    order: 5;
}

#sA06 li {
    border-radius: 6px;
    background-color: #F9E3D7;
}

#sA06 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

#sA06 li a:hover {
    opacity: 0.4;
}

#sA07 {
    width: 176px;
    height: auto;
    margin:0 auto 3em 10px;
    order: 4;
}


/* footer --------------------------------- */

#fA01 {
    font-size: 0.14rem;
    background-color: #F0B7AB;
}

#fA01 small {
    display: inline-block;
    padding-top: 0.6em;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic;
}

#fA02 {
    display: flex;
    justify-content: space-between;
    max-width: 960px;
    margin: 0 auto;
    font-size: 0.14rem;
}

#fA02 .fB01, #fA02 .fB02 {
    width: 50%;
    max-width: 480px;
}

#fA02 .fB01  {
    display: block;
    margin-top: 10px;
    margin-bottom: 1em;
    text-align: left;
}

#fA02 .fB01 img {
    max-width: 279px;
}

#fA02 .fB01 a+a img {
    margin:1em auto 2em;
}

#fA02 .fB01 a:hover img {
    opacity: 0.6;
}

#fA02 dl {
    text-align: left;
    line-height: 1.3;
}

#fA02 dt {
    font-weight: bold;
    margin-bottom: 0.5em;
}

#fA02 dd:last-child {
    margin-bottom: 1em;
}

#fA02 dd+dt {
    margin-top: 1em;
}

#fA02 .fB02 .C04 {
    text-align: left;
}

#fA02 .fB02 .C04 small+p {
    margin: 1.5em auto 2em;
    }

#fA02 .fB02 .C04 p a {
    background-color: #FAE3D6;
    padding: 0.5em 1em;
}

#fA02 .fB02 .C06 {
    display: block;
    max-width: 125px;
    margin-left: auto;
}

#fA02 a:visited, #fA03 a:visited {
    color:#0044CC;
}

#fA03 {
    display: flex;
    justify-content: center;
}

#fA03 li:not(:first-child) {
    margin-left: 1em;
}


/* content --------------------------------- */
/* common */
.fwb {
    font-weight: bold;
}

.fs14 {
    font-size: 0.14rem;
}

.fs18 {
    font-size: 0.18rem;
}

.fs19 {
    font-size: 0.19rem;
}

.fs21 {
    font-size: 0.21rem;
}

.c_f3b22e {
    color: #F3B22E;
}

.fs21_fwb_fc0F89A0 {
    font-size: 0.21rem;
    font-weight: bold;
    color: #0F89A0;
}

.fs18_fwb_fcEE873E {
    font-size: 0.18rem;
    font-weight: bold;
    color: #EE873E;
}

.txtSuper {
    vertical-align: super;
    font-size: 0.1rem;
    font-weight: bold;
}

.mb1em {
    margin-bottom: 1em;
}

.ls1em {
    letter-spacing: 1em;
    margin-right: -1em;
}


/* u01
    index
*/
.u01 {
    width: 100%;
    max-width: 738px;
    margin-bottom: 4em;
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto auto;
    -ms-grid-columns: auto auto;
    grid-template-rows: auto;
    -ms-grid-rows:auto;
    position: relative;
}

.u01 div {
    grid-column: 1/3;
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    grid-row: 1/2;
    -ms-grid-row:1;
    padding-right: 10em;
}

.u01 div+p {
    grid-column: 1/2;
    -ms-grid-column:1;
    grid-row: 2/3;
    -ms-grid-row:2;
}

.u01 img {
    grid-column: 2/3;
    -ms-grid-column:2;
    grid-row: 2/3;
    -ms-grid-row:2;
    position: absolute;
    right: 30px;
    bottom: 1.3em;
    max-width: 200px;
    border-radius: 6px;
    border: solid 3px #F0B7AB;
}

/* u02
    index
*/
.u02 div {
    margin-bottom: 4em;
    padding-top: 1em;
    width: 100%;
    max-width: 738px;
    border-top: solid 2px #F0B7AB;
}

.u02>img {
    display: block;
    max-width: 439px;
}

.u02 div a {
    margin-left: 20px;
}

.u02 a img {
    max-width: 213px;
}

.u02 a:hover {
    opacity: 0.4;
}


/* u03
    index
*/
.u03>img {
    display: block;
    max-width: 355px;
}

.u03 div {
    position: relative;
    padding-top: 1em;
    border-top: solid 2px #F0B7AB;
}

.u03 dl {
    height: 3.2rem;
    width: 3.2rem;
    background: #FDF9CA;
    border-radius: 50%;
}

.u03 dl:nth-child(3) {
    height: 3.4rem;
    width: 3.4rem;

}

.u03 dt {
    margin-left: 2.8em;
    padding-top: 0.6rem;
    padding-bottom: 0.1rem;
    font-size: 0.19rem;
    color: #6E5549;
    font-weight: bold;
}

.u03 dl:nth-child(3) dt {
    padding-top: 0.7rem;
}

.u03 dd:before {
    content: "・";
}

.u03 dd {
    margin-left: 3em;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 2;
}

.u03 dd a:visited {
    color:#0044CC;
}

.u03 dl:nth-of-type(1) {
    position: relative;
    left: 2.8rem;
    z-index: 4;
}

.u03 dl:nth-of-type(2) {
    position: relative;
    top: -1.2rem;
    z-index: 3;
}

.u03 dl:nth-of-type(3) {
    position: relative;
    left: 2rem;
    top: -1.7rem;
    z-index: 2;
}

.u03 div img {
    position: static;
    display: block;
    margin: -10em 0 3em auto;
    max-width: 253px;
    height: auto;
}

/* PC */
@media screen and (min-width:57.8em) {
.u03 div img {
    position: relative;
    top: -4.3rem;
    z-index: 1;
    margin: 0 0 -3.7rem auto;
}
}

/* .u04
    index
*/
.u04 {
    max-width: 722px;
    margin-bottom: 4em;
}

.u04 img[src*="index07m.png"] {
    display: none;
}


/* .u05
    profile
*/
.u05 {
    width: 100%;
    max-width: 738px;
    margin-bottom: 6em;
}

.u05 h1 {
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #ED9772;
    font-size: 0.25rem;
    font-weight: bold;
    color: #ED9772;
}

.u05>section+section {
    margin-top: 3em;
}

.u05 h2 {
    width: 100%;
    margin-top: 0.24rem;
    padding: 12px 5px 8px 12px;
    border-left: solid 9px #ED9772;
    font-size: 0.18rem;
    font-weight: bold;
    background-color: #FAE3D6;
}

.u05 h3 {
    margin-bottom: 1em;
    padding-bottom: 0.2em;
    font-weight: bold;
    border-bottom: solid 1px #ED9772;
}

.u05 h4 {
    margin-bottom: 0.5em;
    font-weight: bold;
}

.u05>section>div {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 2em 1em auto 2.3em;
}

.u05>section div img {
    margin-right: 2em;
}

.u05>section>section {
    margin: 1em 1em auto 2.3em;
}

.u05 dt {
    clear: left;
    float: left;
    width: 8em;
    line-height: 1.5;
}

.u05 dd {
    width: auto;
    margin-left: 9em;
    margin-bottom: 1em;
    line-height: 1.5;
}

.u05>section>section {
    clear: both;
}

.u05 input {
    display: none;
}


/* .u06
    flow
*/
.u06 {
    width: 100%;
    max-width: 738px;
    margin-bottom: 6em;
    counter-reset: number 0;
}

.u06 h1 {
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #ED9772;
    font-size: 0.25rem;
    font-weight: bold;
    color: #ED9772;
}

.u06 h1+div {
    margin: 1em auto 3em;
}

.u06 section {
    margin-bottom: 3em;
}

.u06 h2 {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 0.19rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.3em;
    margin-top: 1em;
    margin-bottom: 1.5em;
    line-height: 2.2;
    border-radius: 6px;
    background-color: #FAE3D6;
}

.u06 h2:before {
    margin-right: 0.5em;
    color: #ed5a1c;
    counter-increment: number 1;
    content: counter(number) ".";

}

.u06 p, .u06 section>ul {
    margin: 1em 1em auto 2.3em;
}

.u06 li {
    margin-bottom: 0.5em;
    font-size: 0.14rem;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.5;
}

.u06 img[src*="flow01.png"] {
    display: block;
    max-width: 12%;
    margin: 3em auto 3em;
}

.u06 img[src*="flow01m.png"] {
    display: none;
}


/* .u07
    expense
*/
.u07 h1 {
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #ED9772;
    font-size: 0.25rem;
    font-weight: bold;
    color: #ED9772;
}

.u07 h2 {
    margin-top: 0.24rem;
    padding: 12px 5px 8px 12px;
    border-left: solid 9px #ED9772;
    font-size: 0.18rem;
    font-weight: bold;
    background-color: #FAE3D6;
}

.u07 h2+div {
    margin-top: 2em;
    padding-left:1.5em;

}

.u07 table {
    margin: 0 1em;
    border-collapse: separate;
}

.u07 thead tr {
    background-color: #F0B7AB;
}

.u07 tbody tr:nth-of-type(4n-1), .u07 tbody tr:nth-of-type(4n) {
    background-color: #FAE3D6;
}

.u07 th, .u07 td {
    border: solid 1px #7B6B63;
    padding: 1em;
    font-size: 0.12rem;
    line-height: 1.5;
    vertical-align: middle;
    text-align: center;
}

.u07 tbody tr:nth-of-type(2n) td {
    font-size: 0.11rem;
}

.u07 th:nth-of-type(1), .u07 td:nth-of-type(1) {
    width: 22%;
}

.u07 th:nth-of-type(2), .u07 td:nth-of-type(2) {
    width: 16%;
}

.u07 th:nth-of-type(3), .u07 td:nth-of-type(3) {
    width: 15%;
}

.u07 th:nth-of-type(4), .u07 td:nth-of-type(4) {
    width: 47%;
}

.u07 th:not(:last-child), .u07 td:not(:last-child) {
    border-right: none;
}

.u07 th:first-child {
    border-top-left-radius: 6px;
}

.u07 th:last-child {
    border-top-right-radius: 6px;
}

.u07 tbody tr:nth-last-child(2) td:first-child {
    border-bottom-left-radius: 6px;
}

.u07 tbody tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.u07 tbody td {
    border-top: none;
}

.u07 td ul, .u07 td p {
    text-align: left;
}

.u07 table+div {
    margin: 1.5em 1em 1em;
}

.u07 .fa-caret-right {
    padding: 1em 1em 1em 2.7em;
    background-color: #FAE3D6;
    border-radius: 6px;
    position: relative;
    font-size: 0.16rem;
    font-weight: normal;
    display: block;
}

.u07 .fa-caret-right:before {
    position: absolute;
    top: 50%;
    left: 0.3em;
    margin-top: -0.5em;
    content: '\f0da';
    color: #ED9772;
    font-size: 3em;
    font-weight: 900;
    vertical-align: middle;
}

.u07 div .fa-caret-right span:nth-of-type(2) {
    letter-spacing: 0.3em;
    padding-left: 0.3em;
}

.u07 table+div p:nth-of-type(2) {
    margin-left: 0.5em;
}

.u07 div span {
    font-size: 0.18rem;
}



/* .u08
    faq
*/
.u08 {
    width: 100%;
    max-width: 738px;
    margin-bottom: 3em;
}

.u08 h1 {
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #ED9772;
    font-size: 0.25rem;
    font-weight: bold;
    color: #ED9772;
}

.u08 h1+p {
    margin: 1em 1em auto 2.3em;
}

.u08 h2 {
    display: inline-block;
    font-size: 0.18rem;
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 2;
    margin-left: 2.5em;
}

.u08 h2:before {
    display: inline-block;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    margin-right: 0.5em;
    text-align: center;
    font-weight: bold;
    line-height: 2;
    content: "Q";
    background-color: #b9cc55;
    color: #FFF;
    margin-left: -2.5em;
}

.u08 input {
    display: none;
}

.u08 section div {
    visibility:hidden;
    height: 0;
}

.u08 input:checked + div {
    display: block;
    visibility: visible;
    height: auto;
    margin: auto 1em 3em 2.8em;
    padding: 1em;
    background-color: #fff4f8;
    border-radius: 6px;
}

.u08 .fa-caret-right {
    position: relative;
    font-weight: normal;
}

.u08 .fa-caret-right:before {
    position: absolute;
    top: 50%;
    left: 0.1em;
    margin-top: -0.5em;
    content: '\f0da';
    color: #F1A91B;
    font-size: 2em;
    font-weight: 900;
    vertical-align: middle;
}

.u08 a {
    padding-left: 1.4em;
}

.u08 a:visited {
    color:#0044CC;
}

/* .u09
    merit
*/
.u09 {
    width: 100%;
    max-width: 738px;
    margin-bottom: 3em;
}

.u09 img {
    display: block;
    margin: 1em auto 2em;
}

.u09 img[src*="merit01.png"] {
    width: auto;
    max-width: 738px;
    margin-top: 0;
}

.u09 img[src*="merit03.png"] {
    display: none;
}

.u09 img[src*="merit05"] {
    padding-left: 25%;
}

.u09 img[src*="merit06"] {
    padding-left: 25%;
}

.u09 img[src*="merit07"] {
    position: relative;
    z-index: 0;
    margin-top: -1em;
    margin-right: 0;
}

.u09 p {
    margin: auto 1em 2em;
}

.u09 section {
    background-image: url(img/merit/merit05.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding-bottom: 14em;
}

.u09 section img {
    display: none;
}

.u09 h2 {
    margin-top: 3em;
    margin-bottom: 1em;
    font-size: 0.18rem;
    text-indent: -1em;
    padding-left: 5em;
    line-height: 1.5;
}

.u09 h2:before {
    content: "●";
    color: #F3B22E;
}

.u09 ul {
    position: relative;
    z-index: 1;
    margin-left: 5em;
    padding: 1em;
    line-height: 2;
    background-color: #FDFBE4;
    display: inline-block;
    border-radius: 6px;
}

.u09 li {
    color: #ED8811;
    font-weight: bold;
}

.u09 div {
    margin: 6em auto;
}

.u09 div p {
    margin-bottom: 3em;
    text-align: center;
}

.u09 div a {
    display: inline-block;
    padding: 1em 1.2em 1em 1.5em;
    text-decoration: none;
    color: #F3B22E;
    font-size: 0.18rem;
    font-weight: bold;
    letter-spacing: 0.3em;
    border: solid 2px #F3B22E;
    border-radius: 6px;
    transition: .6s;
}

.u09 div p:nth-of-type(1) a {
    padding: 1em 2.3em 1em 2.7em;
}

.u09 div a:hover {
    background-color: #F3B22E;
    color: #FFF;
}


/* .u10
    souzoku-point
*/
.u10 {
    width: 100%;
    max-width: 738px;
    margin-bottom: 3em;
}

.u10 h1 {
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #F1A91B;
    font-size: 0.25rem;
    font-weight: bold;
    color: #F1A91B;
}

.u10 h1+p {
    margin: 1em 1em auto 2.3em;
}

.u10 h2 {
    display: inline-block;
    font-size: 0.18rem;
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 2;
    margin-left: 2.5em;
}

.u10 h2:before {
    display: inline-block;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    margin-right: 0.5em;
    text-align: center;
    font-weight: bold;
    line-height: 2;
    content: "Q";
    background-color: #b9cc55;
    color: #FFF;
    margin-left: -2.5em;
}

.u10 input {
    display: none;
}

.u10 section div {
    visibility:hidden;
    height: 0;
}

.u10 input:checked + div {
    display: block;
    visibility: visible;
    height: auto;
    margin: auto 1em 3em 2.8em;
    padding: 1em;
    background-color: #fffde0;
    border-radius: 6px;
}

.u10 .fa-caret-right {
    position: relative;
    font-weight: normal;
}

.u10 .fa-caret-right:before {
    position: absolute;
    top: 50%;
    left: 0.1em;
    margin-top: -0.5em;
    content: '\f0da';
    color: #F1A91B;
    font-size: 2em;
    font-weight: 900;
    vertical-align: middle;
}

.u10 a {
    padding-left: 1.4em;
}

.u10 a:visited {
    color:#0044CC;
}


/* .u11 */

.u11 h1 {
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #ED9772;
    font-size: 0.25rem;
    font-weight: bold;
    color: #ED9772;
}

.u11 h1+p {
    margin: 1em 0.5em 2.5em 1.8em;
}

.u11 h2 {
    width: 100%;
    max-width: 738px;
    margin-top: 0.24rem;
    padding: 12px 5px 8px 12px;
    border-left: solid 9px #ED9772;
    font-size: 0.18rem;
    font-weight: bold;
    background-color: #FAE3D6;
}

.u11 h2 + div {
    width: 100%;
    max-width: 738px;
    margin-bottom: 4em;
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto;
    -ms-grid-columns: auto;
    grid-template-rows: auto;
    -ms-grid-rows:auto;
    position: relative;
}

.u11 div ol {
    grid-column: 1/2;
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-row: 1/2;
    -ms-grid-row:1;
    margin: 1em 1em 0em 2.5em;
    list-style-type: decimal;
    line-height: 2;
}

.u11 ol+div {
    grid-column: 2/3;
    -ms-grid-column:2;
    -ms-grid-column-span:1;
    grid-row: 1/2;
    -ms-grid-row:1;
    position: absolute;
    right: 15px;
    min-width: 290px;
    max-width: 300px;
    font-size: 0.12rem;
    background-color: #FCF6F8;
    border-radius: 6px;
}

.u11 section:nth-of-type(1) ol+div {
    bottom: 1em;
}

.u11 section:nth-of-type(2) ol+div {
    bottom: -2.5em;
}

.u11 section:nth-of-type(3) ol+div {
    bottom: -3.2em;
}

.u11 section:nth-of-type(4) ol+div {
    bottom: -14.5em;
}

.u11 ol+div p {
    padding: 1em 1.5em 0em;
}


/* .u12
    privacy, disclaimer, error
*/

.u12  {
    width: 100%;
    max-width: 738px;
    margin-bottom: 4em;
}

.u12 h1 {
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #ED9772;
    font-size: 0.25rem;
    font-weight: bold;
    color: #ED9772;
}

.u12 h2 {
    margin-top: 0.24rem;
    padding: 12px 5px 8px 12px;
    border-left: solid 9px #ED9772;
    font-size: 0.18rem;
    font-weight: bold;
    background-color: #FAE3D6;
}

.u12 ol {
    margin: 1em 1em 0em 2.5em;
    list-style-type: decimal;
    line-height: 2;
}

.u12 ul {
    margin: 1em 1em 0em 1.5em;
    line-height: 2;
}


.u12 li {
    margin-bottom: 1em;
}

.u12 p {
    margin: 1em 1em 2em;
}


/* .u13
    sitemap, links
*/
.u13 {
    width: 100%;
    max-width: 738px;
    margin-bottom: 6em;
}

.u13 h1 {
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #ED9772;
    font-size: 0.25rem;
    font-weight: bold;
    color: #ED9772;
}


.u13 h2 {
    margin-top: 0.24rem;
    padding: 12px 5px 8px 12px;
    border-left: solid 9px #ED9772;
    font-size: 0.18rem;
    font-weight: bold;
    background-color: #FAE3D6;
}

.u13 ul {
    margin: 2em 1em 0em 1.5em;
    line-height: 2;
}

.u13 li {
    display: block;
    margin-bottom: 1.8em;
}

.u13 .fa-caret-right {
    position: relative;
    padding-left: 1.2em;
    font-weight: normal;
}

.u13 .fa-caret-right:before {
    position: absolute;
    top: 50%;
    left: 0.1em;
    margin-top: -0.5em;
    content: '\f0da';
    color: #F1A91B;
    font-size: 2em;
    font-weight: 900;
    vertical-align: middle;
}

.u13 p {
    margin: 1em 1em 2em;
}


/* .u14
    message
*/
.u14 {
    width: 100%;
    max-width: 738px;
}
.u14 section {
    margin-bottom: 5em;
}

.u14 h1 {
    margin-bottom: 1em;
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #8FC31F;
    font-size: 0.25rem;
    font-weight: bold;
    color: #8FC31F;
}

.u14 h2 {
    margin-bottom: 1em;
    padding: 13px 5px 10px 10px;
    border-left: solid 7px #8FC31F;
    font-size: 0.18rem;
    font-weight: bold;
    color: #8FC31F;
}

.u14 h3 {
    display: inline-block;
    margin-left: 1em;
    font-size: 0.16rem;
    font-weight: bold;
    vertical-align: top;
}

.u14 h4 {
    margin-bottom: 1em;
    margin-left: 1em;
    font-weight: bold;
}

.u14 p {
    margin: auto 1em 2em;
}

.u14 ul {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1em;
    margin-left: 1em;
}

.u14 li {
    margin-bottom: 0.5em;
}

.u14 section section section {
    padding: 1em;
    background-color: #FFFCE4;
    border-radius: 6px;
}

.u14 img {
    margin-bottom: 2em;
}


/* .u17
    summary
*/
.u17 {
    width: 100%;
    max-width: 738px;
    margin-bottom: 6em;
}

.u17 h1 {
    margin-bottom: 1em;
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #ED9772;
    font-size: 0.25rem;
    font-weight: bold;
    color: #ED9772;
}

.u17 table {
    margin: 0 1em;
    border-collapse: separate;
}

.u17 tbody tr:nth-of-type(2n) td {
    background-color: #FAE3D6;
}

.u17 tbody th {
    background-color: #F0B7AB;
}

.u17 th, .u17 td {
    border: solid 1px #7B6B63;
    padding: 1em;
    line-height: 1.5;
}

.u17 th {
    border: solid 1px #7B6B63;
    text-align: center;
    font-weight: bold;
    width: 25%;
}

.u17 th:not(:last-child), .u17 td:not(:last-child) {
    border-right: none;
}

.u17 tr:first-child th:first-child {
    border-top-left-radius: 6px;
}

.u17 tr:first-child td:last-child {
    border-top-right-radius: 6px;
}

.u17 tr:last-child td:first-child, .u17 tr:last-child th:first-child {
    border-bottom-left-radius: 6px;
}

.u17 tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.u17 tr:not(:first-child) td, .u17 tr:not(:first-child) th {
    border-top: none;
}

.u17 td ul, .u17 td dl {
    text-align: left;
}

.u17 td {
    line-height: 1.5;
}

.u17 dt {
    font-weight: bold;
}

/* .u18
    summary
*/

.u18 {
    width: 100%;
    max-width: 738px;
    margin-bottom: 6em;
}

.u18 h1 {
    margin-bottom: 1em;
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #ED9772;
    font-size: 0.25rem;
    font-weight: bold;
    color: #ED9772;
}

.u18 p {
    margin-top:1em;
}

.u18 .fa-caret-right {
    position: relative;
    padding-left: 1.2em;
    font-weight: normal;
}

.u18 .fa-caret-right:before {
    position: absolute;
    top: 50%;
    left: 0.1em;
    margin-top: -0.5em;
    content: '\f0da';
    color: #F1A91B;
    font-size: 2em;
    font-weight: 900;
    vertical-align: middle;
}

/* .u21
    inquiry
*/
.u21 {
    width: 100%;
    max-width: 738px;
    margin-bottom: 6em;
}

.u21 h1 {
    margin-bottom: 1em;
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #ED9772;
    font-size: 0.25rem;
    font-weight: bold;
    color: #ED9772;
}

.u21 img {
    display: block;
    margin: 0 auto 2em;
}

.u21 form {
    max-width: 100%;
}

.u21 table {
    max-width: 100%;
    margin: 0 1em;
    border-collapse: separate;
}

.u21 th, .u21 td {
    border: solid 1px #7B6B63;
    padding: 1em;
    line-height: 1.5;
}

.u21 th {
    width: 35%;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
    background-color: #FAE3D6;
}

.u21 th label {
    font-weight: bold;
}

.u21 td {
    width: auto;
    max-width: 65%;
}

.u21 th:not(:last-child), .u21 td:not(:last-child) {
    border-right: none;
}

.u21 tr:first-child th:first-child {
    border-top-left-radius: 6px;
}

.u21 tr:first-child td:last-child {
    border-top-right-radius: 6px;
}

.u21 tr:last-child td:first-child, .u21 tr:last-child th:first-child {
    border-bottom-left-radius: 6px;
}

.u21 tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.u21 tr:not(:first-child) td, .u21 tr:not(:first-child) th {
    border-top: none;
}

.u21 td {
    line-height: 1.5;
}

.u21 tfoot td {
    text-align: center;
    border: none;
}

.u21 input:not([type="radio"]), .u21 textarea {
    width: 80%;
}

.u21 input[type="submit"] {
    margin: 1em auto 2em;
    padding: 1em;
}

.u21 ul {
    margin: auto 1em 2em;
}

.u21 div p {
    margin-bottom: 0;
}

.u21 div ul {
    margin-left: 2em;
}


.u21 li {
    margin-bottom: 1em;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.5;
}

.u21 p {
    margin: auto 1em 1em;
}

.u21 .txtSuper {
    color: #ea7827;
}

.u21 .fa-caret-right {
    position: relative;
    padding-left: 1.2em;
    font-weight: normal;
}

.u21 .fa-caret-right:before {
    position: absolute;
    top: 50%;
    left: 0.1em;
    margin-top: -0.5em;
    content: '\f0da';
    color: #F1A91B;
    font-size: 2em;
    font-weight: 900;
    vertical-align: middle;
}

.u21 #confirmSubmit, .u21 #revision, .u21 #sendComplete {
    display: inline-block;
    padding: 0.5em auto 0.5em 0.3em;
    text-decoration: none;
    color: #ED9772;
    font-size: 0.18rem;
    font-weight: bold;
    letter-spacing: 0.3em;
    background-color: #FFF;
    border: solid 2px #ED9772;
    border-radius: 6px;
    transition: .6s;
}

.u21 #confirmSubmit:hover, .u21 #revision:hover, .u21 #sendComplete:hover {
    background-color: #ED9772;
    border: solid 2px #ED9772;
    color: #FFF;
}


/* .u22
    route
*/
.u22 {
    width: 100%;
    max-width: 738px;
    margin-bottom: 6em;
}

.u22 h1 {
    margin-bottom: 1em;
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #ED9772;
    font-size: 0.25rem;
    font-weight: bold;
    color: #ED9772;
}

.u22 > p {
    margin: auto 1em 2em;
}

.u22 div {
    display: flex;
    flex-wrap: wrap;
    margin: auto 1em 3em;
    padding: 2em;
    border-radius: 6px;
    background-color: #FAE3D6;
}

.u22 img {
    margin-right: 2em;
    padding-bottom: 1em;
}


/* .u23
    houtei-souzoku-bun
*/
.u23 {
    width: 100%;
    max-width: 738px;
}

.u23 h1 {
    margin-bottom: 1em;
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #F1A91B;
    font-size: 0.25rem;
    font-weight: bold;
    color: #F1A91B;
}

.u23 h2 {
    margin-bottom: 1em;
    padding: 13px 5px 10px 10px;
    border-left: solid 7px #F1A91B;
    font-size: 0.18rem;
    font-weight: bold;
    color: #F1A91B;
}

.u23 p {
    margin: auto 1em 2em;
}

.u23 table {
    margin: 0 1em 4em;
    border-collapse: separate;
}

.u23 thead tr {
    background-color: #F6E08F;
}

.u23 th, .u23 td {
    border: solid 1px #b19c91;
    padding: 1em;
    line-height: 1.5;
    text-align: center;
}

.u23 thead th {
    font-weight: bold;
}

.u23 th:nth-of-type(1), .u23 td:nth-of-type(1) {
    width: 30%;
}

.u23 th:nth-of-type(2), .u23 td:nth-of-type(2) {
    width: 40%;
}

.u23 th:not(:last-child), .u23 td:not(:last-child) {
    border-right: none;
}

.u23 thead th:first-child {
    border-top-left-radius: 6px;
}

.u23 thead th:last-child {
    border-top-right-radius: 6px;
}

.u23 tbody tr:last-child td:first-child, .u23 tbody tr:last-child th:first-child {
    border-bottom-left-radius: 6px;
}

.u23 tbody tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.u23 tbody td, .u23 tbody th {
    border-top: none;
}

.u23 img {
    width: auto;
    max-width: 91%;
    margin: 1em 1em 2em;
}

/* .u24
    souzoku-soudan-list
*/
.u24 {
    width: 100%;
    max-width: 738px;
    margin-bottom: 6em;
}

.u24 h1 {
    margin-bottom: 1em;
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #F1A91B;
    font-size: 0.25rem;
    font-weight: bold;
    color: #F1A91B;
}

.u24 h2 {
    padding: 1em;
    font-size: 0.21rem;
    font-weight: bold;
    color: #845d43;
}

.u24 h2:before {
    content: "■";
    font-size: 0.3rem;
    vertical-align: middle;
    color: #F1A91B;
}

.u24 h3 {
    margin-left: 1.5em;
    padding: 1em;
    font-size: 0.21rem;
    font-weight: bold;
    color: #845d43;
}

.u24 h3:before {
    content: "●";
    color: #F1A91B;
}

.u24 section>div {
    margin: auto 1em 3em 3.5em;
}

.u24 .fa-caret-right {
    position: relative;
    padding-left: 1.2em;
    font-weight: normal;
}

.u24 .fa-caret-right:before {
    position: absolute;
    top: 50%;
    left: 0.1em;
    margin-top: -0.5em;
    content: '\f0da';
    color: #F1A91B;
    font-size: 2em;
    font-weight: 900;
    vertical-align: middle;
}


/* .u25
    isan-souzoku, souzokunin-juni, isan-bunkatsu-kyougi,
    souzoku-touki, souzoku-houki
*/
.u25 {
    width: 100%;
    max-width: 738px;
}

.u25 h1 {
    margin-bottom: 1em;
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #F1A91B;
    font-size: 0.25rem;
    font-weight: bold;
    color: #F1A91B;
}

.u25 h2 {
    margin-bottom: 1em;
    padding: 13px 5px 10px 10px;
    border-left: solid 7px #F1A91B;
    font-size: 0.18rem;
    font-weight: bold;
    color: #F1A91B;
}

.u25 p {
    margin: auto 1em 2em;
}

.u25 ul {
    margin: auto 1em 2em;
}

.u25 li{
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.5;
}

.u25 .fa-caret-right {
    position: relative;
    padding-left: 1.2em;
    font-weight: normal;
}

.u25 .fa-caret-right:before {
    position: absolute;
    top: 50%;
    left: 0.1em;
    margin-top: -0.5em;
    content: '\f0da';
    color: #F1A91B;
    font-size: 2em;
    font-weight: 900;
    vertical-align: middle;
}

.u25 img {
    width: auto;
    max-width: 94%;
    margin: 1em 1em 2em;
}

.u25 img[src*="isan-souzoku01m.png"] {
    display: none;
}


/* .u26
    souzoku-zaisan
*/
.u26 {
    width: 100%;
    max-width: 738px;
}

.u26 h1 {
    margin-bottom: 1em;
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #F1A91B;
    font-size: 0.25rem;
    font-weight: bold;
    color: #F1A91B;
}

.u26 img {
    margin: 1em 1em 1em;
}

.u26 table {
    margin: 0 1em;
    border-collapse: separate;
}

.u26 tbody th {
    background-color: #F6E08F;
}

.u26 th, .u26 td {
    border: solid 1px #b19c91;
    padding: 1em;
    line-height: 1.5;
    width: 50%;
}

.u26 th {
    text-align: center;
    font-weight: bold;
}

.u26 th:not(:last-child), .u26 td:not(:last-child) {
    border-right: none;
}

.u26 tr:first-child th:first-child {
    border-top-left-radius: 6px;
}

.u26 tr:first-child td:last-child {
    border-top-right-radius: 6px;
}

.u26 tr:last-child td:first-child, .u26 tr:last-child th:first-child {
    border-bottom-left-radius: 6px;
}

.u26 tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.u26 tr:not(:first-child) td, .u26 tr:not(:first-child) th {
    border-top: none;
}

.u26 p {
    margin: auto 1em 2em;
}

.u26 td ul {
    margin: auto 1em;
}

.u26 td li {
    margin-bottom: 1em;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.5;
}

.u26 td li:before {
    content: "・";
}

.u26 td ul, .u26 td p {
    text-align: left;
}

.u26 table+ul {
    margin: 0.5em 1em 2em 1.5em;
}

.u26 table+ul li {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 0.14rem;
    line-height: 1.5;
}

.u26 .fa-caret-right {
    position: relative;
    padding-left: 1.2em;
    font-weight: normal;
}

.u26 .fa-caret-right:before {
    position: absolute;
    top: 50%;
    left: 0.1em;
    margin-top: -0.5em;
    content: '\f0da';
    color: #F1A91B;
    font-size: 2em;
    font-weight: 900;
    vertical-align: middle;
}

/* .u27
    meigi-henkou, houtei-souzokunin, souzoku-soudan
*/
.u27 {
    width: 100%;
    max-width: 738px;
}

.u27 h1 {
    margin-bottom: 1em;
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #F1A91B;
    font-size: 0.25rem;
    font-weight: bold;
    color: #F1A91B;
}

.u27 h2 {
    margin-bottom: 1em;
    padding: 13px 5px 10px 10px;
    border-left: solid 7px #F1A91B;
    font-size: 0.18rem;
    font-weight: bold;
    color: #F1A91B;
}

.u27 table {
    margin: 0 1em;
    border-collapse: separate;
}

.u27 caption {
    font-weight: bold;
    margin-bottom: 0.5em;
}

.u27 thead tr {
    background-color: #F6E08F;
}

.u27 th, .u27 td {
    border: solid 1px #b19c91;
    padding: 1em;
    line-height: 1.5;
    text-align: center;
}

.u27 thead th {
    font-weight: bold;
}
.u27 th:nth-of-type(1), .u27 td:nth-of-type(1) {
    width: 39%;
}

.u27 th:nth-of-type(2), .u27 td:nth-of-type(2) {
    width: 31%;
}

.u27 th:nth-of-type(3), .u27 td:nth-of-type(3) {
    width: 30%;
}

.u27 th:not(:last-child), .u27 td:not(:last-child) {
    border-right: none;
}

.u27 thead th:first-child {
    border-top-left-radius: 6px;
}

.u27 thead th:last-child {
    border-top-right-radius: 6px;
}

.u27 tbody tr:last-child td:first-child, .u27 tbody tr:last-child th:first-child {
    border-bottom-left-radius: 6px;
}

.u27 tbody tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.u27 tbody td, .u27 tbody th {
    border-top: none;
}

.u27 td ul, .u27 td p {
    text-align: left;
}

.u27 td li {
    padding-bottom: 0.8em;
}

.u27 table+div {
    margin-top: 3em;
}

.u27 p {
    margin: auto 1em 2em;
}

.u27 table+ul {
    margin: 0.5em 1em 2em 1.5em;
}

.u27 table+ul li{
    text-indent: -1em;
    padding-left: 1em;
    font-size: 0.14rem;
    line-height: 1.5;
}

.u27>div {
    margin-bottom: 3em;
}

.u27 .fa-caret-right {
    display: block;
    position: relative;
    padding-left: 1.2em;
    font-weight: normal;
}

.u27 .fa-caret-right:before {
    position: absolute;
    top: 50%;
    left: 0.1em;
    margin-top: -0.5em;
    content: '\f0da';
    color: #F1A91B;
    font-size: 2em;
    font-weight: 900;
    vertical-align: middle;
}


/* .u28
    souzoku-tetsuduki-kigen
*/
.u28 {
    width: 100%;
    max-width: 738px;
}

.u28 h1 {
    margin-bottom: 1em;
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #F1A91B;
    font-size: 0.25rem;
    font-weight: bold;
    color: #F1A91B;
}

.u28 p+section {
    margin-top: 2em;
}

.u28 h2 {
    margin-bottom: 1em;
    padding: 13px 5px 10px 10px;
    border-left: solid 7px #F1A91B;
    font-size: 0.18rem;
    font-weight: bold;
    color: #F1A91B;
}

.u28 h2+section {
    margin-top: 2em;
}

.u28 input {
    display: none;
}

.u28 section div {
    visibility:hidden;
    height: 0;
}

.u28+.u36 {
    margin-top: 6em;
}

.u28 input:checked + div {
    display: block;
    visibility: visible;
    height: auto;
    padding: 1em;
}

.u28 h3 label img {
    display: block;
    margin-bottom: 1em;
}

.u28>section+section {
    margin-top: 5em;
}

.u28>section section+section {
    margin-top: 3em;
}

.u28 p {
    margin: auto 1em 1em;
}

.u28 section section p {
    margin-left: 2em;
}

.u28 ul {
    margin-top: 1em;
    margin-left: 2em;
}

.u28 li {
    margin-bottom: 1.5em;
}


/* .u29
    souzoku-jirei
*/
.u29 {
    width: 100%;
    max-width: 738px;
    margin-bottom: 3em;
    counter-reset: number 0;
}

.u29 h2 {
    display: inline-block;
    font-size: 0.18rem;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.u29 h2:before {
    display: inline-block;
    width: 4em;
    height: 4em;
    border-radius: 50%;
    margin-right: 0.5em;
    text-align: center;
    line-height: 4;
    letter-spacing: 0.2em;
    padding-left: 0.2em;
    counter-increment: number 1;
    content: "事例" counter(number);
    background-color: #F3B22E;
    color: #FFF;
}

.u29 h2 span {
    display: block;
    margin-top: -1.5em;
    font-size: 0.14rem;
    text-align: right;
}

.u29 p {
    margin: auto 1em 2em;
}

.u29 section img {
    display: block;
    margin: 0 auto 2em;
}

/* .u30
    seinen-kouken/index,
*/
.u30 {
    width: 100%;
    max-width: 738px;
}

.u30 h1 {
    margin-bottom: 2em;
    padding: 13px 5px 10px 16px;
    border-left: solid 14px #61C1BE;
    font-size: 0.25rem;
    font-weight: bold;
    color: #61C1BE;
}

.u30 p {
    margin: auto 1em 2em;
}

.u30 p:nth-of-type(2), .u30 p:nth-of-type(3) {
    margin-bottom: 1em;
}

.u30 ul {
    margin-top: 1em;
    margin-left: 2em;
}

.u30 li {
    margin-bottom: 1.5em;
}

.u30 li:before {
    content: "・";
}

.u30 div + div {
    display: flex;
    justify-content: space-around;
    margin: 2em 1em;
}

.u30 a:hover {
    opacity: 0.6;
}

.u30 div + div img[src*="m.png"] {
    display: none;
}


/* .u31
    seinen-kouken/houtei-kouken-seido,
*/

.u31 {
    width: 100%;
    max-width: 738px;
    margin-left: 1em;
}

.u31 h1 {
    margin-bottom: 1em;
}

.u31 h1 img[src*="01m.png"] {
    display: none;
}

.u31 h1 + p {
    margin-bottom: 4em;
}

.u31 h2 {
    margin-bottom: 1em;
    font-size: 0.22rem;
    font-weight: bold;
    padding-left: 1em;
    text-indent: -1.4em;
    line-height: 1.4;
}

.u31 h2:before {
    content: "●";
    font-size: 0.26rem;
    color: #61C1BE;
    vertical-align: text-top;
    line-height: 1.2;
}

.u31 section:nth-of-type(1) {
    margin-bottom: 4em;
}

.u31 section:nth-of-type(1) h2{
    margin-bottom: 1.5em;
}

.u31 section:nth-of-type(1) > div {
    display: flex;
    margin-bottom: 2em;
}

.u31 section:nth-of-type(1) > div:nth-of-type(2) {
    margin-bottom: 1.8em;
}

.u31 section:nth-of-type(1) li:nth-of-type(1) {
    margin-bottom: 0.3em;
    font-weight: bold;
    font-size: 0.22rem;
    line-height: 1.8;
}

.u31 section:nth-of-type(1) li:nth-of-type(2) {
    font-size: 0.14rem;
    line-height: 1.3;
    margin-bottom: 1em;
    padding-left: 2em;
    text-indent: -2em;
}

.u31 section:nth-of-type(1) img {
    width: auto;
    max-width: 95px;
    height: 100%;
    max-height: 95px;
    margin-right: 1em;
}

.u31 section:nth-of-type(2) {
    margin-bottom: 4em;
    counter-reset: number 0;
}

.u31 section:nth-of-type(2) h2 {
    letter-spacing: 0.2em;
}

.u31 section:nth-of-type(2) ul {
    margin: auto 0.5em;
    border: solid 5px #84CCC9;
    border-radius: 9px;
    padding: 0.5em 1em;
}

.u31 section:nth-of-type(2) li {
    margin: 1.5em auto;
    padding-left: 5em;
    text-indent: -5em;
    line-height: 1.45
}

.u31 section:nth-of-type(2) li:before {
    counter-increment: number 1;
    content: "<事例 " counter(number) ">";
    padding-right: 0.5em;
}

.u31 section:nth-of-type(2) img {
    display: block;
    margin: 2em auto 2em;
}

.u31 section:nth-of-type(2) p {
    margin: auto 0.5em;
    padding: 2em 1em;
    background-color: #E0F0E2;
    border-radius: 9px;
}

.u31 section:nth-of-type(3) {
    margin-bottom: 4em;
    counter-reset: number 0;
}

.u31 section:nth-of-type(3) h2 {
    letter-spacing: 0.2em;
}

.u31 section:nth-of-type(3) p {
    max-width: 17em;
    margin-left: 1em;
    padding: 0.2em 1em;
    font-size: 0.18rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    background-color: #D5EBE1;
    border-radius: 6px;
}

.u31 section:nth-of-type(3) p:before {
    counter-increment: number 1;
    content: counter(number) ".";
    color: #00A5A8;
    letter-spacing: 0;
    padding-right: 0.3em;
}

.u31 section:nth-of-type(3) p:nth-of-type(1) {
    letter-spacing: 0.8em;
}

.u31 section:nth-of-type(3) img {
    margin:auto auto 1em 6.5em;
}


/* .u32
    tetsuduki-support
*/
.u32 {
    width: 100%;
    max-width: 738px;
    margin-bottom: 4em;
}

.u32 h1, .u32 p+section {
    margin-bottom: 2em;
}

.u32 h1+p {
    margin: auto 2em 2em;
}
.u32 section {
    margin-bottom: 2em;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.u32 section p {
    margin: auto 1em 2em 5.5em;
}

.u32 section:nth-of-type(1) {
    background-image: url(img/tetsuduki-support/tetsuduki-support03.png);
    padding-bottom: 1em;
}

.u32 section:nth-of-type(2) {
    background-image: url(img/tetsuduki-support/tetsuduki-support05.png);
    padding-bottom: 3em;
}

.u32 section:nth-of-type(3) {
    background-image: url(img/tetsuduki-support/tetsuduki-support07.png);
    padding-bottom: 6em;
}

.u32 section:nth-of-type(4) {
    background-image: url(img/tetsuduki-support/tetsuduki-support09.png);
    padding-bottom: 4em;
}

.u32 section:nth-of-type(5) {
    background-image: url(img/tetsuduki-support/tetsuduki-support11.png);
    padding-bottom: 2em;
}

/* .u33
    seinen-kouken/nini-kouken-seido,
*/

.u33 {
    width: 100%;
    max-width: 738px;
    margin-left: 1em;
}

.u33 h1 {
    margin-bottom: 1em;
}

.u33 h1 img[src*="01m.png"] {
    display: none;
}

.u33 h1 + p {
    margin-bottom: 4em;
}

.u33 h2 {
    margin-bottom: 1em;
    font-size: 0.22rem;
    font-weight: bold;
    padding-left: 1em;
    text-indent: -1.4em;
    line-height: 1.4;
}

.u33 h2:before {
    content: "●";
    font-size: 0.26rem;
    color: #61C1BE;
    vertical-align: text-top;
    line-height: 1.2;
}

.u33 section:nth-of-type(1) {
    max-width: 90%;
    margin-bottom: 4em;
    counter-reset: number 0;
}

.u33 section:nth-of-type(1) h2 {
    letter-spacing: 0.2em;
}

.u33 section:nth-of-type(1) ul {
    margin: auto 0.5em;
    border: solid 5px #84CCC9;
    border-radius: 9px;
    padding: 0.5em 1em;
}

.u33 section:nth-of-type(1) li {
    margin: 1em auto;
    padding-left: 5em;
    text-indent: -5em;
    line-height: 1.45
}

.u33 section:nth-of-type(1) li:before {
    counter-increment: number 1;
    content: "<事例 " counter(number) ">";
    padding-right: 0.5em;
}

.u33 section:nth-of-type(2) {
    margin-bottom: 4em;
    counter-reset: number 0;
}

.u33 section:nth-of-type(2) h2 {
    letter-spacing: 0.2em;
}

.u33 section:nth-of-type(2) p {
    max-width: 17em;
    margin-left: 1em;
    padding: 0.2em 1em;
    font-size: 0.18rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    background-color: #D5EBE1;
    border-radius: 6px;
}

.u33 section:nth-of-type(2) p:not(:nth-of-type(3)):before {
    counter-increment: number 1;
    content: counter(number) ".";
    color: #00A5A8;
    letter-spacing: 0;
    padding-right: 0.3em;
}

.u33 section:nth-of-type(2) p:nth-of-type(1) {
    letter-spacing: 0.8em;
}

.u33 section:nth-of-type(2) p:nth-of-type(3) {
    padding-left: 2em;
    padding-right: 0;
    background-color: #F2E9A0;
}

.u33 section:nth-of-type(2) p:nth-of-type(3):before {
    content: "";
}

.u33 section:nth-of-type(2) img {
    margin:auto auto 1em 6.5em;
}

/* .u34
    souzoku-anshin-tetsuduki
*/
.u34 {
    width: 100%;
    max-width: 738px;
    margin-bottom: 4em;
}

.u34 img {
    display: block;
    margin: auto auto 1em;
}

.u34 h2 {
    font-size: 0.21rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.2em;
    text-align: center;
    color: #EB895A;
    border-bottom: solid 2px #F1B699;
    margin:auto 1em 1em;
}

.u34 div {
    margin: auto 2em 3em;
    text-align: center;
}


/* .u36
    houtei-souzoku-bun,
*/
.u36 {
    display: inline-block;
    position: relative;
    margin: 2em 140px 6em 1em;
    padding: 1em;
    background-color: #fcf8ce;
    border-radius: 6px;
}

.u36:before {
    content: "";
    position: absolute;
    bottom: 25px;
    left: 100%;
    border-style: solid;
    border-width: 18px 0 0px 25px;
    border-color: transparent transparent transparent #fcf8ce;
}

.u36 h1 {
    margin-bottom: 1em;
    font-size: 0.18rem;
    font-weight: bold;
    color: #ED9772;
}

.u36 img {
    position: absolute;
    bottom: -16px;
    right: -103px;
}