@charset "utf-8";
#gFooter .fixBanner {
	display: none;
}
/*------------------------------------------------------------
	belief
------------------------------------------------------------*/
#main {
    position: relative;
}
.topBox {
    box-sizing: border-box;
    padding-top: 74px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}
.topBox h2 {
    margin-bottom: 41px;
    text-align: center;
}
.topBox h2 img {
    width: auto;
    height: 48px;
}
.topBox .topLinkList {
    display: flex;
    justify-content: center;
}
.topBox .topLinkList li {
    margin: 0 -25px;
    width: 320px;
}
#main .mainImg {
	margin: 0 auto;
    box-sizing: border-box;
    padding-top: 238px;
    width: 100%;
	max-width: 2500px;
    height: 1149px;
    position: relative;
    display: flex;
    justify-content: space-between;
}
#main .mainImg::before {
	width: 73.47%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../../img/afterservice/belief/mv_img01.png) no-repeat right bottom / 100% auto;
    content: "";
    z-index: 22;
}
#main .mainImg .bg {
    width: 100%;
    height: 1054px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../../img/afterservice/belief/mv_bg.jpg") no-repeat center center / cover;
    content: '';
}
#main .mainImg .lBox {
    width: 50%;
    height: 1242px;
    position: absolute;
    top: 238px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../../img/afterservice/belief/bg01.png") no-repeat top center / 100% 100%;
    z-index: 2;
}
#main .mainImg .lBox .inner {
    padding-right: 80px;
    padding-bottom: 110px;
    width: 100%;
    max-width: 438px;
}
#main .mainImg .lBox h2 {
    margin-bottom: 16px;
    padding-right: 70px;
    text-align: center;
}
#main .mainImg .lBox p {
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.05;
}
#main .ttlBox {
    padding: 28px 20px 33px;
    text-align: center;
    background: url("../../img/afterservice/belief/bg03.jpg") no-repeat center center / cover;
}
#main .ttlBox .subTtl {
    margin-bottom: 25px;
    color: #323232;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.7;
}
#main .ttlBox h2 {
    margin-bottom: 20px;
}
#main .ttlBox .text {
    color: #323232;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.8;
}
#main .sec01 .content {
    padding: 128px 0 49px;
    position: relative;
}
#main .sec01 .imgTxt {
    margin: 0 auto 82px;
    width: 684px;
}
#main .sec01 .pho .img01 {
    width: 240px;
    display: block;
    position: absolute;
    left: 0;
    top: 67px;
}
#main .sec01 .pho .img02 {
    width: 240px;
    display: block;
    position: absolute;
    right: 0;
    top: 67px;
}
#main .sec01 .btn {
    text-align: center;
}
#main .sec02 {
    margin-bottom: 92px;
    position: relative;
}
#main .sec02 .ttlBox {
    margin-bottom: 62px;
    padding: 52px 20px 58px;
}
#main .sec02 .ttlBox .subTtl {
    margin-bottom: 12px;
}
#main .sec02 .ttlBox h2 {
    margin-bottom: 20px;
}
#main .sec02 .ttlBox .text {
    font-size: 1.6rem;
}
#main .sec02 .rBox {
    width: calc(50% - 42px);
    height: 1174px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: url("../../img/afterservice/belief/bg04.png") no-repeat top center / 100% 100%;
}
#main .sec02 .rBox .inner {
    box-sizing: border-box;
    padding-top: 6px;
    width: 485px;
    text-align: right;
}
#main .sec02 .rBox p {
    font-size: 1.6rem;
    line-height: 1.82;
}
#main .sec02 .rBox .ttl {
    margin-bottom: 17px;
}
#main .sec02 .content {
    width: 1234px;
    width: 1280px;
    position: static;
}
#main .sec02 .imgTxt {
    margin: 0 23px 46px;
}
#main .sec02 .textPho {
    margin-bottom: 53px;
    position: relative;
    z-index: 2;
    text-align: center;
}
#main .introList {
    display: flex;
    flex-wrap: wrap;
}
#main .introList li {
    width: 25%;
}
#main .introList li a {
    display: block;
}
#main .sec03 {
    margin-bottom: 90px;
}
#main .sec03 .ttlBox {
    margin-bottom: 96px;
    padding: 69px 20px 76px;
}
#main .sec03 .ttlBox h2 {
    margin-bottom: 0;
}
#main .sec03 .imgList {
    margin-top: -54px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#main .sec03 .imgList li {
    margin-top: 54px;
    width: 49.15%;
    display: flex;
    justify-content: space-between;
}
#main .sec03 .imgList .textBox {
    box-sizing: border-box;
    padding-top: 5px;
    width: calc(100% - 345px);
}
#main .sec03 .imgList .textBox h3 {
    margin-bottom: 11px;
    color: #323232;
    font-weight: 900;
    font-size: 3.4rem;
    letter-spacing: -0.05em;
}
#main .sec03 .imgList .textBox p {
    text-align: justify;
    color: #323232;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.65;
}
#main .sec03 .imgList .textBox .text {
    margin-bottom: 0;
    letter-spacing: -0.1em;
}
#main .sec03 .imgList .textBox p:last-child {
    margin-bottom: 0 !important;
}
#main .sec03 .imgList .photo {
    width: 315px;
}
#main .sec04 {
    margin-bottom: 90px;
    padding: 65px 0 33px;
    background: url("../../img/afterservice/belief/bg05.png") no-repeat left top, url("../../img/afterservice/belief/bg06.png") no-repeat right bottom;
    background-color: #F0F0F0;
}
#main .sec04 h2 {
    margin-bottom: 31px;
    text-align: center;
}
#main .sec04 .text01 {
    margin-bottom: 46px;
    text-align: center;
    color: #323232;
}
#main .sec04 .textList {
    margin-top: -23px;
    margin-bottom: 38px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#main .sec04 .textList::after {
    width: 412px;
    content: '';
}
#main .sec04 .textList li {
    margin-top: 23px;
    width: 412px;
}
#main .sec04 .note {
    color: #323232;
    text-align: right;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
}
#main .sec05 {
    margin-bottom: 167px;
}
#main .sec05 .ttlBox {
    margin-bottom: 138px;
    padding-top: 37px;
    padding-bottom: 62px;
}
#main .sec05 .ttlBox .subTtl {
    margin-bottom: 20px;
}
#main .sec05 .ttlBox h2 {
    margin-bottom: 22px;
}
#main .sec05 .ttlBox .text {
    font-size: 1.6rem;
}
#main .sec06 .ttlBox {
    margin-bottom: 108px;
    padding-top: 97px;
    padding-bottom: 77px;
}
#main .sec06 .mapImg {
    margin-bottom: 90px;
    text-align: center;
}
#main .sec06 .btn {
    text-align: center;
}
#main {
    margin-bottom: 90px;
}
.popBox01 {
    width: 1286px;
	position: relative;
	padding: 0;
    display: none;
    box-sizing: border-box;
    border: 1px solid #000;
}
.popBox01 .arrowList li {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.popBox01 .arrowList .prev {
	left: 7px;
}
.popBox01 .arrowList .next {
	right: 7px;
}
.popBox01 .imgBox {
    padding:59px 53px 72px;
    display: flex;
    justify-content: space-between;
    background: url("../../img/afterservice/belief/bg07.png") no-repeat left top, url("../../img/afterservice/belief/bg08.png") no-repeat right bottom;
    background-size: #fff;
}
.popBox01 .phoBox {
	width: 58%;
}
.popBox01 .phoBox .pho {
    margin-bottom: 53px;
}
.popBox01 .phoBox .name {
    font-size: 5.7rem;
    font-weight: 700;
}
.popBox01 .phoBox .name .time {
    font-size: 3.8rem;
    font-weight: 400;
}
.popBox01 .textBox {
    box-sizing: border-box;
    padding: 10px 0;
    width: 40%;
}
.popBox01 .textBox p {
    margin-bottom: 1em;
    font-size: 2.4rem;
    line-height: 1.7;
}
.popBox01 .textBox p:last-child {
    margin-bottom: 0;
}
.popBox02 {
    margin: 0 auto;
	position: relative;
	padding: 0;
    width: 1280px;
	display: none;
    box-sizing: border-box;
    border: 1px solid #000;
}
.popBox02 .arrowList li {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.popBox02 .arrowList .prev {
	left: 7px;
}
.popBox02 .arrowList .next {
	right: 7px;
}
.popBox02 .inner {
    padding: 58px 74px;
    background: url("../../img/afterservice/belief/bg09.png") no-repeat left top, url("../../img/afterservice/belief/bg10.png") no-repeat right bottom;
    background-size: #fff;
}
.popBox02.bg01 .inner {
    background: url("../../img/afterservice/belief/bg11.png") no-repeat left top, url("../../img/afterservice/belief/bg12.png") no-repeat right bottom;
    background-size: #fff;
}
.popBox01.bg02 .imgBox,
.popBox02.bg02 .inner {
    background: url("../../img/afterservice/belief/bg13.png") no-repeat left top, url("../../img/afterservice/belief/bg14.png") no-repeat right bottom;
    background-size: #fff;
}
.popBox02 .imgBox {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}
.popBox02 .imgBox .phoBox {
    width: 430px;
}
.popBox02 .imgBox .textBox {
    box-sizing: border-box;
    padding-top: 6px;
    width: calc(100% - 450px);
}
.popBox02 .imgBox .textBox .name {
	display: flex;
	align-items: flex-end;
    font-size: 2.4rem;
}
.popBox02 .imgBox .textBox .name .txt01 {
    margin-right: 0.2em;
    font-size: 4rem;
    font-weight: 700;
	white-space: nowrap;
}
.popBox02 .imgBox .textBox .name .txt02 {
    font-size: 2.4rem;
}
.popBox02 .imgBox .textBox .text {
    font-size: 2.2rem;
    line-height: 1.6;
}
.popBox02 .ttl {
    margin-bottom: 10px;
    font-size: 2.8rem;
    font-weight: 700;
}
.popBox02 .phoList {
    margin-top: -20px;
    display: flex;
    flex-wrap: wrap;
}
.popBox02 .phoList li {
    margin: 20px 2% 0 0;
    width: 32%;
}
.popBox02 .phoList li:nth-child(3n) {
	margin-right: 0;
}
.fancybox-close-small {
	display: none;
}
@media all and (max-width: 896px) {
    .topBox {
        padding-top: 7.8vw;
    }
    .topBox h2 {
        margin-bottom: 1.4vw;
    }
    .topBox h2 img {
        width: 73.5vw;
        height: auto;
    }
    .topBox .topLinkList {
        margin: 0 3.3vw;
    }
    .topBox .topLinkList li {
		margin: 0 -2.7vw;
		width: 37vw;
    }
    #main .mainImg {
        padding-top: 0;
		max-width: inherit;
        height: auto;
        display: block;
    }
	#main .mainImg::before {
		display: none;
	}
    #main .mainImg .bg {
        width: auto;
        height: auto;
        position: relative;
        left: auto;
        top: auto;
       background: #fff;
    }
    #main .mainImg .bg img {
        width: 100%;
    }
    #main .mainImg .lBox {
        margin-top: -46.4vw;
		margin-bottom: 10vw;
        width: auto;
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        display: block;
        background: transparent;
    }
    #main .mainImg .lBox .inner {
        padding: 0 4vw;
        width: auto;
        max-width: inherit;
		text-align: center;
    }
    #main .mainImg .lBox h2 {
        margin-bottom: 5vw;
        padding-right: 0;
        text-align: center;
    }
    #main .mainImg .lBox h2 img {
        width: 48.5vw;
    }
    #main .mainImg .lBox p {
        font-size: 2.24vw;
        line-height: 1.75;
    }
    #main .ttlBox {
        padding: 3vw 2vw 2vw;
    }
    #main .ttlBox .subTtl {
        margin-bottom: 2.2vw;
        font-size: 2vw;
    }
    #main .ttlBox h2 {
        margin-bottom: 3.4vw;
    }
    #main .ttlBox h2 img {
        width: 27vw;
    }
    #main .ttlBox .text {
       font-size: 2vw;
        line-height: 1.75;
    }
    #main .sec01 .content {
        padding: 9.8vw 4.8vw 4.5vw;
    }
    #main .sec01 .imgTxt {
        margin: 0 auto 6.7vw;
        width: auto;
    }
    #main .sec01 .imgTxt img {
        width: 100%;
    }
    #main .sec01 .btn {
        margin: 0 auto 5.5vw;
        width: 48vw;
    }
    #main .sec01 .pho {
        margin: 0 -1vw;
    }
    #main .sec02 {
        margin-bottom: 8vw;
    }
    #main .sec02 .ttlBox {
        margin-bottom: 0;
        padding: 2.8vw 2vw 2vw;
    }
    #main .sec02 .ttlBox .subTtl {
        margin-bottom: 2vw;
    }
    #main .sec02 .ttlBox h2 {
        margin-bottom: 3.2vw;
    }
    #main .sec02 .ttlBox h2 img {
        width: 38.7vw;
    }
    #main .sec02 .ttlBox .text {
        font-size: 2vw;
    }
    #main .sec02 .rBox {
        margin-bottom: 8.7vw;
        width: auto;
        height: auto;
        position: relative;
        right: auto;
        top: auto;
        display: block;
        background: #00A9C0;
    }
    #main .sec02 .rBox .inner {
        padding: 5.5vw 3vw 5.3vw;
        width: auto;
        text-align: center;
    }
    #main .sec02 .rBox p {
        font-size: 2vw;
        line-height: 1.95;
    }
    #main .sec02 .rBox .ttl {
        margin-bottom: 4vw;
    }
    #main .sec02 .rBox .ttl img {
        width: 34vw;
    }
    #main .sec02 .content {
        width: auto;
    }
    #main .sec02 .imgTxt {
        margin: 0 auto 12vw;
        width: 82.4vw;
    }
    #main .sec02 .imgTxt img {
        width: 100%;
    }
    #main .sec02 .textPho {
        margin: 0 auto 8vw;
        width: 84.8vw;
    }
    #main .sec02 .textPho img {
        width: 100%;
    }
    #main .introList {
        margin: 0 3.5vw;
    }
    #main .introList li {
        width: 50%;
    }
    #main .sec03 {
        margin-bottom: 8.2vw;
    }
    #main .sec03 .ttlBox {
        margin-bottom: 7vw;
        padding: 5.5vw 2vw 6.5vw;
    }
    #main .sec03 .ttlBox h2 {
        margin-bottom: 0;
    }
    #main .sec03 .ttlBox h2 img {
        width: 36vw;
    }
    #main .sec03 .imgList {
        margin: 0;
        display: block;
    }
    #main .sec03 .imgList li {
        margin: 0 3.4vw 5vw;
        width: auto;
    }
    #main .sec03 .imgList .textBox {
        padding-top: 1.4vw;
        padding-right: 4vw;
        width: calc(100% - 41.8vw);
    }
    #main .sec03 .imgList .textBox h3 {
        margin-bottom: 1vw;
        font-size: 5vw;
    }
    #main .sec03 .imgList .textBox p {
        font-size: 2vw;
        line-height: 1.65;
    }
    #main .sec03 .imgList .textBox .text {
        margin-bottom: 0;
    }
    #main .sec03 .imgList .photo {
        width: 41.8vw;
    }
    #main .sec04 {
        margin-bottom: 10vw;
        padding: 10.2vw 0 2.7vw;
        background-size: 40vw auto, 40vw auto;
    }
    #main .sec04 h2 {
        margin-bottom: 4.2vw;
    }
    #main .sec04 h2 img {
        width: 32.5vw;
    }
    #main .sec04 .text01 {
        margin-bottom: 5.2vw;
        font-size: 2.4vw;
    }
    #main .sec04 .textList {
        margin: -2.2vw -0.8vw 3.66vw;
    }
    #main .sec04 .textList::after {
        width: 48.5%;
        content: '';
    }
    #main .sec04 .textList li {
        margin-top: 2.2vw;
        width: 48.5%;
    }
    #main .sec04 .textList li img {
        width: 100%;
    }
    #main .sec04 .note {
        font-size: 2vw;
    }
    #main .sec05 {
        margin-bottom: 15.4vw;
    }
    #main .sec05 .ttlBox {
        margin-bottom: 16vw;
        padding-top: 4vw;
        padding-bottom: 3vw;
    }
    #main .sec05 .ttlBox .subTtl {
        margin-bottom: 2vw;
    }
    #main .sec05 .ttlBox h2 {
        margin-bottom: 2vw;
    }
    #main .sec05 .ttlBox h2 img {
        width: 49vw;
    }
    #main .sec05 .ttlBox .text {
        font-size: 2vw;
    }
    #main .sec06 .ttlBox {
        margin-bottom: 4vw;
        padding-top: 8vw;
        padding-bottom: 5vw;
    }
     #main .sec06 .ttlBox h2 img {
        width: 79vw;
    }
    #main .sec06 .mapImg {
        margin-bottom: 8vw;
    }
    #main .sec06 .btn {
        margin: 0 auto;
        width: 50vw;
    }
	#main {
		margin-bottom: 90px;
	}
	.fancybox-slide--html {
		padding: 14px;
	}
	.popBox01 {
		width: 100%;
	}
	.popBox01 .arrowList li {
		width: 6vw;
	}
	.popBox01 .arrowList .prev {
		left: 1vw;
	}
	.popBox01 .arrowList .next {
		right: 1vw;
	}
	.popBox01 .imgBox,
	.popBox01.bg02 .imgBox{
		padding: 3.8vw;
		display: block;
		background-size: 176px auto,194px auto;
	}
	.popBox01 .phoBox {
		width: auto;
	}
	.popBox01 .phoBox .pho {
		margin-bottom: 9vw;
	}
	.popBox01 .phoBox .name {
		margin-bottom: 1vw;
		font-size: 6vw;
	}
	.popBox01 .phoBox .name .time {
		font-size: 3vw;
	}
	.popBox01 .textBox {
		padding: 0 0 10vw;
		width: auto;
	}
	.popBox01 .textBox p {
		font-size: 2.8vw;
		line-height: 1.578;
	}
	.popBox02 {
		width: 100%;
	}
	.popBox02 .inner {
		padding: 3.8vw;
		background-size: 176px auto, 194px auto;
	}
	.popBox02.bg01 .inner {
		background-size: 176px auto, 194px auto;
	}
	.popBox02.bg02 .inner {
		background-size: 176px auto, 194px auto;
	}
	.popBox02 .imgBox {
		margin-bottom: 2vw;
		display: block;
	}
	.popBox02 .imgBox .phoBox {
		margin-bottom: 9vw;
		width: auto;
	}
	.popBox02 .imgBox .textBox {
		padding-top: 0;
		width: auto;
	}
	.popBox02 .imgBox .textBox .name {
		margin-bottom: 1vw;
		font-size: 5.291vw;
	}
	.popBox02 .imgBox .textBox .name .txt01 {
	   font-size: 5.291vw;
	}
	.popBox02 .imgBox .textBox .name .txt02 {
		font-size: 2.645vw;
	}
	.popBox02 .imgBox .textBox .text {
		font-size: 2.513vw;
	}
	.popBox02 .ttl {
		margin-bottom: 2vw;
		font-size: 3.439vw;
	}
	.popBox02 .phoList {
		margin-top: -4vw;
		justify-content: space-between;
	}
	.popBox02 .phoList li {
		margin: 4vw 0 0;
		width: 48.8%;
	}
	.popBox02 .arrowList li {
		width: 6vw;
	}
	.popBox02 .arrowList .prev {
		left: 1vw;
	}
	.popBox02 .arrowList .next {
		right: 1vw;
	}
}