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

@import url(reset.css);
@import url(common.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); */


/*
about
==============================*/

.btw { text-align: center; margin-top: 6rem; }
.fw500 { font-weight: 500; }

.kanzai {}
.kanzai .h2,
.kanzai .h4,
.-kanzai { color: #DC822E; }
.jyouhou .h2,
.jyouhou .h4,
.-jyouhou { color: #5695D4; }

.pg_tx-wrap { display: flex; gap: 6.2rem; }
.pg_tx-wrap.-r { flex-direction: row-reverse; }
.pg_tx-wrap .pg { width: calc(50% - 3.1rem); text-align: center; }
.pg_tx-wrap .pg img { border-radius: 2rem; }
.pg_tx-wrap .tw { width: calc(50% - 3.1rem); }
@media screen and (max-width:896px) { /* m */
	.pg_tx-wrap { flex-direction: column !important; gap: 3rem; }
	.pg_tx-wrap .pg,
	.pg_tx-wrap .tw { width: 100%; }
}

.biz-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 7.8rem; }
@media screen and (max-width:896px) { /* m */
  .biz-wrap { grid-template-columns: 1fr; gap: 4.8rem; }
}

.flow-wrap { margin-top: 8rem; padding: 4rem 6rem; border: dashed 1px #E28DB2; border-radius: 2rem; background: rgba(245, 241, 241, 0.70); }
.flow-wrap h3 { text-align: center; font-size: 2.4rem; color: #990003; }
.flow-list { margin-top: 4rem; display: flex; flex-direction: column; gap: 2.5rem; }
.flow-list li { position: relative; display: grid; grid-template-columns: 26rem 1fr; gap: 5.6rem; }
.flow-list li span { display: block; }
.flow-list li .h { text-align: center; }
.flow-list li .h h4 { background-color: #92CAE5; color: #FFF; font-size: 2rem; text-align: center; padding: 2.5rem; font-weight: 500; border-radius: 0.5rem; }
.flow-list li .h .arrow { display: inline-block; width: 1.8rem; aspect-ratio: 17 / 12; fill: #D71518; margin-top: 1.5rem; }
.flow-list li:last-child .h .arrow { display: none; }
.flow-list li:nth-child(1) .h h4 { background-color: #268BBB; }
.flow-list li:last-child .h h4 { background-color: #E28DB2; }
.flow-list li .t {}
.flow-list li .t h5 { background-color: #92CAE5; color: #FFF; font-size: 2rem; text-align: left; padding: 0.5rem 1rem; font-weight: bold; border-radius: 0.5rem;}
.flow-list li:nth-child(1) .t h5 { background-color: #268BBB; }
.flow-list li:last-child .t h5 { background-color: #E28DB2; }
.flow-list li .t p { color: #000; }
@media screen and (max-width:896px) { /* m */
	.flow-wrap { padding: 4rem; }
	.flow-list li { grid-template-columns: 20rem 1fr; gap: 2rem; }
}
@media screen and (max-width:480px) { /* s */
	.flow-list li { grid-template-columns: 1fr; padding-bottom: 3rem; }
	.flow-list li:last-child { padding-bottom: 0; }
	.flow-list li .h .arrow { position: absolute; bottom: 0; }
	.flow-list li .h h4 { padding: 0.5rem 1rem; }
	.flow-list li .t h5 { display: none; }
}