@charset "utf-8";
/* CSS Document */


/*
===================================================================
 * reset
===================================================================
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
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-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


/*
===================================================================
 * conterts
===================================================================
 */
 /*
.orange #fd7507
.green #36ac3e
.purple #a72c96
.yellow #f6ac17
.pink #f62c75
 
 */
body {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height: 1.6;
	color: #333333;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
}
h1,h2,h3,p {
	-o-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-webkit-transform: rotate(0.028deg);
	transform: rotate(0.028deg);
}
a,
img,
input,
svg,
*:before,
*:after {
	/*transition: all 0.5s;*/
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
a:hover img,
a:hover input,
a.hover:hover,
.btn a:hover,
.btn input:hover {
	text-decoration: none;
	opacity: 0.8;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
img {
	max-width: 100%;
	vertical-align: middle;
	border: none;
}
a {
	color: #000000;
	text-decoration: none;
	/*transition: all .2s ease-in-out;*/
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
li { list-style: none; }

/*clearfix*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix { zoom: 1; }

#main .btn_box { width: 100%; }
#main .btn_red,
#main .btn_green,
#main .btn_blue,
#main .btn_back {
	font-weight: bold;
}
#main .btn_red {
	display: block;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	opacity: 1;
	background: #f42f05; /* Old browsers */
	background: -moz-linear-gradient(left, #f42f05 0%, #f27324 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f42f05 0%,#f27324 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f42f05 0%,#f27324 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#main .btn_green {
	display: block;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	opacity: 1;
	background: #39a444; /* Old browsers */
	background: -moz-linear-gradient(left, #39a444 0%, #83da2f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #39a444 0%,#83da2f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #39a444 0%,#83da2f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#main .btn_blue {
	display: block;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	opacity: 1;
	background: #3e6dc7;
    background: -moz-linear-gradient(left, #3e6dc7 0%, #24a6c6 100%);
    background: -webkit-linear-gradient(left, #3e6dc7 0%,#24a6c6 100%);
    background: linear-gradient(to right, #3e6dc7 0%,#24a6c6 100%);
}
#main .btn_back {
	background: url(../img/common/arrow_back.png) 1em center no-repeat !important;
	border: solid 2px #000000 !important;
	box-sizing: border-box;
}
#main .btn_next:hover,
#main .btn_back:hover,
#main .btn_red:hover,
#main .btn_green:hover { opacity: 0.7; }


.bold { font-weight: bold; }

.bd_orange { border-color: #fd7507 !important; }
.bd_green { border-color: #36ac3e !important; }
.bd_purple { border-color: #a72c96 !important; }
.bd_yellow { border-color: #f6ac17 !important; }
.bd_pink { border-color: #f62c75 !important; }
.bd_blue { border-color: #007a8a !important; }
.bd_blue02 { border-color: #006699 !important; }

.txt_orange { color: #fd7507 !important; }
.txt_green { color: #36ac3e !important; }
.txt_purple { color: #a72c96 !important; }
.txt_yellow { color: #f6ac17 !important; }
.txt_pink { color: #f62c75 !important; }
.txt_blue { color: #007a8a !important; }


/* -- SP -- */
@media screen and ( max-width : 480px ) {

.sp_view { display: block !important; }
.pc_view { display: none !important; }

.mb_5 { margin-bottom: 2vw !important;}
.mb_10 { margin-bottom: 3vw !important;}
.mb_15 { margin-bottom: 4vw !important;}
.mb_20 { margin-bottom: 5vw !important;}
.mb_25 { margin-bottom: 6vw !important;}
.mb_30 { margin-bottom: 7vw !important;}
.mb_35 { margin-bottom: 8vw !important;}
.mb_40 { margin-bottom: 9vw !important;}
.mb_45 { margin-bottom: 10vw !important;}
.mb_50 { margin-bottom: 11vw !important;}
.mb_55 { margin-bottom: 12vw !important;}
.mb_60 { margin-bottom: 13vw !important;}

small,
.small { font-size: 14px; }

body { font-size: 18px; }
#globalWrapper {
	width: 100%;
	overflow: hidden;
}
#main {
	width: 100%;
	margin: 0 auto;
}
#main .btn_box ul {
	width: 100%;
}
#main .btn_box li { margin-bottom: 3vw; }
#main .btn_box li:last-child a,
#main .btn_box li:last-child button { margin-bottom: 0; }
#main .btn_box a {
	margin: 0 auto;
	padding: 2vw 5vw 2.5vw;
	font-size: 24px;
	box-sizing: border-box;
}
#main .ttl_main {
	width: 100vw;
	height: 220px;
	background-size: cover !important;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
#main .ttl_main .main_box {
	width: 75vw;
	padding: 5vw;
	background: rgba(255,255,255,0.7);
	box-sizing: border-box;
}
#main .ttl_main .main_box h2 {
	margin-bottom: 3vw;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
}
#main .ttl_main .main_box p { font-size: 13px; }
#main .ttl_main .main_box p.sub {
	margin-bottom: 3vw;
	padding-bottom: 2vw;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.4;
	border-bottom: solid 3px;
}
#main .bread_crumb {
	width: 92vw;
	margin: 4vw auto 8vw;
}
#main .bread_crumb li {
	margin: 0 0.8em 1vw 0;
	padding-right: 1.2em;
	font-size: 16px;
	position: relative;
	float: left;
}
#main .bread_crumb li:after {
	content: ">";
	position: absolute;
	top: -2px;
	right: 0;
}
#main .bread_crumb li:last-child:after { content: ""; }
#main .bread_crumb li a { display: inline-block; }
#main .bread_crumb li a:hover {
	text-decoration:  underline;
}
#main .content {
	width: 88vw;
	margin: 0 auto 16vw;
}
#main .content h3 {
	margin-bottom: 8vw;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 2.3;
	position: relative;
}
#main .content h3 span {
	padding-bottom: 1.5vw;
	border-bottom: solid 3px;
}
#main .cont_box { margin-bottom: 12vw; }

#main .content .cont_box:last-child { margin-bottom: 10vw; }
#main .content .cont_box .category {
	padding-left: 0.5em;
	line-height: 1.4;
	border-left: solid 8px;
}
#main .content p.lead { margin-bottom: 10vw; }
#main .content .cont_box p.index {
	margin-bottom: 5vw;
	padding-left: 0.5em;
	font-size: 20px;
	font-weight: bold;
	border-left: solid 8px #eeeeee;
}
#main .content .cont_box { width: 100%; }
#main .content .cont_box .left_box,
#main .content .cont_box .right_box {
	width: 100%;
	margin-bottom: 8vw;
}
#main .content .cont_box .left_box .txt_box,
#main .content .cont_box .right_box .txt_box { margin-bottom: 5vw; }
#main .content .btn_box .btn_back {
	width: 100%;
	padding: 0.5em 1em;
	font-weight: bold;
	display: block;
    position: relative;
    z-index: 100;
    text-align: center;
    background: #fff;
    color: #000000;
    font-size: 20px;
    text-decoration: none;
	border: solid 2px #000000;
}
}/* -- SP end -- */


/* -- PC -- */
@media screen and ( min-width : 481px ) {

.sp_view { display: none !important; }
.pc_view { display: block !important; }

.mb_5 { margin-bottom: 5px !important;}
.mb_10 { margin-bottom: 10px !important;}
.mb_15 { margin-bottom: 15px !important;}
.mb_20 { margin-bottom: 20px !important;}
.mb_25 { margin-bottom: 25px !important;}
.mb_30 { margin-bottom: 30px !important;}
.mb_35 { margin-bottom: 35px !important;}
.mb_40 { margin-bottom: 40px !important;}
.mb_45 { margin-bottom: 45px !important;}
.mb_50 { margin-bottom: 50px !important;}
.mb_55 { margin-bottom: 55px !important;}
.mb_60 { margin-bottom: 60px !important;}

small,
.small { font-size: 14px; }

body { font-size: 16px; }
#globalWrapper { width: 100%; }
#main {
	width: 1200px;
	margin: 0 auto;
}
#main .btn_box ul {
	display: flex;
	justify-content: center;
}
#main .btn_box p {
	width: 530px;
	margin: 0 auto;
}
#main .btn_box a {
	width: 270px;
	margin: 0 auto;
	padding: 10px 20px;
	font-size: 20px;
	text-align: center;
	box-sizing: border-box;
	display: block;
}
#main .btn_box li a {
	margin: 0 130px;
}
#main .wrapper {
	width: 1200px;
	margin: 0 auto;
	table-layout: fixed;
}
#main .ttl_main {
	width: 1200px;
	height: 330px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
