/*

ファイル名：style.css
概要：このcssファイルはレスポンシブページの設定を記述
サイト名：BrushUP学び
URL：http://www.brush-up.jp
コピーライト：(c) Paseli Co.,Ltd. All Rights Reserved.

*/

/* common */
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; list-style-type : none ;}
html{ overflow-y: scroll;}
body { font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; color:#333; line-height:1.45; background:#fff; margin:0 auto; font-size:13pX; width:100%;}
.bread{background:#FFF;margin:2% 0;padding:2%;text-align:left;border:1px dotted #E4DDC9;}
img{width:100%;}
a{color:#4a6494 !important;}
a img{border: none;}
a:hover{text-decoration:none !important;}
.cf:after { content: ""; clear: both; display: block;}
.f_r { float: right;}
.f_l { float: left;}
.round{ position: relative;}
.read{ padding:2%;}
.head_img{ margin-bottom:1%;}

/* unique */
.page_top{ text-align:right; padding:0 0 3%;}
.link_header{ width:100%; padding:3% 0;}
.link_header img{ width:30% !important; float:left; margin-right:3%;margin-left: 3%;}
.link_header h2{ width:60%; float:left; text-align:left; font-size:100%;}
.skill_link{ margin:5% auto; text-align:center;margin-bottom: 0;}
.skill_link p{ margin-bottom:8px;}
.link_wrap dl dt{width:12%; margin-right:3%; padding:2%; color:#fff; font-size:100%; text-align:center; border-radius:5px;}
.area {background: #fc5625;}
.tsushin {background: #0b47a1;}

.banner_div img{width: 100%; display: block;}
.compunctiousWrod_title img{width: 867px;display: block;margin: 0 auto;}
.compunctiousWrod{overflow: hidden;background-color: #f5e5cc;padding: 10px 20px;}
.cw_modular{float: left;text-align: center;}
.cw_modular_mar{margin: 0 8px;}
.cw_modular img{display: block;}
.arrow{text-align: center;padding-bottom: 10px;}
.arrow span{display: inline-block;width: 0;height: 0;border-top: 50px solid #d9383a;border-right: 80px solid transparent;border-left: 80px solid transparent;}
#content_wrap{background-color: #ffeff0;border: 2px solid #ef8da3;padding-bottom: 35px;}
.content_title{padding: 35px 0 30px;}
.content_nav{overflow: hidden;padding: 0 40px;}
.content_nav_bar{width: 33.33%;float: left;text-align: center;}
/*.content_nav_bar a:hover{opacity: 0.8;}*/
.content_nav_bar img{width: 217px;}
.type_wrap_bg{background: url(../images/type_wrap_bg.png);background-size: 98.2105% auto;background-repeat: no-repeat;background-position: center 30px;}
.type_wrap{background-color: #FFFFFF;width: 91.5789%;margin: 0 auto;margin-top: 40px;border: 2px solid #7caf22;}
.type_wrap_border{height: 18px;background: url(../images/type_wrap_border.png);background-size: auto 100%;}
.type_wrap_title{text-align: center;padding: 40px 0;}
.type_wrap_title img{width: 813px;}
.type_wrap_txt{width: 91.5789%;margin: 0 auto;font-size: 14px;word-wrap:break-word;}
.skillWrap_title{text-align: center;padding: 30px 0;}
.skillWrap_title img{width: 822px;}
.type_wrap_border_mt{margin-top: 7%;}
.type_wrap_border02{height: 18px;background: url(../images/type_wrap_border02.png);background-size: auto 100%;}
#TYPE2{border: 2px solid #ff9800;}
.type_wrap_border03{height: 18px;background: url(../images/type_wrap_border03.png);background-size: auto 100%;}
#TYPE3{border: 2px solid #00b7ee;}
.skill_link a {display: block;margin: 2% auto 3%;border: 1px solid #666;color: #666 !important;padding: 2%;text-align: center;text-decoration: none !important;width: 54%;border-radius: 100px;font-weight: bold;}
.skill_link a:hover {color: #FFFFFF !important;background-color: #666;}

.content_wrap02{margin-top: 40px;padding: 35px 0;background-color: #ffca7c;margin-bottom: 40px;}
.content_title02_box{background-color: #ede4dc;width: 96%;margin: 0 auto;padding: 18px 0;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;display: block;}
.content_title02{background-color: #FFFFFF;width: 96%;margin: 0 auto;padding: 15px 0;border: 4px dotted #f8b551;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;}
.content_title02 img{display: block;width: 822px;margin: 0 auto;}
.content_txt02_box{background-color: #ede4dc;width: 85%;margin: 0 auto;padding: 10px 0 23px;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;display: block;position: relative;top: -2px;}
.content_txt02{background-color: #FFFFFF;width: 95%;min-height: 110px;margin: 0 auto;padding: 15px 0;border: 4px dotted #f8b551;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;position: relative;}
.content_txt02_img{width: 164px;position: absolute;left: -20px;bottom: -15px}
.content_txt02_img_sp{display: none;}
.txt02_connect{width: 90%;padding: 0 5%;overflow: hidden;position: absolute;top: -47px;}
.txt02_connect span{display: block;width: 12px;height: 60px;background-color: #898989;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;float: left;margin-right: 17.8%;}
#connect06{margin-right: 0;}
.content_txt02_txt{padding: 15px 2% 0px 21%;}
.content_txt02_txt span{font-size: 14px;word-wrap: break-word;}
.banner_div_sp{display: none;}
.compunctiousWrod_title_sp{display: none;}
.compunctiousWrod_title_sp img{display: block;width: 85%;margin: 0 auto;}
.compunctiousWrod_sp{display: none;background-color: #f5e5cc;padding: 15px 0px 5px;}
.compunctiousWrod_sp img{display: block;width: 90%;margin: 0 auto;}
.content_title_sp,.nav_bar_sp,.wrap_title_sp,.skillWrap_title_sp{display: none;}
.content_title02_sp{display: none !important;}



@media screen and (min-width: 641px) {
body{ width:950px;}
.pc_none{ display:none !important;}
.title{ margin-bottom:15px;}
#school{ margin-top:20px;}

.link_wrap {width: 800px;}
.link_wrap dl{ width:370px;!important;}
.link_wrap dl dt{ width:54px; margin-right:10px !important;padding: 1%;font-size:12px;}
.link_wrap dl dd{ width:290px !important;font-weight:700;}
.link_wrap dl dt,.link_wrap dl dd{ float:left;}
.page_top{ text-align:right; margin:0 auto; padding:0;}
.link_header{ width:100%; padding:20px 0;}
.link_header img{ width:157px !important; margin-right:15px;margin-left: 10px;}
.link_header h2{ width:700px; font-size:14px !important;color: #6b6b6b;}
.link_box dt{ width:140px !important; margin-right:12px !important; float:left;}
.link_box dd{ width:200px !important; float:left;}
.link_inner{ width:780px; padding:15px 0 7px; margin:0 auto;}
.skill_link a {width: 300px;}
	
}


@media screen and (max-width: 640px) {
.sp_none{ display:none !important;}
.link_wrap{width:96% ;margin-top:3% !important}
.link_wrap dl{width:49%; text-align:left !important;}
.link_wrap dl dd{width:78% !important;font-weight:700;}
.link_wrap dl dd a{display:block; margin-top:1% !important;}
.link_wrap dl dt, .link_wrap dl dd{float:left !important;}
.area {background: #fc5625;}
.tsushin {background: #0b47a1;}
.skill_link a{ display:block; margin:5% auto 0%; border:1px solid #666; color:#666 !important;padding:2%; text-align:center; text-decoration:none !important;width:54%; border-radius:100px;}
.skill_link a:hover{ color:#fff !important; background:#666 !important; border:1px solid #666;}
.page_link .last{ margin-right:0 !important;}
.type_wrap_bg {background-size: 99.2105% auto;background-position: center 15px;}
.banner_div,.compunctiousWrod_title,.compunctiousWrod,.content_title_pc,.nav_bar,.wrap_title,.skillWrap_title_pc{display: none;}
.banner_div_sp,.compunctiousWrod_title_sp,.compunctiousWrod_sp,.content_title_sp,.nav_bar_sp,.wrap_title_sp,.skillWrap_title_sp{display: block;}
.arrow span {border-top: 30px solid #d9383a;border-right: 50px solid transparent;border-left: 50px solid transparent;}
.content_nav {padding: 0 2%;}
.content_nav_bar img {width: 95%;margin: 0 auto;}
.type_wrap_title {padding: 20px 0;}
.type_wrap_title img {width: 97%;margin: 0 auto;}
.wrap_title02_sp{width: 85% !important;}
.skillWrap_title {padding: 30px 0 15px;}
.skillWrap_title img{width: 97%;margin: 0 auto;}
.content_title02 img {display: block;width: 822px;margin: 0 auto;}
.content_title02_pc{display: none !important;}
.content_title02_sp{width: 90% !important;display: block !important;}
.content_title02_box {width: 96%;padding: 3% 0;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.content_title02 {width: 92.5%;padding: 15px 0;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.txt02_connect span {width: 3.5%;height: 40px;margin-right: 28.5%;}
.txt02_connect {width: 80%;padding: 0 10%;top: -30px;}
#connect04,#connect05{display: none;}
.content_txt02_box {width: 85%;padding: 0px 0 3%;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;top: 0;}
.content_txt02 {width: 90%;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.content_txt02_txt {padding: 15px 4% 0px 30%;}
.content_txt02_img{display: none;}
.content_txt02_img_sp{display: block;width: 45%;position: absolute;left: -15%;bottom: -10px;}

}