@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em
}
body {
	font-size: 62.5%
}
body, table, input, textarea, select, option {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
@font-face {
	font-family: "DINEngschriftStd";
	src: url('../font/dinengschriftstd.eot');
	src: url('../font/DINEngschriftStd.otf') format('opentype'), url('../font/dinengschriftstd.woff') format('woff');
	font-weight: normal
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
:focus {
	outline: 0
}
ins {
	text-decoration: none
}
del {
	text-decoration: line-through
}
img {
	vertical-align: top
}
a, a:link {
	color: #291400;
	text-decoration: none
}
a:visited {
	color: #291400;
	text-decoration: none
}
a:hover {
	color: #291400;
	text-decoration: none
}
a:active {
	color: #291400;
	text-decoration: none
}
.taLeft {
	text-align: left!important
}
.taCenter {
	text-align: center!important
}
.taRight {
	text-align: right!important
}
.fsP1 {
	font-size: 1.08em!important
}
.fsP2 {
	font-size: 1.16em!important
}
.fsP3 {
	font-size: 1.24em!important
}
.fsP4 {
	font-size: 1.32em!important
}
.fsP5 {
	font-size: 1.4em!important
}
.fsM1 {
	font-size: .92em!important
}
.fsM2 {
	font-size: .84em!important
}
.fsM3 {
	font-size: .76em!important
}
.fsM4 {
	font-size: .68em!important
}
.fsM5 {
	font-size: .6em!important
}
.fwNormal {
	font-weight: normal!important
}
.fwBold {
	font-weight: bold!important
}
.mt0 {
	margin-top: 0!important
}
.mb0 {
	margin-bottom: 0!important
}
* html .clearfix {
	zoom: 1
}
*+html .clearfix {
	zoom: 1
}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both
}
body {
	min-width: 1300px;
	color: #291400;
	font-size: 14px;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #fff
}
#container {
	text-align: left;
	position: relative
}
#main {
	margin-bottom: 120px
}
#header {
	padding: 19px 0 48px
}
#header .hBox {
	margin: 0 auto;
	width: 1135px;
	position: relative;
	z-index: 150
}
#header h1 {
	padding-left: 2px;
	float: left
}
#header .hTel {
	margin-left: 35px;
	padding: 18px 2px 0 0;
	float: right;
	font-family: "DINEngschriftStd";
	font-size: 16px;
	letter-spacing: 2.5px
}
#header .hTel a {
	display: block
}
#header .hTel span {
	margin: 2px 12px 0 0;
	padding: 2px 0 2px 3px;
	width: 28px;
	display: inline-block;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 1.2;
	vertical-align: top;
	text-align: center;
	border: 1px solid #291400
}
#header .hLink {
	width: 180px;
	position: absolute;
	bottom: -99px;
	right: -1px
}
#header .hLink a {
	padding: 2px;
	display: block;
	color: #14AD5E;
	font-size: 14px;
	text-align: center;
	letter-spacing: 5px;
	border: 2px solid #fff;
	text-indent: 5px
}
#header .hLink a:hover {
	filter: alpha(opacity=70);
	opacity: .7
}
#header .hLink span {
	padding: 13px 0;
	display: block;
	background-color: #fff
}
#header .hLink2 {
	width: 230px;
	position: absolute;
	bottom: -97px;
	right: 190px;
        top:86px;
}
#header .hLink2 a {
	padding: 2px;
	display: block;
	color: #fff;
	font-size: 14px;
	text-align: center;
	letter-spacing: 5px;
	border: 2px solid #FF2626;
	text-indent: 5px
}
#header .hLink2 a:hover {
	filter: alpha(opacity=70);
	opacity: .7
}
#header .hLink2 span {
	padding: 13px 0;
	display: block;
	background-color: #FF2626;
}
#gNavi {
	margin-top: 18px;
	width: 768px;
	float: right
}
#gNavi li {
	margin-right: 30px;
	display: inline-block
}
#gNavi li:last-child {
	margin-right: 0
}
#gNavi a {
	font-size: 16px;
	font-family: "DINEngschriftStd";
	letter-spacing: 4px
}
#gNavi a:hover {
	text-decoration: underline
}
#gNavi .active a {
	text-decoration: underline
}
#footer {
	overflow: hidden
}
#footer .fNavi {
	margin: 0 auto 149px;
	width: 1135px
}
#footer .fNavi li {
	margin-right: 10px;
	width: 178px;
	float: left
}
#footer .fNavi li a {
	font-size: 12px;
	display: inline-block;
	padding-bottom: 1px
}
#footer .fNavi li:last-child {
	margin-right: 0
}
#footer .fNavi .navi02 {
	width: 180px
}
#footer .fNavi .navi03 {
	width: 195px
}
#footer .fNavi .navi04 {
	width: 227px
}
#footer .fNavi .navi04 dl:first-child {
	margin-bottom: 56px
}
#footer .fNavi .navi05 {
	width: 154px
}
#footer .fNavi .navi06 {
	width: 150px
}
#footer .fNavi dt {
	margin-bottom: 49px;
	position: relative;
	font-size: 16px;
	font-family: "DINEngschriftStd";
	font-weight: normal;
	letter-spacing: 4px
}
#footer .fNavi dt:after {
	content: "";
	width: 6px;
	height: 2px;
	position: absolute;
	bottom: -15px;
	left: 0;
	background-color: #291400
}
#footer .fNavi dd {
	margin-bottom: 13px;
	font-size: 12px;
	line-height: 1.65;
	letter-spacing: 3px
}
#footer .fNavi dd a:hover {
	text-decoration: underline
}
#footer .fBox {
	padding-top: 120px;
	height: 435px;
	background: url(../img/common/fbox_bg.jpg) no-repeat center center;
	background-size: cover;
	box-sizing: border-box
}
#footer .fBox .fLogo {
	margin-bottom: 27px;
	text-align: center
}
#footer .fBox .copyright {
	font-size: 12px;
	font-family: "DINEngschriftStd";
	text-align: center;
	letter-spacing: 2.7px
}
#footer .fBtmBox .lBox {
	padding-top: 45px;
	width: 50%;
	float: left;
	background-color: #291400
}
#footer .fBtmBox .rBox {
	padding-top: 45px;
	width: 50%;
	float: right
}
#footer .fBtmBox ul {
	margin-bottom: 37px;
	text-align: center;
	font-size: 0
}
#footer .fBtmBox li {
	display: inline-block;
	font-size: 12px;
	letter-spacing: 3.5px
}
#footer .fBtmBox li a {
	margin: 0 18px
}
#footer .fBtmBox li a:hover {
	text-decoration: underline
}
#footer .fBtmBox .link {
	margin: 0 auto;
	width: 134px;
	font-size: 12px;
	text-align: center
}
#footer .fBtmBox .link a {
	padding: 10px 0 12px;
	display: block;
	color: #fff;
	letter-spacing: 4px;
	background-color: #291400
}
#footer .fBtmBox .link a:hover {
	filter: alpha(opaity=70);
	opacity: .7
}
#footer .fBtmBox .lBox li, #footer .fBtmBox .lBox li a {
	color: #fff
}
#footer .fBtmBox .lBox .link {
	background-color: #fff;
	padding: 10px 0 12px
}
#footer .fBtmBox .lBox .link a {
	color: #291400;
	background-color: #fff
}
.sp {
	display: none!important
}
.fw-en {
	font-family: "DINEngschriftStd"
}
#contactPopup {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: none;
	z-index: 9500;
	background-color: rgba(255,255,255,0.9)
}
#contactPopupin {
	position: absolute;
	width: 587px;
	height: 390px;
	margin-left: -293px;
	margin-top: -195px;
	left: 50%;
	top: 50%
}
#contactPopupin li {
	height: 108px;
	padding-bottom: 22px
}
#contactPopupin li a:hover {
	opacity: .7
}
#popupClose {
	position: absolute;
	right: 78px;
	top: 51px
}
#docRequest {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 9990;
}
#docRequest img{
	display: block;
}
#docRequest img:hover {
	opacity: 0.8;
}
@media all and (min-width:0) and (max-width:767px) {
#docRequest {
	bottom: 5px;
	right: 5px;
	transform:scale(0.8);
	transform-origin: right bottom;
}
#slide_right {
	margin-left:-430px !important;
}
.sp {
	display: block!important
}
.pc {
	display: none!important
}
body {
	min-width: inherit
}
#header {
	width: 100%;
	padding: 11px 22px 8px;
	position: fixed;
	background: #FFF;
	z-index: 110;
	box-sizing: border-box;
	top: 0;
}
#header .hBox {
	width: auto
}
#header h1 {
	position: relative;
	z-index: 100
}
#header h1 img {
	width: 60px;
	height: 28px
}
#header .hTtl {
	width: 100%;
	position: absolute;
	top: 4px;
	font-size: 11px;
	font-family: "DINEngschriftStd";
	letter-spacing: 2.5px;
	text-align: center;
	padding-top: 6px!important
}
#header .menu {
	padding: 10px;
	width: 31px;
	height: 30px;
	position: absolute;
	top: -2px;
	right: -9px;
	cursor: pointer;
	box-sizing: border-box
}
#header .menu span {
	margin-bottom: 2px;
	width: 100%;
	height: 2px;
	display: block;
	background-color: #291400;
	transition: all .35s ease;
	-webkit-transition: all .35s ease
}
#header .menu span:last-child {
	margin-bottom: 0
}
html.menuOpened #header .menu span:nth-child(1) {
	-webkit-transform: translate3d(0, 4px, 0) rotate(45deg);
	transform: translate3d(0, 4px, 0) rotate(45deg)
}
html.menuOpened #header .menu span:nth-child(3) {
	-webkit-transform: translate3d(0, -4px, 0) rotate(-45deg);
	transform: translate3d(0, -4px, 0) rotate(-45deg)
}
html.menuOpened #header .menu span:nth-child(2) {
	opacity: 0
}
.menuBox {
	width: 100%;
	height: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0);
	z-index: 100;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	transition: all .35s ease;
	-webkit-transition: all .35s ease;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