#main .ttl_main .main_box {
	width: 490px;
	padding: 34px 36px;
	background: rgba(255,255,255,0.7);
	box-sizing: border-box;
}
#main .ttl_main .main_box h2 {
	margin-bottom: 14px;
	font-size: 27px;
	font-weight: bold;
	line-height: 1.3;
}
#main .ttl_main .main_box p { font-size: 16px; }
#main .ttl_main .main_box p.sub {
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-weight: bold;
	line-height: 1.4;
	border-bottom: solid 3px;
}
#main .bread_crumb {
	width: 100%;
	margin: 20px 0 60px;
}
#main .bread_crumb li {
	margin-right: 0.8em;
	padding-right: 1.2em;
	font-size: 14px;
	position: relative;
	float: left;
}
#main .bread_crumb li:after {
	content: ">";
	position: absolute;
	top: -2px;
	right: 0;
}
#main .bread_crumb li:last-child:after { content: ""; }
#main .bread_crumb li a { display: inline-block; }
#main .bread_crumb li a:hover {
	text-decoration:  underline;
}
#main .content h3 {
	margin-bottom: 55px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	position: relative;
}
#main .content h3 span {
	padding-bottom: 3px;
	border-bottom: solid 3px;
}
#main .cont_box {
	width: 1200px;
	margin: 0 auto 80px;
}

#main .content .cont_box:last-child { margin-bottom: 120px; }
#main .content .cont_box .category {
	padding-left: 0.5em;
	line-height: 1.4;
	border-left: solid 8px;
}
#main .content p.lead { margin-bottom: 40px; }
#main .content .cont_box p.index {
	margin-bottom: 20px;
	padding-left: 0.5em;
	font-size: 18px;
	font-weight: bold;
	border-left: solid 8px #eeeeee;
}

#main .content .cont_box .left_box,
#main .content .cont_box .right_box {
	width: 1200px;
	margin-bottom: 50px;
	display: flex;
	flex-wrap: wrap;
}
#main .content .cont_box .left_box .txt_box { margin-left: 30px;}
#main .content .cont_box .right_box .txt_box { margin-right: 30px; }

}/* -- PC end -- */


