@charset "UTF-8";
/*bottom*/
#entrance h2.line_135_fff{
	margin: 3px auto 0px;
	}

/*ourproduct*/
#ourproduct{
	background: url('../jpg/bg_entrance.jpg') center top no-repeat;
	}

#ourproduct article{
	padding: 55px 0px 65px;
	min-height: 440px;
	}

#ourproduct h2.line_60{
	width: 886px;
	margin: 25px auto 0px;
	padding: 60px 0px 0px 80px;
	font-size: 3.2em;
	font-weight: normal;
	background-position: 20px 62px;
	background-repeat: no-repeat;
	}

#ourproduct h2.line_135_fff{
	padding: 60px 0px 0px 16px;
	}

#ourproduct .w203{
	margin-left: 20px;
	}

#ourproduct h3.ourproduct{
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 0.5em;
	}

#ourproduct li.disc{
	margin-bottom: 0.5em;
	}

#ourproduct .article_img{
	width: 706px;
	overflow: hidden;
	}

#ourproduct .article_img ul{
	width: 726px;
	}

#ourproduct .article_img ul li{
	float: left;
	width: 222px;
	margin-right: 20px;
	margin-bottom: 20px;
	}

#ourproduct .article_img ul li.w464{
	float: left;
	clear: both;
	width: 464px;
	margin-right: 20px;
	margin-bottom: 20px;
	}


#ourproduct #entrance{
	color: #ffffff;
	}

#ourproduct #entrance article{
	padding: 0px;
	}

#ourproduct #entrance nav.ourproduct_entrance{
	width: 970px;
	margin: 134px auto 25px;
	}

#ourproduct #entrance nav.ourproduct_entrance a{
	float: left;
	display: block;
	width: 152px;
	height: 117px;
	margin-right: 15px;
	padding: 12px 12px 12px 67px;
	color: #000000;
	font-size: 1.3em;
	line-height: 120%;
	background-color: #cccccc;
	background-color: rgba(255,255,255,.35);
	background-position: 12px 12px;
	background-repeat: no-repeat;
	}

#ourproduct #entrance nav.ourproduct_entrance a.ourproduct_01{
	background-image: url('../gif/h2_ourproduct_01.gif');
	}
#ourproduct #entrance nav.ourproduct_entrance a.ourproduct_02{
	background-image: url('../gif/h2_ourproduct_02.gif');
	}
#ourproduct #entrance nav.ourproduct_entrance a.ourproduct_03{
	background-image: url('../gif/h2_ourproduct_03.gif');
	}

#ourproduct #entrance nav.ourproduct_entrance a.ourproduct_04{
	width: 153px;
	margin-right: 0px;
	background-image: url('../gif/h2_ourproduct_04.gif');
	}

#ourproduct #entrance nav.ourproduct_entrance a:hover{
	background-color: rgba(255,255,255,.25);
	}


/*ourproduct_01*/
#ourproduct #ourproduct_01{
	background: #ffffff;
	color: #877850;
	}

#ourproduct #ourproduct_01 article a:link{
	color: #877850;
	text-decoration: none;
	}

#ourproduct #ourproduct_01 article a:active{
	color: #877850;
	text-decoration: none;
	}

#ourproduct #ourproduct_01 article a:visited{
	color: #877850;
	}

#ourproduct #ourproduct_01 article a:hover{
	color: #877850;
	text-decoration: none;
	}

#ourproduct #ourproduct_01 .submenu{
	background: #877850;
	background: rgba(135,120,80,0.7);
	}

#ourproduct #ourproduct_01 h2.line_60{
	border-top: 2px solid #877850;
	border-left: 2px solid #877850;
	color: #877850;
	background-image: url('../gif/h2_ourproduct_01.gif');
	}

#ourproduct #ourproduct_01 li.disc{
	list-style-type: none;
	margin: 0px 0px 5px 1em;
	}

#ourproduct #ourproduct_01 .icon_link:before{
	content: "";
	display: block;
	border: 3px solid transparent;
	border-left-width: 3px;
	border-left-color: #877850;
	position: absolute;
	top: 5px;
	left: 0px;
	}

