@charset "utf-8";

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: local("Noto Sans CJK JP"),
		+ local("Noto Sans JP"),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}




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

	top

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

.top-contents {
	-webkit-transform: translate3d(0, 0, 0);
	/* safariでのチラつきを防ぐ */
}

/* top-hero
--------------------------- */

.top-hero {
	height: 100vh;
}

.noPosFix .top-hero {
	max-height: 800px;
	margin-bottom: -80px;
}

.top-hero_img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	z-index: 1;
}

.noPosFix .top-hero_img {
	position: relative;
}


.top-hero_img>li {
	width: 100%;
	height: 100%;
	padding-bottom: 80px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate(50px, 0);
	-ms-transform: translate(50px, 0);
	transform: translate(50px, 0);
	-webkit-transition: opacity 1s ease-in, -webkit-transform .7s;
	transition: opacity 1s ease-in, transform .7s;
}

.top-hero_img>li.active {
	z-index: 10;
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.top-hero_img>li.gone {
	opacity: 0;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	z-index: 9;
}


.top-hero_logo1 {
	position: absolute;
	z-index: 10;
	height: auto;
	opacity: 0.9;
	width: 800px;
	position: absolute;
	left: 0;
	right: 0;
	top: 35%;
	margin: auto;

	transform: matrix(1, 0, 0, 1, 0, 0);
}


.top-hero_logo1-2 {
	position: absolute;
	top: 20%;
	right: 10%;
	z-index: 10;
	max-width: 500px;
	height: auto;
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	opacity: 1;
	z-index: 1;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.8s;
	transition: all 0.4s cubic-bezier(0.32, 0.34, 0, 1.62) 0.8s;
}





.top-hero_logo2 {
	position: absolute;
	top: 40%;
	right: 35%;
	z-index: 10;
	max-width: 513px;
	height: 132px;
}

.top-hero_logo3 {
	position: absolute;
	top: 10%;
	left: 5%;
	z-index: 10;
	max-width: 185px;
	/* height: 192px; */
}


.top-hero_soba {
	position: absolute;
	top: 10%;
	left: 5%;
	z-index: 10;
	max-width: 250px;
	/* height: 192px; */
}

.top-hero_soba_txt {}


.top-hero_soba_txt {
	position: absolute;
	z-index: 10;
	line-height: 1.8;
	font-weight: 600;
	font-family: A1MinchoStd-Bold, serif;
	font-family: 'Noto Sans JP', "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-ms-writing-mode: tb-rl;
	/* writing-mode: vertical-rl; */
	color: lighten(#810404, 10%);
	/* text-shadow: 0 0 10px rgba(112, 11, 11, 0.8),                0 0 1em rgba(119, 1, 1, 0.9); */
	/* border: 3px solid #fff;*/
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 15px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 25px;
	background: #e0edff;
	border-radius: 15px;
	z-index: 100;
	top: 3%;
	right: 30%;
}

.top-hero_soba_txt:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
}

.top-hero_soba_txt span {
	font-size: 55px;
	color: #dd1313;
	font-weight: 600;
}

.top-hero_oya_txt {
	position: absolute;
	z-index: 10;
	line-height: 2;
	font-weight: 600;
	font-family: A1MinchoStd-Bold, serif;
	font-family: 'Noto Sans JP', "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-ms-writing-mode: tb-rl;
	/* writing-mode: vertical-rl; */
	color: lighten(#404040, 10%);
	text-shadow: 0 0 10px #404040, 0 0 1em #404040;
	text-align: center;
	margin: 1.5em 0;
	padding: 7px 10px;
	width: auto;
	height: auto;
	min-width: 120px;
	max-width: 100%;
	color: #fefefe;
	font-size: 50px;
	z-index: 100;
	top: 30%;
	left: 10%;
	border: 3px dotted #fff;
	border-radius: 10px;
}

.top-hero_oya_txt p {
	line-height: 400px;
}


.top-hero_fukidashi_txt {
	position: absolute;
	z-index: 10;
	line-height: 1.8;
	font-weight: 600;
	font-family: A1MinchoStd-Bold, serif;
	font-family: 'Noto Sans JP', "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-ms-writing-mode: tb-rl;
	/* writing-mode: vertical-rl; */
	color: lighten(#810404, 10%);
	/* text-shadow: 0 0 10px rgba(112, 11, 11, 0.8),                0 0 1em rgba(119, 1, 1, 0.9); */
	/* border: 3px solid #fff;*/
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 15px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 25px;
	background: #e0edff;
	border-radius: 15px;
	z-index: 100;
	top: 12%;
	left: 10%;
}

.top-hero_fukidashi_txt:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
}

.top-hero_fukidashi_txt span {
	font-size: 55px;
	color: #dd1313;
	font-weight: 600;
}








.balloon1 {
	position: absolute;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #e0edff;
	border-radius: 15px;
	z-index: 100;
}

.balloon1:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
}

.balloon1 p {
	margin: 0;
	padding: 0;
}






.top-hero_katsuo {
	position: absolute;
	bottom: 10%;
	right: 5%;
	z-index: 10;
	max-width: 185px;
	/* height: 192px; */
}

.top-hero_katsuo_txt {
	position: absolute;
	top: 10%;
	left: 8%;
	z-index: 10;
	font-size: 2.0em;
	line-height: 1.2;
	font-weight: 600;
	color: #fff;
	font-family: A1MinchoStd-Bold, serif;
	font-family: 'Noto Sans JP', "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-ms-writing-mode: tb-rl;
	/* writing-mode: vertical-rl; */
	color: lighten(#810404, 10%);
	/* text-shadow: 0 0 10px rgba(112, 11, 11, 0.8),
               0 0 1em rgba(119, 1, 1, 0.9); */
}

.top-hero_katsuo_txt span {
	padding-top: 100px;
}

.top-hero_gyokai {
	position: absolute;
	top: 10%;
	left: 5%;
	z-index: 10;
	max-width: 185px;
	/* height: 192px; */
}


.top-hero_gyokai_txt {
	position: absolute;
	top: calc(10% + 230px);
	left: calc(5% + (185px/3));
	z-index: 10;
	font-size: 2.0em;
	line-height: 1.2;
	font-weight: 600;
	color: #fff;
	font-family: A1MinchoStd-Bold, serif;
	font-family: 'Noto Sans JP', "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	color: lighten(#810404, 10%);
	text-shadow: 0 0 10px rgba(112, 11, 11, 0.8),
		0 0 1em rgba(119, 1, 1, 0.9);
}










.top-hero_logo3_txt {
	position: absolute;
	top: 30%;
	left: 8%;
	z-index: 10;
	font-size: 2.0em;
	line-height: 1.2;
	font-weight: 600;
	color: #fff;
	font-family: A1MinchoStd-Bold, serif;
	font-family: 'Noto Sans JP', "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: lighten(#810404, 10%);
	text-shadow: 0 0 10px rgba(112, 11, 11, 0.8),
		0 0 1em rgba(119, 1, 1, 0.9);


}




.top-hero_title {
	width: 300px;
	text-align: center;
	position: absolute;
	z-index: 10;
	top: 12%;
	left: 50%;
	margin-left: -150px;
	opacity: 0;
	-webkit-transition: opacity .8s;
	transition: opacity .8s;
}

.top-hero .top-hero_title.bk {
	opacity: 1;
}

.top-hero.wh .top-hero_title.wh {
	opacity: 1;
}

.IE8 .top-hero_title {
	display: none;
}

.IE8 .top-hero .top-hero_title.bk {
	display: block;
}

.IE8 .top-hero.wh .top-hero_title.wh {
	display: block;
}

.top-hero_title>svg {
	width: 300px;
	height: 60px;
	fill: #1a1a1a;
	display: block;
	margin-bottom: 20px;
}

.top-hero_title.wh {
	color: #fff;
}

.top-hero_title.wh>svg {
	fill: #fff;
}

.IE8 .top-hero_title>i {
	text-indent: -9999px;
	display: block;
	width: 300px;
	height: 59px;
	background: url(../images/sprite1_ie8.png) no-repeat 0 -50px;
	margin-bottom: 20px;
}

.IE8 .top-hero_title.wh>i {
	background-position: 0 -150px;
}


.top-hero .c-lang-nav {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1;
}

.br-height {
	height: 0px;
	line-height: 1px;
	padding: 0;
	margin: 0;
	line-height: 0.1;
}

/* 1024px */
@media screen and (max-width: 1024px) {

	.top-hero .c-lang-nav {
		position: absolute;
		right: 60px;
	}

	.top-hero_logo1-2 {
		position: absolute;
		top: 20%;
		right: 1%;

	}




}






.top-hero .c-lang-nav>li>a {
	-webkit-transition: color .8s;
	transition: color .8s;
	display: block;
}

.top-hero.wh .c-lang-nav>li>a {
	color: #ccc;
}

.top-hero.wh .c-lang-nav>li>a.active {
	color: #999;
}

.c-lang-nav>li>a.active:before {
	-webkit-transition: background-color .8s;
	transition: background-color .8s;
}

.top-hero.wh .c-lang-nav>li>a.active:before {
	background-color: #666;
}


.top-contents {
	position: relative;
	z-index: 1;
	background-color: #fff;
}


.top_phone {
	font-size: 1.8rem;
	color: #666;
	/* text-shadow: 3px 3px 0px #403f41, 
      3px 4px 3px rgba(0,0,0,.1); */
	/* border: 1px solid #fff; */
	/* padding: 5px; */
	/* line-height: 1.5rem; */
	/* background: hsla(0, 0%, 0%, 0.4); */
}


/* top-news
--------------------------- */

.top-news .c-title-A {
	display: inline-block;
	text-align: left;
	margin-bottom: -30px;
}

.top-news_inner {
	position: relative;
	margin-right: 10%;
	font-family: A1MinchoStd-Bold, serif;
	font-family: 'Noto Sans JP', "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.top-news_list {
	line-height: 1.8;
	margin: 0 8em -2em 0;
}

.top-news_list>li {
	margin-bottom: 2em;
}

.top-news_list>li:before {
	content: "";
	width: 10px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	margin: .85em 0 0 -20px;
}

.top-news_list a:hover {
	text-decoration: underline;
}

.top-news_list a>span {
	color: #999;
	font-size: 0.875rem;
	/* 14px */
	letter-spacing: .1em;
	display: block;
	margin-bottom: 5px;
}

.IE8 .top-news_list a>span {
	font-size: 13px;
}

.top-news_link {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}

.top-news_link:hover {
	text-decoration: underline;
}


/* top-links
--------------------------- */

.top-links a {
	display: block;
	padding-bottom: 120px;
	position: relative;
	-webkit-transform: translate3d(0, 0, 0);
	/* safariでのチラつきを防ぐ */
}

.top-links a:after {
	/* content: "";
	width: 10px;
	height: 16px;
	background: url(../images/sprite1.png) no-repeat -150px 0;
	position: absolute;
	left: 50%;
	bottom: 60px;
	margin-left: -5px;
	opacity: 0;
	-webkit-transition: all .2s;
	        transition: all .2s;
	      */
}

.IE8 .top-links a:after {
	content: none;
}

.top-links a:hover:after {
	bottom: 80px;
	opacity: 1;
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}

.IE8 .top-links a:hover:after {
	content: "";
}

.top-links_img {
	overflow: hidden;
	position: relative;
}

.top-links_img>img {
	display: block;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s;
}

.top-links a:hover>.top-links_img>img {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}

.top-links_img>span {
	display: block;
	width: 98%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.3);
	opacity: 0;
	-webkit-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;
	margin: 5px;
}

.top-links a:hover>.top-links_img>span {
	opacity: 1;
}

.IE8 .top-links_img>span {
	background-color: #000;
	-ms-filter: "alpha(opacity=0)";
}

.IE8 .top-links a:hover>.top-links_img>span {
	-ms-filter: "alpha(opacity=30)";
}

.top-links_txt {
	-webkit-transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
}

.top-links a:hover .top-links_txt {
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

.IE8 .top-links a:hover .top-links_txt {
	margin-top: -10px;
}

.top-links_txt.txt1 {
	padding: 70px 15% 0 19%;
}

.top-links_txt.txt2 {
	padding: 70px 17% 0;
}

.top-links_txt.txt3 {
	padding: 70px 19% 0 15%;
	font-size: 17px;
}


/* top-nav_meister
--------------------------- */

.top-meister {
	position: relative;
}

.top-meister .c-badge {
	position: absolute;
	top: 12%;
	left: 50%;
	z-index: 10;
}

.top-meister_img {
	position: absolute;
}

.top-meister_txt {
	padding: 1% 15% 5% 15%;
	/* width: 100%; */
}

.top-meister_name {
	line-height: 1.6;
	padding-top: 190px;
	text-align: center;
}

.top-meister_name img {
	display: block;
	margin: 0 auto;
}




.top-meister_name .meister-list_number {
	margin: 50px 0 20px;
}

.top-meister_name .meister-list_name {
	font-size: 2em;
	display: inline-block;
	margin-right: .5em;
}

.top-meister_name .meister-list_name-e {
	color: #999;
	display: inline-block;
	padding-bottom: .2em;
}



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

	denshiro

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

/* denshiro-concept
--------------------------- */

.denshiro-concept_title {
	margin-bottom: -50px;
}

.denshiro-concept_title .c-badge {
	margin-top: -30px;
}

.denshiro-concept_point_page {
	height: 120vh;
	padding-top: 1px;
	margin-top: -1px;
}

.denshiro-concept_point_page.page3 {
	height: 160vh;
}

.normalScroll .denshiro-concept_point_page {
	height: auto;
	overflow: hidden;
}

.denshiro-concept_point_img {
	width: 50%;
	height: 100vh;
	position: relative;
	left: 0;
	top: 0;
	padding-bottom: 80px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.normalScroll .denshiro-concept_point_img {
	height: auto;
	min-height: 700px;
	padding-bottom: 0;
}

.denshiro-concept_point_img.fix {
	position: absolute;
}

.denshiro-concept_point_img:not(.fix) {
	-webkit-transform: translate(0, 0) !important;
	-ms-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important;
}

.denshiro-concept_point_img>img {
	-webkit-transition: -webkit-transform .4s ease-in-out;
	transition: transform .4s ease-in-out;
}

.denshiro-concept_point_img.active>img,
.normalScroll .denshiro-concept_point_img>img {
	-webkit-transform: translate(0, 0) !important;
	-ms-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important;
}

.denshiro-concept_point_img.img2>img {
	-webkit-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
}

.denshiro-concept_point_img.img3>img {
	-webkit-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
}


.denshiro-concept_point_txt {
	text-align: center;
	width: 36%;
	padding: 3% 2% 4%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 7%;
	margin-top: 15%;
	background-color: #fff;
	float: right;
}

.denshiro-concept_point_page .c-title-A {
	letter-spacing: .4em;
	padding-left: .3em;
	margin: 20px 0 40px;
	padding-top: 70px;
	position: relative;
	z-index: 1;
}

.denshiro-concept_point_page .c-title-A>span {
	margin-left: -1.2em;
}

.denshiro-concept_point_page .c-title-A:before {
	width: 26px;
	height: 26px;
	margin-left: -13px;
}

.denshiro-concept_point_page .c-title-A:after {
	content: attr(data-number);
	color: #999;
	font-size: 1rem;
	font-style: normal;
	line-height: 1;
	position: absolute;
	top: 6px;
	left: 50%;
	margin-left: -.3em;
}

.IE8 .denshiro-concept_point_page .c-title-A:after {
	font-size: 16px;
}


.denshiro-history_fujiki {
	position: relative;
}

.denshiro-history_fujiki .c-img-3x4 {
	position: absolute;
	right: 0;
	height: 100%;
}

.denshiro-history_fujiki .c-title-A b {
	font-size: 1.125rem;
}

.IE8 .denshiro-history_fujiki .c-title-A b {
	font-size: 18px;
}


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

	kabazaiku

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


/* kaba-material
--------------------------- */

.kaba-material_detail_item {
	/*background-color: #fff;
	padding: 7% 10%;*/
	padding: 0 5%;
	/* margin-top: -60px;
	margin-bottom: -60px; */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.kaba-material_detail_item_movie {
	width: 112%;
	/* margin: -4% -6% 40px !important; */
	margin: -4% -3% 40px !important;
	padding-bottom: 80%;
	position: relative;
}

.IE8 .kaba-material_detail_item_movie {
	border: 1px solid transparent;
}

.kaba-material_detail_item_movie>iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
}

.kaba-material_detail_item_img {
	/* margin: -4% -8% 20px; */
	margin: -4% -3% 20px;
	display: block;
}


/* kaba-tech
--------------------------- */

.kaba-tech_detail {
	min-height: 101vh;
	border-top: 1px solid #dedede;
}

.kaba-tech_detail:first-child {
	border: none;
}

.normalScroll .kaba-tech_detail {
	overflow: hidden;
	min-height: 0;
}

.kaba-tech_detail_txt {
	height: 100vh;
	position: relative;
	right: 0;
	top: 0;
	width: 54%;
	padding: 0 320px 80px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
}

.normalScroll .kaba-tech_detail_txt {
	height: auto;
	margin-top: 10%;
}

.kaba-tech_detail_txt:not(.active) {
	-webkit-transform: translate(0, 0) !important;
	-ms-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important;
}

.kaba-tech_detail_txt.active {
	position: absolute;
}

.kaba-tech_detail_txt_txt {
	margin-right: 320px;
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -40px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.kaba-tech_detail_txt_img {
	width: 320px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -40px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.normalScroll .kaba-tech_detail_txt_txt,
.normalScroll .kaba-tech_detail_txt_img {
	top: 0;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.kaba-tech_detail_img {
	padding-right: 60%;
}

/* kaba-origin
--------------------------- */

.kaba-origin_lead {
	overflow: hidden;
	position: relative;
}

.kaba-origin_lead_title {
	text-align: right;
	position: absolute;
	margin-top: -.2em;
	width: 30%;
	margin: 0 10% 0 -9%;
	z-index: 1;
}

.kaba-origin_lead_title>img {
	position: absolute;
	width: 580px;
	right: 0;
	top: 50%;
	margin-top: -305px;
	z-index: -1;
}

.kaba-origin_lead_title>.c-title-A {
	display: inline-block;
	margin: -10px -10px 0 0;
}

.kaba-origin_lead>.c-txt-A {
	padding-left: 50%;
	margin-left: -10em;
	position: relative;
	z-index: 1;
}

.kaba-origin_detail_txt {
	padding: 40px 20% 0;
}


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

	collection

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

/* collection-list-container
--------------------------- */

.collection-list-container {
	min-height: 100vh;
	position: relative;
	padding-right: 170px;
	margin-bottom: 110px;
	overflow: hidden;
}

.collection-list-container.list {
	margin-bottom: 0;
}

.collection-list-container.list.normalList {
	margin-bottom: 110px;
}

.collection-list-container.grid {
	padding-left: 5%;
}

.collection-list-container.gridOnly {
	padding-right: 5%;
}

/* collection-list-header
--------------------------- */

.collection-list-header {
	position: fixed;
	top: 25%;
	right: 85px;
	height: 70%;
	max-height: 500px;
	width: 2px;
	z-index: 1;
}

.noPosFix .collection-list-container .collection-list-header {
	position: absolute;
	top: 100px;
}

.collection-list-container.gridOnly .collection-list-header {
	display: none;
}

.collection-list-header>.c-title-A {
	line-height: 1;
	letter-spacing: .2em;
	text-align: left;
	position: absolute;
	width: 1em;
	height: 100%;
	left: -.5em;
}

.collection-list-header>.c-title-A>b {
	writing-mode: tb-rl;
	/* IE独自仕様 */
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	display: inline-block;
}

/* writing-modeが使えない場合（firefox）*/
.no-writing-mode .collection-list-header>.c-title-A>b {
	width: 1em;
	line-height: 1.2;
}

.collection-list-header>.c-title-A>span {
	letter-spacing: .2em;
	margin-top: 130px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.collection-list_diamond {
	line-height: 1;
	text-align: center;
	position: absolute;
	top: 7em;
	z-index: 1;
	display: none;
}

.collection-list-container.list .collection-list_diamond.number {
	display: block;
}

.collection-list-container.grid .collection-list_diamond.grid {
	display: block;
}

.collection-list-container.list.normalList .collection-list_diamond.number {
	display: none;
}

.collection-list-container.list.normalList .collection-list_diamond.list {
	display: block;
}

.collection-list_diamond:before {
	content: "";
	width: 60px;
	height: 60px;
	display: block;
	background-color: #EBEBED;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: -30px;
	top: 10px;
	z-index: -1;
}

.collection-list_diamond.number>span {
	color: #999;
	font-style: normal;
	display: block;
	margin: 17px 0 0 -.5em;
}

.collection-list_diamond.grid>span {
	color: #999;
	font-style: normal;
	letter-spacing: .2em;
	display: block;
	margin: 34px 0 0 -1.1em;
}

.collection-list_diamond.number:after {
	content: "";
	width: 30px;
	height: 1px;
	background-color: #999;
	position: absolute;
	margin: -23px 0 0 -20px;
}

.collection-list_switch {
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	padding: 10px;
	background: url(../images/sprite1.png) no-repeat;
	cursor: pointer;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -22px;
}

.collection-list-container.list .collection-list_switch {
	background-position: -40px 10px;
}

.collection-list-container.grid .collection-list_switch {
	background-position: -91px 10px;
}


/* collection-list
--------------------------- */

.collection-list_link {
	display: block;
	position: relative;
}

.collection-list-container {
	position: relative;
	top: 0;
	-webkit-transition: opacity .3s, top .2s;
	transition: opacity .3s, top .2s;
}

.collection-list-container.fadeout {
	opacity: 0;
	top: 50px;
	-webkit-transition: opacity .5s, top .3s;
	transition: opacity .5s, top .3s;
}

.collection-list-container.list>.collection-list {
	position: relative;
	-webkit-transition: top .4s ease-in-out;
	transition: top .4s ease-in-out;
}

.collection-list-container.list>.collection-list>li {
	height: 100vh;
	padding: 1% 0 3%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.collection-list-container.list.normalList>.collection-list>li {
	height: 600px !important;
}

.collection-list-container.list .collection-list_link {
	padding-left: 20%;
	height: 100%;
}

.collection-list-container.grid>.collection-list {
	margin: 0 -2% -2%;
}

.collection-list-container.grid>.collection-list>li {
	float: left;
	width: 50%;
	padding: 2%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.collection-list_img {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.collection-list_img>img {
	display: block;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.collection-list-container.grid .collection-list_img>img {
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
}

.collection-list-container.list .collection-list_img>img {
	-webkit-transition: -webkit-transform 1s;
	transition: transform 1s;
}

.collection-list-container.list .collection-list_img:hover>img {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}

.collection-list-container.grid .collection-list_img>img {
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s;
}

.collection-list-container.grid .collection-list_link:hover .collection-list_img>img {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}

.collection-list-container.grid .collection-list_img>span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.3);
	opacity: 0;
	-webkit-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;
}

.collection-list-container.grid .collection-list_link:hover .collection-list_img>span {
	opacity: 1;
}

.IE8 .collection-list-container.grid .collection-list_img>span {
	background-color: #000;
	-ms-filter: "alpha(opacity=0)";
}

.IE8 .collection-list-container.grid .collection-list_link:hover .collection-list_img>span {
	-ms-filter: "alpha(opacity=30)";
}


.collection-list_link>.c-title-A:after {
	content: "";
	width: 10px;
	height: 16px;
	background: url(../images/sprite1.png) no-repeat -150px 0;
	position: absolute;
	left: 50%;
	bottom: -50px;
	margin-left: -5px;
	opacity: 0;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.collection-list-container.grid .collection-list_link>.c-title-A:after {
	bottom: -30px;
	background-position: -200px 0;
}

.collection-list-container.list .collection-list_img:hover+.c-title-A:after {
	bottom: -35px;
	opacity: 1;
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}

.collection-list-container.grid .collection-list_link:hover>.c-title-A:after {
	bottom: -15px;
	opacity: 1;
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}

.collection-list-container .collection-list_link>.c-title-A {
	display: none;
}

.collection-list-container.list .collection-list_link>.c-title-A {
	line-height: 1;
	letter-spacing: .5em;
	display: block;
	position: absolute;
	left: 10%;
	top: 45%;
	margin-top: 0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: margin-top .2s ease-out;
	transition: margin-top .2s ease-out;
}

.collection-list-container.list .collection-list_img:hover+.c-title-A {
	margin-top: -20px;
}

.collection-list-container.list .collection-list_link>.c-title-A>b {
	writing-mode: tb-rl;
	/* IE独自仕様 */
	-o-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	display: inline-block;
}

/* writing-modeが使えない場合（firefox）*/
.no-writing-mode .collection-list-container.list .collection-list_link>.c-title-A>b {
	width: 1em;
	line-height: 1.4;
}

.collection-list-container.list .collection-list_link>.c-title-A>span {
	margin-top: 20px;
}

.collection-list-container.grid .collection-list_link>.c-title-A {
	color: #fff;
	font-size: 2em;
	line-height: 1.2;
	width: 80%;
	padding: 0 10%;
	display: block;
	position: absolute;
	top: 45%;
	z-index: 2;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: opacity .2s, margin .2s;
	transition: opacity .2s, margin .2s;
	opacity: 0;
	margin-top: 20px;
}

.collection-list-container.grid .collection-list_link:hover>.c-title-A {
	opacity: 1;
	margin-top: 0;
}

.IE8 .collection-list-container.grid .collection-list_link>.c-title-A {
	display: none;
}

.IE8 .collection-list-container.grid .collection-list_link:hover>.c-title-A {
	display: block;
}

.collection-list-container.grid .collection-list_link>.c-title-A>b {
	display: block;
}

.collection-list-container.grid .collection-list_link>.c-title-A>span {
	color: #e5e5e5;
}



/* collection-hero
--------------------------- */

.noPosFix .collection-hero {
	max-height: 800px;
}

.collection-hero {
	min-height: 500px !important;
}

.collection-hero_title {
	color: #404040;
	border: none;
	padding: 0 !important;
	top: 12% !important;
	-webkit-transform: translateY(0) !important;
	-ms-transform: translateY(0) !important;
	transform: translateY(0) !important;
	z-index: 1;
}

.collection-hero.four-letters .collection-hero_title {
	top: 8% !important;
}

.collection-hero_title>span {
	font-size: 3.714em;
	letter-spacing: .3em;
	margin-bottom: 10px;
}

.collection-hero.four-letters .collection-hero_title>span {
	letter-spacing: 0;
}

/* writing-modeが使えない場合（firefox）*/
.no-writing-mode .collection-hero_title {
	width: 11em;
	margin-left: -5.5em;
}

.no-writing-mode .collection-hero_title>span {
	width: 1em;
}

.collection-hero:after {
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	background-color: #d8d8d8;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: -12px;
	position: absolute;
	left: 50%;
	top: 55%;
}

.collection-hero.four-letters:after {
	top: 62%;
}

.collection-hero_catch {
	line-height: 1.8;
	text-align: center;
	width: 13em;
	position: absolute;
	left: 50%;
	bottom: 12%;
	margin-left: -6.55em;
	z-index: 1;
}

.collection-hero.four-letters .collection-hero_catch {
	bottom: 5%;
}

.collection-hero_img {
	height: 100%;
	width: 100%;
}


/* collection-lead
--------------------------- */

.collection-lead_awards {
	text-align: center;
	margin-bottom: 40px;
}

.collection-lead_awards>img {
	width: 140px;
	display: inline-block;
	vertical-align: top;
}


/* collection-triple
--------------------------- */

.collection-triple {
	position: relative;
}

.collection-triple_top,
.collection-triple_bottom {
	position: absolute;
	width: 50%;
	height: 50%;
}

.collection-triple_bottom {
	top: 50%;
}

.collection-triple .c-grid-innerbox {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


/* collection-lineup
--------------------------- */

.collection-lineup>ul {
	line-height: 1.6;
	text-align: center;
	margin-bottom: 10px;
}

.collection-lineup a {
	display: block;
	padding: 20px;
	position: relative;
}

.collection-lineup span {
	display: block;
	margin-bottom: 15px;
}

.collection-lineup span:after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.07);
	position: absolute;
	left: 0;
	top: 20px;
	opacity: 0;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-property: opacity top;
	transition-property: opacity top;
}

.collection-lineup a:hover span:after {
	top: 0;
	opacity: 1;
}

.collection-lineup.hizutsu .c-grid-1of4,
.collection-lineup.egawa .c-grid-1of4,
.collection-lineup.others .c-grid-1of4 {
	width: 30% !important;
}


/* collection-layer
--------------------------- */

.collection-layer_cnt {
	text-align: left;
	width: 100%;
	position: relative;
	-webkit-transition: left .5s ease-in-out;
	transition: left .5s ease-in-out;
}

.collection-layer_item {
	text-align: center;
	width: 100%;
	padding: 0 100px;
	display: inline-block;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.collection-layer_img {
	margin: 20px auto 40px;
	max-width: 800px;
}

.collection-layer_img>img {
	width: auto;
	max-width: 100%;
}

.collection-layer_txt,
.collection-layer_txt>span {
	margin-bottom: 0;
}


/* collection-nav
--------------------------- */

.collection-nav_img {
	overflow: hidden;
	position: relative;
}

.collection-nav_img>img {
	display: block;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s;
}

.collection-nav_link:hover .collection-nav_img>img {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}

.collection-nav_img>span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.3);
	opacity: 0;
	-webkit-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;
}

.collection-nav_link:hover .collection-nav_img>span {
	opacity: 1;
}

.IE8 .collection-nav_img>span {
	background-color: #000;
	-ms-filter: "alpha(opacity=0)";
}

.IE8 .collection-nav_link:hover .collection-nav_img>span {
	-ms-filter: "alpha(opacity=30)";
}

.collection-nav_link>.c-title-A {
	color: #fff;
	line-height: 1.2;
	width: 80%;
	padding: 0 10%;
	position: absolute;
	top: 45%;
	z-index: 2;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .2s;
	transition: all .2s;
	opacity: 0;
	margin-top: 20px;
}

.collection-nav_link:hover>.c-title-A {
	opacity: 1;
	margin-top: 0;
}

.IE8 .collection-nav_link>.c-title-A {
	display: none;
}

.IE8 .collection-nav_link:hover>.c-title-A {
	display: block;
}

.collection-nav_link>.c-title-A>b {
	display: block;
}

.collection-nav_link>.c-title-A>span {
	color: #e5e5e5;
}

.collection-nav_link>.c-title-A:after {
	content: "";
	width: 10px;
	height: 16px;
	background: url(../images/sprite1.png) no-repeat -200px 0;
	position: absolute;
	left: 50%;
	bottom: -30px;
	margin-left: -5px;
	opacity: 0;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.collection-nav_link:hover>.c-title-A:after {
	bottom: -15px;
	opacity: 1;
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}



.collection-nav {
	position: relative;
}

.collection-nav_empty>span {
	display: block;
	position: absolute;
	width: 46%;
	margin: 0 2%;
	height: 100%;
	background: #e5e5e5;
}


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

	meister

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

/* meister-list-hero
--------------------------- */

.meister-list-hero {
	overflow: visible;
}

.meister-list-hero>.c-badge {
	position: absolute;
	top: 53%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


/* meister-list
--------------------------- */

.meister-list {
	padding-top: 0 !important;
	margin: 0 0 -4% !important;
}

.meister-list li {
	margin-bottom: 4%;
}

.meister-list_link {
	display: block;
	background-color: #fff;
}

.meister-list_link.gray {
	background-color: #f2f2f2;
}

.meister-list_img {
	overflow: hidden;
	position: relative;
}

.meister-list_img>img {
	display: block;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s;
}

.meister-list_link:hover>.meister-list_img>img {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}

.meister-list_img:before {
	content: "";
	width: 36px;
	height: 36px;
	border: 1px solid #ccc;
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 50%;
	margin: 10px 0 0 -19px;
	opacity: 0;
	border-radius: 50%;
	/* -webkit-transform: rotate(45deg); */
	/*-ms-transform: rotate(45deg);*/
	/* transform: rotate(45deg); */
	/* -webkit-transition: all .2s; */
	transition: all .2s;
}

.meister-list_link:hover>.meister-list_img:before {
	opacity: 1;
	margin-top: -19px;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
}

.meister-list_img:after {
	content: "";
	width: 10px;
	height: 16px;
	background: url(../images/sprite1.png) no-repeat -200px 0;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -5px;
	opacity: 0;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all .2s;
	transition: all .2s;
}

.meister-list_link:hover>.meister-list_img:after {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}

.meister-list_img>span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.3);
	opacity: 0;
	-webkit-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;
}

.meister-list_link:hover>.meister-list_img>span {
	opacity: 1;
}

.IE8 .meister-list_img>span {
	background-color: #000;
	-ms-filter: "alpha(opacity=0)";
}

.IE8 .meister-list_link:hover>.meister-list_img>span {
	-ms-filter: "alpha(opacity=30)";
}

.meister-list_txt {
	line-height: 1.6;
	padding: 20px 25px;
}

.meister-list_title {
	font-size: 0.929em;
	/* 13px */
	letter-spacing: .15em;
	display: block;
	margin-bottom: 3px;
}

.meister-list_name {
	font-size: 1.5em;
	letter-spacing: .2em;
	font-weight: normal;
	display: block;
}

.meister-list_number {
	/* color: #999; */
	font-size: 1.143em;
	font-style: normal;
	display: block;
	margin: -30px 0 5px;
}

.meister-list_name-e {
	display: block;
}



.order-title_img {
	text-align: center;
	margin: 0 auto;
}

.order-title_img_y img {
	/* width: 600px; */
	width: 100%;
	max-width: 400px;
}

.order-title_img img {
	/* width: 600px; */
	width: 100%;
	max-width: 600px;
}




.order-title_text {
	color: #ffffff;
	font-size: 1.8em;
	font-style: normal;
	display: block;
	margin: 0 auto;
	text-align: center;
	text-shadow: 0 1px 100px #000000,
		0px 0px 1px #000,
		1px 0px 1px #fff,
		1px 1px 3px #ffffff;

	color: #fff;

}





/* meister-hero
--------------------------- */

.meister-hero {
	height: 30vh;
	max-height: 250px;
}

.noPosFix .meister-hero {
	max-height: 700px;
}

.meister-hero_img {
	width: 100%;
	/* height: 50vh; */
	min-width: 960px;
	max-height: 200px;
	overflow: hidden;
	position: fixed;
	top: 80px;
}

.noPosFix .meister-hero_img {
	position: relative;
	top: 0;
	height: 100%;
}

.meister-contents {
	position: relative;
	z-index: 1;
	background-color: #fff;
	-webkit-transform: translate3d(0, 0, 0);
	/* safariでのチラつきを防ぐ */
}

.meister-window {
	position: relative;
	z-index: 1;
	height: 60vh;
	background-color: rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2), inset 0 -1px 3px rgba(0, 0, 0, .2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2), inset 0 -1px 3px rgba(0, 0, 0, .2);
	-webkit-transform: translate3d(0, 0, 0);
	/* safariでのチラつきを防ぐ */
}

.IE8 .meister-window {
	height: 400px;
}

.noPosFix .meister-window {
	display: none;
}

.meister-window>p {
	color: #ccc;
	font-size: 7em;
	font-family: 'Mr De Haviland', cursive;
	font-family: 'Noto Sans JP', "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	line-height: 1;
	text-align: left;
	position: absolute;
	left: 10%;
	bottom: 15%;
	-webkit-transform: rotate(-10deg) skew(-10deg);
	-ms-transform: rotate(-10deg) skew(-10deg);
	transform: rotate(-10deg) skew(-10deg);
}

.IE8 .meister-window>p {
	display: none;
}


/* meister-header
--------------------------- */

.meister-header {
	padding: 30px 0 35px;
	position: relative;
	bottom: 0;
}

.meister-header:after {
	content: "";
	width: 100%;
	height: 0;
	border-top: 1px dotted #ccc;
	position: absolute;
	bottom: 0;
}

.meister-header>.c-badge {
	position: absolute;
	left: 8%;
	bottom: 50px;
}

.meister-header_txt_main {
	line-height: 1;
	float: left;
	padding-left: 15%;
}

.meister-header_txt_main>.meister-list_title {
	margin: 5px 0 15px;
}

.meister-header_txt_main>.meister-list_name {
	font-size: 1.8em;
}

.meister-header_txt_sub {
	line-height: 1.6;
	text-align: right;
	position: absolute;
	right: 11%;
	top: 50%;
}

.meister-header_txt_sub>.meister-list_number {
	font-size: 1.1em;
}


/* meister-article
--------------------------- */

.meister-article {
	margin-top: 0;
}

.meister-article+.meister-article {
	margin-top: 8%;
}

.meister-article_img.left {
	margin-left: -7%;
	margin-bottom: 30px;
}

.meister-article_img.right {
	margin-right: -7%;
}

.meister-article_cap {
	font-size: 0.929em;
	display: block;
	margin: 10px 0 -10px;
}

.meister-article h2 {
	font-weight: bold;
	margin-bottom: 1.5em;
}


/* meister-profile
--------------------------- */

.meister-profile_yomi {
	color: #404040 !important;
	font-style: normal !important;
	letter-spacing: 1px !important;
	padding-left: 1em !important;
}



/* meister-nav
--------------------------- */

.meister-nav {
	position: relative;
	margin-bottom: 4%;
}

.meister-nav_empty>span {
	display: block;
	position: absolute;
	width: 46%;
	height: 100%;
	background: #f2f2f2;
}






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

	company

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

/* company-about
--------------------------- */

.company-about,
.company-others,
.company-access {
	position: relative;
}

.company-about_img {
	width: 38%;
	height: 100vh;
	position: fixed;
	padding-bottom: 80px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	top: 80px;
	left: 0;
	z-index: -1;
	-webkit-transition: right .3s ease-in-out;
	transition: right .3s ease-in-out;
}

.noPosFix .company-about_img {
	height: 620px !important;
	padding-bottom: 0;
	top: 0;
	position: absolute;
}

.noPosFix .c-header.open+.c-body .company-about_img {
	right: 0;
}

.company-about_txt>section {
	padding: 70px 4% 0 42%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.noPosFix .company-about_txt_history {
	width: auto;
	overflow: hidden;
	margin: 0 -1.5%;
	padding-left: 5%;
}

.company-about_txt_history>.c-dlist.first {
	border-bottom: 1px solid #e5e5e5;
}

.noPosFix .company-about_txt_history>.c-dlist {
	width: 50%;
	padding: 0 1.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	border-bottom: none;
}

.company-about_txt .c-badge {
	margin-bottom: 40px;
}

.company-award {
	position: relative;
	z-index: 1;
	padding-left: 7%;
	padding-right: 7%;
}

.company-others {
	background-color: #fff;
}

.company-access_map {
	width: 40%;
	height: 100%;
	position: absolute;
	left: 0;
}

.company-access_map_canvas {
	width: 100%;
	height: 100%;
}

.company-access_map>.c-button {
	position: absolute;
	bottom: 50%;
	left: 30px;
}

.company-access_txt {
	padding: 1% 4% 0 42%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.company-access_txt .c-shop-txt {
	text-align: center;
	margin-top: 60px;
}

.company-access_txt .c-shop-txt>dt {
	margin-top: 40px;
}

.about-txt {
	font-size: 17px;

}

.about-txt a {
	color: #000;
}

.about-txt a:hover {
	color: #999;
}



.banquet-txt {
	font-size: 17px;

}

.banquet-txt a {
	color: #fff;
}

.banquet-txt a:hover {
	color: #d8d8d8;
}




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

	shop

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

.shop-wrapper {
	position: relative;
}


/* shop-header
--------------------------- */

.shop-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 25%;
	height: 100%;
	z-index: 1;
	padding-top: 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.noPosFix .shop-header {
	position: absolute;
	padding-bottom: 200px;
	padding-top: 0;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.noPosFix .c-header.open+.c-body .shop-header {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.shop-header .c-title-A {
	margin-top: 140px;
}

.shop-header_nav {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.noPosFix .shop-header_nav {
	position: relative;
	margin-top: 100px;
}

.shop-header_nav a {
	/*	font-size: 1.143em; */
	text-align: center;
	display: block;
	padding: 30px 20px;
	position: relative;
	overflow: hidden;
}

.shop-header_nav>li.active>a {
	background-color: #fff;
}

.noPosFix .shop-header_nav>li.active>a {
	background-color: transparent;
}

.shop-header_nav a>span {
	position: relative;
	z-index: 1;
}

.shop-header_nav a:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #e5e5e5;
	position: absolute;
	left: 0;
	top: 100%;
	opacity: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition-property: -webkit-transform opacity;
	transition-property: transform opacity;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}

.shop-header_nav a:hover:before {
	opacity: 1;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.shop-header_nav li.active a:hover:before {
	opacity: 0;
}

.noPosFix .shop-header_nav li.active a:hover:before {
	opacity: 1;
}


.shop-header_nav a:after {
	content: "";
	width: 20px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px;
}

.shop-header_nav>li:first-child>a:after,
.shop-header_nav>li.active>a:after,
.shop-header_nav>li.active+li>a:after {
	content: none;
}

.noPosFix .shop-header_nav>li>a:after {
	content: "" !important;
}

.shop-header_nav>li:first-child>a:after {
	content: none !important;
}

/* shop-body
--------------------------- */

.shop-body {
	padding-left: 25%;
}

.shop-flagship_img {
	margin-bottom: -40px;
}

.shop-flagship_map {
	height: 500px;
	position: relative;
}

.shop-flagship_map_canvas {
	width: 100%;
	height: 100%;
}

.shop-flagship_map>.c-button {
	position: absolute;
	bottom: 30px;
	right: 30px;
}


.shop-flagship_badge {
	margin-bottom: -20px;
}

.shop-flagship .c-shop-txt>b {
	font-size: 1.214em;
}

.shop-showroom_badge {
	margin-bottom: -20px;
}

.shop-showroom_badge>span {
	letter-spacing: 0;
	margin-left: 0;
}

.shop-showroom_img {
	text-align: center;
	margin-top: 30px;
}

.shop-showroom_img>img {
	width: 600px;
}

.shop-list .c-title-A {
	position: relative;
	margin-bottom: 60px;
}

.shop-list .c-title-A:after {
	content: "";
	width: 20px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -10px;
}

.shop-list {
	margin: 0 !important;
}

.shop-list ul {
	padding: 20px 0 40px;
}

.shop-list li {
	margin-bottom: 60px;
}


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

	recruit

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

/* recruit-info
--------------------------- */

.recruit-info_img {
	margin: 30px 0;
}

.recruit-info_list {
	padding-left: 20px;
}

.recruit-info_list>dt {
	position: relative;
	font-weight: bold;
	margin-top: 1.2em;
}

.recruit-info_list>dt:first-child {
	margin-top: 0;
}

.recruit-info_list>dt:before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -3px;
	background-color: #999;
}


/* recruit-apply
--------------------------- */

.recruit-apply>.c-badge {
	margin: -50px 0 40px;
}


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

	news

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

/* news-article
--------------------------- */

.news-artile {
	padding-top: .5em;
}

.news-artile_title {
	padding-top: 50px;
	margin-bottom: 50px;
	position: relative;
}

.news-artile_title:before {
	content: "";
	width: 40px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 10px;
}

.news-article_body {
	margin-bottom: 120px;
}

.news-article_body strong {
	font-size: 1.067em;
}

.news-article_body a {
	color: #404040;
	text-decoration: underline;
}

.news-article_body img {
	margin: 0 auto;
	width: auto;
	max-width: 100%;
}

.news-article_btn {
	text-align: center;
	margin: -40px 0 120px;
}


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

	contact

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

/* contact-header
--------------------------- */

.contact-header_txt {
	position: relative;
	margin-top: 50px;
	padding: 50px 50px 0 0;
}

.contact-header_txt:before {
	content: "";
	width: 20px;
	height: 1px;
	/* background-color: #ccc; */
	position: absolute;
	top: 0;
}

.contact-header_phone {
	text-align: left;
	display: block;
	font-size: 1.714em;
	font-style: normal;
	line-height: 1.4;
	margin: 10px 0;
}

.contact-header_phone>span {
	font-size: 1rem;
}







.contact-header_txt img {
	width: 90%;
}


.IE8 .contact-header_phone>span {
	font-size: 16px;
}


/* contact-form
--------------------------- */

.contact-form>dt {
	position: absolute;
	padding: 1.8em 0 0 10px;
}

.contact-form>dd {
	position: relative;
	padding: 1em 0 1em 10em;
	margin-bottom: 60px;
	border-bottom: 1px solid #4d4d4d;
}

.contact-form>dd>i {
	color: #999;
	display: block;
	cursor: text;
	position: absolute;
	bottom: 1.8em;
	z-index: -1;
}

.contact-form>dd.active>i {
	display: none;
}

.contact-confirm .contact-form>dd>i {
	display: none;
}

.contact-confirm .contact-form>dd>span {
	display: block;
	line-height: 3.6em;
	min-height: 3.6em;
}

.contact-confirm .contact-form>dd>span {
	display: block;
	line-height: 3.6em;
}

.contact-confirm .contact-form>dd.message>span {
	line-height: 2;
	padding: 1em 0;
	min-height: 1.6em;
}

.contact-form .contact-form>dd .error {
	color: red;
	position: absolute;
	top: -1.5em;
}

.contact-form>dd.active textarea {
	height: 18em;
}

.contact-complete {
	min-height: 480px;
}


.contact-form_btn {
	margin-bottom: 120px;
}

.contact-form .c-submitset>li:first-child {
	display: none;
}

.contact-confirm .c-submitset>li:first-child>.c-submit {
	background-color: #808080;
}

.contact-confirm .c-submitset>li:first-child>.c-submit:before {
	background-color: #666;
}







.iframMap {
	width: 100%;
	margin: 0 auto;
	max-width: 100%;
	overflow: hidden;
	padding: 0;
	background-color: #fff;
}

.iframMap .wrap {
	width: 98%;
	margin: 10px auto;
	padding: 60px 0;
	overflow: hidden;
	text-align: center;
	font-size: 0;
}







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

	privacy

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

/* privacy-dlist
--------------------------- */

.privacy-dlist {
	margin-bottom: 120px;
}

.privacy-dlist>dt {
	font-size: 1.071em;
	font-weight: bold;
	margin: 3em 0 1em;
}

.privacy-dlist>dd>ul {
	margin: 1em 0 1em 1.5em;
	list-style: disc;
}

.privacy-dlist>dd>ul>li {
	margin-bottom: .5em;
}



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

	.top-hero_soba {
		top: 10%;
		left: 5%;
		z-index: 10;
		max-width: 100px;
		/* height: 192px; */
	}

	.top-hero_soba_txt {
		top: 10%;
		right: 8%;
		z-index: 10;
		font-size: 1.5em;

	}

	.top-hero_soba_txt span {
		padding-top: 100px;
	}



	.top-hero_katsuo {
		bottom: 20%;
		right: 5%;
		z-index: 10;
		max-width: 100px;
		/* height: 192px; */
	}

	.top-hero_katsuo_txt {
		top: 10%;
		left: 8%;
		z-index: 10;
		font-size: 1.5em;

	}

	.top-hero_katsuo_txt span {
		padding-top: 100px;
	}

	.top-hero_gyokai {
		position: absolute;
		top: 10%;
		left: 5%;
		z-index: 10;
		max-width: 100px;
		/* height: 192px; */
	}


	.top-hero_gyokai_txt {
		position: absolute;
		top: 30%;
		left: 8%;
		z-index: 10;
		font-size: 1.5em;
	}

	.top-hero_logo1 {
		/* position: absolute; */
		top: 50%;
		/* right: 5%; */
		/* max-width: 120px; */
		/* height: 342px; */
	}

}









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


	.top-news_inner {
		position: relative;
		margin: 0 6%;
	}

	.top-news .c-title-A {
		display: inline-block;
		text-align: left;
		margin-bottom: 30px;
	}


	.top-links_txt.txt3 {
		padding: 20px 15% 0 15%;
	}


	.meister-header_txt_main {
		line-height: 1;
		float: left;
		padding-left: 17%;
	}



	.meister-article_img.right {
		margin-right: 0%;
		margin-left: 0%;
	}

	.meister-article_img.left {
		margin-right: 0%;
		margin-left: 0%;
		margin-bottom: 30px;
	}

	.meister-article_img.right span {
		text-align: center;
	}

	.meister-article_img.left span {
		text-align: center;
	}






}


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

	.meister-hero {
		height: 20vh;
		min-height: 200px;
	}

	.meister-header_txt_main>.meister-list_title {
		margin: 15px 0 15px;
	}


	.top-hero_soba {
		top: 10%;
		left: 5%;
		z-index: 10;
		max-width: 100px;
		/* height: 192px; */
	}

	.top-hero_soba_txt {
		top: 10%;
		right: 8%;
		z-index: 10;
		font-size: 1.5em;

	}

	.top-hero_soba_txt span {
		padding-top: 100px;
	}



	.top-hero_katsuo {
		bottom: 30%;
		right: 5%;
		z-index: 10;
		max-width: 100px;
		/* height: 192px; */
	}

	.top-hero_katsuo_txt {
		top: 10%;
		left: 8%;
		z-index: 10;
		font-size: 1.5em;

	}

	.top-hero_katsuo_txt span {
		padding-top: 100px;
	}

	.top-hero_gyokai {
		position: absolute;
		top: 10%;
		left: 5%;
		z-index: 10;
		max-width: 100px;
		/* height: 192px; */
	}


	.top-hero_gyokai_txt {
		position: absolute;
		top: 30%;
		left: 10%;
		z-index: 10;
		font-size: 1.5em;

	}

	.top-hero_logo1 {
		/* position: absolute; */
		/* top: 10%; */
		/* right: 5%; */
		/* max-width: 100px; */
		/* height: 285px; */
	}



	.meister-header_txt_main {
		padding-left: 8%;
		padding-right: 8%;
	}


	.meister-header>.c-badge {
		position: absolute;
		left: 18%;
		top: -150px;
	}



	.meister-header_txt_main>.meister-list_name {
		font-size: 1.6em;
		line-height: 1.1;
	}



	.meister-header_txt_sub {
		line-height: 1.2;
		right: 5%;
		top: 30%;
	}

	.meister-header_txt_sub>.meister-list_number {
		font-size: 1.1em;
	}

	.meister-article h2 {
		font-weight: bold;
		margin-bottom: 0.3em;
		margin-top: 1.5em;
	}

	.meister-list_name {
		font-size: 1.567em;
		letter-spacing: .2em;
	}


	.order-title_text {
		font-size: 1.3em;
		text-align: left;
	}


	.company-about_img {
		width: 0%;
	}


	.company-about_txt>section {
		padding: 70px 6% 0 6%;
	}

	.company-access_map {
		width: 0%;
	}

	.company-access_txt {
		padding: 10px 1% 10px 1%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.company-access_map>.c-button {
		position: absolute;
		bottom: 7%;
		left: 30px;
	}


	.meister-article_img.left {
		margin-left: 0%;
		margin-bottom: 20px;
		margin-top: 30px;
	}

	.meister-article_img.right {
		margin-right: 0;
		margin-top: 30px;
	}


	.contact-header_txt {
		position: relative;
		margin-top: 50px;
		margin: 0 auto;
		padding: 0;
	}


	.contact-header_txt img {
		width: 20%;
		margin: 0 40%;
		z-index: 0;
	}



	.iframMap .wrap {
		width: 90%;
		margin: 10px auto;
		padding: 5px 0;
		overflow: hidden;
		text-align: center;
		font-size: 0;
	}


	.company-access {
		position: relative;
		padding-top: 10px;
		padding: 0 6% 0 6%;
	}




}

/*--------------------------------------------------------------------------
   Main
/* #service
-----------------------------------------------------------------*/

#service1 {
	padding: 20px 0px 50px;
	background: #fff;
	margin-top: 20px;
	font-family: "Noto Sans", Arial, Roboto, "Droid Sans", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	background-position: right;
	font-family: 'Noto Sans JP', "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#service1 .wrap {
	position: relative;
	/* 	background: #fff;*/
	/*	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	*/
}



#service1 .note2 {
	margin: 2% auto;
	padding: 1%;
	width: 96%;
	/* margin-bottom:10px; */
	/* background-size: cover; */
	/* background-position: center; */
	height: 100%;
	overflow: auto;
}

.note2 li {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 600;
}

.inner-link {
	padding-top: 5px;
	overflow: auto;
}

/*お客様の声のカスタマ 背景画像*/
.service1_bg1 {
	/*background: url(../images/service1_bg1.png) no-repeat 50% 50% ;*/
	border: 1px #eee solid;
}

.service1_bg2 {
	background: url(../images/service1_bg2.png) no-repeat 50% 50%;
}

.service1_bg3 {
	background: url(../images/service1_bg3.png) no-repeat 50% 50%;
}

#service1 .note2 h2 {
	margin: 5px 0px;
	line-height: 1.5;
	font-size: 28px;
	font-weight: 600;
	padding: 0 1%;
	/* text-align: left; */
}

#service1 .note2 p {
	padding: 5px;
	line-height: 1.6;
	font-size: 120%;
	font-weight: 500;
	/* text-align: left; */
	font-size: 20px;
}

#service1 .note2 p .money {
	font-size: 30px;
	color: #3a84df;
}

#service1 .note2 h3 {
	padding: 15px 15px 0;
	line-height: 1.5;
	font-size: 150%;
	font-weight: 500;
}

/* balloon4 */
.balloon4 {
	color: #010079;
	text-shadow: 0 0 5px white;
	padding: 0.3em 0.5em;
	background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px, #e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px, #e9f4ff 3px, #e9f4ff 7px);
}

.balloon4 h2 {
	font-size: 18px;
	/* color: #fff; */
}


/* balloon5 */
.balloon5 {
	background: #dfefff;
	box-shadow: 0px 0px 0px 5px #dfefff;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

.balloon5 h2 {
	font-size: 18px;
	text-align: center;
}

.balloon5 p {
	font-size: 18px;
	text-align: center;
}


/* お客様の声のカスタマ  ●様邸の文字 */

.colorF {
	color: #fff;
}

.colorB {
	color: #1e0904;
}



/* お客様の声のカスタマ  テキストエリアと写真エリア */

.box_area {
	float: left;
	padding: 1%;
}

.box_area img {
	width: 95%;
}


.box_wd100 {
	width: 100%;
}



.box_wd70 {
	width: 70%;
}


.box_wd60 {
	width: 60%;
}

.box_wd50 {
	width: 48%;
	float: left;
}

.box_wd40 {
	width: 40%;
}


.box_wd30 {
	width: 30%;
	margin-bottom: 40px;
}

.bg_colorBe {
	padding: 10px;
	margin: 10px 10px 10px;

}

.bg_colorB {
	background: #1e0904;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px;
	margin: 10px 10px 30px;
	overflow: auto;
}


#service1 .note2 img {
	/* margin: 0 20px 0; */
}


/* .txtQcds */
#service1 .txtQcds {
	/* float:right; */
	display: block;
	padding: 2%;
}

#service1 .txtQcds p {
	font-size: 19px;
	line-height: 1.0;
	padding: 10px;
	width: 98%;
	padding: 5px 1%;
}

.stitle3 {
	margin-top: 15px;
}


/*----------------------------------------------------
QCDS
------------------*/

.boxQcds {
	position: relative;
	margin: 4em 0;
	padding: 1em 2%;
	border: solid 3px #795548;
	border-radius: 8px;
	width: 96%;
	display: table;
}

.boxQcds .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 23px;
	background: #FFF;
	color: #795548;
	font-weight: bold;
}