html.menuOpened, html.menuOpened body {
	height: 100%;
	overflow: hidden
}
html.menuOpened body {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	box-sizing: border-box
}
html.menuOpened #header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	box-sizing: border-box
}
html.menuOpened .menuBox {
	visibility: visible;
	height: 100%;
	background: rgba(255,255,255,1);
	transform: none;
	-webkit-transform: none
}
.menuBox .subMenuBox {
	padding-top: 60px;
	opacity: 0;
	transition: all .35s ease;
	-webkit-transition: all .35s ease;
	-webkit-transform: scale(1.1) translate3d(0, -24px, 0);
	transform: scale(1.1) translate3d(0, -24px, 0)
}
html.menuOpened .menuBox .subMenuBox {
	opacity: 1;
	transform: none;
	-webkit-transform: none
}
.menuBox .inner {
	margin: 0 auto;
	width: 276px
}
.menuBox .menuBoxTtl {
	margin-bottom: 26px;
	font-size: 19px;
	font-family: "DINEngschriftStd";
	font-weight: normal;
	letter-spacing: 4.5px
}
.menuBox .itemBox {
	margin-bottom: 14px;
	padding-bottom: 13px;
	border-bottom: 1px solid #dbdbdb
}
.menuBox .itemBox ul {
	margin-top: -5px;
	padding-left: 31%
}
.menuBox .itemBox li {
	padding: 6px 5px 5px 0;
	width: 92px;
	float: left;
	letter-spacing: 2px;
	line-height: 1.1
}
.menuBox .itemBox li:nth-child(2n) {
	margin-right: -10px;
	padding-right: 0;
	width: 92px
}
.menuBox .itemBox .liStyle01 {
	margin-right: -10px;
	width: 180px
}
.menuBox .itemBox .liStyle02 {
	margin-right: 0!important;
	padding-right: 0;
	width: 100%!important
}
.menuBox .itemBox .liStyle03 {
	letter-spacing: 2px
}
.menuBox .itemBox li a {
	color: #999;
	font-size: 12px
}
.menuBox .itemBox01 {
	margin-bottom: 0;
	padding-bottom: 30px;
	border-bottom: 0
}
.menuBox .hContact {
	padding-left: 31%
}
.menuBox .hContact .tel {
	margin-bottom: 2px;
	color: #999;
	font-size: 8px;
	letter-spacing: 1.5px
}
.menuBox .hContact .tel a {
	margin-right: 4px;
	font-size: 13px;
	font-family: "DINEngschriftStd";
	letter-spacing: 2px
}
.menuBox .hContact dl {
	margin-bottom: 10px;
	color: #999;
	font-size: 12px;
	line-height: 1.64;
	letter-spacing: 2px
}
.menuBox .hContact dl dt {
	float: left
}
.menuBox .hContact dl dd {
	padding-left: 27px
}
.menuBox .hContact .link {
	width: 144px;
	padding: 1px;
	font-size: 12px;
	border: 1px solid #01b5ff
}
.menuBox .hContact .link a {
	padding: 9px 0;
	display: block;
	color: #fff;
	letter-spacing: 3.5px;
	text-align: center;
	background-color: #01b5ff
}
.menuBox .itemTtl {
	margin-top: 5px;
	width: 31%;
	float: left;
	font-size: 13px;
	font-family: "DINEngschriftStd";
	font-weight: bold;
	letter-spacing: 3px
}
.menuBox .menuImg img {
	width: 100%
}
#main {
	width: auto;
	margin-bottom: 0;
	padding-bottom: 100px;
}
#footer {
	position: relative
}
#footer .pageTop {
	position: absolute;
	top: 0;
	right: 0
}
#footer .pageTop img {
	width: 30px
}
#footer .fBox {
	padding: 65px 0;
	height: inherit;
	min-height: 87px
}
#footer .fBox .fLogo img {
	width: 75px
}
#footer .fBox .copyright {
	font-size: 8px
}
#footer .fNavi {
	display: none
}
#footer .fBtmBox li {
	font-size: 8px;
	line-height: 3;
	letter-spacing: 1px
}
#footer .fBtmBox li a {
	margin: 0 6px
}
#footer .fBtmBox .lBox {
	padding-top: 15px;
	overflow: hidden
}
#footer .fBtmBox .lBox ul {
	margin-bottom: 8px;
	padding: 0 5px;
	min-height: 50px
}
#footer .fBtmBox .lBox .link a {
	padding: 5px 0 6px;
	letter-spacing: 0
}
#footer .fBtmBox .rBox {
	padding-top: 15px;
	overflow: hidden
}
#footer .fBtmBox ul {
	margin-bottom: 8px;
	padding: 0 5px;
	min-height: 65px
}
#footer .fBtmBox .link {
	width: 96px;
	display: block;
	font-size: 10px;
	-webkit-text-size-adjust: none
}
#footer .fBtmBox .link a {
	padding: 5px 0 6px;
	display: block;
	letter-spacing: -0.5px
}
#footer .fBtmBox .link a:hover {
	filter: alpha(opacity=100);
	opacity: 1
}
#contactPopupin {
	position: absolute;
	width: 80%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: 0
}
#contactPopupin li {
	padding-bottom: 15px;
	height: inherit
}
#contactPopupin li img {
	width: 100%
}
#contactPopupin li a:hover {
	opacity: .7
}
#popupClose {
	position: absolute;
	right: 30px;
	top: 30px;
	width: 10%
}
#popupClose img {
	width: 100%
}
}
#cover {
	position: fixed;
	top: 0;
	left: 0;
	background: #FFF;
	width: 100%;
	height: 100%;
	z-index: 10000
}
.scale {
	overflow: hidden
}
.scale .bg {
	transition: all .4s ease 0s
}
.scale:hover .bg {
	transform: scale(1.2)
}
@media all and (min-width:0) and (max-width:767px) {
.scale:hover .bg {
	transform: scale(1)
}
}
.headLine01 {
	font-size: 14px;
	letter-spacing: 5px;
	font-weight: normal
}
.headLine01 .en {
	margin-bottom: 20px;
	position: relative;
	display: block;
	font-family: "DINEngschriftStd";
	font-size: 47px;
	letter-spacing: 7px;
	line-height: 1.4
}
.headLine01 .en:after {
	content: "";
	width: 6px;
	height: 2px;
	position: absolute;
	bottom: -6px;
	left: 2px;
	background-color: #291400
}
@media all and (min-width:0) and (max-width:767px) {
.headLine01 {
	font-size: 10px;
	letter-spacing: 5px
}
.headLine01 .en {
	margin-bottom: 15px;
	font-size: 20px;
	letter-spacing: 3px;
	line-height: 1.4
}
.headLine01 .en:after {
	width: 3px;
	height: 1px;
	bottom: -6px;
	left: 2px
}
}
.headLine02 {
	font-size: 12px;
	letter-spacing: 5px;
	text-align: center
}
.headLine02 .en {
	margin-bottom: 18px;
	position: relative;
	display: block;
	font-family: "DINEngschriftStd";
	font-size: 30px;
	font-weight: normal;
	letter-spacing: 7px;
	line-height: 1.4
}
.headLine02 .en:after {
	content: "";
	margin-left: -3px;
	width: 6px;
	height: 2px;
	position: absolute;
	bottom: -7px;
	left: 50%;
	background-color: #291400
}
@media all and (min-width:0) and (max-width:767px) {
.headLine02 {
	font-size: 10px;
	letter-spacing: 3px
}
.headLine02 .en {
	margin-bottom: 15px;
	font-size: 20px;
	letter-spacing: 4px;
	line-height: 1.4
}
.headLine02 .en:after {
	margin-left: -2px;
	width: 3px;
	height: 1px;
	bottom: -5px
}
}
.headLine03 {
	position: relative;
	font-size: 30px;
	font-family: "DINEngschriftStd";
	font-weight: normal;
	letter-spacing: 7px
}
.headLine03:after {
	content: "";
	width: 6px;
	height: 2px;
	position: absolute;
	bottom: -14px;
	left: 0;
	background-color: #291400
}
@media all and (min-width:0) and (max-width:767px) {
.headLine03 {
	font-size: 15px;
	letter-spacing: 3.5px
}
.headLine03:after {
	width: 3px;
	height: 1px;
	bottom: -8px
}
}
.comBrandList {
	margin-left: 8px;
	text-align: center
}
.comBrandList li {
	margin: 0 37px;
	display: inline-block
}
@media all and (min-width:0) and (max-width:767px) {
.comBrandList {
	margin-left: 0;
	text-align: center
}
.comBrandList li {
	margin: 0 15px;
	position: relative
}
.comBrandList li img {
	width: auto;
	height: 44px
}
}
.comIntro {
	margin-bottom: 130px
}
.comIntro .imgBox {
	margin-bottom: 20px;
	background-color: #ebebeb
}
.comIntro .photoBox {
	position: relative;
	float: right
}
.comIntro .photoBox .ttl {
	display: block;
	position: absolute;
	bottom: 25px;
	right: 25px;
	color: #fff;
	font-size: 47px;
	font-family: "DINEngschriftStd";
	font-weight: normal;
	line-height: 1.41;
	letter-spacing: 11px
}
.comIntro .textBox {
	padding: 172px 0 0 91px;
	width: 200px;
	float: left
}
.comIntro .textBox .lead {
	margin-bottom: 38px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.81;
	letter-spacing: 6px
}
.comIntro .textBox .link {
	margin-left: 2px;
	font-size: 16px;
	font-family: "DINEngschriftStd";
	font-weight: normal;
	letter-spacing: 1.5px;
	padding-right: 32px;
	display: inline-block;
	background: url(../img/common/icon02.png) no-repeat right center
}
.comIntro .textBox .link .boxlink {
	display: block
}
.comIntro .textBox .link a:hover {
	filter: alpha(opacity=70);
	opacity: .7
}
.comIntro .txt {
	margin-left: 355px;
	color: #666;
	font-size: 16px;
	line-height: 1.875;
	letter-spacing: 6px
}
.comIntro01 .photoBox .ttl {
	color: #291400
}
@media all and (min-width:0) and (max-width:767px) {
.comIntro {
	margin-bottom: 0
}
.comIntro .imgBox {
	margin-bottom: 0;
	background: #FFF
}
.comIntro .photoBox {
	float: none
}
.comIntro .photoBox img {
	width: 100%
}
.comIntro .photoBox .ttl {
	margin-top: -40px;
	padding: 15px 15px 15px;
	width: 118px;
	display: block;
	bottom: inherit;
	right: inherit;
	left: 20px;
	top: 50%;
	color: #291400;
	font-size: 22px;
	line-height: 1.3;
	letter-spacing: 7px;
	background-color: #FFF;
	box-sizing: border-box
}
.comIntro .subBox {
	padding: 20px 20px
}
.comIntro .subBox .textBox {
	padding: 0;
	width: 115px
}
.comIntro .textBox .lead {
	margin-bottom: 17px;
	font-size: 10px;
	line-height: 1.81;
	letter-spacing: 3px;
	position: relative
}
.comIntro .textBox .lead:before {
	width: 3px;
	height: 1px;
	background: #291400;
	position: absolute;
	bottom: -7px;
	left: 0;
	content: ""
}
.comIntro .textBox .link {
	margin-left: 2px;
	font-size: 10px;
	letter-spacing: 1.5px;
	background-size: 9px
}
.comIntro .textBox .link a {
	padding-right: 15px;
	background-size: 9px 9px
}
.comIntro .textBox .link a:hover {
	filter: alpha(opacity=100);
	opacity: 1
}
.comIntro .subBox .rTxt {
	padding-left: 115px
}
.comIntro .subBox .txt {
	margin-left: 0;
	padding-left: 25px;
	font-size: 10px;
	line-height: 1.8;
	letter-spacing: 6px;
	border-left: 1px dotted #291400
}
}
.comNewsList {
	margin-top: -80px
}
.comNewsList li {
	margin: 80px 103px 0 0;
	width: 330px;
	float: left
}
.comNewsList li:nth-child(3n) {
	margin-right: 0
}
.comNewsList .inner {
	display: table;
	width: 100%
}
.comNewsList .photo {
	width: 120px;
	display: table-cell;
	background-image: url(../img/news/noimage.gif);
	background-position: center center;
	background-size: cover;
	height: 120px
}
.comNewsList dl {
	padding-left: 38px;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box
}
.comNewsList dt {
	position: relative;
	font-size: 16px;
	font-family: "DINEngschriftStd";
	line-height: 1.7
}
.comNewsList dd {
	font-size: 14px;
	line-height: 1.8
}
@media all and (min-width:0) and (max-width:767px) {
.comNewsList {
	margin-top: -20px
}
.comNewsList li {
	margin: 20px 0 0 0;
	width: 44%
}
.comNewsList li:nth-child(2n) {
	float: right
}
.comNewsList .inner {
	display: table;
	width: 100%
}
.comNewsList .photo {
	width: 60px;
	display: block;
	height: 60px
}
.comNewsList .photo img {
	width: 100%;
	height: 100%
}
.comNewsList dl {
	padding-left: 10px
}
.comNewsList dt {
	font-size: 10px;
	line-height: 1.5
}
.comNewsList dd {
	font-size: 10px;
	line-height: 1.7
}
}
.comLinks {
	font-size: 0;
	text-align: center
}
.comLinks li {
	margin: 0 7px 0 6px;
	width: 212px;
	display: inline-block
}
.comLinks a {
	padding: 13px 0 12px;
	display: block;
	font-size: 16px;
	border: 2px solid #291400;
	background-color: #fff
}
.comLinks a:hover, .comLinks .current-cat a {
	color: #fff;
	background-color: #291400
}
@media all and (min-width:0) and (max-width:767px) {
.comLinks li {
	margin: 0;
	width: 32%;
	float: left
}
.comLinks li:nth-child(3n-1) {
	margin: 0 2%
}
.comLinks a {
	padding: 5px 0 5px;
	font-size: 10px;
	border-width: 1px
}
.comLinks a:hover {
	color: #291400;
	background-color: #FFF
}
.comLinks .current-cat a:hover {
	color: #fff;
	background-color: #291400
}
}
.comRecruitList {
	margin-top: -88px
}
.comRecruitList li {
	margin: 88px 0 0 88px;
	width: 341px;
	float: right;
	position: relative
}
.comRecruitList li:first-child {
	width: 771px
}
.comRecruitList li:nth-child(3n+2) {
	margin-left: 0
}
.comRecruitList h2 {
	position: absolute;
	bottom: 23px;
	left: -30px;
	color: #fff;
	font-size: 57px;
	font-family: "DINEngschriftStd";
	font-weight: normal;
	letter-spacing: 13px;
	line-height: 1.31
}
.comRecruitList h2 .color {
	color: #291400
}
.comRecruitList .txtImg {
	position: absolute;
	top: 0;
	left: 0
}
@media all and (min-width:0) and (max-width:767px) {
.comRecruitList {
	margin-top: -25px;
	padding-bottom: 50px
}
.comRecruitList li {
	margin: 25px 0 0 8%;
	width: 28%
}
.comRecruitList li img {
	width: 100%
}
.comRecruitList li:first-child {
	width: 64%
}
.comRecruitList li:nth-child(3n+2) {
	margin-left: 0
}
.comRecruitList h2 {
	bottom: 5px;
	left: -10px;
	font-size: 15px;
	letter-spacing: 5px
}
}
.mainVisual {
	margin-bottom: 78px;
	position: relative;
	z-index: 3
}
.mainVisual .inner {
	margin-left: 32.92%;
	position: relative
}
.mainVisual .inner img {
	width: 100%
}
.mainVisual .inner h2 {
	position: absolute;
	top: 140px;
	left: -95px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 6px;
	line-height: 2.1;
	z-index: 10
}
.mainVisual .inner h2 .en {
	margin-bottom: 5px;
	display: block;
	position: relative;
	font-size: 60px;
	font-family: "DINEngschriftStd";
	line-height: 1.5;
	letter-spacing: 14px
}
.mainVisual .inner h2 .en:after {
	content: "";
	width: 6px;
	height: 2px;
	position: absolute;
	bottom: 4px;
	left: 3px;
	background-color: #291400
}
@media all and (min-width:0) and (max-width:767px) {
.mainVisual {
	margin-bottom: 28px
}
.mainVisual .link {
	margin-left: -43px;
	width: 86px;
	padding: 1px;
	position: absolute;
	top: -2px;
	left: 50%;
	border: 1px solid #fff;
	z-index: 10
}
.mainVisual .link a {
	padding: 6px 2px;
	display: block;
	color: #01b5ff;
	font-size: 9px;
	text-align: center;
	background-color: #fff
}
.mainVisual .inner {
	margin-left: 21.92%
}
.mainVisual .inner h2 {
	top: 70px;
	left: -48px;
	font-size: 9px;
	letter-spacing: 3px
}
.mainVisual .inner h2 .en {
	margin-bottom: 5px;
	font-size: 30px;
	letter-spacing: 7px
}
.mainVisual .inner h2 .en:after {
	width: 3px;
	height: 1px;
	bottom: 2px;
	left: 2px
}
}
.mainNavi {
	position: absolute;
	right: 132px;
	top: 214px;
	z-index: 100
}
.mainNavi.contactNavi {
	top: 70px
}
.mainNavi01 {
	top: 333px
}
.mainNavi li {
	margin-bottom: 9px;
	width: 291px
}
.mainNavi a {
	padding: 16px 30px 14px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: 6px;
	border: 2px solid #291400;
	background-color: #FFF
}
.mainNavi a:hover, .mainNavi .current a {
	color: #fff;
	background-color: #291400
}
.mainNavi .pd1 {
	padding: 7px 30px 5px
}
.comImgBoxL .photoBox {
	float: left
}
.comImgBoxL .textBox {
	margin-top: 98px;
	width: 418px;
	float: right
}
.comImgBoxL .headLine01 {
	margin-bottom: 38px
}
.comImgBoxL .headLine01 .en {
	margin-bottom: 18px;
	font-size: 30px;
	letter-spacing: 3px
}
.comImgBoxL .subTtl {
	font-size: 24px;
	font-weight: bold;
	line-height: 2.1
}
@media all and (min-width:0) and (max-width:767px) {
.comImgBoxL {
	position: relative
}
.comImgBoxL .headLine01 {
	margin-bottom: 0;
	position: absolute;
	top: 18%;
	left: 7%;
	font-size: 9px;
	letter-spacing: 3px;
	line-height: 2
}
.comImgBoxL .headLine01 .en {
	margin-bottom: 9px;
	font-size: 15px;
	letter-spacing: 1.8px
}
.comImgBoxL .photoBox {
	float: none
}
.comImgBoxL .photoBox img {
	width: 100%
}
.comImgBoxL .textBox {
	margin-top: 0;
	width: 100%;
	height: 100%;
	float: none;
	position: absolute;
	top: 0;
	left: 0
}
.comImgBoxL .subTtl {
	margin: 13.6% auto 0;
	padding: 4% 5% 3% 8%;
	width: 57.2%;
	font-size: 11px;
	line-height: 2.5;
	background-color: #fff;
	box-sizing: border-box
}
}
.comImgBoxR .photoBox {
	float: right
}
.comImgBoxR .textBox {
	margin-top: 137px;
	width: 418px;
	float: left
}
.comImgBoxR .headLine01 {
	margin-bottom: 48px;
	text-align: right
}
.comImgBoxR .headLine01 .en {
	margin-bottom: 18px;
	font-size: 30px;
	letter-spacing: 3px
}
.comImgBoxR .headLine01 .en:after {
	left: auto;
	right: 5px
}
.comImgBoxR .subTtl {
	font-size: 24px;
	font-weight: bold;
	line-height: 2.1;
	text-align: right
}
@media all and (min-width:0) and (max-width:767px) {
.comImgBoxR {
	position: relative
}
.comImgBoxR .headLine01 {
	margin-bottom: 0;
	position: absolute;
	top: 18%;
	left: 7%;
	text-align: left;
	font-size: 9px;
	letter-spacing: 3px;
	line-height: 2
}
.comImgBoxR .headLine01 .en {
	margin-bottom: 9px;
	font-size: 15px;
	letter-spacing: 1.8px
}
.comImgBoxR .headLine01 .en:after {
	right: auto;
	left: 2px
}
.comImgBoxR .photoBox {
	float: none
}
.comImgBoxR .photoBox img {
	width: 100%
}
.comImgBoxR .textBox {
	margin-top: 0;
	width: 100%;
	height: 100%;
	float: none;
	position: absolute;
	top: 0;
	left: 0
}
.comImgBoxR .subTtl {
	margin: 13.6% auto 0;
	padding: 4% 5% 3% 8%;
	width: 57.2%;
	font-size: 11px;
	text-align: left;
	line-height: 2.5;
	background-color: #fff;
	box-sizing: border-box
}
}
.comJobs {
	padding: 58px 0 0 97px;
	position: relative
}
.comJobs .headLine01 {
	position: absolute;
	top: 0;
	left: 13px;
	z-index: 10
}
.comJobs .headLine01 .en {
	margin-bottom: 16px;
	font-size: 30px;
	letter-spacing: 3px
}
.comJobs .jobList {
	margin-top: -30px
}
.comJobs .jobList li {
	margin: 30px 31px 0 0;
	width: 536px;
	float: left;
	position: relative
}
.comJobs .jobList li:nth-child(2n) {
	margin-right: 0
}
.comJobs .jobList li:last-child {
	margin-top: 82px
}
.comJobs .jobList li:last-child:after {
	content: "";
	position: absolute;
	top: -42px;
	left: 0;
	width: 6px;
	height: 2px;
	background-color: #291400
}
.comJobs .jobList .txt {
	padding: 18px 5px;
	width: 230px;
	position: absolute;
	top: 121px;
	left: 0;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 6px;
	background-color: #fff;
	box-sizing: border-box
}
.comJobs .jobList .txt1 {
	padding: 6px 5px
}
.comJobs .jobList .link {
	width: 230px;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	padding: 20px 5px;
	display: block;
	font-size: 20px;
	font-family: "DINEngschriftStd";
	letter-spacing: 2px;
	background-color: #fff
}
.comJobs .jobList a:hover .link {
	filter: alpha(opacity=70);
	opacity: .7
}
.comJobs .jobList .link span {
	padding-right: 36px;
	line-height: 20px;
	height: 20px;
	display: inline-block;
	background: url(../img/common/icon02.png) no-repeat right center
}
@media all and (min-width:0) and (max-width:767px) {
.comJobs {
	padding: 0
}
.comJobs .headLine01 {
	margin: 0 22px -29px;
	position: inherit;
	left: auto;
	font-size: 9px;
	letter-spacing: 2px;
	line-height: 2
}
.comJobs .headLine01 .en {
	margin-bottom: 8px;
	font-size: 15px;
	letter-spacing: 2px
}
.comJobs .headLine01 .en:after {
	bottom: -3px
}
.comJobs .jobList li {
	margin: 0 0 5px;
	width: 49%
}
.comJobs .jobList li:nth-child(2n) {
	float: right
}
.comJobs .jobList li:last-child {
	margin: 37px 0 0
}
.comJobs .jobList .txt {
	padding: 9px 5px;
	width: 73%;
	top: 60px;
	font-size: 10px;
	letter-spacing: normal
}
.comJobs .jobList .txt1 {
	padding: 4px 5px
}
.comJobs .jobList .link {
	width: 90px;
	padding: 8px 5px 7px;
	font-size: 12px;
	letter-spacing: 1px
}
.comJobs .jobList .link span {
	padding-right: 19px;
	background-size: 9px auto
}
.comJobs .jobList .link a:hover {
	filter: alpha(opacity=100);
	opacity: 1
}
.comJobs .jobList li:last-child:after {
	width: 3px;
	height: 1px;
	top: -21px;
	left: 23px
}
.comJobs .jobList img {
	width: 100%;
	height: auto
}
}
.pageNavi {
	font-size: 0;
	text-align: center
}
.pageNavi li {
	margin: 0 2px;
	display: inline-block
}
.pageNavi a {
	padding: 0 7px;
	font-size: 20px;
	font-family: "DINEngschriftStd"
}
.pageNavi a:hover, .pageNavi .current a {
	text-decoration: underline
}
.wp-pagenavi {
	clear: both;
	text-align: center
}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 0 7px;
	margin: 0 2px;
	display: inline-block;
	text-decoration: none;
	font-size: 20px;
	font-family: "DINEngschriftStd"
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	text-decoration: underline
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .pages {
	display: none
}
@media all and (min-width:0) and (max-width:767px) {
.pageNavi li {
	margin: 0
}
.pageNavi a {
	padding: 0 5px 0 6px;
	font-size: 12px
}
.pageNavi a:hover {
	text-decoration: none
}
.pageNavi .current a:hover {
	text-decoration: underline
}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 0 5px 0 6px;
	font-size: 12px
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	text-decoration: none
}
}
.txtGroupL .lBox {
	margin-right: 52px;
	width: 320px;
	float: left
}
.txtGroupL .midBox {
	width: 395px;
	float: left
}
.txtGroupL .rBox {
	width: 390px;
	float: right
}
.txtGroupL p {
	font-size: 16px;
	line-height: 2.375;
	letter-spacing: -0.2px
}
.txtGroupL .title {
	font-size: 18px;
	font-weight: bold;
	line-height: 2.22
}
@media all and (min-width:0) and (max-width:767px) {
.txtGroupL .lBox {
	margin: 0 0 14px;
	width: auto;
	float: none
}
.txtGroupL .midBox {
	width: auto;
	float: none
}
.txtGroupL .rBox {
	width: auto;
	float: none
}
.txtGroupL p {
	font-size: 12px
}
.txtGroupL .title {
	font-size: 12px
}
}
.txtGroupR .lBox {
	margin-right: 44px;
	width: 395px;
	float: left
}
.txtGroupR .midBox {
	width: 395px;
	float: left
}
.txtGroupR .rBox {
	width: 320px;
	float: right
}
.txtGroupR p {
	font-size: 16px;
	line-height: 2.375;
	letter-spacing: -0.2px
}
.txtGroupR .title {
	margin-bottom: 37px;
	font-size: 18px;
	font-weight: bold;
	line-height: 2.22;
	text-align: right
}
.txtGroupR .link {
	width: 267px;
	float: right;
	font-size: 16px;
	font-weight: bold
}
.txtGroupR .link a {
	padding: 13px 0 12px;
	display: block;
	text-align: center;
	border: 2px solid #291400
}
.txtGroupR .link a:hover {
	filter: alpha(opacity=40);
	opacity: .4
}
@media all and (min-width:0) and (max-width:767px) {
.txtGroupR .rBox {
	width: auto;
	float: none
}
.txtGroupR .lBox {
	margin-right: 0;
	width: auto;
	float: none
}
.txtGroupR .midBox {
	width: auto;
	float: none
}
.txtGroupR p {
	font-size: 12px
}
.txtGroupR .title {
	margin-bottom: 15px;
	font-size: 12px!important;
	text-align: left
}
.txtGroupR .link {
	margin: 14px auto 0;
	width: 165px;
	float: none;
	font-size: 10px
}
.txtGroupR .link a {
	padding: 6px 0;
	border: 1px solid #291400
}
}
.comSupport li {
	margin-right: 40px;
	width: 240px;
	height: 240px;
	float: left
}
.comSupport li:last-child {
	margin-right: 0
}
.comSupport .headLine01 {
	margin-top: -10px;
	line-height: 2
}
.comSupport .headLine01 .en {
	margin-bottom: 15px;
	font-size: 30px;
	letter-spacing: 2.5px
}
@media all and (min-width:0) and (max-width:767px) {
.comSupport .headLine01 {
	margin-top: 0;
	padding: 20px 0 0 20px;
	font-size: 9px;
	letter-spacing: 1px
}
.comSupport .headLine01 .en {
	font-size: 15px
}
.comSupport li {
	margin: 0 0 5px;
	width: 134px;
	height: 134px
}
.comSupport li:nth-child(2n) {
	float: right
}
.comSupport img {
	width: 100%
}
}
.comStepBox .ttlBox {
	width: 300px;
	float: left
}
.comStepBox .ttlBox .ttl {
	font-size: 24px;
	font-weight: bold;
	line-height: 2.1
}
.comStepBox .stepList {
	padding: 22px 0 0 84px;
	width: 706px;
	float: right;
	border-left: 1px solid #291400
}
.comStepBox .stepList li {
	padding-bottom: 10px;
	min-height: 155px;
	position: relative
}
.comStepBox .stepList li:last-child {
	padding-bottom: 0
}
.comStepBox .stepList .num {
	padding-top: 15px;
	width: 75px;
	height: 60px;
	position: absolute;
	left: -122px;
	top: -12px;
	color: #fff;
	font-size: 30px;
	font-family: "DINEngschriftStd";
	letter-spacing: 4px;
	text-align: center;
	background-color: #291400;
	z-index: 20
}
.comStepBox .stepList dt {
	margin-bottom: 7px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline
}
.comStepBox .stepList dd {
	font-size: 16px;
	line-height: 1.75
}
.comStepBox .stepList .mask1 {
	position: absolute;
	left: -92px;
	top: -28px;
	width: 20px;
	height: 20px;
	background-color: #fff;
	z-index: 10
}
.comStepBox .stepList .mask2 {
	position: absolute;
	top: 50px;
	left: -92px;
	width: 20px;
	height: 120px;
	background-color: #fff;
	z-index: 10
}
@media all and (min-width:0) and (max-width:767px) {
.comStepBox .ttlBox {
	margin-bottom: 24px;
	width: auto;
	float: none
}
.comStepBox .ttlBox .ttl {
	font-size: 12px
}
.comStepBox .stepList {
	margin-left: 18px;
	padding: 0 0 0 41px;
	width: auto;
	float: none
}
.comStepBox .stepList li {
	min-height: 93px
}
.comStepBox .stepList .num {
	padding: 9px 2px 0 3px;
	width: 37px;
	height: 37px;
	left: -60px;
	top: -6px;
	font-size: 15px;
	box-sizing: border-box
}
.comStepBox .stepList dt {
	font-size: 10px
}
.comStepBox .stepList dd {
	font-size: 10px;
	line-height: 2.375
}
.comStepBox .stepList .mask1 {
	left: -52px;
	top: -8px
}
.comStepBox .stepList .mask2 {
	height: 125px;
	top: 22px;
	left: -52px
}
}
#index #header {
	padding: 25px 0
}
#index #header .hLink {
	right: 5px;
	bottom: -76px
}
#index .mainSlider {
	position: relative;
