@charset "UTF-8";
.pc-style-class #container {width: 1000px;margin: 0 auto;color: #000;}
.pc-style-class #container .contentWrap{width: 100%;font-size: 18px;}
.pc-style-class #container h2{background: #27acd9;padding: 1rem 1rem 1rem 2rem;margin-bottom: .3em;position: relative;color: #fff;font-size: 35px;}
.pc-style-class #container h2:before {position: absolute;content: '';top: 100%;left: 0;border: none;border-bottom: solid 10px transparent;border-right: solid 20px rgb(20, 86, 110);}

.pc-style-class #container .box-018 {
    position: relative;
    max-width: 100%;
    margin: 3em auto;
    padding: 1em calc(1.5em + 9px);
    border-top: 1px solid #27acd9;
    border-bottom: 1px solid #27acd9;
}

.pc-style-class #container .box-018::before,
.pc-style-class #container .box-018::after {
    position: absolute;
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
    height: calc(100% + 20px);
    background-color: #27acd9;
    content: '';
}

.pc-style-class #container .box-018::before {
    left: 9px;
}

.pc-style-class #container .box-018::after {
    right: 9px;
}







.pc-style-class #container .toc-002 {
    margin-bottom: 30px;
    border: 2px solid #27acd9;
    border-radius: 3px;
}

.toc-002 div {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    margin: 0;
    padding: 10px 30px;
    background-color: #27acd9;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}

.toc-002 div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

.toc-002 ol {
    list-style-type: decimal;
    margin: 0;
    overflow: hidden;
}

.toc-002 > ol {
    padding: 1em 1em 1em 3em;
}

.toc-002 ol ol {
    margin-top: 5px;
    padding-left: 1.1em;
}

.toc-002 li {
    padding: 5px 0;
    font-weight: 600;
	color: #27acd9;
}

.toc-002 ol ol li {
    font-weight: 500;
    font-size: .9em;
}

.toc-002 a {
	color: #27acd9;
    text-decoration: none;
}

.toc-002 a:hover{
	text-decoration: underline;
	color: orangered;
}


.list-3 {
    list-style-type: none;
	padding: 0 1em 0;
}

.list-3 li {
    display: flex;
    align-items: first baseline;
    gap: 0 5px;
    padding: .3em;
}

.list-3 li::before {
    display: inline-block;
    width: 35px;
    height: 6px;
    border-bottom: 3px solid #27acd9;
    border-left: 3px solid #27acd9;
    transform: rotate(-45deg) translateY(-1.5px);
    content: '';
}

.txt001{font-size: 20px;font-weight: bold;padding-left: 1em;}





.pc-style-class #container .table-wrap .table01 {width: 100%; color: #000;margin-bottom: 2em;border-collapse: collapse;}
.pc-style-class #container .table-wrap .table01 td{background-color: #ebfaff;padding: 1.5em;border: 2px solid #fff;font-size: 15px;}
.pc-style-class #container .table-wrap .table01 .color01{width: 35%;font-weight: bold;color: #1E6D88;background-color: #ebfaff;padding: 1.5em;border: 2px solid #fff;font-size: 18px;}
.pc-style-class #container .table-wrap .table01 .color02{background-color: #27acd9;text-align: center;font-weight: normal;color: #fff;padding: 0.35em;border: 2px solid #fff;}

.pc-style-class #container .table-wrap .table02 {width: 100%; color: #000;border-collapse: collapse;}
.pc-style-class #container .table-wrap .table02 td{background-color: #ebfaff;padding: 1.5em;border: 2px solid #fff;font-size: 15px;}
.pc-style-class #container .table-wrap .table02 .color01{font-weight: bold;color: #1E6D88;background-color: #ebfaff;padding: 1.5em;border: 2px solid #fff;font-size: 18px;}
.pc-style-class #container .table-wrap .table02 .color02{background-color: #27acd9;text-align: center;font-weight: normal;color: #fff;padding: 0.35em;border: 2px solid #fff;}

.pc-style-class #container .table-wrap .table03 {width: 100%; color: #000;margin-bottom: 2em;border-collapse: collapse;}
.pc-style-class #container .table-wrap .table03 td{background-color: #ebfaff;padding: .5em;border: 2px solid #fff;font-size: 15px;width: 40%;}
.pc-style-class #container .table-wrap .table03 .color01{font-weight: bold;color: #1E6D88;background-color: #ebfaff;padding: .5em;border: 2px solid #fff;font-size: 18px;width: 20%;}
.pc-style-class #container .table-wrap .table03 .color02{background-color: #27acd9;text-align: center;font-weight: normal;color: #fff;padding: 0.35em;border: 2px solid #fff;}

.pc-style-class #container .txt-01{background: linear-gradient(transparent 60%, #f6ff5f 60%);color: #27acd9;font-size: 25px;font-weight: bold;width: 35%;text-align: center;}
.pc-style-class #container .txt-02{text-align: right;font-size: 16px;}
.pc-style-class #container .txt-02_1{font-size: 16px;}
.pc-style-class #container .txt-03{display: flex;align-items: center;column-gap: 8px;}
.pc-style-class #container .txt-03::before {width: 0.8em;height: 0.4em;border-bottom: 4px solid #27acd9;border-left: 4px solid #27acd9;transform: rotate(-45deg) translate(2px, -2px);content: '';
}
.pc-style-class #container .txt-03 span{font-size: 16px;}
.pc-style-class #cards {display: flex;justify-content: center;padding: 1em;}
.pc-style-class #container .card {width: 315px;height: auto;border: 1px solid #27acd9;padding: .5em;background-color: #27acd9;color: #fff;font-weight: bold;}
.pc-style-class #container .card:nth-child(2) {margin-right: 10px;margin-left: 10px;}
.pc-style-class #container .picture {margin-bottom: 1em;}
.pc-style-class #container .picture img {width: 100%;height: auto;}
.pc-style-class #container .description {width: 100%;height: 250px;padding-right: 12px;padding-left: 12px;box-sizing: border-box;}
.pc-style-class #container .description p {font-size: 15px;}
.pc-style-class #container h3 {font-size: 25px;position: relative;padding: .2em 1.2em;color: #27acd9;border-bottom: solid;  margin-bottom: .5em;}
.pc-style-class #container h3::before,.pc-style-class #container h3::after {display: inline-block;position: absolute; transform: translateY(-50%);width: 12px;height: 12px;border: 2px solid #27acd9;content: '';}
.pc-style-class #container h3::before {top: calc(50% - 3px);left: 0;}
.pc-style-class #container h3::after {top: calc(50% + 3px);left: 5px;}
.pc-style-class #container h4 {display: flex;justify-content: start;align-items: center;position: relative;padding: .2em .7em;overflow: hidden;border: 2px solid #27acd9;border-radius: 5px;
color: #27acd9;font-size: 20px;margin-bottom: .5em;}
.pc-style-class #container h4:before {position: absolute;top: -56%;left: -55px;z-index: -1;transform: rotate(25deg);width: 100px;height: 200%;background-color: #27acd9;content: '';}
.pc-style-class #container h4 span {margin-right: 1.1em;color: #fff;font-size: 1.1em}
.pc-style-class #container .box-013 {max-width: 100%;margin: 0 auto .5em;border: 1px solid #27acd9;border-radius: 3px;}
.pc-style-class #container .box-013 span {display: flex;/*justify-content: center;align-items: center;*/ padding: .5em 1em;background-color: #27acd9;color: #fff;font-weight: 600;}
.pc-style-class #container .box-013 p {margin: 0;padding: 1em 1.5em;color: #333;}
.pc-style-class #page-top {position: fixed;bottom: 70px;left: 90%;font-size: 100%;line-height: 1.2;z-index: 10000;}
.pc-style-class #page-top a {background: rgb(255, 255, 255, 0.8);text-decoration: none;color: #ff2a75;width: 90px;padding: 25px 0;text-align: center;display: block;font-weight: bold;border: solid 1px;border-radius: 5px;}


