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

/*
- Campuslife 共通
--------------------------------------------------------------------------------------------------------------------- */
#campuslife{}
#campuslife #content-header h1{
	background-image:url('/_assets/img/pc/campuslife/main_image.jpg');
}
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
visibility:hidden;
}
.clearfix{ display: inline-block; }
/*
- oneday 学生の一日
--------------------------------------------------------------------------------------------------------------------- */
.flex_wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.everyday-ttl{
    margin: 0 auto 75px;
    text-align: center;
}
.everyday-ttl dt{}
.everyday-ttl dt img{
	width: 100%;
	max-width: 873px;
}
.everday-box {
	width: 100%;
	margin: 0 auto 187px;
}
.everday-box .ttl_area {
	width: 100%;
	margin-bottom: 85px;
	text-align: center;
}
.everday-box .ttl_area h3 {
	width: 100%;
	margin: 0 auto 40px;
}
.everday-box.alone .ttl_area h3 {
	max-width: 400px;
}
.everday-box.home .ttl_area h3 {
	max-width: 392px;
}
.everday-box .ttl_area h4 {
	font-size: 1.8rem;
	letter-spacing: 0;
	line-height: 1.66em;
	font-weight: bold;
	color: #012264;
}
.everday-box .inner {
	width: 100%;
}
.everday-box .inner .head_txt {
	width: 47.3%;
	float: left;
	margin-bottom: 90px;
	letter-spacing: 0;
}
.everday-box .inner .head_txt p.ttl {
	font-size: 3rem;
	line-height: 1.66em;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #012264;
	margin-bottom: 30px;
}
.everday-box .inner .head_txt p.name {
	font-size: 1.6rem;
	line-height: 1.5em;
	color: #717171;
}
.everday-box .inner .main_img {
	width: 47.2%;
	float: right;
	margin-bottom: 34px;
}
.everday-box .inner .qa {
	width: 47.3%;
	float: left;
}
.everday-box .inner .qa dl {
	margin-bottom: 55px;
}
.everday-box .inner .qa dt {
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	line-height: 1.63em;
	font-weight: bold;
	color: #012264;
	padding-left: 72px;
	margin-bottom: 15px;
	background: url(/_assets/img/pc/campuslife/oneday/oneday-icon.jpg) no-repeat;
	background-position: 7px center;
	background-size: 43px 44px;
}
.everday-box .inner .qa dd {
	font-size: 1.6rem;
	letter-spacing: 0;
	line-height: 1.5em;
	color: #717171;
}
.everday-box .inner .small_img {
	width: 47.2%;
	float: right;
}
.everday-box .inner .small_img .table {
	margin-bottom: 27px;
}
img {
	max-width: 100%;
}


/*
- media query (tablet)
--------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:963px){/*-add190605-*/
	#everyday-ttl{
    margin: 0 auto 75px;
    width: auto;
    text-align: center;
    font-size: 14px;
}
	.everday-box .inner .head_txt p.ttl br {
		display: none;
	}
}/*-tablet END-*/


/*
- media query (smart phone)
--------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:767px){
	
	.everyday-ttl{
		margin: 0 auto 90px;
		text-align: center;
	}
	.everyday-ttl dt{}
	.everyday-ttl dt img{
		width: 100%;
		max-width: none;
	}
	.everday-box {
		width: 100%;
		margin: 0 auto 257px;
	}
	.everday-box .ttl_area {
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}
	.everday-box .ttl_area h3 {
		width: 65.7%;
		margin: 0 auto 34px;
	}
	.everday-box.alone .ttl_area h3 {
		max-width: none;
	}
	.everday-box.home .ttl_area h3 {
		max-width: none;
	}
	.everday-box .ttl_area h4 {
		font-size: 1.5rem;
		letter-spacing: 0;
		line-height: 1.66em;
		font-weight: bold;
		color: #012264;
	}
	.everday-box .inner {
		width: 100%;
	}
	.everday-box .inner .head_txt {
		width: 100%;
		float: none;
		margin-bottom: 43px;
		letter-spacing: 0;
	}
	#campuslife .everday-box .inner .head_txt p.ttl {
		font-size: 3rem;
		line-height: 1.66em;
		font-family: fot-tsukuardgothic-std, sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #012264;
		margin-bottom: 20px;
	}
	#campuslife .everday-box .inner .head_txt p.name {
		font-size: 1.6rem;
		line-height: 1.5em;
		color: #717171;
	}
	.everday-box .inner .main_img {
		width: 100%;
		float: none;
		margin-bottom: 50px;
	}
	.everday-box .inner .qa {
		width: 100%;
		float: none;
	}
	.everday-box .inner .qa dl {
		margin-bottom: 45px;
	}
	.everday-box .inner .qa dt {
		font-size: 2.2rem;
		letter-spacing: 0.1em;
		line-height: 1.63em;
		font-weight: bold;
		color: #012264;
		padding-left: 75px;
		margin-bottom: 15px;
		background: url(/_assets/img/pc/campuslife/oneday/oneday-icon.jpg) no-repeat;
		background-position: 10px center;
		background-size: 43px 44px;
	}
	.everday-box .inner .qa dd {
		font-size: 1.6rem;
		letter-spacing: 0;
		line-height: 1.5em;
		color: #717171;
	}
	.everday-box .inner .small_img {
		width: 100%;
		float: none;
	}
	.everday-box .inner .small_img .table {
		margin-bottom: 36px;
	}
}