@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; }

	#main .content .course_list li div.box .sub_box p.btn.gra_orange.pc_none {
		display: none;
	}

	p.btn.gra_orange.pages {
		display: none;
	}

.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; }
.bd_red { border-color: #a80e0f !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; }
.txt_red { color: #a80e0f !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;
    padding: 60px 0 0;
}
#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,
#main .content h2.cst-2021-h2 {
	margin-bottom: 8vw;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 2.3;
	position: relative;
}
#main .content h3 span,
#main .content h2.cst-2021-h2 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%;
    padding: 122px 0 0;
}
#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,
#main .content h2.cst-2021-h2 {
	margin-bottom: 55px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	position: relative;
}
#main .content h3 span,
#main .content h2.cst-2021-h2 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 p.tip.yellow {
	background: #f6ac17;
}
/*#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.gra_yellow {
	border-left: 3px solid #d29009;
	border-right: 3px solid #f6ac17;
}
#main .content .course_list li div.box .sub_box p.btn.gra_yellow:before,
#main .content .course_list li div.box .sub_box p.btn.gra_yellow:after {
	content:"";
	display: block;
	height: 3px;
	background: #d29009;
    background: -moz-linear-gradient(left, #d29009 0%, #f6ac17 100%);
    background: -webkit-linear-gradient(left, #d29009 0%,#f6ac17 100%);
    background: linear-gradient(to right, #d29009 0%,#f6ac17 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: 416px;
	/*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;
    background: #fff;
    top: 0;
    left: 0;
}


/* -- 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: 700px;
	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: 148px;
	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: 148px;
	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: 148px;
	border-right: 1px solid #dadad9;
	border-left: 1px solid #dadad9;
}
#header nav li.nav_life a {
	border-right: 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_price02.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,div.content.seminar .cont_news h2,div.content.seminar .cont_news h3,div.content.seminar .cont_news h4,div.content.seminar .cont_news 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,div.content.seminar .cont_news p,div.content.seminar .cont_news ul{
	margin:20px auto;
}
#main article.blog_template p,div.content.seminar .cont_news p{
	padding:0;
}
#main article.blog_template b,#main article.blog_template strong,div.content.seminar .cont_news b,div.content.seminar .cont_news strong{
	/**display:inline-block;**/
	margin:auto 2px;
	font-weight:bold;
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
#main article.blog_template h2,
div.content.seminar .cont_news h2 {
	background: #fd7507;
	padding: 20px 15px 18px;
	color: #fff;
	line-height: 40px;
	font-size:120%;
}
#main article.blog_template h3,
div.content.seminar .cont_news h3 {
	padding: 10px 15px 8px;
	color: #fd7507;
	border-left: 8px solid #fd7507;
	border-bottom:1px solid #ccc;
	font-size:110%;
}
#news.detail #main .content .news_box article.blog_template h4,
div.content.seminar .cont_news h4 {
	padding: 6px 15px 4px;
	color: #000;
	border-left: 8px solid #fd7507;
}
#main article.blog_template h5,
div.content.seminar .cont_news 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;
}

#main div.content.cst-july {
    text-align: center;
}

#main div.content.cst-july h3 {
    position: relative;
}

#main div.content.cst-july h3::before {
    content: "";
    width: 40%;
    height: 2px;
    background: #ccc;
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
}

#main div.content.cst-july h3::after {
    content: "";
    width: 40%;
    height: 2px;
    background: #ccc;
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
}

#main div.content.cst-july .left-content {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 400px;
}

#main div.content.cst-july .right-contents {
    margin: 0 0 100px 50px;
    max-width: 500px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

#main div.content.cst-july .right-contents h4 {
    font-weight: bold;
    font-size: 28px;
}

#main div.content.cst-july .right-contents h4 span {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    padding: 0 0 0 15px;
    color: #ff7500;
}

#main div.content.cst-july .right-contents p.catch-text {
    font-weight: bold;
    margin: 5px auto 20px;
}

#main div.content.cst-july .right-contents table.profile {
    font-size: 16px;
}