.boxQcds .box-title2 {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 23px;
	background: #FFF;
	color: rgb(255, 112, 2);
	font-weight: bold;
}

.boxQcds img {
	width: 180px;
	padding: 10px;
	margin: 0;
}

.boxQcds p {
	display: inline-block;
	padding-left: 20px;
}

.boxQcds li {
	margin-bottom: 0;

}

.boxQcds li {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
}


.boxQcds h2 {
	font-size: 18px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 5px;
	color: #0c6ab4;
	font-weight: 600;
	line-height: 1.0;
}


table.brwsr1 {
	width: 98%;
	/* font-size: 18px; */
	margin: 20px 1%;
	border-collapse: separate;
	border-spacing: 0px 1px;
	margin-bottom: 10px;
	margin-left: 5px;
	transition: .8s;
}

table.brwsr1 img {
	margin: 10px;
}

table.brwsr1 th {
	padding: 4px 0;
	padding-left: 15px;
	vertical-align: middle;
	text-align: left;
	width: 150px;
	border-bottom: #eee 1px solid;
}

table.brwsr1 td {
	padding: 8px 0;
	padding-left: 15px;
	text-align: left;
	border-bottom: #eee 1px solid;
	font-size: 17px;
}

table.brwsr1 td.r1 {
	width: 15%;
	text-align: left;
	/* border-right: #eee 1px solid;
     background: #447791;*/
}

