@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1400px) {
	/*slider*/
	.slide__overlay-title h1{ font-size: 250%; }
	
	/*page*/
	.about-flex__left p{ padding-right: 60%; }
}

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

@media screen and (max-width:1024px) {
	body.fixed {
		position: fixed;
		width: 100%;
	}
	
	/*段落*/
	.br-sp{ display: block; }
	.br-pc{ display: none; }
	
	
	/*header*/
	.head__glonav-cont{ display: none; }
	.head-burgermenu{ display: flex; transition: .7s; }
	
	/*header-nav-mobile*/
	.header-nav-mobile{
		display: block;
		position: fixed;
		width: 100%;
		height: 100%;
		margin: 0;
		background: rgba(255,255,255,.8);
		top: 0;
		right: 0;
		transform: translateX(100%);
		transition: all 0.6s;
		z-index: 1000;
	}
	.header-nav-mobile.open{
		transform: translateX(0%);
	}
	.fast-navmenu{
		padding: 30px 15px;
		text-decoration: none;
		color: #595757;
		font-size: 90%;
		transition: .3s;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}
	.fast-navmenu a{ color: #ee7523; }
	.fast-navmenu.pulldown{ position: relative; padding-left: 2.5em; }
	.fast-navmenu.pulldown::before{
		content: '';
		position: absolute;
		top: 45%;
		left: 10px;
		border: 8px solid transparent;
		border-top: 8px solid #666;
		width: 0;
		height: 0;
	}
	.pulldown-btn{
		width: 50px;
		background: #0E7C3D;
	}
	.middle-menu{
		width: 100%;
		background: #595757;
		margin: 0;
		padding: 0;
		display: none;
	}
	.middle-menu li{ list-style: none; }
	.middle-menu li a{ 
		display: block;
		padding: 15px 15px 15px 2em;
		color: #fff;
		border-bottom: 1px solid #666;
		position: relative;
	}
	.middle-menu li a::before{
		content: '';
		position: absolute;
		top: 40%;
		left: 15px;
		border: 5px solid transparent;
		border-left: 5px solid #ccc;
		width: 0;
		height: 0;
	}
	.ex-links{
		width: 95%;
		margin: 30px auto 0;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
	}
	.ex-links .fast-navmenu{ 
		width: 49%;
		background: #ee7523;
		padding: 15px;
		text-align: center;
		border-radius: 5px;
	}
	.ex-links .fast-navmenu:last-child{ background: #e94b19; }
	.ex-links .fast-navmenu a{ color: #fff; }
	
	
	/*slide*/
	.slide__overlay-title{ width: 100%; background: rgba(110,195,225,.6); }
	
	/*footer*/
	.foot-inner .left-add{ width: 32%; }
	.foot-inner .right-navbox{ width: 65%; }
	
	/*top*/
	.top-service__element01 .element__textbox h1{ font-size: 120%; }
	.top-service__element01 .element__textbox .text{ margin: 30px 0; }
	
	.top__news-cont .inner{ width: 80%; flex-direction: column; }
	.news-list__title{ width: 100%; height: auto; padding: 15px 0; }
	.news-list__title h1{ font-size: 200%; }
	.news-list{ width: 100%; margin-top: 15px; }
	
	/*page*/
	.page-seminar__element01 .element-left .text{ padding-left: 15px; }
	.page-seminar__element01 .element-left{ width: 60%; text-align: left; }
	.page-seminar__element01 .element-right{ width: 40%; }
	.page-seminar__pdflink-box{ flex-direction: column; }
	.page-seminar__pdflink-box .pdf-element{ width: 100%; padding: 5px; }
	.page-seminar__pdflink-box .pdf-element p{ width: 100%; text-align: left; }
	
	.page-subsidy__element01 h3{ line-height: 1.5em; }
}

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

@media screen and (max-width:768px) {
	/*top*/
	.top-service__element01 .element__iconbox{ width: 25%; }
	.top-service__element01 .element__iconbox img{ max-width: 50%; }
	.top-service__element01 .element__textbox{ width: 75%; }
	
	/*footer*/
	.foot-inner{ flex-direction: column; }
	.foot-inner .left-add, .foot-inner .right-navbox{ width: 100%; }
	.foot-inner .right-navbox{ margin-top: 15px; }
	.foot-inner .mein-nav ul{ flex-direction: column; }
	.foot-inner .mein-nav ul li{ width: 100%; text-align: left; padding-bottom: 10px; border-bottom: 1px solid #fff; }
	.foot-inner .mein-nav ul li a{ padding-left: 15px; }
	
	/*page*/
	.about-flexbox{ padding-bottom: 300px; }
	.about-flex__left h1{ font-size: 110%; }
	.about-flex__left p{ padding-right: 0; }
	.about-flex__ownerimg{ width: 306px; height: 320px; right: 5px; }
	
	.page-seminar__element01{ flex-direction: column; }
	.page-seminar__element01 .element-left{ width: 90%; padding-left: 0; margin: 0 auto; }
	.page-seminar__element01 .element-left .text{ padding: 0; }
	.page-seminar__element01 .element-right{ width: 100%; height: 0; padding-bottom: 45%; margin: 0; position: relative; overflow: hidden; }
	.page-seminar__element01 .element-right img{ width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
}

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

@media screen and (max-width:480px) {
	/*top*/
	.news-list dl dt{ flex-direction: column-reverse; }
	
	/*.top-service__element01{ width: 85%; flex-direction: column; border-radius: 30px; }
	.top-service__element01 .element__iconbox, .top-service__element01 .element__textbox{ width: 100%; }
	.top-service__element01 .element__textbox .text{ text-align: center; }*/
	.top-service__cont .inner{ padding: 0; }
	.top-service__element01{ width: 100%; border-radius: 0; margin-bottom: 1px; box-shadow: none; position: relative; }
	.top-service__element01 .element__iconbox{ padding: 0 5px 0 5px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; }
	.top-service__element01 .element__textbox{ width: 100%; z-index: 10; background: rgba(35, 86, 166,.9); }
	.top-service__element01 .element__textbox .text{ text-align: center; margin: 60px 0; }
	
	.top-roumuc_cont .inner{ width: 95%; }
	.roumc_cms_element{ padding: 15px 10px; }
	.roumc_cms_element h2{ font-size: 120%; }
	.sp-c-table{ background-size: contain; }
	
	/*page*/
	.yield-table th{ width: 40%; }
	
	.about-element02 .point-heading h2,
	.page-subsidy__element01 h3{ font-size: 140%; }
	
	.page-seminar__pdflink-box .pdf-element p span{ padding-left: 5px; }
	.page-seminar__element03 h3{ margin: 15px auto; line-height: 1.5em; }
	.page-seminar__element03 h3 span{ display: block; }

	
}

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

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

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

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

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