#main div.content.cst-july .right-contents table.profile tr {
    border-bottom: 1px solid #ccc;
}

#main div.content.cst-july .right-contents table.profile tr th {
    width: 20%;
    padding: 10px 0;
}

#main div.content.cst-july .right-contents table.profile tr td {
    padding: 10px 0;
}

#main div.content.cst-july .interview {
    margin: 55px auto 100px;
}

#main div.content.cst-july .interview img.left {
    float: left;
}

#main div.content.cst-july .interview div.right {
    float: left;
    max-width: 650px;
    width: 100%;
    text-align: left;
    margin: 0 0 0 50px;
}

#main div.content.cst-july .interview img.right {
    float: right;
}

#main div.content.cst-july .interview div.left {
    float: left;
    max-width: 650px;
    width: 100%;
    text-align: left;
}

#main div.content.cst-july .interview div.right h4,
#main div.content.cst-july .interview div.left h4 {
    color: #ff7500;
    font-weight: bold;
    font-size: 20px;
    margin: 0 auto 25px;
}

#main div.content.cst-july .interview div.right h5,
#main div.content.cst-july .interview div.left h5 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto 25px;
}

#main div.content.cst-july .interview div.right p,
#main div.content.cst-july .interview div.left p {
    font-size: 16px;
    line-height: 2;
}

aside.course-link {
    text-align: center;
    background: #f7f7f7;
    padding: 100px 0;
}

aside.course-link h3 {
    font-size: 22px;
    font-weight: bold;
    margin: 0 auto 55px;
}

aside.course-link ul {
    max-width: 1200px;
    margin: 0 auto;
    letter-spacing: -7px;
}

aside.course-link ul li {
    display: inline-block;
    width: 290px;
    margin-left: calc(40px / 3);
    letter-spacing: normal;
    vertical-align: top;
    background: #fff;
}

aside.course-link ul li:first-child {
    margin: 0;
}

aside.course-link ul li p {
    font-size: 16px;
    font-weight: bold;
    margin: 25px auto;
}

aside.course-link ul li p span {
    display: block;
    font-size: 12px;
    padding: 10px 0 0;
    font-weight: normal;
}

aside.course-link ul li a {
    display: block;
    border: 1px solid #ccc;
    width: 90%;
    margin: 0 auto 25px;
    font-size: 14px;
    padding: 5px 0;
    border-radius: 20px;
    transition: .3s;
}

aside.course-link ul li a:hover {
	opacity: .7;
}

aside.instructor-link {
    text-align: center;
    background: #fff;
    padding: 100px 0;
}

aside.instructor-link h3 {
    font-size: 22px;
    font-weight: bold;
    margin: 0 auto 55px;
}

aside.instructor-link ul {
    max-width: 1200px;
    margin: 0 auto;
    letter-spacing: -7px;
}

aside.instructor-link ul li {
    display: inline-block;
    width: 290px;
    margin-left: calc(40px / 3);
    letter-spacing: normal;
    vertical-align: top;
    background: #f7f7f7;
}

aside.instructor-link ul li:first-child {
    margin: 0;
}

aside.instructor-link ul li p.profile {
    font-size: 16px;
    font-weight: bold;
    margin: 25px auto;
}

aside.instructor-link ul li p.profile span {
    display: block;
    font-size: 12px;
    padding: 10px 0 0;
    color: #36ac3e;
}

aside.instructor-link ul li p.catch {
    font-size: 12px;
    font-weight: bold;
    margin: 15px auto;
    height: 40px;
}

aside.instructor-link ul li a {
    display: block;
    border: 1px solid #ccc;
    width: 90%;
    margin: 0 auto 25px;
    font-size: 14px;
    padding: 5px 0;
    border-radius: 20px;
    transition: .3s;
	background: #fff;
}

aside.instructor-link ul li a:hover {
	opacity: .7;
}