/*	margin-bottom:130px;*/
}
#index .mainSlider #mainsubLogo {
	position: absolute;
	width: 100px;
	height: 102px;
	bottom: -35px;
	right: 30px;
	z-index: 9000
}
#index .mainSlider .scrollDown {
/*	width: 100px;*/
	position: absolute;
	bottom: 0px;
	left: 0;
	right:0;
	text-align: center;
	background-color:#fff;
	text-align:center;
	padding-top:7px;
	height:74px;
}
#index .mainSlider .scrollDown a {
	display: block;
	color: #fff;
	font-size: 10px;
	font-family: "DINEngschriftStd";
	font-weight: normal;
	letter-spacing: 2.5px;
	margin: 10px auto 0;
	width:100px;
}
#index .mainSlider .scrollDown span {
	margin-bottom: 8px;
	display: block;
	color: #291400
}
#index .mainSlider .ttlBox {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1150px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 10
}
#index .mainSlider .ttlBox.black p {
	color: #291400;
	text-shadow: -1px -1px 1px #FFF, -1px 0 1px #FFF, -1px 1px 1px #FFF, 0px -1px 1px #FFF, 0px 0 1px #FFF, 0px 1px 1px #FFF, 1px -1px 1px #FFF, 1px 0 1px #FFF, 1px 1px 1px #FFF
}
#index .mainSlider .ttlBox.black p.ttl:before {
	background: #291400
}
#index .mainSlider .ttlBox p {
	color: #FFF;
	font-size: 16px;
	letter-spacing: 5px;
	text-shadow: -1px -1px 1px #000, -1px 0 1px #000, -1px 1px 1px #000, 0px -1px 1px #000, 0px 0 1px #000, 0px 1px 1px #000, 1px -1px 1px #000, 1px 0 1px #000, 1px 1px 1px #000
}
#index .mainSlider .ttlBox .ttl {
	position: relative;
	font-family: "DINEngschriftStd";
	font-size: 60px;
	letter-spacing: 15px;
	margin-bottom: 20px
}
#index .mainSlider .ttlBox .ttl:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 10px;
	height: 2px;
	background: #FFF
}
.mainSlider .sp-slide img {
	transition: transform 4s linear;
	-webkit-transition: -webkit-transform 4s linear
}
.mainSlider .sp-selected img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}
#index .mainSlider .sp-buttons {
	padding: 32px 0 0 40px;
	width: 495px;
	height: 81px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #fff;
	box-sizing: border-box;
	text-align: left;
	z-index:2000;
}
.sp-button {
	width: 12px;
	height: 12px;
	margin-right: 13px;
	display: inline-block;
	background: url(../img/common/icon03.gif) no-repeat;
	cursor: pointer
}
.sp-selected-button {
	background: url(../img/common/icon03_over.gif) no-repeat
}
#index #main {
	margin: 0 auto;
	padding: 400px 0 203px;
	width: 1200px
}
#index .works {
	margin-bottom: 169px
}
#index .works h2 {
	margin-top: 333px;
	width: 217px;
	float: right;
	font-size: 47px;
	font-family: "DINEngschriftStd";
	font-weight: normal;
	line-height: .986;
	letter-spacing: 11px
}
#index .works .workList {
	float: left;
	width: 904px
}
#index .works .workList li {
	padding-left: 23px;
	float: left;
	text-align: center
}
#index .works .workList li:first-child {
	padding-left: 0
}
#index .works .workList .pic {
	margin-bottom: -49px;
	width: 100%;
	height: 421px;
	overflow: hidden
}
#index .works .workList .num {
	margin: 0 0 19px 8px;
	position: relative;
	font-family: "DINEngschriftStd";
	font-size: 100px;
	line-height: 1;
	letter-spacing: 6px
}
#index .works .workList .num:after {
	content: "";
	margin-left: -6px;
	position: absolute;
	bottom: -6px;
	left: 50%;
	width: 6px;
	height: 2px;
	background-color: #291400
}
#index .works .workList .text {
	font-weight: bold;
	letter-spacing: 5px
}
#index .know {
	margin-bottom: 138px
}
#index .know .headLine01 {
	margin-top: 192px;
	float: left
}
#index .know .itemList {
	margin: 0 0 179px 97px
}
#index .know .itemList li {
	margin-right: 31px;
	width: 536px;
	position: relative;
	float: left
}
#index .know .itemList li:nth-child(2n) {
	margin-right: 0
}
#index .know .itemList .tag {
	padding: 15px 0;
	width: 230px;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 7px;
	text-align: center;
	background-color: #fff;
	background-image: url(../img/common/icon02.png);
	background-position: 170px;
