/*    Reset Default Foundation Styling    */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body, html {
	height: 100%;
}
body {
	background: none;
	color: #231815;
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.5rem;
	font-weight:300;
	line-height:1.5;
	margin: 0;
	padding: 0;
}
#wrap {
	background: #ffffff;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	width: 100%;
}


/*------------------------------------------------------------------------*/
/* header
/*------------------------------------------------------------------------*/
#head-top {
	background: url(../img/index/main-bg.jpg) center top no-repeat;
	background-size: cover;
	display: inherit;
	height:	1800px;
	margin: 0;
}
#head-underlayer {
	background: url(../img/common/bg-underlayer.jpg) center top no-repeat;
	background-size: cover;
	display: inherit;
	height: 355px;
	margin: 0 0 70px 0;
}
#top-head .logo {
	float: left;
}

.inner {
	width: 1200px;
	margin: 0 auto;
}
.inner:after {
	content: "";
	clear: both;
	display: block;
}
 
#top-head {
	background: url(../img/common/top-head-bg.png) repeat-x bottom;
	height: 90px;
	line-height: 1.5;
	margin: 100px auto 0;
	padding: 20px 0 0;
	position: fixed;
	top: -115px;
	width: 100%;
	z-index: 999;
}
#top-head a,
#top-head {
	font-weight: 500;
	text-decoration: none;
}
#global-nav ul li.concept a:hover,
#global-nav ul li.concept a:active,
#global-nav ul li.concept-active a {
	color: #ff9000 !important;
}
#top-head .lineup a:hover,
#top-head .lineup a:active,
#top-head .lineup-active a {
	color: #00a0e9 !important;
}
#top-head .specification a:hover,
#top-head .specification a:active,
#top-head .specification-active a {
	color: #e4007f !important;
}
#top-head .flow a:hover,
#top-head .flow a:active,
#top-head .flow-active a {
	color: #6eb92b !important;
}
#top-head .inner {
	position: relative;
}
#top-head .logo {
	float: left;
}
#global-nav ul {
	font-size: 1.6rem;
	list-style: none;
	position: absolute;
	left: 220px;
	top: 10px;
}
#global-nav ul li {
	float: left;
}
#global-nav ul li.concept,
#global-nav ul li.concept-active {
	background: url(../img/common/g-icon-concept.png) no-repeat;
	height: 24px;
}
#global-nav ul li.lineup,
#global-nav ul li.lineup-active {
	background: url(../img/common/g-icon-lineup.png) no-repeat;
	height: 24px;
}
#global-nav ul li.specification,
#global-nav ul li.specification-active {
	background: url(../img/common/g-icon-specification.png) no-repeat;
	height: 24px;
}
#global-nav ul li.flow,
#global-nav ul li.flow-active {
	background: url(../img/common/g-icon-flow.png) no-repeat;
	height: 24px;
}
#global-nav ul li a {
	padding: 0 45px 0 33px;
}

#top-head .tel-link {
	background: url(../img/common/g-icon-tel.png) no-repeat;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1;
	padding-left :25px;
	position: absolute;
	right: 100px;
	top: 10px;
}
#top-head .global-mail a {
	background: #ed6d00;
	display: block;
	padding: 23px 20px;
	position: absolute;
	right: 0;
	top: -10px;
}
 
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 17px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #231815;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Noto Sans Japanese', serif;
	font-weight:100;
	margin: 0;
	padding: 0;
}
p {
	font-weight: 200;
}
a,
a img {
	color: #231815;
  opacity: 1;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
	text-decoration: none;
}
a:hover,
a:hover img {
	color: #231815;
  opacity: .7;
	text-decoration: none;
}

.title {
	color: #ff9000;
	font-size:4.5rem;
	font-weight: 100;
	text-align: center;
}
.stitle {
	align-items: center;
	color: #ff9000;
	display: flex;
	font-size: 1.8rem;
	font-weight: 200;
	line-height: 1.4;
	text-align: left;
	margin: 15px auto 20px auto;
	text-align: center; /* for no-flexbox browsers */
	width: 20%;
}
.stitle:before,
.stitle:after {
    border-top: 1px solid;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
}
.stitle:before {
    margin-right: 1em;
}
.stitle:after {
    margin-left: 1em;
}

.sub-ttl {
	align-items: center;
	color: #ff9000;
	display: flex;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
	margin: 15px auto 20px auto;
	text-align: center; /* for no-flexbox browsers */
	width: 35%;
}
.sub-ttl:before,
.sub-ttl:after {
    border-top: 1px solid;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
}
.sub-ttl:before {
    margin-right: 1em;
}
.sub-ttl:after {
    margin-left: 1em;
}


/*------------------------------------------------------------------------*/
/* 基本設定　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*------------------------------------------------------------------------*/
.txt-center {
	text-align: center;
}
.txt-left {
	text-align: left;
}
.txt-right {
	text-align: right;
}

.floatL {
	float: left;
}
.floatR {
	float: right;
}

.mT-10 {
	margin-top: -10px;
}
.mT10 {
	margin-top: 10px;
}
.mT15 {
	margin-top: 15px;
}
.mT25 {
	margin-top: 25px;
}
.mT30 {
	margin-top: 30px;
}
.mB2 {
	margin-bottom: 2px;
}
.mB5 {
	margin-bottom: 5px;
}
.mB10 {
	margin-bottom: 10px;
}
.mB20 {
	margin-bottom: 20px;
}
.mB30 {
	margin-bottom: 30px;
}
.mB40 {
	margin-bottom: 40px;
}
.mB45 {
	margin-bottom: 45px;
}
.mB50 {
	margin-bottom: 50px !important;
}
.mR10 {
	margin-right: 10px;
}	
.mR20 {
	margin-right: 20px;
}
.pTB25 {
	padding-top: 25px;
	padding-bottom: 25px;
}

.bold {
	font-weight: 500;
}

.txt10 {
    font-size: 80%;
}

.u-line {
	text-decoration: underline;
}

.orange {
	color: #ed6d00;
}
.blue {
	color: #00a0e9;
}
.pink {
	color: #e4007f;
}
.yellow {
	color: #fdd000;
}
.green {
	color: #6eb92b;
}


/*------------------------------------------------------------------------*/
/* パンくず
/*------------------------------------------------------------------------*/
#breadcrumb {
	margin: 90px 0 20px -40px;
}

#breadcrumb li {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.5;
	margin: 0;
	padding-right: 5px;
	white-space: nowrap;
}
#breadcrumb li.home {
	font-weight: 200;
}
#breadcrumb li:after {
	content: "\f105";
	font-family: FontAwesome;
	margin-left: 10px;
}
#breadcrumb li.end:after {
	content: "";
}


/*------------------------------------------------------------------------*/
/* TOP　      
/*------------------------------------------------------------------------*/
/* メインビジュアル */
#main-title {
	margin-top: 100px;
	text-align: center;	
}
.title-3column {
	max-width: 960px;
	margin: 0 auto;
}
.title-3column .col-sm-4 {
	padding: 0;
}