/* ============================= info ============================= */
#main .content .link_box a:hover { opacity: 0.7; }
#main .content .course_list li div.box .sub_box .left p.tip.red {
    background: #f42f05;
    background: -moz-linear-gradient(left, #f42f05 0%, #f27324 100%);
    background: -webkit-linear-gradient(left, #f42f05 0%,#f27324 100%);
    background: linear-gradient(to right, #f42f05 0%,#f27324 100%);
}
#main .content .course_list li div.box .sub_box .left p.tip.green {
    background: #39a444;
    background: -moz-linear-gradient(left, #39a444  0%, #83da2f 100%);
    background: -webkit-linear-gradient(left, #39a444 0%,#83da2f 100%);
    background: linear-gradient(to right, #39a444 0%,#83da2f 100%);
}
#main .content .course_list li div.box .sub_box .left p.tip.blue {
	background: #3e6dc7;
    background: -moz-linear-gradient(left, #3e6dc7 0%, #24a6c6 100%);
    background: -webkit-linear-gradient(left, #3e6dc7 0%,#24a6c6 100%);
    background: linear-gradient(to right, #3e6dc7 0%,#24a6c6 100%);
}
/*#main .content .course_list li div.box .sub_box .left { float: left;}*/
#main .content .course_list li div.box .sub_box p.btn {
	height: 100%;
	transition: all .2s ease-in-out;
}
#main .content .course_list li div.box .sub_box p.btn.gra_red {
	border-left: 3px solid #f42f05;
	border-right: 3px solid #f27324;
}
#main .content .course_list li div.box .sub_box p.btn.gra_red:before,
#main .content .course_list li div.box .sub_box p.btn.gra_red:after {
	content:"";
	display: block;
	height: 3px;
    background: #f42f05;
    background: -moz-linear-gradient(left, #f42f05 0%, #f27324 100%);
    background: -webkit-linear-gradient(left, #f42f05 0%,#f27324 100%);
    background: linear-gradient(to right, #f42f05 0%,#f27324 100%);
}
#main .content .course_list li div.box .sub_box p.btn.gra_green {
	border-left: 3px solid #39a444;
	border-right: 3px solid #83da2f;
}
#main .content .course_list li div.box .sub_box p.btn.gra_green:before,
#main .content .course_list li div.box .sub_box p.btn.gra_green:after {
	content:"";
	display: block;
	height: 3px;
    background: #39a444;
    background: -moz-linear-gradient(left, #39a444  0%, #83da2f 100%);
    background: -webkit-linear-gradient(left, #39a444 0%,#83da2f 100%);
    background: linear-gradient(to right, #39a444 0%,#83da2f 100%);
}
#main .content .course_list li div.box .sub_box p.btn.gra_blue {
	border-left: 3px solid #3e6dc7;
	border-right: 3px solid #24a6c6;
}
#main .content .course_list li div.box .sub_box p.btn.gra_blue:before,
#main .content .course_list li div.box .sub_box p.btn.gra_blue:after {
	content:"";
	display: block;
	height: 3px;
	background: #3e6dc7;
    background: -moz-linear-gradient(left, #3e6dc7 0%, #24a6c6 100%);
    background: -webkit-linear-gradient(left, #3e6dc7 0%,#24a6c6 100%);
    background: linear-gradient(to right, #3e6dc7 0%,#24a6c6 100%);
}
#main .content .course_list li div.box .sub_box p.btn:hover { opacity: 0.7; }


/* ============================= info detail ============================= */
#main .content .sub_menu_cont ul li a { text-decoration: underline; }
#main .content .sub_menu_cont ul li a:after {
	content: "→";
	margin-left: 0.7em;
	position: absolute;
}
#main .content .cont_box .sub_menu_cont ul li a:hover { text-decoration: none; }



/* -- SP -- */
@media screen and ( max-width : 480px ) {
/* ============================= info ============================= */
#main .content .link_box ul {
	width: 100%;
	margin: 0 auto 12vw;
	display: flex;
	justify-content: center;
}
#main .content .link_box li { margin-bottom: 2px; }
#main .content .link_box li:nth-child(odd) { margin-right: 2px; }
#main .content .link_box a {
	width: 43.5vw;
	height: 18vw;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	opacity: 1;
	transition: all .2s ease-in-out;
}
#main .content .img_box img { width: 100%; }
#main .content .link_box a:first-child { margin-right: 1px; }
#main .content .link_box a:hover { opacity: 0.7; }
#main .content .line_06 ul.box {
	width: 100%;

}
#main .content .line_06 ul.box li {
	width: 100%;
	margin-bottom: 8vw;
}
#main .content .line_06 ul.box li .img_box {
	width: 100%;
	height: auto;
	overflow: hidden;
}
#main .content .line_06 ul.box li p { padding: 0; }
#main .content .line_06 ul.box li p.index {
	margin: 5vw 0 3vw;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#main .content .course_list ul {
	width: 100%;
	margin: 0 auto;
}
#main .content .course_list li {
	width: 100%;
	margin-bottom: 8vw;
	border: solid 1px #000000;
	box-sizing: border-box;
}
#main .content .course_list li .img_box {
	width: 100%;
	height: auto;
	overflow: hidden;
}
#main .content .course_list li div.box {
	width: 100%;
	padding: 5vw 7vw;
	box-sizing: border-box;
}
#main .content .course_list li div.box p.tit {
	margin-bottom: 3vw;
	font-size: 20px;
	font-weight: bold;
}
#main .content .course_list li div.box p.description { font-size: 16px; }
#main .content .course_list li div.box .sub_box { margin-top: 20px; }
#main .content .course_list li div.box .sub_box .left p.tip {
	margin-bottom: 3vw;
	padding: 1vw 3vw;
	border-radius: 5px;
	color: #ffffff;
	font-size: 14px;
	display: inline-block;
}
#main .content .course_list li div.box .sub_box .left { margin-bottom: 5vw;}
#main .content .course_list li div.box .sub_box p.btn {
	height: 100%;
	transition: all .2s ease-in-out;
}
#main .content .course_list li div.box .sub_box p.btn.gra_red:before,
#main .content .course_list li div.box .sub_box p.btn.gra_red:after {
	content:"";
	width: 100%;
}
#main .content .course_list li div.box .sub_box p.btn.gra_green {
	border-left: 3px solid #39a444;
	border-right: 3px solid #83da2f;
}
#main .content .course_list li div.box .sub_box p.btn.gra_green:before,
#main .content .course_list li div.box .sub_box p.btn.gra_green:after {
	content:"";
	display: block;
	height: 3px;
	width: 100%;
}
#main .content .course_list li div.box .sub_box p.btn.gra_blue:before,
#main .content .course_list li div.box .sub_box p.btn.gra_blue:after {
	content:"";
	display: block;
	height: 3px;
	width: 100%;
}
#main .content .course_list li div.box .sub_box p.btn:hover { opacity: 0.7; }
#main .content .course_list li div.box .sub_box p.btn a {
	width: 100%;
	padding: 3vw 8vw;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	display: block;
	box-sizing:  border-box;
}


