@charset "UTF-8";
.bighead + p {
margin-top: 25px;
}
@media only screen and (max-width:767px) {
.bighead + p {
margin-top: 15px;
}
}

/* ---------------------------------------------------------
$ THEO＋朝日信用金庫紹介
----------------------------------------------------------*/
.theo .theo_btn {
padding: 0;
margin: 50px auto 0;
text-align: center;
position: relative;
max-width: 680px;
position: relative;
}
@media only screen and (max-width:767px) {
.theo .theo_btn {
padding: 0;
margin: 8% auto 0;
}
}
.theo .theo_btn a {
background: #2b5de1;
border-radius: 10px;
-webkit-box-shadow: 0 4px 10px 1px rgba(130, 178, 216, 0.4);
        box-shadow: 0 4px 10px 1px rgba(130, 178, 216, 0.4);
color: #fff;
display: block;
font-weight: 500;
height: 100%;
line-height: 1;
overflow: hidden;
text-decoration: none;
padding: 20px 0 40px;
position: relative;
width: 100%;
}
@media only screen and (max-width:767px) {
.theo .theo_btn a {
-webkit-box-shadow: 0 2px 10px 1px rgba(130, 178, 216, 0.4);
        box-shadow: 0 2px 10px 1px rgba(130, 178, 216, 0.4);
}
}
.theo .theo_btn a:after {
border-radius: 10px;
-webkit-box-shadow: 0 8px #122ea7;
        box-shadow: 0 8px #122ea7;
content: "";
display: block;
height: 20px;
width: 100%;
position: absolute;
bottom: 8px;
}
.theo .theo_btn a:hover {
-webkit-box-shadow: none;
        box-shadow: none;
-webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
        transform: translateY(3px);
padding: 40px 0 20px;
}
.theo .theo_btn a:hover:after {
content: none;
}
.theo .theo_btn:after {
content: "";
width: 10px;
height: 10px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
        transform: rotate(135deg);
position: absolute;
bottom: 70px;
right: calc(50% - 5px);
}
.theo .theo_btn a {
font-size: 2rem;
}
@media only screen and (max-width:767px) {
.theo .theo_btn a {
font-size: 1.125rem;
}
}
.theo .theo_btn a:hover {
padding: 20px 0 40px;
}
.theo .theo_btn:after {
bottom: 20px;
}
.theo .theo_btn:hover:after {
bottom: 17px;
}
.theo .theo_bnr {
width: 610px;
margin: 50px auto 0;
}
@media only screen and (max-width:767px) {
.theo .theo_bnr {
width: 100%;
margin: 8% auto 0;
}
}
.theo .textbox p + p {
margin-top: 25px;
}
@media only screen and (max-width:767px) {
.theo .textbox p + p {
margin-top: 10px;
}
}
.theo .caution-text {
text-indent: -1em;
padding-left: 1em;
}
.theo .imgbox img {
text-align: center;
}
.theo .mv_area {
margin: 26px auto 0;
background: #fff;
}
@media only screen and (max-width:767px) {
.theo .mv_area {
margin: 0 auto 0;
}
}
.theo .mv_area .mv {
background: url(/assets/img/toushin/theo/mv_pc.jpg) top center no-repeat;
background-size: cover;
}
.theo .mv_area .mv .mv_img {
width: 100%;
}
@media only screen and (max-width:767px) {
.theo .mv_area .mv {
background: url(/assets/img/toushin/theo/mv_sp.jpg) top center no-repeat;
background-size: cover;
}
}
.theo .mv_area p.theo_top {
font-size: 1.25rem;
text-align: center;
margin-top: 40px;
}
@media only screen and (max-width:767px) {
.theo .mv_area p.theo_top {
font-size: 0.94rem;
margin-top: 20px;
}
}
.theo .mv_area .cost_list p.cost_top {
color: #2b5de1;
font-size: 1.875rem;
font-weight: bold;
text-align: center;
margin-top: 30px;
}
@media only screen and (max-width:767px) {
.theo .mv_area .cost_list p.cost_top {
font-size: 1.07rem;
margin-top: 20px;
}
}
.theo .mv_area .cost_list ul {
margin: 20px 0 0;
}
.theo .mv_area .cost_list ul li {
min-height: 195px;
border-radius: 10px;
border: 1px dashed #2b5de1;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
font-size: 0.94rem;
float: left;
margin-right: 1.8%;
text-align: center;
padding: 24px 0 30px;
width: 23.65%;
}
@media only screen and (max-width:1024px) {
.theo .mv_area .cost_list ul li {
height: 200px;
padding: 24px 0 20px;
}
}
@media only screen and (max-width:767px) {
.theo .mv_area .cost_list ul li {
display: table;
float: none;
font-size: 0.8125rem;
height: auto;
margin-top: 10px;
padding: 0.7rem 0.2rem;
width: 100%;
min-height: auto;
}
.theo .mv_area .cost_list ul li:after {
content: " ";
display: block;
clear: both;
}
}
.theo .mv_area .cost_list ul li:last-child {
margin-right: 0;
}
.theo .mv_area .cost_list ul li img {
height: auto;
text-align: center;
vertical-align: middle;
max-width: 253px;
width: 100%;
}
@media only screen and (max-width:767px) {
.theo .mv_area .cost_list ul li img {
display: table-cell;
padding: 0.5rem 0;
width: 100%;
}
}
.theo .mv_area .cost_list ul li p {
padding-top: 15px;
vertical-align: middle;
text-align: center;
}
@media only screen and (max-width:767px) {
.theo .mv_area .cost_list ul li p {
display: table-cell;
padding-top: 0;
padding-left: 2%;
text-align: left;
width: 70%;
}
}
.theo .mv_area .cost_list ul .different_item {
padding: 44px 0 16px;
}
@media only screen and (max-width:767px) {
.theo .mv_area .cost_list ul .different_item {
padding: 0.7rem 0.2rem;
}
.theo .mv_area .cost_list ul .different_item:after {
content: " ";
display: block;
clear: both;
}
.theo .mv_area .cost_list ul .different_item img {
width: 190px;
}
}
.theo .mv_area .caution_list {
margin: 25px 0 0;
text-indent: -2em;
padding-left: 2em;
}
@media only screen and (max-width:767px) {
.theo .mv_area .caution_list {
font-size: 0.75rem;
}
}
.theo .detail_area {
background: #fff;
padding: 80px 0 100px;
}
@media only screen and (max-width:767px) {
.theo .detail_area {
padding: 15% 0 15%;
}
}
.theo .detail_area h3 {
margin-top: 50px;
}
@media only screen and (max-width:767px) {
.theo .detail_area h3 {
margin-top: 30px;
}
}
@media only screen and (max-width:767px) {
.theo .detail_area h3.underh2 {
margin-top: 20px;
}
}
.theo .detail_area h3.undertbox {
margin-top: 90px;
}
@media only screen and (max-width:767px) {
.theo .detail_area h3.undertbox {
margin-top: 40px;
}
}
.theo .detail_area .imgbox img {
text-align: center;
}
.theo .detail_area .theo01_box {
margin-top: 10px;
}
.theo .detail_area .theo01_box .textbox {
float: left;
max-width: 510px;
width: 48%;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo01_box .textbox {
float: none;
width: 100%;
}
}
.theo .detail_area .theo01_box .imgbox {
float: right;
max-width: 510px;
margin-top: 40px;
width: 48%;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo01_box .imgbox {
float: none;
width: 100%;
margin-top: 20px;
}
}
.theo .detail_area .theo02_box {
margin-top: 20px;
}
.theo .detail_area .theo02_box .imgbox {
margin: 40px auto 0;
max-width: 832px;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo02_box .imgbox {
margin: 20px auto 0;
}
}
.theo .detail_area .theo02_box .imgbox p {
font-size: 0.94rem;
text-align: right;
margin-top: 20px;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo02_box .imgbox p {
font-size: 0.75rem;
}
}
.theo .detail_area .theo03_box {
margin-top: 80px;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo03_box {
margin-top: 40px;
}
}
.theo .detail_area .theo03_box .textbox {
float: right;
max-width: 693px;
width: 64%;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo03_box .textbox {
float: none;
width: 100%;
}
}
.theo .detail_area .theo03_box .textbox h3 {
margin-top: 0;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo03_box .textbox h3 {
margin-top: 40px;
}
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo03_box .textbox p {
margin-top: 15px;
}
}
.theo .detail_area .theo03_box .imgbox {
float: left;
margin-left: -2%;
max-width: 510px;
width: 37%;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo03_box .imgbox {
float: none;
width: 100%;
margin: 20px 0 0 0;
}
}
.theo .detail_area .theo04_box {
background: #e5f1fc;
margin-top: 70px;
padding: 50px 0;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo04_box {
margin-top: 30px;
padding: 30px 0;
}
}
.theo .detail_area .theo04_box h3 {
margin-top: 0;
}
.theo .detail_area .theo04_box .textbox {
margin-top: 15px;
float: left;
max-width: 510px;
width: 48%;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo04_box .textbox {
float: none;
width: 100%;
}
}
.theo .detail_area .theo04_box .imgbox {
margin-top: 80px;
float: right;
max-width: 510px;
width: 48%;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo04_box .imgbox {
float: none;
width: 100%;
margin-top: 20px;
}
}
.theo .detail_area .theo04_box .imgbox img {
vertical-align: middle;
max-width: 455px;
}
.theo .detail_area .theo05_box {
margin-top: 90px;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo05_box {
margin-top: 40px;
}
}
.theo .detail_area .theo05_box h3:nth-of-type(2) {
margin-top: 80px;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo05_box h3:nth-of-type(2) {
margin-top: 30px;
}
}
.theo .detail_area .theo05_box .textbox {
margin-top: 20px;
}
.theo .detail_area .theo05_box .img_pinchbox {
border: 2px solid #e5f1fc;
margin-top: 30px;
padding: 30px 45px;
text-align: center;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo05_box .img_pinchbox {
padding: 20px 0.7rem;
}
}
.theo .detail_area .theo05_box .img_pinchbox p {
font-size: 1.625rem;
font-weight: bold;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo05_box .img_pinchbox p {
font-size: 0.8125rem;
}
}
.theo .detail_area .theo05_box .img_pinchbox img {
margin-top: 30px;
max-width: 699px;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo05_box .img_pinchbox img {
margin-top: 20px;
}
}
.theo .detail_area .theo05_box .img_pinchbox ul {
max-width: 990px;
margin: 0 auto;
padding: 30px 0 0;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo05_box .img_pinchbox ul {
padding: 0 0 0;
}
}
.theo .detail_area .theo05_box .img_pinchbox ul li {
font-size: 0.94rem;
padding-left: 1em;
text-indent: -1.4em;
text-align: left;
}
@media only screen and (max-width:767px) {
.theo .detail_area .theo05_box .img_pinchbox ul li {
font-size: 0.75rem;
line-height: 1.5;
}
}
.theo .detail_area .theo05_box .img_pinchbox ul li + li {
margin: 0 0 5px;
}
.theo .detail_area .theo05_box .img_pinchbox ul .number-item {
padding-left: 1em;
text-indent: -1.8em;
}
.theo .fee_area {
background: #fff;
}
.theo .fee_area h3 {
margin: 50px 0 25px;
}
.theo .fee_area .theo_mv {
margin: 50px 0;
}
.theo .fee_area .conte_box h4 {
font-size: 20px;
font-weight: bold;
margin: 0 0 25px;
}
@media only screen and (max-width:767px) {
.theo .fee_area .conte_box h4 {
font-size: 18px;
}
}
.theo .fee_area .conte_box .textbox dl + dl {
margin: 25px 0 0;
}
.theo .fee_area .conte_color {
background: #f8f8f8;
padding: 50px 0;
margin: 50px 0 0;
}
.theo .fee_area .conte_color h4 {
font-size: 24px;
font-weight: bold;
margin: 0 0 25px;
}
.theo .fee_area .conte_color .conte_left {
float: left;
max-width: 710px;
width: 68%;
}
.theo .fee_area .conte_color .conte_left p img {
-webkit-box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width:767px) {
.theo .fee_area .conte_color .conte_left p img {
-webkit-box-shadow: none;
        box-shadow: none;
}
}
@media only screen and (max-width:767px) {
.theo .fee_area .conte_color .conte_left {
float: none;
width: 100%;
}
}
.theo .fee_area .conte_color .conte_left ul {
margin: 15px 0 0;
}
.theo .fee_area .conte_color .conte_right {
float: right;
max-width: 310px;
width: 28%;
}
@media only screen and (max-width:767px) {
.theo .fee_area .conte_color .conte_right {
float: none;
width: 100%;
margin-top: 20px;
}
}
.theo .fee_area .conte_color .conte_right ul {
background: #fff;
padding: 25px;
-webkit-box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.2);
}
.theo .fee_area .conte_color .conte_example {
width: 739px;
margin: 50px auto;
}
@media only screen and (max-width:767px) {
.theo .fee_area .conte_color .conte_example {
width: 100%;
}
}
.theo #flow {
margin: 0;
}
.theo .operation_area {
background: #fff;
padding: 0 0 80px;
}
@media only screen and (max-width:767px) {
.theo .operation_area {
padding: 0 0 15%;
}
}
.theo .operation_area .flow_wrap {
/* ボタン共通・色は各箱で */
}
.theo .operation_area .flow_wrap .btn_down {
max-width: 450px;
width: 100%;
margin: 8% auto 0;
font-size: 1.375rem;
text-align: center;
}
@media only screen and (max-width:1024px) {
.theo .operation_area .flow_wrap .btn_down {
font-size: 1.125rem;
}
}
@media only screen and (max-width:767px) {
.theo .operation_area .flow_wrap .btn_down {
font-size: 1rem;
}
}
.theo .operation_area .flow_wrap .btn_down a {
line-height: 1.36;
padding: 15px 0 20px;
}
.theo .operation_area .flow_wrap .btn_down a:hover {
padding: 20px 0 15px;
}
.theo .operation_area .boxNotes .leftlinehead {
    margin-top: 15px;
}
.theo .flow_wrap + .boxNotes {
    margin-top: 50px;
}
.theo .contact_box {
margin: 0 1px 1px;
/*		.contact_detail {
        ul {
            li:last-child {
                margin: 1.5rem 0 0;
                padding: 1.5rem 0 0;
                p {
                    font-weight: bold;
                }
            }
        }
        .txt {
            margin: 2% 0 0;
        }
        .tel_no {
            margin: 2rem 0 0;
        }
        .contact_dl {
            display: block;
            margin: 0.7rem 0 0 0.3rem;
            dt {
                display: block;
            }
            dd {
                display: block;
            }
        }
    }
    .btn_line_wrap {
        max-width: 400px;
    }*/
}
@media only screen and (max-width:767px) {
.theo .contact_box {
padding: 3rem 0;
/*			.contact_detail {
                .contact_ul li {
                    margin: 0.6rem 0 0;
                    padding: 0 0 0;
                }
                .tel_no {
                    img {
                        margin: 0 .7rem 0 0;
                        width: 20%;
                        vertical-align: middle;
                    }
                }
                .txt {
                        margin: 1.5rem 0 0;
                }
                .contact_dl {
                    display: block;
                    margin: 0.7rem 0 0 0.3rem;
                    dt {
                        width: 110px;
                        display: block;
                        font-weight: bold;
                    }
                    dd {
                        display: block;
                    }
                }
            }*/
}
}