center;
	background-repeat: no-repeat
}
#index .know .itemList .info {
	padding: 16px 0 16px 53px;
	width: 162px;
	position: absolute;
	top: 106px;
	left: -14px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.81;
	letter-spacing: 6.5px;
	background: #fff url(../img/common/icon01.png) no-repeat left center；
}
#index .know .itemList .text {
	position: absolute;
	top: 123px;
	left: 62px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.81;
	letter-spacing: 6px
}
#index .know .itemList .item3 .text {
	top: 137px;
	color: #fff
}
#index .know .itemList .item4 .text {
	top: 137px
}
#index .know .itemList01 {
	margin: -30px 0 0 97px
}
#index .know .itemList01 li {
	margin-top: 30px
}
#index .know .itemList01 .tag {
	font-family: "DINEngschriftStd";
	font-weight: normal;
	letter-spacing: 2px
}
#index .brand {
	margin-bottom: 200px
}
#index .brand .headLine02 {
	margin-bottom: 57px
}
#index .brand .comBrandList {
	margin-bottom: 167px
}
.comBrandList a:hover {
	opacity: .4
}
#index .news {
	position: relative;
	margin-bottom: 203px
}
#index .news .comNewsList {
	margin-bottom: 102px
}
#index .news h2 {
	font-family: "DINEngschriftStd";
	font-size: 57px;
	position: absolute;
	right: 23px;
	bottom: 137px;
	line-height: 1.3;
	letter-spacing: 10px;
	font-weight: normal;
	height: 40px
}
@media all and (min-width:0) and (max-width:767px) {
#index #header {
	padding: 10px 22px 9px
}
#index .mainSlider .ttlBox {
	width: 80%;
	margin-top: -10px
}
#index .mainSlider .ttlBox p {
	font-size: 12px;
	letter-spacing: 3px
}
#index .mainSlider .ttlBox .ttl {
	font-size: 30px;
	letter-spacing: 7px;
	line-height: 1.2;
	margin: 0 0 20px
}
#index .mainSlider .ttlBox .ttl:before {
	width: 3px;
	height: 2px;
	bottom: -9px
}
#index .mainSlider .sp-buttons {
	padding: 10px 0;
	width: 35%;
	height: auto;
	text-align: center
}
#index .mainSlider .sp-button {
	width: 6px;
	height: 6px;
	margin: 0 3px 0 4px;
	background: url(../img/common/icon03.gif) no-repeat;
	background-size: 6px auto
}
#index .mainSlider .sp-selected-button {
	background: url(../img/common/icon03_over.gif) no-repeat;
	background-size: 6px auto
}
#index .mainSlider .topTxt {
	position: absolute;
	left: 25%;
	top: 0;
	z-index: 10;
	padding: 0 1px 1px;
	border: 1px solid #FFF;
	border-top: 0;
	box-sizing: border-box;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%)
}
#index .mainSlider .topTxt p {
	font-size: 9px;
	letter-spacing: 3px;
	background: #FFF;
	color: #01b5ff;
	padding: 7px 6px 5px
}
#index .mainSlider .topTxt p a {
	color:#14AD5E;
}
#index .mainSlider .topTxt2 {
	position: absolute;
	left: 75%;
	top: 0;
	z-index: 10;
	padding: 0 1px 1px;
	border: 1px solid #FF2626;
	border-top: 0;
	box-sizing: border-box;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width:150px;
}
#index .mainSlider .topTxt2 p {
	font-size: 9px;
	letter-spacing: 3px;
	background: #FF2626;
	color: #01b5ff;
	padding: 7px 6px 5px
}
#index .mainSlider .slider-pro {
	z-index: 5
}
#index .mainSlider .spScrollDown {
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%)
}
#index .mainSlider .spScrollDown span {
		font-size: 10px;
	font-family: "DINEngschriftStd";
	letter-spacing:0.3em;
}
#index #main {
	padding: 64px 0 0;
	width: auto
}
#index .works {
	margin-bottom: 60px
}
#index .works h2 {
	display: none
}
#index .works .workList {
	float: auto;
	width: auto
}
#index .works .workList li {
	margin-bottom: 25px;
	float: none;
	text-align: center;
	position: relative
}
#index .works .workList li:last-child {
	margin-bottom: 0
}
#index .works .workList li:first-child {
	padding: 0 0 0 13%
}
#index .works .workList li:nth-child(2n) {
	padding: 0 13% 0 0
}
#index .works .workList .pic {
	margin-bottom: 0;
	width: 100%;
	height: auto;
	overflow: hidden
}
#index .works .workList .pic img {
	width: 100%;
	height: auto
}
#index .works .workList .num {
	margin: 0;
	position: absolute;
	left: 7%;
	bottom: 5px;
	font-size: 50px;
	letter-spacing: 3px
}
#index .works .workList .num:after {
	margin-left: -6px;
	bottom: -3px;
	left: 50%;
	width: 3px;
	height: 1px
}
#index .works .workList .text {
	padding: 18px 30px 0;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	letter-spacing: 3px
}
#index .works .workList li:nth-child(2n) .text {
	text-align: right
}
#index .works .workList li:nth-child(2n) .num {
	right: 7%;
	left: auto
}
#index .know {
	margin-bottom: 78px
}
#index .know .subBox {
	padding-top: 105px;
	position: relative
}
#index .know .headLine01 {
	margin: 0;
	padding: 0;
	float: none;
	position: absolute;
	left: 25px;
	top: 45px;
	z-index: 10
}
#index .know .itemList {
	margin: 0 20px 10px 30px
}
#index .know .itemList li {
	margin: 0 0 20px;
	width: 100%
}
#index .know .itemList li:last-child {
	margin-bottom: 0
}
#index .know .itemList li img {
	width: 100%
}
#index .know .itemList li:nth-child(2n) {
	margin-right: 0
}
#index .know .itemList .tag {
	padding: 8px 0;
	width: 43%;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
	letter-spacing: 4px;
	box-sizing: border-box
}
#index .know .itemList .info {
	padding: 10px 0 10px 23px;
	margin-top: -20px;
	width: 40%;
	top: 50%;
	left: -8px;
	font-size: 10px;
	line-height: 1.81;
	letter-spacing: 3.5px;
	background-size: 15px 15px;
	box-sizing: border-box
}
#index .know .itemList .text {
	top: 1px;
	left: 20px;
	font-size: 10px;
	line-height: 1.81;
	letter-spacing: 3px
}
#index .know .itemList .item3 .text {
	top: 0
}
#index .know .itemList .item4 .text {
	top: 0
}
#index .know .itemList01 {
	margin: -5px 0 0
}
#index .know .itemList01 li {
	margin: 5px 0 0;
	width: 49%
}
#index .know .itemList01 li:nth-child(2n) {
	float: right
}
#index .know .itemList01 .tag {
	letter-spacing: 2px;
	width: 59%
}
#index .know .itemList01 .text {
	height: 100%
}
#index .know .itemList01 .text .sub, #index .know .itemList01 .text .sub {
	display: table;
	height: 100%;
	width: 100%
}
#index .know .itemList01 .text .sub .subIn, #index .know .itemList01 .text .sub .subIn {
	display: table-cell;
	vertical-align: middle;
	text-align: left
}
#index .brand {
	margin-bottom: 50px
}
#index .brand .topArea {
	margin-bottom: 60px;
	padding: 60px 10px 30px;
	position: relative;
	background: url(../img/index/sp_bg01.png) repeat-y left top;
	background-size: contain
}
#index .brand .headLine02 {
	position: absolute;
	width: 100%;
	left: 0;
	top: -15px;
	margin: 0
}
#index .brand .comBrandList {
	margin-bottom: 0
}
#index .brand .intro01 {
	margin-bottom: 0
}
#index .brand .intro01 .photoBox .ttl {
	color: #291400
}
#index .news {
	margin-bottom: 60px;
	padding: 65px 25px 20px;
	background: url(../img/index/sp_news_bg.gif) repeat-y left top;
	background-size: contain
}
#index .news h2 {
	margin: 0;
	right: 0;
	bottom: 0;
	top: -15px;
	letter-spacing: 5px;
	font-weight: normal;
	text-align: center;
	width: 100%;
	font-size: 10px
}
#index .news .comNewsList {
	margin-bottom: 30px
}
}
#about {
	margin: 0 auto;
	width: 1200px
}
#about .headLine03 {
	margin: 0 0 97px 116px;
	z-index: -1
}
#about .comImgBoxL {
	margin-bottom: 57px
}
#about .txtBox {
	margin: 0 134px 120px 113px
}
#about .txtBox .lBox {
	width: 445px;
	float: left
}
#about .txtBox .rBox {
	width: 445px;
	float: right
}
#about .txtBox p {
	font-size: 16px;
	line-height: 2.375
}
#about .scope {
	margin: 0 auto 95px;
	width: 766px
}
#about .scope .headLine01 {
	line-height: 2
}
#about .scope .headLine01 .en {
	margin-bottom: 15px;
	font-size: 30px;
	letter-spacing: 4px
}
#about .scope .textBox {
	margin-top: 156px;
	width: 310px;
	float: left
}
#about .scope .photoBox {
	float: right
}
@media all and (min-width:0) and (max-width:767px) {
#about {
	width: auto
}
#about .headLine03 {
	margin: 0 0 44px 24px
}
#about .comImgBoxL {
	margin-bottom: 18px
}
#about .txtBox {
	margin: 0 22px 19px
}
#about .txtBox .lBox {
	width: auto;
	float: none
}
#about .txtBox .rBox {
	width: auto;
	float: none
}
#about .txtBox p {
	font-size: 10px;
	line-height: 2.375
}
#about .scope {
	margin: 0 20px 38px;
	width: auto
}
#about .scope .textBox {
	margin-top: 0;
	float: none;
	width: auto
}
#about .scope .headLine01 {
	margin-bottom: 26px;
	font-size: 9px;
	letter-spacing: 3px
}
#about .scope .headLine01 .en {
	margin-bottom: 8px;
	font-size: 15px;
	letter-spacing: 2px
}
#about .scope .headLine01 .en:after {
	bottom: -4px
}
#about .scope .photoBox {
	text-align: center;
	float: none
}
#about .scope .photoBox img {
	width: 200px
}
}
#oneroom .innerBox {
	margin: 0 auto;
	width: 1200px
}
#oneroom .h3Ttl01 {
	margin: 0 auto 30px;
	padding-top: 2px;
	width: 970px;
	line-height: 1.33;
	z-index: -1
}
#oneroom .h3Ttl01:after {
	bottom: -7px
}
#oneroom .picScroll {
	margin-bottom: 66px;
	position: relative;
	z-index: -1
}
#oneroom .picScroll .foo {
	overflow: hidden
}
#oneroom .picScroll .foo li {
	float: left
}
#oneroom .h3Ttl02 {
	margin: 0 0 27px 18px;
	font-size: 24px;
	line-height: 2.1
}
#oneroom .h3Ttl03 {
	margin: 0 0 30px 18px;
	font-size: 16px;
	line-height: 2.3
}
#oneroom .h3Ttl03 .txt {
	margin-bottom: 45px;
	display: block;
	position: relative;
	font-size: 24px
}
#oneroom .h3Ttl03 .txt:after {
	content: "";
	width: 6px;
	height: 2px;
	position: absolute;
	bottom: -20px;
	left: 4px;
	background-color: #291400
}
#oneroom .h3Ttl04 {
	margin-bottom: 64px;
	font-size: 16px;
	text-align: center
}
#oneroom .h3Ttl04 .txt {
	margin-bottom: 50px;
	display: block;
	position: relative;
	font-size: 24px
}
#oneroom .h3Ttl04 .txt:after {
	content: "";
	margin-left: -3px;
	width: 6px;
	height: 2px;
	position: absolute;
	bottom: -24px;
	left: 50%;
	background-color: #291400
}
#oneroom .txtBox {
	margin: 0 15px 116px 20px
}
#oneroom .txtBox p {
	font-size: 16px;
	line-height: 2.375
}
#oneroom .txtBox .lBox {
	width: 550px;
	float: left
}
#oneroom .txtBox .rBox {
	width: 550px;
	float: right
}
#oneroom .demand {
	margin: 0 3px 145px 17px;
	position: relative
}
#oneroom .demand p {
	font-size: 16px;
	line-height: 2.375;
	letter-spacing: -0.1px
}
#oneroom .demand .text01 {
	margin-bottom: 33px
}
#oneroom .demand .lBox {
	width: 300px;
	float: left
}
#oneroom .demand .rBox {
	margin-top: -85px;
	width: 340px;
	float: right
}
#oneroom .demand .midBox {
	position: absolute;
	top: 0;
	left: 343px
}
#oneroom .merit {
	margin-bottom: 20px;
	width: 100%;
	height: 252px;
	display: table;
	background-color: #d9f0ff
}
#oneroom .merit01 {
	background-color: #d9f8ff
}
#oneroom .merit02 {
	background-color: #d9fffd
}
#oneroom .merit03 {
	background-color: #d9fff3
}
#oneroom .merit04 {
	background-color: #d9ffe5
}
#oneroom .merit05 {
	background-color: #efffd9
}
#oneroom .merit06 {
	background-color: #fffed9
}
#oneroom .merit07 {
	background-color: #fffed9
}
#oneroom .merit07 {
	background-color: #fff5d9
}
#oneroom .merit08 {
	background-color: #ffebd9;
	margin-bottom: 64px
}
#oneroom .merit09 {
	background-color: #ffded9
}
#oneroom .merit .lBox {
	width: 22.2%;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
	border-right: 1px solid #fff
}
#oneroom .merit .lBox p {
	margin: 0 auto;
	padding: 10px 60px 0 5px;
	width: 65px;
	position: relative;
	font-size: 10px;
	line-height: 1.2
}
#oneroom .merit .lBox p .txt {
	display: block;
	font-size: 24px;
	font-family: "DINEngschriftStd";
	letter-spacing: 5px
}
#oneroom .merit .lBox p .num {
	position: absolute;
	right: -3px;
	top: -3px;
	font-size: 60px;
	font-family: "DINEngschriftStd";
	letter-spacing: 3px;
	line-height: 1
}
#oneroom .merit .rBox {
	padding: 10px 55px 9px;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box
}
#oneroom .merit .rBox p {
	font-size: 16px;
	line-height: 2.375
}
#oneroom .merit .rBox .title {
	margin-bottom: 23px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5
}
#oneroom .btmLinks {
	margin-bottom: 175px;
	text-align: center;
	font-size: 0
}
#oneroom .btmLinks li {
	margin: 0 10px;
	width: 361px;
	display: inline-block
}
#oneroom .btmLinks a {
	padding: 13px 0 12px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border: 2px solid #291400
}
#oneroom .btmLinks a:hover {
	filter: alpha(opacity=70);
	opacity: .7
}
@media all and (min-width:0) and (max-width:767px) {
#oneroom .innerBox {
	width: auto
}
#oneroom .h3Ttl01 {
	margin: 0 0 24px 23px;
	width: auto
}
#oneroom .h3Ttl01:after {
	bottom: -4px
}
#oneroom .picScroll {
	margin-bottom: 26px
}
#oneroom .picScroll .foo img {
	height: 146px;
	width: auto
}
#oneroom .h3Ttl02 {
	margin: 0 20px 12px;
	font-size: 12px
}
#oneroom .txtBox {
	margin: 0 20px 28px
}
#oneroom .txtBox .lBox {
	width: auto;
	float: none
}
#oneroom .txtBox .rBox {
	width: auto;
	float: none
}
#oneroom .txtBox p {
	font-size: 12px
}
#oneroom .h3Ttl03 {
	margin: 0 0 8px 18px;
	font-size: 12px;
	line-height: 2.25
}
#oneroom .h3Ttl03 .txt {
	margin-bottom: 16px;
	font-size: 12px
}
#oneroom .h3Ttl03 .txt:after {
	width: 3px;
	height: 1px;
	bottom: -8px
}
#oneroom .demand {
	margin: 0 22px 35px
}
#oneroom .demand .midBox {
	margin-bottom: 25px;
	position: inherit;
	top: auto;
	left: auto;
	text-align: center
}
#oneroom .demand .midBox img {
	width: 223px
}
#oneroom .demand .lBox {
	width: auto;
	float: none
}
#oneroom .demand .rBox {
	margin-top: 0;
	width: auto;
	float: none
}
#oneroom .demand p {
	font-size: 12px;
	letter-spacing: normal
}
#oneroom .demand .text01 {
	margin-bottom: 0
}
#oneroom .h3Ttl04 {
	margin-bottom: 28px;
	font-size: 12px
}
#oneroom .h3Ttl04 .txt {
	margin-bottom: 18px;
	font-size: 12px
}
#oneroom .h3Ttl04 .txt:after {
	margin-left: -1px;
	width: 3px;
	height: 1px;
	bottom: -9px
}
#oneroom .merit {
	margin-bottom: 5px;
	height: 195px
}
#oneroom .merit .rBox {
	padding: 13px 25px 9px 30px
}
#oneroom .merit .rBox p {
	font-size: 12px
}
#oneroom .merit .rBox .title {
	margin-bottom: 12px;
	font-size: 12px
}
#oneroom .merit .lBox {
	width: 25%
}
#oneroom .merit .lBox p {
	padding: 0 0 0 10px;
	width: 40px
}
#oneroom .merit .lBox p .special {
	margin-right: -10px;
	font-size: 7px;
	letter-spacing: -1px
}
#oneroom .merit .lBox p .txt {
	margin-bottom: 2px;
	font-size: 12px;
	letter-spacing: 2px
}
#oneroom .merit .lBox p .num {
	position: inherit;
	top: auto;
	right: auto;
	font-size: 30px
}
#oneroom .merit08 {
	margin-bottom: 40px
}
#oneroom .btmLinks {
	margin: 0 auto 48px;
	width: 210px
}
#oneroom .btmLinks li {
	margin: 0 0 8px;
	width: auto;
	display: block
}
#oneroom .btmLinks li:last-child {
	margin-bottom: 0
}
#oneroom .btmLinks a {
	padding: 7px 5px 6px;
	font-size: 10px;
	letter-spacing: -0.5px;
	border: 1px solid #291400;
}
}
#news {
	margin: 0 auto;
	padding: 11px 0 154px;
	width: 1200px
}
#news.about {
	padding-top: 71px;
}
#news .comLinks {
	margin-bottom: 88px;
}
#news .comNewsList {
	margin-bottom: 78px;
}
#news .pageNavi, #news .wp-pagenavi {
	margin-bottom: 50px;
}
#news .comIntro01 {
	margin-bottom: 174px;
}
@media all and (min-width:0) and (max-width:767px) {
#news {
	padding: 8px 0 0;
	width: auto;
}
#news .comLinks {
	margin: 0 20px 12px;
}
#news .comNewsList {
	margin: 0 20px 18px;
}
#news .pageNavi {
	margin-bottom: 50px;
}
#news .comIntro01{
	margin-bottom: 0;
}
#news .comIntro01:last-of-type {
	margin-bottom: 50px;
}
}
#each {
	margin: 0 auto;
	padding-top: 3px;
	width: 1200px
}
#each h3 {
	margin-bottom: 44px;
	font-size: 16px;
	text-align: center;
}
#each h3 .txt {
	margin-bottom: 26px;
	padding: 2px 5px;
	position: relative;
	display: inline-block;
	font-size: 24px;
	background: url(../img/common/title_bg01.gif) repeat-x left bottom
}
#each h3 .txt:after {
	content: "";
	margin-left: -3px;
	width: 6px;
	height: 2px;
	position: absolute;
	bottom: -12px;
	left: 50%;
	background-color: #291400
}
#each h3 .date {
	display: block;
	font-family: "DINEngschriftStd"
}
#each .picBox {
	margin-bottom: 85px;
	position: relative;
	text-align: center
}
#each .picBox:after {
	content: "";
	margin-left: -3px;
	width: 6px;
	height: 2px;
	position: absolute;
	bottom: -46px;
	left: 50%;
	background-color: #291400
}
#each .txtBox {
	margin: 60px auto 118px;
	padding-left: 10px;
	width: 910px;
	position: relative
}
#each .txtBox img {
	max-width:100%;
	height:auto;
}
#each .txtBox:after {
	content: "";
	margin-left: -3px;
	width: 6px;
	height: 2px;
	position: absolute;
	bottom: -60px;
	left: 50%;
	background-color: #291400
}
#each .txtBox p {
	margin-bottom: 28px;
	font-size: 14px;
	line-height: 2;
	padding-top: 20px
}
#each .txtBox .last {
	margin-bottom: 0
}
@media all and (min-width:0) and (max-width:767px) {
#each {
	margin: 0 24px;
	padding-top: 0;
	width: auto
}
#each h3 {
	margin-bottom: 22px;
	font-size: 10px
}
#each h3 .txt {
	margin-bottom: 12px;
	font-size: 12px;
	background-size: auto 9px
}
#each h3 .txt:after {
	margin-left: -1px;
	width: 3px;
	height: 1px;
	bottom: -5px
}
#each .picBox {
	margin-bottom: 40px
}
#each .picBox img {
	width: 100%
}
#each .picBox:after {
	margin-left: -1px;
	width: 3px;
	height: 1px;
	bottom: -22px
}
#each .txtBox {
	margin-bottom: 50px;
	padding-left: 0;
	width: auto
}
#each .txtBox:after {
	margin-left: -1px;
	width: 3px;
	height: 1px;
	bottom: -30px
}
#each .txtBox p {
	margin-bottom: 15px;
	font-size: 12px
}
#each .comLinks {
	padding-bottom: 50px
}
}
#company {
	margin: 0 auto;
	width: 972px
}
#company .headLine03 {
	margin-bottom: 77px;
	z-index: -1
}
#company .tabBox table {
	width: 100%
}
#company .tabBox th, #company .tabBox td {
	padding-bottom: 40px;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	line-height: 2;
	letter-spacing: 5px
}
#company .tabBox th {
	width: 22.5%
}
#company .tabBox .text {
	margin-bottom: 12px;
	display: block
}
@media all and (min-width:0) and (max-width:767px) {
#company {
	margin: 0 20px;
	width: auto
}
#company .headLine03 {
	margin-bottom: 38px
}
#company .tabBox th, #company .tabBox td {
	padding-bottom: 16px;
	font-size: 12px;
	letter-spacing: 2px
}
#company .tabBox th {
	width: 30%
}
}
#history .innerBox {
	margin: 0 auto 97px;
	width: 1200px
}
#history .headLine03 {
	margin: 0 0 97px 114px;
	z-index: -1
}
#history .comImgBoxL {
	margin-bottom: 65px
}
#history .comImgBoxL .textBox {
	margin-top: -14px;
	width: 421px
}
#history .comImgBoxL .subTtl {
	margin-bottom: 40px
}
#history .comImgBoxL .headLine01 {
	margin-bottom: 0
}
#history .txtBox {
	margin: 0 auto 178px;
	width: 974px;
	font-size: 16px;
	line-height: 2.375;
	letter-spacing: -0.2px
}
#history .txtBox p {
	font-size: 16px;
	line-height: 2.375
}
#history .txtBox .lBox {
	width: 440px;
	float: left
}
#history .txtBox .rBox {
	padding-right: 26px;
	width: 440px;
	float: right
}
#history .history {
	margin: 0 50px 30px;
	position: relative
}
#history .headLine01 {
	font-size: 14px
}
#history .headLine01 .en {
	font-size: 30px;
	letter-spacing: 4px
}
#history .history .txtImg {
	position: absolute;
	top: 5px;
	left: 216px
}
#history .inner {
	padding-top: 34px;
	position: relative;
	text-align: center
}
#history .inner li {
	width: 450px;
	position: absolute;
	text-align: left
}
#history .inner li:nth-child(2n) {
	text-align: right
}
#history .inner .item01 {
	top: 34px;
	left: 602px
}
#history .inner .item02 {
	top: 205px;
	left: 52px
}
#history .inner .item03 {
	top: 377px;
	left: 602px
}
#history .inner .item04 {
	top: 545px;
	left: 52px
}
#history .inner .item05 {
	top: 717px;
	left: 602px
}
#history .inner .item06 {
	top: 884px;
	left: 52px
}
#history .inner .item07 {
	top: 1053px;
	left: 602px
}
#history .inner .item08 {
	top: 1221px;
	left: 52px
}
#history .inner .item09 {
	top: 1391px;
	left: 602px
}
#history .inner .item10 {
	top: 1560px;
	left: 52px
}
#history .inner .item11 {
	top: 1729px;
	left: 602px
}
#history .inner .item12 {
	top: 1900px;
	left: 52px
}
#history .inner .item13 {
	top: 2067px;
	left: 602px;
}
#history .inner .item14{
	top: 2240px;
	left: 52px;
}
#history .inner p {
	font-size: 16px;
	line-height: 1.75
}
#history .inner .title {
	margin-bottom: 10px;
	font-weight: bold;
	letter-spacing: 6px
}
#history .sales .h4Ttl01 {
	margin: 0 auto 16px;
	width: 1050px;
	font-size: 14px;
	font-weight: normal;
	line-height: 2;
	text-align: right;
	letter-spacing: 4px
}
#history .sales .h4Ttl01 .en {
	margin-bottom: 18px;
	display: block;
	position: relative;
	font-size: 30px;
	font-family: "DINEngschriftStd";
	font-weight: normal;
	letter-spacing: 3.5px;
	line-height: 1.3
}
#history .sales .h4Ttl01 .en:after {
	content: "";
	width: 6px;
	height: 2px;
	position: absolute;
	right: 3px;
	bottom: -9px;
	background-color: #291400
}
#history .sales .h4Ttl01 .txt {
	margin-top: 3px;
	display: block;
	font-size: 12px;
	letter-spacing: normal
}
#history .sales .saleList li {
	margin-bottom: 20px
}
@media all and (min-width:0) and (max-width:767px) {
#history .innerBox {
	margin-bottom: 90px;
	width: auto
}
#history .headLine03 {
	margin: 0 0 44px 24px
}
#history .comImgBoxL {
	margin-bottom: 18px
}
#history .comImgBoxL .textBox {
	margin-top: 0;
	width: 100%
}
#history .comImgBoxL .subTtl {
	margin-bottom: 0
}
#history .headLine01 {
	font-size: 9px
}
#history .headLine01 .en {
	font-size: 15px
}
#history .txtBox {
	margin: 0 23px 42px;
	width: auto;
	font-size: 12px
}
#history .txtBox .lBox {
	width: auto;
	float: none
}
#history .txtBox .rBox {
	padding-right: 0;
	width: auto;
	float: none
}
#history .txtBox p {
	font-size: 10px
}
#history .history {
	margin: 0 23px
}
#history .headLine01 {
	letter-spacing: 3px
}
#history .headLine01 .en {
	margin-bottom: 10px;
	letter-spacing: 2px
}
#history .history .txtImg {
	left: 30px;
	top: 59px
}
#history .history .txtImg img {
	width: 53px
}
#history .inner {
	margin: 0 auto;
	padding-top: 37px;
	width: 274px
}
#history .inner img {
	width: 15px
}
#history .inner li {
	width: 106px;
	font-size: 85%
}
#history .inner p {
	font-size: 10px
}
#history .inner .title {
	margin-bottom: 5px;
	letter-spacing: 2px
}
#history .inner .item01 {
	left: 164px;
	top: 38px
}
#history .inner .item02 {
	left: 6px;
	top: 123px
}
#history .inner .item03 {
	left: 164px;
	top: 209px
}
#history .inner .item04 {
	left: 6px;
	top: 291px
}
#history .inner .item05 {
	left: 164px;
	top: 378px
}
#history .inner .item06 {
	left: 6px;
	top: 462px
}
#history .inner .item07 {
	left: 164px;
	top: 547px
}
#history .inner .item08 {
	left: 6px;
	top: 632px
}
#history .inner .item09 {
	left: 164px;
	top: 717px
}
#history .inner .item10 {
	left: 6px;
	top: 802px
}
#history .inner .item11 {
	left: 164px;
	top: 887px
}
#history .inner .item12 {
	left: 6px;
	top: 970px
}
#history .inner .item13 {
	left: 164px;
	top: 1057px
}
#history .inner .item14 {
	left: 6px;
	top: 1137px
}
#history .sales .h4Ttl01 {
	margin: 0 23px 20px;
	width: auto;
	font-size: 9px;
	letter-spacing: 2px
}
#history .sales .h4Ttl01 .en {
	margin-bottom: 10px;
	font-size: 15px;
	letter-spacing: 2px
}
#history .sales .h4Ttl01 .en:after {
	width: 3px;
	height: 1px;
	bottom: -5px
}
#history .sales .h4Ttl01 .txt {
	margin-top: 0;
	font-size: 8px;
	letter-spacing: 1px
}
#history .sales .saleList li {
	margin-bottom: 9px
}
#history .sales .saleList p {
	margin: 0 0 5px 10px;
	color: #0c6087;
	font-size: 9px;
	font-weight: bold
}
#history .sales .saleList img {
	height: 30px
}
}
#message .headLine03 {
	margin: 0 auto 87px;
	width: 972px;
	z-index: 1
}
#message .topBox {
	margin-bottom: 123px
}
#message .topBox .inner {
	width: 63.3%;
	position: relative
}
#message .topBox .inner>img {
	width: 100%
}
#message .topBox .txtImg {
	position: absolute;
	top: 227px;
	right: -256px
}
#message .innerBox {
	margin: 0 auto;
	width: 974px
}
#message .innerBox h4 {
	margin-bottom: 46px;
	position: relative
}
#message .innerBox h4:after {
	content: "";
	width: 6px;
	height: 2px;
	position: absolute;
	bottom: -18px;
	left: 0;
	background-color: #291400
}
#message .innerBox h4 span {
	padding-right: 20px;
	display: inline-block;
	font-size: 24px;
	text-indent: -10px;
	letter-spacing: 10px;
	background: url(../img/common/title_bg01.gif) repeat-x left bottom
}
#message .innerBox .text01 {
	margin-bottom: 98px;
	font-size: 16px;
	line-height: 2.375
}
#message .innerBox .txtBox {
	margin-right: 20px
}
#message .innerBox .txtBox p {
	font-size: 16px;
	line-height: 2.375
}
#message .innerBox .txtBox .lBox {
	width: 450px;
	float: left
}
#message .innerBox .txtBox .rBox {
	width: 450px;
	float: right
}
@media all and (min-width:0) and (max-width:767px) {
#message .headLine03 {
	margin: 0 24px 44px;
	width: auto
}
#message .topBox {
	margin-bottom: 50px
}
#message .topBox .inner {
	padding-right: 22.7%;
	width: auto
}
#message .topBox .txtImg {
	width: 182px;
	top: 181px;
	right: 0
}
#message .topBox .txtImg img {
	width: 100%
}
#message .innerBox {
	margin: 0 24px;
	width: auto
}
#message .innerBox h4 {
	margin: 0 0 24px 10px
}
#message .innerBox h4:after {
	width: 3px;
	height: 1px;
	left: -7px;
	bottom: -10px
}
#message .innerBox h4 span {
	font-size: 12px;
	letter-spacing: 2px;
	background-size: auto 12px
}
#message .innerBox .text01 {
	margin-bottom: 28px;
	font-size: 12px
}
#message .innerBox .txtBox {
	margin-right: 0
}
#message .innerBox .txtBox p {
	font-size: 10px
}
#message .innerBox .txtBox .lBox {
	width: auto;
	float: none
}
#message .innerBox .txtBox .rBox {
	width: auto;
	float: none
}
}
#works {
	padding-top: 10px
}
#works .picScroll {
	position: relative;
	z-index: -1
}
#works .picScroll .foo {
	overflow: hidden
}
#works .picScroll .foo li {
	float: left
}
#works .innerBox {
	margin: 0 auto 151px;
	width: 1200px
}
#works .imgBoxL {
	margin: 0 17px 85px 0
}
#works .imgBoxL .photoBox {
	width: 600px;
	float: left
}
#works .imgBoxL .photoBox img {
	margin: -127px 0 0 -20px
}
#works .imgBoxL .textBox {
	margin-top: 150px;
	width: 440px;
	float: right
}
#works .imgBoxL p {
	font-size: 16px;
	line-height: 2.375
}
#works .imgBoxL .title {
	margin-bottom: 45px;
	position: relative;
	font-size: 30px;
	line-height: 1.93;
	font-weight: bold
}
#works .imgBoxL .title:after {
	content: "";
	width: 6px;
	height: 2px;
	position: absolute;
	bottom: -23px;
	left: 1px;
	background-color: #291400
}
#works .headLine01 {
	margin: 0 0 89px 56px
}
#works .headLine01 .en {
	margin-bottom: 16px;
	font-size: 30px;
	letter-spacing: 4px
}
#works .itemBox {
	margin: 0 0 52px 57px
}
#works .itemBox01 {
	margin-bottom: 67px
}
#works .itemBox .lBox {
	width: 536px;
	float: left;
	position: relative
}
#works .itemBox .lBox .tag {
	padding: 15px 0;
	width: 230px;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 6px;
	text-align: center;
	background-color: #fff
}
#works .itemBox .lBox .txt {
	padding: 16px 0 16px 52px;
	width: 163px;
	position: absolute;
	top: 164px;
	left: -14px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.81;
	letter-spacing: 5px;
	background: #fff url(../img/common/icon01.png) no-repeat left center
}
#works .itemBox .rBox {
	width: 597px;
	float: right
}
#works .itemBox .rBox p {
	font-size: 16px;
	line-height: 2.375
}
#works .itemBox .picList {
	margin: 0 -15px 4px 0
}
#works .itemBox .picList li {
	margin: 0 10px 10px 0;
	float: left
}
#works .brand {
	position: relative
}
#works .brand .colorBg {
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #f8f8f8
}
#works .brand .inner {
	margin: 0 auto;
	padding-bottom: 70px;
	width: 1200px;
	background-color: #f8f8f8
}
#works .brand .headLine02 {
	margin-bottom: 52px;
	position: relative;
	top: -20px
}
#works .brand .headLine02 .en {
	margin-bottom: 3px
}
#works .brand .headLine02 .en:after {
	height: 0
}
@media all and (min-width:0) and (max-width:767px) {
#works {
	padding-top: 38px
}
#works .picScroll .foo img {
	height: 146px;
	width: auto
}
#works .innerBox {
	margin-bottom: 47px;
	width: auto
}
#works .imgBoxL {
	margin: 0 0 24px
}
#works .imgBoxL .photoBox {
	margin-bottom: -45px;
	width: auto;
	float: none
}
#works .imgBoxL .photoBox img {
	margin: -177px 0 0;
	width: 100%
}
#works .imgBoxL .textBox {
	margin: 0 20px;
	width: auto;
	float: none
}
#works .imgBoxL p {
	font-size: 12px
}
#works .imgBoxL .title {
	margin-bottom: 11px;
	font-size: 12px
}
#works .imgBoxL .title:after {
	height: 0
}
#works .headLine01 {
	margin: 0 0 21px 19px;
	font-size: 9px;
	letter-spacing: 2px
}
#works .headLine01 .en {
	margin-bottom: 10px;
	font-size: 15px;
	letter-spacing: 2px
}
#works .headLine01 .en:after {
	bottom: -4px
}
#works .itemBox {
	margin: 0 10px 20px
}
#works .itemBox .lBox {
	margin-bottom: 5px;
	width: auto;
	float: none
}
#works .itemBox .lBox img {
	width: 100%
}
#works .itemBox .lBox .tag {
	padding: 7px 0 8px;
	width: 115px;
	font-size: 12px;
	letter-spacing: 2px
}
#works .itemBox .lBox .txt {
	width: 81px;
	padding: 9px 0 8px 27px;
	top: 82px;
	left: -7px;
	font-size: 12px;
	letter-spacing: 2px;
	background-size: 14px auto
}
#works .itemBox .rBox {
	margin-bottom: 5px;
	width: auto;
	float: none
}
#works .itemBox .picList {
	margin: 0 0 5px
}
#works .itemBox .picList li {
	margin: 0 2% 5px 0;
	width: 32%
}
#works .itemBox .picList li:nth-child(3n) {
	margin-right: 0
}
#works .itemBox .picList img {
	width: 100%
}
#works .itemBox .rBox p {
	font-size: 12px
}
#works .brand .inner {
	padding-bottom: 31px;
	width: auto;
	background: 0
}
#works .brand .colorBg {
	width: 81%;
	left: auto;
	right: 0;
	background-color: #f0f0f0
}
#works .brand .headLine02 {
	margin-bottom: 29px;
	top: -11px;
	font-size: 9px
}
#works .brand .headLine02 .en {
	margin-bottom: 10px;
	font-size: 15px
}
#works .brand .headLine02 .en:after {
	height: 1px;
	width: 3px
}
}
#qa {
	margin: 0 auto;
	padding-left: 20px;
	width: 1032px
}
#qa .headLine03 {
	margin-bottom: 73px;
	letter-spacing: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	z-index: -1
}
#qa .title {
	margin-bottom: 26px;
	color: #0472a8;
	font-size: 20px;
	font-weight: bold
}
#qa .qaList01 {
	margin-bottom: 66px
}
#qa .qaList li {
	margin-bottom: 1px
}
#qa .qaList .ttl {
	padding: 18px 30px 23px;
	position: relative;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	background-color: #0472a8;
	z-index: 10
}
#qa .qaList .ttl:hover {
	opacity: .4
}
#qa .qaList .ttl .icon {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 17px;
	right: -16px;
	background: url(../img/common/icon04.png) no-repeat
}
#qa .qaList .ttl.on .icon {
	background-image: url(../img/common/icon04_over.png)
}
#qa .qaList .txtBox {
	padding: 22px 30px 31px;
	display: none
}
#qa .qaList .txtBox p {
	font-size: 16px;
	line-height: 2.05
}
#qa .qaList .txtBox a {
	color: #0472a8;
	text-decoration: underline
}
#qa .qaList .txtBox a:hover {
	text-decoration: none
}
@media all and (min-width:0) and (max-width:767px) {
#qa {
	margin: 0 24px;
	padding: 5px 0 0;
	width: auto
}
#qa .headLine03 {
	margin-bottom: 36px;
	font-size: 12px
}
#qa .title {
	margin-bottom: 12px;
	font-size: 11px
}
#qa .qaList01 {
	margin-bottom: 28px
}
#qa .qaList .ttl {
	padding: 7px 15px 5px;
	font-size: 12px;
	line-height: 2.06
}
#qa .qaList .ttl .txt {
	padding-left: 1.5em;
	display: block;
	text-indent: -1.5em
}
#qa .qaList .ttl .icon {
	margin-top: -7px;
	width: 15px;
	height: 15px;
	top: 50%;
	right: -7px;
	background-size: 100% auto
}
#qa .qaList .txtBox {
	padding: 12px 14px 17px
}
#qa .qaList .txtBox p {
	font-size: 12px;
	line-height: 2.375
}
}
#privacypolicy {
	margin: 0 auto;
	width: 980px
}
#privacypolicy .headLine03 {
	margin-bottom: 63px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	letter-spacing: normal;
	z-index: -1
}
#privacypolicy .title {
	margin-bottom: 15px;
	color: #0472a8;
	font-size: 24px;
	font-weight: bold
}
#privacypolicy .text01 {
	margin-bottom: 33px;
	font-size: 16px
}
#privacypolicy .policyList .ttl {
	margin-bottom: 4px;
	color: #0472a8;
	font-size: 20px;
	font-weight: bold
}
#privacypolicy .policyList {
	font-size: 16px;
	line-height: 2.375
}
#privacypolicy .policyList>li {
	margin-bottom: 35px
}
#privacypolicy .policyList .subList>li {
	padding-left: 2.5em;
	text-indent: -2.5em
}
#privacypolicy .policyList .subList ul {
	margin-left: 40px
}
#privacypolicy .policyList .dlList {
	padding: 38px 0 38px 3px
}
#privacypolicy .policyList .dlList a {
	color: #0472a8;
	text-decoration: underline
}
#privacypolicy .policyList .dlList a:hover {
	text-decoration: none
}
#privacypolicy .policyList .dlList dd {
	margin-left: 20px
}
#privacypolicy .policyList .subList .list01 {
	margin-left: 58px
}
#privacypolicy .text02 {
	padding-top: 3px;
	font-size: 16px;
	line-height: 2.375
}
@media all and (min-width:0) and (max-width:767px) {
#privacypolicy {
	margin: 0 24px;
	padding-top: 5px;
	width: auto
}
#privacypolicy .headLine03 {
	margin-bottom: 36px;
	font-size: 12px
}
#privacypolicy .title {
	margin-bottom: 6px;
	font-size: 12px
}
#privacypolicy .text01 {
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 2.4
}
#privacypolicy .policyList {
	font-size: 12px
}
#privacypolicy .policyList>li {
	margin-bottom: 17px
}
#privacypolicy .policyList .ttl {
	font-size: 12px
}
#privacypolicy .policyList .subList ul {
	margin-left: 0;
}
#privacypolicy .policyList .subList ul li {
	text-indent: -1em
}
#privacypolicy .policyList .dlList {
	padding: 19px 0 20px 3px
}
#privacypolicy .policyList .dlList dd {
	margin-left: 0;
	text-indent: -1.5em
}
#privacypolicy .policyList .subList .list01 {
	margin-left: 15px
}
#privacypolicy .text02 {
	padding-top: 0;
	font-size: 12px
}
}
#salespolicy {
	margin: 0 auto;
	width: 980px
}
#salespolicy .headLine03 {
	margin-bottom: 55px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	letter-spacing: normal;
	z-index: -1
}
#salespolicy .txtList {
	margin-bottom: 85px
}
#salespolicy .txtList01 {
	margin-bottom: 96px
}
#salespolicy .txtList li {
	margin-bottom: 35px
}
#salespolicy .txtList li:last-child {
	margin-bottom: 0
}
#salespolicy .txtList p {
	font-size: 16px;
	line-height: 2.375
}
#salespolicy .txtList .title {
	margin-bottom: 4px;
	color: #0472a8;
	font-size: 20px;
	font-weight: bold
}
#salespolicy .h3Ttl01 {
	margin-bottom: 65px
}
#salespolicy .h3Ttl02 {
	margin-bottom: 64px
}
#salespolicy .text01 {
	margin-bottom: 25px;
	font-size: 16px
}
#salespolicy .text02 {
	margin-bottom: 19px;
	color: #0472a8;
	font-size: 20px;
	font-weight: bold
}
#salespolicy .text03 {
	margin-bottom: 15px;
	font-size: 16px
}
#salespolicy .txtList02 {
	color: #0472a8;
	font-size: 20px;
	line-height: 2.4;
	font-weight: bold
}
@media all and (min-width:0) and (max-width:767px) {
#salespolicy {
	margin: 0 24px;
	padding-top: 6px;
	width: auto
}
#salespolicy .headLine03 {
	margin-bottom: 31px;
	font-size: 12px
}
#salespolicy .txtList {
	margin-bottom: 27px
}
#salespolicy .txtList li {
	margin-bottom: 18px
}
#salespolicy .txtList p {
	font-size: 12px
}
#salespolicy .txtList .title {
	font-size: 12px
}
#salespolicy .text01 {
	font-size: 12px
}
#salespolicy .text02 {
	font-size: 12px
}
#salespolicy .text03 {
	font-size: 12px
}
#salespolicy .txtList02 {
	font-size: 12px;
	line-height: 2.1
}
#salespolicy .txtList02 li {
	padding-left: 1.5em;
	text-indent: -1.5em
}
}
#access {
	margin: 0 auto;
	padding-top: 11px;
	width: 1200px
}
#access .mapBox {
	width: 709px;
	height: 554px;
	float: left;
	background-color: #291400
}
#access .rBox {
	margin-top: 174px;
	width: 421px;
	float: right
}
#access .rBox h3 {
	margin-bottom: 60px;
	font-size: 24px;
	line-height: 2.1
}
#access .rBox .dlList {
	margin-bottom: 43px
}
#access .rBox .dlList dt {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold
}
#access .rBox .dlList dd {
	font-size: 16px;
	line-height: 2.375
}
#access .rBox .infoList {
	font-size: 16px;
	line-height: 2.375
}
#access .rBox .infoList li {
	margin-bottom: 38px
}
#access .rBox .infoList li:last-child {
	margin-bottom: 0
}
#access .rBox .infoList span {
	font-weight: bold
}
@media all and (min-width:0) and (max-width:767px) {
#access {
	padding-top: 5px;
	width: auto
}
#access .mapBox {
	margin-bottom: 22px;
	width: 89.3%;
	height: 182px;
	float: none
}
#access .mapBox iframe {
	width: 100%;
	height: 100%
}
#access .rBox {
	margin: 0 24px;
	width: auto;
	float: none
}
#access .rBox h3 {
	margin-bottom: 30px;
	font-size: 12px;
	position: relative
}
#access .rBox h3:after {
	content: "";
	width: 3px;
	height: 1px;
	position: absolute;
	bottom: -12px;
	left: 0;
	background-color: #291400
}
#access .rBox .dlList {
	margin-bottom: 15px
}
#access .rBox .dlList dt {
	margin-bottom: 11px;
	font-size: 12px
}
#access .rBox .dlList dd {
	font-size: 12px
}
#access .rBox .infoList {
	font-size: 12px
}
#access .rBox .infoList li {
	margin-bottom: 0;
	padding-right: 15px;
	width: 50%;
	float: left;
	box-sizing: border-box
}
}
#development .innerBox {
	margin: 0 auto;
	width: 1200px
}
#development .headLine03 {
	margin: 0 0 97px 115px;
	z-index: -1
}
#development .comImgBoxL {
	margin-bottom: 65px
}
#development .comImgBoxL .textBox {
	margin-top: 140px
}
#development .txtGroupL {
	margin-bottom: 128px
}
#development .appeal {
	margin-bottom: 165px
}
#development .appeal .lBox {
	width: 300px;
	float: left
}
#development .appeal .headLine01 {
	font-size: 14px;
	line-height: 2
}
#development .appeal .headLine01 .en {
	margin-bottom: 13px;
	font-size: 30px;
	letter-spacing: 2px
}
#development .appeal .listUl {
	margin-top: -44px;
	width: 827px;
	float: right
}
#development .appeal .listUl li {
	margin: 52px 10px 0 0;
	width: 270px;
	float: left
}
#development .appeal .listUl li:nth-child(3n) {
	margin-right: 0;
	width: 250px
}
#development .appeal .listUl dt {
	padding-top: 7px;
	width: 58px;
	height: 51px;
	float: left;
	color: #fff;
	font-size: 30px;
	font-family: "DINEngschriftStd";
	text-align: center;
	letter-spacing: 3px;
	background-color: #291400
}
#development .appeal .listUl dd {
	padding: 12px 0 0 85px;
	font-size: 24px;
	font-weight: bold
}
#development .appeal .listUl dd span {
	border-bottom: 2px solid #291400
}
#development .comImgBoxR {
	margin-bottom: 57px
}
#development .txtGroupR {
	margin-bottom: 200px
}
#development .brand {
	margin-bottom: 166px;
	position: relative
}
#development .brand .colorBg {
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #f8f8f8
}
#development .brand .inner {
	margin: 0 auto;
	padding-bottom: 70px;
	width: 1200px;
	background-color: #f8f8f8
}
#development .brand .headLine02 {
	margin-bottom: 52px;
	position: relative;
	top: -20px
}
#development .brand .headLine02 .en {
	margin-bottom: 3px
}
#development .brand .headLine02 .en:after {
	height: 0
}
@media all and (min-width:0) and (max-width:767px) {
#development .innerBox {
	width: auto
}
#development .headLine03 {
	margin: 0 0 44px 23px
}
#development .comImgBoxL {
	margin-bottom: 21px
}
#development .comImgBoxL .textBox {
	margin-top: 0
}
#development .comImgBoxL .headLine01 {
	top: 15%
}
#development .comImgBoxL .subTtl {
	margin-top: 16.6%;
	text-align: center
}
#development .txtGroupL {
	margin: 0 24px 28px
}
#development .appeal {
	margin: 0 25px 36px
}
#development .appeal .lBox {
	margin-bottom: 18px;
	width: auto;
	float: none
}
#development .appeal .listUl {
	margin-top: 0;
	width: auto;
	float: none
}
#development .appeal .headLine01 {
	font-size: 9px;
	letter-spacing: 2px
}
#development .appeal .headLine01 .en {
	margin-bottom: 8px;
	font-size: 15px
}
#development .appeal .headLine01 .en:after {
	bottom: -4px
}
#development .appeal .listUl {
	margin-top: -27px
}
#development .appeal .listUl li {
	margin: 27px 0 0;
	width: 50%
}
#development .appeal .listUl li:nth-child(3n) {
	width: 50%
}
#development .appeal .listUl dt {
	padding-top: 6px;
	width: 29px;
	height: 23px;
	font-size: 15px
}
#development .appeal .listUl dd {
	padding: 5px 0 0 40px;
	font-size: 12px
}
#development .appeal .listUl dd span {
	border-bottom: 1px solid #291400
}
#development .comImgBoxR01 .subTtl {
	padding: 6% 15% 5%
}
#development .comImgBoxR {
	margin-bottom: 22px
}
#development .txtGroupR {
	margin: 0 24px 60px
}
#development .brand {
	margin-bottom: 60px
}
#development .brand .inner {
	padding-bottom: 31px;
	width: auto;
	background: 0
}
#development .brand .colorBg {
	width: 81%;
	left: auto;
	right: 0;
	background-color: #f0f0f0
}
#development .brand .headLine02 {
	margin-bottom: 29px;
	top: -11px;
	font-size: 9px
}
#development .brand .headLine02 .en {
	margin-bottom: 10px;
	font-size: 15px
}
#development .brand .headLine02 .en:after {
	height: 1px;
	width: 3px
}
}
#distribution {
	margin: 0 auto;
	width: 1200px
}
#distribution .headLine03 {
	margin: 0 0 55px 115px;
	z-index: -1
}
#distribution .comImgBoxL01 {
	position: relative;
	z-index: -1
}
#distribution .comImgBoxL01 .photoBox img {
	margin-left: -18px
}
#distribution .comImgBoxL01 .photoBox {
	margin-bottom: -222px
}
#distribution .comImgBoxL01 .textBox {
	margin-top: 182px
}
#distribution .txtGroupL {
	margin-bottom: 127px
}
#distribution .comImgBoxL02 {
	margin-bottom: 30px
}
#distribution .comImgBoxL02 .textBox {
	margin-top: 210px
}
#distribution .subBox {
	margin-bottom: 132px
}
#distribution .subBox .lBox {
	width: 564px;
	float: left
}
#distribution .subBox .rBox {
	width: 555px;
	float: right
}
#distribution .subBox .title {
	margin-bottom: 37px;
	font-size: 18px;
	font-weight: bold;
	line-height: 2.22
}
#distribution .subBox .picList {
	width: 242px;
	float: left
}
#distribution .subBox .picList li:first-child {
	margin-bottom: 18px
}
#distribution .subBox .textBox {
	margin-top: -13px;
	width: 280px;
	float: right;
	font-size: 16px;
	line-height: 2.375
}
#distribution .comImgBoxR {
	margin-bottom: 53px
}
#distribution .comImgBoxR .textBox {
	margin-top: 251px
}
#distribution .comImgBoxR .headLine01 {
	margin-bottom: 0
}
#distribution .txtGroupL01 {
	margin: 0 0 156px 60px
}
#distribution .txtGroupL01 .lBox {
	width: 280px
}
@media all and (min-width:0) and (max-width:767px) {
#distribution {
	width: auto
}
#distribution .headLine03 {
	margin: 0 0 0 24px
}
#distribution .comImgBoxL {
	margin: 0 24px
}
#distribution .comImgBoxL01 .textBox {
	margin-top: 0;
	height: auto;
	width: auto;
	top: 85px
}
#distribution .comImgBoxL01 .headLine01 {
	margin-bottom: 14px;
	position: initial;
	left: auto;
	top: auto
}
#distribution .comImgBoxL01 .subTtl {
	margin: 0 0 17px;
	padding: 0;
	width: auto;
	background: 0
}
#distribution .comImgBoxL01 .txt {
	font-size: 10px;
	line-height: 2.5
}
#distribution .comImgBoxL01 .photoBox {
	margin: 0 -13px -47px -17px
}
#distribution .comImgBoxL01 .photoBox img {
	margin: -28px 0 0
}
#distribution .txtGroupL {
	margin: 0 24px 32px
}
#distribution .txtGroupL02 .lBox {
	margin: 0 0 0 10px;
	width: 85px;
	float: right
}
#distribution .comImgBoxL02 {
	margin: 0 0 19px
}
#distribution .comImgBoxL02 .textBox {
	margin-top: 0
}
#distribution .comImgBoxL02 .headLine01 {
	top: 27%
}
#distribution .subBox {
	margin: 0 24px 38px
}
#distribution .subBox .lBox {
	margin-bottom: 22px;
	width: auto;
	float: none
}
#distribution .subBox .rBox {
	width: auto;
	float: none
}
#distribution .subBox .title {
	margin-bottom: 19px;
	font-size: 12px;
	line-height: 2.5
}
#distribution .subBox .picList {
	width: 44.5%
}
#distribution .subBox .picList li:first-child {
	margin-bottom: 8px
}
#distribution .subBox .picList img {
	width: 100%
}
#distribution .subBox .textBox {
	margin-top: -5px;
	width: 47%;
	font-size: 12px;
	line-height: 2.375
}
#distribution .subBox .rBox .picList {
	float: right
}
#distribution .subBox .rBox .textBox {
	float: left
}
#distribution .comImgBoxR {
	margin-bottom: 20px
}
#distribution .comImgBoxR .textBox {
	margin-top: 0
}
#distribution .comImgBoxR .headLine01 {
	top: 34%;
	color: #fff
}
#distribution .comImgBoxR .headLine01 .en:after {
	background-color: #fff
}
}
#index .bgOut {
	position: relative
}
#index .bgBox {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../img/index/main_bg01.gif);
	transition: opacity 1s linear;
	-webkit-transition: opacity 1s linear
}
#index .bgBox.hide {
	visibility: hidden
}
#index .bgBox.on {
	opacity: 1
}
#index .bgBox.bg02 {
	background-image: url(../img/index/main_bg02.gif)
}
#index .bgBox.bg03 {
	background-image: url(../img/index/main_bg03.gif)
}
#index .bgBox.bg04 {
	background-image: url(../img/index/main_bg04.gif)
}
@media screen and (min-width:767px) {
.ef {
	opacity: 0;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s
}
.efs {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0)
}
}
.bgSlider {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}
.bgSlider>div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 8;
	background-repeat: no-repeat;
	background-position: center top;
	opacity: 0;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease
}
.bgSlider>div.active {
	opacity: 1;
	z-index: 10
}
.bgSlider>div.last-active {
	z-index: 9
}
.bgSlider .bg01 {
	background-image: url(../img/index/main_bg01.gif)
}
.bgSlider .bg02 {
	background-image: url(../img/index/main_bg02.gif)
}
.bgSlider .bg01s {
	background-image: url(../img/common/page_bg01.gif)
}
.bgSlider .bg02s {
	background-image: url(../img/common/page_bg02.gif)
}
.mainVisual .inner.change .imgW {
	overflow: hidden
}
.mainVisual .inner.change img {
	transition: all 10s ease 0s;
	transform: scale(1.1)
}
@media all and (min-width:0) and (max-width:767px) {
#index .bgBox {
	background-size: 100% auto
}
.bgSlider>div {
	background-size: 100% auto
}
.bgSlider .bg01 {
	background-image: url(../img/common/page_bg01_sp.jpg)
}
.bgSlider .bg02 {
	background-image: url(../img/common/page_bg02_sp.jpg)
}
.bgSlider .bg01s {
	background-image: url(../img/common/page_bg01_sp.jpg)
}
.bgSlider .bg02s {
	background-image: url(../img/common/page_bg02_sp.jpg)
}
#index .bgBox.bg01 {
	background-image: url(../img/common/page_bg01_sp.jpg)
}
#index .bgBox.bg02 {
	background-image: url(../img/common/page_bg02_sp.jpg)
}
}
#contact_index {
	margin: 0 auto;
	width: 1200px
}
#contact_index .section01 {
	margin-bottom: 48px
}
#contact_index .section01 .photoBox {
	float: left
}
#contact_index .section01 .textBox {
	float: right;
	padding-top: 115px;
	width: 420px
}
#contact_index .section01 .textBox h3 {
	margin-bottom: 38px;
	color: #333;
	font-size: 24px;
	line-height: 1.9
}
#contact_index .section01 .textBox p a {
	padding: 21px 31px 20px 34px;
	width: 112px;
	font-size: 16px;
	line-height: 1.75;
	border: 2px solid #291400;
	display: block
}
#contact_index .section01 .textBox p a:hover {
	opacity: .4
}
#contact_index .section02 {
	margin-bottom: 18px
}
#contact_index .section02 h3 {
	float: left;
	width: 200px;
	color: #333;
	font-size: 18px;
	line-height: 1.9
}
#contact_index .section02 .textBox {
	float: right;
	width: 847px
}
#contact_index .section02 .textBox .link {
	margin-bottom: 50px;
	width: 499px;
	color: #fff;
	font-size: 16px;
	text-align: center
}
#contact_index .section02 .textBox .link a {
	display: block;
	padding: 23px;
	color: #fff;
	background-color: #277ca7
}
#contact_index .section02 .textBox .link a:hover {
	opacity: .4
}
#contact_index .section02 .textBox p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 2.4
}
#contact_index .section03 {
	margin-bottom: 90px
}
#contact_index .section03 .reason {
	margin-bottom: 60px;
	padding: 65px 0;
	position: relative;
	background: url(../img/contact/index/bg02.gif) repeat-y left top
}
#contact_index .section03 .reason:before {
	width: 1200px;
	height: 1px;
	background: url(../img/contact/index/bg01.gif) no-repeat left top;
	position: absolute;
	top: 0;
	left: 0;
	content: ""
}
#contact_index .section03 .reason:after {
	width: 1200px;
	height: 1px;
	background: url(../img/contact/index/bg03.gif) no-repeat left top;
	position: absolute;
	bottom: 0;
	left: 0;
	content: ""
}
#contact_index .section03 .reason h3 {
	margin-bottom: 50px;
	color: #0472a8;
	font-size: 18px;
	text-align: center
}
#contact_index .section03 .reason ul {
	margin: 0 auto;
	padding-left: 19px;
	width: 1017px
}
#contact_index .section03 .reason li {
	float: left;
	padding: 45px 0 30px;
	margin: 0 19px 19px 0;
	width: 320px;
	background: #0472a8
}
#contact_index .section03 .reason li p {
	padding: 0 29px;
	color: #fff;
	font-size: 16px;
	line-height: 2.4
}
#contact_index .section03 .reason li .title {
	margin-bottom: 22px;
	padding-bottom: 49px;
	color: #fff;
	font-size: 14px;
	line-height: 2.2;
	text-align: center;
	background: url(../img/contact/index/line01.gif) repeat-x left bottom
}
#contact_index .section03 .reason li .title span {
	font-size: 18px
}
#contact_index .section03 .link {
	margin: 0 auto;
	width: 499px;
	color: #fff;
	font-size: 16px;
	text-align: center
}
#contact_index .section03 .link a {
	display: block;
	padding: 23px;
	color: #fff;
	background-color: #277ca7
}
#contact_index .section03 .link a:hover {
	opacity: .4
}
#contact_index .h3Ttl {
	margin-bottom: 100px;
	color: #333;
	font-size: 18px;
	line-height: 2;
	text-align: center
}
#contact_index .section04 {
	margin-bottom: 108px
}
#contact_index .section04 h3 {
	float: left;
	width: 200px;
	color: #333;
	font-size: 18px;
	line-height: 1.9
}
#contact_index .section04 .textBox {
	float: right;
	padding: 42px 36px 46px;
	width: 764px;
	border: 6px solid #277ca7;
	background-color: #fff
}
#contact_index .section04 .textBox p {
	margin-bottom: 28px;
	color: #333
}
#contact_index .section05 {
	margin-bottom: 18px
}
#contact_index .section05 h3 {
	float: left;
	width: 200px;
	color: #333;
	font-size: 18px;
	line-height: 1.9
}
#contact_index .section05 .textBox {
	float: right;
	width: 848px
}
#contact_index .section05 .textBox .text {
	margin-bottom: 34px;
	color: #333;
	text-align: center
}
#contact_index .section05 .textBox .link {
	margin: 0 auto 51px;
	width: 499px;
	color: #fff;
	font-size: 16px;
	text-align: center
}
#contact_index .section05 .textBox .link a {
	display: block;
	padding: 23px;
	color: #fff;
	background-color: #277ca7
}
#contact_index .section05 .textBox .link a:hover {
	opacity: .4
}
#contact_index .section05 .textBox .mailForm, #contact_index .section05 .textBox .mw_wp_form_complete {
	padding: 0 88px 63px 89px;
	background-color: #22779f
}
#contact_index .section05 .textBox .mw_wp_form_complete p {
	margin-top: 20px;
	color: #FFF
}
#contact_index .section05 .textBox .mw_wp_form_complete a {
	color: #FFF
}
#contact_index .section05 .textBox .mailForm h4 {
	margin: 0 auto 30px;
	padding: 23px 0 25px;
	width: 271px;
	color: #22779f;
	font-size: 18px;
	text-align: center;
	background-color: #FFF
}
#contact_index .section05 .textBox .mailForm .notes {
	margin-bottom: 34px;
	color: #fff;
	font-size: 12px;
	line-height: 2.1;
	text-align: center
}
#contact_index .section05 .textBox .mailForm .notes span {
	color: #d90000
}
#contact_index .section05 .textBox .mailForm .entry {
	margin-bottom: 26px
}
#contact_index .section05 .textBox .mailForm li {
	padding-bottom: 14px;
	position: relative
}
#contact_index .section05 .textBox .mailForm li .must {
	display: inline-block;
	position: absolute;
	left: 25px;
	top: 20px;
	padding: 3px 0 2px;
	min-width: 38px;
	color: #fff;
	font-size: 9px;
	text-align: center;
	border-radius: 10px;
	background-color: #d90000
}
#contact_index .section05 .textBox .mw_wp_form_input .confirmText, #contact_index .section05 .textBox .mw_wp_form_confirm .notes {
	display: none
}
#contact_index .section05 .textBox .mw_wp_form_confirm {
	color: #FFF
}
#contact_index .section05 .textBox .mw_wp_form_confirm .confirmText {
	margin-right: 10px;
	display: inline-block
}
#contact_index .section05 .textBox .mw_wp_form_confirm li .must {
	display: none
}
#contact_index .section05 .textBox .mw_wp_form_confirm .submit input[name="submitBack"] {
	margin-top: 10px
}
#contact_index .section05 .textBox .mailForm li input[type="text"] {
	height: 56px;
	width: 100%;
	padding-left: 30px;
	color: #b0b0b0;
	box-sizing: border-box;
	border-radius: 10px;
	border: 0;
	border: 1px solid #DDD
}
#contact_index .section05 .textBox .mailForm li li {
	float: left;
	padding-bottom: 0;
	width: 49.3%
}
#contact_index .section05 .textBox .mw_wp_form .error {
	margin-top: 5px;
	color: #FFF
}
#contact_index .section05 .textBox .mw_wp_form .errorBox .error:first-child {
	display: none
}
#contact_index .section05 .textBox .mailForm li li input[type="text"], #contact_index .section05 .textBox .mailForm li .special {
	padding-left: 82px!important
}
#contact_index .section05 .textBox .mailForm li li:nth-child(2n) {
	float: right
}
#contact_index .section05 .textBox .mailForm .wid01 {
	width: 49.3%!important
}
#contact_index .section05 .textBox .mailForm select {
	padding-left: 25px;
	height: 56px;
	width: 36%;
	color: #b0b0b0;
	font-size: 14px;
	border-radius: 10px;
	border: 1px solid #DDD;
	appearance: none;
	-webkit-appearance: none
}
#contact_index .section05 .textBox .mailForm textarea {
	height: 270px;
	width: 100%;
	padding: 20px 30px;
	color: #b0b0b0;
	font-size: 14px;
	border-radius: 10px;
	border: 1px solid #DDD;
	box-sizing: border-box
}
#contact_index .section05 .textBox .mailForm .submit input[type="submit"] {
	height: 70px;
	width: 100%;
	cursor: pointer;
	color: #fff;
	font-size: 20px;
	background: 0;
	border: 4px solid #FFF;
	box-sizing: border-box
}
#contact_index .section05 .textBox .mailForm .submit input[type="submit"]:hover {
	filter: alpha(opacity=70);
	opacity: .7
}
@media all and (min-width:0) and (max-width:767px) {
#contact_index {
	width: auto
}
#contact_index .section01 {
	margin-bottom: 25px
}
#contact_index .section01 .photoBox {
	width: 198px
}
#contact_index .section01 .photoBox img {
	width: 100%
}
#contact_index .section01 .textBox {
	float: none;
	padding: 75px 0 0 205px;
	width: auto
}
#contact_index .section01 .textBox h3 {
	margin-bottom: 8px;
	font-size: 12px
}
#contact_index .section01 .textBox p a {
	padding: 12px 15px 9px;
	width: 90px;
	font-size: 10px;
	border: 1px solid #291400
}
#contact_index .section02 {
	margin: 0 22px 11px
}
#contact_index .section02 h3 {
	margin-bottom: 22px;
	float: none;
	width: auto;
	position: relative;
	font-size: 11px
}
#contact_index .section02 h3:before {
	width: 3px;
	height: 1px;
	background: #291400;
	position: absolute;
	bottom: -11px;
	left: 0;
	content: ""
}
#contact_index .section02 .textBox {
	float: none;
	width: auto
}
#contact_index .section02 .textBox p {
	margin-bottom: 13px;
	font-size: 12px
}
#contact_index .section02 .textBox .link {
	margin-bottom: 27px;
	width: 100%;
	font-size: 12px
}
#contact_index .section02 .textBox .link a {
	padding: 12px 0
}
#contact_index .section03 {
	margin-bottom: 35px
}
#contact_index .section03 .reason {
	margin-bottom: 20px;
	padding: 0
}
#contact_index .section03 .reason, #contact_index .section03 .reason::before, #contact_index .section03 .reason::after {
	background: 0;
	width: auto
}
#contact_index .section03 .reason h3 {
	margin-bottom: 23px;
	font-size: 12px
}
#contact_index .section03 .reason ul {
	margin: 0;
	padding-left: 0;
	width: auto
}
#contact_index .section03 .reason li {
	margin: 0 0 5px;
	padding: 25px 0 10px;
	width: 49.3%
}
#contact_index .section03 .reason li:nth-child(2n) {
	float: right
}
#contact_index .section03 .reason li p {
	padding: 0 10px;
	font-size: 12px
}
#contact_index .section03 .reason li .title {
	margin-bottom: 12px;
	padding-bottom: 23px;
	font-size: 9px;
	background-size: 6px 1px
}
#contact_index .section03 .reason li .title span {
	font-size: 11px
}
#contact_index .section03 .link {
	margin: 0 24px;
	width: auto;
	font-size: 12px
}
#contact_index .section03 .link a {
	padding: 12px 0
}
#contact_index .h3Ttl {
	margin-bottom: 15px;
	position: relative;
	font-size: 12px
}
#contact_index .h3Ttl:before {
	width: 3px;
	height: 1px;
	background: #291400;
	position: absolute;
	bottom: -7px;
	left: 50%;
	content: ""
}
#contact_index .section04 {
	margin: 0 24px 30px
}
#contact_index .section04 h3 {
	float: none;
	margin-bottom: 11px;
	width: auto;
	font-size: 12px;
	text-align: center
}
#contact_index .section04 .textBox {
	float: none;
	padding: 0 0 12px;
	width: auto;
	border: 3px solid #277ca7;
	background: 0
}
#contact_index .section04 .textBox p {
	margin-bottom: 14px;
	padding: 5px 7px;
	color: #fff;
	font-size: 12px;
	line-height: 2.1;
	text-align: center;
	background: #22779f
}
#contact_index .section04 .textBox .textImg {
	margin: 0 auto;
	width: 239px
}
#contact_index .section04 .textBox .textImg img {
	width: 100%
}
#contact_index .section05 h3 {
	float: none;
	margin-bottom: 13px;
	width: auto;
	font-size: 12px;
	text-align: center
}
#contact_index .section05 .textBox {
	float: none;
	width: auto
}
#contact_index .section05 .textBox .text {
	margin-bottom: 15px;
	font-size: 9px
}
#contact_index .section05 .textBox .link {
	margin: 0 24px 28px;
	width: auto;
	font-size: 12px
}
#contact_index .section05 .textBox .link a {
	padding: 12px 0
}
#contact_index .section05 .textBox .mailForm, #contact_index .section05 .textBox .mw_wp_form_complete {
	padding: 0 23px 28px
}
#contact_index .section05 .textBox .mailForm h4 {
	margin-bottom: 14px;
	width: 135px;
	padding: 12px 0;
	font-size: 12px
}
#contact_index .section05 .textBox .mailForm .notes {
	margin-bottom: 16px;
	font-size: 9px
}
#contact_index .section05 .textBox .mailForm .entry {
	margin-bottom: 13px
}
#contact_index .section05 .textBox .mailForm li {
	padding-bottom: 4px
}
#contact_index .section05 .textBox .mailForm li input[type="text"] {
	padding-left: 12px;
	height: 28px;
	font-size: 9px;
	border-radius: 5px
}
#contact_index .section05 .textBox .mailForm li .must {
	padding: 2px 0 0;
	left: 3px;
	top: 4px;
	min-width: 35px;
	font-size: 12px;
	transform: scale(0.7);
	-webkit-transform: scale(0.7)
}
#contact_index .section05 .textBox .mailForm li li input[type="text"], #contact_index .section05 .textBox .mailForm li .special {
	padding-left: 40px!important
}
#contact_index .section05 .textBox .mailForm .wid01 {
	width: 60%!important
}
#contact_index .section05 .textBox .mailForm select {
	padding-left: 12px;
	height: 28px;
	width: 43%;
	font-size: 9px;
	border-radius: 5px;
	background-color: #fff
}
#contact_index .section05 .textBox .mailForm textarea {
	padding: 8px 15px;
	height: 135px;
	font-size: 9px;
	border-radius: 5px
}
#contact_index .section05 .textBox .mailForm .submit input[type="submit"] {
	height: 35px;
	line-height: 35px;
	font-size: 12px;
	border: 2px solid #fff
}
}
#contact_index.inquiry .section01 {
	margin-bottom: 120px
}
#contact_index.inquiry .section01 .textBox {
	padding-top: 152px
}
#contact_index.inquiry .section01 .textBox h3 {
	margin-bottom: 45px
}
#contact_index.inquiry .section01 .textBox p a {
	padding: 24px 15px 22px 25px;
	width: 199px;
	color: #fff;
	background-color: #277ca7;
	border: 0;
	display: block
}
#contact_index.inquiry .section01 .textBox p a:hover {
	opacity: .4
}
#contact_index.inquiry .section05 .textBox .mailForm li input[type="text"] {
	padding-left: 82px
}
#contact_index.inquiry .section05 .textBox .mailForm select {
	padding-left: 82px;
	text-align: center;
	appearance: none;
	-webkit-appearance: none
}
#contact_index.inquiry .section05 .textBox .mailForm li .special02 {
	padding-left: 30px!important
}
#contact_index.inquiry .section05 .textBox .mailForm textarea {
	padding-left: 82px
}
#contact_index.inquiry .section01 .textBox {
	padding-top: 153px
}
#contact_index.inquiry .section01 .textBox h3 {
	margin-bottom: 45px
}
#contact_index.inquiry .section01 .textBox p {
	padding: 0;
	width: 200px;
	font-size: 16px
}
@media all and (min-width:0) and (max-width:767px) {
#contact_index.inquiry .section01 {
	margin-bottom: 32px
}
#contact_index.inquiry .section05 .textBox .mailForm li input[type="text"] {
	padding-left: 40px
}
#contact_index.inquiry .section05 .textBox .mailForm select {
	padding-left: 40px
}
#contact_index.inquiry .section05 .textBox .mailForm li .special02 {
	padding-left: 15px!important
}
#contact_index.inquiry .section05 .textBox .mailForm textarea {
	padding-left: 40px
}
#contact_index.inquiry .section01 .textBox {
	padding-top: 92px
}
#contact_index.inquiry .section01 .textBox p {
	padding: 13px 0 10px 12px;
	width: auto;
	font-size: 10px
}
#contact_index.inquiry .section01 .textBox h3 {
	margin-bottom: 10px
}
#contact_index.inquiry .section01 .textBox p a {
	width: 115px
}
}
#manegement {
	margin: 0 auto;
	width: 1200px
}
#manegement .headLine03 {
	margin: 0 0 97px 115px;
	z-index: -1
}
#manegement .comImgBoxL {
	margin-bottom: 65px
}
#manegement .txtGroupL {
	margin-bottom: 119px
}
#manegement .comSupport {
	margin-bottom: 90px
}
#manegement .comImgBoxR {
	margin-bottom: 62px
}
#manegement .comImgBoxR .textBox {
	margin-top: 281px
}
#manegement .comImgBoxR .headLine01 {
	margin-bottom: 0
}
#manegement .txtGroupR {
	margin-bottom: 107px
}
#manegement .txtGroupR .link {
	font-size: 14px
}
#manegement .h4Ttl01 {
	margin-bottom: -63px
}
#manegement .h4Ttl01 .en {
	font-size: 30px;
	letter-spacing: 2.5px
}
#manegement .txtGroupL01 {
	margin-bottom: 148px
}
#manegement .txtGroupL01 .title {
	margin-top: 144px
}
#manegement .subBox {
	margin-bottom: 148px
}
#manegement .subBox .lBox {
	width: 300px;
	float: left
}
#manegement .subBox .lBox .title {
	margin-top: -5px;
	font-size: 18px;
	font-weight: bold;
	line-height: 2.22
}
#manegement .subBox .rBox {
	width: 826px;
	float: right
}
#manegement .subBox .text01 {
	margin-bottom: 45px;
	font-size: 16px;
	line-height: 2.375;
	text-align: center
}
#manegement .subBox .text01 span {
	font-weight: bold
}
#manegement .subBox .priceBox {
	padding: 46px 30px 40px;
	border: 1px dashed #0472a8
}
#manegement .subBox .text02 {
	margin-bottom: 30px;
	color: #0472a8;
	font-size: 14px;
	text-align: center
}
#manegement .subBox .text02 span {
	margin-bottom: 15px;
	display: inline-block;
	font-size: 18px;
	font-weight: bold
}
#manegement .subBox .text03 {
	margin-bottom: 23px;
	color: #0472a8;
	font-size: 14px;
	text-align: center
}
#manegement .subBox .listUl li {
	margin-bottom: 20px;
	margin-right: 20px;
	width: 240px;
	float: left;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 2.22;
	text-align: center;
	background-color: #0472a8
}
#manegement .subBox .listUl li:nth-child(3n) {
	margin-right: 0
}
#manegement .subBox .listUl dt {
	width: 100%;
	height: 165px;
	display: table;
	background: url(../img/common/line01.gif) repeat-x left bottom
}
#manegement .subBox .listUl dd {
	width: 100%;
	height: 75px;
	display: table
}
#manegement .subBox .listUl .inner {
	display: table-cell;
	vertical-align: middle
}
#manegement .subBox .listUl .txt01 {
	display: block;
	font-size: 14px
}
#manegement .subBox .countList {
	margin-bottom: 15px
}
#manegement .subBox .countList li {
	width: 100%;
	padding: 14px;
	position: relative;
	display: table;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	background-color: #185776
}
#manegement .subBox .countList .arrow {
	margin-left: -11px;
	position: absolute;
	bottom: -67px;
	left: 50%
}
#manegement .subBox .countList .rTxt {
	color: #185877;
	background-color: #fff
}
#manegement .subBox .countList p {
	padding: 27px 0 29px;
	width: 50%;
	display: table-cell
}
#manegement .subBox .countList .last {
	margin-top: 100px;
	background-color: #18776b
}
#manegement .subBox .countList .last .rTxt {
	padding: 10px 0;
	color: #18776b;
	font-size: 30px;
	line-height: 1;
	vertical-align: middle
}
#manegement .subBox .countList .last .num {
	font-size: 53px;
	line-height: 1
}
#manegement .subBox .countList .last .txt02 {
	margin-top: 20px;
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	vertical-align: top
}
#manegement .subBox .notes {
	margin-left: 380px;
	padding-left: 1em;
	color: #666;
	font-size: 10px;
	line-height: 2.3;
	text-indent: -1em
}
#manegement .txtGroupL02 {
	margin-bottom: 75px
}
#manegement .btmList {
	margin-bottom: 170px
}
#manegement .btmList li {
	margin-right: 108px;
	width: 330px;
	float: left
}
#manegement .btmList li:last-child {
	margin-right: 0;
	width: 320px
}
#manegement .btmList p {
	font-size: 16px;
	line-height: 2.375
}
#manegement .btmList .title {
	margin-bottom: 26px;
	font-size: 18px;
	font-weight: bold
}
#manegement .btmLinks {
	margin: 0 auto;
	width: 741px;
	padding-bottom: 80px
}
#manegement .btmLinks li {
	margin: 0 19px 20px 0;
	width: 361px;
	float: left
}
#manegement .btmLinks .btmLinksOnce {
	width: 741px
}
#manegement .btmLinks li:nth-child(3) {
	margin-right: 0
}
#manegement .btmLinks a {
	padding: 12px 0;
	display: block;
	font-size: 16px;
	text-align: center;
	border: 2px solid #291400
}
#manegement .btmLinks .btmLinksOnce a {
	border: 4px solid #291400;
	font-weight: bold
}
#manegement .btmLinks a:hover {
	filter: alpha(opacity=40);
	opacity: .4
}
@media all and (min-width:0) and (max-width:767px) {
#manegement {
	width: auto
}
#manegement .headLine03 {
	margin: 0 0 44px 23px
}
#manegement .comImgBoxL {
	margin-bottom: 20px
}
#manegement .comImgBoxL .headLine01 {
	top: 8%
}
#manegement .comImgBoxL .subTtl {
	padding: 6% 13% 5%
}
#manegement .txtGroupL {
	margin: 0 auto 32px;
	width: 272px
}
#manegement .comSupport {
	margin: 0 auto 38px;
	width: 272px
}
#manegement .comImgBoxR {
	margin-bottom: 20px
}
#manegement .comImgBoxR .textBox {
	margin-top: 0
}
#manegement .comImgBoxR .headLine01 {
	top: 34%
}
#manegement .txtGroupR {
	margin: 0 24px 49px
}
#manegement .txtGroupR .link {
	font-size: 9px
}
#manegement .h4Ttl01 {
	margin: 0 24px 25px;
	font-size: 9px;
	letter-spacing: 2px
}
#manegement .h4Ttl01 .en {
	margin-bottom: 10px;
	font-size: 15px
}
#manegement .txtGroupL01 {
	margin-bottom: 19px
}
#manegement .txtGroupL01 .title {
	margin-top: 0
}
#manegement .subBox {
	margin-bottom: 38px
}
#manegement .subBox .lBox {
	margin: 0 24px 10px;
	width: auto;
	float: none
}
#manegement .subBox .lBox .title {
	margin-top: 0;
	font-size: 12px
}
#manegement .subBox .rBox {
	width: auto;
	float: none
}
#manegement .subBox .text01 {
	margin: 0 24px 14px;
	font-size: 12px;
	text-align: left
}
#manegement .subBox .priceBox {
	margin: 0 4px;
	padding: 13px 8px 14px
}
#manegement .subBox .text02 {
	margin-bottom: 11px;
	font-size: 9px
}
#manegement .subBox .text02 span {
	margin-bottom: 8px;
	font-size: 12px
}
#manegement .subBox .text03 {
	margin-bottom: 10px;
	font-size: 7px
}
#manegement .subBox .listUl li {
	margin: 0 2.3% 8px 0;
	width: 31.8%;
	font-size: 10px;
	line-height: 1.94
}
#manegement .subBox .listUl dt {
	height: 80px
}
#manegement .subBox .listUl dd {
	height: 40px
}
#manegement .subBox .listUl .txt01 {
	font-size: 9px
}
#manegement .subBox .countList {
	margin-bottom: 9px
}
#manegement .subBox .countList li {
	padding: 5px;
	font-size: 11px
}
#manegement .subBox .countList .last {
	margin-top: 39px
}
#manegement .subBox .countList p {
	padding: 8px 0 7px
}
#manegement .subBox .countList .rTxt {
	font-size: 12px
}
#manegement .subBox .countList .last .rTxt {
	padding: 7px 0;
	font-size: 12px
}
#manegement .subBox .countList .last .num {
	font-size: 19px
}
#manegement .subBox .countList .last .txt02 {
	margin-top: 8px;
	font-size: 10px
}
#manegement .subBox .countList .arrow {
	margin-left: -5px;
	width: 9px;
	bottom: -30px
}
#manegement .subBox .countList .arrow img {
	width: 100%
}
#manegement .subBox .notes {
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
	text-align: center;
	font-size: 8px;
	line-height: 2.5
}
#manegement .txtGroupL02 {
	margin-bottom: 10px
}
#manegement .btmList {
	margin: 0 24px 50px
}
#manegement .btmList li {
	margin: 0 0 10px;
	width: auto;
	float: none
}
#manegement .btmList li:last-child {
	margin-bottom: 0;
	width: auto
}
#manegement .btmList p {
	font-size: 12px
}
#manegement .btmList .title {
	margin-bottom: 6px;
	font-size: 12px
}
#manegement .btmLinks {
	width: 273px;
	padding-bottom: 40px
}
#manegement .btmLinks li {
	margin: 0 5px 5px 0;
	width: 134px
}
#manegement .btmLinks .btmLinksOnce {
	width: 273px
}
#manegement .btmLinks a {
	padding: 6px 0;
	font-size: 10px;
	border: 2px solid #291400
}
}
#sales {
	margin: 0 auto;
	width: 1200px
}
#sales .headLine03 {
	margin: 0 0 97px 115px;
	z-index: -1
}
#sales .comImgBoxL {
	margin-bottom: 65px
}
#sales .txtGroupL {
	margin-bottom: 94px
}
#sales .comImgBoxR {
	margin-bottom: 65px
}
#sales .comImgBoxR .textBox {
	margin-top: 59px
}
#sales .txtGroupR {
	margin-bottom: 102px
}
#sales .txtGroupR a {
	color: #0472a8;
	font-size: 16px;
	text-decoration: underline
}
#sales .txtGroupR a:hover {
	text-decoration: none
}
#sales .txtGroupR .title {
	font-size: 18px;
	text-align: left;
	line-height: 2.5
}
#sales .txtGroupL .headLine03 {
	margin: 8px 0 45px;
	font-size: 24px;
	font-weight: bold
}
#sales .txtGroupL .headLine03:after {
	bottom: -22px
}
#sales .txtGroupL01 {
	margin-bottom: 127px
}
#sales .comStepBox {
	margin-bottom: 43px
}
@media all and (min-width:0) and (max-width:767px) {
#sales {
	width: auto
}
#sales .headLine03 {
	margin: 0 0 44px 24px
}
#sales .comImgBoxL {
	margin-bottom: 20px
}
#sales .comImgBoxL .subTtl {
	padding: 6% 15% 5%
}
#sales .comImgBoxL .headLine01 {
	top: 7%
}
#sales .txtGroupL {
	margin: 0 23px 20px
}
#sales .comImgBoxR {
	margin-bottom: 21px
}
#sales .comImgBoxR .textBox {
	margin-top: 0
}
#sales .txtGroupR {
	margin: 0 24px 50px
}
#sales .txtGroupR .title {
	margin-bottom: 10px;
	font-size: 9px;
	line-height: 2.5
}
#sales .txtGroupR a {
	font-size: 10px
}
#sales .txtGroupL .headLine03 {
	margin: 0 0 14px;
	font-size: 11px;
	letter-spacing: normal
}
#sales .txtGroupL .headLine03:after {
	bottom: -10px
}
#sales .txtGroupL01 {
	margin-bottom: 29px
}
#sales .comStepBox {
	margin: 0 24px 20px
}
}
#tobegin {
	margin: 0 auto;
	padding-top: 11px;
	width: 1200px
}
#tobegin .comImgBoxL {
	margin-bottom: 67px
}
#tobegin .txtGroupL {
	margin-bottom: 88px
}
#tobegin .txtGroupL .lBox {
	margin-right: 32px
}
#tobegin .comImgBoxR {
	margin-bottom: 70px
}
#tobegin .txtGroupR {
	margin-bottom: 81px
}
#tobegin .txtGroupR .lBox {
	margin-right: 64px
}
#tobegin .comStepBox {
	margin-bottom: 49px
}
#tobegin .comSupport {
	margin: 0 0 97px 92px
}
#tobegin .btmLinks {
	margin: 0 auto;
	width: 741px
}
#tobegin .btmLinks li {
	margin: 0 19px 20px 0;
	width: 361px;
	float: left
}
#tobegin .btmLinks .btmLinksOnce {
	width: 741px
}
#tobegin .btmLinks li:nth-child(3) {
	margin-right: 0
}
#tobegin .btmLinks a {
	padding: 12px 0;
	display: block;
	font-size: 16px;
	text-align: center;
	border: 2px solid #291400
}
#tobegin .btmLinks .btmLinksOnce a {
	border: 4px solid #291400;
	font-weight: bold
}
#tobegin .btmLinks a:hover {
	fiter: alpha(opacity=40);
	opacity: .4
}
@media all and (min-width:0) and (max-width:767px) {
#tobegin {
	padding-top: 6px;
	width: auto
}
#tobegin .comImgBoxL {
	margin-bottom: 20px
}
#tobegin .comImgBoxL .headLine01 {
	letter-spacing: normal
}
#tobegin .txtGroupL {
	margin: 0 24px 36px
}
#tobegin .comImgBoxL .subTtl {
	padding: 8% 17% 7%
}
#tobegin .comImgBoxR {
	margin-bottom: 19px
}
#tobegin .comImgBoxR .headLine01 {
	top: auto;
	bottom: 10%
}
#tobegin .txtGroupR {
	margin: 0 24px 23px
}
#tobegin .txtGroupR .lBox {
	margin-right: 0
}
#tobegin .comStepBox {
	margin: 0 24px 20px
}
#tobegin .comSupport {
	margin: 0
}
#tobegin .comSupport {
	margin: 0 auto 33px;
	width: 272px
}
#tobegin .btmLinks {
	width: 273px;
	padding-bottom: 40px
}
#tobegin .btmLinks li {
	margin: 0 5px 5px 0;
	width: 134px
}
#tobegin .btmLinks .btmLinksOnce {
	width: 273px
}
#tobegin .btmLinks a {
	padding: 6px 0;
	font-size: 10px;
	border: 2px solid #291400
}
}
#forowner {
	margin: 0 auto;
	width: 1200px
}
#forowner .comImgBoxL {
	margin-bottom: 57px
}
#forowner .comImgBoxL .headLine01 {
	margin-bottom: 57px;
	line-height: 2
}
#forowner .comImgBoxL .headLine01 .en {
	margin-bottom: 14px
}
#forowner .txtGroupL {
	margin-bottom: 124px
}
#forowner .txtGroupL .lBox {
	margin-right: 32px
}
#forowner .comImgBoxR {
	margin-bottom: 68px
}
#forowner .comImgBoxR .textBox {
	margin-top: 136px
}
#forowner .comImgBoxR .headLine01 {
	margin-bottom: 0;
	line-height: 2
}
#forowner .comImgBoxR .headLine01 .en {
	margin-bottom: 14px
}
#forowner .txtGroupR {
	margin-bottom: 100px
}
#forowner .txtGroupR .lBox {
	margin-right: 65px
}
#forowner .txtGroupR .link {
	font-size: 14px
}
#forowner .application {
	margin-right: 121px
}
#forowner .application .headLine01 {
	float: left;
	width: 170px;
	line-height: 2
}
#forowner .application .headLine01 .en {
	margin-bottom: 16px;
	font-size: 30px;
	letter-spacing: 3px
}
#forowner .application .textBox {
	float: right;
	padding-top: 12px;
	width: 741px
}
#forowner .application .textBox .title a {
	padding: 45px 0 44px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border: 6px solid #291400;
	display: block
}
#forowner .application .textBox ul {
	margin-right: -19px
}
#forowner .application .textBox li {
	float: left;
	margin: 19px 19px 0 0;
	width: 361px;
	font-weight: bold;
	text-align: center
}
#forowner .application .textBox .applicationListOnce {
	width: 741px;
	font-weight: bold;
	text-align: center
}
#forowner .application .textBox li a {
	display: block;
	padding: 14px 0;
	border: 2px solid #291400
}
#forowner .application .textBox .applicationListOnce a {
	border: 4px solid #291400
}
#forowner .application .textBox .title a:hover, #forowner .application .textBox li a:hover {
	filter: alpha(opacity=40);
	opacity: .4
}
canvas {
	border: 0;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	pointer-events: none
}
.only {
	display: none
}
.pconly {
	display: inline
}
@media all and (min-width:0) and (max-width:767px) {
#forowner {
	width: auto
}
#forowner .comImgBoxL {
	margin-bottom: 20px
}
#forowner .comImgBoxL .headLine01 {
	top: 14%
}
#forowner .comImgBoxL .headLine01 .en {
	margin-bottom: 8px
}
#forowner .comImgBoxL .subTtl {
	padding: 7% 14%
}
#forowner .txtGroupL {
	margin: 0 auto 32px;
	width: 272px
}
#forowner .comImgBoxR {
	margin-bottom: 20px
}
#forowner .comImgBoxR .textBox {
	margin-top: 0
}
#forowner .comImgBoxR .headLine01 {
	top: 34%;
	color: #fff
}
#forowner .comImgBoxR .headLine01 .en {
	margin-bottom: 6px
}
#forowner .comImgBoxR .headLine01 .en:after {
	background-color: #fff;
	bottom: -2px
}
#forowner .txtGroupR .lBox {
	margin-right: 0
}
#forowner .txtGroupR {
	margin: 0 24px 33px
}
#forowner .application {
	margin: 0 24px
}
#forowner .application .headLine01 {
	float: none;
	margin-bottom: 14px;
	width: auto;
	font-size: 9px;
	letter-spacing: 2px
}
#forowner .application .headLine01 .en {
	margin-bottom: 8px;
	font-size: 15px
}
#forowner .application .headLine01 .en:after {
	bottom: -3px
}
#forowner .application .textBox {
	float: none;
	padding-top: 0;
	width: auto
}
#forowner .application .textBox .title {
	padding: 21px 0;
	font-size: 12px;
	border-width: 3px
}
#forowner .application .textBox ul {
	margin-right: 0;
	padding-bottom: 40px
}
#forowner .application .textBox li {
	margin: 4px 0 0 0;
	width: 49.3%;
	font-size: 10px;
	border-width: 1px
}
#forowner .application .textBox .applicationListOnce {
	width: 100%
}
#forowner .application .textBox li:nth-child(3) {
	float: right
}
#forowner .application .textBox li a {
	padding: 6px 0
}
canvas {
	display: none
}
.pconly {
	display: none
}
.sponly {
	display: inline
}

}
.headLine03 {
	z-index: 1!important
}


