/*=================================================
	Respond
=================================================*/

@media(max-width: 1189px) {
	body {
		font-size: 100% ! important;
	}
	
	#header { display:none; height: 0; }
  .nav_wrapper { display:block; position: fixed; left: 0; top: 0; width: 100%; transition: top .5s ease-out; background: #EF7A00; z-index: 99999; }
  .logo { position: absolute; left: 0; top: 10px; z-index: 99999; }
  .logo img { width: 80%; max-width: 80%; }
  .scroll { top: -90px; }
  .no-scroll { top: 0; z-index: 9999; }
  .spinner-master input[type=checkbox] { display: none; }
  .spinner-master * { transition: all 0.3s; box-sizing: border-box; }
  .spinner-master {  float: right; position: relative; width: 30px; height: 30px; margin: 15px; } /* menu icon */
  .spinner-master label { position: absolute; left: 0; top: 5px; width: 100%; height: 100%; z-index: 99; cursor: pointer; }
  .spinner-master .spinner { position: absolute; width: 100%; height: 4px; padding: 0; background-color: #fff; }
  .spinner-master .diagonal.part-1 { float: left; position: relative; }
  .spinner-master .horizontal { float: left; position: relative; margin-top: 4px; }
  .spinner-master .diagonal.part-2 { float: left; position: relative; margin-top: 4px; }
  .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }
  .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 { transform: rotate(135deg); -webkit-transform: rotate(135deg); margin-top: 10px; }
  .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); margin-top: -12px; }
  .menu { clear: both; float: none; min-width: inherit; }
  .menu, .menu > ul ul { max-height: 0; overflow: hidden; }
  .menu > ul > li { border-bottom: 1px solid rgba(255,255,255,0.2); background-color: #EF7A00; } /* 1depth bgcolor */
  .menu > li > ul { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 55em; }
  .menu ul { display: inline; float: none; margin: 0; }
  .menu li, .menu > ul > li { display: block; margin: 0; padding: 0; }
  .menu > ul > li:last-of-type a { border: none; }
  .menu li a { display: block; position: relative; padding: 0.8em; color: #fff; }
  .menu li.has-submenu > a:after { content: '+'; display: block; position: absolute; top: 0; right: 0; font-size: 1.5em; padding: 0.25em 0.5em; }
  .menu li.has-submenu > a.active:after { content: "-"; }
  .menu ul > li > ul > li a { padding: 10px 18px 10px 30px; background-color: #FCA245; } /* 2depth bgcolor */
  .menu ul > li > ul > li a:hover { color: #fff; background: #FCA245; }
  .menu ul li.hover > a { color: #fff; background: #616161; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top: auto; border: none; }
  .lnb_icon { display: none; }

	.gnb {
		display: none;
	}

	.inner {
		width: 100%;
	}

	.inner1 {
		width: 100%;
		margin: 1rem auto !important;
	}

	.logo {
		padding-left: 1rem;
	}

	.nav-burger {
		display: block;
		position: relative;
		width: 30px;
		height: 20px;
		margin-right: 1rem;
		cursor: pointer;
		z-index: 3;
	}
	.nav-burger span {
		position: absolute;
		left: 0;
		top: 9px;
		width: 100%;
		height: 2px;
		background: #111111;
		transition: all 0.3s ease 0s;
	}
	.nav-burger::before,
	.nav-burger::after {
		content: '';
		position: absolute;
		left: 0;
		top: px;
		width: 100%;
		height: 2px;
		background: #111111;
		transition: all 0.3s ease 0s;
	}

	.nav-burger::after {
		bottom: 0;
	}

	.nav-burger.active::before {
		top: 9px;
		transform: rotate(45deg);
	}

	.nav-burger.active::after {
		bottom: 9px;
		transform: rotate(-45deg);
	}

	.nav-burger.active span {
		transform: scale(0);
	}

	.nav-menu {
		position: fixed;
		left: -120%;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 0 0 20px;
		background-color: rgba(255, 255, 255, 0.95);
		transition: all 0.3s ease 0s;
		overflow: auto;
	}

	.nav-menu.active {
		left: 0;
	}

	.nav-logo {
		height: 60px;
		line-height: 60px;
		padding-left: 1.4rem;
		font-family: Lato;
		font-size: 2.000em;
		font-weight: 900;
		color: #000000;
	}

	.nav-logo a {
		color: #111111;
	}

	.nav-list {
		display: block;
		width: 100%;
		padding-top: 60px;
	}

	.nav-list li {
		display: block;
		height: 40px;
		line-height: 40px;
		padding-left: 1rem;
		border-bottom: 1px solid #ccc;
	}

	.main-visual-wrap {
		margin-top: 60px;
		padding: 0;
	}

	.main-visual {
		height: 350px;
	}

	.sub-visual {
		margin-top: 60px;
	}

	.sub-img1, .sub-img2, .sub-img3, .sub-img4, .sub-img5, .sub-img6, .sub-img7 {
		height: 240px;
	}

	.sub-copy {
		position: absolute;
		left: 0;
		bottom:0;
		width: 100%;
		height: 20px;
		margin-left: 0;
		border: 0px solid #4C7FDB;
		border-bottom: 0;
		background: #ffffff;
		z-index: 2;
	}

	.sub-nav-li li {
		display: inline-block;
		margin-left: 15px;
		margin-right: 10px;
	}

	.sub-nav-li li:nth-child(2) {
		display: none;
	}

	.sub-nav2 button {
		width: 280px;
	}

	.content {
		width: 100%;
		min-height: 400px;
		padding: 2rem 1rem;
	}

	.conti-l, .conti-r {
		float: none;
		width: 100%;
	}

	.conti-l img, .conti-r img {
		width: 100%;
		object-fit: contain;
	}

	.stitle {
		width: 100%;
		margin-bottom: 1rem;
		padding-top: 0;
		color: #111111;
		border-top: 0;
	}

	.half {
		float: none;
		width: 100%;
		margin-bottom: 1rem;
	}

	.half:nth-child(2) {
		float: none;
	}

	.tbT1, .tbT2 { 
		overflow-x: scroll;
	}

	.Tp1, .Tp2 { 
		width: 890px;
	}

	.event-box {
		display: block;
		width: 100%;
		overflow: hidden;
	}

	.event-box li {	
		float: none;
		display: block;
		width: 100%;
	}

	.prog span {
		float: none;
		display: block;
		width: 100%;
	}

	.prog img {	
		width: 100%;
		object-fit: contain;
	}

	.mob-br {
		display: inline;
	}
}

@media (max-width: 991px) {

  .main-visual {
		position: relative;
		width: 100%;
		height: 400px;
		margin-bottom: 0;
		text-align: center;
	}

	.main-visual-image1, .main-visual-image2, .main-visual-image3, .main-visual-image4 {
		background-position: left top;
		background-size: auto 60%;
	}

	.main-visual-copy {
		width: 100%;
		padding-top: 150px;
		text-align: left ! important;
	}

	.main-visual-copy img {
		width: 100%;
	}

    .mob-br {
		display: block;
	}

	.mgo-box1 {
		width: 100%;
		height: auto;
	}

	.mgo-box2 {
		width: 100%;
		height: auto;
	}

	.mfa-box {
		width: 100%;
		height: auto;
	}

	.mfa-box1 {
		width: 100%;
		height: auto;
	}

	.circle-box {
		width: 100%;
		margin: 1rem 0;
	}

	.p-5 {
		padding: 2rem 1rem ! important;
	}

	.program li {
		display: block;
		margin: 0;
		padding: 0 1rem;
		font-size: 12px;
		font-weight: 400;
		color: #555555;
		text-align: center;
	}

	.program li img {
		width: 100%;
		object-fit: contain;
	}

	.program li:nth-child(2) {
		padding: 0.5rem 2rem 0;
		font-size: 0.500em;
		font-weight: 500;
		color: #111111;
		white-space: nowrap;
		overflow: hidden;
	}

	.footer {
		margin-top: 0;
		padding: 1rem 1rem 2rem ! important;
	}

	.footer .hstack,
	.footer .mob-br {
		display: block ! important;
	}

	.sub-img1, .sub-img2, .sub-img3, .sub-img4, .sub-img5, .sub-img6, .sub-img7 {
		height: 200px;
		background-position: 20% top;
		background-size: cover;
	}

	.sub-visual .pt-7 {
		padding-top: 4rem ! important;
	}

	.sub-nav {
		width: 100%;
	}

	.sub-nav-li li {
		margin: 0 ! important;
		border-right: 0;
	}

	.sub-nav2 button {
		width: 300px;
		background: url('../image/sub/nav_dot.png') 270px center no-repeat;
	}

	.sub-nav3 {
		width: 300px;
	}

	.sub-title {
		font-size: 2rem;
	}

	.box-type1 {
		text-align: left !important;
	}

	.box-type1 .text-center {
		text-align: left !important;
	}

	.info1 {
		padding: 300px 0 0;
		background: url('../image/sub/info1.jpg') left top no-repeat;
		background-size: 150% auto;
	}

	.info1-txt {
		width: 100%;
		padding: 2rem 0 0;
		background: #fff;
	}

	.info2 {
		flex-direction: column;
		width: 100%;
		margin-bottom: 1.5rem ! important;
	}

	.info2 .me-7 {
		margin-right: 0 ! important;
	}

	.info2 .ms-7 {
		margin-left: 0 ! important;
	}

	.info2 .pe-3, .info2 .ps-3 {
		padding: 0 ! important;
	}

	.info2 img, .info3 img, .info4 img {
		width: 100% ! important;
		margin-bottom: 1rem ! important;
		border-radius: 0 ! important;
	}

	.float-start, .float-end {
		float: none !important;
		display: block;
	}

	.info2:nth-child(odd) div  {
		order: 1 !important;
	}

	.info2:nth-child(odd) ul  {
		order: 2 !important;
	}

	.info3 .ps-5, .info3 .pt-3 {
		padding: 0 ! important;
		padding-bottom: 1.5rem ! important;
	}

	.info4 {
		padding: 300px 0 0;
		background: url('../image/sub/f2.jpg') center top no-repeat;
	}

	.info5 {
		padding: 300px 0 0;
		background: url('../image/sub/info2.jpg') center top no-repeat;
	}

	.info5 .info1-txt {
		padding: 1rem ! important;
	}

	.w-50 {
		width: 100% ! important;
	}

	.w-480 {
		width: 100% ! important;
	}

	.calc-480 {
		width: 100% ! important;
	}

	.good li {
		padding: 0.1rem 0 0 1.5rem;
		font-size: 1rem;
		color: #111111;
		background: url('../image/sub/check1.png') left 0.4rem no-repeat;
	}

	.good1 li {
		padding: 0.1rem 0 0 1.5rem;
		background: url('../image/sub/check1.png') left 0.4rem no-repeat;
	}

	.photo-box {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		align-itmes: center;
	}

	.photo-box a {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 3rem;
	}

	.photo-box a:nth-child(3n) {
		margin-right: 0 ! important;
	}

	.table-success {
		width: 800px ! important;
	}

	.map-box {
		width: 100%;
	}

	.box-line {
		display: none !important;
	}

	.box-type2 {
		height: auto;
	}

	.box-type-bg1, .box-type-bg2, .box-type-bg3, .box-type-bg4, .box-type-bg5, .box-type-bg6 {
		background-position: center top !important;
		background-size: contain;
	}

	.box-type3 {
		width: 100%;
		background: transparent !important;
	}

	.box-type3-text {
		padding: 15rem 0 0;
	}

	.round-box {
		width: 100%;
	}

	.wpx-400 {
		width: 100%;
	}

	.calc-400 {
		width: 100%;
	}

	.pt-5, .py-5 {
	  padding-top: 1rem !important;
	  padding-bottom: 1rem !important;
	}

	.pc-br {
		display: inline;
	}

}