@charset "utf-8";
/*  ===========================================================

	LEC水戸校【提携校】 
	
			Last Update 2022/12/02
			
			Written by O.K.

===========================================================  */

/*==================================

	common

==================================*/

* {
	box-sizing: border-box;
}
html {
	font-size : 75%;
}
/*@font-face {
	font-family: 'LogoTG';
	src: url('/font/LogoTypeGothic-subset.woff') format('woff');
}*/
html {
	max-width: 1260px;
	width: 100%;
	margin: 0 auto;
}
body {
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	font-size: 16px;
}

/*==================================

	header

==================================*/

header {
	max-width: 100%;
	/*padding: 0 3%;*/
	line-height: 1.2;
}
header h1 {
    background-color: #c8000b;
    color: #fff;
    font-size: 1rem;
    text-indent: 1%;
    padding: 0.2em 0.4em 0.4em;
    line-height: 1.2;
}
header #logo {
	width: 80%;
	margin: 0.3em auto;
}
#info_head {
	display:none;
}
#logo a,
#contact_head a,
#info_head a {
	display: block;
}
#logo a:hover,
#contact_head a:hover,
#info_head a:hover {
	opacity: 0.7;
}
#contact_head a:hover {
	opacity:0.5;
}
#contact_head {
	display:none;
}
#logo img,
#contact_head img,
#info_head img,
#top_slide img,
.side_bnr img,
.img_f3 img,
p.desc img,
.bnr_main img,
.info_gui01 img,
.info_gui02 img,
.kaikou_img img,
.map_fr img,
.img_certi_catch img,
.img_course_catch img,
.course_sch img,
.course_flow img,
.course_outline img,
.book_consul img,
.license .bnr_img img,
.bnr_side img,
.eigyo img{
	width: 100%;
	vertical-align: middle;
}
#pct {
	display: none;
}

#top_silde {
	width:100%;	
	padding:0 3%;
}
#top_silde a:hover {
	opacity: 0.7;
}
/*==================================

	grobal_navi

==================================*/

nav {
	width: 100%;
	font-family: "Noto Sans JP","Roboto Condensed", sans-serif;;
	background-repeat: no-repeat;
	font-weight: 700;
	margin-bottom:0.2em;
}
nav #gnavi {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-radius: 5px;
}
nav #gnavi li {
    position: relative;
    width: calc(100% / 2);
}
nav #gnavi li:before {
    content: "";
    display: block;
    width: 1px;
    padding-top: 40px;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    margin: calc(20 / 240 * 100%) 0 0;
    margin: 4px 0 0;
}
nav #gnavi li:after {
    content: "";
    display: block;
    width: calc(94 / 100 * 100%);
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
nav #gnavi li a {
    background-color: #c8000b;
    height: 48px;
    font-size: 1.38rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 2.9;
    display: block;
}
nav #gnavi li a:hover {
	opacity: 0.7;
}
span.gn_sub {
    display: none;
    /*line-height: 1.5;*/
}
/*==================================

	swiper

==================================*/
.swiper{
   /* margin-bottom: 2em;*/
}
.swiper-pagination{
    margin-bottom: 0.8em;
}
.swiper-slide{
    padding: 0.5em;
}
.swiper-slide a:hover{
    opacity: 0.7;
}
/*==================================

	main Contents

==================================*/

#main_contents {
    max-width: 100%;
    margin-bottom: 2em;
    height: auto;
    padding: 0 3%;
    margin-top: 0.5em;
}
h2 {
	font-family: "Noto Sans JP";
	color: #fff;
	font-size: 138%;
	padding: 0.5em;
	text-indent:0.5em;
	border-top:2px solid #c8000b;
	border-bottom:2px solid #c8000b;
	line-height:1.2;
	background-color: #c8000b;
}
h2.towp {
	font-family: "Noto Sans JP";
	color: #fff;
	font-size: 150%;
	padding: 0.7em 1em;
	text-indent:0;
	border:none;
	line-height:1.2;
	margin-bottom:0.4em;
	transition: background-color 0.3s;
	}
h2.towp a {
	color: #fff;
	text-decoration:none;
	display:block;
	}
h2.towp:hover {
	background-color: #59b1eb;
	transition: background-color 0.3s;
	/*opacity:0.7;*/
	}
h2.towp a:before {
    content: "\f0c1\0020";
    position: relative;
    font-family: FontAwesome;
	}
h2.towp a:after {
    content: "\0020\f101\f101\f101";
    position: relative;
    font-family: FontAwesome;
	}
h2.top,
h3 {
	font-family: "Noto Sans JP";
	color: #333;
	font-size: 138%;
	padding: 0.5em;
	/*text-indent:0.5em;*/
	border-top:2px solid #c8000b;
	border-bottom:2px solid #c8000b;
	line-height:1.2;
	background-color:transparent;
	clear:both;
	}