/* ============================= info detail ============================= */
#main .content .sub_menu_cont ul li a {
	padding-right: 1em;
	display: block;
}
#main .content .check_cont {
	width: 100%;
}
#main .content .check_cont .img_box {
	width: 100%;
	height: auto;
	overflow: hidden;
}
#main .content .check_cont ul.check {
	padding: 8vw 3vw 0;
}
#main .content .check_cont ul.check li {
	padding-left: 2em;
	margin-bottom: 1em;
	background: url(../img/common/icon_check.png) left 2px no-repeat;
	display: block;
}
#main .content .table_box dl {
	width: 100%;
	margin: 0 auto;
	border-top: solid 1px #eeeeee;
}
#main .content .table_box dl dt {
	width: 100%;
	padding: 2vw 5vw;
	text-align: left;
	vertical-align: middle;
	background: #eeeeee;
	border-bottom: solid 1px #eeeeee;
	box-sizing: border-box;
}
#main .content .table_box dl dd {
	width: 100%;
	padding: 3vw 5vw 6vw;
	border-bottom: solid 1px #eeeeee;
	box-sizing: border-box;
}

#main .content .sub_menu_cont {
	width: 100%;
	margin: 0 auto 12vw;
	padding: 5vw 5vw 2vw 5vw;
	border: solid 8px #eeeeee;
	box-sizing: border-box;
}
#main .content .sub_menu_cont ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#main .content .sub_menu_cont ul li {
	width: 100%;
	margin-bottom: 4vw;
	padding-left: 1vw;
	box-sizing: border-box;
	position: relative;
}
#main .content .sub_menu_cont ul li a:after {
	content: "→";
	margin-left: 0.7em;
	position: absolute;
	right: 0;
}

}/* -- SP end -- */

/* -- PC -- */
@media screen and ( min-width : 481px ) {
/* ============================= info ============================= */
#main .content .link_box ul {
	width: 1200px;
	margin: 0 auto 80px;
	display: flex;
	justify-content: center;
}
#main .content .link_box a {
	width: 398px;
	height: 182px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	opacity: 1;
	transition: all .2s ease-in-out;
}
#main .content .link_box a:first-child { margin-right: 1px; }
#main .content .link_box a:hover { opacity: 0.7; }
#main .content .line_06 ul.box {
	width: 1200px;
	display: flex;
	flex-wrap: wrap;
}
#main .content .line_06 ul.box li {
	width: 400px;
	margin-bottom: 30px;
}
#main .content .line_06 ul.box li .img_box {
	width: 400px;
	height: 253px;
	overflow: hidden;
}
#main .content .line_06 ul.box li .img_box img { width: 100%; }
#main .content .line_06 ul.box li p { padding: 0 20px; }
#main .content .line_06 ul.box li p.index {
	margin: 26px 0 16px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#main .content .course_list ul {
	width: 1200px;
	margin: 0 auto;
}
#main .content .course_list li {
	width: 1200px;
	margin-bottom: 30px;
	border: solid 1px #000000;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}