/* 新しいプロモーションツール */
#tool-area-top {
	background: url(../img/index/tool-bg-top.png) center bottom no-repeat;
	background-size: contain;
	display: inherit;
	height: 0;
	margin: 0;
	padding-top: 8.85%;
	width: 100%;
}
#tool-area-bottom {
	background: url(../img/index/tool-bg-bottom.png) center top no-repeat;
	background-size: contain;
	display: inherit;
	height: 0;
	margin: 0;
	padding-top: 8.85%;
	width: 100%;
}
#tool {
	background: #fdd000;
	width: 100%;
}
#tool h2 img {
	height: auto;
	max-width: 60%;
}
#tool .catch-txt{
	color: #fff;
	font-weight: 500;
	font-size: 2.5rem;
	margin: 20px 0;
	text-align: center;
}
#tool .txt{
	color: #fff;
	font-weight: 200;
	font-size: 1.6rem;
	margin: 20px 10px;
	text-align: center;
}

.tool-4column {
	max-width: 900px;
	margin: 0 auto;
}
.tool-4column .col-xs-6,
.tool-4column .col-sm-6 {
	padding: 10px;
}

#tool .btn-tool a {
	background: #ed6d00;
	color: #fff;
	display: block;
	font-size: 1.6rem;
	font-weight: 200;
	margin: 30px auto 0 auto;
	padding: 15px;
	text-align: center;
	width: 35%;
}


/* デザインリスト */
.design-4column {
	max-width: 1198px;
	margin: 0 auto;
}
.design-4column .col-xs-6,
.design-4column .col-sm-3,
.design-4column .col-md-3 {
	padding: 0 2px;
}
#design .design-box {
	margin-top: 30%;
	text-align: center;
}
#design .design-txt {
	color: #fff;
	font-weight: 200;
	margin-bottom: 20px;
}
#design .box-more {
	border: 1px solid #fff;
	color: #fff;
	font-weight: 200;
	margin-bottom: 20px;
	padding: 10px;
}

#design .btn-design a {
	background: #ed6d00;
	color: #fff;
	display: block;
	font-size: 1.6rem;
	font-weight: 200;
	margin: 50px auto 0 auto;
	padding: 15px;
	text-align: center;
	width: 35%;
}


/* ニュース・新着情報 */
#news-area-top {
	background: url(../img/index/news-bg-top.png) center bottom no-repeat;
	background-size: contain;
	display: inherit;
	height: 0;
	margin: 0;
	padding-top: 8.85%;
	width: 100%;
}
#news-area-bottom {
	background: url(../img/index/news-bg-bottom.png) center top no-repeat;
	background-size: contain;
	display: inherit;
	height: 0;
	margin: 0;
	padding-top: 8.85%;
	width: 100%;
}
#news {
	background: #6eb92b;
	width: 100%;
}
#news a {
	color: #fff;
	display: block;
}
#news a:hover {
	text-decoration: underline;
}
#news .ttl {
	color: #fff;
	font-size:4.5rem;
	font-weight: 100;
	text-align: center;
}
#news .sttl {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 1.8rem;
	font-weight: 100;
	line-height: 1.4;
	text-align: left;
	margin: 10px auto 50px auto;
	text-align: center; /* for no-flexbox browsers */
	width: 22%;
}
#news .sttl:before,
#news .sttl:after {
	border-top: 1px solid;
	content: "";
	display: inline; /* for IE */
	flex-grow: 1;
}
#news .sttl:before {
	margin-right: 1em;
}
#news .sttl:after {
	margin-left: 1em;
}

#news dl {
	border-top: 1px solid #fff;
	color: #fff;
	font-weight: 100;
	margin: 0 10px 30px 10px;
	padding: 0;
}
#news dt {
	border-top: none;
	font-weight: 100;
	margin: 0;
	padding: 3.5rem 0 2.5rem 3rem;
}
#news dt.event:after {
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #fff;
	content: "イベント";
	font-size: 1.3rem;
	font-weight: 300;
	display: inline-block;
	margin-left: 30px;
	padding: 2px;
	text-align: center;
	width: 10%;
}
#news dt.info:after {
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color :#fff;
	content: "お知らせ";
	font-size: 1.3rem;
	font-weight: 300;
	display: inline-block;
	margin-left: 30px;
	padding: 2px;
	text-align: center;
	width: 10%;
}
#news dd {
	border-bottom: 1px solid #fff;
	margin: -5rem 0 0 0;
	padding: 0.25rem 5rem 3.5rem 30rem;
}
#news dd.link {
	position: relative;
}
#news dd.link:after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -2.5rem;
}


/* お問い合わせ */
#contact .ttl {
	font-size:4.5rem;
	font-weight: 100;
	text-align: center;
}
#contact .sttl {
	align-items: center;
	display: flex;
	font-size: 1.8rem;
	font-weight: 100;
	line-height: 1.4;
	text-align: left;
	margin: 10px auto 20px auto;
	text-align: center; /* for no-flexbox browsers */
	width: 18%;
}
#contact .sttl:before,
#contact .sttl:after {
	border-top: 1px solid;
	content: "";
	display: inline; /* for IE */
	flex-grow: 1;
}
#contact .sttl:before {
	margin-right: 1em;
}
#contact .sttl:after {
	margin-left: 1em;
}

#contact .contact-txt {
	text-align: center;
	font-size: 2.3rem;
	font-weight: 200;
	line-height: 1.5;
	margin: 20px;
}

#contact .btn-inquiry a {
	background: #ed6d00;
	color: #fff;
	display: block;
	font-size: 1.6rem;
	font-weight: 200;
	margin: 30px auto 0 auto;
	padding: 15px;
	text-align: center;
	width: 40%;
}

#contact .tel {
	margin: 20px auto;
	text-align: center;
}
#contact .tel .tel-link {
	background: url(../img/common/contact-tel.png) no-repeat no-repeat left;
	font-size: 3.3rem;
	font-weight: 500;
	line-height: 1;
	padding-left :25px;
}
#contact .address {
	font-size: 1.3rem;
	font-weight: 200;
	line-height: 1.7;
	margin: 0 10px 50px 0;
	text-align: center;
	white-space:nowrap;
}


/*------------------------------------------------------------------------*/
/* TEICとは　      
/*------------------------------------------------------------------------*/
.title-concept {
	color: #ff9000;
	font-size:4.5rem;
	font-weight: 100;
	text-align: center;
}
.stitle-concept {
	align-items: center;
	color: #ff9000;
	display: flex;
	font-size: 1.8rem;
	font-weight: 200;
	line-height: 1.4;
	text-align: left;
	margin: 15px auto 20px auto;
	text-align: center; /* for no-flexbox browsers */
	width: 14%;
}
.stitle-concept:before,
.stitle-concept:after {
	border-top: 1px solid;
	content: "";
	display: inline; /* for IE */
	flex-grow: 1;
}
.stitle-concept:before {
	margin-right: 1em;
}
.stitle-concept:after {
	margin-left: 1em;
}


