@charset "shift-jis";
/*

ファイル名：style.css
概要：このcssファイルは2015.3月 婚活ページレイアウトの設定を記述しています。
サイト名：BrushUP学び
URL：http://www.brush-up.jp
コピーライト：(c) Paseli Co.,Ltd. All Rights Reserved.

*/

/* common */
.cf:before, .cf:after { content:""; display:table;}
.cf:after { clear:both;}
.cf { zoom:1;}
.f_l { float:left;}
.f_r { float:right;}
#contwrap{ padding-bottom:2%; background:#fff; text-align:left;}

@media screen and (max-width: 620px) {
.sp_none { display:none;}
.txt-xl{font-size:114%;}
.txt-l{font-size:102%;}
.txt-m{font-size:92%; color:#333;}
}
@media print, screen and (min-width: 621px) {
.pc_none { display:none;}
#contwrap{ padding-bottom:25px;}
}
@media only screen and (max-width: 620px) {
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font-style:normal; font-weight:normal; font-size:100%; vertical-align:baseline;}
html, body{color:#333}
div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, input, textarea, button, table, tr, th, td, article, aside, footer, header, hgroup, nav, section{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
html{overflow-y:scroll;}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
input, textarea{margin:0; padding:0}
ol, ul{list-style:none}
table{border-collapse:collapse; border-spacing:0}
caption, th{text-align:left}
strong, b {font-weight:700;}
a:focus{outline:none}
.clearfix:after{content:"."; display:block; clear:both; height:0; visibility:hidden}
.clearfix{min-height:1px}
a:link{text-decoration:none}
* html .clearfix{height:1px; /*\*/ /*/height:auto; overflow:hidden; /**/}
html{font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
html, body{height:100%; background:#E3F0CE}
body {color: #333;word-break: break-all;font-size: 14px;font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;line-height: 1.5;text-align:center}
body >#wrapper{position:relative; min-height:100%; height:auto !important; height:100%}
#wrapper{overflow:hidden; margin:0 auto; width:100%; background:#fff;}
a{color:#333; -webkit-tap-highlight-color:rgba(200,200,555,.6)}	
#wrap{margin:0 auto; width:100%;}
hr.Foot { display:none;}
.header { overflow:hidden; width: 100%; margin: 0 auto;}
a.logo { display: block; float: left; margin: 5px 10px 5px 5px; width: 100px; height: 26px; background: url(images/sprite.png); background-size: 200px 300px; text-indent: -9999px;}
.header h2 { display: block; float: left; margin: 8px 0 0; width: 150px; text-align: left; font-size: 10px; line-height: 1.2em; font-weight: 200;}
.bread { background: #FFF; margin: 0.5em 0; padding: 0.5em; text-align: left;}
.link_wrap {margin:3% 3% 0 !important;}
.link_wrap dl{width:49%; text-align:left}
.link_wrap dl dt{width:14%; margin-right:3%; padding:2%; color:#fff; font-size:50% !important; text-align:center}
.link_wrap dl dd{width:78%}
.link_wrap dl dd a{display:block; margin-top:1%}
.link_wrap dl dt, .link_wrap dl dd{float:left}
.area{background:#FF656B}
.tsushin{background:#0057C1}
/*tell*/
.tell{padding:0 0 10px}
.tell a{display:block; margin:10px auto 0; color:#03C; text-decoration:underline; font-weight:700; font-size:25px}
.tell a span{display:inline-block; margin:0 5px 0 0; width:50px; height:25px; background:url(images/sprite.png); background-position:0 -100px; background-size:200px 300px; vertical-align:sub; text-indent:-9999px}
/*footer*/
.footer{background:#FFF}
.footer li{border-top:1px solid #CCC}
.footer li:nth-child(odd){border-right:1px solid #CCC}
.footer li a{display:inline-block; padding:10px 0}
.footer p{clear:both; padding:10px 0; background:#74B50A; color:#FFF}
/*cont*/
.cont{margin:0 auto 10px; width:96%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-radius:5px; background:#FFF; -webkit-box-shadow:0px 0px 4px #ccc; -moz-box-shadow:0px 0px 4px #ccc; box-shadow:0px 0px 4px #ccc}
.cont h2{padding:5px; border-top:solid 3px #74B50A; border-bottom:solid 1px #CCC; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; font-weight:700; font-size:14px}
.col2 li{width:50%}
.col2 li:nth-child(odd){float:left}
.col2 li:nth-child(even){float:right}
}
@media print, screen and (min-width: 621px) {
#wrap { width: 950px; margin: 0 auto;}
}

/* content */

#contwrap{ width:100%; background:#fff;}
#contwrap a{color:#03C; text-decoration:underline;}
img{vertical-align:top; width:100%;}
#content_wrap{ background:#FFEFF4; padding:3%;}
.content{ border-radius:30px; background:#FFF; padding:4%; margin-bottom:3%;}
.cont1{ margin:1% auto 3%; text-align:center;}
.cont2{ text-align:center; margin:0 auto 2%;}
.page_link{ width:90%; margin:3% auto;}
.page_link li{ float:left; margin:0 3% 3% 0;}
.page_link a{ color:#333 !important;}
.page_link li .sk1{ color:#FF9966;}
.page_link li .sk2{ color:#FC96C3;}
.page_link li .sk3{ color:#ADB2E5;}
.page_link li .sk4{ color:#9DDCB8;}
.page_link li .sk5{ color:#8CDEFF;}
.skill_wrap{ margin:3% 0 2%; position:relative;}
.skill_txt{ margin:3% 0;}
.skill_txt p{ width:78%;}
.skill_photo{ position:absolute; top:0; right:0; width:20% !important;}
.skill_name{ padding:1%; border-radius:10px; color:#fff; text-align:center; margin:5% 0 4%;}
.skill_name span{ font-size:1.4em; font-weight:bold;}
.skill1{ background:#FF9966;}
.skill2{ background:#FC96C3;}
.skill3{ background:#ADB2E5;}
.skill4{ background:#9DDCB8;}
.skill5{ background:#8CDEFF;}
.school{ border: 1px dotted #B3A05D; border-radius:10px; padding:1%; color:#8C7D47; font-weight:bold; text-align:center; margin:3% 0;}


@media print, screen and (min-width: 621px) {
.content{ padding:25px; margin:0 auto 20px;}
.page_link{ margin: 10px auto;}
.skill_wrap{ margin:10px 0;}
.skill_txt{ margin:15px 0 45px; text-align:left;}
.skill_name{ margin:30px 0 10px;}
.skill_photo{ top:-10px; right:0;}
.img94{ width:94% !important; margin:0 auto;}
.link_wrap {margin:3% 0 0 !important;}
.link_wrap dl{width:49%; text-align:left}
.link_wrap dl dt{width:50px !important; margin-right:3%; padding:2%; color:#fff; font-size:60%; text-align:center}
.link_wrap dl dd{width:78%}
}