table.brwsr1 td.r2 {
	width: 60%;
	text-align: left;
	/* border-left: #fff 1px solid;
    border-right: #eee 1px solid;
    background: #5893b1;*/
}

table.brwsr1 td.r3 {
	width: 50%;
	text-align: left;
	/* border-left: #fff 1px solid;
    border-right: #eee 1px solid;
    background: #5893b1;*/
}


table.brwsr1 td.r4 {
	width: 70%;
	text-align: left;
	/* border-left: #fff 1px solid;
    border-right: #eee 1px solid;
    background: #5893b1;*/
}

table.brwsr1 td.r5 {
	width: 30%;
	text-align: left;
	/* border-left: #fff 1px solid;
    border-right: #eee 1px solid;
    background: #5893b1;*/
}


.cRed {
	color: #dd1313;
	font-weight: 700;
	font-size: 1.3em;
}




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

	FAQ　2

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

/* accordionbox　
--------------------------- */

#accordionFaq {
	width: 100%;
	margin: 20px auto;
	/* border: 1px solid #eee; */
}

#accordionFaq img {
	max-width: 100%;
	margin: 10px auto;
}




#accordionFaq dt {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 95% center;
	border: solid 1px #eee;
	padding: 20px;
	font-size: 16px;
	background-color: rgba(255, 255, 255, 0.50);
	text-align: left;
	border-radius: 5px;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}

