@charset "utf-8";


/**************************************************50
 * profile
 **************************************************/
#profile{
	text-align: center;
}
#profile h2{
	background-color: #0098A2;
	color: #FFFFFF;
}
#profile table{
}
#profile table tr th{
	background-color: #0098A2;
	color: #FFFFFF;
}
#profile table tr td{
	background-color: #E0F3F4;
	text-align: left;
}
#profile table tr td strong{
	color: #0098A2;
}
#profile table tr td .profile_mark{
}
#profile table tr td .profile_mark > li{
	padding-left: 2em;
	position: relative;
}
#profile table tr td .profile_mark > li:before{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 1.6em;
	position: absolute;
	top: 1em;
	left: 0;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 1.6em;
}
#profile.lazyloaded table tr td .profile_mark > li:before{
	background-image: url("https://noukuru.com/images/user/corporation/icon/leaf.svg");
}
@media screen and (max-width:767px){
	#profile{
		margin-bottom: 12.5%;
	}
	#profile h2{
		border-radius: 12px 12px 0 0;
		font-size: 137.5%;
		margin: 0 auto;
		width: 93.75%;
	}
	#profile table,
	#profile table tbody,
	#profile table tr,
	#profile table tr th,
	#profile table tr td{
		display: block;
	}
	#profile table{
	}
	#profile table tr th{
		margin: 3.125% auto 0;
		padding: 0.5em 1em;
		width: 93.75%;
	}
	#profile table tr td{
		margin: 0 auto;
		padding: 0.5em 1em;
		width: 93.75%;
	}
}
@media screen and (min-width:768px){
	#profile{
		margin-bottom: 100px;
	}
	#profile h2{
		border-radius: 25px 25px 0 0;
		font-size: 175%;
	}
	#profile table{
		border-collapse: separate;
		border-spacing: 10px;
		background-color: #FFFFFF;
		margin: 0 -10px -10px;
		table-layout: fixed;
		width: -webkit-calc(100% + (10px * 2));
		width: calc(100% + (10px * 2));
	}
	#profile table tr th{
		padding: 1.5em 1em;
		width: 12em;
	}
	#profile table tr td{
		padding: 1.5em 2em;
	}
}


/**************************************************50
 * relation
 **************************************************/
#relation{
	background-color: #FEF8C3;
	text-align: center;
}
#relation h2{
	background-color: #0098A2;
	border-radius: 1000px;
	line-height: 1.5em;
	color: #FFFFFF;
	padding: 0.25em 0.5em;
}
@media screen and (max-width:767px){
	#relation{
		margin-bottom: 12.5%;
		padding-top: 12.5%;
		padding-bottom: 12.5%;
	}
	#relation h2{
		font-size: 137.5%;
		margin: 0 auto 6.25%;
		width: 93.75%;
	}
}
@media screen and (min-width:768px){
	#relation{
		margin-bottom: 100px;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	#relation h2{
		font-size: 175%;
		margin-bottom: 100px;
	}
}


/**************************************************50
 * partnership
 **************************************************/
