@charset "utf-8";

/********************************************************
	
	flex-grid:| sm  | md  | lg  |  xl  |
	min-width:| 576 | 768 | 992 | 1200 |
	max-width:| 575 | 767 | 991 | 1199 |

********************************************************/

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

	training 共通

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

.sp{
	display:none;
}

.pc{
	display:block;
}

.clearfix:after{
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.clearfix{
    min-height: 1%;
    _height: 1%;
}

.c_both{
	clear:both;
}

.container{
	max-width:1000px;
	margin:0 auto;
	position:relative;
}

@media screen and (max-width: 1000px) {
	.container{
		width:96%;
	}
}

@media screen and (max-width: 767px) {
/*
	.container{
		width:96%;
	}
*/
	.sp{
		display:block;
	}

	.pc{
		display:none;
	}

}

/* ======================================================
	space
====================================================== */
.pb10{
	padding-bottom:10px;
}

.pb20{
	padding-bottom:20px;
}

.pb30{
	padding-bottom:30px;
}

.pb40{
	padding-bottom:40px;
}

.pb50{
	padding-bottom:50px;
}

.pb60{
	padding-bottom:60px;
}

.pb70{
	padding-bottom:70px;
}

.pb80{
	padding-bottom:80px;
}

.pb90{
	padding-bottom:90px;
}

.pb100{
	padding-bottom:100px;
}

.pt10{
	padding-top:10px;
}

.pt20{
	padding-top:20px;
}

.pt30{
	padding-top:30px;
}

.pt40{
	padding-top:40px;
}

.pt50{
	padding-top:50px;
}

.pt60{
	padding-top:60px;
}

.pt70{
	padding-top:70px;
}

.pt80{
	padding-top:80px;
}

.pt90{
	padding-top:90px;
}

.pt100{
	padding-top:100px;
}

.mt10{
	margin-top:10px;
}

.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}

.mt40{
	margin-top:40px;
}

.mt50{
	margin-top:50px;
}

.mt60{
	margin-top:60px;
}

.mt70{
	margin-top:70px;
}

.mt80{
	margin-top:80px;
}

.mt90{
	margin-top:90px;
}

.mt100{
	margin-top:100px;
}

.mb10{
	margin-bottom:10px;
}

.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.mb40{
	margin-bottom:40px;
}

.mb50{
	margin-bottom:50px;
}

.mb60{
	margin-bottom:60px;
}

.mb70{
	margin-bottom:70px;
}

.mb80{
	margin-bottom:80px;
}

.mb90{
	margin-bottom:90px;
}

.mb100{
	margin-bottom:100px;
}

@media screen and (max-width: 767px) {
	.mt100{
		margin-top:55px;
	}

	.pb100{
		padding-bottom:50px;
	}

	.pt100{
		padding-top:50px;
	}

	.pt60{
		padding-top:30px;
	}

	.mt40{
		margin-top:20px;
	}

}


/* ======================================================
	font
====================================================== */
.training{
	font-size: 1.7rem;
}

.training a{
	color:#295ca0;
}

.font_s{
	font-size: 1.4rem;
	line-height: 24px;
}

.font_b{
	font-size: 1.8rem;
	line-height: 26px;
}

.section_title{
	font-family: serif;
	clear:both;
	max-width:1000px;
	margin:0 auto;
	font-weight:bold;
	font-size: 4.8rem;
	line-height:70px;
	text-align:center;
}

.lead{
	text-align:center;
}

@media screen and (max-width: 767px){
	.training{
		font-size: 1.4rem;
	}

	.section_title{
		font-size: 7vw;
		line-height: 8vw;
	}

	.lead{
		width:96%;
		margin:0 auto;
		text-align:left;
		padding-bottom:10%;
	}

}

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

	mainvisual

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

.main{
	width:100%;
	background: url(images/main_bg.png) repeat-x;
	height:266px;
	margin-top:100px;
}

.main_inner{
	width:100%;
	background: url(images/mainvisual.jpg) no-repeat center top;
	height:266px;
}

.main_inner h1{
	width:150px;
	margin-left:15px;
	padding-top:90px;
}

.main_inner h2{
	width:332px;
	margin-left:15px;
	padding-top:90px;
}