/* MOVIE */
.movie h2 {
    width: 217px;
    font-size: 47px;
    font-family: "DINEngschriftStd";
    font-weight: normal;
    line-height: .986;
    letter-spacing: 5px;
    padding-bottom:60px;
}
.movieList {
	width:1000px;
}
.movieList li {
	width:500px;
	float:left;
	box-sizing:border-box;
	padding-left:60px;
	position:relative;
	height:430px;
}
.movieList li:nth-child(2){
	margin-top:100px;
}
.movieList li a {
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	border:1px solid #000;
	overflow:hidden;
}
.movieList li a img {
	transition:all 0.2s ease;
}
.movieList li a:hover img {
	transform:scale(1.15);
}
.movieList li .movieNum {
	font-size:100px;
	font-family: "DINEngschriftStd";
	line-height: .986;
	letter-spacing: 5px;
	position:absolute;
	left:0;
	top:190px;
}
.movieList li .movieTitle {
	font-size:14px;
	line-height: 29px;
	letter-spacing: 0.4em;
	position:absolute;
	left:0;
	top:310px;
	font-weight:bold;
}
.movieList li .movieTitle:before {
	content:'';
	position:absolute;
	top:-15px;
	left:0;
	width:6px;
	height:2px;
	background-color:#000;
}
#ytModal,
#mpModal {
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:99899;
	display:none;
	background-color:#000;
}
.btnClose {
	position:absolute;
	right:0;
	top:0;
	z-index:99999;
}