@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;
	}

	#main div.content.cst-july h3 {
		margin: 0 auto 15px;
	}

	#main div.content.cst-july h3::before {
		width: 30%;
	}

	#main div.content.cst-july h3::after {
		width: 30%;
	}

	#main div.content.cst-july .left-content {
		display: block;
		margin: 0 auto 15px;
		max-width: 250px;
	}

	#main div.content.cst-july .right-contents {
		display: block;
		margin: 0 auto 15px;
	}

	#main div.content.cst-july .right-contents h4 {
		font-size: 22px;
		letter-spacing: .05rem;
	}

	#main div.content.cst-july .right-contents p.catch-text {
		font-size: 16px;
	}

	#main div.content.cst-july .right-contents table.profile {
		width: 100%;
		font-size: 14px;
	}

	#main div.content.cst-july .interview {
		margin: 0 auto 15px;
	}

	#main div.content.cst-july .interview img.left,
	#main div.content.cst-july .interview img.right {
		float: none;
		max-width: 300px;
		margin: 0 auto 15px;
	}

	#main div.content.cst-july .interview div.right {
		float: none;
		max-width: none;
		margin: 0 auto 25px;
	}

	#main div.content.cst-july .interview div.right h4,
	#main div.content.cst-july .interview div.left h4 {
		font-size: 18px;
		margin: 0 auto 15px;
	}

	#main div.content.cst-july .interview div.right h5,
	#main div.content.cst-july .interview div.left h5 {
		font-size: 16px;
		margin: 0 auto 15px;
	}

	#main div.content.cst-july .interview div.right p,
	#main div.content.cst-july .interview div.left p {
		font-size: 14px;
		line-height: 1.7;
		margin: 0 auto 15px;
	}

	aside.course-link {
		padding: 50px 0;
	}

	aside.course-link h3 {
		margin: 0 auto 15px;
	}

	aside.course-link ul li,
	aside.course-link ul li:first-child {
		width: 48%;
		margin: 15px 1%;
	}

	aside.instructor-link {
		padding: 50px 0;
	}

	aside.instructor-link h3 {
		margin: 0 auto 15px;
	}

	aside.instructor-link ul li,
	aside.instructor-link ul li:first-child {
		width: 48%;
		margin: 15px 1%;
	}

}

/** 2020 10**/
#main .content .course_list li div.box p.tit_sub{
	font-size:80%;
}
#main .content h3 b.sub_small{
	font-size:80%;
}
.skill_description{
	text-align:center;
	margin:auto auto 30px;
}
.skill_btn.gra_green{
	border-left: 3px solid #39a444;
    border-right: 3px solid #83da2f;
	display:inline-block;
}
.skill_btn.gra_green a{
	width: 250px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    display: block;
    box-sizing: border-box;
}
.skill_btn.gra_green::before,
.skill_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%);
}
#infoSeitai.index #main .content .link_box .btn_change a {
    background: url(../img/info/seitai/bg_change.jpg) center center no-repeat;
}
#infoSeitai.index #main .content .link_box .btn_dokuritsu a {
    background: url(../img/info/seitai/bg_dokuritsu.jpg) center center no-repeat;
}
#infoSeitai.index #main .content .link_box .btn_change a,
#infoSeitai.index #main .content .link_box .btn_dokuritsu a {
    background-size: 100%;
}
#infoSeitai.index .ttl_main {
    background: url(../img/info/bg_seitai03.jpg) center top no-repeat;
}
@media screen and ( min-width : 481px ) {
	#main .content h3 b.sub_small{
		margin-top:-15px;
	}
}


