@charset "utf-8";

/*------------------------------------------------------

corporation/index.html

-------------------------------------------------------*/
.corp-merit-area{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem 0;
}

.corp-merit-list{
	width: 16.5rem;
	min-height: 16.5rem;
	background-color: #FCFAF5;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	line-height: 1.5;
}

.corp-list{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}

.corp-item{
	width: 23%;
	background-color: #FFF7F7;
	border-radius: 0.7rem;
	padding: 1.0rem 0.7rem;
}

.corp-item-img{
	width: 3.6rem;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.corp-item-text{
	font-size: 1.3rem;
	color: #C20E45;
	font-weight: 600;
	text-align: center;
	margin-top: 0.5rem;
}

@media screen and (min-width: 780px) {
	.corp-merit-list{
		width: 48%;
		min-height: 160px;
		gap: 30px 0;
	}

	.corp-item{
		width: 23%;
		padding: 30px;
	}

	.corp-item-img{
		width: 100px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.corp-item-text{
		font-size: 18px;
		margin-top: 15px;
	}
}

/*--------------------
corp-flow-btn
---------------------*/

.bt-on-text {
    position: relative;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    color: #C20E45;
}

.bt-on-text::before {
    position: absolute;
    content: "";
    width: 1.5rem;
    height: 1px;
    top: 50%;
    left: 17%;
    transform: rotate(45deg);
    background-color: #C20E45;
}
.bt-on-text::after {
    position: absolute;
    content: "";
    width: 1.5rem;
    height: 1px;
    top: 50%;
    right: 17%;
    transform: rotate(135deg);
    background-color: #C20E45;
}

.corp-flow-btn {
    margin: 1.5em auto 0;
}

.corp-flow-btn.is-left {
    margin: 1.5em auto 0 0;
}

.sp-mt-0 {
	margin-top: 0;
}
.sp-mt-20 {
	margin-top: 2rem;
}

@media screen and (min-width:780px) {
    .pc-corp-flow-mt {
        margin-top: 40px !important;
    }
    .corp-flow-btn {
        width: 300px;
    }
    .bt-on-text {
        font-size: 16px;
    }
    
    .bt-on-text::before {
        width: 17px;
        left: 33%;
    }
    .bt-on-text::after {
        width: 17px;
        right: 33%;
    }

    .sp-mt-0 {
        margin-top: 20px;
    }

    .sp-mt-20 {
        margin-top: 40px;
    }

	.sp-blank {
		padding-left: 0.5em;
	}
    
}

/*--------------------
corp-flow-table 
---------------------*/

.corp-flow-table{
	border-collapse: collapse;
	overflow-x: scroll;
	display: flex;
	padding-bottom: 1.0rem;
	border-radius: 0.3rem;
}

.corp-flow-table th,
.corp-flow-table td{
	padding: 0.4rem;
}

.corp-flow-table tbody{
	min-width: 42.5rem;
	border-top: 0.1rem solid #D6D6D6;
	border-left: 0.1rem solid #D6D6D6;
	border-bottom: 0.1rem solid #D6D6D6;
}

td.w-10{
	width: 10rem;
	min-width: 10rem;
}

td.w-9{
	width: 9.3rem;
	min-width: 9.3rem;
}

th.w-20{
	width: 20rem;
	min-width: 20rem;
}

th.w-25{
	width: 25rem;
	min-width: 25rem;
}

.corp-flow-table td,
.corp-flow-table th{
	border-right: 0.1rem solid #D6D6D6;
	border-bottom: 0.1rem solid #D6D6D6;
}

.is-border-b-0 {
    border-bottom: 0 !important;
}

.corp-flow-table tbody:last-child {
    border-bottom: none;
}

.corp-flow-table tr,.corp-flow-table td:last-child  {
	border-bottom: 0.1rem solid #D6D6D6;
}

@media screen and (min-width: 780px) {
	.tab-inner{
		padding: 30px 15px;
	}

	.corp-flow-table{
		display: table;
		width: 100%;
	}

	.corp-flow-table tbody{
		min-width: 100%;
		width: 100%;
	}

	td.w-10{
		width: 20%;
		min-width: auto
	}

    th.w-20{
        width: 40%;
        min-width: auto;
    }

	th.w-25{
		width: 40%;
		min-width: auto;
	}
}
/* ---------------------------
destination-box 
--------------------------- */

.destination-box {
	background-color: #FCFAF5;
	border-radius: 3px;
	text-align: center;
	border: 1px solid #C20E45;
}

.destination-box-title {
	font-size: 1.2rem;
	text-align: center;
	color: #FFFFFF;
	background-color: #C20E45;
	height: 20%;
	padding: 0.5rem;
	border-radius: 3px 3px 0 0;
}

.destination-text {
	font-size: 1.4rem;
	font-weight: 700;
	color: #C20E45;
    padding: 1rem;
}

@media screen and (min-width:780px) {
    .destination-counter-title {
        font-size: 14px;
		padding: 1rem;
	}
    .destination-text {
        font-size: 16px;
    }

	.destination-box-title {
		font-size: 14px;
	}
}

/* ---------------------------
corp-flow-nav
--------------------------- */

.corp-flow-nav {
    background-color: #FCFAF5;
    padding: 3rem 1.5rem;
    margin-top: 6rem;
}

.corp-flow-nav-title {
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
}

.corp-flow-nav-list {
    margin-top: 3rem;
}

.corp-flow-nav-item {
    display: block;
    font-size: 1.4rem;
    border-bottom: 1px solid #D6D6D6;
    padding-bottom: 1.5rem;
    transition: 0.3s;
}

.corp-flow-nav-item:hover {
    color: #D6D6D6;
}

@media screen and (min-width:780px) {

    .corp-flow-nav-list {
        margin-top: 40px;
    }
    .corp-flow-nav-title {
        font-size: 18px;
    }
    .corp-flow-nav-item {
        font-size: 16px;
        border-bottom: 1px solid #D6D6D6;
        padding-bottom: 1.5rem;
        transition: 0.3s;
    }
}