#main .content .course_list li .img_box {
	width: 418px;
	/*height: 209px;*/
	overflow: hidden;
}
#main .content .course_list li div.box {
	width: 780px;
	padding: 20px 30px;
	box-sizing: border-box;
}
#main .content .course_list li div.box p.tit {
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}
#main .content .course_list li div.box p.description { font-size: 16px; }
#main .content .course_list li div.box .sub_box { margin-top: 20px; }
#main .content .course_list li div.box .sub_box .left p.tip {
	margin-bottom: 8px;
	padding: 2px 8px;
	border-radius: 5px;
	color: #ffffff;
	font-size: 14px;
	display: inline-block;
}
#main .content .course_list li div.box .sub_box .left p.tip.red {
    background: #f42f05;
    background: -moz-linear-gradient(left, #f42f05 0%, #f27324 100%);
    background: -webkit-linear-gradient(left, #f42f05 0%,#f27324 100%);
    background: linear-gradient(to right, #f42f05 0%,#f27324 100%);
}
#main .content .course_list li div.box .sub_box .left p.tip.green {
    background: #39a444;
    background: -moz-linear-gradient(left, #39a444  0%, #83da2f 100%);
    background: -webkit-linear-gradient(left, #39a444 0%,#83da2f 100%);
    background: linear-gradient(to right, #39a444 0%,#83da2f 100%);
}
#main .content .course_list li div.box .sub_box .left p.tip.blue {
	background: #3e6dc7;
    background: -moz-linear-gradient(left, #3e6dc7 0%, #24a6c6 100%);
    background: -webkit-linear-gradient(left, #3e6dc7 0%,#24a6c6 100%);
    background: linear-gradient(to right, #3e6dc7 0%,#24a6c6 100%);
}
#main .content .course_list li div.box .sub_box .left { float: left;}
#main .content .course_list li div.box .sub_box p.btn {
	height: 100%;
	float: right;
	transition: all .2s ease-in-out;
}
#main .content .course_list li div.box .sub_box p.btn.gra_red {
	border-left: 3px solid #f42f05;
	border-right: 3px solid #f27324;
}
#main .content .course_list li div.box .sub_box p.btn.gra_red:before,
#main .content .course_list li div.box .sub_box p.btn.gra_red:after {
	content:"";
	display: block;
	height: 3px;
	width: 250px;
    background: #f42f05;
    background: -moz-linear-gradient(left, #f42f05 0%, #f27324 100%);
    background: -webkit-linear-gradient(left, #f42f05 0%,#f27324 100%);
    background: linear-gradient(to right, #f42f05 0%,#f27324 100%);
}
#main .content .course_list li div.box .sub_box p.btn.gra_green {
	border-left: 3px solid #39a444;
	border-right: 3px solid #83da2f;
}
#main .content .course_list li div.box .sub_box p.btn.gra_green:before,
#main .content .course_list li div.box .sub_box p.btn.gra_green:after {
	content:"";
	display: block;
	height: 3px;
	width: 250px;
    background: #39a444;
    background: -moz-linear-gradient(left, #39a444  0%, #83da2f 100%);
    background: -webkit-linear-gradient(left, #39a444 0%,#83da2f 100%);
    background: linear-gradient(to right, #39a444 0%,#83da2f 100%);
}
#main .content .course_list li div.box .sub_box p.btn.gra_blue {
	border-left: 3px solid #3e6dc7;
	border-right: 3px solid #24a6c6;
}
#main .content .course_list li div.box .sub_box p.btn.gra_blue:before,
#main .content .course_list li div.box .sub_box p.btn.gra_blue:after {
	content:"";
	display: block;
	height: 3px;
	width: 250px;
	background: #3e6dc7;
    background: -moz-linear-gradient(left, #3e6dc7 0%, #24a6c6 100%);
    background: -webkit-linear-gradient(left, #3e6dc7 0%,#24a6c6 100%);
    background: linear-gradient(to right, #3e6dc7 0%,#24a6c6 100%);
}
#main .content .course_list li div.box .sub_box p.btn:hover { opacity: 0.7; }
#main .content .course_list li div.box .sub_box p.btn a {
	width: 250px;
	padding: 10px 20px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	display: block;
	box-sizing:  border-box;
}


/* ============================= info detail ============================= */
#main .content .table_box dl dt:nth-of-type(2n+1) { background: #eeeeee; }
#main .content .check_cont {
	width: 1200px;
	display: flex;
}
#main .content .check_cont .img_box {
	width: 578px;
	height: 275px;
	overflow: hidden;
}
#main .content .check_cont ul.check {
	padding: 30px;
}
#main .content .check_cont ul.check li {
	padding-left: 2em;
	margin-bottom: 1em;
	background: url(../img/common/icon_check.png) left 2px no-repeat;
	display: block;
}
#main .content .table_box dl {
	width: 1200px;
	margin: 0 auto;
	border-top: solid 1px #eeeeee;
	display: flex;
	flex-wrap: wrap;
}
#main .content .table_box dl dt {
	width: 300px;
	padding: 15px 20px;
	text-align: center;
	vertical-align: middle;
	border-bottom: solid 1px #eeeeee;
	box-sizing: border-box;
}
#main .content .table_box dl dt:nth-of-type(2n+1) { background: #eeeeee; }
#main .content .table_box dl dd {
	width: 900px;
	padding: 15px 20px;
	border-bottom: solid 1px #eeeeee;
	box-sizing: border-box;
}

#main .content .sub_menu_cont {
	width: 1200px;
	margin: 0 auto 60px;
	padding: 30px 30px 20px 10px;
	border: solid 8px #eeeeee;
	box-sizing: border-box;
}
#main .content .sub_menu_cont ul {
	width: 1144px;
	display: flex;
	flex-wrap: wrap;
}
#main .content .sub_menu_cont ul li {
	width: 351px;
	padding-left: 30px;
	margin-bottom: 16px;
	position: relative;
}
#main .content .sub_menu_cont ul li a { text-decoration: underline; }
#main .content .sub_menu_cont ul li a:after {
	content: "→";
	margin-left: 0.7em;
	position: absolute;
}
#main .content .cont_box .sub_menu_cont ul li a:hover { text-decoration: none; }

}/* -- PC end -- */


/* ============================= accordion ============================= */
#main .content .acd_box label {
    display: block;
    font-weight: bold;
    border-bottom: solid 1px #eeeeee;
    cursor : pointer;
	position: relative;
    transition: all .2s ease-in-out;
}
#main .content .acd_box label:before {
	content: "Q";
	margin-right: 0.5em;
	font-size: 18px;
	color: #fd7507;
	font-weight: bold;
}
#main .content .acd_box label:after {
    content: "";
	width: 13px;
	height: 13px;
	background: url(../img/common/arrow_down.png) center center no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 17px;
	right: 1em;
}
/*.acd_box label:hover { background :#85baef; }*/
#main .content .acd_box input { display: none; }
#main .content .acd_box .acd_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
}
#main .content .acd:checked + .acd_show {
    height: auto;
    padding: 16px 20px;
    background: #eaeaea;
    opacity: 1;
}
#main .content .acd:checked + label:after {
    content: "";
	width: 13px;
	height: 13px;
	background: url(../img/common/arrow_up.png) center center no-repeat;
	background-size: contain;
	display: block;
}


/* ============================= pagination ============================= */
#main .content .pagination ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#main .content .pagination ul li { display: flex; }
#main .content .pagination ul li a {
	padding: 7px 10px 5px;
	margin-right: 8px;
	font-size: 14px;
	line-height: 1;
	border: solid 1px #000000;
	display: block;
}
#main .content .pagination ul li:last-child a { margin-right: 0; }
#main .content .pagination ul li a:hover,
#main .content .pagination ul li a.on { background: #eeeeee; }