#ourproduct #ourproduct_01 .icon_link:link{
	text-decoration: underline !important;
	}


#ourproduct #ourproduct_01 a.btn_mtc_search{
	display: block;
	width: 200px;
	height: 2em;
	font-size: 1.2em;
	line-height: 2em;
	margin: 20px;
	color: #ffffff !important;
	background: #877850;
	text-align:center;
	position: relative;
	}

#ourproduct #ourproduct_01 a.btn_mtc_search:after{
	content: "";
	display: block;
	border: 8px solid transparent;
	border-left-width: 13px;
	border-left-color: #ffffff;
	position: absolute;
	top: 8px;
	right: 0px;
	}
#ourproduct #ourproduct_01 a.btn_mtc_search:hover{
	opacity: 0.7;
	}


/*ourproduct_02*/
#ourproduct #ourproduct_02{
	background: #ffffff;
	color: #325078;
	}

#ourproduct #ourproduct_02 article a:link{
	color: #325078;
	text-decoration: none;
	}

#ourproduct #ourproduct_02 article a:active{
	color: #325078;
	text-decoration: none;
	}

#ourproduct #ourproduct_02 article a:visited{
	color: #325078;
	}

#ourproduct #ourproduct_02 article a:hover{
	color: #325078;
	text-decoration: none;
	}

#ourproduct #ourproduct_02 .submenu{
	background: #325078;
	background: rgba(50,80,120,0.7);
	}

#ourproduct #ourproduct_02 h2.line_60{
	border-top: 2px solid #325078;
	border-left: 2px solid #325078;
	color: #325078;
	background-image: url('../gif/h2_ourproduct_02.gif');
	}

#ourproduct #ourproduct_02 li.disc{
	list-style-type: none;
	margin: 0px 0px 5px 1em;
	}

#ourproduct #ourproduct_02 .icon_link:before{
	content: "";
	display: block;
	border: 3px solid transparent;
	border-left-width: 3px;
	border-left-color: #325078;
	position: absolute;
	top: 5px;
	left: 0px;
	}

#ourproduct #ourproduct_02 .icon_link:link{
	text-decoration: underline !important;
	}

/*ourproduct_03*/
#ourproduct #ourproduct_03{
	background: #ffffff;
	color: #7d4b69;
	}

#ourproduct #ourproduct_03 .submenu{
	background: #7d4b69;
	background: rgba(125,75,105,0.7);
	}

#ourproduct #ourproduct_03 h2.line_60{
	border-top: 2px solid #7d4b69;
	border-left: 2px solid #7d4b69;
	color: #7d4b69;
	background-image: url('../gif/h2_ourproduct_03.gif');
	}

.popup_base{
	position: relative;
	}

a.popup-link{
	position: absolute;
	z-index: 2;
	top: 100px;
	left: 70px;
	width: 60px;
	height: 18px;
	line-height: 18px;
	font-size: 0.9em;
	padding-left: 20px;
	color: #ffffff;
	border: 1px solid #ffffff;
	background: #0d153a url('../png/btn_enlarge.png') 4px 2px no-repeat;
	}
a.popup-link:hover{
	opacity: 0.7;
	}


#ourproduct #ourproduct_03 a.btn_gta_reference{
	display: block;
	width: 200px;
	height: 2em;
	font-size: 1.2em;
	line-height: 2em;
	margin: 20px;
	color: #ffffff !important;
	background: #7d4b69;
	text-align:center;
	position: relative;
	}

#ourproduct #ourproduct_03 a.btn_gta_reference:after{
	content: "";
	display: block;
	border: 8px solid transparent;
	border-left-width: 13px;
	border-left-color: #ffffff;
	position: absolute;
	top: 8px;
	right: 0px;
	}
#ourproduct #ourproduct_03 a.btn_gta_reference:hover{
	opacity: 0.7;
	}


/*ourproduct_04*/
#ourproduct #ourproduct_04{
	background: #ffffff;
	color: #5a6e5f;
	}

#ourproduct #ourproduct_04 article a:link{
	color: #5a6e5f;
	text-decoration: none;
	}