/*sp-style*/
.sp-style-class #container {width: 100%;margin: 0 auto;color: #000;}
.sp-style-class #container p{font-size: 15px;}
.sp-style-class #container .contentWrap{width: 100%;font-size: 15px;padding: 10px;}
.sp-style-class #container h2{background: #27acd9;padding: 1rem 1rem 1rem 2rem;margin-bottom: .3em;position: relative;color: #fff;font-size: 22px;}
.sp-style-class #container h2:before {position: absolute;content: '';top: 100%;left: 0;border: none;border-bottom: solid 10px transparent;border-right: solid 20px rgb(20, 86, 110);}
.sp-style-class #container .ul-01{padding: 1.25em;margin-left: 1.25em;}
.sp-style-class #container .ul-01 li{margin-bottom: 1em;list-style-type: square;}

.sp-style-class #container .table-wrap {overflow-x: scroll;}

.sp-style-class #container .table-wrap .table01 {width: 100%; color: #000;margin-bottom: 2em;border-collapse: collapse;white-space: nowrap;}
.sp-style-class #container .table-wrap .table01 td{background-color: #ebfaff;padding: 1em;border: 2px solid #fff;font-size: 15px;}
.sp-style-class #container .table-wrap .table01 .color01{width: 35%;font-weight: bold;color: #1E6D88;background-color: #ebfaff;padding: .5em;border: 2px solid #fff;font-size: 15px;}
.sp-style-class #container .table-wrap .table01 .color02{font-size: 1.75rem;background-color: #27acd9;text-align: center;font-weight: normal;color: #fff;padding: 0.35em;border: 2px solid #fff;}