/* コンセプト */
.concept-area {
	background: #fffcef;
	margin: 0 0 80px 0;
	padding: 0;
}
.concept-area .concept-top {
	background: url(../img/concept/concept-bg-top.png) 0 0 no-repeat;
	background-size: contain;
	padding: 8.33% 0 0 0;
}
.concept-area .concept-bottom {
	background: url(../img/concept/concept-bg-bottom.png) 0 0 no-repeat;
	background-size: contain;
	clear: both;
	padding: 8.33% 0 0 0;
	margin-bottom: -3rem;
}
.concept-area .catch-txt{
	font-weight: 500;
	font-size: 3.5rem;
	margin: 30px 0;
	text-align: center;
	white-space:nowrap;
}
.concept-area .txt{
	font-weight: 200;
	line-height: 2;
	padding: 0 140px;
}

.concept-company {
	background: #fff;
}
.concept-company  .line {
	border-right: 1px solid #9fa0a0;
	border-bottom: 1px solid #fff;
}
.company-box {
	padding: 0 15px;
}
.company-box .company-img {
	float: left;
	margin: 15px 20px 0 0;
}
.company-box dl {
	padding :0 1rem;
}
.company-box dl dt {
}
.company-box dl dd {
	font-size: 1.1rem;
	font-weight: 300;
	line-height: 1.8;
	margin-top: 10px;
}


/* TEICを利用した3つのアプローチ */
#approach-top {
	background: url(../img/concept/approach-bg-top.png) center bottom no-repeat;
	background-size: contain;
	display: inherit;
	height: 0;
	margin: 0;
	padding-top: 8.85%;
	width: 100%;
}
#approach-bottom {
	background: url(../img/concept/approach-bg-bottom.png) center top no-repeat;
	background-size: contain;
	display: inherit;
	height: 0;
	margin: 0;
	padding-top: 8.86%;
	width: 100%;
}
#approach {
	background: #fdd000;
	width: 100%;
}
#approach .sub-txt {
	text-align: center;
	font-weight: 200;
	line-height: 2;
}
#approach .txt {
	font-weight: 200;
	line-height: 2;
	margin-top: 20px;
}


/* TEICの特長 */
#feature h4 img {
	border: none;
}
#feature img {
	border: 1px solid #f1f1f1;
}
#feature .sttl {
	font-size: 1.8rem;
	font-weight: 600;
	margin: 30px 0 20px;
}
#feature .txt {
	line-height: 1.7;
	margin-bottom: 20px;
}

#feature .btn-area {
	margin-bottom: 80px;
}
#feature .btn-feature a {
	background: #ed6d00;
	color: #fff;
	display: block;
	font-size: 1.6rem;
	font-weight: 200;
	margin: 20px auto 0 auto;
	padding: 12px 0;
	text-align: center;
	width: 100%;
}


/* TEICについて */
#teic-top {
	background: url(../img/concept/teic-bg-top.png) center bottom no-repeat;
	background-size: contain;
	display: inherit;
	height: 0;
	margin: 0;
	padding-top: 8.85%;
	width: 100%;
}
#teic {
	background: #fdd000;
	width: 100%;
}
#teic .sub-txt {
	text-align: center;
	font-weight: 200;
	line-height: 2;
}

#teic .teic-3column {
	max-width: 1200px;
	margin: 0 auto 80px auto;
}
#teic .teic-3column .col-sm-4 {
	padding: 0;
}
#teic .teic-box .blue,
#teic .teic-box .pink,
#teic .teic-box .green {
	text-align: center;
	color: #fff;
	padding: 20px 15px;
}
#teic .teic-box .blue {
	background: #00a0e9;
}
#teic .teic-box .pink {
	background: #e4007f;
}
#teic .teic-box .green {
	background: #6eb92b;
}
#teic .sttl {
	font-size: 1.8rem;
	font-weight: 600;
	margin: 10px 0 5px;
}
#teic .txt {
	font-size: 1.4rem;
	line-height: 1.7;
	margin-bottom: 10px;
}
#teic .btn a {
	border: 1px solid #fff;
	display: block;
	font-size: 1.6rem;
	font-weight: 200;
	margin: 0 auto;
	padding: 5px 30px;
	text-align: center;
}
#teic .teic-box .blue .btn a {
	background: #00a0e9;
	color: #fff;
}
#teic .teic-box .blue .btn a:hover {
	background: #fff;
	color: #00a0e9;
  opacity: 1;
}
#teic .teic-box .pink .btn a {
	background: #e4007f;
	color: #fff;
}
#teic .teic-box .pink .btn a:hover {
	background: #fff;
	color: #e4007f;
  opacity: 1;
}
#teic .teic-box .green .btn a {
	background: #6eb92b;
	color: #fff;
}
#teic .teic-box .green .btn a:hover {
	background: #fff;
	color: #6eb92b;
  opacity: 1;
}




/*------------------------------------------------------------------------*/
/* ラインナップ　      
/*------------------------------------------------------------------------*/
.title-lineup {
	color: #00a0e9;
	font-size:4.5rem;
	font-weight: 100;
	text-align: center;
}
.stitle-lineup {
	align-items: center;
	color: #00a0e9;
	display: flex;
	font-size: 1.8rem;
	font-weight: 200;
	line-height: 1.4;
	text-align: left;
	margin: 15px auto 20px auto;
	text-align: center; /* for no-flexbox browsers */
	width: 18%;
}
.stitle-lineup:before,
.stitle-lineup:after {
	border-top: 1px solid;
	content: "";
	display: inline; /* for IE */
	flex-grow: 1;
}
.stitle-lineup:before {
	margin-right: 1em;
}
.stitle-lineup:after {
	margin-left: 1em;
}

.product {
	margin-bottom: 80px;
}
.product .product-name {
	font-size: 1.8rem;
	line-height: 1.2;
}
.product .product-name span {
	font-size: 1.2rem;
	line-height: 1.2;
}

.lineup-bg-ttl {
    background: #d8f2fe;
    color: #00a0e9;
    font-size: 1.7rem;
    font-weight: 500;
    margin-bottom: 30px;
    padding: 6px 0 6px 30px;
}


/*------------------------------------------------------------------------*/
/* 商品詳細　      
/*------------------------------------------------------------------------*/
#product {
	margin-top: 50px;
}
#product .name {
	font-size: 3rem;
	font-weight: 400;
	line-height: 1.8;
}
#product .price {
	font-size: 2.2rem;
	font-weight: 200;
}
#product .tax {
	font-weight: 200;
}
#product .product-catch {
	font-size: 1.7rem;
	font-weight: 200;
	line-height: 1.8;
	text-align: center;
}
#product .product-catch span {
	color: #e93399;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.8;
}
#product .sp-selected-thumbnail {
	border: 1px solid #ccc;
}

