@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 .ul-01{padding: 1.25em;margin-left: 1.25em;}
.pc-style-class #container .ul-01 li{margin-bottom: 1em;list-style-type: square;}

.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: 30px;position: relative;padding: .5em 1.2em;color: #27acd9;}
.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;}