/* -- SP -- */
@media screen and ( max-width : 480px ) {
/* ============================= accordion ============================= */
#main .content .acd_box label {
	width: 100%;
    padding : 3vw 10vw 3vw 6vw;
	text-indent: -2.5em;
	box-sizing: border-box;
}
#main .content .acd_box label:before {
	content: "Q";
	margin: 0 0.5em 0 1em;
	font-size: 20px;
	color: #fd7507;
	font-weight: bold;
}
#main .content .acd_box label:after {
    content: "";
	width: 13px;
	height: 13px;
	margin: auto;
	background: url(../img/common/arrow_down.png) center center no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1em;
}


/* ============================= pagination ============================= */
#main .content .pagination {
	width: 100%;
	margin: 0 auto 120px;
}
#main .content .pagination ul {
	width: 88vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#main .content .pagination ul li { display: flex; }
#main .content .pagination ul li a {
	padding: 10px 14px 10px;
	margin-right: 8px;
	font-size: 16px;
	line-height: 1;
	border: solid 1px #000000;
	display: block;
}
#main .content .pagination ul li.first a,
#main .content .pagination ul li.last a{ font-size: 18px; }
#main .content .pagination ul li a:hover,
#main .content .pagination ul li a.on { background: #eeeeee; }

}/* -- SP end -- */

/* -- PC -- */
@media screen and ( min-width : 481px ) {
/* ============================= accordion ============================= */
#main .content .acd_box label {
    display: block;
    padding : 11px 12px;
    font-weight: bold;
    border-bottom: solid 1px #eeeeee;
    cursor : pointer;
	position: relative;
    transition: all .2s ease-in-out;
}
#main .content .acd_box label:before {
	content: "Q";
	margin-right: 0.5em;
	font-size: 18px;
	color: #fd7507;
	font-weight: bold;
}
#main .content .acd_box label:after {
    content: "";
	width: 13px;
	height: 13px;
	background: url(../img/common/arrow_down.png) center center no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 17px;
	right: 1em;
}


/* ============================= pagination ============================= */
#main .content .pagination {
	width: 1200px;
	margin: 0 auto 120px;
}
#main .content .pagination ul {
	width: 1200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#main .content .pagination ul li { display: flex; }
#main .content .pagination ul li a {
	padding: 7px 10px 5px;
	margin-right: 8px;
	font-size: 14px;
	line-height: 1;
	border: solid 1px #000000;
	display: block;
}
#main .content .pagination ul li.first a,
#main .content .pagination ul li.last a{ font-size: 16px; }
#main .content .pagination ul li a:hover,
#main .content .pagination ul li a.on { background: #eeeeee; }

}/* -- PC end -- */


/*
===================================================================
 * header
===================================================================
 */
#header {
	width: 100%;
	z-index: 100;
	/*position: fixed;*/
}


/* -- SP -- */
@media screen and ( max-width : 480px ) {
#header {
	width: 100%;
	padding: 19px 0;
	color: #ffffff;
	/*position: absolute;
	top: 0;
	left: 0;*/
}
#header .h_logo a {
	width: 96px;
	height: 22px;
	margin: 0 auto;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/common/logo.png) center center no-repeat;
	display: block;
}
#header .hd_box { display: none; }

#header .h_logo{ text-align: center;}
	#header .h_logo h1{ width: 100px; margin: 0 0 0 20px;}
#header .h_logo{ z-index: 10001;}
#header .h_nav{ z-index: 10000;}

#h_top,
#header .h_logo,
#header .h_nav{ position: relative;}

}/* -- SP end -- */


/* -- PC -- */
@media screen and ( min-width : 481px ) {
#header { min-width: 1200px; }
#header .hd_box {
	border-bottom: solid 1px #dadad9;
}
#header .hd_box p.certifi {
	padding: 15px 0 0 18px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	float: left;
}
#header .hd_box ul {
	width: 417px;
	float: right;
}
#header .hd_box li {
	float: left;
}
#header .hd_box li a,
#header .hd_box li p {
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
#header .hd_box li.request a,
#header .hd_box li.consult a,
#header .hd_box li.teladd p {
	height: 40px;
}
#header .hd_box li.request a {
	width: 111px;
	background: url(../img/common/btn_request.png) center center no-repeat;
}
#header .hd_box li.consult a {
	width: 124px;
	background: url(../img/common/btn_consult.png) center center no-repeat;
}
#header .hd_box li.teladd p {
	width: 182px;
	background: url(../img/common/btn_teladd.png) center center no-repeat;
}

}/* -- PC end -- */


/*
===================================================================
 * nav
===================================================================
 */
nav .sub-menu,
.mean-container .mean-nav ul ul { background: #ffffff; }


/* -- SP -- */
@media screen and ( max-width : 480px ) {
nav li a { display: block; }
nav#gNav .nav {
	overflow-y: auto;
	height: 100vh;
}
nav.mean-nav ul.nav > li > a { font-size: 18px; }
nav.mean-nav ul.box-menu { overflow-y: hidden; }
nav.mean-nav ul.box-menu li {
	width: 50% !important;
	float: left;
}
nav.mean-nav ul.box-menu li a,
nav.mean-nav address a { font-size: 18px; }
nav.mean-nav ul.box-menu li a { padding: 3vw 7vw 3vw 14vw; }
nav.mean-nav ul.box-menu li.nav_request a {
	background: url(../img/common/icon_request.png) 6vw center no-repeat;
	background-size: 1.5em auto;
}
nav.mean-nav ul.box-menu li.nav_consult a {
	background: url(../img/common/icon_consult.png) 5vw center no-repeat;
	background-size: 1.5em auto;
}
nav.mean-nav li.nav_teladd a {
	padding: 3vw 7vw 3vw 14vw !important;
	background: url(../img/common/icon_teladd.png) 6vw center no-repeat !important;
	background-size: 1.5em auto !important;
}
nav.mean-nav ul.sub-menu { background: #eeeeee;}
nav.mean-nav ul.sub-menu li a { font-size: 16px;}
nav .nav li { border-bottom: #dadad9; }
nav ul.box-menu {
	display: block !important;
}
.mean-nav .container { padding: 0; }
nav li .fa { display: none; }
}/* -- SP end -- */


/* -- PC -- */
@media screen and ( min-width : 481px ) {
#h_top {
	border-bottom: solid 1px #dadad9;
}
#header nav ul {
	width: 1106px;
	margin: 0 auto;
	position: relative;
	display: table;
}
#header nav li {
	width: 158px;
	height: 80px;
	justify-content: space-between;
	align-items: center;
}
#header nav .sub-menu {
	display: none;
}