.main_inner h3{
	width:226px;
	margin-left:15px;
	padding-top:90px;
}

@media screen and (max-width: 767px) {
	.main{
		width:100%;
		height:auto;
		background: url(images/main_bg.png) repeat-x;
		margin-top:50px;
	}

	.main_inner{
		width:100%;
		height:auto;
		background: url(images/mainvisual.jpg) 0 0 no-repeat;
		background-size: 100% auto;
	}

	.main_inner h1{
		width:20%;
		height:auto;
		margin-left:2%;
		padding:6% 0 5% 0;
	}
	.main_inner h2{
		width:20%;
		height:auto;
		margin-left:2%;
		padding:6% 0 5% 0;
	}
	.main_inner h3{
		width:20%;
		height:auto;
		margin-left:2%;
		padding:6% 0 5% 0;
	}
/*
	.main .container{
		margin-top:50px;
	}
*/
}

.c-bcrumb a{
	color:#000;
}

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

	session

====================================================== */
.session_name{
	position: relative;
  padding-left: 20px;
	text-align:left !important;
}

.session_inn a{
	color:#000 !important;
}

.session_name:before{
	content: '';
  display: inline-block;
  position: absolute;
  top: 17px;
  left: 0;
  width: 0;
  height: 0;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 10px solid #27a039;
}

.session_inn ul{
	width:1000px;
  justify-content: left;
  align-items: top;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.session_inn ul li{
	width:480px;
	margin-right:40px;
	margin-bottom:30px;
}

.session_inn ul li:nth-child(2n) {
	margin-right:0;
}

.session_inn img, .session_inn p{
	width:100%;
	font-size: 2.4rem;
}

@media screen and (max-width: 767px) {
	.session_inn ul{
		width:100%;
		display: block;
	}

	.session_inn ul li{
		width:100%;
		margin-right:0;
	}

	.session_inn img, .session_inn p{
		font-size: 3.6vw;
	}

	.session_name:before{
	  top: 6px;
	}

}


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

	training / beginner

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

.session h1{
	width:340px;
	margin:0 auto;
}

.session h2{
	font-size: 3.0rem;
	font-weight:bold;
	text-align:center;
}

.session p{
	text-align:center;
}

.session .attention{
	background-color:#f4f4f4;
	padding:25px;
}

.session .attention span{
	display:block;
}

.session .attention ul {
 	justify-content: left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width:950px;
}

.session .attention ul li ul{
 	justify-content: left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width:850px;
}

#caution ul li:nth-child(1) {
	width:100px;
}

#caution ul li:nth-child(2) {
	width:850px;
}

#caution ul li:nth-child(2) ul li:nth-child(1){
	width:850px !important;
}

#caution ul li:nth-child(2) ul li{
	text-indent: -1em;
	margin-left: 1em;
}

#caution ul li:nth-child(2) ul li:before{
	content:"●";
}

#caution2 ul{
 	justify-content: left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width:950px;
}

#caution2 ul li{
	text-indent: -1em;
	margin-left: 1em;
	width:100%;
}

#caution2 ul li:before{
	content:"※";
}

.session .attention p{
	padding-left:1em;
	text-indent:-1em;
	text-align:left !important;
}

.red{
	background-color:#dd0500;
	color:#fff;
	padding:4px 10px;
	text-align:center;
}

.navi{
  justify-content: center;
  align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	max-width:1000px;
	margin:10px auto 0;
	position:relative;
}

.navi .name{
	font-size: 1.9rem !important;
	line-height: 26px;
}

@media screen and (max-width: 1000px) {
	.navi .name{
		font-size: 1.4rem !important;
	}
}

.list6 a{
	width:16.66%;
	padding:2% 1.5% 4% 1.5%;
	/*border-right:1px solid #efefef;*/
	border:1px solid #efefef;
	box-sizing: border-box;
	position: relative;
  display: inline-block;
	color:#000;
	margin: 0 -1px -1px 0;
}

.list5 a{
	width:20%;
	padding:2% 2.5% 4% 2.5%;
	/*border-right:1px solid #efefef;*/
	border:1px solid #efefef;
	box-sizing: border-box;
	position: relative;
  display: inline-block;
	color:#000;
	margin: 0 -1px -1px 0;
}