/** ページ下部Floating **/
@media screen and ( max-width : 480px ) {
	footer#footer{
		padding-bottom:80px;
	}
	#header .hd_box{
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 999;
		text-align: center;
		width: 100%;
	}
	#header .hd_box ul{
		display: flex;
		background: rgba(255,255,255,.9);
		padding: 5px;
		width: 100%;
		border-top: 2px solid #fd7507;
		box-sizing:border-box;
		align-items: center;
		justify-content: space-around;
	}
	#header .hd_box ul li.request{
	}
	#header .hd_box ul li.request a{
		width: 111px;
		background: url(../img/common/btn_request.png) center center no-repeat;
		text-indent: -9999px;
		white-space: nowrap;
		overflow: hidden;
		height: 60px;
		display: block;
	}
	#header .hd_box ul li.consult{
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		padding: 0 15px;
	}
	#header .hd_box ul li.consult a{
		width: 111px;
		background: url(../img/common/btn_consult.png) center center no-repeat;
		text-indent: -9999px;
		white-space: nowrap;
		overflow: hidden;
		height: 60px;
		display: block;
	}
	#header .hd_box ul li.teladd p{
		width: 60px;
		height: 60px;
		display: block;
		text-align:center;
		line-height:60px;
	}
	#header .hd_box ul li.teladd p a{
		display: block;
		background: url(../img/freecall.png) center center no-repeat;
		background-size:45px;
		text-indent: -9999px;
		white-space: nowrap;
		overflow: hidden;
		width: 100%;
	}

	#header .hd_box ul li.scroll {
		border-left: 1px solid #999;
		padding: 8px 15px;
	}

	#header .hd_box ul li.scroll p {
		line-height: 1;
		padding: 0 0 0 15px;
	}

	#header .hd_box ul li.scroll p a {
		font-size: 12px;
		line-height: 1;
		padding: 0;
		margin: 0;
	}

	#header .hd_box ul li.scroll p a i {
		display: block;
		font-size: 26px;
		line-height: 1;
		padding: 0;
		margin: 0;
		color: #555;
	}

}

/** Index **/
.top_information{
	width:100%;
	border:4px solid #ffe0c7;
	padding:15px;
	text-align:left;
	margin:auto auto 30px;
	font-size:90%;
	box-sizing:border-box;
}
.top_information .top_information_title{
	margin:auto auto 5px;
	font-weight:bold;
	color:#ff6701;
}
.top_information .top_information_text{
}
.top_information .top_information_text a{
	text-decoration:underline;
}
#header nav h1 a{
	background: url(../img/common/ymc-logo.png) center center no-repeat;
	width:300px;
	background-size:300px;
}
#header nav li.pc_view{
	width:300px;
}
@media screen and ( min-width : 481px ) {
	#header nav ul{
		width:1186px;
	}
}

@media screen and ( max-width : 480px ) {
	#header .h_logo h1{
		width: 300px;
		margin: 0 0 0 10px;
	}
	#header .h_logo a{
		width: 300px;
		background: url(../img/common/ymc-logo.png) center center no-repeat;
		background-size: 300px;
	}
	.top_information{
		width:90%;
	}
}

p.scroll {
    position: fixed;
    right: 2.5%;
    bottom: 2.5%;
    z-index: 101;
}

p.scroll a {
    color: #fff;
    display: block;
    text-align: center;
    font-size: 10px;
    padding: 10px;
    border-radius: 50%;
    background: #ff6701;
    font-weight: bold;
    transition: .3s;
}

p.scroll a:hover {
	opacity: .5;
}

p.scroll a i {
    display: block;
    font-size: 30px;
}

/**2020 11 slide caption**/
#top .slick-track li a{
	position:relative;
	display:block;
	text-align:left;
}
#top .slick-track li a span.caption{
	display:inline-block;
	position: absolute;
	margin:auto;
	font-size: 27px;
	line-height: 1.3;
	font-weight:bold;
	bottom: 70px;
	left: 0;
	background: rgba(255,255,255,.7);
	padding: 34px 36px;
	box-sizing:border-box;
}

#top .slick-track li#slick-slide00 a span.caption {
    bottom: 40%;
    padding: 0;
    text-align: center;
    width: 100%;
    font-size: 35px;
    line-height: 1.5;
    background: none;
}

@media screen and ( min-width : 481px ) {
	#top .slick-track li a .br_sp{
		display:none;
	}
}
@media screen and ( max-width : 480px ) {
	#top .slick-track li a{
	}
	#top .slick-track li a span.caption{
		font-size:22px;
		font-weight:bold;
		width: 75vw;
		bottom:80px;
		padding: 5vw;
	}
	#top .slick-track li#slick-slide00 a span.caption {
		font-size: 18px;
		line-height: 1.7;
	}

}
.slick-dots li button::before {
    content: "•";
}