/* 
#accordion dt {
    cursor:pointer;
    background-image: url(../faq/images/icon_qa_open.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    border:solid 1px #eee;
    padding:15px;
    font-size:14px; 
}
*/


#accordionFaq dd {
	display: none;
	font-size: 1.2rem;
	line-height: 140%;
	margin: 0;
	padding: 15px;
	border-bottom: solid 1px #eee;
	border-right: solid 1px #eee;
	border-left: solid 1px #eee;
	background-color: rgba(255, 255, 255, 0.50);
	/* 	background-color: #fff; */
	text-align: left;
}

#accordionFaq dt.active {
	background-image: url(../faq/images/icon_qa_close.png);
}

#accordionFaq dt.over {
	background-color: #eee;
}

.q_orange {
	padding-right: 10px;
	color: #339aa8;
	font-weight: 600;
}

.a_green {
	padding-right: 10px;
	color: #5dbbc7;
	font-weight: 600;
}

.midashi_1 {
	position: relative;
	color: #FF9800;
	/* background: #FF9800; */
	line-height: 1.2;
	padding: 0.2em 1.2em 0.2em 1.6em;
	width: 100%;
	padding-left: 1em;
	text-indent: -1em;
}

.midashi_1:before {
	font-family: "FontAwesome";
	content: "\f14a";
	position: absolute;
	left: 0.5em;
	padding-top: 0;
	font-size: 20px;
	/* line-height: 1.5; */
}

