@charset "UTF-8";


/* 共通  ---------------------------------------------------------------------------------- */

#Page_Home section h2 {
text-align: center;
}

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}

.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


/* ABOUT ---------------------------------------------------------------------------------- */

/* 共通 */
.AboutWrap {
	background: url(../../img/material/crossword.png) repeat;
}

#Page_Home .ABOUT {
	text-align: center;

}

#Page_Home .ABOUT .Cmnt {
	font-family: "Times New Roman", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

#Page_Home .ABOUT .jpn {
	font-family: "Times New Roman", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

#Page_Home .ABOUT .tell {
	margin: 20px 0 0 0;
}

#Page_Home .ABOUT .tell a {
	color: #6e5734;
	font-weight: bold;
}

#Page_Home .ABOUT .mail a {
	color: #54892c;
}

/* 1025px以上 ---------------------------------------------------------------------------------- */
@media print, screen and (min-width: 1025px) {

.key_Sp {
	display: none;
	padding: 0;
	margin: 0;
}

.key_Pc {
	padding: 0;
	margin: 0;
}

section {
	padding-top: 80px;
}

#Page_Home .ABOUT {
	width: 1200px;
	margin: -124px auto 0 auto;
	padding-top: 124px;
	text-align: center;
}

#Page_Home .ABOUT .inner {
	padding-top: 80px;
}

#Page_Home #KeyVisual {
	width: 100%;
	max-height: 500px;
	min-height: 500px;
	background: url(../../img/conunt/About_people.jpg) no-repeat;
	background-size:cover;
}

#Page_Home .ABOUT .Ph {
	display: none;
}

#Page_Home .ABOUT .Concept {
width: 100%;
overflow: hidden;
margin: 0 0 30px 0;
}

#Page_Home .ABOUT .Office {
float: left;
margin: 0 50px 0 0;
}

#Page_Home .ABOUT .Cmnt  {
text-align: left;
font-size: 110%;
}

#Page_Home .ABOUT .jpn  {
text-align: left;
font-size: 110%;
}

#Page_Home .ABOUT h2 {
margin: 0 0 30px 0;
}

#Page_Home .ABOUT .MovieWrap {
	width: 100%;
	overflow: hidden;
	margin: 60px 0 80px 0;
	text-align: left;
}

#Page_Home .ABOUT .MovieWrap .TextArea {
	float: left;
	width: 540px;
}

#Page_Home .ABOUT .MovieWrap .MoiveArea {
	float: right;
	width: 560px;
	height: 315px;
}

}


/* 1024px以下 ---------------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) and (min-width: 641px) {

.key_Sp {
	display: none;
	padding: 0;
	margin: 0;
}

.key_Pc {
	padding: 0;
	margin: 0;
}

#Page_Home .ABOUT {
	width: 100%;
	margin: -90px auto 0 auto;
	padding: 90px 20px 0 20px;
	box-sizing: border-box
}

#Page_Home #KeyVisual {
	width: 100%;
	max-height: 500px;
	min-height: 300px;
	background: url(../../img/conunt/About_people.jpg) no-repeat;
	background-size:cover;
}

#Page_Home .ABOUT .Ph {
	display: none;
}

#Page_Home .ABOUT h2 {
	margin: 40px 0 30px 0;
}

#Page_Home .ABOUT .MovieWrap {
	margin: 30px 0 0 0 !important;
}

#Page_Home .ABOUT .MovieWrap .MoiveArea {
	margin: 30px 0 20px 0 !important;
}

#Page_Home .ABOUT .MovieWrap .MoiveArea img {
	width: 100%;
}

#Page_Home .ABOUT .Concept　{
	margin: 0 20px 0 0;
}

#Page_Home .ABOUT .OfficePh {
width: 100% !important;
height: auto !important;
}

#Page_Home .ABOUT .Office {
width: 100%;
margin: 0 0 20px 0;
}


}


/* 640px以下 ---------------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {

h2 img {
	width: 70%;
	height: auto;
}

.inner {
	padding: 0 15px 0 15px;
	box-sizing:border-box;
}

.key_Pc {
	display: none;
	padding: 0;
	margin: 0;
}

.key_Sp {
	padding: 0;
	margin: 0;
}

.ABOUT {
	padding-top: 90px;
	margin-top: -90px;
}

#Page_Home .ABOUT .inner {
	padding-top: 30px;
}

#Page_Home .ABOUT .Ph {
	margin: 15px 0 0 0;
}

#Page_Home .ABOUT .Ph li {
	margin: 0 0 15px 0;
}

#Page_Home .ABOUT .Ph img {
	max-width: 640px;
	width: 100%;
	height: auto;
}

#Page_Home .ABOUT #KeyVisual {
	display: none;
}

#Page_Home .ABOUT h2 {
	margin: 0 auto 15px auto;
}

#Page_Home .ABOUT .MovieWrap {
	margin: 30px 0 0 0 !important;
}

#Page_Home .ABOUT .MovieWrap .MoiveArea {
	margin: 30px 0 20px 0 !important;
}

#Page_Home .ABOUT .Concept　{
	margin: 0 20px 0 0;
}

#Page_Home .ABOUT .OfficePh {
width: 100% !important;
height: auto !important;
}

#Page_Home .ABOUT .Office {
width: 100%;
margin: 0 0 20px 0;
}

}



/* Product ---------------------------------------------------------------------------------- */

/* 共通 */
#Product {
	width: 100%;
	text-align: center;
}