ul.school-list {
    letter-spacing: -7px;
    margin: 0 auto 100px;
}

ul.school-list li {
    letter-spacing: normal;
    width: 33%;
    display: inline-block;
    text-align: center;
    margin: 0 auto .5% .5%;
}

ul.school-list li:first-child,
ul.school-list li:nth-child(3n+1) {
    margin: 0 auto .5%;
}

ul.school-list li a {
    display: block;
    border: 2px solid #ccc;
    padding: 10px 0;
    font-size: 14px;
    letter-spacing: .05rem;
    font-weight: bold;
    color: #333;
    transition: .3s;
}

ul.school-list li a:hover {
	opacity: .5;
}

ul.new-list {
    letter-spacing: -7px;
}

ul.new-list li {
    letter-spacing: normal;
    width: 200px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 50px 50px;
}

ul.new-list li:first-child, ul.new-list li:nth-child(5n+1) {
    margin: 0 0 50px;
}

ul.new-list li p.name {
    text-align: center;
    padding: 20px 0;
    border-bottom: 2px dotted #ddd;
    font-size: 18px;
    line-height: 1;
}

ul.new-list li p.name a {
    transition: .3s;
}

ul.new-list li p.name a:hover {
    opacity: .5;
}

ul.new-list li p.catch-text {
    margin: 15px auto;
    height: 100px;
    font-size: 14px;
}

ul.new-list li p.inst-cat {
    text-align: center;
    font-size: 14px;
    border: 1px solid #ff6701;
    border-radius: 30px;
    color: #ccc;
	font-weight: bold;
	margin: 15px auto 0;
}

ul.new-list li p.inst-cat.yoga {
    border: 1px solid #36ac3e;
    color: #36ac3e;
}

ul.new-list li p.inst-cat.baby {
    border: 1px solid #f62c75;
    color: #f62c75;
}

ul.new-list li p.inst-cat.seitai {
    border: 1px solid #fd7507;
    color: #fd7507;
}

ul.new-list li p.inst-cat.aroma {
    border: 1px solid #a72c96;
    color: #a72c96;
}

ul.new-list li p.inst-cat.pilates {
    border: 1px solid #007a8a;
    color: #007a8a;
}

ul.new-list li p.inst-cat a {
    color: inherit;
    display: block;
    font-size: 14px;
    padding: 5px 0;
    position: relative;
    transition: .3s;
}

ul.new-list li p.inst-cat a::after {
    content: ">";
    position: absolute;
    right: 5%;
    top: calc(50% - 8px);
    line-height: 1;
}

ul.new-list li p.inst-cat a:hover {
    opacity: .5;
}

ul.new-list li p.inst-cat.pilates a {
  font-size: 12px;
  padding: 7px 0;
}

ul.new-list li p.inst-cat.personaltrainer {
    border: 1px solid #f6ac17;
    color: #f6ac17;
}

ul.new-list li p.inst-cat.school {
    background: #ff6701;
    color: #fff;
}

ul.school-list li a {
	position: relative;
}

ul.school-list li a::after {
	content: ">";
	position: absolute;
	right: 5%;
	top: calc(50% - 8px);
	line-height: 1;
}

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

	ul.school-list {
		margin: 0 auto 50px;
	}

	ul.school-list li a {
		font-size: 12px;
	}

	ul.new-list li,
	ul.new-list li:first-child,
	ul.new-list li:nth-child(5n+1) {
		width: 48%;
		margin: 0 auto 50px;
	}

	ul.new-list li:nth-child(2n) {
		margin: 0 auto 50px 4%;
	}

	ul.new-list li p.inst-cat {
		font-size: 12px;
	}

}

/**2020 12 footer**/



#footer .copy {
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    line-height: 1;
    display: block;
    margin-top: 20px;
}

@media screen and ( min-width : 481px ){
	#footer .f_cont {
		width: 930px;
	}
}

/**2020 12 blog archive**/

#main .content .sub_menu_cont.blog {
    margin: 0 auto 60px;
    padding: 0;
    border: none;
    box-sizing: border-box;
}

#main .content .sub_menu_cont.blog ul li a::after {
    content: "";
    margin-left: 0;
}

