@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

/* サイトタイトル、キャッチコピー非表示 */
#site-title, #site-description {
display: none;
}

/* コースページの、ITと介護のボックスをスマホでは縦並びにする */
@media screen and (min-width: 768px) {
.flexcourse{
	display:flex;
}
}
.flexcourse figure{
	margin:1em;
	border:1px solid #cacaca;
}

.flexcourse span{
	font-size:18px;
	font-weight:bold;
	margin-bottom:2em;
}

.coursebox{
	border-bottom:2px solid #cacaca;
}


/* コースページの、現在募集中の日付の装飾 */
.coursedate{
	background:#FFA500;
	padding:0.2em;
	color:white;
	border-radius:0.2em;
}

/* ヘッダー画像下の空白を小さくする */
@media (max-width: 680px) {
 #body {margin-top: -5px; }
}

#main {
 border: none;
}
.example{
	    background-color: #F4F3EB;
    padding: 20px 20px 20px 72px;
    border-radius: 4px;
    position: relative;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
}

.rei{
    position: absolute;
    top: 20px;
    left: 13px;
	padding:0.5em;
	border-radius:10%;
	background:#C03234;
   color:#ffffff;
}

@media screen and (max-width: 639px){
	#mobile-menu a{
		border:2px solid #333;
	}
}