#header nav li.nav_info,
#header nav li.nav_jobs,
#header nav .nav_life,
#header nav h1,
#header nav .nav_price,
#header nav .nav_schedule,
#header nav .nav_intro {
	height: 80px;
	display: table-cell;
	vertical-align: middle;
}
#header nav li.nav_info a,
#header nav li.nav_jobs a,
#header nav li.nav_life a,
#header nav h1 a,
#header nav li.nav_price a,
#header nav li.nav_schedule a,
#header nav li.nav_intro a {
	width: 158px;
	height: 35px;
	text-indent: -9999px;
	white-space: nowrap;
	background-size: auto 35px;
	overflow: hidden;
	opacity: 1;
	display: table-cell;
	vertical-align: middle;
}
#header nav li.nav_jobs a,
#header nav li.nav_schedule a {
	width: 156px;
	border-right: 1px solid #dadad9;
	border-left: 1px solid #dadad9;
}
#header nav .nav_info a { background: url(../img/common/nav_info.png) center center no-repeat; }
#header nav .nav_jobs a { background: url(../img/common/nav_jobs.png) center center no-repeat; }
#header nav .nav_life a { background: url(../img/common/nav_life.png) center center no-repeat; }
#header nav h1 a { background: url(../img/common/logo.png) center center no-repeat; }
#header nav .nav_price a { background: url(../img/common/nav_price.png) center center no-repeat; }
#header nav .nav_schedule a { background: url(../img/common/nav_schedule.png) center center no-repeat; }
#header nav .nav_intro a { background: url(../img/common/nav_intro.png) center center no-repeat; }
#header nav .nav_info a:hover,
#header nav .nav_jobs a:hover,
#header nav .nav_life a:hover,
#header nav h1 a:hover,
#header nav .nav_price a:hover,
#header nav .nav_schedule a:hover,
#header nav .nav_intro a:hover { opacity: 0.7; }
}/* -- PC end -- */


/*
===================================================================
 * footer
===================================================================
 */
#footer { background: #323333; }
.f_box dl,
.f_box dl a,
.f_box ul li,
.f_box ul li a { color: #ffffff; }

/* -- SP -- */
@media screen and ( max-width : 480px ) {
#footer {
	width: 100%;
	padding: 10vw 0 12vw;
	box-sizing: border-box;
}
#footer .f_cont {
	margin: 0 auto;
	padding: 0 7vw;
}
#footer .f_logo {
	width: 120px;
	margin: 0 auto 8vw;
}
#footer .f_logo p {
	width: 120px;
	height: 28px;
	background: url(../img/common/logo.png) center center no-repeat;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
#footer .f_box { width: 100%; }
#footer .f_box .menu_box { margin-bottom: 10vw; }
#footer .menu_box dt,
#footer .f_link li {
	font-size: 18px;
	font-weight: bold;
}
#footer .menu_box dt {
	margin-bottom: 4vw;
	padding-bottom: 3vw;
	border-bottom: 1px solid #929292;
}
#footer .menu_box dd { padding-left: 1em; }
#footer .menu_box dd li {
	margin-bottom: 2vw;
	font-size: 16px;
}
#footer .menu_box dd li a ,
#footer .f_bt_box li a {
	font-size: 18px;
	font-weight: normal;
}
#footer .f_link li { margin-bottom: 3vw; }
#footer .f_bt_box {
	width: 100%;
	margin: 0 auto;
}
#footer .f_bt_box ul {
	width: 240px;
	margin: 50px auto 30px;
	justify-content: space-between;
	align-items: center;
	display: flex;
}
#footer .f_bt_box li a {
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
#footer .f_bt_box li.fb { background: url(../img/common/icon_fb.png) center center no-repeat; }
#footer .f_bt_box li.tw { background: url(../img/common/icon_tw.png) center center no-repeat; }
#footer .f_bt_box li.yt { background: url(../img/common/icon_yt.png) center center no-repeat; }
	#footer .f_bt_box li.ist { background: url(../img/common/icon_ist.png) center center no-repeat; }
#footer .f_bt_box li.fb a:hover,
#footer .f_bt_box li.tw a:hover,
#footer .f_bt_box li.yt a:hover,
	#footer .f_bt_box li.ist a:hover{ opacity: 0.7; }
#footer .copy {
	font-size: 14px !important;
	text-align: center;
	color: #ffffff;
	line-height: 1;
	display: block;
}
#footer .copy span.c {
	font-size: 20px;
	display: inline-block;
	line-height: 1;
}
#footer .copy span.txt {
	display: inline-block;
}
}/* -- SP end -- */

/* -- PC -- */
@media screen and ( min-width : 481px ) {
#footer {
	width: 100%;
	min-width: 1200px;
	padding: 50px 0;
}
#footer .f_cont {
	width: 1200px;
	margin: 0 auto;
	display: flex;
}
#footer .f_cont > div { float: left; }
#footer .f_logo { width: 120px; }
#footer .f_logo p {
	width: 120px;
	height: 28px;
	background: url(../img/common/logo.png) center center no-repeat;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