#main .content .sub_menu_cont.blog ul li {
    width: 23%;
    padding-left: 0;
}

#main .content .sub_menu_cont.blog ul {
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width:100%;
}

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

	#main .content .sub_menu_cont.blog ul li {
		width: 100%;
	}

}

/**2021 03 New SP button**/

ul.bottom-button {
	display: none;
}

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

	ul.bottom-button {
		letter-spacing: -10px;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		display: block;
	}

	ul.bottom-button li {
		letter-spacing: normal;
		width: calc(100% / 3);
		display: inline-block;
		text-align: center;
	}

	ul.bottom-button li a {
		background: #ccc;
		display: block;
		padding: 15px 0;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
		text-shadow: 0 0 10px rgba(0,0,0,.3);
	}

	ul.bottom-button li:first-child a {
		background: #78be2c;
	}

	ul.bottom-button li:nth-child(2) a {
		background: #eb8c3c;
	}

	ul.bottom-button li:nth-child(3) a {
		background: #2c89be;
	}

	ul.bottom-button li a i {
		font-size: 20px;
		vertical-align: middle;
		padding: 0 5px 0 0;
		color: #fff;
	}

	p.scroll {
		bottom: 10%;
	}

}

a.yoga-fest {
    display: block;
    max-width: 655px;
    margin: 50px auto;
}

@media screen and ( max-width : 480px ) {
	a.yoga-fest {
		display: block;
		max-width: 300px;
		margin: 25px auto;
	}
}

/* -------------------
202104 追加スライドバナー
-------------------*/
#bnr-local .bnr-local-slick {
    max-width: 1000px;
    width: 100%;
    margin: 50px auto;
}

/* 下層ページ */
.bnr-local-foot {
	background: #fff4ec;
	padding-top: 35px;
	padding-bottom: 40px;
}

.bnr-local-foot h3,
.bnr-local-foot h2.cst-2021-h2 {
	margin-bottom: 35px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

.bnr-local-foot h3 span,
.bnr-local-foot h2.cst-2021-h2 span {
	padding-bottom: 3px;
	border-bottom: solid 3px;
}

#bnr-local .bnr-local-slick.bnr-local-slick--foot {
	margin: 0 auto;
}

#bnr-local .bnr-local-slick li {
    width: auto;
}

#bnr-local .bnr-local-slick .slick-dots {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100% !important;
    max-width: 1000px;
}

#bnr-local .bnr-local-slick .slick-next {
    top: calc(50% - 10px);
    width: 36px;
    height: 36px;
    right: 5px;
}

#bnr-local .bnr-local-slick .slick-next::before {
    font-size: 36px;
    opacity: .9;
}

#bnr-local .bnr-local-slick .slick-prev {
    top: calc(50% - 10px);
    width: 36px;
    height: 36px;
    left: 5px;
    z-index: 8;
}

#bnr-local .bnr-local-slick .slick-prev::before {
    font-size: 36px;
    opacity: 1;
}

@media screen and ( max-width: 480px ) {
	#bnr-local .bnr-local-slick .slick-dots {
		text-align: center;
	}

	#bnr-local .bnr-local-slick .slick-dots li {
		margin: 0 3px;
	}

	#bnr-local .bnr-local-slick {
		margin: 30px auto;
	}

	#bnr-local .bnr-local-slick li img {
		width: 100%;
	}

	/* 下層ページ */
	.bnr-local-foot h3,
	.bnr-local-foot h2.cst-2021-h2 {
		margin-bottom: 25px;
	}

	.bnr-local-foot {
		padding-top: 25px;
		padding-bottom: 30px;
	}
}

span.small a {
    border-bottom: 2px dotted #ff6701;
    color: #ff6701;
    font-size: 14px;
}

.searchform {
    position: relative;
    margin: 5px auto;
}

