a.cartitle h5 {
    display: inline-block;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 10px;
    border-left: 4px solid #669999;
    font-weight: 600;
    font-size: 28px;
    color: #fff !important;
    text-decoration: none !important;
    margin: 0 auto;
}
.trail_subtitl p {
    margin-left: 70px;
    box-sizing: border-box;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #FFF;
    margin-top: -10px !important;
}
.trail_lleft h6 {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    background: #2dad9d;
    display: inline-block;
    padding: 15px 0 10px 0 !important;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}
.trial_title {
    text-align: center;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    padding: 50px 0px 20px 0px;
    box-sizing: border-box;
    color: #666;
}
#credit-top-bg {
	box-sizing: border-box;
	background-image: url(../images/creditcard_top_bg.png);
	position: relative;
	padding: 60px 0 50px 0;
	text-decoration: none !important;
}
#credit-top-bg .container {
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
}
#credit-top-bg a.cartitle h5 {
	font-size: 37px;
    line-height: 45px;
    padding: 0;
    border: none;
    display: block;
}
#credit-top-bg a.cartitle:hover {
    text-decoration: none;
}
#credit-top-bg .trail_subtitl {
    display: flex;
    justify-content: center;
}
#credit-top-bg .trail_subtitl p {
    width: 57rem;
    margin: 40px auto 55px auto !important;
}
.trail_lleft {
    border-right: none;
}
#credit-top-bg .trail_lleft h6 {
    border-radius: 40px;
    width: 44%;
    border: 2px solid #fff;
    background: #147066;
}
#credit-top-bg .trail_lleft h6:hover {
    background: #20625b;
}
#credit-top-bg .trail_lleft span.small-text-below {
    font-size: 11px;
    font-weight: normal;
    margin-top: 5p;
}
.trial_title p {
    margin: 0
}
.trial_title hr {
    border: 0;
    border-top: 3px solid #20625b;
    margin: 0 auto;
}
#section1 .trial_title hr {
    width: 38%;
}
.shared-section .trial_title {
    padding-bottom: 35px;
}
.sectionbgone-trailp {
    display: flex;
    justify-content: center;
}
.each-section {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.parent-section {
    padding: 0;
    display: flex;
    flex-direction: column;
}
.parent-section:first-child .each-section {
    border-style: none dashed none none;
    border-width: 2px;
    border-color: #239B8C;
    padding-right: 15px;
}
.parent-section:not(:first-child) .each-section {
    padding-left: 15px;
}
.parent-section .single-txt {
    margin-left: 11.2rem;
}
.parent-section .single-txt p{
    color: #666;
    margin-bottom: 0;
}
.parent-section .single-txt p span.txt-green{
    color: #037669;
}
.each-section .btn-top h6, .section3-each-row .left-section .btn-top h6{
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    background: #20625b;
    display: inline-block;
    padding: 15px !important;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    margin: 0 0 5px 30px;
    width: -webkit-fill-available;
    text-align: center;
    height: 6.956rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.parent-section:not(:first-child) .btn-top h6 {
    margin-left: 0;
    margin-right: 30px;
}
.parent-section:not(:first-child) ul {
    padding-left: 10px;
    margin-right: 30px;
}
.each-section ul {
    padding-right: 10px;
    margin-bottom: 0;
}
.each-section ul span.tiny-text, .section3-each-row .right-section span.tiny-text{
    font-size: 12px;
}
.each-section ul li {
    list-style-type:none;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    font-weight: bold;
    color: #666;
}
.each-section ul li:not(:last-child) {
    margin-bottom: 5px;
}
.each-section ul li::before {
    content: "\2022";
    color: #20625b;
    font-size: 25px;
    line-height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
.parent-section hr {
    border-top: 2px dashed #239B8C;
}
.sectionbgone-trailp:first-child {
    margin-bottom: 15px;
}
.sectionbgone-trailp:first-child .parent-section:first-child hr {
    margin: 15px 10px 0 30px
}
.sectionbgone-trailp:first-child .parent-section:not(:first-child) hr {
    margin: 15px 30px 0 10px
}
.section2 .trial_title {
    padding: 0;
    border:1.5px solid #ABABAB;
    width: fit-content;
    margin: 0 auto;
}
.section2 .trial_title p {
    padding: 8px 47px;
}
#credit-section4 table {
    width: 100%;
}
#credit-section4 .row {
    display: flex;
    justify-content: center;
    padding: 0px 18px;
}
#credit-section4 .row.section2 {
    margin: 70px 20px 35px 20px;
}
#credit-section4 table > tbody > tr:not(:first-child) {
    border-top: 2px solid #20625b;
}
#credit-section4 table > tbody > tr:last-child {
    border-bottom: 2px solid #20625b;
}
#credit-section4 table > tbody > tr > th > span{
    font-size: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#credit-section4 table > tbody > tr > th img{
    margin-right: 6px;
    height: 26px;
}
#credit-section4 table > tbody > tr > th .img1{
    width: 40px;
}
#credit-section4 table > tbody > tr > th .img2{
    width: 25px;
}
#credit-section4 table > tbody > tr > th, #credit-section4 table > tbody > tr > td {
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    color: #666
}
#credit-section4 table > tbody > tr > th {
    padding: 10px 0;
}
#credit-section4 table > tbody > tr > td {
    padding: 20px;
    line-height: 21px;
}
#credit-section4 table > tbody > tr > td span.small-text{
    font-size: 11px;
}
#credit-section4 table > tbody > tr > td span.tiny-text{
    font-size: 9px;
}
#credit-section4 table > tbody > tr > td:nth-child(2){
    background-color: #CFE3E0;
}
#credit-section4 table > tbody > tr > th:nth-child(2), #credit-section4 table > tbody > tr > td:nth-child(2){
    color: #339999;
}
#credit-section4 table > tbody > tr > td:last-child{
    background-color: #E6E6E6;
}
.small-gray {
    font-size: 11px;
    color: #666;
}
.section2-end-text {
    margin-top: 10px;
}
.section2-end-text .small-gray {
    font-size: 13px;
}
#credit-section2-bg {
	box-sizing: border-box;
	background-image: url(../images/creditcard_back.png);
	position: relative;
	padding: 35px 0 45px 0;
	text-decoration: none !important;
}
#credit-section2-bg .container {
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
}
#credit-section2-bg .trial_title {
    padding: 0;
    margin-bottom: 40px;
}
#credit-section2-bg .trial_title p {
    color: #fff;
}
#credit-section2-bg .trial_title hr {
    border: 0;
    border-top: 3px solid #fff;
    width: 20%;
    margin: 0 auto;
}
#credit-section2-bg .child-content {
    position: relative;
}
#credit-section2-bg .child-content img {
    width: 55%;
}
#credit-section2-bg .child-content p {
    position: absolute;
    font-size: 18px;
    color: #666;
    font-weight: bold;
}
#credit-section2-bg .child-content p.left-text {
    top: 20%;
    left: 28%;
}
#credit-section2-bg .child-content p.left-text span.first-line {
    display: block;
    width: 7rem;
    margin: 0 auto;
}
#credit-section2-bg .child-content p.right-text {
    right: 26%;
    top: 30%;
    width: 13rem;
    word-break: break-all;
}
.shared-btn {
    text-align: center;
    padding: 80px 10px 90px 10px;
}
.shared-btn .trail_lleft h6 {
    border-radius: 40px;
    background: #20625b;
    width: 44%;
}
.shared-btn .trail_lleft h6 span {
    font-size: 11px;
    color: #fff;
    font-weight: normal;
}
#single-button {
    padding-bottom: 30px;
}
.medium-text {
    font-size: 24px;
}
#section3 .trial_title hr {
    width: 68%;
}
.section3-content {
    margin-top: 1rem;
    margin-bottom: 6rem;
}
.section3-each-row {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}
.section3-each-row .left-section .btn-top h6 {
    padding: 0 !important;
    margin: 0;
    height: 4.5rem;
}
.section3-each-row .right-section p {
    font-weight: bold;
    color: #666;
    margin-bottom: 0;
}
.section3-each-row:nth-child(3){
    margin-bottom: 0;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
	#credit-section2-bg .trial_title hr {
        width: 16%;
    }
    #credit-section2-bg .child-content p.right-text {
        right: 26%;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    #credit-top-bg .trail_lleft h6 {
        width: 60%;
    }
    #credit-section2-bg .child-content img {
        width: 74%;
    }
    #credit-section2-bg .child-content p.left-text {
        left: 19%;
        top: 14%;
    }
    #credit-section2-bg .child-content p.right-text {
        right: 19%;
        top: 27%;
    }
    .each-section .btn-top h6 {
        margin: 0 0 5px 0px;
    }
    .parent-section:not(:first-child) .btn-top h6 {
        margin-right: 0px;
    }
    .each-section ul {
        padding-left: 10px;
    }
    .sectionbgone-trailp:first-child .parent-section:first-child hr {
        margin: 15px 10px 0 0px;
    }
    .sectionbgone-trailp:first-child .parent-section:not(:first-child) hr {
        margin: 15px 0px 0 10px;
    }
    #credit-section4 .row {
        padding: 0;
    }
    #credit-section4 .row > div, #credit-section4 .row.section2-end-text > div {
        padding: 0;
    }
    #credit-section4 .row.section2-end-text {
        justify-content: start;
    }
    .trial_title hr {
        width: 22%;
    }
    #credit-section2-bg .trial_title hr {
        width: 22%;
    }
    .parent-section .single-txt {
        margin-left: 4rem;
    }
    .shared-btn .trail_lleft h6 {
        width: 62%;
    }
    #section1 .trial_title hr {
        width: 59%;
    }
    #credit-section2-bg .trial_title hr {
        width: 32%;
    }
    #section3 .trial_title hr {
        width: 100%;
    }
}
@media screen and (min-width: 575px) and (max-width: 767px) {
    #credit-top-bg .trail_lleft h6 {
        width: 75%;
    }
    #section3 .trial_title hr {
        width: 100%;
    }
    .each-section .btn-top h6 {
        margin: 0px 0 5px 7px;
        height: 8.5rem;
    }
    .parent-section:not(:first-child) .btn-top h6 {
        margin-right: 7px;
    }
    .each-section ul {
        padding-left: 10px;
    }
    .parent-section:not(:first-child) ul {
        margin-right: 10px;
    }
    .sectionbgone-trailp:first-child .parent-section:first-child hr {
        margin: 15px 10px 0 7px;
    }
    .sectionbgone-trailp:first-child .parent-section:not(:first-child) hr {
        margin: 15px 7px 0 10px;
    }
    #credit-section4 .row {
        padding: 0;
    }
    #credit-section4 .row > div, #credit-section4 .row.section2-end-text > div {
        padding: 7px;
    }
    #credit-section2-bg .trial_title hr {
        width: 43%;
    }
    #credit-section2-bg .child-content p {
        word-break: break-all;
        width: 14rem;
    }
    #credit-section2-bg .child-content p.left-text {
        top: 11%;
        left: 14%;
    }
    #credit-section2-bg .child-content img {
        width: 76%;
        height: 8rem;
    }
    #credit-section2-bg .child-content p.right-text {
        right: 14%;
        top: 25%;
    }
    .shared-btn .trail_lleft h6 {
        width: 78%;
    }
    .parent-section .single-txt {
        margin-left: 3rem;
    }
    #section1 .trial_title hr {
        width: 79%;
    }
    #section3 .trial_title {
        padding-left: 6rem;
        padding-right: 6rem;
    }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
    .trial_title hr {
        margin-top: 0.5rem !important;
    }
    #credit-top-bg a.cartitle h5 {
        font-size: 29px; 
        line-height: 37px;
    }
    #credit-top-bg a.cartitle h5, #credit-top-bg .trail_subtitl p {
        text-align: left;
        padding: 0 30px;
        width: 100%;
    }
    #credit-top-bg .trail_subtitl p {
        margin: 35px auto 40px auto !important;
        line-height: 23px;
    }
    #credit-top-bg .trail_lleft h6 {
        width: 90%;
        margin: 0 auto;
        border: none;
    }
    .shared-btn .trail_lleft h6 {
        width: 95%;
        margin: 0;
    }
    .shared-section .trial_title {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 30px;
    }
    .parent-section:first-child .each-section {
        border-style: none;
        border-width: 0;
        border-color: transparent;
        padding-right: 0;
    }
    .each-section .btn-top h6 {
        font-size: 16px;
        margin-left: 5px;
    }
    .each-section ul {
        padding-left: 15px;
        padding-right: 15px;
    }
    .each-section ul li, .each-section ul span {
        font-size: 1.2rem;
    }
    .each-section ul li::before {
        font-size: 20px;
    }
    .sectionbgone-trailp:first-child .parent-section:first-child hr {
        margin: 15px 5px 0 5px;
    }
    .parent-section:not(:first-child) .each-section {
        padding-left: 0;
        padding-top: 30px;
    }
    .parent-section, .each-section {
        display: block;
    }
    .parent-section:not(:first-child) .btn-top h6 {
        margin-right: 5px;
        margin-left: 5px;
    }
    .parent-section:not(:first-child) ul {
        padding-left: 15px;
        margin-right: 0;
    }
    .parent-section .single-txt {
        margin-left: 1.8rem;
    }
    .sectionbgone-trailp:first-child .parent-section:not(:first-child) hr,
    .sectionbgone-trailp:not(:first-child) .parent-section:first-child hr {
        margin: 15px 5px 0 5px;
    }
    .sectionbgone-trailp:not(:first-child) .parent-section:not(:first-child) hr {
        display: none;
    }
    #credit-section4 .row.section2 {
        margin: 10px 20px 30px 20px;
        padding: 0;
    }
    #credit-section2-bg .trial_title hr {
        width: 34% !important;
    }
    #section3 .trial_title hr {
        width: 100% !important;
    }
    #credit-section2-bg .trial_title {
        margin-bottom: 25px;
    }
    #credit-section4 table { 
        width: 100% !important;
        overflow-x: scroll; 
    }
    #credit-section4 .row {
        padding: 0 5px;
    }
    #credit-section4 .row > div {
        overflow-x: auto;
        padding-left: 0;
        padding-right: 0;
    }
    #credit-section4 .row > div.trial_title {
        width: 93%;
    }
    #credit-section4 table > tbody > tr > td {
        padding: 20px 10px;
    }
    #credit-section4 table > tbody > tr > th:nth-child(1), #credit-section4 table > tbody > tr > td:nth-child(1) {
        min-width: 6rem;
    }
    #credit-section4 table > tbody > tr > th:not(:first-child), #credit-section4 table > tbody > tr > td:not(:first-child) {
        min-width: 23rem;
    }
    #credit-section4 table > tbody > tr > th > span {
        font-size: 1.2rem;
    }
    .desktop-view {
        display: none !important;
    }
    .mobile-view {
        display: flex !important;
    }
    .parent-section .single-txt p.mobile-view {
        display: block !important;
    }
    #credit-section2-bg {
        margin-top: 15px;
        padding-bottom: 35px
    }
    .shared-btn {
        padding: 35px 10px 120px 10px;
    }
    .section2 .trial_title p {
        padding: 5px 10px;
    }
    #credit-section4 table > tbody > tr > th, #credit-section4 table > tbody > tr > td {
        font-size: 1rem;
    }
    #credit-section4 table .mobile-view {
        display: revert !important;
    }
    #section1 .trial_title hr {
        width: 100% !important;
    }
    #single-button {
        padding-bottom: 45px;
    }
    #section3 .trial_title {
        padding: 15px 3.2rem 30px 3.2rem;
    }
    .section3-each-row .left-section, .section3-each-row .right-section {
        padding: 0 4px;
    }
    .section3-each-row .right-section p {
        margin: 10px 25px 0 25px;
    }
    .section3-each-row:last-of-type .right-section {
        margin: 15px 23px;
    }
    .section3-each-row:last-of-type, .section3-content {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 374px) {
    #credit-section2-bg .child-content img {
        width: 92%;
        height: 7rem;
    }
    #credit-section2-bg .child-content p {
        font-size: 14px;
    }
    #credit-section2-bg .child-content p.left-text {
        top: 6%;
        left: 6%;
        width: 10rem;
        word-break: break-all;
    }
    #credit-section2-bg .child-content p.right-text {
        right: 9%;
        top: 26%;
        width: 8rem;
    }
}
@media screen and (min-width: 375px) and (max-width: 392px) {
    #credit-section2-bg .child-content img {
        width: 90%;
        height: 8rem;
    }
    #credit-section2-bg .child-content p {
        font-size: 15px;
    }
    #credit-section2-bg .child-content p.left-text {
        top: 9%;
        left: 9%;
        width: 10.5rem;
        word-break: break-all;
    }
    #credit-section2-bg .child-content p.right-text {
        right: 9%;
        top: 20%;
        width: 9rem;
    }
    #credit-section2-bg .child-content p.left-text span.first-line {
        width: 10rem;
    }
}
@media screen and (min-width: 393px) and (max-width: 575px) {
    #credit-section2-bg .child-content img {
        width: 90%;
        height: 8rem;
        padding: 0;
    }
    #credit-section2-bg .child-content p {
        font-size: 15px;
    }
    .each-section .btn-top h6 {
        margin: 0 5px 10px 5px;
        height: 4.5rem;
        padding: 0 !important;
    }
}
@media screen and (min-width: 393px) and (max-width: 480px) {
    #credit-section2-bg .child-content p.left-text {
        top: 10%;
        left: 9%;
        width: 10.5rem;
        word-break: break-all;
    }
    #credit-section2-bg .child-content p.right-text {
        right: 11%;
        top: 20%;
        width: 9rem;
    }
    #credit-section2-bg .child-content p.left-text span.first-line {
        display: block;
        width: 10rem;
        margin: 0 auto;
    }
}
@media screen and (min-width: 480px) and (max-width: 575px) {
    #credit-section2-bg .child-content p.left-text {
        top: 18%;
        left: 8%;
        width: 14rem;
        word-break: break-all;
    }
    #credit-section2-bg .child-content p.right-text {
        right: 8%;
        top: 31%;
        width: 13rem;
    }
    #credit-section2-bg .child-content p.left-text span.first-line {
        display: block;
        width: 8rem;
        margin: 0 auto;
    }
}
@media screen and (min-width: 320px) and (max-width: 369px) {
    .each-section .btn-top h6 {
        margin: 0 5px 10px 5px;
        height: 8rem;
        padding: 0 10px !important;
    }
}
@media screen and (min-width: 369px) and (max-width: 378px) {
    .each-section .btn-top h6 {
        margin: 0 5px 10px 5px;
        height: 4.5rem;
        padding: 0 10px !important;
    }
}
@media (min-width: 992px) {
    .section3-each-row .left-section {
        flex: 1 0 25%;
        max-width: 28%;
    }
}