@media all and (min-width:0) and (max-width:767px) {
/* MOVIE */
.movie {
	margin:0 20px;
	padding-top: 140px;
}
.movie h2 {
    width: 217px;
    font-size: 20px;
    font-family: "DINEngschriftStd";
    font-weight: normal;
    line-height: .986;
    letter-spacing: 5px;
    padding-bottom:40px;
}
.movieList {
	width:100%;
}
.movieList li {
	width:100%;
	float:none;
	box-sizing:border-box;
	padding-left:20px;
	position:relative;
	padding-bottom:40px;
	margin-bottom:50px;
	height:auto;
}
.movieList li:nth-child(2){
	margin-top:0;
}
.movieList li a {
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	border:1px solid #000;
	overflow:hidden;
}
.movieList li .movieNum {
	font-size:60px;
	font-family: "DINEngschriftStd";
	line-height: .986;
	letter-spacing: 5px;
	position:absolute;
	left:0;
	bottom:50px;
	top:auto;
}
.movieList li .movieTitle {
	font-size:12px;
	line-height: 29px;
	letter-spacing: 0.4em;
	position:absolute;
	left:0;
	top:auto;
	font-weight:bold;
	bottom:0;
}
.movieList li .movieTitle:before {
	content:'';
	position:absolute;
	top:-15px;
	left:0;
	width:6px;
	height:2px;
	background-color:#000;
}
.yts {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.yts iframe,
.yts video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
}
.pcHeadline {
	position:absolute;
	right:0;
	bottom:0;
	height:81px;
	width:306px;
	background-color:#fff;
	z-index:9900;
}
.pcHeadline:before {
	content:'NEWS';
	font-size: 24px;
	font-family: "DINEngschriftStd";
	font-weight: bold;
	position:absolute;
	height:26px;
	text-align:left;
	width:81px;
	left:-81px;
	top:-26px;
	transform-origin:right bottom;
	transform: rotate(-90deg);
}
.pcHeadline ul {
	height:81px;
	width:305px;
	overflow:hidden;
	border-left:1px dotted #AAA;
}
.pcHeadline li {
	height:81px;
	width:305px;
	position:relative;
}
.pcHeadline li a {
	position:absolute;
	display:block;
	width:270px;
	max-height:60px;
	left:50%;
	top:50%;
	margin-left:-135px;
	transform:translateY(-50%);
}
.pcHeadline li a:hover {
	opacity:0.7;
}
.htime {
	display:block;
	font-weight:bold;
	line-height:23px;
	height:23px;
}
.htitle {
	display:block;
	line-height:20px;
	max-height:40px;
	overflow:hidden;
}
#privacypolicy table {
	text-indent: 0 !important;
	border-collapse: collapse;
}
#privacypolicy table th {
	border: 1px solid #000;
	text-align: center;
}
#privacypolicy table td {
	border: 1px solid #000;
	padding: 0px 15px;
}
#privacypolicy table td:first-child {
	vertical-align: top;
}
#privacypolicy #insideList01 {
	margin-left: 0 !important;
}
#privacypolicy #insideList02 {
	margin-left: 70px !important;
}
#privacypolicy .resetIndent {
    text-indent: 0 !important;
    padding-left: 0 !important;
}
#privacypolicy a:hover {
	opacity: 0.6;
}
#privacypolicy .infoBox li dl {
	clear: both; 
}
#privacypolicy .infoBox li dt {
	float: left; 
	width: 250px;
}
#privacypolicy .infoBox li dd {
	float: left;
	padding-left: 10px;
}
#changeWidth {
	width: 300px;
}
#privacypolicy .insideList li {
	padding-left: 2.5em;
    text-indent: -2.5em;
}
@media all and (min-width:0) and (max-width:767px) {
	.pcHeadline {
	    position: absolute;
	    right: auto;
	    bottom: -150px;
	    height: 81px;
	    width: 310px;
	    background-color: #fff;
	    z-index: 99;
	    left:50%;
	    margin-left:-155px;
	    border-top:1px dotted #000;
	    border-bottom:1px dotted #000;
	    
	}
	.pcHeadline:before {
		content:'NEWS';
		font-size: 20px;
		font-family: "DINEngschriftStd";
		font-weight: normal;
		position:absolute;
		height:26px;
		text-align:left;
		width:150px;
		left:0px;
		top:-26px;
		letter-spacing:0.3em;
		transform-origin:left bottom;
		transform:rotate(0deg);
	}
	.pcHeadline ul {
		height:81px;
		width:310px;
		overflow:hidden;
		border:none;
	}
	#privacypolicy table td {
		border: 1px solid #000;
		padding: 0px 5px;
		width: 50%;
		font-size: 10px;
	}
	#privacypolicy .changeSize_sp {
		font-size: 11px;
	}
	#privacypolicy #insideList02 {
		margin-left: 5px !important;
	}

}

