@charset "utf-8";
@media only screen and (min-width: 1400px){
	.f_col{
		margin-top:20px;
		margin-bottom:20px;
		padding-top:50px;
		padding-bottom:50px;
	}

	.f_address{ padding-left:15px; }
}	/* @media only screen and (min-width: 1400px){ */

@media only screen and (min-width: 1400px) and (max-width: 1599px){
	html .mrp1{ margin-top:25%;margin-left:0%; }
	html .mrp2{ margin-top:80%;margin-left:20%; }
	html .mrp3{ margin-top:155%;margin-left:0%; }
}	/* @media only screen and (min-width: 1400px) and (max-width: 1599px){ */

@media only screen and (min-width: 1201px) and (max-width: 1399px){
	.f_col{
		margin-top:20px;
		margin-bottom:20px;
		padding-top:50px;
		padding-bottom:50px;
	}

	html .mrp1{ margin-top:35%;margin-left:0%; }
	html .mrp2{ margin-top:95%;margin-left:20%; }
	html .mrp3{ margin-top:180%;margin-left:0%; }
	html .row_icon div{ width:calc(16.66% - 20px) }
}	/* @media only screen and (min-width: 1201px) and (max-width: 1399px){ */

@media only screen and (min-width: 992px) and (max-width: 1200px){
	html header .site_title{ width:200px; }
	html header .site_title img{ width:35px; }
	html header .site_title h2{ font-size:8pt;letter-spacing:0.55em; }
	html header .site_title h1{ font-size:14pt !important; }
	html header nav{ width:calc(100% - 210px); }
	html .gnav li{ margin-left:18px; }
	.gnav{ font-size:10.5pt; }
	.gnav .sub_title{ font-size:9pt !important; }

	.f_col{
		margin-top:20px;
		margin-bottom:20px;
		padding-top:50px;
		padding-bottom:50px;
	}
	html .fmenu{ border-right:0; }
	.f_col.f_col3{ padding-top:0; }
	.f_address{ border-top:1px solid rgba(255,255,255,0.50);padding-top:50px; }

	html .mrp1{ margin-top:55%;margin-left:0%; }
	html .mrp2{ margin-top:120%;margin-left:20%; }
	html .mrp3{ margin-top:205%;margin-left:0%; }
	html .row_icon div{ width:calc(20% - 20px) }
}	/* @media only screen and (min-width: 992px) and (max-width: 1200px){ */

@media only screen and (min-width: 769px) and (max-width: 991px){
	header .nav_inner{
		padding-left:15%;
		padding-right:15%;
	}

	html .gnav li{ line-height:150%; }

	.loop_ani{ display:none; }
	html .row_icon div{ width:calc(25% - 20px) }
}	/* @media only screen and (min-width: 769px) and (max-width: 991px){ */

@media only screen and (max-width: 768px) {
	html .menu_box:after{
		width:calc(100% - 40px);
		height:calc(100% - 40px);
		margin:20px;
	}
	html body .mb1 .mb_inner{ margin-right:0px; }
	html body .mb2 .mb_inner{ margin-left:0px; }
	html body .mb_inner{ padding:20px; }
	html .fmenu div{ width:calc(100% - 15px);margin-bottom:5px; }

	html .link_entry{
		top:auto;
		right:auto;
		bottom:0;
		width:100%;
	}

	html .link_entry a{
		padding:8px;
		margin:3px;
	}

	html .p_recruit { padding-top:90px !important; }
	html .pr_con{ margin-top:75dvh; }
	html .gnav li{ line-height:150%; }
	.loop_ani{ display:none; }
	html .add-animation .si_txt p span{ padding:0 10px; }
	html .row_icon div{ width:calc(25% - 20px) }
	html .page_content{ margin-top: 35vh; }
	html .fb-page{ display:flex;justify-content:center; }
	html header .site_title h2{
		font-size: 8pt;
		letter-spacing: 0.5em;
		margin-left:4px;
		margin-bottom:3px;
	}
}	/* @media only screen and (max-width: 767px) { */

