@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/fontawesome/css/all.min.css);
@import url(../libs/aos/aos.css);
/* @import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css); */
/* @import url(../libs/lightGallery/css/lightgallery.min.css); */
/* @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
 to_partner
==============================*/

/* common ----------*/
#main {}
#main .title { text-align: center; margin-bottom: 8rem; }
#main .title span { background: linear-gradient(160deg, #118EF5 20.89%, #00B8FF 100.55%); }
#main .title .c { top: -5rem; left: calc(50% - 15rem); }
#mainWrap { padding: 15rem 0 7rem; }
@media screen and (max-width:896px) { /* m */
	#mainWrap { padding: 6rem 0 4rem; }
	.pagination { padding-top: 6rem; }
}


#toPartner #main .w { padding: 4rem 8rem 8rem; background-color: rgba(2545, 255, 255, 0.9); }
#toPartner #main .w strong.l { color: #0055A4; font-size: 2rem; }
#toPartner #main .partner_list {}
#toPartner #main .partner_list > li { display: grid; margin-top: 3rem; align-items: center; grid-template-columns: 8.4rem 1fr; gap: 2.4rem; }
#toPartner #main .partner_list > li span {}
#toPartner #main .partner_list > li .i {}
#toPartner #main .partner_list > li .t {}
#toPartner #main .partner_list > li .t h3 { color: #00A0E9; font-size: 2.2rem; }
#toPartner #main .partner_list > li .t ul { display: flex; flex-flow: wrap; margin-top: 1.5rem; gap: 2rem; }
#toPartner #main .partner_list > li .t ul li { display: grid; font-size: 1.8rem; font-weight: var(--bold); line-height: 1.2; grid-template-columns: 1em 1fr; gap: 0.5rem; }
#toPartner #main .partner_list > li .t ul li span { color: #00A0E9; }
#toPartner #main .flow { margin-top: 8rem; padding: 2rem 2.4rem; border: solid 1px #00A0E9; border-radius: 0.5rem; background-color: #FFF; }
#toPartner #main .flow h2 { color: #0055A4; font-size: 2.2rem; font-weight: var(--black); text-align: center; }
#toPartner #main .flow p { font-weight: var(--medium); letter-spacing: 0; }
#toPartner #main .flow_list { display: grid; margin-top: 2rem; gap: 4.5rem; grid-template-columns: 1fr 1fr 1fr; counter-reset: section; }
#toPartner #main .flow_list li { position: relative; }
#toPartner #main .flow_list li::after { content: url('data: image/svg+xml;charset=UTF-8, <svg xmlns="http: //www.w3.org/2000/svg" width="24" height="20" viewBox="0 0 24 20" fill="none"><g clip-path="url(%23clip0_728_2011)"><path d="M16.6434 0H10.2148L17.3577 10L10.2148 20H16.6434L23.7863 10L16.6434 0Z" fill="url(%23paint0_linear_728_2011)"/><path d="M6.64342 0H0.214844L7.3577 10L0.214844 20H6.64342L13.7863 10L6.64342 0Z" fill="url(%23paint1_linear_728_2011)"/></g><defs><linearGradient id="paint0_linear_728_2011" x1="9.76084" y1="5.96065" x2="18.8841" y2="22.8064" gradientUnits="userSpaceOnUse"><stop stop-color="%23118EF5"/><stop offset="1" stop-color="%2300B8FF"/></linearGradient><linearGradient id="paint1_linear_728_2011" x1="-0.239158" y1="5.96065" x2="8.88413" y2="22.8064" gradientUnits="userSpaceOnUse"><stop stop-color="%23118EF5"/><stop offset="1" stop-color="%2300B8FF"/></linearGradient><clipPath id="clip0_728_2011"><rect width="23.5714" height="20" fill="white" transform="translate(0.214844)"/></clipPath></defs></svg>'); position: absolute; top: 0; bottom: 0; left: calc(100% + 1rem); display: inline-block; height: 2rem; margin: auto; }
#toPartner #main .flow_list li:last-child:after { display: none; }
#toPartner #main .flow_list li h3 { display: flex; color: #00A0E9; font-size: 1.8rem; font-weight: var(--bold); align-items: center; gap: 1rem; }
#toPartner #main .flow_list li h3::before { content: counter(section); display: inline-block; width: 3.7rem; height: 3.7rem; border-radius: 3.7rem; color: #FFF; background: var(--Linear, linear-gradient(160deg, #118EF5 20.89%, #00B8FF 100.55%)); font-size: 2.5rem; font-weight: var(--bold); text-align: center; line-height: 3.7rem; counter-increment: section; }
#toPartner #main .flow_list li p { font-weight: var(--medium); font-size: 1.5rem; line-height: 1.8; letter-spacing: 0; }
#toPartner #main .flow_list li p.i { padding: 2rem 0; text-align: center; }
#toPartner #main .flow_list li p.i2 { padding: 1rem 0; text-align: center; }
#toPartner #main .flow_list li p.t2 { font-size: 1.3rem; letter-spacing: -0.05em; }
#toPartner #main .flow_list li p.t2 strong.s1 { color: #00A0E9; font-size: 1.4rem; }
#toPartner #main .flow_list li p.t2 strong.s2 { color: #0055A4; }
@media screen and (max-width:896px) { /* m */
	#toPartner #main .flow_list { grid-template-columns: 1fr; }
	#toPartner #main .flow_list li::after { top: calc(100% + 1rem); bottom: auto; left: 0; right: 0; width: 3rem; transform: rotate(90deg); }
}
@media screen and (max-width:480px) { /* s */
	#toPartner #main .w { padding: 4rem 3rem 4rem; }
	#toPartner #main .partner_list > li { grid-template-columns: 1fr; }
	#toPartner #main .partner_list > li .i { text-align: center; }
	#toPartner #main .partner_list > li .t h3 { text-align: center; }
}


