@charset "UTF-8";


/* 共通 */
* {
    box-sizing: border-box;
}
img {
    vertical-align: top;
    font-size: 0;
    line-height: 0;
}
footer .ftr-btm .ftr-txt, footer .ftr-btm .copyright {
	text-align: center;
	color: #fff;
}
body.company .contents{
	/*padding-bottom:60px;*/
}
.company section{
	/*padding:60px 80px;*/
	max-width:1300px;
	margin: auto;
}

.company section h2{
	font-size: 30px;
	margin-bottom:60px;
	text-align: center;
	letter-spacing: 0.1em;
}
.company section .sub{
	font-weight: normal;
	font-size: 13px;
}

.company section p{
	font-size: 14px;
	line-height: 2;
}

p.link-future {
    text-align: right;
    margin-top: 20px;
}
p.link-future a{
    text-decoration: none;
		font-size: 13px;
}


/* header */

.company.header{
	position: relative;
	letter-spacing: -0.4em;
	padding:35px 0 35px 10px;
}

.company.header h1{
	display: inline-block;
	width: 15%;
}

.company.header ul{
	position: absolute;
    right: 20px;
    top: 15px;
}
.company.header ul li{
	letter-spacing: 0.1em;
	padding-left: 20px;

}
.company.header ul li:nth-child(-n+7){
	position: relative;
	top:-40px;
}

.company.header ul li.logo-shop{
	position: relative;
	top: -5px;
	z-index: 10;
}

.company.header ul li a{
	color: #0820aa;
	font-size: 12px;
}

.company.header .img-online{
	display: inline-block;
	position: absolute;
}
.company.header .logo-shop{

}
.company.header  ul li .link-icon{
	width: 70%;

}

.title-wrap{
	padding: 60px 80px;
}

.txt-wrap{
	padding: 30px 80px;
}

/* ボタン */
.audio-contrall .audio-btn:focus {
  outline: none;
}
.btn-bl{
	color: #0820aa;
    border: 1px solid #0820aa;
    padding: 10px 20px;
    width: 170px;
    text-align: center;
    display: block;
    margin: auto;
}

.btn-bl:hover{
	background: #0820aa;
	color:#fff;
	opacity:1;
}

.btn-bk{
	color: #585858;
    border: 1px solid #585858;
    padding: 10px 0px;
    width: 200px;
    text-align: center;
    display: inline-block;
    margin-top: 10px;
}
.btn-bk::after{
	content: url("/company/img/img-right-arrow.png");
	position: relative;
	top:-3px;
	left: 6px;
}

.bord-r{
	border-radius: 30px;
}

.light-bl{
	background: #f3f5fa;
}

.contents-page .btn-box .btn-primary{
	border: 2px solid #0820aa !important;
    color: #0820aa;
}

.contents-page .btn-box .btn-primary:hover{
	background: #0820aa;
    color: #fff;
    opacity: 1;
}

/* bnr-area */

.conceptBnr .inner .conceptBnrTxt {
    text-align: center;
    margin-bottom: 10px;
}
.conceptBnr .inner .conceptBnrMain {
    text-align: center;
}
.conceptBnrMain img {
    width: 100%;
}

/*=============================
PC
===============================*/