#ourproduct #ourproduct_04 article a:active{
	color: #5a6e5f;
	text-decoration: none;
	}

#ourproduct #ourproduct_04 article a:visited{
	color: #5a6e5f;
	}

#ourproduct #ourproduct_04 article a:hover{
	color: #5a6e5f;
	text-decoration: none;
	}

#ourproduct #ourproduct_04 .submenu{
	background: #5a6e5f;
	background: rgba(90,110,95,0.7);
	}

#ourproduct #ourproduct_04 h2.line_60{
	border-top: 2px solid #5a6e5f;
	border-left: 2px solid #5a6e5f;
	color: #5a6e5f;
	background-image: url('../gif/h2_ourproduct_04.gif');
	}

#ourproduct #ourproduct_04 li.disc{
	list-style-type: none;
	margin: 0px 0px 5px 1em;
	}

#ourproduct #ourproduct_04 .icon_link:before{
	content: "";
	display: block;
	border: 3px solid transparent;
	border-left-width: 3px;
	border-left-color: #5a6e5f;
	position: absolute;
	top: 5px;
	left: 0px;
	}

#ourproduct #ourproduct_04 .icon_link:link{
	color: #5a6e5f;
	text-decoration: underline !important;
	}


/*ourbrand*/
#ourbrand{
	background: #000000;
	color: #ffffff;
	}

#ourbrand #entrance{
	background: url('../jpg/bg_entrance-2.jpg') center top no-repeat;
	}

#ourbrand #entrance nav.ourbrand_entrance{
	width: 970px;
	margin: 162px auto 25px;
	}

#ourbrand #entrance nav.ourbrand_entrance a{
	float: left;
	display: block;
	width: 207px;
	height: 207px;
	margin-right: 15px;
	padding: 12px;
	color: #ffffff;
	background: #505050;
	background: rgba(255,255,255,.35);
	}

#ourbrand #entrance nav.ourbrand_entrance a span.js-matchHeight{
	font-size: 1.3em;
	line-height: 120%;
	display: block;
	margin-bottom: 90px;
	}

#ourbrand #entrance nav.ourbrand_entrance a.ourbrand_04{
	width: 208px;
	margin-right: 0px;
	}

#ourbrand #entrance nav.ourbrand_entrance a.ourbrand_04 span.js-matchHeight{
	margin-bottom: 50px;
	}

#ourbrand #entrance nav.ourbrand_entrance a span.btn_film{
	display: block;
	width: 110px;
	height: 35px;
	line-height: 35px;
	margin: 0px auto;
	padding-left: 20px;
	background: #000000;
	background: rgba(0,0,0,.3);
	color: #ffffff;
	font-weight: bold;
	position: relative;
	}

#ourbrand #entrance nav.ourbrand_entrance a span.btn_film:after{
	content: "";
	display: block;
	border: 8px solid transparent;
	border-left-width: 13px;
	border-left-color: #ffffff;
	position: absolute;
	top: 9px;
	left: 105px;
	}

#ourbrand #entrance nav.ourbrand_entrance a:hover{
	background: rgba(255,255,255,.25);
	}

#ourbrand .submenu{
	background: #640a1e;
	}

#ourbrand .submenu a.submenu_film{
	position: relative;
	}

#ourbrand .submenu a.submenu_film:after{
	content: "";
	display: block;
	border: 6px solid transparent;
	border-left-width: 10px;
	border-left-color: #ffffff;
	border-left-color: rgba(255,255,255,0.7);
	position: absolute;
	top: 2px;
	left: 73px;
	}

#ourbrand .submenu a.submenu_film:hover{
	border-left-color: #ffffff;
	border-left-color: rgba(255,255,255,1);
	}



/*ourbrand_01*/

#ourbrand_01{
	}

#ourbrand_01 h2.line_110_fff{
	font-size: 3.2em;
	}

#ourbrand_01 h2 span.shoulder{
	display: inline-block;
	font-size: 0.45em;
	line-height: 120%;
	margin-bottom: 40px;
	}
#ourbrand_01 article{
	padding: 165px 0px 100px;
	}


/*ourbrand_02*/

