@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {font: 13px/1.8 "Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif";color: #000;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul,ol {list-style:none;}
blockquote, q {quotes:none;
}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {width: 100%;border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;  border-top:1px solid #ccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
iframe {border: 0;}
img {vertical-align: top;font-size:0;line-height: 0;}
h1, h2, h3, h4, h5, h6{ line-height:1.4;}
a { color: #09307e; text-decoration: none;}
a:hover, a:active { color: #5574b3;}
a:active, a:focus { outline: none; }
a:hover img {opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}
.fl {float:left;}
.fr {float:right;}
.tc {text-align: center;}
header {text-align: center;overflow:hidden;}
#wrapper {min-width:1000px;}
.block {width:1000px;margin: 0 auto;}
.block .sns_block {overflow:hidden;max-width:600px; margin: 40px auto 0;text-align: center;padding: 25px;border: 1px solid #d5d5d5;background: #fff;}
.block .btn_block {border: 3px solid #09307e;margin-top: 15px;padding: 30px;}
section {padding: 70px 0;}
section:nth-child(even) {background: #f5f5f5;border-top: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5;}
.btn_list {margin-top: 30px;text-align: center;}
.btn_list li {margin: 0 15px;display: inline-block;}
h2.title {font-size: 28px;font-weight: normal; color:#09307e;}
h2.title em,.f16 em {font-size: 38px;font-weight: bold; font-style: normal; color:#09307e;}
footer {background: #09307e;text-align: center;padding: 10px 0;}
footer p {font-size: 12px;color:#fff;margin: 0!important;}
#pagetop {position: fixed;bottom: 30px;right: 30px;}
.ninja_onebutton {width: 410px;margin: 20px auto 0;}
.twitter_tweet_box_count iframe {width: 70px!important;}

/* -----------------------------------------------------
	OSUSUME
----------------------------------------------------- */
.osusume header {height: 550px;background: url(../images/main_bg.jpg) no-repeat;background-size: cover;background-position: 50% 50%;background-position: 0 0\9;padding-top: 90px;}
.osusume header h1 {margin-bottom: 40px;}
.osusume p {font-size: 14px;margin-top: 15px;}
.osusume .block .ph_block,.pp,.seo .block .ph_block,.web .block .ph_block {overflow:hidden;}
.osusume .block .ph_block:nth-child(2) {margin-top: 40px;padding-top: 40px;border-top: 1px solid #d5d5d5;}
	.ph_block span {width: 275px;display: block;}
	.ph_block .text {width: 700px;}
	.ph_block h2.title {padding-bottom: 10px;border-bottom: 1px solid #d5d5d5;}
.osusume .block .sub_btn li {font-size: 12px; margin-top: 7px;padding-bottom: 5px;border-bottom: 1px dotted #09307e;background: url(../images/btn_arrow.gif) no-repeat right 6px;}
.osusume .block .sub_btn li a {display: block;}
.osusume .block .center_block {margin-top: 50px;text-align: center;}
	.center_block h3 {margin-top: 40px;}
.osusume .block .ranking a {text-align: left;border: 1px solid #d5d5d5;margin-top: 35px;padding: 25px;background: #fff;border-radius: 4px;display: block;}
	.ranking h4 {font-size: 20px;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dotted #d5d5d5;}
	.ranking a p  {color:#000;}
	.ranking a:hover p {color:#666;}
	.ranking .more_text {font-size: 12px;text-align: right;margin-top: 10px;}
	.ranking a .more_text {color: #09307e!important;}
	.ranking a:hover .more_text {color: #5574b3!important;}
.osusume .tc_block {text-align: center;}

/* -----------------------------------------------------
	TEIKEI
----------------------------------------------------- */
.teikei header {height: 700px;background: url(../teikei/images/t_main_bg.jpg) no-repeat;background-size: cover;background-position: 50% 50%;background-position: 0 0\9;padding-top: 90px;}
.teikei header h1 {margin-bottom: 40px;}
.teikei header .address {margin-top: 50px;display: block;}
.teikei .t_btn {margin-top: 20px;}
.teikei .t_btn dd {font-size: 18px;margin: 10px 0 0;}
.teikei header .t_btn a {color:#fff;text-decoration: underline;}
.teikei header .t_btn a:hover {text-decoration: none;}
.teikei p {font-size: 14px;margin-top: 15px;}
.teikei p.balloon {margin: 30px 0;}
.teikei .t_case {margin: 70px 0 70px -35px;overflow:hidden;}
.teikei .t_case li {width: 310px;margin-left: 35px;float:left;}
.teikei p.case_text {margin-top: 40px;}
.teikei #issue {margin: 0 0 50px;}
.teikei #issue dt {margin: 60px 0 15px;}
.teikei #issue dd {font-size: 20px;font-weight: bold;line-height:1.4;color:#ff1111;}
.teikei #issue dd i {margin-top: 10px;display: inline-block;}
.teikei h3 {margin-bottom: 50px;}
.teikei .tt_block {margin: 70px 0 70px;text-align:center;}
.teikei .tt_block li {display: inline-block;margin: 0 15px;}
.teikei .seminar {overflow:hidden;margin-bottom: 40px;}
.teikei .seminar span {width: 250px;float: left;display: inline-block;}
.teikei .seminar .seminar_text {width: 730px;float: right;text-align: left;margin-top: -15px;}
.teikei .seminar .seminar_text p {font-size: 13px; line-height:1.7;}
.teikei .seminar_at {font-size: 22px;font-weight: bold;color:#09307e;text-align: center; }
.teikei .flow {height: 755px;margin: 60px 0; background:url(../teikei/images/t_flow.gif) no-repeat;position: relative; }
.teikei .t_tel {position: absolute;right:30px; bottom:30px;}

/* -----------------------------------------------------
	SEO
----------------------------------------------------- */
.seo header {height: 500px;background: url(../seo/images/s_main_bg.jpg) no-repeat;background-size: cover;background-position: 50% 50%;background-position: 0 0\9;padding-top: 100px;}
.seo header h1 {margin-bottom: 40px;}
.seo p {font-size: 14px;margin-top: 15px;}
.seo .block .ph_block {margin-top: 40px;padding-top: 40px;border-top: 1px solid #d5d5d5;}
.seo .block .ph_block:first-child {margin-top: 0;padding-top: 0;border-top: none;}
.seo .block i {font-style: normal;font-weight: bold;color:#09307e;}
.seo .seo_bb_list li {font-weight: bold;color:#09307e;margin: 5px 0 0 20px;list-style:square;}
.seo .seo_point_list {width: 275px;float: right;margin-top:-10px; }
.seo .seo_point_list li {margin-top: 10px;}
.seo .merit_block {text-align:center; padding: 20px 10px;border: 1px solid #d5d5d5;background: #fff;}
.seo .merit_block li {margin: 0 5px 30px; display: inline-block;}
.seo .f16 {font-size: 16px;font-weight: bold;}
.seo .compare,.seo .course_title {margin-top: 50px;}
.seo .course_block {padding: 50px 0;border-top: 1px solid #09307e;}
.seo .course_title+.course_block {border-top: none;}
.seo .s_icon {margin-top: 40px;}
.seo .s_icon li {margin: 0 5px; display: inline-block;}

.seo .voice_block {margin-top: 50px;padding: 40px 20px 20px; border:1px solid #09307e;position: relative;}
	.voice_block h4 {width: 100%; position: absolute;top:-25px;}
	.voice_block .voice {margin-top: 15px;padding: 10px; background: #09307e;border-radius: 4px;overflow:hidden;}
	.voice_block .voice .ph {width: 100px;float:left;}
	.voice_block .voice .text {width: 820px;text-align:left;color:#fff;float:right;}
	.voice_block .voice .text h5 {font-size: 24px;padding-bottom: 5px;border-bottom: 1px solid #fff;}
	.voice_block .voice .text p {font-size: 12px;line-height:1.6; margin-top: 10px;letter-spacing: 0.1em;}
	.voice_block .re_at {font-size: 10px;text-align:left;}
.seo .seo_tel {margin: 50px 0 100px;}


/* -----------------------------------------------------
	WEB
----------------------------------------------------- */
.web header {height: 460px;background: url(../web/images/w_main_bg.jpg) no-repeat;background-size: cover;background-position: 50% 50%;background-position: 0 0\9;padding-top: 100px;}
.web header .h_block {margin-bottom: 40px;overflow:hidden;}
.web header h1 {width: 600px;margin-top: 30px; float: left;}
.web header p {width: 346px;float: right;}
.web .block .ph_block {margin-top: 40px;padding-top: 40px;border-top: 1px solid #d5d5d5;}
.web .block .ph_block:first-child {margin-top: 0;padding-top: 0;border-top: none;}
.web .block .web_bringingup {margin-top: 60px;}
.web .w_text p,.web .text p {font-size: 14px;margin-top: 15px;}
.web .w_change {min-height:345px;background: url(../web/images/w_change.jpg) no-repeat right bottom;}
	.w_change h2.title {max-width:700px; padding-bottom: 10px;border-bottom: 1px solid #d5d5d5;}
	.w_change p {font-size: 14px;line-height:2.1;margin-top: 15px;}
.web .w_flow {height:700px;background: url(../web/images/w_s1_bb.gif) no-repeat;}
	.w_flow .pc_pic {position: relative;top:385px;left:220px;}
.web .tip {background:rgba(213,213,213,0.9);display:none;padding:15px;border-radius: 4px;position:absolute;z-index:1000;}
	.w_flow a:hover img,.w_case_list a:hover img,.web header p a:hover img {opacity: 1;filter: alpha(opacity=100);-ms-filter: "alpha(opacity=100)";}
.web .f20 {font-size: 20px;font-weight: bold;margin-top: 40px;}
.web .f34 {font-size: 34px;font-weight: bold;margin-top: 10px;color:#ff8400;}
.web #w_work {margin: 40px 0 0 -20px;overflow:hidden;}
	#w_work li {width: 231px;margin-right: 20px; padding: 20px 0; border: 2px solid #d5d5d5;border-radius: 4px;text-align: center;float:left;}
	#w_work li span {font-size: 15px;font-weight: bold;display: block;margin-top: 20px;}
.web .s_icon {margin-top: 40px;}
.web .s_icon li {margin: 0 5px; display: inline-block;}
.web .w_free {margin-top: 40px;padding-top: 40px;border-top: 1px solid #d5d5d5;text-align: center;}
	.w_free p {font-size: 14px;margin-top: 30px;}
.web .f16 {font-size: 16px;font-weight: bold;margin-top: 40px;}
.web .w_case_title {margin: 60px 0 0 0;text-align: center;}
.web .w_case_list {margin: 30px 0 0 -20px;overflow:hidden;}
	.w_case_list li {width: 184px;margin-left: 20px;float: left;}
.web .seo_tel {margin: 50px 0 100px;}