.company-profile-movieCnt {
	line-height: 1.5;
	/* float: right; */
	/* margin-left: -420px; */
	width: 100%;
}


.company-profile-movieCnt div {
	padding: 10px;
	margin-bottom: 15px;
	/*background: #1a1a1a;*/
	/*	background: #fff url(../images/site_bcg04.png);
	color:#fff;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/


	background: #f7f7f7;
	border: 1px solid #fff;

	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2), 0 -1px 0 #f2f2f2;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2), 0 -1px 0 #f2f2f2;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .2), 0 -1px 0 #f2f2f2;




}

.company-profile-movieCnt iframe {
	display: block;
	position: relative;
	z-index: 51;
}


/*------------------------------------*\
    MATERIAL PHOTO GALLERY
\*------------------------------------*/

$gallery-width: 100%;
$transition-duration: 0.5s;

.m-p-g {
	max-width: $gallery-width;
	margin: 0 auto;

	&__thumbs {

		&-img {
			margin: 0;
			float: left;
			vertical-align: bottom;
			cursor: pointer;
			z-index: 1;
			position: relative;
			opacity: 0;
			filter: brightness(100%);
			-webkit-tap-highlight-color: rgba(black, 0);
			will-change: opacity, transform;
			transition: all $transition-duration cubic-bezier(0.23, 1, 0.32, 1);

			&.active {
				z-index: 50;
			}

			&.layout-completed {
				opacity: 1;
			}

			&.hide {
				opacity: 0;
			}

			&:hover {
				filter: brightness(110%);
			}
		}
	}

	&__fullscreen {
		position: fixed;
		z-index: 10;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100vh;
		background: rgba(black, 0);
		visibility: hidden;
		transition:
			background .25s ease-out,
			visibility .01s $transition-duration linear;
		will-change: background, visibility;
		backface-visibility: hidden;

		&.active {
			transition:
				background .25s ease-out,
				visibility .01s 0s linear;
			visibility: visible;
			background: rgba(black, 0.95);
		}

		&-img {
			pointer-events: none;
			position: absolute;
			transform-origin: left top;
			top: 50%;
			left: 50%;
			max-height: 100vh;
			max-width: 100%;
			visibility: hidden;
			will-change: visibility;
			transition: opacity $transition-duration ease-out;

			&.active {
				visibility: visible;
				opacity: 1 !important;
				transition:
					transform $transition-duration cubic-bezier(0.23, 1, 0.32, 1),
					opacity $transition-duration ease-out;
			}

			&.almost-active {
				opacity: 0;
				transform: translate3d(0, 0, 0) !important;
			}
		}
	}

	&__controls {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 200;
		height: 20vh;
		background: linear-gradient(to top, transparent 0%, rgba(black, 0.55) 100%);
		opacity: 0;
		visibility: hidden;
		transition: all $transition-duration cubic-bezier(0.23, 1, 0.32, 1);

		&.active {
			opacity: 1;
			visibility: visible;
		}

		&-close,
		&-arrow {
			appearance: none;
			border: none;
			background: none;

			&:focus {
				outline: none;
			}
		}

		&-arrow {
			position: absolute;
			z-index: 1;
			top: 0;
			width: 20%;
			height: 100vh;
			display: flex;
			align-items: center;
			cursor: pointer;
			-webkit-tap-highlight-color: rgba(black, 0);
			opacity: 0;

			&:hover {
				opacity: 1;
			}

			&--prev {
				left: 0;
				padding-left: 3vw;
				justify-content: flex-start;
			}

			&--next {
				right: 0;
				padding-right: 3vw;
				justify-content: flex-end;
			}
		}

		&-close {
			position: absolute;
			top: 3vh;
			left: 3vw;
			z-index: 5;
			cursor: pointer;
			-webkit-tap-highlight-color: rgba(black, 0);
		}
	}

	&__btn {
		$size: 50px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: $size;
		height: $size;
		border-radius: 50%;
		background: rgba(white, 0.07);
		transition: all .25s ease-out;

		&:hover {
			background: rgba(white, 0.15);
		}
	}

	&__alertBox {
		position: fixed;
		z-index: 999;
		max-width: 700px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: white;
		padding: 25px;
		border-radius: 3px;
		text-align: center;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
		color: grey;

		h2 {
			color: red;
		}
	}
}

/* DEMO */

.demo-btn {
	display: inline-block;
	margin: 0 2.5px 4vh 2.5px;
	text-decoration: none;
	color: grey;
	padding: 15px;
	line-height: 1;
	min-width: 140px;
	background: rgba(0, 0, 0, 0.07);
	border-radius: 6px;
}

.demo-btn:hover {
	background: rgba(0, 0, 0, 0.12);
}




@media (max-width: 812px) {

	.top-hero_logo1 {
		width: 100%;
		padding: 5%;
		/* position:absolute; */
		/* top: 20%; */
		/* left: 10%; */
		/* z-index: 10; */
		/* max-width: 200px; */
	}

	.top-hero_logo1-2 {
		position: absolute;
		top: 20%;
		right: 10%;
		z-index: 10;
		max-width: 200px;

	}

}


@media (max-width: 768px) {

	#service1 .note2 {
		margin: 3% auto;
		padding: 1%;
		width: 90%;
	}


	.box_wd30 {
		width: 100%;
	}

	#service1 .txtQcds p {
		font-size: 17px;
		line-height: 1.5;
		padding: 10px;
		width: 98%;
		padding: 5px 2%;
	}



}