.info_gui01 {
	display: none;
	/*
	width: 49%;
	margin-right: 2%;
	float: left;
	margin-bottom:1em;
	*/
}
.info_gui02 {
	width: 100%;
	/*float: left;*/
	margin-bottom:1em;
}
.info_gui01:hover,
.info_gui02:hover{
	opacity: 0.5;
	transition: opacity 0.3s;
}
h3 {
	clear: both;
	}
dl#update a {
	color:#333;
	text-decoration: underline;
}
dl#update a:before {
    content: "\f0c1\0020";
    position: relative;
    font-family: FontAwesome;
	color: #c8000b;
}
dl#update a:hover {
	color:#c8000b;
	text-decoration: none;
}
dl#update,
dl#teikeikou_top,
p.desc,
dl#flow_top,
ul.pri_ul {
	margin-top:1em;
	margin-bottom:3em;
	padding: 0 1em;
}
p.desc_b{
	margin-top:1em;
	margin-bottom:1em;
	padding: 0 1em;
}
p.booth_desc {
	margin-top:1em;
	margin-bottom:0.5em;
	padding: 0 1em;
    text-align :center;
}
.point_h{
	clear:both;
}
#kaikou ul#point_top{
	display: grid;
	width:100%;
	grid-template-rows: auto auto;
	grid-template-columns: repeat(2, 48%);
	margin-top: 1em;
	margin-bottom: 5em;
    gap: 2% 4%;
}

#kaikou .point_h{
	/*margin-top: 1em;*/
}/*
#kaikou .point_h:nth-child(2n){
	margin-right: 0;
	margin-left: 2%;
}*/

#kaikou .kaikou_img{
}

#kaikou .point_desc{
}
p.desc_last{
	margin-top:1em;
	margin-bottom:3em;
	padding: 0 2em;
	padding-bottom:3em;
	border-bottom:1px solid #ddd;
}

p.desc.p0{
	padding: 0;
}
p.desc.mb1e {
	margin-bottom:1em;
}
p.desc.mb0 {
	margin-bottom:0;
}
p.test_park {
	margin: 0.5em auto 0;
}
p.test_park.mw500 {
	max-width: 500px;
}
p.test_park.mw650 {
	max-width: 650px;
}
p.test_park.mw750 {
	max-width: 750px;
}
dl dt {
	font-weight:bold;
    /*margin-top: 0.7em;*/
}
dl dd {
    padding: 0.2em 0.9em 0.9em;
	margin-bottom:1em;
}
.bnr_main a:hover {
	opacity:0.5;
}
.book_consul {
    max-width: 760px;
    margin: 1.5em auto 5em;
}
.book_consul a {
    display: block;
    width: 100%;
}
.book_consul a:hover {
	opacity: 0.7;
}
.form_attention {
    max-width: 640px;
    margin: 0.5em auto 1em;
    border: 5px solid #d94e61;
    padding: 1em;
}
/*==================================

	section #update

==================================*/

dl#update dd {
	margin-bottom:0.5em;
}
	


/*==================================

	section #event
	section #calendar

==================================*/
#event_fr {
	margin-top: 1em;
	margin-bottom: 2em;
}
#calendar_fr {
    display: flex;
	width: 42em;
	max-width: 100%;
	margin: 1em auto 1em;
	gap: 0.5em;
	font-size: 1rem;
}
	
.eigyo {
    width: 80%;
    margin: 0 auto 1em;
}

/*==================================

	certi

==================================*/

dl#update .update_desc span.certi{
	padding: 0 0.3em 0.2em 0.2em;
	margin-right: 0.3em;
	border-radius: 3px;
	color:#fff;
	background-color: #000;
	line-height: 2;
}
dl#update .update_desc span.certi.c_k{
	background-color: #f00;
}
dl#update .update_desc span.certi.c_k2{
	background-color: #f00;
	padding: 0.1em 0.5em 0.1em 0.5em;
}
dl#update .update_desc span.certi.c_l{
	background-color: #00a;
	letter-spacing: -2px;
}
dl#update .update_desc span.certi.c_s{
	background-color: #00f;
}
dl#update .update_desc span.certi.c_g{
	background-color: #008800;
}
dl#update .update_desc span.certi.c_r{
	background-color: #00cc00;
	letter-spacing: -2px;
}
dl#update .update_desc span.certi.c_t{
	background-color: #FD7600;
}
dl#update .update_desc span.certi.c_c{
	background-color: #891D00;
	letter-spacing: -2px;
}
dl#update .update_desc span.certi.c_e{
	background-color: #DD0000;
	letter-spacing: -2px;
}
dl#update .update_desc span.certi.c_b{
	background-color: #ff6666;
}
dl#update .update_desc span.certi.c_p{
	background-color: #ff9999;
}
dl#update .update_desc span.certi.c_n{
	background-color: #003f91;
	letter-spacing: -2px;
}
dl#update .update_desc span.certi.c_m{
	background-color: #0058E0;
}