#product .btn-product a,
#spec-area .btn-product a {
	background: #ed6d00;
	clear: both;
	color: #fff;
	display: block;
	font-size: 1.6rem;
	font-weight: 200;
	margin: 30px auto 0 auto;
	padding: 15px;
	text-align: center;
	width: 45%;
}
#top-head .global-mail a:hover,
#contact .btn-inquiry a:hover,
#product .btn-product a:hover,
#spec-area .btn-product a:hover,
#spec-area .btn-naire a:hover,
#order .order-box p.btn-po a:hover,
#order .order-box p.btn-order a:hover,
#feature .btn-feature a:hover {
	background: #eea05e;
  opacity: 1;
}


#spec-area {
	background: #00a0e9;
	margin: 80px 0 50px 0;
	padding: 70px 0;
}
#spec-area .spec-ttl {
	background: url(../img/common/ttl-icon.png) no-repeat left;
	color: #fff;
	font-size: 2.5rem;
	font-weight: 300;
	margin-bottom: 30px;
	padding-left: 35px; 
}

/* スペック */
#spec-area .spec dl {
	border-top: 1px solid #fff;
	color: #fff;
	margin-top: 20px;
	padding: 0;
}
#spec-area .spec dt {
	border-top: none;
	font-weight: 400;
	margin: 0;
	padding: 2rem 0 3.5rem 2.5rem;
}
#spec-area .spec dd {
	border-bottom: 1px solid #fff;
	font-weight: 100;
	line-height: 1.7;
	margin: -7rem 0 0 0;
	padding: 1.25rem 2.5rem 2rem 15rem;
}
#spec-area .spec span.d-indent {
	display: block;
	padding-left: 9rem;
}
#spec-area .spec span.note {
	font-size: 1.2rem;
}
#spec-area .spec dd ul {
	margin: 0;
	padding: 0;
}
#spec-area .spec dd ul li {
	line-height: 1.7;
	list-style: none;
	padding-left: 1.5rem;
	text-indent: -1.5rem;
}

#spec-area .btn-naire a {
	background: #ed6d00;
	color: #fff;
	display: block;
	font-size: 1.4rem;
	font-weight: 200;
	margin: 10px 0;
	padding: 4px 4px 4px 18px;
	text-align: center;
	width: 220px;
}

/* 三面図 */
#spec-area .three-views {
	background: #fff;
	border: 1px solid #ddd;
	line-height: 1.7;
	padding: 20px 20px 10px 20px;
}
#spec-area .btn-three-views a {
	background: url(../img/lineup/pdf-icon.png) no-repeat 22px 6px #ed6d00;
	color: #fff;
	display: block;
	font-size: 1.4rem;
	font-weight: 200;
	margin: 20px auto 10px auto;
	padding: 4px 0 4px 25px;
	text-align: center;
	width: 220px;
}
#spec-area .btn-three-views a:hover {
	background: url(../img/lineup/pdf-icon.png) no-repeat 22px 6px #eea05e;
}

/* 個人情報保護方針 */
#spec-area .privacy,
#teic-inquiry .inc-privacy {
	margin-top: 50px;
}
#spec-area .privacy .note,
#teic-inquiry .inc-privacy .note {
	color: #fff;
	font-weight: 500;
	line-height: 1.7;
	padding-left: 1.5rem;
	text-indent: -1.5rem;
}
#spec-area .inc-privacy,
#teic-inquiry .inc-privacy {
	background: #fff;
	border: 1px solid #dfdfdf;
	height: 200px;
	margin: 30px 0 50px 0;
	overflow-y: auto;
	padding: 15px;
	text-align: left;
}
#spec-area .inc-privacy a,
#spec-area .inc-privacy a:hover,
#teic-inquiry .inc-privacy a,
#teic-inquiry .inc-privacy a:hover {
	color: #00a0e9;
}

#spec-area .inc-privacy p,
#teic-inquiry .inc-privacy p {
	margin: 0 15px 35px 15px;
}
#spec-area .inc-privacy dl,
#teic-inquiry .inc-privacy dl {
	margin: 15px 15px 15px 5px;
}
#spec-area .inc-privacy dt,
#teic-inquiry .inc-privacy dt {
	background: #fff;
	float: none;
	font-weight: 500;
	padding: 0 0 0 10px;
	width: 100%;
}
#spec-area .inc-privacy dd,
#teic-inquiry .inc-privacy dd {
	background: #fff;
	padding: 0 0 15px 10px !important;
}

#spec-area .inc-privacy .ttl-privacy,
#teic-inquiry .inc-privacy .ttl-privacy {
	background-color: #f7f7f7;
	clear: both;
	font-size: 1.7rem;
	font-weight: 300;
	line-height: 1.8;
	margin-bottom: 20px;
	padding-left: 10px;
}
#spec-area .inc-privacy ol,
#teic-inquiry .inc-privacy ol {
	margin: 0 0 15px 0;
}
#spec-area .inc-privacy dd ol,
#teic-inquiry .inc-privacy dd ol {
	margin: 0 0 15px 30px;
}
x#spec-area .inc-privacy ol li,
#teic-inquiry .inc-privacy ol li {
	list-style-type: decimal;
	margin-bottom: 5px;
}
#spec-area .inc-privacy .adjust,
#teic-inquiry .inc-privacy .adjust {
	margin-top: -40px;
}
#spec-area .inc-privacy .end,
#teic-inquiry .inc-privacy .end {
	margin-bottom: -30px !important;
}


/*------------------------------------------------------------------------*/
/* 基本仕様　      
/*------------------------------------------------------------------------*/
.title-specification {
	color: #e4007f;
	font-size:4.5rem;
	font-weight: 100;
	text-align: center;
}
.stitle-specification {
	align-items: center;
	color: #e4007f;
	display: flex;
	font-size: 1.8rem;
	font-weight: 200;
	line-height: 1.4;
	text-align: left;
	margin: 15px auto 20px auto;
	text-align: center; /* for no-flexbox browsers */
	width: 15%;
}
.stitle-specification:before,
.stitle-specification:after {
	border-top: 1px solid;
	content: "";
	display: inline; /* for IE */
	flex-grow: 1;
}
.stitle-specification:before {
	margin-right: 1em;
}
.stitle-specification:after {
	margin-left: 1em;
}

#type .sub-txt {
	text-align: center;
	font-weight: 200;
}

/* タイプについて */
#type {
	background: url(../img/specification/bg-type.png) repeat-x bottom;
	margin-bottom: 80px;
}
#type dl {
	margin: 50px auto;
}
#type dl dt {
	color: #e4007f;
	font-size:1.8rem;
	font-weight: 500;
	text-align: center;
}
#type dl dd {
	font-size:2.8rem;
	font-weight: 500;
	text-align: center;
	white-space:nowrap;
}
#type dl dd span {
	font-size:1.5rem;
	font-weight: 500;
}


