@charset "utf-8";
* {
    box-sizing: border-box;
}

/*----------------------------------------------------
	LP(TOP)
----------------------------------------------------*/
@media print, screen and (min-width: 769px) {
    /* メイン画像 */
    .mainVisual {
        width: 100%;
        height: 658px;
        background: url("../img/top/mainPc.jpg") no-repeat top center;
    }

    .mainVisual img.sp {
        display: none;
    }

    /* クイック診断・WEB申し込みボタングループ */
    .btn-panel {
        width: 920px;
        margin: 0 auto 30px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
    }

    .btn-panel ul {
        margin-bottom: 20px;
    }

    .btn-panel ul li {
        float: left;
        margin-left: 40px;
    }

    .btn-panel ul li:first-child {
        margin-left: 0;
    }

    /* 選ばれる理由 */
    .reason-section {
        background: url("../img/top/reason-section-separator.png"), url("../img/top/contents-bg01.jpg");
        background-repeat: repeat-x, repeat;
        padding: 60px 0 60px;
    }

    #reason .first-item {
        background: url("../img/top/contents-bg01.jpg");
        background-repeat: repeat;
    }

    #reason .last-item {
        padding: 60px 0 40px;
    }

    #reason h2.ttl {
        text-align: center;
        margin-bottom: 20px;
    }

    #reason h3.subttl {
        text-align: center;
        margin-bottom: 40px;
    }

    #reason .container {
        width: 1040px;
        margin: 0 auto;
    }

    .reason-box {
        background: #fff;
        padding: 30px;
        font-size: 22px;
        font-weight: bold;
        color: #555;
    }

    #reason .textBox {
        border: #ddd solid 2px;
        padding: 15px 20px;
        margin-bottom: 20px;
        font-size: 19px;
    }

    .reason-section-listBox {
        width: 980px;
        margin: 20px auto 40px;
    }

    .reason-section-listBox li {
        width: 310px;
        float: left;
        border: #f5f5f5 solid 12px;
        margin-left: 24px;
        padding: 30px 13px;
        font-size: 18px;
    }

    .reason-section-listBox li.item2 {
        padding: 0 13px;
    }

    .reason-section-listBox li:first-child {
        margin-left: 0;
    }

    .reason-section-listBox li h4 {
        font-size: 26px;
        color: #004392;
        text-align: center;
        line-height: 1.2;
        margin-bottom: 30px;
    }

    .reason-section-listBox li h4 span {
        font-size: 16px;
    }

    .reason-section-listBox li img {
        border: #f6f6f6 solid 2px;
        width: 100%;
        margin-bottom: 10px;
    }

    #reason .subttl-02 {
        text-align: center;
        color: #004392;
        font-size: 26px;
    }

    #reason .subttl-02 span {
        font-size: 16px;
    }

    /* 声 */
    #voice {
        background: #dae8fe;
        background-image: url("../img/top/reason-section-separator.png");
        background-repeat: repeat-x;
    }

    #voice .container {
        width: 1040px;
        margin: 0 auto;
        padding: 60px 0;
    }

    #voice .container h2 {
        text-align: center;
        margin-bottom: 20px;
    }

    #voice dl {
        background: #fff;
        padding: 20px 40px;
    }

    #voice dl dt {
        width: 110px;
        float: left;
        clear: left;
        padding: 10px 0;
    }

    #voice dl dd {
        border-bottom: #666 dashed 1px;
        min-height: 130px;
        padding: 10px 0 10px 110px;
    }

    #voice dl dd h4 {
        background: #999999;
        color: #fff;
        font-size: 18px;
        padding: 0 10px;
        margin-bottom: 10px;
        font-weight: normal;
    }

    /* 流れ */
    #flow {
        background: #dae8fe;
    }

    #flow .container {
        width: 1040px;
        margin: 0 auto;
        padding: 60px 0 20px;
    }

    #flow .container h2 {
        text-align: center;
        margin-bottom: 20px;
    }

    .flow-box {
        background: #fff;
        padding: 30px;
        font-size: 18px;
        font-weight: bold;
        color: #555;
        margin-bottom: 40px;
    }

    .flow-list {
        margin-bottom: 30px;
    }

    .flow-list li {
        width: 178px;
        float: left;
        margin-left: 20px;
        border: #3680e3 solid 10px;
        padding: 5px;
        text-align: center;
    }

    .flow-list li:first-child {
        margin-left: 0;
    }

    .flow-list li h3 {
        background: #003471;
        color: #fff;
        font-size: 22px;
        line-height: 1.3;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        margin-bottom: 10px;
    }

    .flow-list li h3 span {
        font-size: 28px;
        margin-left: 5px;
    }

    .flow-list li img {
        margin-bottom: 10px;
    }

    .flow-list li h4 {
        color: #003471;
        font-weight: normal;
        margin-bottom: 10px;
        line-height: 1.2;
    }

    .flow-list li p {
        font-size: 13px;
        font-weight: normal;
        text-align: left;

    }

    /* FAQ */
    #faq {
        background: #fff;
    }

    #faq .container {
        width: 1040px;
        margin: 0 auto;
        padding: 60px 0 20px;
    }

    #faq .container h2 {
        text-align: center;
        margin-bottom: 20px;
    }

    #faq dl {
        background: #edfdf6;
        margin-bottom: 30px;
        padding: 20px 20px 10px;
    }

    #faq dl dt h3 {
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    #faq dl dt h3 span {
        display: inline-block;
        background: #7ba893;
        color: #fff;
        font-size: 28px;
        font-weight: normal;
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        margin-right: 30px;
    }

    #faq dl dd {
        background: #fff;
        margin: 0 20px;
        padding: 20px;
    }

    #faq dl dd h4 {
        color: #7f1e22;
        font-size: 22px;
        margin-bottom: 20px;
    }

    #faq dl dd h4 span {
        display: inline-block;
        background: #d77774;
        color: #fff;
        font-size: 28px;
        font-weight: normal;
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        margin-right: 30px;
    }

    #faq dl dd p {
        margin: 0 0 0 90px;
        font-weight: bold;
    }

    /* 商品概要説明書 table */
    .loan_info h3 {
        text-align: center;
        margin-bottom: 0.25em;
        font-size: x-large;
    }
    .loan_info table {
        margin: 0 auto 1em;
    }
    .loan_info td {
        border: 1px solid #000;
        padding: 0.25em 0.5em;
        background: rgba(255, 255, 255, 0.75);
    }
    .loan_info td span{
        white-space: nowrap;
    }
    .loan_info td:nth-child(1) {
        border-right: none !important;
        text-align: right;
        width: 2em;
        padding-right: 0;
    }
    .loan_info td:nth-child(2) {
        border-left: none !important;
        max-width: 10em;
        min-width: 5em;
        padding-left: 0;
    }
    .loan_info td:nth-child(3) {
        background:#fff; 
    }
    .loan_info td ul {
        list-style: "・ ";
        list-style-position: inside;
    }

    /* 商品概要説明書 */
    .description-box {
        background: #dae8fe;
    }

    .description-box .container {
        width: 1040px;
        margin: 0 auto;
        padding: 60px 0 60px;
    }

    .description-box .container p.btn {
        text-align: center;
    }

    .description-box .container p.btn a {
        opacity: 0.8;
    }

    .description-box .container p.btn a:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 768px) {
    /* メイン画像 */
    .mainVisual {
        width: 100%;
        background: none;
    }

    .mainVisual img.sp {
        width: 100%;
    }

    /* クイック診断・WEB申し込みボタングループ */
    .btn-panel {
        margin: 0 10px 20px;
        text-align: center;
    }

    .btn-panel ul {
        margin-bottom: 10px;
    }

    .btn-panel ul li {
        margin-bottom: 10px;
    }

    /* 選ばれる理由 */
    .reason-section {
        background: url("../img/top/reason-section-separator.png"), url("../img/top/contents-bg01.jpg");
        background-repeat: repeat-x, repeat;
        padding: 40px 0 40px;
    }

    #reason .first-item {
        background: url("../img/top/contents-bg01.jpg");
        background-repeat: repeat;
    }

    #reason .last-item {
        padding: 40px 0 20px;
    }

    #reason h2.ttl {
        text-align: center;
        margin-bottom: 20px;
    }

    #reason h3.subttl {
        text-align: center;
        margin-bottom: 20px;
    }

    #reason .container {
        margin: 0 10px;
    }

    .reason-box {
        background: #fff;
        padding: 20px;
        font-weight: bold;
        color: #555;
    }

    #reason .textBox {
        border: #ddd solid 2px;
        padding: 15px;
        margin-bottom: 20px;
    }

    .reason-section-listBox {
        width: 100%;
        max-width: 310px;
        margin: 0 auto 20px;
    }

    .reason-section-listBox li {
        width: 100%;
        max-width: 310px;
        border: #f5f5f5 solid 12px;
        padding: 30px 13px;
        margin-bottom: 20px;
    }

    .reason-section-listBox li.item2 {
        padding: 0 13px;
    }

    .reason-section-listBox li h4 {
        font-size: 26px;
        color: #004392;
        text-align: center;
        line-height: 1.2;
        margin-bottom: 30px;
    }

    .reason-section-listBox li h4 span {
        font-size: 16px;
    }

    .reason-section-listBox li img {
        border: #f6f6f6 solid 2px;
        width: 100%;
        margin-bottom: 10px;
    }

    #reason .subttl-02 {
        text-align: center;
        color: #004392;
        font-size: 19px;
        margin-bottom: 10px;
    }

    #reason .subttl-02 span {
        font-size: 13px;
    }

    /* 声 */
    #voice {
        background: #dae8fe;
        background-image: url("../img/top/reason-section-separator.png");
        background-repeat: repeat-x;
    }

    #voice .container {
        margin: 0 10px;
        padding: 40px 0;
    }

    #voice .container h2 {
        text-align: center;
        margin-bottom: 20px;
    }

    #voice dl {
        background: #fff;
        padding: 20px;
    }

    #voice dl dt {
        width: 80px;
        float: left;
        clear: left;
        padding: 10px 0;
    }

    #voice dl dd {
        border-bottom: #666 dashed 1px;
        padding: 10px 0 10px 80px;
    }

    #voice dl dd h4 {
        background: #999999;
        color: #fff;
        padding: 0 10px;
        margin-bottom: 10px;
        font-weight: normal;
    }

    /* 流れ */
    #flow {
        background: #dae8fe;
    }

    #flow .container {
        margin: 0 10px;
        padding: 0 0 20px;
    }

    #flow .container h2 {
        text-align: center;
        margin-bottom: 20px;
    }

    .flow-box {
        background: #fff;
        padding: 10px;
        font-weight: bold;
        color: #555;
        margin-bottom: 40px;
    }

    .flow-list {
        margin-bottom: 30px;
        text-align: center;
    }

    .flow-list li {
        float: left;
        margin-left: 10px;
        margin-bottom: 10px;
        width: calc(100% / 2 - 5px);
        border: #3680e3 solid 5px;
        padding: 5px;
        text-align: center;
    }

    .flow-list li:nth-child(2n+1) {
        margin-left: 0;
    }

    .flow-list li h3 {
        background: #003471;
        color: #fff;
        font-size: 22px;
        line-height: 1.3;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        margin-bottom: 10px;
    }

    .flow-list li h3 span {
        font-size: 28px;
        margin-left: 5px;
    }

    .flow-list li img {
        margin-bottom: 10px;
    }

    .flow-list li h4 {
        color: #003471;
        font-weight: normal;
        margin-bottom: 10px;
        line-height: 1.2;
    }

    .flow-list li p {
        font-size: 13px;
        font-weight: normal;
        text-align: left;

    }

    /* FAQ */
    #faq {
        background: #fff;
    }

    #faq .container {
        margin: 0 10px;
        padding: 40px 0 0;
    }

    #faq .container h2 {
        text-align: center;
        margin-bottom: 20px;
    }

    #faq dl {
        background: #edfdf6;
        margin-bottom: 30px;
        padding: 10px 10px 10px;
    }

    #faq dl dt h3 {
        font-weight: bold;
        margin-bottom: 20px;
        position: relative;
        padding-left: 50px;
    }


    #faq dl dt h3 span {
        display: block;
        background: #7ba893;
        color: #fff;
        font-size: 19px;
        font-weight: normal;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        position: absolute;
        top: 0;
        left: 0;
    }

    #faq dl dd {
        background: #fff;
        padding: 10px;
    }

    #faq dl dd h4 {
        color: #7f1e22;
        margin-bottom: 20px;
        position: relative;
        padding-left: 50px;
    }

    #faq dl dd h4 span {
        display: block;
        background: #d77774;
        color: #fff;
        font-size: 19px;
        font-weight: normal;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        position: absolute;
        top: 0;
        left: 0;
    }

    #faq dl dd p {
        margin: 0 0 0 50px;
    }
    
    /* 商品概要説明書 table */
    .loan_info h3 {
        text-align: center;
        margin-bottom: 0.25em;
        font-size: x-large;
    }
    .loan_info table {
        margin: 0 auto 1em;
    }
    .loan_info td {
        border: 1px solid #000;
        padding: 0.25em 0.5em;
        background: rgba(255, 255, 255, 0.75);
    }
    .loan_info td span{
        white-space: nowrap;
    }
    .loan_info td:nth-child(1) {
        border-right: none !important;
        text-align: right;
        width: 2em;
        padding-right: 0;
    }
    .loan_info td:nth-child(2) {
        border-left: none !important;
        max-width: 10em;
        min-width: 5em;
        padding-left: 0;
    }
    .loan_info td:nth-child(3) {
        background:#fff; 
    }
    .loan_info td ul {
        list-style: "・ ";
        list-style-position: inside;
    }

    /* 商品概要説明書 */
    .description-box {
        background: #dae8fe;
    }

    .description-box .container {
        margin: 0 10px;
        padding: 40px 0 40px;
    }

    .description-box .container p.btn {
        text-align: center;
    }
}


    /* 清水銀行アプリ　リンクバナー */
	
	.globalHeader .appliLink { float:right; margin:-15px 20px -10px 20px;}

	@media only screen and (max-width: 769px) {
	.globalHeader .appliLink { display:none;}
	}

	.appliLink { margin-bottom:50px; text-align:center; font-size:15px; font-weight:normal;}
	.appliLink p { margin:25px auto 15px auto; padding:0 20px 10px 20px;}
	.fontLred { font-size:22px; color:#F00; font-weight:bold;}
	.fontLblue { font-size:22px; color:#0C397F; font-weight:bold;}

	@media screen and (max-width: 769px) {
	.appliLink { margin-bottom:20px; font-size:14px;}
	.appliLink p { padding:0 10px 10px 10px;}
	.fontLred,
	.fontLblue { font-size:20px;}
	.appliLink span { white-space:nowrap;}
	.appliLink img { width:calc(100% - 20px); margin:0 10px;}
	}





/*----------------------------------------------------
	クイック診断
----------------------------------------------------*/

@media print, screen and (min-width: 769px) {
    .form-wrapper {
        background: #f5f5f5;
        padding: 30px;
        color: #555;
        margin-bottom: 60px;
    }

    .form-wrapper h2 {
        font-size: 26px;
        color: #004392;
        border-bottom: #004392 solid 2px;
        margin-bottom: 20px;
    }

    .form-wrapper table {
        width: 100%;
        margin-bottom: 60px;
    }

    .form-wrapper table th {
        width: 300px;
        text-align: left;
        vertical-align: top;
        position: relative;
        padding: 10px;
        font-size: 22px;
    }

    .form-wrapper table th span {
        background: #d0372c;
        color: #fff;
        font-size: 18px;
        display: inline-block;
        font-weight: normal;
        padding: 1px 10px;
        position: absolute;
        right: 0;
    }

    .form-wrapper table td {
        padding: 10px;
        vertical-align: top;
    }

    .form-wrapper table td div {
        float: left;
        width: 260px;
    }

    .form-wrapper select {
        font-size: 22px;
        padding: 3px;
        width: 100%;
    }

    .form-wrapper p.text {
        font-size: 16px;
        float: right;
        width: 360px;
    }

    .form-wrapper p.error-message {
        clear: both;
        color: #f30;
        font-size: 16px;
    }

    #form-submit {
        text-align: center;
        margin-bottom: 20px;
    }

    #form-submit input {
        width: 420px;
        height: 70px;
        background: #3680e3;
        border: #0069e0 solid 1px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #fff;
        font-size: 28px;
    }

    .contact-box {
        width: 900px;
        margin: 0 auto;
        border: #cccccc solid 1px;
        padding: 30px;
    }

    .contact-box-left {
        width: 400px;
        float: left;
    }

    .contact-box-right {
        width: 420px;
        float: right;
    }

    .contact-box-right h3 {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .contact-box-right img.pic {
        float: left;
        margin-right: 20px;
    }

    .contact-box-tel {
        width: 310px;
        float: right;
    }

    .contact-box-right h4 {
        color: #3680e3;
        font-size: 18px;
        border-bottom: #3680e3 solid 2px;
        line-height: 1;
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

    .contact-box-right p.time {
        margin-left: 60px;
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .form-wrapper {
        background: #f5f5f5;
        padding: 30px;
        margin: 0 0 30px;
    }

    .form-wrapper h2 {
        font-size: 19px;
        color: #004392;
        border-bottom: #004392 solid 2px;
        margin-bottom: 10px;
    }

    .form-wrapper table {
        width: 100%;
        margin-bottom: 60px;
    }

    .form-wrapper table th {
        width: auto;
        display: block;
        text-align: left;
        padding: 10px;
        font-size: 22px;
    }

    .form-wrapper table th span {
        background: #d0372c;
        color: #fff;
        display: inline-block;
        font-weight: normal;
        padding: 0 10px;
        margin-left: 20px;
    }

    .form-wrapper table td {
        padding: 10px;
        vertical-align: top;
        width: auto;
        display: block;
    }

    .form-wrapper table td div {
    }

    .form-wrapper select {
        font-size: 22px;
        padding: 3px;
        width: 100%;
        margin-bottom: 10px;
    }

    .form-wrapper p.text {
        font-size: 16px;
    }

    .form-wrapper p.error-message {
        clear: both;
        color: #f30;
        font-size: 22px;
    }

    #form-submit {
        text-align: center;
        margin-bottom: 20px;
    }

    #form-submit input {
        width: 100%;
        height: 60px;
        background: #3680e3;
        border: #0069e0 solid 1px;
        border-radius: 4px;
        color: #fff;
        font-size: 26px;
        -webkit-appearance: none;
    }

    .contact-box {
        border: #cccccc solid 1px;
        padding: 10px;
    }

    .contact-box-left {
        margin-bottom: 20px;
    }

    .contact-box-left img {
        width: 100%;
        height: auto;
    }

    .contact-box-right {
    }

    .contact-box-right h3 {
        font-size: 17px;
        margin-bottom: 10px;
        text-align: center;
    }

    .contact-box-right img.pic {
        float: left;
        margin-right: 20px;
    }

    .contact-box-tel {
        width: calc(100% - 110px);
        float: right;
    }

    .contact-box-right h4 {
        color: #3680e3;
        font-size: 14px;
        border-bottom: #3680e3 solid 2px;
        margin-bottom: 10px;
    }

    .contact-box-right p.time {
        font-size: 13px;
    }
}

/*----------------------------------------------------
	申込みページ
----------------------------------------------------*/

@media print, screen and (min-width: 769px) {
    .apply-pdf-link {
        width: 595px;
        margin: 0 auto;
    }

    .apply-pdf-link li {
        width: 290px;
        float: left;
        margin-left: 15px;
        margin-bottom: 15px;
    }

    .apply-pdf-link li:nth-child(2n+1) {
        margin-left: 0;
    }

    .apply-pdf-link li a {
        display: block;
        opacity: 0.8;
    }

    .apply-pdf-link li a:hover {
        opacity: 1;
    }

    .apply-submit {
        width: 650px;
        text-align: center;
        margin: 0 auto 40px
    }

    .apply-submit li {
        width: 320px;
        float: left;
    }

    .apply-submit li:first-child {
        margin-right: 10px;
    }

    .apply-checkbox {
        background: #f5f5f5;
        padding: 20px 20px 10px;
        width: 950px;
        margin: 0 auto 40px;
        font-weight: normal;
    }

    .apply-checkbox-item {
        margin-bottom: 10px;
    }

    .apply-checkbox input {
        margin-right: 10px;
    }

    #apply-checkbox-error {
        text-align: center;
        color: #f00;
        margin-top: 10px;
        font-weight: bold;
        font-size: 22px;
        display: none;
    }
    #apply-btn{
        display: block;
        position: relative;
        z-index: 90;
    }
    #apply-btn .cover{
        position: absolute;
        width: 100%;
        height:100%;
        z-index: 100;
    }
    #apply-btn input[type="button"] {
        opacity: 0.5;
        width: 320px;
        height: 70px;
        border: none;
        background: url("../img/apply/apply-submit-01.png");
    }
}