@media screen and (min-width: 768px) {
	header {
		width: 100%;
		height: 73px;
		position: fixed !important;
		min-width: 1080px;
		font-size: 0;
		top: 0;
		left: 0;
		background: #fff;
		z-index: 101;
		box-shadow: rgba(0, 0, 0, 0.06) -1px 1px 10px 1px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.06) -1px 1px 10px 1px;
		-moz-box-shadow: rgba(0, 0, 0, 0.06) -1px 1px 10px 1px;
	}
	header .ttl {
		text-align: center;
		height: 75px;
		padding: 10px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	header .hbg {
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		width: 75px;
		height: 70px;
		cursor: pointer;
		transition: all 300ms ease;
	}
	header .hbg .hbg-menu-wrap {
		position: fixed;
		height: 100%;
		width: 320px;
		top: 0;
		left: -320px;
		background: #fff;
		box-shadow: rgba(0, 0, 0, 0.06) -1px 1px 10px 1px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.06) -1px 1px 10px 1px;
		-moz-box-shadow: rgba(0, 0, 0, 0.06) -1px 1px 10px 1px;
		transition: all 300ms ease;
	}
	header .hbg .hbg-menu-wrap .scroll-bar {
		padding: 20px 30px;
		position: relative;
		overflow: hidden;
		height: calc(100% - 75px);
		height: -webkit-calc(100% - 75px);
	}
	header .hbg .hbg-menu-wrap .menu-list {
		margin: 40px 0 20px;
	}
	header .hbg .hbg-menu-wrap .menu-list h3 {
		color: #1b0b26;
		font-size: 16px;
		letter-spacing: 0.06em;
		border-bottom: 1px solid #dedede;
		margin-bottom: 15px;
		padding-bottom: 5px;
	}
	header .hbg .hbg-menu-wrap .item-list h3 {
		color: #1b0b26;
		font-size: 16px;
		letter-spacing: 0.06em;
		border-bottom: 1px solid #dedede;
		margin-bottom: 15px;
		padding-bottom: 5px;
	}
	header .hbg .hbg-menu-wrap h2 {
		padding: 20px 30px 17px;
	}
	header .hbg .hbg-menu-wrap .menu-list .hbg-menu-list-item {
		padding-bottom: 1em;
		font-size: 14px;
	}
	header .hbg .hbg-menu-wrap .menu-list .hbg-menu-list-item small {
		font-size: 12px;
		padding-left: 10px;
	}
	header .hbg .hbg-menu-wrap .menu-list .hbg-menu-list-item a {
		color: #1b0b26;
	}
	header .hbg .hbg-menu-wrap .item-list .hbg-menu-list-item {
		padding-bottom: 1em;
		font-size: 14px;
	}
	header .hbg .hbg-menu-wrap .item-list .hbg-menu-list-item a {
		color: #ed5093;
	}
	header .hbg .hbg-menu-item a {
		font-size: 13px;
	}
	header .hbg .hbg-menu-item a .small {
		font-size: 10px;
	}
	header .hbg.show {
		left: 320px;
	}
	header .hbg.show + .hbg-btn {
		background: #ed5093;
		left: 320px;
	}
	header .hbg.show + .hbg-btn .txt {
		color: #fff;
	}
	header .hbg.show + .hbg-btn .bdr {
		background: transparent;
		z-index: 2;
	}
	header .hbg.show + .hbg-btn .bdr:before {
		top: -5px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		background: #fff;
	}
	header .hbg.show + .hbg-btn .bdr:after {
		bottom: 5px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		background: #fff;
	}
	header .hbg.show .hbg-menu-wrap {
		left: 0;
		z-index: 99;
	}
	header .hbg-btn {
		position: relative;
		width: 75px;
		height: 75px;
		border: none;
		z-index: 100;
		transition: 300ms all ease;
		left: 0;
		top: 0;
		background: #ed5093;
	}
	header .hbg-btn:focus {
		outline: none;
	}
	header .hbg-btn:hover {
		cursor: pointer;
		opacity: 0.7;
	}
	header .hbg-btn .bdr {
		width: 36px;
		height: 2px;
		background: #FFFFFF;
		position: absolute;
		margin: auto;
		top: -10px;
		left: 0;
		right: 0;
		bottom: 0;
		transition: all 200ms linear;
		cursor: pointer;
	}
	header .hbg-btn .bdr:before, header .hbg-btn .bdr:after {
		content: "";
		width: 36px;
		height: 2px;
		background: #FFFFFF;
		position: absolute;
		left: 0;
		transition: all 200ms linear;
	}
	header .hbg-btn .bdr:before {
		top: -10px;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	header .hbg-btn .bdr:after {
		bottom: -10px;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	header .hbg-btn .txt {
		position: absolute;
		bottom: 10px;
		color: #FFFFFF;
		font-size: 11px;
		left: 0;
		right: 0;
		letter-spacing: 1px;
	}
	header .g-nav-list {
		position: absolute;
		right: 0;
		padding: 10px 20px;
	}
	header .g-nav-item {
		display: inline-block;
		padding-left: 15px;
		vertical-align: middle;
	}
	header .g-nav-item a {
		color: #1b0b26;
		font-size: 14px;
		letter-spacing: 0.06em;
	}
	header .g-nav-item a img {
		margin-right: 5px;
		vertical-align: sub;
	}
	header .cart-balloon {
		position: absolute;
		right: 10px;
		top: 85px;
		z-index: 10;
		font-size: 14px;
		font-family: "Noto Sans Japanese";
		-webkit-font-smoothing: subpixel-antialiased;
		letter-spacing: 0.09em;
		font-weight: 200;
	}
	header .cart-balloon .cart-balloon-inner {
		background: #FFFFFF;
		border-radius: 20px;
		padding: 10px 20px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
		position: relative;
	}
	header .cart-balloon .cart-balloon-inner:before {
		border-color: transparent transparent #FFFFFF;
		border-image: none;
		border-style: solid;
		border-width: 10px;
		bottom: 100%;
		content: "";
		height: 0;
		right: 33px;
		position: absolute;
		width: 0;
	}
	header .cart-balloon .cart-balloon-inner p span {
		color: #c00;
	}
	header .cart-balloon .cart-balloon-inner p strong {
		font-weight: 600;
	}
body.company{
	min-width:1100px;
}
.company.header img{
	width: 85%;
}

section.about,section.studio,section.info-area{
	/*padding:60px 80px;
	padding-bottom:110px;*/
	padding: 40px 80px;
    padding-bottom: 60px;
}
section.info-area{
	max-width:100%;
}
section.thought-area{
	max-width: 100% !important;
	position: relative;
	background: -moz-linear-gradient(45deg, rgba(224,223,219,0.53) 0%, rgba(222,232,244,0.99) 83%, rgba(222,232,244,1) 84%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(224,223,219,0.53) 0%,rgba(222,232,244,0.99) 83%,rgba(222,232,244,1) 84%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(224,223,219,0.53) 0%,rgba(222,232,244,0.99) 83%,rgba(222,232,244,1) 84%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0dfdb', endColorstr='#dee8f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



/*=============================
TOP
===============================*/

/* cover */
.company section.cover{
	padding:20px 0 ;
	padding-top: 0;
	max-width:100%;
	position: relative;
}

.cover img{
	width:100%;
}

/* about */
.about{
	text-align: center;
}

/* studio */
.studio{
	letter-spacing: -0.4em;
	max-width: 100% !important;
	background: #f8f7f6;
}
.studio-inner{
	letter-spacing: -0.4em !important;
	max-width: 1300px;
    display: block !important;
    margin: auto;
}

.studio div{
	display: inline-block;
	letter-spacing: 0.1em;
	vertical-align: top;
	box-sizing: border-box;
}
.img-studio{
	width:60%;
	padding-right:20px;
}
.img-studio img{
	width:100%;
}

.txt-studio{
	width:40%;
	padding-left:20px;
}

.txt-studio p{
	margin-bottom:20px;
}
.txt-studio a{

}

/* thought */

.thought-area{
	letter-spacing: -0.4em;
	padding:0 !important;
	max-width:100% !important;
}

.thought-area div{
	display: inline-block;
	letter-spacing: 0.1em;
	vertical-align: top;
}

.thought-area-wrap{
	letter-spacing: -0.4em !important;
	max-width:1300px;
	margin: auto;
    display: block !important;
}

.thought-area div img{
	width:100%;
}

.thought-area .left-box{
	width:50%;
	position: relative;
}

.thought-area .left-box .products:hover{
	opacity: 0.7;
}

.thought-area .right-box a.btn-bl{
	position: absolute;
	bottom: 50px;
	right: 42px;
}

.thought-area .right-box{
	width:50%;
	position: relative;
}

.thought-area .right-box .txt-wrap{
	position: absolute;
    top: 0;
    left: 0;
    padding: 40px;
    margin: auto;
    width: 100%;
}

.thought-area .right-box .txt-wrap a{
	position: absolute;
    bottom: -40px;
    left: 40px;
}
.thought-area .right-box .txt-wrap p.txt-dev{
	display: inline-block;
	font-size: 13px;
    letter-spacing: 0.05em;
}

.thought p{
	margin-bottom:30px;
}
.thought .title-wrap p{
	text-align: center;
}

.thought .title-wrap a{
	width: 220px;
    display: block;
    margin: auto;
    margin-bottom:60px;
    letter-spacing: 0.2em;
}

/* petu */

.contents {
	margin: 74px auto 0;
}
.contents .petu-area{
    margin: 80px auto;
    width: 65%;
}

.contents .petu-area img{
    width: 100%;
}

/* info */

.info-area{
	text-align: center;
	max-width:100%;
	background: #f7f6f6;
}

.info-area p{
	margin-bottom:60px;
}

/*=============================
infomation お知らせ
===============================*/

.company.contents-page .info{
	text-align: left;

}

.company.contents-page .info{
	padding:0;
}

.company.contents-page .info .content-wrap .wrap{
	margin-bottom:40px;
}

.company.contents-page h2{
	font-size: 60px;
    color: #fff;
    position: absolute;
    margin: auto;
    width:100%;
    top: 34%;
}
.company.contents-page h2 p{
	font-size:18px;


}

.company.contents-page h3{
	font-size: 30px;
    font-weight: normal;
    line-height: 1;
    border-left: 5px solid #0820aa;
    padding-left: 15px;
    margin: 60px 0 40px;
    letter-spacing: 0.1em;
}

.company.contents-page .title-wrap p span{
	color:#0820aa;
	font-size: 20px;
	font-weight: bold;
}

.company.contents-page .content-wrap{
	padding:30px 80px 40px;
}

.company.contents-page .content-wrap:last-child{
	margin-bottom:0;
}

.company.contents-page .content-wrap h4{
	color:#0820aa;
	font-size: 26px;
	border-bottom:1px solid #0820aa;
	margin-bottom:40px;
}
.company.contents-page .content-wrap h5{
	font-size: 18px;
	background: #f0f1f3;
	padding: 12px;
	margin-bottom:20px;
	position: relative;
}

.company.contents-page .content-wrap h5 span{
	position: absolute;
    right: 10px;
    font-size: 14px;
}

.company.contents-page .content-wrap ol li{
	line-height: 2;
}

/*=============================
開発者の想い
===============================*/

.img-contents {
	margin-bottom:60px;
}
.img-contents img{
	width:100%;
}

.thought-list{
	letter-spacing: -0.4em;
	padding: 60px 80px;
}
.thought-list li{
	width: 49%;
    display: inline-block;
    letter-spacing: 0.1em;
    background: #f1f3f9;
    margin-bottom: 15px;
    line-height: 4.5 !important;
    box-sizing: border-box;
    position: relative;
}
.thought-list li:nth-child(odd){
	margin-right: 1%;
}
.thought-list li:nth-child(even){
	margin-left: 1%;
}
.thought-list li a{
	display: block;
}

.thought-list li .number{
	background: #0820aa;
	color:#fff;
	padding: 21px;
}
.thought-list li .txt{
	padding-left: 20px;
	letter-spacing: 0;
	font-size: 12px;
	display: inline-block;
    width: 70%;
    vertical-align: middle;
    line-height: 2;
}

.thought-list .txt:before, .thought-list .txt:after {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    background: #0820aa;
    position: absolute;
}

.thought-list .txt:before {
    right: 18px;
    top: 27px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
}

.thought-list .txt:after {
    right: 18px;
    top: 35px;
    -webkit-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

section.profile{
	padding:0;
	background: #f7f6f6;
	max-width:100%;
}
.content-wrap .profile-wrap{
	padding: 60px 80px;
	max-width: 1300px;
    margin: auto;
}
.content-wrap .profile-wrap li{
	display: inline-block;
	vertical-align: top;
	line-height: 2;
	font-size: 12px;
}
.content-wrap .profile-wrap li:first-child{
	margin-right:20px;
}

.content-wrap .profile-wrap li span{
	font-weight: bold;
	font-size: 16px;
}
.content-wrap .profile-wrap li img{
	width:100% !important;
}

/*=============================
製品製造について
===============================*/

.history{
	background: #eff3f8;
	padding:16px;
	letter-spacing: -0.4em;
	margin-bottom:20px;
}

.history li{
	color:#0820aa;
	display: inline-block;
	width: 25%;
	letter-spacing: 0.1em;
	text-align: center;
}
.img-history li .tit{
    background: #eff3f8;
    color: #0820aa;
    padding:16px 0;
    letter-spacing: 0.1em;
    position: relative;
    text-align: center;
    font-size: 12px;
  	}

.img-history li .tit.tit02{
	line-height: 1.5;
	padding:10px 0;
}

.img-history li::after{
	content: url("/company/img/img-double-arrow.png");
	position: absolute;
    top: 17px;
    z-index: 10;
}
.img-history .first-list::after{
	right:0;
}
.img-history .history02::after{
	right:-6%;
}
.img-history .history03::after{
	right:14%;
}
.img-history .history04::after{
	right: 5%;
}
.img-history .history05::after{
	right: -1%;
}
.img-history .history06::after{
	right: -9%;
}
.img-history .history07::after{
	right: 11%;
}
.img-history .history08::after{
	right: -6%;
}
.img-history .history09::after{
	right: 2%;
}
.img-history .history10::after{
	right: -1%;
}
.img-history .history11::after{
	right: 5%;
}
.img-history .history12::after{
	right: -3%;
}
.img-history .history13::after{
	right: 3%;
}
.img-history .history14::after{
	right: 9%;
}
.img-history .history15::after{
	right: 9%;
}
.img-history .history16::after{
	right: 9%;
}

.img-history{
	letter-spacing: -0.4em;
	margin-bottom:60px;
}
.img-history li{
	display: inline-block;
	width:25%;
	letter-spacing: 0.1em;
	vertical-align: top;
	text-align: center;
	margin-bottom:40px;
	position: relative;
}

.img-history li p.img-txt{
	position: absolute;
    padding: 24%;
    top: -18%;
    font-size: 12px;
    letter-spacing: 0.05em;
    left: 1%;
}

.img-history li p span{
	color:#0820aa;
}

.img-history li p.txt-wrap{
	text-align: center;
    padding: 0 10px;
    font-size: 11px;
    line-height: 17px;
}

.img-history li img{
	width:65%;
	margin:auto;
	margin-bottom: 20px;
	margin-top:20px;
}

.img-history .first-list img{
	margin-top:8px;
}

.img-history li div{
    display: inline-block;
    width: 50%;
    letter-spacing: 0.1em;
    vertical-align: top;
    box-sizing: border-box;
    padding: 10px;
    padding-top: 0;
    position: relative;
    }
.img-history li.first-list{
    width: 50%;
    letter-spacing: -0.4em;
    }

/*=============================
会社情報
===============================*/


.company-info dl{
	line-height: 4.5;
	border-bottom: 1px solid #0820aa;
}
.company-info dl dt{
	font-weight: bold;
	display: inline-block;
	width: 200px;
    padding-left: 50px;
}

.company-info dl dd{
	display: inline-block;
}

.company-info h4{
	border-bottom:none !important;
}
.company-info .past-active{
	margin:20px 0;
}

.company-info .past-active div{
	display: inline-block;
	line-height: 2;
	position: relative;
    left: -14px;
}

.company-info .past-active li{
	list-style-position: inside;
	margin-bottom: 20px;
	margin-left: 16px;
}

.company-info .past-active p{
	margin-bottom: 20px;
}

.company-info a{
	color:#0820aa;
}

.company-info .year{
	width:100px;
}
.company-info .active-txt{
	vertical-align: top;
}

.company-info .think{
	font-size: 18px;
}

.company-info .think-txt{
	margin-bottom:20px;
}

/* footer */

footer .ftr-nav-list{
	display: inline-block;
	padding: 30px 30px 30px 0;
}

footer .nav-wrap{
	max-width:1300px;
	padding: 0 80px;
	text-align: right;
	margin:auto;
}

footer .ftr-btm{
	background:#0820aa;
	max-width:100% !important;
	padding:30px;
	}
footer .ftr-btm h2{
	text-align: left;
}

footer .ftr-btm h2.ftr-ttl{
	position: relative;
	width:100%;
	height: auto;
}
	.page-top-txt {
		color:#000;
		position: relative;
	}
	.page-top-txt:after {
		right: 22px;
		top: -15px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.page-top-txt:before {
		left: 22px;
		top: -15px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.page-top-txt:before, .page-top-txt:after{
		content: "";
		display: block;
		width: 18px;
		height: 2px;
		background: #0820aa;
		position: absolute;
	}
.page-top-txt:before, .page-top-txt:after{
	content: "";
    display: block;
    width: 18px;
    height: 2px;
    background: #0820aa;
    position: absolute;
}

footer .ftr-nav-item:after{
	content: "" !important;
}

footer .ftr-nav-item a{
	padding: 0 20px;
}
footer .page-top{
	position: relative;
    top: 0;
    padding-top: 0;
    right: 0;
    z-index: 99;
    display: inline-block;
}

footer .page-top a{
	display: block;
	line-height: 5;
}

/*=============================
bnr-area
===============================*/
.contents .bnr-area{
    padding: 50px;
    background: background: radial-gradient(#F2B9A1, #EA6264) fixed;
}
.bnr-area{
    padding-bottom: 150px;
}
.cts {
    padding: 40px 0 40px;
}
.contents .inner {
    background: background: radial-gradient(#F2B9A1, #EA6264) fixed;
    position: relative;
    max-width: 1230px;
    min-width: 1080px;
    margin: 0 auto;
}
.inner {
    padding: 40px;
}
.conceptBnr .inner .conceptBnrMain img {
    max-width: 800px;
}
.bnr-area img {
    max-width: 100%;
}
.sub-ttl {
    text-align: center;
    font-size: 30px;
    font-family: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif;
    font-weight: normal;
}

}/* PC END */


/*=============================
SP
===============================*/

@media screen and (max-width: 767px) {
	header {
		width: 100%;
	}
	header .ttl {
		text-align: right;
		height: 75px;
		padding: 10px 20px;
		position: absolute;
		top: 5px;
		right: 0;
	}
	header .hbg .hbg-menu-wrap {
		position: fixed;
		height: 100%;
		width: 100%;
		left: -100%;
		background: #fff;
		transition: all 300ms ease;
	}
	header .hbg .hbg-menu-wrap h2 {
		height: 28px;
		margin: 16px 0 30px 20px;
		font-size: 0;
	}
	header .hbg .hbg-menu-wrap .menu-list {
		margin-top: 20px;
	}
	header .hbg .hbg-menu-wrap .menu-list h3 {
		color: #1b0b26;
		/*font-size: 14px;*/
		font-size: 20px;
		font-family: "Montserrat", sans-serif;
		font-weight: 600;
		letter-spacing: 0.06em;
		/*border-bottom: 1px solid #dedede;*/
		/*margin-bottom: 15px;
        padding-bottom: 5px;*/
		padding: 27px 0 9px;
	}
	header .hbg .hbg-menu-wrap .item-list h3 {
		color: #1b0b26;
		/*font-size: 14px;*/
		font-size: 20px;
		font-family: "Montserrat", sans-serif;
		font-weight: 600;
		letter-spacing: 0.06em;
		/*border-bottom: 1px solid #dedede;*/
		/*margin-bottom: 15px;
        padding-bottom: 5px;*/
		padding: 27px 0 9px;
	}
	header .hbg .hbg-menu-wrap .menu-list .hbg-menu-list-item {
		/*    padding-bottom: 1em;
            font-size: 13px;
        */
		padding: 10px 0 10px 25px;
		font-size: 13px;
		border-bottom: 1px #ed509333 solid;
	}
	header .hbg .hbg-menu-wrap .menu-list .hbg-menu-list-item small {
		font-size: 11px;
		padding-left: 10px;
	}
	header .hbg .hbg-menu-wrap .menu-list .hbg-menu-list-item a {
		color: #1b0b26;
	}
	header .hbg .hbg-menu-wrap .item-list .hbg-menu-list-item {
		/*    padding-bottom: 0.7em;
            font-size: 13px;
        */
		padding: 10px 0 10px 25px;
		font-size: 13px;
		border-bottom: 1px #ed509333 solid;
	}
	header .hbg .hbg-menu-wrap .item-list .hbg-menu-list-item a {
		color: #ed5093;
	}
	header .hbg .hbg-menu-item a {
		font-size: 13px;
	}
	header .hbg .hbg-menu-item a .small {
		font-size: 10px;
	}
	header .hbg.show {
		left: calc(100% - 40px);
		width: 40px;
		height: 40px;
		top: 10px;
	}
	header .hbg.show + .hbg-btn {
		width: 50px;
		height: 50px;
		top: 0;
		left: calc(100% - 40px);
		z-index: 999;
		margin: 0;
		padding: 0;
		background: #000;
	}
	header .hbg.show + .hbg-btn .txt {
		display: none;
	}
	header .hbg.show + .hbg-btn .bdr {
		background: transparent;
		z-index: 2;
		top: -22px;
	}
	header .hbg.show + .hbg-btn .bdr:before, header .hbg.show + .hbg-btn .bdr:after {
		width: 25px;
	}
	header .hbg.show + .hbg-btn .bdr:before {
		top: 10px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		background: #fff;
	}
	header .hbg.show + .hbg-btn .bdr:after {
		bottom: -10px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		background: #fff;
	}
	header .hbg.show .hbg-menu-wrap {
		top: 0;
		left: 0;
		z-index: 888;
	}
	header .hbg-btn {
		position: relative;
		/*width: 75px;*/
		width: 50px;
		height: 70px;
		background: transparent;
		left: 0;
		border: none;
		transition: 300ms all ease;
	}
	header .hbg-btn:focus {
		outline: none;
	}
	header .hbg-btn:hover {
		cursor: pointer;
		opacity: 0.7;
	}
	header .hbg-btn .bdr {
		width: 35px;
		height: 2px;
		background: #ed5093;
		position: absolute;
		margin: auto;
		top: -10px;
		left: 0;
		right: 0;
		bottom: 0;
		transition: all 200ms linear;
		cursor: pointer;
	}
	header .hbg-btn .bdr:before, header .hbg-btn .bdr:after {
		content: "";
		width: 35px;
		height: 2px;
		background: #ed5093;
		position: absolute;
		left: 0;
		transition: all 200ms linear;
	}
	header .hbg-btn .bdr:before {
		top: -10px;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	header .hbg-btn .bdr:after {
		bottom: -10px;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	header .hbg-btn .txt {
		position: absolute;
		bottom: 10px;
		color: #ed5093;
		font-size: 12px;
		left: 0;
		right: 0;
		letter-spacing: 1px;
	}
	header .g-nav-list {
		padding: 30px 0 0;
		width: 100%;
		font-size: 0;
	}
	header .g-nav-item {
		/*    display: inline-block;
            vertical-align: middle;
            padding-bottom: 12px;
            width: 50%;
        */
		display: inline-block;
		vertical-align: middle;
		padding-bottom: 12px;
		width: 48%;
		text-align: center;
		border: 1px solid #cecccc;
		margin: 1%;
		padding: 10px;
	}
	header .g-nav-item a {
		color: #1b0b26;
		font-size: 13px;
		letter-spacing: 0.06em;
	}
	header .g-nav-item a img {
		margin-right: 10px;
	}
	header .hbg-menu-wrap .scroll-bar {
		position: relative;
		overflow: hidden;
		height: calc(100% - 75px);
		height: -webkit-calc(100% - 75px);
		padding: 0 20px;
	}

	#campaign {
		position: relative;
		background: #E95283 none repeat scroll 0 0;
		color: #ffffff;
		left: 0;
		line-height: 1.4;
		text-align: left;
		width: 100%;
		z-index: 100;
		font-size: 12px;
		padding: 10px 0 10px;
	}
	#campaign p {
		text-align: center;
		letter-spacing: 0.09em;
	}
	#campaign p span {
		position: relative;
		display: inline-block;
	}
	/* 共通 */
	body.company .contents{
		padding-bottom:0;
	}

	header .hbg-btn{
		bottom: 10px;
    	position: absolute;
    	left: 0;
	}
	header .hbg-btn .bdr{
		background: #0820aa;
	}

	header .hbg-btn .bdr:before, header .hbg-btn .bdr:after{
		background: #0820aa;
	}
	header .hbg-btn .txt{
		color:#0820aa;
	}

	.company.header img{
		width: 50%;
	}
	.company.header .hbg-menu-wrap ul li{
		line-height: 4;
	}
	.company.header .hbg-menu-wrap ul li:nth-child(-n+7){
		top:0;
	}
	.company.header .hbg-menu-wrap ul{
		position: initial;
      height: calc(100% - 107px);
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;

	}
	.company.header h1{
		display: block;
		text-align: right;
		margin-right:20px;
		width: initial;
	}

	.company.header .hbg-menu-wrap h1{
		margin: 40px 0;
    	margin-right: 50px;
	}


	footer .ftr-btm{
		background: #0820aa !important;
	}
	.ftr-btm img{
		width: 200px !important;
	}

	.page-top-txt {
		color:#000;
		position: relative;
	}
	.page-top-txt:after {
		right: 22px;
		top: -15px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.page-top-txt:before {
		left: 22px;
		top: -15px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.page-top-txt:before, .page-top-txt:after{
		content: "";
		display: block;
		width: 18px;
		height: 2px;
		background: #0820aa;
		position: absolute;
	}
	.page-top {
		left: 0;
		width: 100%;
		text-align: center;
	}

/*=============================
TOP
===============================*/

	.company section{
		width:100%;
		padding:0;
	}
	.company section img{
		width:100%;
	}
	.company section h2{
		margin:40px 20px;
		line-height: 1.3;
	}
	.company section.about,.company section.studio,.company section.info-area,.company section.ftr-btm{
		padding:20px;
	}

	.company section.studio .img-studio{
		margin-bottom:20px;
	}
	.company section.studio .txt-studio p{
		margin-bottom:20px;
	}
	.btn-bk {
	    color: #585858;
	    border: 1px solid #585858;
	    padding: 10px 20px;
	    width: 200px;
	    text-align: center;
	    display: block;
	    margin: auto;
	}
	.right-box{
		position: relative;
	}
	.right-box .btn-bl{
		position: absolute;
	    bottom: 20px;
	    right: 20px;
	}
	/*.right-box{
		position: relative;
		background: #dee8f4;
	}
	.right-box .txt-wrap{

	}
	.right-box .txt-wrap .txt-dev{
    	padding: 0 20px;
	}
	.right-box img{
		width: 50% !important;
		display: block;
    	margin: auto;
	}
	.right-box .btn-bl{
		position: relative;
	    top: 20px;
	    margin-bottom:20px;
	}
	.right-box.rev {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-direction:reverse;
    -moz-box-direction:reverse;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-flex-direction:column-reverse;
    -moz-flex-direction:column-reverse;
    flex-direction:column-reverse;
}*/

/*.thought-area{
		margin:20px 0 !important;
	}*/

.info-area p{
	margin-bottom:20px;
}

/*=============================
INFO
===============================*/

	section.info .title-wrap{
		padding:20px;
		margin-bottom:0;
	}
	section.info .content-wrap{
		padding:20px;
	}
	.company.contents-page .cover{
		position: relative;
	}
	.company.contents-page h2.content-title{
	position: absolute;
    margin: auto;
    width: 100%;
    top: 21%;
    color: #fff;
    font-size: 24px;
	}
	.company.contents-page .info{
	text-align: left;
}

.company.contents-page h3{
	font-size: 20px;
    font-weight: normal;
    line-height: 1;
    border-left: 5px solid #0820aa;
    padding-left: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
    letter-spacing: 0.1em;
}

.company.contents-page .title-wrap p span{
	color:#0820aa;
	font-size: 16px;
	font-weight: bold;
}
.company.contents-page .content-wrap{
	padding: 20px;
}

.company.contents-page .content-wrap:last-child{
	margin-bottom:0;
}

.company.contents-page .content-wrap p{
	margin-bottom:0;
}
.company.contents-page .content-wrap .wrap{
	margin-bottom:40px;
}

.company.contents-page .content-wrap h4{
	color:#0820aa;
	font-size: 22px;
	border-bottom:1px solid #0820aa;
	margin-bottom:20px;
}
.company.contents-page .content-wrap h5{
	font-size: 18px;
	background: #f0f1f3;
	padding: 12px;
	margin-bottom:20px;
	position: relative;
}

.company.contents-page .content-wrap h5 span{
    font-size: 14px;
}

.company.contents-page .content-wrap ol li{
	line-height: 2;
	}

/*=============================
製品製造について
===============================*/


.thought .title-wrap,.products .title-wrap{
	padding:20px;
}

.products .img-history div{
	position: relative;
}

.products .img-txt{
	border: 3px solid #0820aa;
    padding: 15px;
}
.img-history li p span{
	color:#0820aa;
}
.img-history li .tit{
	background: #eff3f8;
	color: #0820aa;
	padding:10px;
}

.img-history li img{
	width: 65%;
    display: block;
    margin: auto;
    margin-top:20px;
}

.txt-wrap{
	padding:10px;
	padding-bottom:20px;
}


/*=============================
開発者の想い
===============================*/

.thought .title-wrap .btn-bl{
	margin-top: 20px;
}
.thought-list li {
    display: block;
    letter-spacing: 0.1em;
    background: #f1f3f9;
    margin-bottom: 10px;
    line-height: 3.2 !important;
    box-sizing: border-box;
    position: relative;
    }
.thought-list li .number {
    background: #0820aa;
    color: #fff;
    padding: 12px;
}
.thought-list li .txt {
	padding-left: 10px;
    letter-spacing: 0;
    font-size: 12px;
    display: inline-block;
    width: 74%;
    vertical-align: middle;
    text-align: center;
}
.thought-list .txt:before {
    right: 14px;
    top: 17px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
}
.thought-list .txt:after {
    right: 14px;
    top: 24px;
    -webkit-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg);
}
.thought-list .txt:before, .thought-list .txt:after {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #0820aa;
    position: absolute;
	}
.content-wrap .profile-wrap li{
	margin-bottom: 20px;
}

.content-wrap .profile-wrap li span {
    font-weight: bold;
    font-size: 16px;
}
.profile .profile-wrap li img{
    width: 50%;
    display: block;
    margin:auto;
}
.thought .img-contents{
	margin-bottom:20px;
}

.future-list-txt{
	margin: 20px 0;
}

.futureContents{
	padding:20px !important;
}
.contents-page .btn-box{
	padding:20px;
}

/*=============================
会社情報
===============================*/

.company-info dl{
	padding: 10px 0;
	border-bottom: 1px solid #0820aa;
}
.company-info dl dt{
	font-weight: bold;
	display: inline-block;
	width: 30%;
	vertical-align: top;
}

.company-info dl dd{
	display: inline-block;
	width: 70%;
}
.company-info h4{
	border-bottom: none !important;
}
.company-info .past-active{
	margin:20px 0;
}
.company-info .past-active li{
	margin-bottom:20px;
}

.company-info a{
	word-break:break-all;
	color:#0820aa;
}
.think-txt{
	margin-bottom:20px !important;
}

/*=============================
bnr-area
===============================*/
.contents .inner{
    background: background: radial-gradient(#F2B9A1, #EA6264) fixed;;
    padding:40px;
}
.cts {
    padding: 30px 0;
    padding: 40px 0 40px;
}
.bnr-area .inner {
    position: relative;
}
.conceptBnr .inner .conceptBnrTitleJa {
    font-size: 150%;
}
.conceptBnr .inner .conceptBnrTxt {
    text-align: center;
    margin-bottom: 10px;
    font-size: 88%;
}
.conceptBnr .inner .conceptBnrMain img {
    width: 100%;
}
.bnr-area img {
    max-width: 100%;
}


}/* SP END */

@media screen and (min-width: 767px) and (max-width: 1024px) {
body {
	max-width: 100%;
}


}