#ourbrand_02{
	}

#ourbrand_02 h3.bottom{
	float: left;
	width: 203px;
	margin: 0px 20px;
	font-size: 1.2em;
	line-height: 130%;
	}

#ourbrand_02 article{
	padding: 155px 0px 100px;
	}

/*ourbrand_03*/

#ourbrand_03{
	background: url('../jpg/bg_ourbrand_03.jpg') center top no-repeat;
	}
#ourbrand_03 article{
	padding: 160px 0px 135px;
	}


/*oursolution*/
#oursolution{
	background: #ffffff url('../jpg/bg_entrance-3.jpg') center top no-repeat;
	color: #000000;
	}

#oursolution article{
	padding: 30px 0px 65px;
	min-height: 440px;
	}

#oursolution h2.line_135_fff{
	padding: 60px 0px 0px 16px;
	font-size: 3.2em;
	}
#oursolution h2.line_60_000{
	font-size: 3.2em;
	}

#oursolution h3.oursolution{
	font-size: 1.6em;
	font-weight: normal;
	line-height: 130%;
	margin-bottom: 20px;
	}

#oursolution #entrance{
	}

#oursolution #entrance article{
	padding: 0px;
	}

#oursolution #entrance nav.oursolution_entrance{
	width: 970px;
	margin: 134px auto 25px;
	}

#oursolution #entrance nav.oursolution_entrance a{
	float: left;
	display: block;
	width: 207px;
	height: 117px;
	margin-right: 15px;
	padding: 12px;
	color: #000000;
	background: #ffffff;
	background: rgba(255,255,255,.85);
	}

#oursolution #entrance nav.oursolution_entrance a span.js-matchHeight{
	font-size: 1.6em;
	line-height: 120%;
	display: block;
	}

#oursolution #entrance nav.oursolution_entrance a div.logo{
	display: table-cell;
	width: 207px;
	height: 70px;
	vertical-align: middle;
	text-align: right;
	}

#oursolution #entrance nav.oursolution_entrance a.oursolution_04{
	width: 208px;
	margin-right: 0px;
	}

#oursolution #entrance nav.oursolution_entrance a:hover{
	background: rgba(255,255,255,1);
	}

#oursolution .submenu{
	background: #cccccc;
	background:  rgba(153,153,153,.6);
	}

#oursolution .submenu a:link{
	color: #000000;
	color: rgba(0,0,0,0.7);
	}

#oursolution .submenu a:active{
	color: #000000;
	color: rgba(0,0,0,1);
	}

#oursolution .submenu a:visited{
	color: #000000;
	color: rgba(0,0,0,0.7);
	}

#oursolution .submenu a:hover,#oursolution .submenu a.on{
	color: #000000;
	color: rgba(0,0,0,1);
	}

#oursolution .submenu a.pagetop{
	border-bottom-color: rgba(0,0,0,0.7);
	}

#oursolution .submenu a.pagetop:hover{
	border-bottom-color: rgba(0,0,0,1);
	}

/*oursolution_01*/

#oursolution_01{
	background: url('../jpg/bg_oursolution_01.jpg') center top no-repeat;
	}


/*yasugiworks*/
#yasugiworks{
	background: #424f56 url('../gif/bg_yasugiworks.gif') left top repeat-x;
	color: #ffffff;
	}


#yasugiworks article{
	padding-bottom: 65px;
	}

#yasugiworks article a:link{
	color: #ffffff;
	text-decoration: none;
	}

#yasugiworks article a:active{
	color: #ffffff;
	text-decoration: none;
	}

#yasugiworks article a:visited{
	color: #ffffff;
	}

#yasugiworks article a:hover{
	color: #ffffff;
	text-decoration: none;
	}

#yasugiworks h3.yasugiworks{
	font-size: 1.6em;
	font-weight: normal;
	line-height: 130%;
	margin: 60px 0px 20px;
	}

#yasugiworks div.chart_sp{
	display: none;
	}

/*contact*/
.personal dl{
	}

.personal dl dt{
	margin: 1em 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
	}
.personal dl dd{
	margin: 0px 0px 2em;
	}