/*==================================

	side area

==================================*/

#side_contents {
	width: 100%;
	margin: 0 auto;
	height: auto;
	padding: 0 3%;
	margin-bottom: 50px;
}
#side_contents a {
	opacity: 1;
	transition: opacity .5s;
}
#side_contents a:hover {
	opacity: 0.5;
	transition: opacity .5s;
}
.bnr_side{
	margin-bottom:20px;
	text-align: center;
}
.fb-like-box {
	margin-bottom: 5%;
	text-align: center;
}
.twitter-box{
	text-align: center;	
}

.twitter-timeline{
    margin: 0 auto;
}


/*==================================

	footer

==================================*/

footer {
	font-family: "Noto Sans JP";
	font-size : 75%;
	color: #fff;
	text-align: center;
	width: 100%;
	height: auto;
	clear: both;
	background-color: #c8000b;
	/*border-radius: 3px;*/
	position: relative;
	margin-top: 50px;
	padding: 3%;
}
footer ul.f_navi11 {
	width: 100%;
	margin: 1em auto;
	text-align: left;
	line-height: 1.8;
}
footer ul.f_navi11 a {
	text-decoration: none;
	color: #fff;
	/*padding: 0.5em 0.3em;*/
	border-radius: 3px;
}
footer .f_navi11 li:before {
    content: "\f35d";
    font-size: 0.8rem;
    left: 0;
    top: 1.1em;
}
footer #f_copyright {
	padding: 0 1.5em 1em;
	text-align: left;
}
footer a {
	color: #fff;
	text-decoration: underline;
}
footer #copyright a:hover {
	color: #fff;
	text-decoration: none;
}


/*==================================

	---Web_booth---

==================================*/



#web_booth .booth_ul{
	margin-bottom:2em;
	line-height:2;
	text-align: center;
}
#web_booth h3{
	margin-bottom:0.5em
}
.img_f3{
	float: left;
	width:32%;
	height:auto;
	margin-right:2%;
}
.img_f3:last-child{
	margin-right: 0;
}
.img_about{
	margin-top:0;
	margin-bottom:3em;
}

ul.img_about.mb1e {
	margin-bottom:1em;
}

/*==================================

	---About---

==================================*/

.img_f3{
	float: left;
	width:32%;
	height:auto;
	margin-right:2%;
	margin-bottom:1em;
}
.img_f3:last-child{
	margin-right: 0;
}
.img_f3:nth-child(3n){
	margin-right: 0;
}
.img_about{
	margin-top:0;
	margin-bottom:3em;
}

ul.img_about.mb1e {
	margin-bottom:1em;
}

/*==================================

	---Course---

==================================*/

#toppage ul.license,
#course ul.license {
	margin: 1em auto 5em;
	padding: 0 1em;
	max-width:1260px;
}
#toppage ul.license li,
#course ul.license li{
	/*width:80%;
	margin-top:1em;*/
	margin-bottom:10px;
}


#toppage ul.license li h3 a,
#course ul.license li h4 a{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
#toppage ul.license li h3 a,
#course ul.license li h4 a{
	display:block;
	text-decoration: none;
	color: #fff;
	padding: 0.5em;
	border:3px solid #c8000b;
	background-color: #c8000b;
}


#toppage ul.license li h3 a::before,
#toppage ul.license li h3 a::after,
#course ul.license li h4 a::before,
#course ul.license li h4 a::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
#toppage ul.license li h3 a::before,
#course ul.license li h4 a::before{
right: -85%;
width: 12px;
height: 5px;
background: #fff;
}
#toppage ul.license li h3 a::after,
#course ul.license li h4 a::after{
right: -85%;
width: 10px;
height: 10px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#toppage ul.license li h3 a:hover::before,
#course ul.license li h4 a:hover::before{
background: #c8000b;
}
#toppage ul.license li h3 a:hover::after,
#course ul.license li h4 a:hover::after{
border-top: 3px solid #c8000b;
border-right: 3px solid #c8000b;
}
#toppage ul.license li h3 a:hover,
#toppage ul.license li h3 a:active,
#course ul.license li h4 a:hover,
#course ul.license li h4 a:active{
	text-decoration: underline;
	color: #c8000b;
	padding: 0.5em;
	/*padding-right: 2em;*/
	border:3px solid #c8000b;
	background-color: #fff;
}
#toppage ul.license li.koumuin h3 a,
#course ul.license li.koumuin h4 a {
    background-color: #080;
	border:3px solid #080;
}
#toppage ul.license li.koumuin h3 a:hover,
#toppage ul.license li.koumuin h3 a:active,
#course ul.license li.koumuin h4 a:hover,
#course ul.license li.koumuin h4 a:active{
	text-decoration: underline;
	color: #080;
	/*padding-right: 2em;*/
	border:3px solid #080;
	background-color: #fff;
}
#toppage ul.license li.koumuin h3 a:hover::before,
#course ul.license li.koumuin h4 a:hover::before{
	background: #080;
}
#toppage ul.license li.koumuin h3 a:hover::after,
#course ul.license li.koumuin h4 a:hover::after{
	border-top: 3px solid #080;
	border-right: 3px solid #080;
}