@media only screen and (max-width: 543px) {
}	/* @media only screen and (max-width: 543px) { */

@media only screen and (max-width: 992px) {
	html .container{ padding-left:30px;padding-right:30px; }
	html header nav{
		position: fixed;
		top:-100vh;
		left:0;
		width: 100%;
		height: 100%;
		z-index:100000;
		background: rgba(255,255,255,0.98);
		display:block;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	html header nav.nav_fixed{ top:0; }
	.nav_inner{
		display:block;
		width: 100%;
		height: 98%;
		overflow:hidden;
		overflow-y:scroll;
	}

	html .btn{
		display: block;
		position: fixed;
		z-index:1001;
		top:10px;
		right:5px;
		color:#00a0e9;
		width:85px;
		text-align: center;
		border:1px solid #00a0e9;
		padding:10px 5px;
		background: rgba(255,255,255,0.95);
	}
	html .btn.btn_close{ right:5px; }
	html div:hover.btn,html div:active.btn{
		color:#ddd;
		background: #00a0e9;
		border:1px solid #00a0e9;
	}

	.btn{ position:relative; }
	.menu_num{
		position: absolute;
		z-index: 1;
		top:19px;
		left: 5px;
		width:15px;
		height: 1px;
		background: #00a0e9;
		transition: 0.3s ease-in-out;
	}

	.menu_num::before{
		content:'';
		position: absolute;
		z-index: 1;
		top:-5px;
		left: 0px;
		width:15px;
		height: 1px;
		background: #00a0e9;
		transition: 0.3s ease-in-out;
	}

	.menu_num::after{
		content:'';
		position: absolute;
		z-index: 1;
		top:5px;
		left: 0px;
		width:15px;
		height: 1px;
		background: #00a0e9;
		transition: 0.3s ease-in-out;
	}

	.btn:hover .menu_num,
	.btn:hover .menu_num::before,
	.btn:hover .menu_num::after,
	.btn:hover .menu_close,
	.btn:hover .menu_close::before{
		background: #fff;
	}

	.menu_close{
		position: absolute;
		z-index: 1;
		top:19px;
		left: 5px;
		width:15px;
		height: 1px;
		background: #00a0e9;
		transform: rotate(45deg);
		transition: 0.3s ease-in-out;
	}

	.menu_close::before{
		content:'';
		position: absolute;
		z-index: 1;
		top:0px;
		left: 0px;
		width:15px;
		height: 1px;
		background: #00a0e9;
		transform: rotate(-90deg);
		transition: 0.3s ease-in-out;
	}

	html .site_title_nav{ display:block; }
	header .gnav{
		display: block;
		align-content: center;
	}

	html .gnav li.parent_li .lower_menu{
		position:relative;
		z-index: 1;
		display: block;
		text-align: left;
		top:0;
		left:0;
		max-width: 100%;
	}

	html .gnav li.parent_li .lower_menu ul{
		width:100%;background: none;padding:0px;
	}

	.mb_col1,.mb_col4{ background:none !important; }
	.mb_col2, .mb_col3{ background: #fafafa !important; }

	html .mb1 .mb_inner{ margin-right:30px; }
	html .mb2 .mb_inner{ margin-left:30px; }

	html .rmain_inner{ padding-left:7.5px;padding-right:7.5px; }
	html .rmain_inner li{
		width:calc(25% - 15px);
		margin-left:7.5px;
		margin-right:7.5px;
	}

	html .f_col{
		margin-top:20px;
		margin-bottom:20px;
		padding-top:0px;
		padding-bottom:00px;
	}
	html .f_col.f_col1{ padding-top:30px; }
	html .f_col.f_col3{ padding-bottom:30px;margin-top:0; }
	html .fmenu{ border-left:0;border-right:0; }
	html .mb_inner .link_btn a{ min-width:100%; }
}	/* @media only screen and (max-width: 991px) { */