@media screen and (max-width: 768px) {
    .apply-pdf-link {
        width: 280px;
        margin: 0 auto;
    }

    .apply-pdf-link li {
        width: 280px;
        margin-bottom: 10px;
    }

    .apply-pdf-link li a {
        display: block;
    }

    .apply-submit {
        margin: 0 10px 40px;
    }

    .apply-submit li {
        width: 280px;
        margin: 0 auto 20px;
    }
    .apply-submit li:last-child {
        margin: 0 auto 0;
    }
    .apply-checkbox {
        background: #f5f5f5;
        padding: 10px;
        margin: 0 auto 40px;
        font-weight: normal;
    }

    .apply-checkbox-item {
        margin-bottom: 20px;
        position: relative;
    }
    .apply-checkbox-item:nth-child(2) {
        margin-bottom: 0;
    }
    .apply-checkbox input[type="checkbox"] {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 0;
        left: 0;
    }
    .apply-checkbox-item label{
        display: inline-block;
        padding-left: 35px;
    }
    #apply-checkbox-error {
        text-align: center;
        color: #f00;
        margin-top: 10px;
        font-weight: bold;
        display: none;
    }
    #apply-btn{
        display: block;
        position: relative;
        z-index: 90;
    }
    #apply-btn .cover{
        position: absolute;
        width: 100%;
        height:100%;
        z-index: 100;
    }
    #apply-btn input[type="button"]  {
        opacity: 0.5;
        width: 280px;
        height: 63px;
        border: none;
        background: url("../img/apply/apply-submit-01.png") no-repeat;
        background-size:contain;
    }
}