ul.license .bnr_img a{
	display: block;
}
ul.license .bnr_img a:hover{
	opacity: 0.7;
}

ul.license_k li{
	text-decoration: none;
	color: #fff;
	padding: 0.5em;
	border:3px solid #c8000b;
	background-color: #c8000b;
}


ul.license li{
	padding: 0.2em;
	border:3px solid #c8000b;
}
ul.license li.koumuin{
	border:3px solid #080;
}
#toppage .license h3,
#course .license h4 {
	font-family: "Noto Sans JP";
	color: #333;
	font-size: 125%;
	line-height:1.2;
	clear:both;
	padding: 0;
	border: none;
	margin-bottom: 0;
	}
#course ul.nittei li{
	text-decoration: none;
	color: #333;
	padding: 0.5em;
	border:1px solid #fff;
	background-color: #ffe7e8;
}
#toppage ul.license h3 a,
#course ul.license h4 a{
	padding-right: 2em;
}

#toppage ul.license div.kouza_desc,
#course ul.license div.kouza_desc{
	padding: 0.5em;
}

#course p.course_h2_desc {
	width: 100%;
    max-width: 760px;
	margin: 1em auto;
	padding: 0 1em;
}
#course div.img_certi_catch{
	width: 100%;
    max-width: 760px;
    margin: 1em auto 3em;
}
#course div.img_course_catch{
	width: 100%;
    max-width: 760px;
    margin: 1em auto;
}
#toppage h3.course_h3,
#course h4.course_h4 {
	width: 100%;
    color:#fff;
	font-size: 138%;
	padding: 0.2em 0;
	padding:0.5em;
    /*text-align: center;
    max-width: 760px;
	font-family: "Noto Sans JP";
	border-top:1px solid #c8000b;
	border-bottom:3px solid #c8000b;*/
	line-height:1.2;
	background-color:#c8000b;
    margin-top: 1em;
	clear:both;
}

#course p.course_h4_desc {
	width: 100%;
    max-width: 760px;
	margin: 1em auto 3em;
	padding: 0 1em;
	line-height: 2;
}
#course h5.course_h5 {
	width: 100%;
    max-width: 960px;
	font-size: 125%;
    color:#fff;
	margin: 1em auto;
	padding: 0.5em;
    text-align: left;
	background-color:#060;
}

#course p.course_h5_desc {
	width: 100%;
    max-width: 760px;
	margin: 1em auto;
	padding: 0 1em;
}
#course p.course_h5_allert {
	width: 100%;
    max-width: 760px;
	margin: 1em auto;
	padding: 1em;
    border:solid 3px #c00;
}
#course div.class_room {
	margin: 1em auto 5em;
}

#course ul.course_point {
	width: 100%;
    max-width: 760px;
	margin: 1em auto 3em;
	padding: 0 2em;
    line-height: 2;
}
#course ul.course_point li {
    list-style-type: disc;
}
#course table.course_overview {
	width: 100%;
    max-width: 650px;
	margin: 1em auto;
	padding: 0 1em;
    border: solid 1px #ccc;
}
#course table.course_curr {
	width: 100%;
    max-width: 650px;
	margin: 1em auto;
	padding: 0 1em;
    border: solid 1px #ccc;
}
#course table.course_curr th {
	/*width: 100%;
    max-width: 760px;
	margin: 1em auto;*/
	width: 18%;
    color:#fff;
	background-color:#0c0;
	padding: 0.5em 0.3em;
    border: solid 1px #ccc;
    vertical-align: middle;
}
#course table.course_curr td {
	/*width: 100%;
    max-width: 760px;
	margin: 1em auto;
	padding: 0 1em;*/
	padding: 0.3em;
    text-align: center;
    border: solid 1px #ccc;
    vertical-align: middle;
}
#course table.course_curr td.tl {
    text-align: left;
}
#course div.course_sch {
	width: 100%;
    max-width: 400px;
	margin: 1em auto;
    border: solid 3px #ccc;
}
#course div.course_sch a,
#course div.course_flow a,
#course div.course_outline a {
    display: block;
}
#course div.course_sch a:hover,
#course div.course_flow a:hover,
#course div.course_outline a:hover {
    opacity: 0.7;
}
#course div.course_flow {
	width: 100%;
    max-width: 760px;
	margin: 1em auto;
    border: solid 3px #ccc;
}
#course div.course_outline {
	width: 100%;
    max-width: 760px;
	margin: 1em auto;
    border: solid 3px #ccc;
}
#course div.youtube_l {
	width: 100%;
    max-width: 560px;
    aspect-ratio: 16 / 9;
	margin: 1em auto;
}
#course div.youtube_l iframe {
	width: 100%;
	height: 100%;
    /*border: solid 3px #ccc;*/
}
/*#course div.youtube_l:hover {
    opacity:0.7;
}
#course div.youtube_l:active {
    opacity: 1;
}*/

