@charset "UTF-8";
/* =====================================================================================================================
=
= なにわ歯科衛生専門学校
= admission index
=
===================================================================================================================== */

/*
- admission 共通
--------------------------------------------------------------------------------------------------------------------- */
#admission{}
#admission #content-header h1{
	background-image:url('/_assets/img/pc/admission/main_image.jpg');
}

/*
- index 入学試験
--------------------------------------------------------------------------------------------------------------------- */
#admission.index{}
#admission.index #anchor-link{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items: stretch;
	margin-bottom: 62px;
}

#admission.index #anchor-link .item{
	display: flex;
	flex-flow: column wrap;
	align-items:stretch;
	justify-content: stretch;
	width:32%;
}

#admission.index #anchor-link .item .text-lead{
	text-align:center;
}

#admission.index #anchor-link .item > ul{
	flex: 1;
	padding:20px;
	background:url('/_assets/img/ico_naniwa02.png') no-repeat 96% 93%;
	background-size:48px auto;
	border:1px solid #ff88bf;
	border-radius:10px;
}

#admission.index #anchor-link .item > ul li{
	position:relative;
	padding-left:14px;
}

#admission.index #anchor-link .item > ul li::before{
	content:'';
	display:inline-block;
	position:absolute;
	top:50%;
	left:0;
	width:10px;
	height:10px;
	margin-top:-6px;
	background:#ff88bf;
	border-radius:50%;
}

#admission.index #anchor-link .item a{}
#admission.index #anchor-link .item a:hover{
	text-decoration:underline;
}

/*追加コンテンツ(2024.3.12)*/
#admission.index .web_entry {
    margin-bottom: 60px;
}
#admission.index .web_entry h3 {
    font-size: 2rem;
    letter-spacing: 0;
    line-height: 1.2em;
    font-weight: bold;
    color: #FF86CB;
    padding: 13px 29px;
    box-sizing: border-box;
    border: solid 1px #FF86CB;
    border-radius: 8px;
    margin-bottom: 45px;
}
#admission.index .web_entry h4 {
    font-size: 2.2rem;
    letter-spacing: 0;
    line-height: 1;
    color: #FF86CB;
    /*font-family: "Hiragino Sans W6", sans-serif;*/
    font-weight: bold;
    margin-bottom: 12px;
}
#admission.index .flow {
    margin-bottom: 90px;
}
#admission.index .flow .flow_cont {}
#admission.index .flow_box {
    position: relative;
    display: flex;
    justify-content: flex-start;
    padding: 8px 20px;
    box-sizing: border-box;
    background: #FFF7FC;
    border: solid 1px #FF86CB;
    border-radius: 8px;
    margin-bottom: 35px;
}
#admission.index .flow_box:last-child {
    margin-bottom: 0;
}
#admission.index .flow_box::before {
    position: absolute;
    content: "▼";
    bottom: -24px;
    left: 0;
    width: 100%;
    height: 1em;
    font-size: 1.5rem;
    color: #FF86CB;
    text-align: center;
}
#admission.index .flow_box:last-child::before {
    display: none;
}
#admission.index .flow_box_num {
    width: 1em;
    font-size: 1.8rem;
    letter-spacing: 0;
    line-height: 1.33em;
    font-weight: bold;
    color: #FF86CB;
    margin-right: 36px;
}
#admission.index .flow_box_txt {
    font-size: 1.8rem;
    letter-spacing: 0;
    line-height: 1.33em;
    font-weight: bold;
    color: #FF86CB;
}
#admission.index .web_entry_box {
    margin-bottom: 60px;
}
#admission.index .web_entry_box:last-child {
    margin-bottom: 0;
}
#admission.index .web_entry_txt {
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 1.5em;
}
#admission.index .web_enrty_btn {
    display: flex;
    justify-content: space-between;
    margin: 18px 0 32px;
}
#admission.index .web_enrty_btn .btn {
    max-width: 301px;
    width: 31.22%;
    background: #FF86CB;
    font-size: 1.6rem;
    letter-spacing: 0.03em;
    text-align: center;
    border-radius: 37px;
    cursor: pointer;
    position: relative;
    box-shadow: 0px 4px 0px -1px rgba(173,93,139,1);
    font-weight: bold;
    box-sizing: border-box;
}
#admission.index .web_enrty_btn .btn:hover {
	box-shadow: none;
	transform: translateY(4px);
}
#admission.index .web_enrty_btn .btn::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 45%;
    right: 15px;
}
#admission.index .web_enrty_btn a {
    display: block;
    color: #FFF;
    height: 73px;
    line-height: 73px;
}