/*----------------------------------------------------
	OKページ
----------------------------------------------------*/

@media print, screen and (min-width: 769px) {
    .ok-wrapper {
        width: 900px;
        margin: 0 auto;
        background: url("../img/apply/ok-bg.png") no-repeat;
        padding-left: 200px;
    }

    .ok-wrapper h3.ttl {
        color: #ff8e52;
        font-size: 26px;
    }

    .ok-wrapper .text01 {
        font-size: 19px;
        color: #666;
        border-bottom: #ccc solid 1px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .ok-wrapper .text01 span {
        font-size: 22px;
    }
    .ok-wrapper ul{
        margin-bottom: 40px;
    }
    .ok-wrapper ul li {
        padding-left: 20px;
        position: relative;
    }

    .ok-wrapper ul li:before {
        content: "※";
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media screen and (max-width: 768px) {
    .ok-wrapper {
        margin: 0 auto;
        background: url("../img/apply/ok-bg.png") no-repeat top center;
        padding-top: 180px;
    }

    .ok-wrapper h3.ttl {
        color: #ff8e52;
        font-size: 19px;
        text-align: center;
    }

    .ok-wrapper .text01 {
        color: #666;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .ok-wrapper .text01 span {
        font-size: 19px;
    }
    .ok-wrapper ul{
        margin-top: 20px;
    }
    .ok-wrapper ul li {
        padding-left: 20px;
        position: relative;
    }

    .ok-wrapper ul li:before {
        content: "※";
        position: absolute;
        top: 0;
        left: 0;
    }
}

/*----------------------------------------------------
	RETRYページ
----------------------------------------------------*/

@media print, screen and (min-width: 769px) {
    .retry-wrapper {
        width: 900px;
        margin: 0 auto;
    }

    .retry-box {
        border: #ff8e52 solid 5px;
        padding: 20px;
        margin-bottom: 40px;
    }

    .retry-btn{
        text-align: center;
        margin-bottom: 30px;
    }

    .retry-wrapper h3 {
        color: #ff8e52;
        font-size: 26px;
        margin-bottom: 10px;
        position: relative;
        display: inline-block;
    }

    .retry-wrapper h3 span {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 12px;
        font-weight: normal;
    }

    .retry-wrapper .text01 {
        font-size: 19px;
        color: #666;
    }

    .retry-wrapper .text01 span {
        font-size: 22px;
    }
    .retry-wrapper ul{
        margin-bottom: 40px;
    }
    .retry-wrapper ul li {
        padding-left: 20px;
        position: relative;
    }

    .retry-wrapper ul li:before {
        content: "※";
        position: absolute;
        top: 0;
        left: 0;
    }
    .retry-info {
        width: 900px;
        margin: 0 auto;
        padding-top: 20px;
    }
    .retry-info p {
        font-size: 19px;
        color: #666;
        font-weight: bold;
    }
}

@media screen and (max-width: 768px) {
    .retry-wrapper {
        margin: 0 auto;
    }

    .retry-box {
        border: #ff8e52 solid 5px;
        padding: 10px;
        margin-bottom: 20px;
    }

    .retry-btn{
        text-align: center;
        margin-bottom: 20px;
    }
    .retry-wrapper h3.ttl {
        color: #ff8e52;
        font-size: 19px;
        margin-bottom: 10px;
        position: relative;
        display: inline-block;
    }

    .retry-wrapper h3 span {
        font-size: 12px;
        font-weight: normal;
    }

    .retry-wrapper .text01 {
        color: #666;
    }

    .retry-wrapper .text01 span {
        font-size: 19px;
    }
    .retry-wrapper ul{
        margin-top: 20px;
    }
    .retry-wrapper ul li {
        padding-left: 20px;
        position: relative;
    }

    .retry-wrapper ul li:before {
        content: "※";
        position: absolute;
        top: 0;
        left: 0;
    }
    .retry-info {
        padding-top: 20px;
    }
    .retry-info p {
        font-size: 19px;
        color: #666;
    }
}