.yu-go {
	font-family: "Yu Gothic", YuGothic, sans-serif;
}

#index #main {
	position: relative;
}
#bnr_ask_online {
	width: 420px;
	/*height: 80px;*/
	position: absolute;
	top: 55px;
	left: 50%;
	transform: translateX(-50%);
}
#bnr_ask_online a {
	display: block;
	height: 100%;
	transition: all .3s ease;
	margin-bottom: 10px;
}
#bnr_ask_online a:last-child{
	margin-bottom: 0;
}
#bnr_ask_online a:hover {
	transform: scale(1.05);
}
@media all and (min-width:0) and (max-width:767px) {
	#bnr_ask_online {
		width: 310px;
		/*height: 60px;*/
		top: 0;
		left: 0;
		margin: auto;
		padding-top: 150px;
		margin-bottom: -50px;
		position: unset;
		transform: translateX(0);
		display: block;
	}
	#bnr_ask_online a{
		width: 100%;
		margin-bottom: 10px;
	}
	#bnr_ask_online a img {
		display: block;
		width: 100%;
		height: auto
	}
	#bnr_ask_online a:hover {
		transform: scale(1);
	}
}

/**
 * About Land
 */
.landStage__title{
	color: #1c0500;
	font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 60px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
}
.landStage__title:before{
	content: "";
	background-color: #1c0500;
	width: 8px;
	height: 2px;
	margin: auto;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}