#course h6 {
	width: 100%;
    max-width: 760px;
	font-size: 125%;
	margin: 1em auto;
	padding: 0.5em;
    text-align: left;
	background-color:#fff;
    border-left: solid 5px #f00;
    border-bottom: solid 1px #f00;
}
/*==================================

	---Access---

==================================*/

#access dl {
	margin-top:1em;
	margin-bottom:3em;
	margin-right: auto;
	margin-left: auto;
	padding: 0 1em;
}

#access dl#corp_dl dt {
	background-color: #c8000b;
	color: #fff;
	padding:0.5em 1.5em;
}

#access dl#corp_dl dd {
	background-color: #eee;
	color: #333;
	padding:0.5em 1.5em;
}
.map_fr {
	margin-top:1em;
	margin-bottom:2em;
}
.map_c {
	margin-top:1em;
	margin-bottom:2em;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top:1em;
margin-bottom:3em;
margin-right: auto;
margin-left: auto;
max-width: 768px;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*==================================

	---Faq---

==================================*/

#faq dl {
	margin-top:1em;
	margin-bottom:3em;
	padding: 0 1em;
}
#faq dl#faq_dl dt {
	background-color: #c8000b;
	color: #fff;
	padding:0.5em 1.5em;
}
#faq dl#faq_dl dd {
	background-color: #eee;
	color: #333;
	padding:0.5em 1.5em;
	margin-bottom:2em;
}


/*==================================

	---goukaku_---

==================================*/

#goukaku ul.goukaku_desc {
	margin-top:1em;
	margin-bottom:2em;
	padding: 1em 1.5em;
	background-color: #ffe6f4;
}

#goukaku h3.goukaku_h3 {
	border:2px solid #c8000b;	
	border-right: none;
	border-left: none;
	/*padding: 0.1em;*/
	text-indent: 1em;
	font-size : 125%;
	background-color: #ffe6f4;
}
#goukaku h3.goukaku_h3::before{
	content:"★ "
}
#goukaku h3.goukaku_h3::after {
	content:" ★"
}
#goukaku ul.goukaku_desc li.goukaku_person {
	font-size : 150%;
}

p.g_desc {
	margin-top:1em;
	margin-bottom:3em;
	padding: 0 0.5em;
}

/*==================================

	---Koumuin---

==================================*/

#koumuin ul {
	margin-top:1em;
	margin-bottom:3em;
	padding: 0 2em;
	padding-right: 0;
}

#koumuin ul.license li {
	line-height: 1.5;
	list-style-type: disc;
}

/*==================================

	---glist---

==================================*/
#glist {
	width: 100%;
    margin: 1em auto 0;
    margin-bottom: 5em;
}
#glist.mw500{
	max-width: 500px;
}
#glist.mw650{
	max-width: 650px;
}
#glist.mw750{
	max-width: 650px;
}
#glist #sort_certi{
	font-size: 1.5rem;
	margin-bottom: 1em;
	margin-left: 0;
	padding: 0.5em 0 0.5em 0.7em;
	border-bottom: solid 1px #999;
	border-left: solid 5px #f00;
}
select#select-ndown-a01 {
    font-size: 1.5rem;
}
#glist .g_group{
	margin-bottom: 1em;
	margin-left: 0;
	padding: 0.5em 0 0.5em 0.7em;
	border-bottom: solid 1px #999;
	border-left: solid 5px #f00;
}

