@charset "shift-jis";
/* 
ファイル名：style.css
概要：このcssファイルは201903 リカレント特別企画ページレイアウトの設定を記述しています。
サイト名：BrushUP学び
URL：https://www.brush-up.jp
コピーライト：(c) Paseli Co.,Ltd. All Rights Reserved. 
*/

.p-contwrap { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); font-size: 16px; line-height: 1; text-align: left; font-family: 'ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,YuGothic,'Yu Gothic',sans-serif; }
.p-contwrap p { margin: 0; line-height: 1.5; }
.p-contwrap a { text-decoration: none; }
div:after { content: normal;}

/*title*/
.title_wrap { position: relative; }
.title { background: #f1f7fb url(images/title_bg.png) no-repeat right/auto; height:427px; padding: 46px 230px 40px 40px; }
.title img { margin-bottom: 45px; }
.title p { width: 708px; font-size: 14px; line-height: 1.7; color: #585757; }/* width: 638px;*/
.parts { position: absolute; right: 50px; bottom: 120px; }

/*common*/
article { padding: 50px 0; }
section { padding: 0 50px; }
.section_title { margin: 80px 0 100px; }
.head { padding: 50px 50px 47px 380px; margin: 0 50px; }
.head p:first-child { margin-bottom: 20px; font-size: 20px; line-height: 1; }
.head img { margin-bottom: 40px; }
.career .head { background: url(images/career_img.png) left/auto no-repeat; background-color: #fff; }
.mental .head { background: url(images/mental_img.png) left/auto no-repeat; background-color: #fff; }
.why, .voice { background: url(images/parts_bg.png) right 80px/auto no-repeat; }
.career { background-color: #0079c8; }
.mental { background-color: #f02544; }
strong { background: linear-gradient(rgba(0,0,0,0) 57%,#fbeba2 40%) repeat scroll 0 0 rgba(0,0,0,0); font-weight: normal;}

/*why*/
.why_wrap { width: 910px; background: url(images/why_bg.png) top/auto no-repeat; padding-top: 42px; }
.why_inner { background-color: #fff; padding: 30px 50px 150px; }
.why_cont { display: flex; align-items: flex-start; margin-bottom: 80px; }
.why_cont:last-child { margin-bottom: 0; }
.why_cont p { margin-right: 30px; padding: 30px 0 0 20px; }
.career .why_cont p { background: url(images/career_why_parts.png) top left/auto no-repeat; }
.mental .why_cont p { background: url(images/mental_why_parts.png) top left/auto no-repeat; }
.why_cont p:nth-child(2) { margin: 0 0 0 30px; }
.why_cont p img { display: block; margin-bottom: 20px; }
.why_img { height:195px;/*firefox・safari用*/ margin-top: 30px; }

/*voice*/
.voice_wrap { margin-bottom: 80px; }
.voice_inner { position: relative; background: url(images/voice_bg.png) center/auto repeat; background-color: #fff; border-radius: 5px; margin: 20px 0 0 170px; padding: 50px 50px 50px 60px; }
.voice_inner img:first-of-type { position: absolute; left: -170px; top: -30px; }
.voice_inner img:last-of-type { display: block; margin-bottom: 15px; }
.voice_inner b { display: inline-block; margin-bottom: 20px; font-size: 18px; line-height: 1.5; }
.voice_inner-r { margin: 20px 170px 0 0; padding: 50px 60px 50px 50px; }
.voice_inner-r img:first-of-type { left: 710px; top: -30px; }

/*btn common*/
.btn { display: flex; justify-content: space-between; }
.btn a { display: block; font-size: 0; }

/*btn_top*/
.btn_top { width: 910px; margin: 60px auto 50px; }
.btn_top a { width: 432px; height: 73px; }
.btn_top a:first-child { background: url("images/btn_top_l.png") no-repeat; }
.btn_top a:last-child { background: url("images/btn_top_r.png") no-repeat; }
.btn_top a:hover { background-position: 0 -72px; }

/*btn_bottom*/
.btn_bottom { width: 810px; margin: 50px auto 0; }
.btn_bottom a { width: 387px; height: 76px; }
.btn_bottom a:first-child { background: url("images/btn_btm_l.png") no-repeat; }
.btn_bottom a:last-child { background: url("images/btn_btm_r.png") no-repeat; }
.btn_bottom a:hover { background-position: 0 -76px; }

/*recurrent_link*/
.recurrent_link { width: 291px; background: url(images/arrow.png) 136px 135px/auto no-repeat; margin: 50px auto 0; text-align: center; }
.recurrent_link>img { margin: 0 auto 20px; }
.recurrent_link p { margin-bottom: 10px; font-size: 14px; line-height: 1; }
.recurrent_link p, .recurrent_link a { color: #fff; }
.recurrent_link a { display: block; padding: 0 0 71px; font-size: 20px; font-weight: 700; }
.recurrent_link a:hover { text-decoration: underline; }

/*recurrent*/
.recurrent { background-image: url(images/parts_recurrent-l.png), url(images/parts_recurrent-r.png); background-repeat: no-repeat,no-repeat; background-position: 50px 20px,856px 80px; padding: 80px 50px; }
.recurrent > img { display: block; margin: 0 auto 50px; }
.recurrent_cont { background-image: url(images/logo_recurrent.png); background-repeat: no-repeat; background-position: 530px 325px; background-color: #fff8da; padding: 80px 50px; }
.recurrent_cont > img { display: block; margin: 0 auto 50px; }
.point { display: flex; align-items: flex-start; margin-bottom: 40px; }
.point:last-child { margin-bottom: 0; }
.point dl { margin: 20px 0 0 10px; }
.point dt { margin-bottom: 10px; font-size: 25px; font-weight: 700; letter-spacing: -1px; }
.point dd { margin: 0; line-height: 1.4; }
.point img { height:50px;/*firefox・safari用*/}