#Product .cnt01 {
	margin: 10px 0 0 0;
	color: #6e5734;
}

#Product .cnt02 {
	margin: 10px 0 0 0;
	color: #54892c;
}

#Product .cnt03 {
	margin: 10px 0 0 0;
	color: #3b7774;
}

.LogoListWrap {
	background: url(../../img/material/crossword.png) repeat;
}

.LogoList {
	width: 100%;
	overflow: hidden;
}

.LogoList li {
	display: inline-block;
}

#tkna001 {
	border:none !important;
	background:none !important;
}

.deco-button-flat {
	background: #54892c;
}


/* 1025px以上 ---------------------------------------------------------------------------------- */
@media print, screen and (min-width: 1025px) {

#Product {
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 80px 0 80px 0;
}

#Page_Home .Product h2 {
	margin: 0 0 30px 0;
}

#ThumbSLide {
	width: 100%;
	overflow: hidden;
	margin: 0 0 0px 0;
}

#ThumbSLide .thumb {
	float: left;
	width: 30% !important;
	margin: 0 0 0 40px;
}

#ThumbSLide .thumb:first-child {
	margin: 0 0 0 0;
}

#ThumbSLide .thumb img {
	width: 100%;
}

.LogoListWrap {
	width: 100%;
	padding: 15px 0 15px 0;
}

.LogoList {
	text-align: center;
	margin: 0 0 0 0;
	padding: 20px 0 20px 0;
}

.LogoList li {
	margin: 0 0 0 40px;
}

.LogoList li.N01 img {
	width: 83px;
	height: 83px;
}

.LogoList li.N02 img {
	width: 149px;
	height: 69px;
}

.LogoList li.N03 img {
	width: 68px;
	height: 84px;
}

.LogoList li.N04 img {
	width: 85px;
	height: 85px;
}

.LogoList li.N05 img {
	width: 90px;
	height: 67px;
}

.LogoList li.N06 img {
	width: 82px;
	height: 84px;
}

.LogoList li.N07 img {
	width: 82px;
	height: 83px;
}

}

/* 1024px以下 ---------------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) and (min-width: 641px) {

#Product {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 40px 0 40px 0;
}

#Page_Home .Product h2 {
	margin: 0 0 30px 0;
}

#ThumbSLide {
	width: 100%;
	overflow: hidden;
	margin: 0 auto 30px auto;
}

#ThumbSLide .thumb {
	float: left;
	width: 30% !important;
	margin: 0 0 0 5%;
}

#ThumbSLide .thumb:first-child {
	margin: 0 0 0 0;
}

.LogoListWrap {
	padding: 7px 0 20px 0;
}

.LogoList {
	text-align: center;
	margin: 20px 0 0 0;
}

.LogoList li {
width: 9%;
padding-left: 3%;
}

.LogoList li img {
width: 100%;
height: auto;
}
}


/* 640px以下  ---------------------------------------------------  */

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

#Product {
padding: 30px 0 0 0;
}

#Product h2 {
margin: 0 auto 15px auto;
}

#ThumbSLide .thumb {
margin: 0 0 10px 0;
}

#ThumbSLide .thumb img {
width: 100%;
}

.LogoListWrap {
padding: 7px 0 7px 0;
}

.LogoList {
margin: 20px 0 0 0;
text-align: center;
}

.LogoList li:first-child {
padding-left: 0;
}

.LogoList li {
width: 16%;
margin: 0 0 15px 0;
padding-left: 5%;
}

.LogoList li img {
width: 100%;
height: auto;
}
}


/* CONTACT ---------------------------------------------------------------------------------- */

.deco-button-flat {
background: #54892c !important;
}


/* 1025px以上 ---------------------------------------------------------------------------------- */
@media print, screen and (min-width: 1025px) {

#CONTACT .FormWrap {
	width: 760px;
	margin: 0 auto 0 auto;
}

#CONTACT .Formbox {
	width: 760px;
	height: 500px;
}

#CONTACT .FormWrap li {
	margin: 0 0 25px 0;
}

.CONTACT {
	margin-top: -124px;
	padding-top: 124px;
}

#CONTACT .inner {
	padding: 100px 0 30px 0;
	background: #f7f5f0;
}

#CONTACT h2 {
	margin: 0 0 30px 0;
}
}


/* 1024px以下 ---------------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) and (min-width: 641px) {

.CONTACT {
padding-top: 90px;
margin-top: -90px;
}

#CONTACT h2 {
margin: 0 0 30px 0;
}

#CONTACT .inner {
padding: 50px 0 30px 0;
background: #f7f5f0;
}

#CONTACT .Formbox {
	width: 620px;
	height: 500px;
}


#CONTACT .FormWrap {
	width: 620px;
	margin: 0 auto 0 auto;
	text-align: center;
}

#CONTACT .FormWrap li {
	margin: 0 0 25px 0;
	text-align: center;
}
}



/* 640px以下  ---------------------------------------------------  */
@media screen and (max-width: 640px) {

.CONTACT {
padding-top: 90px;
margin-top: -90px;
}

#CONTACT .inner {
padding-top: 40px;
padding-bottom: 30px;
background: #f7f5f0;
}

#CONTACT h2 {
margin: 0 0 15px 0;
}

#CONTACT .Formbox {
	width: 100%;
	height: 600px;
}

#CONTACT .FormWrap {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
}

#CONTACT .FormWrap li {
	margin: 0 0 25px 0;
	text-align: center;
}

}