#glist .g_title{
	/*font-size: 135%;*/
	font-size: 120%;
	margin-bottom: 0.5em;
}
#glist .ap_dead {
    background: #f00;
    color: #fff;
    padding: 0.5em;
    line-height: 1.5;
}
#glist .ap_contact {
    background: #f60;
    color: #fff;
    padding: 0.5em;
    line-height: 1.5;
}
#glist .date{
	margin-right: 1em;
	float: left;
}
#glist .date.sun{
	font-weight: bold;
	color: #f00;
}
#glist .date.sat{
	font-weight: bold;
	color: #00f;
}
.day{
	font-size: 150%;
}
#glist .time{
	float: left;
}
.s_time{
	font-size: 150%;
}
#glist .certification{
	margin-right: 0.2em;
	margin-bottom: 0.5em;
	clear: both;
	float: left;
	color: #fff;
	border-radius: 10px;
	font-weight: bold;
	/*font-size: 110%;*/
	font-size: 80%;
	padding: 0.1em 0.5em 0.2em 0.5em;
}
#glist .certi_k{
	background-color: #f00;
	padding: 0.1em 0.5em 0.2em 0;
}
#glist .certi_k2{
	background-color: #f00;
	padding: 0.1em 0.5em 0.2em 0.5em;
}
#glist .certi_l{
	background-color: #00a;
	letter-spacing: -2px;
}
#glist .certi_s{
	background-color: #00f;
}
#glist .certi_g{
	background-color: #080;
}
#glist .certi_r{
	background-color: #0c0;
}
#glist .certi_t{
	background-color: #FD7600;
}
#glist .certi_c{
	background-color: #891D00;
}
#glist .certi_e{
	background-color: #D00;
}
#glist .certi_b{
	background-color: #f66;
}
#glist .certi_h{
	background-color: #00f;
}
#glist .certi_p{
	background-color: #f99;
}
#glist .certi_n{
	background-color: #003f91;
}
#glist .certi_m{
	background-color: #0058E0;
}
#glist .certi_f{
	background-color: #000;
}
#glist .certi_etc{
	background-color: #000;
}
#glist .g_type{
	float: left;
	font-size: 80%;
	padding: 0.2em 0.3em;
}
#glist .target{
	float: left;
	font-size: 80%;
	margin-right: 0.2em;
	padding: 0.2em 0.3em;
}
#glist .target_shogaku{
	background-color: #0c0;
	color: #fff;
}
#glist .target_keiken{
	background-color: #f66;
	color: #fff;
}
#glist .type_video{
	background-color: #26802e;
	color: #fff;
}
#glist .type_nama,
#glist .type_namachukei{
	background-color: #cc3d3d;
	color: #fff;
}
#glist .type_ptest,
#glist .type_touren,
#glist .type_special,
#glist .type_shougakusei,
#glist .type_consulting{
	background-color: #f00;
	color: #fff;
}
#glist .type_nintei,
#glist .type_live{
	background-color: #003f91;
	color: #fff;
}
#glist .type_etc{
	background-color: #333;
	color: #fff;
}

/*==================================

	---guidance---

==================================*/
.g_booking,
.g_booking_dead{
    max-width: 750px;
}
.g_booking_dead{
    background-color: #999;
    color: #fff;
    text-align: center;
    line-height: 2;
    padding: 0.3em;
}
.g_booking a{
    background-color: #f00;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 2;
    padding: 0.3em;
    text-decoration: none;
}
.g_booking a:hover{
    background-color: #c00;
    color: #fff;
    /*text-decoration: underline;*/
}


/*==================================

	---common style---

==================================*/