/* Media Queries
==========================================================================*/
@media (min-width: 979px) {
}

@media (max-width:799px) {
.article_txt,.article_img{
	float: none;
	margin: 0px;
	}

.article_txt div.left,.article_img div.left{
	float: none;
	margin-top: 2em;
	}

#entrance h2.line_135_fff{
	width: 94%;
	width : -webkit-calc(100% - 16px);
	width : calc(100% - 16px);
	}

/*ourproduct*/
#ourproduct h2.line_60{
	width: 94%;
	width : -webkit-calc(96% - 80px);
	width : calc(96% - 80px);
	margin: 25px auto;
	}


#ourproduct #entrance nav.ourproduct_entrance{
	width: 100%;
	margin:150px auto 25px;
	}


#ourproduct #entrance nav.ourproduct_entrance a{
	width: 101px;
	width : -webkit-calc(25% - 90px);
	width : calc(25% - 90px);
	height: 240px;
	margin-right: 15px;
	}
#ourproduct #entrance nav.ourproduct_entrance a.ourproduct_04{
	width: 100px;
	width : -webkit-calc(25% - 91px);
	width : calc(25% - 91px);
	}

#ourproduct article{
	min-height: 0px;
	}

#ourproduct .article_img{
	width: 94%;
	width : -webkit-calc(100% - 16px);
	width : calc(100% - 16px);
	overflow: hidden;
	}

#ourproduct .article_img ul{
	width: 94%;
	width : -webkit-calc(100% - 16px);
	width : calc(100% - 16px);
	margin: 1em auto;
	}


/*ourbrand */
#ourbrand #entrance{
	background-position: center 25%;
	-webkit-background-size: 959px 330px;
	-o-background-size: 959px 330px;
	-khtml-background-size: 959px 330px;
	background-size: 959px 330px;
	}
#ourbrand #entrance nav.ourbrand_entrance{
	width: 100%;
	margin: 150px auto 25px;
	}

#ourbrand #entrance nav.ourbrand_entrance a{
	width: 156px;
	width : -webkit-calc(25% - 35px);
	width : calc(25% - 35px);
	height: 240px;
	margin-right: 15px;
	}
#ourbrand #entrance nav.ourbrand_entrance a.ourbrand_04{
	width: 156px;
	width : -webkit-calc(25% - 36px);
	width : calc(25% - 36px);
	}
#ourbrand #entrance nav.ourbrand_entrance a span.js-matchHeight{
	margin-bottom: 20px;
	}
#ourbrand #entrance nav.ourbrand_entrance a.ourbrand_04 span.js-matchHeight{
	margin-bottom: 0px;
	}


/*ourbrand_02*/
#ourbrand_02 h3.bottom{
	float: none;
	width: 100%;
	margin: 40px auto 20px;
	}

/*oursolution*/
#oursolution #entrance{
	-webkit-background-size: 960px 550px;
	-o-background-size: 960px 550px;
	-khtml-background-size: 960px 550px;
	background-size: 960px 550px;
	}

#oursolution #entrance nav.oursolution_entrance{
	width: 100%;
	margin:150px auto 25px;
	}

#oursolution #entrance nav.oursolution_entrance a{
	width: 156px;
	width : -webkit-calc(25% - 35px);
	width : calc(25% - 35px);
	height: 240px;
	margin-right: 15px;
	}
#oursolution #entrance nav.oursolution_entrance a.oursolution_04{
	width: 156px;
	width : -webkit-calc(25% - 36px);
	width : calc(25% - 36px);
	}
#oursolution #entrance nav.oursolution_entrance a div.logo{
	width: 156px;
	width : -webkit-calc(25% - 36px);
	width : calc(25% - 36px);
	}

#oursolution .mgt45{
	margin-top: 0px;
	}

#oursolution article{
	margin-top: 0px;
	min-height: 0px;
	}

#oursolution article div.alignright{
	text-align: center;
	margin-bottom: 2em;
	}


/*oursolution_01*/

#oursolution_01{
	-webkit-background-size: 960px 463px;
	-o-background-size: 960px 463px;
	-khtml-background-size: 960px 463px;
	background-size: 960px 463px;
	}