#toPartner #main table { width: 100%; margin-top: 8rem; }
#toPartner #main table th { padding-right: 2rem; padding-top: 0.8rem; font-size: 1.6rem; font-weight: var(--medium); text-align: left; white-space: nowrap; }
#toPartner #main table th.in { padding-left: 1em; }
#toPartner #main table th.required::after { content: "必須"; margin-left: 1.5rem; display: inline-block; padding: 0.5rem; color: #FFF; background-color: #F85959; font-size: 1.2rem; line-height: 1; }
#toPartner #main table td + th { padding-left: 2rem; }
#toPartner #main table td { padding-bottom: 5.8rem; }
#toPartner #main table .sub td { padding-bottom: 1rem; }
#toPartner #main input[type=text], #toPartner #main input[type=email], #toPartner #main textarea { width: 100%; padding: 1rem; border: solid 1px #B2B5C7; }
#toPartner #main select { padding: 1rem; border: solid 1px #B2B5C7; }
#toPartner #main input.hw { max-width: 18rem; }
#toPartner #main .zip_wrap { display: flex; align-items: center; gap: 1rem;}
#toPartner #main .zip_wrap .zip1 { max-width: 8.3rem; }
#toPartner #main .zip_wrap .zip2 { max-width: 9.7rem; }
#toPartner #main .zip_wrap .bt.-zip span { background-color: #B2B5C7; padding: 1.2rem 1.5rem; }
#toPartner #main .zip_wrap .bt.-zip span:hover { cursor: pointer; }
#toPartner #main .service_area_wrap { display: flex; flex-flow: wrap; gap: 2rem; column-gap: 4rem;}
#toPartner #main .service_area_wrap span { margin: 0; }
#toPartner #main .service_area_wrap label { display: flex; align-items: center; justify-content: center; gap: 0.5rem; }
#toPartner #main .agree { font-weight: var(--medium); text-align: center; }
#toPartner #main .agree label { display: flex; align-items: center; justify-content: center; gap: 1rem; }
#toPartner #main .agree input { transform: scale(2,2); }
#toPartner #main .bt.-submit { display: flex; justify-content: center; margin-top: 7rem; }
#toPartner #main .bt.-submit input { width: 100%; max-width: 38rem; background-color: #000; font-size: 2rem; border-radius: 10rem; font-weight: var(--medium);  }
#toPartner #main .bt.-submit input[name=submit_bt] { background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="15" viewBox="0 0 18 15" fill="none"><path d="M10.1285 7.42083C10.2736 7.52639 10.4253 7.57917 10.5837 7.57917C10.742 7.57917 10.8937 7.52639 11.0389 7.42083L16.1253 3.87812V1.95833L10.5837 5.79792L5.04199 1.95833V3.87812L10.1285 7.42083ZM1.87533 14.625C1.43991 14.625 1.06717 14.47 0.757096 14.1599C0.447027 13.8498 0.291992 13.4771 0.291992 13.0417V3.9375C0.291992 3.71319 0.36786 3.52517 0.519596 3.37344C0.671332 3.2217 0.859353 3.14583 1.08366 3.14583C1.30796 3.14583 1.49599 3.2217 1.64772 3.37344C1.79946 3.52517 1.87533 3.71319 1.87533 3.9375V13.0417H14.1462C14.3705 13.0417 14.5585 13.1175 14.7102 13.2693C14.862 13.421 14.9378 13.609 14.9378 13.8333C14.9378 14.0576 14.862 14.2457 14.7102 14.3974C14.5585 14.5491 14.3705 14.625 14.1462 14.625H1.87533ZM5.04199 11.4583C4.60658 11.4583 4.23383 11.3033 3.92376 10.9932C3.61369 10.6832 3.45866 10.3104 3.45866 9.875V1.95833C3.45866 1.52292 3.61369 1.15017 3.92376 0.840104C4.23383 0.530035 4.60658 0.375 5.04199 0.375H16.1253C16.5607 0.375 16.9335 0.530035 17.2436 0.840104C17.5536 1.15017 17.7087 1.52292 17.7087 1.95833V9.875C17.7087 10.3104 17.5536 10.6832 17.2436 10.9932C16.9335 11.3033 16.5607 11.4583 16.1253 11.4583H5.04199Z" fill="white"/></svg>'); background-repeat: no-repeat; background-position: right 2rem center; }
@media screen and (max-width:896px) { /* m */
	#toPartner #main table { display: block; }
	#toPartner #main table tbody { display: contents; }
	#toPartner #main table tr { display: contents; }
	#toPartner #main table th { display: block; padding-bottom: 1rem; width: 100%; }
	#toPartner #main table td { display: block; width: 100%; }
	#toPartner #main table td + th { padding-left: 0; }
}
@media screen and (max-width:480px) { /* s */
	#toPartner #main table td { padding-bottom: 3rem; }
}