/* パーツについて */
.parts-bg {
	background: #ffe7f4;
}
.parts-bg .line {
	border-right: 1px solid #e4007f;
	border-bottom: 1px solid #ffe7f4;
}
.parts-box {
	padding: 0 15px;
}

#parts dl {
	padding :0 1rem;
}
#parts dl dt {
	color: #e4007f;
	font-size:2rem;
	font-weight: 500;
}
#parts dl dd {
	font-size:1.6rem;
	font-weight: 300;
	line-height: 1.8;
	margin-top: 10px;
}

#parts .note {
	font-size:1.6rem;
	font-weight: 300;
	margin:15px 0 45px 0;
}

#parts .parts-img {
	margin-bottom: 80px;
}
#parts .parts-img .txt {
	font-size:1.5rem;
	font-weight: 300;
	margin: 5px 0 15px 0;
	text-align: center;
}


/* 組み立て方 */
#kumitate {
	border-top: 1px solid #f1f1f1;
	padding: 80px 0;
}

.joint-bg {
	background: #ffe7f4;
	padding: 30px 30px 30px 30px;
}

.joint-sub-ttl {
	align-items: center;
	color: #231815;
	display: flex;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
	margin: 15px auto 20px auto;
	text-align: center; /* for no-flexbox browsers */
	width: 40%;
}
.joint-sub-ttl:before,
.joint-sub-ttl:after {
    border-top: 1px solid;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
}
.joint-sub-ttl:before {
    margin-right: 1em;
}
.joint-sub-ttl:after {
    margin-left: 1em;
}

.no01:before,
.no02:before,
.no03:before,
.no04:before {
	background: url(../img/specification/no-icon.png) no-repeat left top;
	color: #fff;
	font-size: 1rem;
	padding: 0 10px 0 4px;
	text-align: center;
}

.joint-no01:before,
.joint-no02:before,
.joint-no03:before {
	background: url(../img/specification/joint-no-icon.png) no-repeat left top;
	color: #fff;
	font-size: 1rem;
	padding: 0 10px 0 4px;
	text-align: center;
}

.no01,
.no02,
.no03,
.no04,
.joint-no01,
.joint-no02,
.joint-no03 {
	margin-top: 5px;
	padding-left: 2rem;
	text-indent: -2rem;
}

.no01:before,
.joint-no01:before {
	content:"1";
}
.no02:before,
.joint-no02:before {
	content:"2";
}
.no03:before,
.joint-no03:before {
	content:"3";
}
.no04:before {
	content:"4";
}


/* 名入れについて */
#naire {
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 50px;
	padding: 80px 0 70px 0;
}

.specification-bg-ttl {
	background: #ffe7f4;
	color: #e4007f;
	font-size: 1.7rem;
	font-weight: 500;
	margin-bottom: 30px;
	padding: 6px 0 6px 30px;
}
#naire dl {
	margin: -20px 0 20px;
	padding: 0;
}
#naire dt {
	border-top: none;
	font-weight: 600;
	margin: 0;
	padding: 2rem 0 3.5rem 2.5rem;
}
#naire dd {
	border-bottom: 1px solid #f1f1f1;
	font-weight: 200;
	line-height: 1.7;
	margin: -7rem 0 0 0;
	padding: 1.25rem 2.5rem 2rem 25rem;
}
#naire dd p {
	margin: 0;
}
#naire dd p.indent {
	margin: 0;
	padding-left: 1.5rem;
	text-indent: -1.5rem;
}
#naire p {
	margin: 0 30px 5px 30px;
}
#naire p.indent {
	margin: 0 30px 5px 30px;
	padding-left: 1.5rem;
	text-indent: -1.5rem;
}


/*------------------------------------------------------------------------*/
/* 特定商取引に基づく表記     
/*------------------------------------------------------------------------*/	
.title-law {
	color: #231815;
	font-size:4.5rem;
	font-weight: 100;
	text-align: center;
}
.stitle-law {
	align-items: center;
	color: #231815;
	display: flex;
	font-size: 1.8rem;
	font-weight: 200;
	line-height: 1.4;
	text-align: left;
	margin: 15px auto 20px auto;
	text-align: center; /* for no-flexbox browsers */
	width: 30%;
}
.stitle-law:before,
.stitle-law:after {
    border-top: 1px solid;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
}
.stitle-law:before {
    margin-right: 1em;
}
.stitle-law:after {
    margin-left: 1em;
}

.law dl {
	border-top: 1px solid #f1f1f1;
	margin-bottom: 50px;
	padding: 0;
}
.law dt {
	border-top: none;
	font-weight: 500;
	margin: 0;
	padding: 2rem 0 3.5rem 2.5rem;
}
.law dd {
	border-bottom: 1px solid #f1f1f1;
	font-weight: 200;
	line-height: 1.7;
	margin: -7rem 0 0 0;
	padding: 1.25rem 2.5rem 2rem 25rem;
}


/*------------------------------------------------------------------------*/
/* 発注フロー    
/*------------------------------------------------------------------------*/
.title-flow {
	color: #6eb92b;
	font-size:4.5rem;
	font-weight: 100;
	text-align: center;
}
.stitle-flow {
	align-items: center;
	color: #6eb92b;
	display: flex;
	font-size: 1.8rem;
	font-weight: 200;
	line-height: 1.4;
	text-align: left;
	margin: 15px auto 20px auto;
	text-align: center; /* for no-flexbox browsers */
	width: 20%;
}
.stitle-flow:before,
.stitle-flow:after {
	border-top: 1px solid;
	content: "";
	display: inline; /* for IE */
	flex-grow: 1;
}
.stitle-flow:before {
	margin-right: 1em;
}
.stitle-flow:after {
	margin-left: 1em;
}

.flow-end {
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 50px;
	padding-bottom: 50px;
}
.naire-bg {
	background: url(../img/flow/flow-bg.png) repeat-y 12px;
}
.naire-nashi,
.naire-ari {
	color: #fff;
	font-size: 2.5rem;
	font-weight: 400;
	min-height: 130px;
	padding: 35px;
	text-align: left;
}
.naire-nashi {
	background: url(../img/flow/flow-icon01.png) no-repeat left;
}
.naire-ari {
	background: url(../img/flow/flow-icon02.png) no-repeat left;
}
.naire-nashi span,
.naire-ari span {
	font-size: 1rem;
}
dl.flow-nashi,
dl.flow-ari {
	margin: -90px 0 50px 130px;
}
dl.flow-nashi dt,
dl.flow-ari dt {
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: 10px;
}
dl.flow-nashi dt {
	color: #FF7600;
}
dl.flow-ari dt {
	color: #7b5aa3;
}
dl.flow-nashi dd,
dl.flow-ari dd {
	font-weight: 200;
	line-height: 1.8;
}
dl.flow-nashi p,
dl.flow-ari p {
	margin: 0;
}
dl.flow-nashi .indent,
dl.flow-ari .indent {
	padding-left: 1.5rem;
	text-indent: -1.5rem;
}