.navi a:after{
  content: '';
  width: 10px;
  height: 10px;
  border: 0;
  border-top: solid 1px #646464;
  border-right: solid 1px #646464;
  position: absolute;
  top: 50%;
  left: 48%;
  margin-top: 30px;
  transform: rotate(135deg);
}
/*
.navi a:nth-child(6){
	border-right:none;
}
*/

.navi a p:nth-child(1){
	font-size: 2.0rem;
}

.navi a p{
	text-align:center;
}

.purple{
	background-color:#8f82bc;
	color:#fff;
	line-height:24px;
	margin-top:5px;
}

.gray{
	background-color:#9fa0a0;
	color:#fff;
	line-height:24px;
	margin-top:5px;
}

.orange{
	background-color:#e1662f;
	color:#fff;
	line-height:24px;
	margin-top:5px;
}

.green{
	background-color:#32a53e;
	color:#fff;
	line-height:24px;
	margin-top:5px;
}

.blue{
	background-color:#00abe4;
	color:#fff;
	line-height:24px;
	margin-top:5px;
}

.caution{
	color:#df1510 !important;
}

.pdf{
	display:table;
	text-align:left;
}

.pdf li{
	display:table-cell;
	vertical-align:middle;
}

.acrobat{
	display: flex;
	width:500px;
	margin:0 auto;
	padding:30px 0 60px;
}

.acrobat .btn_acrobat{ 
	flex: 0 0 25%; 
}

.acrobat p{ 
	flex: 0 0 75%; 
	font-size: 1.2rem;
	line-height:15px;
	text-align:left;
	padding:0 0 0 5px;
}


@media screen and (max-width: 767px) {
	#caution ul {
 	 	justify-content: left;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width:100%;
	}


	#caution ul li:nth-child(1) {
		width:100%;
	}

	#caution ul li:nth-child(2) {
		width:100%;
	}

	#caution ul li:nth-child(2) ul li:nth-child(1){
		width:100%; !important;
	}


	.session .attention p{
		padding-left:1em;
		text-indent:-1em;
		text-align:left !important;
	}

	.red{
		text-align:left;
	}

	.navi{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width:94%;
	}

	.navi a{
		width:50%;
		padding:4% 3% 8%;
	}
/*
	.navi a:nth-child(2), .navi a:nth-child(4){
		border-right:none;
	}

	.navi a:nth-child(1), .navi a:nth-child(2), .navi a:nth-child(3), .navi a:nth-child(4){
		border-bottom:solid 1px #efefef;
	}
*/
	.navi .name{
		font-size: 1.8rem !important;
	}

	.acrobat{
		display: block;
		width:100%;
		margin:0 auto;
		padding:30px 0 60px;
	}

	.acrobat img{
		width:100%;
	}

	.acrobat .btn_acrobat{ 
		width:40%;
		margin:0 auto;
		padding-bottom:3%;
	}

	.acrobat p{ 
		width:94%;
		margin:0 auto; 
		font-size: 1.4rem;
		line-height:20px;
		text-align:center;
		padding:0;
	}

}

.area{
 	padding-top:20px;
	position:relative;
}

.area h2{
	font-size: 2.4rem;
	font-weight:bold;
	padding:5px 0 5px 20px;
	margin-top:40px;
}

.area b{
	font-size: 1.8rem;
	font-weight:bold;
}

table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
	font-size: 1.4rem;
	/*height:100%;*/
	box-sizing:border-box;
}

.style1 tr{
  border-right: solid 1px #a6a6a6;
	font-weight:normal;
}

.style1 th{
	font-weight:normal;
  text-align: center;
  border-left: 1px solid #a6a6a6;
  border-top: 1px solid #a6a6a6;
  border-bottom: 1px solid #a6a6a6;
  /*width: 25%;*/
  padding: 5px 0;
	background-color:#f4f4f4;
	height:30px;
}

.style1 td{
  text-align: center;
  border-left: 1px solid #a6a6a6;
  border-bottom: 1px solid #a6a6a6;
	box-sizing:border-box;
  border-top:none;
  /*width: 25%;*/
  padding: 4px 10px;
}