/*
- media query (smart phone)
--------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:767px){
	#admission.index{}
	#admission.index #anchor-link{
		flex-flow:column wrap;
		margin-top: 20px;
		margin-bottom: 0;
	}

	#admission.index #anchor-link .item{
		flex-flow: column wrap;
		width:100%;
		margin-bottom: 20px;
	}

	#admission.index #anchor-link .item .text-lead{
		text-align:center;
	}

	#admission.index #anchor-link .item > ul{
		flex: 1;
		padding:10px 4%;
	}

	#admission.index #anchor-link .item > ul li{}
	#admission.index #anchor-link .item > ul li::before{}
/*-add190605-*/
.scroll-table{
	overflow: visible;
	}
	table.default-table,
	table.default-table tr,
	table.default-table th,
	table.default-table td,
	table.default-table tbody,
	table.default-table thead{
		display: block;
		width: 100%;
		text-align: left;
	}
		table.default-table tr + tr th,
	table.default-table tr+ tr td,
		table.default-table th + td{
		border-top: none;
	}
    
    /*追加コンテンツ(2024.3.12)*/
    #admission.index .web_entry {
        margin: 30px 0 50px;
    }
    #admission.index .web_entry h3 {
        font-size: 1.4rem;
        line-height: 1.6em;
        padding: 5px 12px;
        border-radius: 6px;
        margin-bottom: 20px;
    }
    #admission.index .web_entry h4 {
        font-size: 1.4rem;
        margin-bottom: 10px;
    }
    #admission.index .flow {
        margin-bottom: 50px;
    }
    #admission.index .flow .flow_cont {}
    #admission.index .flow_box {
        padding: 10px 4%;
    }
    #admission.index .flow_box::before {
        bottom: -20px;
        font-size: 1.4rem;
    }
    #admission.index .flow_box_num {
        font-size: 1.6rem;
        margin-right: 15px;
    }
    #admission.index .flow_box_txt {
        font-size: 1.6rem;
    }
    #admission.index .web_entry_box {
        margin-bottom: 30px;
    }
    #admission.index .web_entry_box:last-child {
        margin-bottom: 0;
    }
    #admission.index .web_entry_txt {
        font-size: 1.4rem;
    }
    #admission.index .web_enrty_btn {
        display: flex;
        flex-wrap: wrap;
        margin: 20px 0 30px;
    }
    #admission.index .web_enrty_btn .btn {
        max-width: 301px;
        width: 100%;
        margin: 0 auto 15px;
        background: #FF86CB;
        font-size: 1.6rem;
        letter-spacing: 0.03em;
        text-align: center;
        border-radius: 37px;
        cursor: pointer;
        position: relative;
        box-shadow: 0px 4px 0px -1px rgba(173,93,139,1);
        font-weight: bold;
        box-sizing: border-box;
    }
    #admission.index .web_enrty_btn .btn:hover {
        box-shadow: none;
        transform: translateY(4px);
    }
    #admission.index .web_enrty_btn .btn::after {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        border-top: 2px solid #FFF;
        border-right: 2px solid #FFF;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 45%;
        right: 15px;
    }
    #admission.index .web_enrty_btn a {
        display: block;
        color: #FFF;
        height: 73px;
        line-height: 73px;
    }
}