/*-- お問合せボタン、PC用サイズ指定 --*/
.contact_box .flat_btn_wrap {
max-width: 425px;
}

/*-- 2021.07.02 追記 --*/
.theo03_box .imgbox__text--bottom {
margin: -15px 15px 0 0;
text-align: center;
}
@media only screen and (max-width:767px) {
.theo03_box .imgbox__text--bottom {
margin: -20px 0 0;
}
}

.theo04_box .imgbox__text--bottom {
margin: 20px 0 0 75px;
text-indent: -18px;
}
@media only screen and (max-width:767px) {
.theo04_box .imgbox__text--bottom {
margin: 20px 0 0 15px;
}
}

.section_inner--head {
padding-top: 50px;
}

/*-- 2022.12.07 追記 --*/
.theo_inner {
padding: 55px 0;
}
@media only screen and (max-width:767px) {
.theo_inner {
padding: 8% 0;
}
}

.theo_heading {
line-height: 1.3;
}

.theo_sub-heading {
text-align: center;
}

.theo_lead {
font-size: 15px;
padding-left: 1em;
text-indent: -1em;
text-align: center;
}
@media only screen and (max-width:767px) {
.theo_lead {
text-align: left;
}
}

#theo_color-pallet .theo_color-pallet_btn {
max-width: 520px;
margin-top: 50px;
}
@media only screen and (max-width:767px) {
#theo_color-pallet .theo_color-pallet_btn {
margin-top: 30px;
}
}
#theo_color-pallet .theo_color-pallet_btn a {
font-size: 22px;
width: auto;
padding: 25px 20px 30px 0;
}
@media only screen and (max-width:767px) {
#theo_color-pallet .theo_color-pallet_btn a {
font-size: 20px;
line-height: 1.3;
padding: 15px 0 20px;
}
}
#theo_color-pallet .theo_color-pallet_btn::after {
top: -5px;
right: 20px;
bottom: 0;
margin: auto 0;
-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}
@media only screen and (max-width:767px) {
#theo_color-pallet .theo_color-pallet_btn::after {
right: 15px;
}
}