@media (max-width: 640px) {

	.demo-btn {
		min-width: 0;
		font-size: 14px;
	}
}


@media (max-width: 500px) {

	.top-hero .c-lang-nav {
		position: absolute;
		left: 0;
		right: 0;
	}



	.top-hero_logo1 {
		width: 93%;
		top: 55%;
	}

	.top-hero_soba_txt {
		top: 15%;
		right: 5%;
		left: 5%;
		font-size: 20px;
	}



	.top-hero_oya_txt {
		width: 90%;
		height: auto;
		font-size: 23px;
		top: 35%;
		left: 5%;
		right: 5%;
	}


	.top-hero_logo1-2 {
		top: 55%;
		right: 10%;
		z-index: 10;
		max-width: 80%;
	}


	.top-hero_soba {
		top: 30%;
		left: 20%;
		z-index: 10;
		max-width: 250px;
		/* height: 192px; */
	}


	.top-hero_soba_txt span {
		padding-top: 100px;
	}


	.top-hero_fukidashi_txt {

		font-size: 22px;
		top: 15%;
		left: 25%;
	}

	.top-hero_fukidashi_txt span {

		line-height: 1.1;
	}

	#service1 .txtQcds {

		padding: 0%;
	}


	#service1 .note2 {
		margin: 3% auto;
		padding: 1%;
		width: 96%;
	}



	#service1 .note2 h2 {
		font-size: 22px;
	}


	.boxQcds .box-title {
		font-size: 20px;
	}

	.bg_colorBe {
		padding: 5px;
		margin: 10px 5px 10px;

	}


}



.news-article {
	padding: 2em;
	background: #eee;
	margin: 20px;
	border-radius: 0.5em
}

.detailText {
	font-size: 20px !important;
	line-height: 1.5;
}


.detailText div span {
	font-size: 18px !important
}

@media (max-width: 640px) {
	.detailText {
		line-height: 1.3;
	}

	.detailText div span {
		font-size: 16px !important
	}
}