.sp-style-class #container .table-wrap .table02 {width: 100%; color: #000;border-collapse: collapse;}
.sp-style-class #container .table-wrap .table02 td{background-color: #ebfaff;padding: 1em;border: 2px solid #fff;font-size: 15px;}
.sp-style-class #container .table-wrap .table02 .color01{font-weight: bold;color: #1E6D88;background-color: #ebfaff;padding: 1em;border: 2px solid #fff;font-size: 15px;}
.sp-style-class #container .table-wrap .table02 .color02{font-size: 15px;background-color: #27acd9;text-align: center;font-weight: normal;color: #fff;padding: 0.35em;border: 2px solid #fff;}

.sp-style-class #container .table-wrap .table03 {width: 100%; color: #000;margin-bottom: 2em;border-collapse: collapse;white-space: nowrap;}
.sp-style-class #container .table-wrap .table03 td{background-color: #ebfaff;padding: .5em;border: 2px solid #fff;font-size: 15px;width: 40%;}
.sp-style-class #container .table-wrap .table03 .color01{font-weight: bold;color: #1E6D88;background-color: #ebfaff;padding: .5em;border: 2px solid #fff;font-size: 15px;width: 20%;}
.sp-style-class #container .table-wrap .table03 .color02{font-size: 1.75rem;background-color: #27acd9;text-align: center;font-weight: normal;color: #fff;padding: 0.35em;border: 2px solid #fff;}

.sp-style-class #container .txt-01{background: linear-gradient(transparent 60%, #f6ff5f 60%);color: #27acd9;font-size: 25px;font-weight: bold;width: 100%;text-align: center;}
.sp-style-class #container .txt-02{font-size: 11px;}
.sp-style-class #container .txt-02_1{font-size: 11px;}
.sp-style-class #container .txt-03{display: flex;align-items: center;column-gap: 15px;font-size: 16px;margin-bottom: .5em;}
.sp-style-class #container .txt-03::before {width: 1.5em;height: 0.4em;border-bottom: 4px solid #27acd9;border-left: 4px solid #27acd9;transform: rotate(-35deg) translate(20px, -20px);content: '';
}
.sp-style-class #container .txt-04{padding: 0 1em;}

.sp-style-class #cards {padding-top: 1em;}
.sp-style-class #container .card {width: 100%;height: auto;border: 1px solid #27acd9;padding: .5em;background-color: #27acd9;color: #fff;font-weight: bold;margin-bottom: .5em;}
.sp-style-class #container .card:nth-child(2) {}
.sp-style-class #container .picture {margin-bottom: 1em;text-align: center;}
.sp-style-class #container .picture img {width: 60%;height: auto;}
.sp-style-class #container .description {width: 100%;height: auto;padding: .5em;box-sizing: border-box;}
.sp-style-class #container .description p {font-size: 15px;}

.sp-style-class #container h3 {font-size: 25px;position: relative;padding: .5em 1.2em;color: #27acd9;}
.sp-style-class #container h3::before,.sp-style-class #container h3::after {display: inline-block;position: absolute; transform: translateY(-50%);width: 12px;height: 12px;border: 2px solid #27acd9;content: '';}
.sp-style-class #container h3::before {top: calc(50% - 3px);left: 0;}
.sp-style-class #container h3::after {top: calc(50% + 3px);left: 5px;}
.sp-style-class #container h4 {display: flex;justify-content: start;align-items: center;position: relative;padding: .2em 0 .2em .3em;overflow: hidden;border: 2px solid #27acd9;border-radius: 5px;
color: #27acd9;font-size: 17px;margin-bottom: .5em;}
.sp-style-class #container h4:before {position: absolute;top: -68%;left: -68px;z-index: -1;transform: rotate(25deg);width: 100px;height: 200%;background-color: #27acd9;content: '';}
.sp-style-class #container h4 span {margin-right: 1.1em;color: #fff;font-size: 1.1em}
.sp-style-class #container .box-013 {max-width: 100%;margin: 0 auto .5em;border: 1px solid #27acd9;border-radius: 3px;}
.sp-style-class #container .box-013 span {display: flex;/*justify-content: center;align-items: center;*/ padding: .5em 1em;background-color: #27acd9;color: #fff;font-weight: 600;}
.sp-style-class #container .box-013 p {margin: 0;padding: 1em 1.5em;color: #333;}
.sp-style-class #page-top {position: fixed;bottom: 70px;left: 82%;font-size: 100%;line-height: 1.2;z-index: 10000;}
.sp-style-class #page-top a {background: rgb(255, 255, 255, 0.8);text-decoration: none;color: #ff2a75;width: 60px;padding: 15px 0;text-align: center;display: block;font-weight: bold;border: solid 1px;border-radius: 5px;font-size: 12px;}