.btn-flow a {
	background: #ed6d00;
	color: #fff;
	display: block;
	font-size: 1.4rem;
	font-weight: 200;
	margin: 10px 0;
	padding: 4px 0;
	text-align: center;
	width: 200px;
}
.btn-flow a:hover {
	background: #eea05e;
}


/*------------------------------------------------------------------------*/
/* 商品の発注･お問い合わせ　      
/*------------------------------------------------------------------------*/
.title-inquiry {
	color: #ed6d00;
	font-size:4.5rem;
	font-weight: 100;
	text-align: center;
}
.stitle-inquiry {
	align-items: center;
	color: #ed6d00;
	display: flex;
	font-size: 1.8rem;
	font-weight: 200;
	line-height: 1.4;
	text-align: left;
	margin: 15px auto 20px auto;
	text-align: center; /* for no-flexbox browsers */
	width: 25%;
}
.stitle-inquiry:before,
.stitle-inquiry:after {
	border-top: 1px solid;
	content: "";
	display: inline; /* for IE */
	flex-grow: 1;
}
.stitle-inquiry:before {
	margin-right: 1em;
}
.stitle-inquiry:after {
	margin-left: 1em;
}


/* 商品の発注 */
#order {
	background: #fff3ea;
	margin-top: -70px;
	padding: 80px 0 20px;
}
#order .order-box {
	background: #fff;
	padding: 30px;
}
#order .order-box .order {
	background: #231815;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 400;
	height: 40px;
	padding: 3px 8px;
	text-align: center;
	width: 40px;
}
#order .order-box .order span {
	font-size: 1rem;
}
#order .order-box dl {
	margin: -33px 0 0 60px;
}
#order .order-box dl p {
	margin: 0;
}
#order .order-box dl dt {
	color: #231815;
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: 10px;
}
#order .order-box dl dd {
	font-weight: 200;
	line-height: 1.8;
  margin-left: -10px;
}
#order .order-box dl .indent {
	padding-left: 1.5rem;
	text-indent: -1.5rem;
}
#order .order-box p.btn-po a {
	background: #ed6d00;
	color: #fff;
	display: block;
	font-size: 1.6rem;
	font-weight: 200;
	margin: 20px auto 0 auto;
	padding: 12px 0;
	text-align: center;
	width: 90%;
	white-space:nowrap;
}
#order .order-box p.btn-order a {
	background: #ed6d00;
	color: #fff;
	display: block;
	font-size: 1.6rem;
	font-weight: 200;
	margin: 20px auto 0 auto;
	padding: 12px 0;
	text-align: center;
	width: 50%;
}

.tel-area .indent {
	padding-left: 1.5rem;
	text-indent: -1.5rem;
}
.tel-area .tel-ttl {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 15px;
}
.tel-area .tel {
	margin: 10px 0;
}
.tel-area .tel .tel-link {
	background: url(../img/common/g-icon-tel.png) no-repeat no-repeat left;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1;
	padding-left :25px;
}
.tel-area .address {
	font-size: 1.4rem;
	font-weight: 200;
	line-height: 1.7;
	margin: 0 10px 50px 0;
	white-space:nowrap;
}


/* お問い合わせ */
#teic-inquiry {
	background: #fdd000;
	margin-bottom: 50px;
	padding: 80px 0 60px;
	font-weight: 200;
}
#teic-inquiry .inquiry-txt {
	font-size: 1.4rem;
	font-weight: 600;
	margin: 15px 0 25px 50px;
	text-align: center;
}
#teic-inquiry .note {
	margin: 10px 0 0 10px;
}
#teic-inquiry .indent {
	font-size: .9rem;
	float: right;
	padding-left: 1rem;
	text-indent: -1rem;
}
#teic-inquiry button, .button {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #ed6d00;
	border-style: solid;
	border-width: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.7rem;
	font-weight: 200;
	line-height: normal;
	margin: -10px 0 0;
	padding: 1.5rem 4rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out;
}
#teic-inquiry button:hover, .button:hover {
	background: #eea05e;
}
input[type="file"], input[type="checkbox"], input[type="radio"], select {
	margin: 0 0 .2rem 0;
}
#teic-inquiry .mfp_ok {
	display: none !important;
}

#teic-inquiry-thanks {
	background: #fdd000;
	margin: -70px 0 50px 0;
	padding: 80px 0 60px;
	font-weight: 200;
}
#teic-inquiry-thanks .inquiry-txt {
	font-size: 1.4rem;
	font-weight: 600;
	margin: 50px 0 25px 50px;
	text-align: center;
}


/*------------------------------------------------------------------------*/
/* NEWS   
/*------------------------------------------------------------------------*/
.title-news {
	color: #6eb92b;
	font-size:4.5rem;
	font-weight: 100;
	text-align: center;
}
.stitle-news {
	align-items: center;
	color: #6eb92b;
	display: flex;
	font-size: 1.8rem;
	font-weight: 200;
	line-height: 1.4;
	text-align: left;
	margin: 15px auto 20px auto;
	text-align: center; /* for no-flexbox browsers */
	width: 23%;
}
.stitle-news:before,
.stitle-news:after {
	border-top: 1px solid;
	content: "";
	display: inline; /* for IE */
	flex-grow: 1;
}
.stitle-news:before {
	margin-right: 1em;
}
.stitle-news:after {
	margin-left: 1em;
}
.news-bg-ttl {
    background: #eff7e7;
    color: #6eb92b;
    font-size: 1.7rem;
    font-weight: 500;
    margin-bottom: 30px;
    padding: 1rem 2rem;
}
.news-bg-ttl span {
	display: block;
	float: right;
	font-weight: normal;
}
.w800 {
	max-width: 800px;
	margin: 0 auto;
}
dl.news {
	border-width: 0 1px 1px;
	margin-top: 0;
	padding: 0;
}
dl.news dt {
	border-top: none;
	font-weight: 200;
	margin: 0;
	padding: .5rem 0 0 0;
}
dl.news dd {
	font-weight: 200;
	margin: -2.1rem 0 0 0;
	padding: 0 0 0 10rem;
}


/*------------------------------------------------------------------------*/
/* footer
/*------------------------------------------------------------------------*/
footer {
	background: #f6f6f6;
	margin: 0 auto;
	padding: 30px 0 20px 0;
}

.footer-link ul {
	margin-top: 25px;
	text-align: center;
}
.footer-link ul li {
	border-right: 1px solid #231815;
	display: inline-block;
	padding: 0 20px;
}
.footer-link ul li.end {
	border-right: none;
	display: inline-block;
	list-style: none;
	padding: 0 20px;
}