#partnership{
}
#partnership figure{
}
#partnership figure picture{
}
#partnership figure picture img{
}
#partnership figure figcaption{
}
#partnership figure figcaption * + p{
	margin-top: 0.5em;
}
#partnership_txt{
	background-color: #FFFFFF;
	text-align: left;
}
#partnership_txt b{
}
#partnership_txt strong{
	color: #B40F35;
}
#partnership .link_to{
	background-color: #005F4B;
	width: 18em;
}
@media screen and (max-width:319px){
	#partnership .link_to{
		font-size: 75%;
	}
}
@media screen and (max-width:767px){
	#partnership{
		margin-bottom: 12.5%;
	}
	#partnership_txt{
		border-radius: 12px;
		margin-bottom: 1em;
		padding: 3.125%;
		width: 93.75%;
	}
	#partnership_txt b,
	#partnership_txt strong{
		font-size: 112.5%;
		line-height: 1.777;
	}
	#partnership figure picture img{
		width: 93.75%;
	}
	#partnership figure figcaption{
		margin-bottom: 6.25%;
	}
}
@media screen and (min-width:768px){
	#partnership{
		margin-bottom: 100px;
	}
	#partnership_txt{
		margin-bottom: 2em;
	}
	#partnership_txt b,
	#partnership_txt strong{
		font-size: 125%;
		line-height: 1.6;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#partnership_txt,
	#partnership figure picture img{
		width: -webkit-calc(100% - (20px * 2));
		width: calc(100% - (20px * 2));
	}
}
@media screen and (min-width:768px) and (max-width:1023px){
	#partnership_txt{
		border-radius: 25px;
		padding: 1.5em 3em;
	}
	#partnership figure figcaption{
		margin-bottom: 50px;
	}
}
@media screen and (min-width:940px) and (max-width:1023px){
	#partnership_txt,
	#partnership figure picture img{
		width: -webkit-calc(100% - (25px * 2));
		width: calc(100% - (25px * 2));
	}
}
@media screen and (max-width:1023px){
	#partnership_txt{
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (min-width:1024px){
	#partnership figure{
		border-collapse: separate;
		border-spacing: 0;
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	#partnership figure picture{
		display: table-cell;
		text-align: right;
		vertical-align: top;
		width: 50%;
	}
	#partnership figure picture img{
		width: 100%;
		max-width: 800px;
	}
	#partnership figure figcaption{
		display: table-cell;
		padding-left: 4%;
		vertical-align: top;
	}
	#partnership_txt{
		border-radius: 25px 0 0 25px;
		padding: 3em 0 3em 2em;
		position: relative;
	}
	#partnership_txt:after{
		background-color: #FFFFFF;
		content: "";
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		right: 1px;
		-ms-transform: translate(100%, 0);
		-webkit-transform: translate(100%, 0);
		transform: translate(100%, 0);
		width: 50vw;
	}
}
@media screen and (min-width:1024px) and (max-width:1199px){
	#partnership figure figcaption{
		padding-right: 30px;
	}
}
@media screen and (min-width:1200px) and (max-width:1279px){
	#partnership figure figcaption{
		padding-right: 35px;
	}
}
@media screen and (min-width:1280px){
	#partnership figure figcaption{
		padding-right: -webkit-calc((100vw - 1200px) / 2);
		padding-right: calc((100vw - 1200px) / 2);
	}
}


/**************************************************50
 * training
 **************************************************/
#training{
	background-color: #FFFFFF;
}
#training ul{
}
#training ul > li{
}
#training ul > li h4{
}
#training ul > li p{
	text-align: left;
}
@media screen and (max-width:767px){
	#training{
		border-radius: 12px;
		margin: 0 auto 12.5%;
		padding: 6.25% 3.125%;
		width: 93.75%;
	}
	#training ul{
	}
	#training ul > li{
		background-color: #FEF8C3;
		border-collapse: separate;
		border-spacing: 1em 0.5em;
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	#training ul > li:not(:first-child){
		margin-top: 6.25%;
	}
	#training ul > li h4{
		display: table-cell;
		vertical-align: middle;
		width: 30%;
	}
	#training ul > li h4 img{
		width: 100%;
	}
	#training ul > li p{
		display: table-cell;
		line-height: 1.75;
		vertical-align: middle;
	}
}
@media screen and (min-width:768px){
	#training{
		border-radius: 25px;
		margin-bottom: 100px;
		padding: 50px;
	}
	#training ul{
		margin-top: -50px;
	}
	#training ul > li{
		display: inline-block;
		margin: 50px 2% 0;
		vertical-align: top;
		width: 29.1%;
		max-width: 320px;
	}
	#training ul > li h4{
		margin-bottom: 1em;
	}
	#training ul > li h4 img{
		width: 89.375%;
	}
	#training ul > li p{
		background-color: #FEF8C3;
		padding: 0.5em 1em;
	}
}