.searchfield {
    font-size: 16px;
    width: calc(100% - 22px);
    margin: 0;
    padding: 5px 10px;
    border: solid 1px #ccc;
    background-color: #fff;
    border-radius: 30px;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

.searchsubmit {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 10px;
    padding: 0;
    cursor: pointer;
    color: #999;
    border: none;
    background: transparent;
    bottom: 0;
    transition: .3s;
}

.searchsubmit:hover{
	opacity: .5;
}



.search_list li {
    max-width: 900px;
    margin: 0 auto;
}

.search_list li:nth-child(2n) {
    background: #eeeeee;
}

.search_list li a {
    padding: 15px 20px;
    border-bottom: solid 1px #eeeeee;
    display: flex;
    flex-wrap: wrap;
    opacity: 1;
    transition: all .2s ease-in-out;
}

.search_list li a p.data {
    width: 130px;
    margin-right: 30px;
    font-weight: bold;
    position: relative;
}

.search_list li a p.tit {
    text-decoration: underline;
    transition: .3s;
}

.search_list li a:hover p.tit {
    opacity: .5;
    text-decoration:  none;
}

p.not-word {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

div.not-search {
    max-width: 600px;
    margin: 25px auto;
}

div.not-search .searchfield {
    font-size: 26px;
}

div.not-search .searchsubmit {
    font-size: 25px;
    right: 15px;
}

div.cst-2209 {
  text-align: center;
}

div.cst-2209 iframe {
  margin: 0 auto 50px;
}

div.cst-2209 ul {
  max-width: 760px;
  margin: 0 auto 100px;
}

div.cst-2209 ul li {
  text-align: left;
  margin: 0 auto 30px;
}

div.cst-2209 ul li br {
	display: none;
}

div.cst-2209 ul li span {
  display: inline-block;
  vertical-align: middle;
  max-width: 500px;
  width: 100%;
	font-weight: bold;
}

#main div.cst-2209 ul li a.btn_green {
  max-width: 200px;
  padding: 15px 25px;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

@media screen and ( max-width: 480px ) {
	
	.searchfield {
		font-size: 20px;
	}

	.search-icon {
		position: absolute;
		z-index: 10002;
		right: 70px;
		top: 15px;
		cursor: pointer;
	}

	.search-icon i {
		color: #777;
		font-size: 30px;
		vertical-align: bottom;
	}

	.search-box {
		display: none;
		background: #fff;
		position: absolute;
		top: 60px;
		width: 80%;
		padding: 0 10%;
	}
	
	.search_list li a p.data {
		display: block;
		width: 100%;
	}
	
	div.cst-2209 iframe {
	  width: 100%;
	}

	div.cst-2209 ul {
	  width: 90%;
	}

	div.cst-2209 ul li span {
	  display: block;
	  margin: 0 auto 15px;
	}

	#main div.cst-2209 ul li a.btn_green {
	  display: block;
	  margin: 0 auto;
	  max-width: none;
	  width: auto;
	}
	
	#main .content .course_list li div.box .sub_box p.btn.gra_orange.pc_none {
		display: block;
	}
	
	#main .content .course_list li div.box .sub_box p.btn.gra_orange a {
	  background: #eb8c3c;
	  color: #fff;
	  margin: 10px auto;
	  border: 3px solid #eb8c3c;
	  width: 100%;
	}
	
	p.btn.gra_orange.pages {
		display: block;
		text-align: center;
	}
	
	p.btn.gra_orange.pages span {
	  display: inline-block;
	  color: #eb8c3c;
	  font-weight: bold;
	  position: relative;
	  margin: 20px auto 10px;
	}

	p.btn.gra_orange.pages span::before {
	  content: "";
	  width: 30px;
	  height: 2px;
	  position: absolute;
	  background: #eb8c3c;
	  transform: rotate(50deg);
	  left: -30px;
	  bottom: 15px;
	}

	p.btn.gra_orange.pages span::after {
	  content: "";
	  width: 30px;
	  height: 2px;
	  position: absolute;
	  background: #eb8c3c;
	  transform: rotate(-50deg);
	  Right: -30px;
	  bottom: 15px;
	}

	p.btn.gra_orange.pages a {
	  color: #fff;
	  background: #eb8c3c;
	  display: block;
	  font-weight: bold;
	  padding: 5px 0;
	}
	
}