.copyright-area {
	background: #231815;
	color: #fff;
	font-size: 1.2rem;
	margin: 0 auto;
	padding: 20px 0 10px 0;
}
.copyright-area a,
.copyright-area a:hover {
	color: #fff;
}

.copyright-area .f-link {
	float: left;
}
.copyright-area .f-link ul {
	margin-left: -50px;
}
.copyright-area .f-link ul li {
	display: inline-block;
	padding: 0 20px;
}
.copyright-area .f-link ul li.company,
.copyright-area .f-link ul li..privacypolicy {
	display: inline-block;
	padding: 0 20px;
}
.copyright-area .f-link ul li.company:after,
.copyright-area .f-link ul li.privacypolicy:after {
	content: "\f08e";
	font-family: FontAwesome;
	margin-left: 10px;
}
.copyright-area .copyright {
	float: right;
}



/*------------------------------------------------------------------------*/
/* タブレット用 　　　　　　　　　　　　     　　　　　　   　　　　　　　　　　　*/
/*------------------------------------------------------------------------*/
@media (max-width: 992px) and (min-width: 768px) { 
		/* デザインリスト */
		.design-4column {
			max-width: 600px;
			margin: 0 auto;
		}
		#design .design-box {
			margin-top: 30%;
			text-align: center;
		}

		/* ニュース・新着情報 */
		#news .sttl {
			width: 32%;
		}
		#news dt.event:after {
			width: 12%;
		}
		#news dt.info:after {
			width: 12%;
		}
		#news dd {
			border-bottom: 1px solid #fff;
			margin: -5rem 0 0 0;
			padding: 0.25rem 5rem 3.5rem 25rem;
		}
		#news dd.link {
			position: relative;
		}
		#news dd.link:after {
			content: "\f105";
			font-family: FontAwesome;
			position: absolute;
			top: 50%;
			right: 30px;
			margin-top: -2.5rem;
		}
		
		
		/* お問い合わせ */
		#contact .sttl {
			width: 28%;
		}


		/* 組み立て方 */
		.sub-ttl {
			width: 60%;
		}

		.joint-sub-ttl {
			width: 60%;
		}


/*------------------------------------------------------------------------*/
/* TEICとは　      
/*------------------------------------------------------------------------*/
		.stitle-concept {
			width: 21%;
		}
		.concept-area .txt{
			padding: 0 100px;
		}
		.company-box .company-img {
			float: none;
			margin: 15px auto;
		}


/*------------------------------------------------------------------------*/
/* 特定商取引に基づく表記     
/*------------------------------------------------------------------------*/	
		.title-law {
			font-size:3.5rem;
			line-height: 1.2;
		}
		.stitle-law {
			width: 50%;
		}


/*------------------------------------------------------------------------*/
/* 発注フロー　      
/*------------------------------------------------------------------------*/
		.stitle-flow {
			width: 32%;
		}


/*------------------------------------------------------------------------*/
/* NEWS      
/*------------------------------------------------------------------------*/
		.stitle-news {
			width: 40%;
		}
		

/*------------------------------------------------------------------------*/
/* 商品の発注･お問い合わせ　      
/*------------------------------------------------------------------------*/
		.stitle-inquiry {
			width: 40%;
		}
		#order .order-box p.btn-order a  {
			width: 90%;
		}
		#teic-inquiry .inquiry-txt {
			margin: 15px 0 0 0;
		}

}

@media (max-width: 1200px) and (min-width: 1025px) { 
	.global-tel {
		display: none;
	}
}

/*------------------------------------------------------------------------*/
/* SP用 　　　　　　　　　　　　     　　　　　　   　　　　　　　　　　　*/
/*------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
/*------------------------------------------------------------------------*/
/* header
/*------------------------------------------------------------------------*/
		#head-underlayer {
			background: url(../img/common/bg-underlayer.jpg) center bottom no-repeat;
			height: 300px;
			margin: 0 0 50px 0;
		}

    #top-head,
    .inner {
			width: 100%;
			padding: 0;
    }
    #top-head {
			border-top: 5px solid #000;
			height: 60px;
			margin-top: 0;
			position: fixed;
			top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
			padding-top: 0;
			background: transparent;
    }
    #mobile-head {
			background: url(../img/common/top-head-bg.png) repeat-x bottom;
			width: 100%;
			height: 60px;
			z-index: 999;
			position: relative;
    }
    #top-head.fixed .logo img,
    #top-head .logo img {
			height: auto;
			position: absolute;
			left: 13px;
			top: 7px;
			max-width: 70px;
    }
    #global-nav {
			position: absolute;
			/* 開いてないときは画面外に配置 */
			top: -500px;
			background: #f2f4ef;
			width: 100%;
			text-align: center;
			padding: 10px 0;
			-webkit-transition: .5s ease-in-out;
			-moz-transition: .5s ease-in-out;
			transition: .5s ease-in-out;
    }
    #global-nav ul {
			bottom: 0;
			font-size: 14px;
			list-style: none;
			margin-top: 20px;
			position: static;
			right: 0;
    }
    #global-nav ul li {
			float: none;
			margin: 0 0 15px 50px;
			position: static;
			text-align: left;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
			width: 100%;
			display: block;
			padding: 0 0 0 33px;
    }
    #nav-toggle {
			display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
			top: 11px;
			-webkit-transform: rotate(315deg);
			-moz-transform: rotate(315deg);
			transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
			width: 0;
			left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
			top: 11px;
			-webkit-transform: rotate(-315deg);
			-moz-transform: rotate(-315deg);
			transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
			/* #global-nav top + #mobile-head height */
			-moz-transform: translateY(556px);
			-webkit-transform: translateY(556px);
			transform: translateY(556px);
    }

		#top-head .global-tel a {
			background: #6eb92b;
			display: block;
			padding: 16px 22px 17px 22px;
			position: absolute;
			right: 124px;
			top: 0;
			z-index: 999;
		}
		#top-head .global-tel a:hover {
			background: #78ce2b;
		}
		#top-head .global-mail a {
			background: #ed6d00;
			display: block;
			padding: 17px 17px 20px;
			position: absolute;
			right: 60px;
			top: 0;
			z-index: 999;
		}
		
		.title-icon {
			margin-top: 90px;
		}
		.stitle {
			width: 40%;
		}



/*------------------------------------------------------------------------*/
/* パンくず
/*------------------------------------------------------------------------*/
		#breadcrumb {
			display: none;
		}