.style1 td.time{
  text-align: center !important;
	vertical-align:middle !important;
}

.style1 td:first-child, .style1 td:last-child{
  text-align: left;
	vertical-align:top;
}

.style1 td{
  width:500px;
}

.date{
	display: inline-block;
	width: 15px;
	text-align: right;
}

.full{
	background-color:#dd0500;
	color:#fff;
	padding:0 5px;
	float:right;
	line-height:24px;
	vertical-align:middle;
	margin-top:2px;
	width:130px;
	text-align:center;
}

.few{
	background-color:#eb9200;
	color:#fff;
	padding:0 5px;
	float:right;
	line-height:24px;
	vertical-align:middle;
	margin-top:2px;
	width:130px;
	text-align:center;
}

.icon{
	float:left;
	margin-left:20px;
	display:block;
}

.w30{
	width:30px;
	padding-top:5px;
}

.w50{
	width:50px;
	padding-top:5px;
}

.w58{
	width:58px;
	padding-top:5px;
}

.w60{
	width:60px;
	padding-top:5px;
}



table td {
	vertical-align:middle!important;
}


table td p{
	float:left;
	width:250px;
}

table td a{
	text-decoration:underline;
}


.details{
	border-top:1px solid #a6a6a6;
}

.details_block{
	font-size: 1.4rem;
	line-height:20px;
  justify-content: center;
  align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	max-width:1000px;
	margin:0 auto;
	border-right:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
	border-left:1px solid #a6a6a6;
	background: url(beginner/images/line.png) repeat-y;
}

.details_left{
	/*width:420px;*/
	width:auto;
	padding:5px;
}

.details_right{
	width:580px;
	padding:5px 20px;
}

.details_inner{
  justify-content: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	max-width:420px;
	margin:0 auto;
}

.details_inner .details_time{
	width:190px;
	text-align:center;
}

.details_inner .details_course{
	width:230px;
	padding:0 20px;
}


.base_schedule{
	font-size: 1.4rem;
	line-height:20px;
  justify-content: center;
  align-items: stretch;
  /*align-items: center;*/
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	max-width:1000px;
	margin:10px auto 0;

/*
	flex: 1 0 auto;
	display: -ms-flexbox;
	-ms-flex-pack: justify;
	-ms-flex-line-pack: center;

	border-right:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
	border-left:1px solid #a6a6a6;
*/
}

.mill{
	background-color:#ccefe3;
	font-weight:bold;
	font-size: 1.8rem;
	border-top:1px solid #a6a6a6;
	border-right:1px solid #a6a6a6;
	border-left:1px solid #a6a6a6;
	padding-left:20px;
}

.lathe{
	background-color:#d0daed;
	font-weight:bold;
	font-size: 1.8rem;
	border-top:1px solid #a6a6a6;
	border-right:1px solid #a6a6a6;
	border-left:1px solid #a6a6a6;
	padding-left:20px;
}

.lathe span{
	font-weight:normal;
	padding-left:20px;
}

.schedule_left{
	/*width:680px;*/
	width:auto;;
	/*padding:5px;*/
}

.emphasis{
	background-color:#fffecb;
}

.year{
	color:#ff0000;
}

.schedule_right{
	font-size: 1.4rem;
	width:500px;
	border-right:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
	border-top:1px solid #a6a6a6;
  margin-bottom:-1px;
	box-sizing: border-box;
}

.schedule_right ul{
 	justify-content: left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width:96%;
	margin:0 auto;
	padding-bottom:20px;
}

.schedule_right ul li{
	width:48%;
}

@-moz-document url-prefix() {
	.schedule_right{
		margin-bottom:0px;
	}
}

@supports (-ms-ime-align:auto) {
	.schedule_right{
		margin-bottom:0px;
	}
}

_:-ms-lang(x)::-ms-backdrop, .schedule_right{
    margin-bottom:0px;
}


.schedule_right .title{
	font-weight:normal;
  text-align: center;
  /*border-left: 1px solid #a6a6a6;
  border-top: 1px solid #a6a6a6;*/
  border-bottom: 1px solid #a6a6a6;
  padding: 5px 0;
	background-color:#f4f4f4;
}