.catch {
	color: #1A459D;
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.6;
	padding: 10px;
	border: 1px solid #1A459D;
	margin: 20px;
}
.cf {
}
.cf:before,
.cf:after {
	content: "";
	display: table;
	clear: both;
}
.bold {
	font-weight: bold;
}
.marker_ye {
    background:linear-gradient(transparent 60%, #ff6 60%);
	font-weight:bold; 
}
.marker_re {
    background:linear-gradient(transparent 75%, #ffadad 75%);
	font-weight:bold; 
}
.red {
	color: #F00;
}
.blue {
	color: #00F;
}
.center {
	text-align: center;
}
.red_bold {
	font-weight: bold;
	color: #F00;
}
.blue_bold {
	font-weight: bold;
	color: #00F;
}
.white {
	color: #fff;
}
.white_bold {
	font-weight: bold;
	color: #fff;
}
.both {
	clear: both;
}
#hidden {
	display: none;
}
.left20 {
	margin-left: 20px;
}
.homepage_img {
	margin-right: auto;
	margin-left: auto;
	width: 500px;
}
.txt_l {
	text-align: left;
}
.text_l {
	text-align: left;
}
.text_r {
	text-align: right;
}
.f75{
	font-size: 75%;
	}
.f88 {
	font-size: 88%;
}
.f125 {
	font-size: 125%;
}
.f150 {
	font-size: 150%;
}
.f188 {
	font-size: 188%;
}
.f30 {
	font-size: 30px;
}
.float_r {
	float: right;
}
.float_l {
	float: left;
}
.f_l50 {
	width: 50%;
	float: left;
}
.lh120{
    margin-top: 0.5em;
    line-height: 1.2;
    display: block;
}
.l_through{
    text-decoration: line-through;
}
.bnon{
    border:none !important;
}
.btn_s {
    display: inline-block;
    background-color: #0c0;
    color: #fff;
    padding: 0.15em 0.3em 0.3em;
    margin: 0 0.3em 0.3em;
    border-radius: 3px;
    font-weight: bold;
}
a.btn_privacy {
    font-size: 88%;
    display: inline-block;
    background-color: #00c;
    color: #fff;
    margin: 0 0.3em;
    padding: 0 0.5em;
    /*border-radius: 3px;*/
    text-decoration: underline;
}
a:hover.btn_privacy {
    background-color: #009;
    text-decoration: none;
}
a.link {
	background-image: url(../images/bk_li_arrow.png);
	background-repeat: no-repeat;
	display: inline-block;
	padding-left: 18px;
	background-position: 0px 5px;
}
img.img_l10 {
	float: right;
	padding-left: 10px;
}
img.img_lb10 {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
img.img_tb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
img.img_tb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
img.img_b30 {
	margin-bottom: 30px;
}
.mb0{
	margin-bottom: 0;
}
.litype li{
	list-style-type:disc;
	margin-left:2em;
}
.shadow {
	box-shadow: 3px 3px 3px #ccc;
}
#toppage #back2 #back1 #container #side .side02 img {
}
.f_r {
	float: right;
}
.f_l{
	float: left;
}
/*
.totop a {
    max-width: 600px;
    width: 100%;
    padding: 1em;
    background: #b30018;
    color: #fff;
    text-decoration: none;
    display: block;
    margin: 3em auto;
    border-radius: 5px;
    font-size: 1.5rem;
	text-align: center;
}
dl.form_table01 dd {
    width: 100%;
    margin-bottom: 1em;
    display: flex;
    gap: 0.2em;
}
dl.form_table03 dt.description_t {
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #0c0;
    vertical-align: middle;
    padding: 0.5em;
    margin-bottom: 0;
	font-weight: bold;
}
dl.form_table03 dd.description_t {
    width: 100%;
    background-color: #fff;
    font-weight: bold;
    padding: 0.5em 0.5em 0;
    margin: 0;
    font-size: 100%;
    border: none;
    border-right: 3px solid #0c0;
    border-left: 3px solid #0c0;
}
dl.form_table03 dd.description_t.last {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 3px solid #0c0;
}
input {
    font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
    width: 100%;
    font-size: 1.13rem;
    padding: 0.3em;
    border: 1px solid #999;
    border-radius: 2px;
}
input#namae,
input#namae2,
input#furigana {
}
input[type="date"] {
	width:100%;
}
select {
    font-size: 1.13rem;
    width: 100%;
    max-width: 100%;
    padding: 0.4em 0em;
    border: 1px solid #999;
    border-radius: 2px;
}
select#date {
    width: 10em;
}
select#time {
    width: 7em;
}
select#ymd {
    width: 11em;
	margin-bottom: 0.5em;
}
select.c_time {
	width:6em;
	margin-bottom: 0.5em;
}
input#mail_address,
input#mail_address2 {
	border-radius: 3px;
}
textarea{
	font-family:  "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
	width:100%;
	font-size: 125%;
	padding: 0.2em;
	border:1px solid #999;
	border-radius:2px;	
}
#form_table_waku p {
	text-align: center;
	margin-bottom: 10px;
}
.form p.atte {
    max-width: 600px;
	text-align: left;
	margin: 1em auto;
}
#form_table_waku .p24 {
	font-size: 24px;
	font-size: 1.5rem;
}
#form1 input#button {
	vertical-align: middle;
	text-align: center;
    background-color: #29cd29;
	color: #fff;
}
.form_aa img.hissu {
	height: 13px;
	width: 30px;
}
dl.kakunin_table {
	width:100%;
    max-width: 700px;
	margin: 0 auto;
	border: none;
}
dl.form_table01 dt.guidance_t,
dl.kakunin_table dt.guidance_t {
	width:100%;
	color: #fff;
	text-align: center;
	background-color: #0c0;
	vertical-align: middle;
	padding: 0.5em;
    margin-bottom: 0;
}
dl.form_table01 dd.guidance_t,
dl.kakunin_table dd.guidance_t {
	width:100%;
	background-color: #fff;
    font-weight: bold;
	padding: 0.5em;
	margin:0 0 1em;
    font-size: 125%;
	border:none;
    border-top: 1px solid #0c0;
    border-right: 3px solid #0c0;
    border-bottom: 3px solid #0c0;
    border-left: 3px solid #0c0;
}
dl.kakunin_table .kakunin_aa {
	width:100%;
	color: #fff;
	text-align: center;
	background-color: #f00;
	vertical-align: middle;
	padding: 0.5em;
}
dl.kakunin_table .kakunin_bb {
	width:100%;
	background-color: #fff;
	padding: 0.5em;
	margin:0.2em 0 1em;
	border:none;
    border-left: 5px solid #f00;
    border-bottom: 1px solid #f00;
}
.kakunin_btn1,
.kakunin_btn2{
	margin-top:3em;
	text-align: center;
	}
.kakunin_btn2{
	margin-top:1em;
	text-align: center;
	}
.sub_b{
    margin:0 auto;
    max-width: 300px;
}
#form1 .sub_b {
	margin-top: 1em;
	margin-bottom: 5em;
	text-align: center;
}
input#backto,
div#backto {
	max-width:300px;
	width:100%;
	border: none;
	background-color: #666;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	padding: 0.5em;
	border-radius: 3px;
	box-sizing:border-box;
	margin: 0.5em auto;
	transition:background-color .3s;
}
div#backpage {
	width:100%;
	max-width:300px;
	border: none;
    margin:0 auto;
	transition:background-color .3s;
}
div#backpage a {
	background-color: #f00;
    display: block;
	vertical-align: middle;
	text-align: center;
	color: #fff;
    text-decoration: underline;
	padding: 0.5em;
	border-radius: 3px;
	box-sizing:border-box;
	margin: 0.5em auto 8em;
}
div#backpage a:hover {
	background-color: #c00;
    text-decoration: none;
}
div#backto {
	margin: 0.5em auto 8em;
}
input#backto:hover {
	background-color: #444;
	transition:background-color .3s;
	cursor: pointer;
}
input#backto:active {
}
div#backto a,
div#backpage a{
    color: #fff;
    text-decoration: none;
    display: block;
}
div#backto a:hover{
    opacity: 0.7;
}
input#send {
	max-width:300px;
	width:100%;
	border: none;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	padding: 0.5em;
	border-radius: 3px;
	margin: 0.5em auto;
    background-color: #29cd29;
	transition: background-color .3s;
}
input#send:hover {
    background-color: #00a500;
	transition: background-color .3s;
	cursor: pointer;
}
.result{
    max-width: 700px;
    margin: 0 auto;
	margin-top:2em;
	margin-bottom:3em;
}
.form_table02, .confirm_table02 {
    font-size: 100%;
    margin: 1em auto 2em;
    width: 100%;
    max-width: 500px;
}
.form_table02 .form_aa, 
.confirm_table02 .form_aa {
    width: 25%;
    color: #333;
    text-align: center;
    background-color: #fee;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 2px solid #f99;
    font-size: 1rem;
}
.form_table02 .form_bb, 
.confirm_table02 .form_bb {
    text-align: left;
    background-color: #fff;
    padding: 5px 10px;
    border: 2px solid #f99;
    vertical-align: middle;
}
.contact_main .button {
    max-width: 500px;
    width: 100%;
    margin: 0 auto 5em;
}
#form1 button#send {
    border: none;
    position: relative;
    height: 3em;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(#29cd29, #00cd00);
    border-radius: 5px;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 1px 2px 3px #ccc;
    margin-bottom: 0.5em;
	width: 100%;
	font-size: 1.75rem;
}
.submit.button {
    max-width: 500px;
    margin: 0 auto 5em;
}

@keyframes shinybtn {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}

#form1 button#send::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shinybtn 3s ease-in-out 0s infinite normal;
}
a#backto {
    font-size: 1.75rem;
    width: 100%;
    background-color: #fff;
    border: solid 1px #999;
    border-radius: 3px;
    padding: 0.2em;
    margin-bottom: 0.2em;
    margin-top: 0.5em;
	display: block;
}
a#backto {
    height: 2em;
    border: none;
    background-color: #c8000b;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    position: relative;
    margin-bottom: 0.5em;
    text-decoration: none;
}
p.atte {
    text-align: center;
    margin-top: 2em;
    margin-bottom: 0.5em;
}
.booking_comp {
    display: inline-block;
    background-color: #c00;
    color: #fff;
    padding: 0.15em 0.3em 0.3em;
    margin: 0 0.3em;
    border-radius: 3px;
    font-weight: bold;
}

button#send:hover, 
a#backto:hover {
    opacity: 0.5;
    cursor: pointer;
    text-decoration: none;
    box-shadow: none;
    transform: translateY(2px);
}

*/

.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
  }
  .modal-content {
	background-color: #fefefe;  /* モーダルウィンドウの背景色 */
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888888;
	width: 90%;  /* モーダルウィンドウの横幅 */
	max-width: 600px;
	border-radius: 10px;
  }
  .modal-title {
	color: #f00; /* モーダルウィンドウの文字の色 */
	font-size: 18px; /* モーダルウィンドウの文字の大きさ */
	font-weight: bold;
	line-height: 2;
	text-align: center;
  }
  .close-button {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
  }
  .close-button:hover,
  .close-button:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
  }  
  .modal-p {
	margin-top: 1em;
  }




/*==================================

	---error---

==================================*/
#error #error_h {
	font-size:175%
}
#error #error_p {
	margin-bottom: 10em;
}