/*oursolution_02*/
#oursolution_02 p.mgt90{
	margin-top: 1em;
	}

/*yasugiworks*/
#yasugiworks{
	-webkit-background-size: 1px 800px;
	-o-background-size: 1px 800px;
	-khtml-background-size: 1px 800px;
	background-size: 1px 800px;
	}

#yasugiworks #scroller{
	display: none;
	}

#yasugiworks div.chart_sp{
	display: block;
	}

#yasugiworks a.btn_enlarge{
	display: block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #000000;
	color: #ffffff;
	font-weight: bold;
	margin: 20px auto 0px;
	}


}

@media (max-width:699px) {
/*ourproduct*/
#ourproduct h2.line_60{
	padding: 35px 0px 0px 80px;
	font-size: 2em;
	background-position: 20px 35px;
	background-repeat: no-repeat;
	}

#ourproduct #entrance nav.ourproduct_entrance{
	width: 100%;
	margin: 50px auto 25px;
	}


#ourproduct #entrance nav.ourproduct_entrance a{
	float: none;
	display: block;
	width: 90%;
	width : -webkit-calc(100% - 79px);
	width : calc(100% - 79px);
	height: auto;
	min-height: 45px;
	margin-bottom: 10px;
	}
#ourproduct #entrance nav.ourproduct_entrance a.ourproduct_04{
	width: 90%;
	width : -webkit-calc(100% - 24px);
	width : calc(100% - 24px);
	margin-bottom: 0px;
	}

#ourproduct .article_img ul li{
	float: none;
	width: 100%;
	margin-right: 0px;
	text-align: center;
	}

#ourproduct .article_img ul li.w464{
	float: none;
	width: 100%;
	margin-right: 0px;
	text-align: center;
	}

#ourproduct article{
	padding: 0px;
	}

#ourproduct #ourproduct_01 article,#ourproduct #ourproduct_04 article{
	padding: 0px;
	}

#ourproduct .w203{
	margin-left: 0px;
	}

a.popup-link{
	left: 30%;
	left : -webkit-calc(50% - 40px);
	left : calc(50% - 40px);
	}

/*ourbrand*/
#ourbrand #entrance nav.ourbrand_entrance a{
	float: none;
	display: block;
	width: 96%;
	height: auto;
	min-height: 45px;
	margin: 0px auto 10px;
	}
#ourbrand #entrance nav.ourbrand_entrance a.ourbrand_04{
	width: 96%;
	margin: 0px auto 10px;
	}

/*ourbrand_01*/
#ourbrand_01 article{
	padding: 40px 0px;
	}

/*ourbrand_02*/
#ourbrand_02 article{
	padding: 40px 0px;
	}
#ourbrand_02 h3.bottom{
	margin: 0px auto 20px;
	}

/*ourbrand_03*/

#ourbrand_03{
	-webkit-background-size: 500px 363px;
	-o-background-size: 500px 363px;
	-khtml-background-size: 500px 363px;
	background-size: 500px 363px;
	}
#ourbrand_03 article{
	padding: 160px 0px 40px;
	}


/*oursolution*/
#oursolution #entrance nav.oursolution_entrance{
	width: 100%;
	margin: 50px auto 25px;
	}
#oursolution #entrance nav.oursolution_entrance a{
	float: none;
	display: block;
	width: 90%;
	width : -webkit-calc(100% - 24px);
	width : calc(100% - 24px);
	height: auto;
	margin-bottom: 10px;
	}
#oursolution #entrance nav.oursolution_entrance a.oursolution_04{
	width: 90%;
	width : -webkit-calc(100% - 24px);
	width : calc(100% - 24px);
	margin-bottom: 0px;
	}
#oursolution #entrance nav.oursolution_entrance a div.logo{
	display: block;
	width: 100%;
	text-align: center;
	}

/*yasugiworks*/
#yasugiworks{
	-webkit-background-size: 1px 820px;
	-o-background-size: 1px 820px;
	-khtml-background-size: 1px 820px;
	background-size: 1px 820px;
	}


}