.schedule_right p{
	padding:20px 10px;
}


@media screen and (max-width: 767px) {
	.session h1{
		width:70%;
		margin:0 auto;	
	}

	.session h1 img{
		width:100%;
	}

	.session h2{
		font-size: 6vw;
		line-height: 8vw;
	}

	.details_block{
  	align-items: stretch;
	  width:100%;
		background: url(beginner/images/dot.png);
	}

	.details_left{
		width:30%;
		padding:1%;
		border-right:1px solid #a6a6a6;
		box-sizing: border-box;
	}

	.details_right{
		width:70%;
		padding:1%;
	}

	.details_inner{
		display: block;
		width:100%;
	}

	.details_inner .details_time{
		display: block;
		width:100%;
		text-align:left;
	}

	.details_inner .details_course{
		display: block;
		width:100%;
		padding:0;
	}

	.base_schedule{
		width:100%;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.schedule_left{
		width:100%;
	}

	.schedule_right{
		width:100%;
		margin-top:-1px;
		border-left:1px solid #a6a6a6;
	}

	.schedule_right ul li{
		width:100%;
	}

	.schedule_right ul li:last-child{
		padding-top:3%;
	}

		@-moz-document url-prefix() {
			.schedule_right{
				margin-bottom:0px;
			}
		}

	.icon{
		float:right;
	}

	table td p{
		/*width:auto;
		float:none;*/
	}

	.full{
		float:left;
	}

	.few{
		float:left;
	}
}


.category{
	background-color:#f4f4f4;
}

.category .details_time, .category .details_course, .category .details_right{
	text-align:center;
}


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

	training / seminar

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

.seminar h1{
	width:580px;
	margin:0 auto;
}

.seminar p, .calendar p{
	text-align:center;
}

.seminar .tel{
	font-size: 3.0rem;
	font-weight:bold;
	text-align:center;
	color:#01a7ba;
}

.seminar_pdf{
	width:100%;
	background-color:#f4f4f4;
	padding:15px;
}

.seminar_pdf ul{
	margin:0 auto;
}

.calendar .year{
	text-align:center;
	font-size: 1.6rem;
	line-height:28px;
}

.calendar .date{
	text-align:center;
	font-size: 5.0rem;
	font-weight:bold;
	line-height:38px;
}

.calendar .calendar_img{
	width:760px;
	margin:30px auto 0;
}

@media screen and (max-width: 767px) {
	.seminar h1{
		width:100%;
		margin:0 auto;
	}

	.seminar p{
		text-align:left;
	}

	.seminar_pdf p, .calendar p{
		text-align:center;
	}

	.calendar .calendar_img{
		width:100%;
		margin:30px auto 0;
	}

}


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

	training / beginner 20200625

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


#course h2 ,.schedule h2{
	font-size: 2.4rem;
	text-align:center;
}

#course p span{
	color:#999999;
}

#course ul{
 	justify-content: left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width:1000px;
}

#course ul li:first-child{
 	width:67%;
	margin-right:3%;
}

#course ul li:last-child{
 	width:30%;
}

#course ul li:last-child p{
 	margin-bottom:30px;
}

.course_title{
  border-left: 1px solid #a6a6a6;
  border-right: 1px solid #a6a6a6;
	padding:10px;
	color:#000;
	margin:0;
}

#course .orange{
  background-color:#ffdf87;
  border-top: 1px solid #a6a6a6;
}

#course .green{
  background-color:#c4eab1;
}

#course .blue{
  background-color:#ccdeef;
}

#course .purple{
  background-color:#dccdee;
  border-top: 1px solid #a6a6a6;
}

#course table{
	height:auto;
}

.course_table tr{
  border-right: solid 1px #a6a6a6;
	font-weight:normal;
}

.course_table th{
	font-weight:normal;
  text-align: center;
  border-left: 1px solid #a6a6a6;
  border-top: 1px solid #a6a6a6;
  border-bottom: 1px solid #a6a6a6;
  padding: 5px 0;
	background-color:#f4f4f4;
	height:30px;
	vertical-align:top;
}