#footer .f_box {
	width: 229px;
	padding: 0 0 0 40px;
	border-right: 1px solid #929292;
}
#footer .f_box:last-child {
	border-right: none;
}
#footer .menu_box dt,
#footer .f_link li {
	font-size: 14px;
	font-weight: bold; }
#footer .menu_box dt { margin-bottom: 20px; }

#footer .menu_box dd li a ,
#footer .f_bt_box li a {
	font-size: 13px;
	font-weight: normal;
}
#footer .f_link li { margin-bottom: 12px; }
#footer .menu_box dd li a:hover,
#footer .f_link li a:hover { text-decoration: underline; }
#footer .f_bt_box {
	width: 1200px;
	margin: 0 auto;
}
#footer .f_bt_box ul {
	width: 240px;
	margin: 50px auto 30px;
	justify-content: space-between;
	align-items: center;
	display: flex;
}
#footer .f_bt_box li a {
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
#footer .f_bt_box li.fb { background: url(../img/common/icon_fb.png) center center no-repeat; }
#footer .f_bt_box li.tw { background: url(../img/common/icon_tw.png) center center no-repeat; }
#footer .f_bt_box li.yt { background: url(../img/common/icon_yt.png) center center no-repeat; }
	#footer .f_bt_box li.ist { background: url(../img/common/icon_ist.png) center center no-repeat; }
#footer .f_bt_box li.fb a:hover,
#footer .f_bt_box li.tw a:hover,
#footer .f_bt_box li.yt a:hover,
	#footer .f_bt_box li.ist a:hover{ opacity: 0.7; }
#footer .copy {
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	line-height: 1;
	display: block;
}
#footer .copy span.c {
	font-size: 22px;
	display: inline-block;
	line-height: 1;
}
#footer .copy span.txt {
	display: inline-block;
}
}/* -- PC end -- */

/* -- article single blog -- */
#main article.blog_template{
	padding:0 20px;
	text-align:left;
}
#main article.blog_template h2,#main article.blog_template h3,#main article.blog_template h4,#main article.blog_template h5{
	margin:30px auto 20px;
	text-align:left;
	font-size:100%;
	font-weight:bold;
}
#main article.blog_template p,#main article.blog_template ul,#main article.blog_template blockquote,#main article.blog_template table,#main article.blog_template .point,#main article.blog_template .check{
	margin:20px auto;
}
#main article.blog_template p{
	padding:0;
}
#main article.blog_template b,#main article.blog_template strong{
	/**display:inline-block;**/
	margin:auto 2px;
	font-weight:bold;
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
#main article.blog_template h2{
	background: #fafafa;
	padding: 20px 15px 18px;
	color: #000;
	border-left: 8px solid #3498db;
	line-height: 40px;
	font-size:120%;
}
#main article.blog_template h3{
	padding: 10px 15px 8px;
	color: #000;
	border-left: 8px solid #3498db;
	border-bottom:1px solid #ccc;
	font-size:110%;
}
#news.detail #main .content .news_box article.blog_template h4{
	padding: 6px 15px 4px;
	color: #000;
	border-left: 8px solid #3498db;
}
#main article.blog_template h5{
}
#main article.blog_template ul{
	background:#f4f7f9;
	padding:15px;
	border:1px dashed #e2eff8;
}
#main article.blog_template ul li{
	margin:5px auto;
	list-style:disc;
	list-style-position:inside;
}
#main article.blog_template blockquote{
	position: relative;
	background:#f8f8f8;
	border:1px dashed #ddd;
	padding:30px 35px;
	font-size:100%;
}
#main article.blog_template blockquote::before{
	content: '“';
	position: absolute;
	color: #ccc;
	left: 5px;
	top: 10px;
	font-size: 40px;
    line-height: 1;
}
#main article.blog_template blockquote::after{
	content: '”';
	position: absolute;
	color: #ccc;
	right: 5px;
	top: 10px;
	font-size: 40px;
    line-height: 1;
}
#main article.blog_template a{
	text-decoration:underline;
	color:#3498db;
}
#main article.blog_template table{
	width:100%;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
}
#main article.blog_template table th,#main article.blog_template table td{
	text-align:left;
	padding:4px 15px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	font-weight:normal;
}
#main article.blog_template table th{
	background:#f8f8f8;
}
#main article.blog_template .point{
	background: #f4f7f9;
	border:1px dashed #e2eff8;
	padding:30px;
	font-size:100%;
}
#main article.blog_template .check{
   padding-left:30px;
   background: url(../img/common/icon_check.png) left 3px no-repeat;
   display: block;
	font-weight:bold;
	font-size:120%;
}
@media screen and ( min-width : 481px ) {
#news.detail #main .content .news_box article.blog_template img{
	display:block;
	margin:20px auto 30px 0;
}
	
}

@media screen and ( max-width : 481px ) {
#main article.blog_template blockquote{
	padding:20px 25px;
}
	
#main article.blog_template .point{
	padding:20px;
}
	
#main article.blog_template blockquote::before{
	font-size: 30px;
}
#main article.blog_template blockquote::after{
	font-size: 30px;
}
}


div.relation {
    margin: 20px auto;
}

div.relation p span.sub-title {
    background: #f08200;
	color: #fff;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block!important;
    font-weight: bold!important;
    font-size: 12px;
}

div.relation p span.sub-title i {
    padding: 0 5px 0 0;
}

div.relation p a {
    font-weight: bold;
    display: inline-block;
    margin: 0 0 0 25px;
	color: #3498db;
	text-decoration: underline;
}

@media screen and ( max-width : 481px ) {

	div.relation p {
		margin: 10px auto !important;
	}
	
	div.relation p span.sub-title {
		margin: 0 25px 0 0;
	}
	
	div.relation p a {
		margin: 10px auto;
		color: #3498db;
		text-decoration: underline;
	}
	
}