/*------------------------------------------------------------------------*/
/* TOP　      
/*------------------------------------------------------------------------*/
		/* 新しいプロモーションツール */
		.teic-logo {
			max-width: 70%;
		}
		.tool-4column {
			max-width: 400px;
			margin: 0 auto;
		}
		#tool .btn-tool a {
			margin: 0 auto 30px auto;
			width: 70%;
		}


		/* デザインリスト */
		.design-4column {
			max-width: 600px;
			margin: 0 auto;
		}
		#design .design-box {
			margin-top: 10%;
			text-align: center;
		}
		#design .design-txt {
			color: #fff;
			font-size: 1.2rem;
			font-weight: 200;
			margin-bottom: 20px;
		}
		#design .box-more {
			border: 1px solid #fff;
			color: #fff;
			font-size: 1.2rem;
			font-weight: 200;
			margin-bottom: 20px;
			padding: 10px;
		}
		
		#design .btn-design a {
			margin: 30px auto;
			width: 70%;
		}


		/* ニュース・新着情報 */
		#news .ttl {
			font-size:4rem;
		}
		#news .sttl {
			width: 60%;
		}

		#news dt {
			margin: 0;
			padding: 1rem .5rem 0 2rem;
		}
		#news dt.event:after {
			width: 20%;
		}
		#news dt.info:after {
			width: 20%;
		}
		#news dd {
			margin: 0;
			padding: .5rem 4.5rem 1rem 2rem;
		}
		#news dd.link:after {
			right: 20px;
			margin-top: -2.5rem;
		}


		/* お問い合わせ */
		#contact .ttl {
			font-size:4rem;
		}
		#contact .sttl {
			width: 50%;
		}
		#contact .contact-txt {
			font-size: 2rem;
		}
		#contact .btn-inquiry a {
			margin: 30px auto;
			width: 80%;
		}

		
/*------------------------------------------------------------------------*/
/* TEICとは　      
/*------------------------------------------------------------------------*/
		.stitle-concept {
			width: 50%;
		}
		.concept-area .catch-txt{
			font-size: 2.5rem;
		}
		.concept-area .txt{
			padding: 0 30px;
		}

		.concept-company .line {
			border-right: 1px solid #fff;
			border-bottom: 1px solid #9fa0a0;
			margin-bottom: 25px;
		}
		.concept-box {
			padding: 0;
		}
		.concept-box img {
			max-width: 100px;
		}
		.company-box .company-img {
			float: none;
			margin: 15px auto;
		}
		#feature .sttl {
			font-size: 1.8rem;
			font-weight: 600;
			margin: 20px 0 10px;
		}
		#teic .teic-box {
			margin:	0	30px;
		}


/*------------------------------------------------------------------------*/
/* ラインナップ　      
/*------------------------------------------------------------------------*/
		.stitle-lineup {
			width: 50%;
		}


/*------------------------------------------------------------------------*/
/* 商品詳細ページ　      
/*------------------------------------------------------------------------*/
		/* 商品イメージ */
		#product {
			margin-top: 90px;
		}
		#product .name {
			font-size: 2.5rem;
		}

		/* スペック */
		#spec-area .spec dt {
			padding: 2rem 0 .5rem 2.5rem;
		}
		#spec-area .spec dd {
			margin: 0;
			padding: 0 2.5rem 2rem 2.5rem;
		}



/*------------------------------------------------------------------------*/
/* 基本仕様　      
/*------------------------------------------------------------------------*/	
		.stitle-specification {
			width: 40%;
		}

		/* タイプについて */
		#type {
			margin-bottom: 80px;
			background-size: 100% 41%;
		}
		#type dl {
			margin: 20px auto;
		}
		#type dl dd {
			font-size:2.3rem;
			line-height: 1;
		}
		#type dl dd span {
			font-size:1.2rem;
		}


		/* パーツについて */
		.parts-bg .line {
			border-right: 1px solid #ffe7f4;
			border-bottom: 1px solid #e4007f;
			margin-bottom: 25px;
		}
		.parts-box {
			padding: 0;
		}
		.parts-box img {
			max-width: 100px;
		}

		/* 組み立て方 */
		.sub-ttl {
			width: 100%;
		}
		.joint-bg {
			background: #ffe7f4;
			padding: 10px 0;
		}

		.joint-sub-ttl {
			width: 95%;
		}

		/* 名入れについて */
		#naire dt {
			padding: 2rem 0 .5rem 2.5rem;
		}
		#naire dd {
			margin: 0;
			padding: 0 2.5rem 2rem 2.5rem;
		}


/*------------------------------------------------------------------------*/
/* 特定商取引に基づく表記     
/*------------------------------------------------------------------------*/	
		.title-law {
			font-size:2.5rem;
			line-height: 1.2;
		}
		.stitle-law {
			width: 95%;
		}

		.law dt {
			padding: 2rem 0 .5rem 2.5rem;
		}
		.law dd {
			margin: 0;
			padding: 0 2.5rem 2rem 2.5rem;
		}


/*------------------------------------------------------------------------*/
/* 発注フロー      
/*------------------------------------------------------------------------*/
		.stitle-flow {
			width: 70%;
		}
		
		.naire-bg {
			background: url(../img/flow/flow-bg.png) repeat-y 18px;
			background-size: 60px;
			margin: 0;
		}
		.naire-end {
			margin-left: 0;
		}
		.naire-nashi {
			background: url(../img/flow/flow-icon01.png) no-repeat 5px top;
			background-size: 60px;
			padding: 5px 22px;
		}
		.naire-ari {
			background: url(../img/flow/flow-icon02.png) no-repeat 5px top;
			background-size: 60px;
			padding: 5px 22px;
		}
		dl.flow-nashi,
		dl.flow-ari {
			margin: -105px 0 20px 80px;
		}


/*------------------------------------------------------------------------*/
/* NEWS      
/*------------------------------------------------------------------------*/
		.stitle-news {
			width: 80%;
		}
		dl.news {
			border-width: 0 1px 1px;
			padding: 0;
		}
		dl.news dt{
			margin: 0;
			padding: 1rem 0 0 0;
		}
		dl.news dd {
			margin: 0;
			padding: 0 .5rem 0 .5rem;
		}		

/*------------------------------------------------------------------------*/
/* 商品の発注･お問い合わせ　      
/*------------------------------------------------------------------------*/
		.title-inquiry {
			font-size:4rem;
		}
		.stitle-inquiry {
			width: 85%;
		}
		#order .order-box p.btn-po a,
		#order .order-box p.btn-order a  {
			width: 100%;
		}
		#teic-inquiry .inquiry-txt {
			margin: 15px 0 0 0;
		}


/*------------------------------------------------------------------------*/
/* footer
/*------------------------------------------------------------------------*/
.footer-link ul {
	font-size: 1.3rem;
	margin: 25px 0 0 -50px;
	text-align: center;
}
.footer-link ul li {
	padding: 0 10px;
}
.footer-link ul li.end {
	padding: 0 10px;
}

.copyright-area .f-link {
	float: none;
	text-align: center;
}
.copyright-area .f-link ul li {
	padding: 0 10px;
}
.copyright-area .f-link ul li.company {
	padding: 0 10px;
}
.copyright-area .copyright {
	float: none;
	text-align: center;
}

}