@charset "utf-8";
/********************************************************
	
	flex-grid:| sm  | md  | lg  |  xl  |
	min-width:| 576 | 768 | 992 | 1200 |
	max-width:| 575 | 767 | 991 | 1199 |

********************************************************/
main{
	position: relative;
	padding-top: 100px;
	padding-bottom: 160px;
	background-color: #000000;

	color: #ffffff;
	line-height: 1.6;
}
.c-container-xs{
	max-width:490px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 767px) {
	main{
		padding-top: 50px;
		padding-bottom: 120px;
	}
	section .c-container{
		padding-top: 40px;
		padding-bottom: 20px;
	}
}
/* ======================================================

	背景処理

====================================================== */
.sec-luna1{
	position: relative;
	padding-top: 70px;
	padding-bottom: 38%;
	margin-bottom: 80px;
	background-image: url(images/bg-top.png), url(images/bg-btm.png),url(images/bg-loop.png);
	background-position: 50% 0, 50% 100%, 50% 0;
	background-size: 1080px auto, 1080px auto, 1080px auto;
	background-repeat: no-repeat, no-repeat, repeat-y;
}
.c-bcrumb{
	position: relative;
	z-index: 10;
	margin-bottom: -33px;
}
@media screen and (max-width: 767px) {
	.sec-luna1{
		background-size: 150% auto, 150% auto, 150% auto;
	}
}
/* ======================================================

	H1 タイトル

====================================================== */
.luna-catch{
	margin-bottom: 1em;
	text-align: center;
}
.luna-catch span{
	padding: 0 20px;
	background-color: #0f3f5f;
}
.luna-logo{
	margin-bottom: 80px;
}
.luna-logo span{
	display: block;
	/*max-width: 390px;*/
	max-width: 660px;
	margin: 0 auto;
}
.luna-text{
	font-weight: bold;
}
.luna-shadow{
	box-shadow: 0 0 20px 20px rgba(0,0,0,.3);
	background-color: rgba(0,0,0,.3);
}
@media screen and (max-width: 767px) {
	.luna-logo{
		margin-bottom: 80px;
	}
	.luna-logo span{
		max-width: 800px;
	}
	.luna-shadow{
		margin-bottom: 100px;
	}
}
/* ======================================================

	縦書きテキスト

====================================================== */
.luna-catch2{
	position: absolute;
	top: 70px;
	right: 100px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;

	font-size: 4.2rem;
	font-weight: 900;
	color: #8dc33e;
}
@media screen and (max-width: 991px) {
	.luna-catch2{
		right: -15px;
		font-size: 3.0rem;
	}
}
@media screen and (max-width: 767px) {
	.luna-catch2{
		font-size: 2.0rem;
	}
}
/* ======================================================

	お知らせ

====================================================== */
.p-notice{
	margin-bottom: 220px;
}
@media screen and (max-width: 767px) {
	.p-notice{
		margin-bottom: 40px;
	}
}
/* ======================================================

	加工プロセスが変わる...

====================================================== */
.blk-intro{ margin-bottom: 40px; }
.blk-intro-item{
	margin-bottom: 2em;
}
.blk-intro-item p:nth-child(1){
	font-size: 2.8rem;
	font-weight: bold;
	text-align: center;
}
.blk-intro-item p:nth-child(2){
	color: #fbca4d;
}
@media screen and (max-width: 767px) {
	.blk-intro{
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: rgba(0,0,0,.25);
	}
	.blk-intro-item p:nth-child(1){
		font-size: 2.4rem;
	}
}
/* ======================================================

	補修 | 造形 | 付加造形

====================================================== */
.color-a{ color: #f39800; }
.color-b{ color: #81cff4; }
.blk-test{}

.blk-test-item{
	margin-bottom: 40px;
}
.blk-test-item__title{
	padding: 3px 5px;
	margin-bottom: 20px;

	font-size: 2.1rem;
	font-weight: bold;
	text-align: center;
}
.bg-grade-1{ background: linear-gradient(to right, rgba(113,135,176,0) 0%,rgba(60,150,56,1) 20%,rgba(60,150,56,1) 80%,rgba(113,135,176,0) 100%);  }
.bg-grade-2{ background: linear-gradient(to right, rgba(113,135,176,0) 0%,rgba(200,47,7,1) 20%,rgba(200,47,7,1) 80%,rgba(113,135,176,0) 100%);  }
.bg-grade-3{ background: linear-gradient(to right, rgba(113,135,176,0) 0%,rgba(181,159,20,1) 20%,rgba(181,159,20,1) 80%,rgba(113,135,176,0) 100%);  }
.blk-test-item__inner{
	padding: 20px 22px 20px;
	background-color: rgba(255,255,255,.75);

	font-size: 1.2rem;
	color: #231815;
}
/* ======================================================

	黒背景

====================================================== */
.blk-wrap{
	background-color: rgba(0,0,0,0.5);
}
/* ======================================================

	動画

====================================================== */
.blk-movie{ 
	margin-bottom: 70px; 
}

.line{
	border-top:2px solid #999999;
	padding-top:20px;
}

.movie{
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}
.movie__caption{
	padding-top: 10px;
	font-size: 1.4rem;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.blk-movie{ margin-bottom: 40px; }
}
/* ======================================================

	LUNAの用途

====================================================== */
.blk-use{ margin-bottom: 60px; }
.blk-use-list li{
	margin-bottom: .75em;
}
.blk-use-list p:nth-child(1){
	margin-bottom: .25em;

	font-size: 2.4rem;
	font-weight: bold;
	color: #fbca4d;
}
@media screen and (max-width: 767px) {
	.blk-use-list p:nth-child(1){
		font-size: 2.0rem;
	}
}
/* ======================================================

	LUNAの特長

====================================================== */
.blk-feature{ margin-bottom: 20px; }
.blk-feature-item{
	margin-bottom: 20px;
}
.blk-feature-item p:nth-child(1){
	margin-bottom: 0.5em;

	font-size: 2.4rem;
	font-weight: bold;
	color: #fbca4d;
}
@media screen and (max-width: 767px) {
	.blk-feature-item p:nth-child(1){
		font-size: 2.0rem;
	}
}
/* ======================================================

	メリット / ベネフィット

====================================================== */
.blk-merit{}
.blk-merit .blk-title,
.blk-benefit .blk-title{
	max-width: 126px;
	margin: 0 auto;
}
.blk-merit-item,
.blk-benefit-item{
	margin-bottom: 20px;
	display: flex;
	align-items: flex-start;
}
.blk-merit-item p:nth-child(1),
.blk-benefit-item p:nth-child(1){
	font-size: 4.0rem;
	line-height: 1;
	flex: 0 0 40px;
}
.blk-merit-item p:nth-child(1){ color: #e5002d; }
.blk-benefit-item p:nth-child(1){ color: #00a199;  }
@media screen and (max-width: 767px) {
	.blk-merit .c-row,
	.blk-benefit .c-row{
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: rgba(35,24,21,.5);
	}
}
/* ======================================================

	ADDITIVE MASTER LUNA は金属積層技術に向けた全く新しいCAMです。

====================================================== */
.c-col-66{ width: 66.66%; }
.blk-fnc .c-row { margin-right: -16px; margin-left: -16px; }
.blk-fnc .c-row > [class*="c-col-"] { padding-right: 16px; padding-left: 16px; }

.blk-fnc{ margin-bottom: 100px; }
.blk-fnc .blk-title{
	max-width: 775px;
}
.blk-fnc__list{
	text-indent: -1em;
	padding-left: 1em;
	font-size: 2.1rem;
	font-weight: bold;	
}
.blk-fnc-item{
	margin-bottom: 32px;
}
.blk-fnc-item__title{
	padding: 3px 5px;
	margin-bottom: 10px;
	background: linear-gradient(to right, rgba(113,135,176,0) 0%,rgba(0,66,141,1) 20%,rgba(0,66,141,1) 80%,rgba(113,135,176,0) 100%); 

	font-size: 2.1rem;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.blk-fnc{ margin-bottom: 50px; }
	.blk-fnc__list{
		font-size: 1.6rem;
	}
}
/* ======================================================

	LUNAの多彩な機能

====================================================== */
.blk-modal{
	margin-bottom: 130px;
}
.blk-title{
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}
.blk-modal .c-row { margin-right: -5px; margin-left: -5px; }
/*.blk-modal .c-row > [class*="c-col-"] { padding-right: 5px; padding-left: 5px; }*/
/*.blk-modal-link{
	position: relative;
	margin-bottom: 10px;
}*/
.blk-modal-link{
	flex-grow: 1;

	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;

	width: calc(50% - 10px);
	margin: 5px;
	padding: 10px 30px 10px 10px;
	border-radius: 6px;

	font-size: 2.1rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.blk-modal-link::before{
	position: absolute;
	display: block;
	content: '\e90a';
	font-size: 2.2rem;
	font-weight: bold;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
}
.bg-color-1{ background-color: #00a4af; }
.bg-color-2{ background-color: #00974d; }
.bg-color-3{ background-color: #f3a218; }
.bg-color-4{ background-color: #8d5aa2; }
.bg-color-5{ background-color: #8ab832; }
.bg-color-6{ background-color: #af923e; }
.bg-color-7{ background-color: #de275c; }
.bg-color-8{ background-color: #0060ae; }

@media screen and (max-width: 767px) {
	.blk-modal{
		margin-bottom: 65px;
	}
	.blk-modal-link{
		width: calc(100% - 10px);
		font-size: 1.6rem;
	}
}
/* ======================================================

	バナー

====================================================== */
.blk-banner{
	max-width: 830px;
	margin: 0 auto;
}