.nav{
    max-width:150px;
}
.nav-wrapper{
    flex-flow: row nowrap;
}
.header-pc{
    display:none;
}
.header-pc.header-pc_biztop{
	position: static;
    margin-left: 30px;
    transform: none;
	display:flex;
}
.nav__list{
	display:none;
}
.nav__list.nav__list_biztop:before,
.nav__list.nav__list_biztop .nav__menu::after {
    display: none
  }
.top-visual{
        height:300px;
        background: url("/static/img/biztop/mv-BG.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        color:#00205A;
        justify-content: center;
        align-items: center;
        padding:0 30px;
    }
    .top-visual .top-visual__text,
    .top-visual .top-visual__login{
        width:50%;
        max-width:550px;
    }
.top-visual .top-visual__text{
	padding-right:20px;
}
    .top-visual .top-visual__text p{
        line-height:2em;
    }
    .top-visual .top-visual__text img{
        max-width:400px;
    }
    .top-visual .top-visual__login{
        border:5px solid #FFFFFF;
        border-radius:10px;
        background-color: rgba(239,244,248,0.8);
        text-align: center;
        padding:20px;
        box-shadow: 0 0 7px rgb(0 0 0 / 40%);
    }
    .top-visual .top-visual__login h2{
        font-size:20px;
        position:relative;
        width:fit-content;
        padding-right:20px;
        margin:0 auto;
    }
    .top-visual .top-visual__login h2:after{
        content: "";
        position: absolute;
        right: 0px;
        top: 30%;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 12px solid #00205A;
    }
    .top-visual .top-visual__login a{
        border:3px solid #d40e7d;
        border-radius:5px;
        max-width:448px;
        width:100%;
        display: block;
        background: #FFFFFF;
        font-size:24px;
        text-align: center;
        color: #d40e7d;
        margin:20px auto;
        padding: 10px 0;
    }
    main.biz-top.content:before{
        border:none;
    }
    main.biz-top.content:after{
        border:none;
    }
    main.biz-top.content a{
        text-decoration:none ;
    }
    .content-about .nav-scroll__list a{
        padding: 15px;
    }
    .content-point h2 span{
        font-size:48px;
        color:#d40e7d;
        font-weight:bold;
    }
    .content-point ul.point__list.pc-view{
        display:flex;
        gap:20px;
    }
    .content-point ul.point__list li{
        width:calc((100% - 40px) / 3);
    }
    .content-point ul.point__list li h3{
        color:#00205b;
        font-size:24px;
        line-height:30px;
        text-align: center;
        height:60px;
        display:flex;
        align-items: center;
        justify-content: center;
    }
    .content-point ul.point__list li img{
        margin: 20px auto;
        display: block;
    }
.content-fare{
	background: #EFF4F8;
    max-width: 100%;
}
.content-fare ul{
	max-width:1080px;
	margin:0 auto;
	
}
	.content-fare ul.fare__list li{
		border:3px solid #00205A;
		background:white;
		border-radius:10px;
	}
.content-fare ul.fare__list li div{
	background: #00205A;
}
.content-fare ul.fare__list li{
	color:#00205A;
	display: flex;
    align-items: center;
	gap:40px;
}
.content-fare ul.fare__list div{
	padding:20px;
}
.content-fare ul.fare__list img{
	width:200px;
}
.content-fare ul.fare__list li p{
	font-size:24px;
	font-weight:bold;
	flex:1;
	margin-right:40px;
}
    .content-flow .flow__list.pc-view{
        display:flex;
        gap:20px;
    }
    .content-flow .flow__list img{
        max-height: 165px;
        margin: 10px auto 20px;
        display: block;
    }
     .content-flow .flow__list li{
        width:calc((100% - 20px - 93px) / 3);
        background: #EFF4F8;
        border-radius: 20px;
        position: relative;
        padding:30px 20px;
        margin-top:31px;
        margin-left:31px;
		display: flex;
		flex-direction: column;
     }
     .content-flow .flow__list li h3{
        font-size:24px;
        color:#00205A;
        text-align: center;
		height:72px;
		display: flex;
		justify-content: center;
		align-items: center;
     }
     .content-flow .flow__list li:after{
        content: '';
        width: 62px;
        height: 62px;
        position: absolute;
        top: -30px;
        left: -30px;
     }
		.content-flow .flow__list li p{
			margin-top: auto;
			margin-bottom: auto;
		}
     .content-flow .flow__list li.no-1:after{
        background: url(/static/img/common/number_01.png?v167b1ac9dd2) no-repeat 0 0;
        background-size: contain;
    }
    .content-flow .flow__list li.no-2:after{
        background: url(/static/img/common/number_02.png?v167b1ac9dd2) no-repeat 0 0;
        background-size: contain;
    }
    .content-flow .flow__list li.no-3:after{
        background: url(/static/img/common/number_03.png?v167b1ac9dd2) no-repeat 0 0;
        background-size: contain;
    }
    .content-contract .flow__list.pc-view{
        display:flex;
        gap:25px;
        justify-content: center;
        background: url(/static/img/biztop/contract-arrow.png);
        padding:0 60px 0 20px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position:50% 25%;
    }
	.content-contract .flow__list.pc-view li{
		width:220px;
	}
	.content-contract .flow__list.pc-view li img{
		width: 211px;
		margin: 0 auto;
		display: block;
	}
    .content-contract .flow__list h3{
        font-size:24px;
        color:#00205A;
        text-align: center;
        margin:.5em 0;
    }
    .content-contact .contact__area01{
        background: #EFF4F8;
        margin: 0 calc(50% - 50vw);
        padding: 0 calc((100vw - 800px) / 2) 80px;
    }
    .content-contact .contact__area01 h3{
        font-size:24px;
    }
    .content-contact .contact__area01 a.mailer-button{
        background:#FFFFFF;
        border-radius: 68px;
        padding:20px 40px;
        display: block;
        margin:0 auto 40px;
        color:#000000;
        font-size:32px;
        box-shadow: 0 0 7px rgb(0 0 0 / 40%);
        width:fit-content;
        position:relative;
    }
    .content-contact .contact__area01 a.mailer-button div{
        width:fit-content;
        margin:0 auto;
        display:flex;
        gap:10px;
    }
    .content-contact .contact__area01 a.mailer-button div:before{
        content:"";
        background: url(/static/img/biztop/mail-icon.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        width:47.5px;
        height:47.5px;
    }
    .content-contact .contact__area01 .pink-bg{
        border:3px solid #d40e7d;
        background: #FFFCFE;
        font-size:24px;
        padding:30px;
        width:90%;
        max-width:800px;
        margin:0 auto;
    }
	.content-contact .contact__area01 .pink-bg ul{
		display:flex;
		flex-wrap:wrap;
		gap:0 20px;
	}
.content-contact .contact__area01 .pink-bg ul li{
	color:black;
	font-size:24px;
	width:calc((100% - 20px) / 2);
}
    .content-contact .contact__area01 .pink-bg h3{
        border-bottom:2px dashed #d40e7d;
        width:fit-content;
        margin:0 auto 20px;
    }
    .content-contact .contact__area02{
        gap:40px;
        margin-top:-15em;
    }
    .content-contact .contact__area02 .contact__area02__box01,
    .content-contact .contact__area02 .contact__area02__box02{
        box-shadow: 0 0 7px rgb(0 0 0 / 40%);
        background: #FFFFFF;
        padding:50px;
        flex:1;
        min-width: 0;
        display:flex;
        justify-content: center;
        align-items: center;
    }
    .contact__area02__box01 a{
        display:flex;
        align-items: center;
        gap:10px;
        color:#000000;
        width:fit-content;
        margin:0 auto;
    }
    .contact__area02__box01 a.tel{
        font-size:40px;
    }
    .contact__area02__box01 a.tel:before{
        content:"";
        background: url(/static/img/biztop/tel-icon.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display:block;
        width:36px;
        height:36px;
    }
    .contact__area02__box01 a.mail{
        font-size:32px;
    }
    .contact__area02__box01 a.mail:before{
        content:"";
        background: url(/static/img/biztop/mail-icon.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display:block;
        width:36px;
        height:36px;
    }
    .content-contact .contact__area02 h3{
        background: #00205B;
        padding:10px;
        color:white;
        font-size:24px;
    }
    .content-contact .contact__area02 .contact__area02__box02 h4{
        font-size:24px;
        line-height: 1.1em;
    }
     .content-contact .contact__area02 .contact__area02__box02 h4 span{
        color:#000000;
     }
    .content-contact .contact__area02 .tel-group{
        background: #EFF4F8;
        padding:20px;
        gap:10px 20px;
    }
    .content-contact .contact__area02 .tel-group p{
        display:block;
    }
    .content-contact .contact__area02 .tel-group p span{
        background: #d40e7d;
        padding:2px 10px;
        margin-right:10px;
        color:white;
    }
    .faq-detail {
        margin-bottom: 60px;
    }
    .faq-box {
    border: solid 1px #d0dbe5;
    margin-bottom: 10px;
}
.faq-box__question {
    position: relative;
    padding: 16px 50px 16px 74px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}
.faq-box__question.active {
    border-bottom: solid 1px #d0dbe5;
}
.faq-box__question:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 16px;
    width: 40px;
    height: 26px;
    border-right: solid 1px #d0dbe5;
    margin-top: -13px;
    background: url(/static/img/faq/q.png?v167867f3fc0) no-repeat 0 0;
    background-size: 24px auto;
}
.faq-box__question.active:after {
    background: url(/static/img/common/arrow_circle_up.png?v16763c512fa) no-repeat 0 0;
    background-size: 30px auto;
}
.faq-box__question:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background: url(/static/img/common/arrow_circle_down.png?v16763c512fa) no-repeat 0 0;
    background-size: 30px auto;
}
.faq-box__answer {
    display: none;
    padding: 24px;
    font-size: 16px;
    list-style: 1.6;
}
.nav-float_btn{
	display:none;
}
@media screen and (max-width:1100px) {
	.content-contract .flow__list.pc-view li {
    width: 200px;
	}
	.content-contract .flow__list.pc-view li img{
		width:180px;
	}
    .content-contract .flow__list h3{
        font-size:18px;
    }
    .content-contact .contact__area02 .contact__area02__box01,
    .content-contact .contact__area02 .contact__area02__box02{
        padding:20px;
    }
}
@media screen and (max-width: 900px) {
    .nav {
        max-width:100%;
    }
	.nav__list.nav__list_biztop{
	display:block;
	}
}
@media screen and (max-width: 767px) {
    .top-visual{
        height:auto;
        padding-bottom:50px;
    }
    .top-visual .top-visual__text,
    .top-visual .top-visual__login{
        width:auto;
        margin:0 auto;
    }
    .top-visual .top-visual__text{
        padding-bottom:20px;
        padding-top: 40px;
		padding-right:0;
    }
    .top-visual .top-visual__login h2{
        font-size:14px;
    }
    .top-visual .top-visual__login a{
        font-size:15px;
    }
    .top-visual .top-visual__login p{
        text-align: left;
    }
    .content-about .nav-scroll{
        display:flex;
        gap:10px;
    }
    .content-about li.nav-scroll__list{
        width: calc((100% - 10px) / 2);
    }
    .content-about .nav-scroll__list a{
        padding:15px 0;
    }
    .content-point h2 span{
        font-size:32px;
    }
    .content-point ul.point__list li{
        width:100%;
    }
    .content-point ul.point__list li.mb-80{
        margin-bottom:10px;
    }
    .content-point ul.point__list li h3{
        font-size:18px;
        height:auto;
        line-height:1em;
    }
    .content-point ul.point__list li img{
        width:120px;
        height:auto;
		margin:20px 0;
    }
    .content-point ul.point__list li div{
        display:flex;
        align-items: center;
        gap:20px;
    }
	.content-fare ul.fare__list li{
		flex-direction: column;
		gap:0;
	}
	.content-fare ul.fare__list li div{
		width:100%;
		box-sizing: border-box;
	}
	.content-fare ul.fare__list li img{
		margin:0 auto;
		display:block;
		width:150px;
	}
	.content-fare ul.fare__list li p{
		padding:10px;
		font-size:18px;
		margin:0;
	}
    .content-flow .flow__list li{
        width:auto;
        margin-left:31px;
		gap:0;
    }
    .content-flow .flow__list li img{
        margin:0 0 20px;
    }
    .content-flow .flow__list.sp-view li div{
        display:flex;
        justify-content: space-between;
        align-items: end;
    }
    .content-flow .flow__list.sp-view li h3{
        text-align: left;
        font-size:18px;
        margin-bottom:1em;
    }
    .content-flow .flow__list.sp-view li img{
        width:100px;
    }
	.content-contract .flow__list.sp-view{
        padding:0;
        background: url(/static/img/biztop/contract-arrow_SP.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 30px;
        padding: 20px 0;
    }
    .content-contract .flow__list.sp-view li{
        display:flex;
        gap:10px;
    }
    .content-contract .flow__list.sp-view li img{
        width:105px;
        height:105px;
    }
     .content-contract .flow__list.sp-view li div{
        flex:1;
     }
     .content-contact .contact__area01 .pink-bg{
        font-size:18px;
        padding:20px;
		 max-width:500px;
		 width:auto;
     }
    .content-contract .flow__list.sp-view li div h3{
        font-size:18px;
        text-align: left;
    }
	.content-contact .contact__area01 .pink-bg ul li{
		width:100%;
		font-size:18px;
	}
    .content-contact .contact__area01{
        padding:0 10px 40px;
    }
    .content-contact .contact__area01 h3{
        font-size:16px;
    }
    .content-contact .contact__area02{
        padding:30px 20px;
        box-shadow: 0 0 7px rgb(0 0 0 / 40%);
        background:#FFFFFF;
    }
    .content-contact .contact__area01 a.mailer-button{
        font-size:20px;
		padding:20px;
    }
    .content-contact .contact__area01 a.mailer-button div:before{
        width: 35px;
        height: 35px;
        left: 70px;
    }
    .content-contact .contact__area02 .contact__area02__box01,
    .content-contact .contact__area02 .contact__area02__box02{
        box-shadow: none;
        width:auto;
        padding:0;
    }
    /*.content-contact .contact__area02 .contact__area02__box01{
        border-bottom:6px solid #EFF4F8;
    }*/
    .content-contact .contact__area02 h3,
    .content-contact .contact__area02 .contact__area02__box02 h4{
        font-size:18px;
    }
    .contact__area02__box01 a.tel{
        font-size:32px;
    }
    .contact__area02__box01 a.mail{
        font-size:20px;
    }
    .content-contact .contact__area02 .tel-group.box__column-4{
        display:flex;
        gap:10px;
        padding:20px 10px;
    }
    .faq-detail {
        margin-bottom: 40px;
    }
    .faq-box__question {
        padding: 10px 40px 10px 40px;
        font-size: 14px;
    }
    .faq-box__question:before {
        left: 8px;
        width: 24px;
        height: 17px;
        margin-top: -8px;
        background: url(/static/img/faq/q.png?v167867f3fc0) no-repeat 0 0;
        background-size: 16px auto;
    }
    .faq-box__question:after {
        right: 8px;
        width: 23px;
        height: 23px;
        margin-top: -12px;
        background: url(/static/img/common/arrow_circle_down.png?v16763c512fa) no-repeat 0 0;
        background-size: 23px auto;
    }
	.faq-box__question.active:after {
     	background-size: 23px auto;
	}
    .faq-box__answer {
        padding: 16px 8px;
        font-size: 12px;
    }

}
@media screen and (max-width: 425px) {
	.contact__area01__explanation01 .text__center{
		text-align: left!important;
	}
}