@media all and (min-width:0) and (max-width:767px) {
	.landStage{
		margin: 0 24px;
	}
	.landStage__title{
		font-size: 13px;
		line-height: 1.8;
		margin-bottom: 30px;
		text-align: left;
	}
	.landStage__title:before{
		right: auto;
	}
}
.landStage__text{
	color: #1c0500;
	font-size: 16px;
	letter-spacing: 0.1em;
    line-height: 2.5;
    margin-bottom: 30px;
    text-align: center;
}
.landStage__bottom{
	margin-top: 60px;
}
.landStage__contact{
	width: 740px;
	margin: 0 auto;
}
.landStage__contact a{
	border: 4px solid #1c0500;
    box-sizing: border-box;
	color: #1c0500;
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 12px 0;
	text-align: center;
	transition: all .3s ease-in-out;
}
.landStage__contact a:hover{
	background-color: #1c0500;
	color: #fff;
}
@media all and (min-width:0) and (max-width:767px) {
	.landStage__text{
		font-size: 11px;
		margin-bottom: 24px;
		text-align: left;
	}
	.landStage__bottom{
		margin-top: 40px;
	}
	.landStage__contact{
		width: 100%;
	}
	.landStage__contact a{
		border: 2px solid #1c0500;
		font-size: 12px;
		padding: 10px 0;
	}
}



/* */
.nav_nopointer{
	pointer-events: none;
	opacity: 0.45;
}