/**************************************************50
 * sales
 **************************************************/
#sales{
}
#sales figure{
}
#sales figure figcaption{
}
#sales figure figcaption p{
	text-align: left;
}
#sales_drone{
}
#sales_drone > li{
	background-color: #FFFFFF;
	border: 1px solid #2A4957;
	border-radius :5px;
	color: #2A4957;
	display: inline-block;
	vertical-align: top;
	width: 8em;
}
#sales figure picture{
}
#sales figure picture img{
}
@media screen and (max-width:767px){
	#sales{
	}
	#sales figure{
	}
	#sales figure figcaption{
		margin-bottom: 6.25%;
	}
	#sales figure figcaption p{
		padding: 0 3.125%;
	}
	#sales_drone{
		margin-top: 0.5em;
	}
	#sales_drone > li{
		margin: 0.5em 1.5625% 0;
	}
	#sales figure picture{
	}
	#sales figure picture img{
		width: 93.75%;
	}
}
@media screen and (min-width:768px){
	#sales_drone > li{
		margin: 18px 10px 0;
	}
}
@media screen and (min-width:768px) and (max-width:1023px){
	#sales figure figcaption{
		margin-bottom: 50px;
	}
	#sales_drone > li{
		font-size: 125%;
	}
}
@media screen and (min-width:1024px){
	#sales figure{
		border-collapse: separate;
		border-spacing: 0;
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	#sales figure figcaption{
		display: table-cell;
		padding-right: 2em;
		vertical-align: middle;
	}
	#sales figure figcaption p{
	}
	#sales_drone > li{
		font-size: 150%;
	}
	#sales figure picture{
		display: table-cell;
		vertical-align: middle;
	}
	#sales figure picture img{
		width: 100%;
	}
}
@media screen and (min-width:1024px) and (max-width:1199px){
	#sales figure picture{
		width: 50%;
	}
}
@media screen and (min-width:1200px){
	#sales figure picture{
		width: 56.25%;
	}
}


/**************************************************50
 * others
 **************************************************/
#other{
	text-align: center;
}
#others{
}
#others > li{
	background-color: #FEF8C3;
}
#others > li h3{
	background-color: #005F4B;
	color: #FFFFFF;
	line-height: 1.25;
}
#others > li p{
	text-align: left;
}
#others > li p a{
	color: #E20000;
}
@media screen and (min-width:320px) and (max-width:767px){
	#others > li h3{
		font-size: 125%;
	}
}
@media screen and (max-width:767px){
	#other{
	}
	#others{
		margin-top: -6.25%;
	}
	#others > li{
		border-radius: 12px;
		margin: 6.25% auto 0;
		width: 93.75%;
	}
	#others > li h3{
		border-radius: 7px;
		cursor: pointer;
		padding: 0.375em 2em;
		position: relative;
	}
	#others > li h3:after{
		font-family: "Material Design Icons";
		font-size: 150%;
		font-weight: normal;
		line-height: 1;
		position: absolute;
		top: 50%;
		right: 0.25em;
		-ms-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	#others > li h3:not(.active):after{
		content: "\F0140";
	}
	#others > li h3.active:after{
		content: "\F0143";
	}
	#others > li p{
		display: none;
		padding: 0.5em -webkit-calc(1.785714285714286% + 0.5em) 0.5em;
		padding: 0.5em calc(1.785714285714286% + 0.5em) 0.5em;
	}
}
@media screen and (min-width:768px){
	#other{
	}
	#others{
		margin-top: -50px;
	}
	#others > li{
		border-radius: 25px;
		display: inline-block;
		margin-top: 50px;
		padding: 4% 5%;
		vertical-align: top;
		width: 48.5%;
	}
	#others > li:nth-child(even){
		margin-left: 3%;
	}
	#others > li h3{
		border-radius: 15px;
		font-size: 175%;
		padding: 0.375em 0.5em;
	}
	#others > li p{
		display: block !important;
		margin-top: 1.5em;
	}
}