.course_table td{
  text-align: left;
  border-left: 1px solid #a6a6a6;
  border-bottom: 1px solid #a6a6a6;
	box-sizing:border-box;
  border-top:none;
  padding: 2px 10px;
	vertical-align:top;
}

.course_table td:first-child{
  text-align: center;
}

.course_table td:nth-child(1){
  width:20%;
}

.course_table td:nth-child(2){
  width:80%;
}

.course_attention{
	padding-left:1em;
	text-indent:-1em;
}

@media screen and (max-width: 767px) {
	#course ul{
		max-width:100%;
	}

	#course ul li:first-child{
	 	width:100%;
		margin-right:0px;
	}

	#course ul li:last-child{
	 	display:none;
	}

	.course_table td:nth-child(1){
	  width:25%;
	}

	.course_table td:nth-child(2){
	  width:75%;
	}
}



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

	accordion

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

.area > .accordion{
	display: none;
	margin-top:30px;
}
/*
.area:first-child > .accordion{
	display: block;
}
*/
.btn_accordion{
	width:280px;
	height:40px;
	border-radius:5px;
	border:1px solid #127a2c;
	box-sizing:border-box;
  position: relative;
	color:#127a2c;
	cursor: pointer;
	text-align:center;
	line-height:40px;
	margin:20px auto 0;
}

/*
.area:first-child > .schedule_block > .btn_accordion{
	display: none;
}
*/

.btn_open::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #127a2c;
  border-right: 1px solid #127a2c;
  transform: rotate(135deg);
  margin-top: -8px;
}

.btn_close{
	margin:0 auto;
}

.btn_close::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #127a2c;
  border-right: 1px solid #127a2c;
  transform: rotate(-45deg);
  margin-top: -2px;
}

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

	.btn_accordion{
		width:90%;
		height:40px;
		line-height:40px;
		margin: 20px auto 0;
	}

	.accordion{
		margin-top:0;
	}
}


.google_map {
	height: 420px;
	overflow: hidden;
	padding-bottom: 0;
	position: relative;
	margin-top:20px;
}

.google_map iframe, .parking_map iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

@media screen and (max-width: 767px) {
	.google_map {
		height: 0;
		padding-bottom: 75%;
	}
}

.access_info{
	width:100%;
	background-color:#f5f5f5;
	margin-top:5px;
	margin-bottom:20px;
}

.access_info ul{
  justify-content: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width:950px;
	margin:0 auto;
	padding:20px 0;
}

.access_info ul li:first-child{
  width:550px;
	margin-right:30px;
}

.access_info ul li:last-child{
  width:370px;
}

.access_info ul li:first-child ul{
  justify-content: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
  width:550px;
	margin:0 auto;
	padding:0;
}

.access_info ul li:first-child ul li{
	padding-left: 1em;
  text-indent: -1em;
	width:100%;
	line-height:1.6;
	margin-bottom:10px;
	margin-right:0;
}

.access_info ul li:first-child ul li::before{
  content: "● ";
}

.parking_map {
	overflow: hidden;
	position: relative;
	margin-top:10px;
	background-color:#fff;
	width:370px;
	height:220px;
}

.parking_map p{
	position: relative;
	height:210px;
	width:360px;
	margin-left:5px;
	margin-top:5px;
}

.access_info ul li:last-child p span{
  color:#cccccc;
}


@media screen and (max-width: 767px) {
	.access_info ul li{
	  width:100%;
		margin-right:0px;
		padding:0 3%;
	}

	.access_info ul li:first-child{
	  width:100%;
		margin-right:0;
	}

	.access_info ul li:last-child{
	  width:100%;
	}

	.access_info ul li:first-child ul{
	  width:100%;
	}

	.access_info ul li:first-child ul li{
	  width:100%;
		margin-right:0;
	}

	.parking_map {
		overflow: hidden;
		position: relative;
		margin-top:10px;
		background-color:#fff;
		width:100%;
		height:auto;
	}

	.parking_map p{
		position: relative;
		width: calc(100% - 10px);
		margin-left:5px;
		margin-top:5px;
		margin-bottom:5px;
		height: 0;
		padding-bottom: 56.25%;
	}

}

.c-container h3{
	display:block;
	text-align:center;
	padding:0 0 20px;
}