/* CSS Document */
.disnone{
	display: none;
}

#mainBlock{
	max-width: 1600px;
	margin: 0 auto;
}

#contentsBlock .inner{
	max-width: 1370px;
	width: 100%;
	margin: 0 auto;
	padding: 104px 0px 155px;
	overflow: hidden;
}

#contentsBlock .inner.mv-area{
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
    padding: 0;
}

@media all and (-ms-high-contrast: none) {
	.download-follow a:before{
		content: "\f15c";
		font-family: 'FontAwesome';
		display: inline-block;
		padding-bottom: 5px;
		padding-left: 14px;
		transform:rotate(-90deg);
		width: 10px;
		height: 20px;
	}
}

.download-follow{
	background: #274db3;
	position: fixed;
	right: 0;
	top: 468px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	z-index: 3;
}
.download-follow a{
	padding: 15px 20px;
	display: block;
	color: #fff;
	transition: .3s;
	border: 1px solid #274db3;
	font-size: 1.8rem;
}
.download-follow a:hover{
	text-decoration: none;
	background: #fff;
	border: 1px solid #274db3;
	color:#274db3;
}
.download-follow a:before{
	content: "\f15c";
	font-family: 'FontAwesome';
	display: inline-block;
	padding-bottom: 8px;
}

.mainvisual-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mainvisual-area .fade-in-top.fade-in-left{
	transition-delay: 0s;
}
.mainvisual-area .fade-in-top.fade-in-right{
	transition-delay: 0.4s;
}

.mainvisual-area p {
	text-align: left;
	font-size: 46px;
	letter-spacing: 13px;
	margin-left: 32px;
	margin-bottom: 16px;
	margin-top: -42px;
}

.mainvisual-area ul {
	text-align: left;
	margin-left: 20px;
}

.sec01{
	background: #e5ebf7;
}

#contentsBlock .sec01 .inner{
	padding: 60px 0 90px;
}

h2{
	position: relative;
	padding: 40px 0;
}

h2 .ttl-bg{
	font-family: 'Oswald', sans-serif;
	font-size: 58px;
	position: absolute !important;
	left: 50%;
	transform: translateX(-50%);
	line-height: 1.4;
	top: 12px;
	letter-spacing: 14px;
	font-weight: normal;
}

h2 span.ttl{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 36px;
	font-weight: 700;
	position: relative;
	letter-spacing: 4px;
}

.sec01 h2 span.ttl-bg{
	color: #ffffff;
}
.sec01 h2 span.ttl{
	color: #232e40;
}
.sec01 h2 span.ttl span{
	position: inherit;
	color: #062f71;
}
.sec01 .flex > figure{
	display: flex;
	align-items: flex-start;
	margin-top: 70px;
}
.sec01 .flex > div{
	width: 23%;
	padding: 0 20px;
}
.sec01 .flex > div p{
	font-size: 16px;
	text-align: center;
    line-height: 1.6;
}
.sec01 .flex > div p span{
	font-size: 22px;
    color: #062f71;
    display: block;
    font-weight: bold;
}

.sec01 .flex > div:nth-of-type(1) {
	transition-delay: 0s;
}
.sec01 .flex > div:nth-of-type(2) {
	transition-delay: 0.2s;
}
.sec01 .flex > div:nth-of-type(3) {
	transition-delay: 0.4s;
}


/*sec02*/
.sec02{
	/*background: #feffff;
	background: linear-gradient(to right,  #feffff 0%,#e3eef8 0%,#f9fbfd 99%);*/
}

#contentsBlock .sec02 .inner{
	max-width: 100%;
	padding: 80px 0 0;
}

.sec02 h2{
	padding: 40px 0 26px;
	
}

.sec02 h2 span.ttl-bg{
	color: #dce6f5;
}
.sec02 h2 span.ttl{
	color: #232e40;
}
.sec02 h2 span.ttl span{
	position: inherit;
	color: #062f71;
}

.sec02-box01{
	display: flex;
	background: #00132c;
	clip-path: polygon(0 0, 100% 0%, 100% 89%, 0 100%);
	overflow: hidden;
}

.sec02-box02{
	display: flex;
	justify-content: flex-end;
	background: #242f31;
	-webkit-clip-path: polygon(0 11%, 100% 0%, 100% 100%, 0 89%);
	clip-path: polygon(0 11%, 100% 0%, 100% 100%, 0 89%);
	margin-top: -107px;
	padding-bottom: 57px;
}
.sec02-box03{
	display: flex;
	background: #232e30;
	clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
	margin-top: -160px;
	overflow: hidden;
}

h3{
	color: #fff;
	font-size: 37px;
	text-align: left;
	line-height: 1.5;
	margin-bottom: 20px;
}
h3 span{
    display: block;
	font-size: 20px;
	text-align: left;
    color: #b2d1ff;
}

.sec02-box01-right{
	max-width: 560px;
	text-align: left;
	margin-left: -206px;
	margin-right: 20px;
	margin-top: 198px;
}

.sec02-box01-right p{
	font-size: 16px;
	text-align: justify;
}

.sec02-box02 .sec02-box01-left{
	max-width: 560px;
	text-align: left;
	margin-right: 90px;
	margin-left: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.sec02-box02 .sec02-box01-left p{
	font-size: 16px;
	text-align: justify;
}

.sec02-box01 figure,
.sec02-box02 figure,
.sec02-box03 figure{
    width: 60%;
	/*margin-top: 57px;*/
}

.sec02-box03 .sec02-box01-right{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 55px;
	margin-left: -206px;
	overflow: hidden;
}

/*features*/

.features{
	background: #e5ebf7;
}

#contentsBlock .features .inner{
	padding: 68px 0 90px;
}

.features h2 span.ttl-bg {
  color: #ffffff;
}

.features h2 span.ttl {
  color: #232e40;
}

.features .flex p{
    font-size: 14px;
}
.features .flex p span{
    color: #062f71;
    display: block;
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
    padding-bottom: 10px;
}


/*sec03*/
#contentsBlock .sec03 .inner{
	max-width: 1150px;
	width: 100%;
	padding: 80px 0 40px;
}

.sec03 h2 span.ttl-bg{
	color: #ecf0f8;
}
.sec03 h2 span.ttl{
	color: #232e40;
}
.sec03 h2 span.ttl span{
	position: inherit;
	color: #062f71;
}

.use-area{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.use-area li{
	width: 30%;
	box-shadow: 0 0px 20px rgba(0,0,0,0.2);
	margin: 0 15px 20px;
}

.use-area li a:hover img{
    opacity: 0.7;
}

.use-area li.fade-in:nth-of-type(1) {
	transition-delay: 0s;
}
.use-area li.fade-in:nth-of-type(2) {
	transition-delay: 0.2s;
}
.use-area li.fade-in:nth-of-type(3) {
	transition-delay: 0.4s;
}
.use-area li.fade-in:nth-of-type(4) {
	transition-delay: 0.5s;
}
.use-area li.fade-in:nth-of-type(5) {
	transition-delay: 0.6s;
}

.use-area li div{
	padding: 20px;
	text-align: left;
}
.use-area li p{
	font-size: 16px;
	text-align: justify;
}

.remodal{
	max-width: 900px !important;
	padding: 5px !important;
	background: none !important;
}

.remodal-wrapper p{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

.remodal-close{
	top: -30px !important;
	right: 10px !important;
	left: inherit !important;
    color: #fff !important;
}

.remodal-close::before{
	font-size: 54px !important;
	
}

.remodal-overlay {
    background: rgba(43, 46, 56, 0.7) !important;
}

.movie_area {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の縦幅*/
	height: 0;
	overflow: hidden;
}

.movie_area video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background: #fff;
}



h5{
	position: relative;
	font-size: 20px;
	color: #062f71;
	margin-bottom: 20px;
}

h5::after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #232e40;
	bottom: -6px;
	width: 20%;
}

.use-lead{
	font-size: 16px;
}

.use-lead span{
	font-size: 36px;
	font-weight: bold;
	color: #062f71;
	display: inline-block;
	margin: 57px auto 30px;
	letter-spacing: 4px;
}

/*sec04*/
#contentsBlock .sec04 .inner{
	max-width: 1000px;
	width: 100%;
	padding: 60px 0;
}

.sec04 h2{
	padding: 40px 0;
}

.sec04 h2 span.ttl-bg{
	color: #ecf0f8;
}
.sec04 h2 span.ttl{
	color: #232e40;
}
.sec04 h2 span.ttl span{
	position: inherit;
	color: #062f71;
}

.accordion_one{
	margin-bottom: 20px;
}

.accordion_header{
	background: #062f71;
	color: #fff;
	padding: 15px;
	font-size: 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	text-align: left;
}

.accordion_header span{
	display: block;
	padding-right: 35px;
	line-height: 1.6;
}

.accordion_header:before{
	content: "";
	background: url("../img/q-icon.png") no-repeat;
	background-size: contain;
	width: 45px;
	height: 45px;
	display: inline-block;
	padding-right: 35px;
}
.accordion_header:after{
	position: absolute;
	top: 3px;
	right: 20px;
	content: "\f067";
	font-family: 'FontAwesome';
	display: inline-block;
	font-size: 40px;
}

.accordion_header.open:after{
	content: "\f068";
}

.box_one{
	background: #fff;
	box-shadow: 3px 5px 9px #eee;
	padding: 15px;
	text-align: left;
	display: flex;
	align-items: center;
	font-size: 16px;
}

.box_one:before{
	content: "";
	background: url("../img/a-icon.png") no-repeat;
	background-size: contain;
	width: 45px;
	height: 45px;
	display: inline-block;
	padding-right: 35px;
}

.txt_a_ac{
	width: 884px;
}
.txt_a_ac a{
	text-decoration: underline;
}

.txt_a_ac a:hover{
	text-decoration: none;
}

/*sec05*/
#contentsBlock .sec05 .inner{
	max-width: 1100px;
	width: 100%;
	padding: 0px 0 0;
}

.sec05 h2{
	padding-bottom: 20px;
}

.sec05 h2 span.ttl-bg{
	color: #ecf0f8;
}
.sec05 h2 span.ttl{
	color: #232e40;
}
.sec05 h2 span.ttl span{
	position: inherit;
	color: #062f71;
}

.sec05 .inner section{
	margin-bottom: 40px;
}

.hd-01{
	font-size: 22px;
	color: #232e40;
}

.hd-01:before{
	content: "/";
	color: #062f71;
	font-size: 24px;
	margin-right: 20px;
}

.sec05 .flex{
	justify-content: space-between;
	max-width: 1000px;
	margin: 0px auto;
}

.dimensional-box{
	width: 48%;
}

.dimensional-box figure{
	border: 1px solid #f3f4f4;
	padding: 10px;
}

.dimensional-box .tblStyle01{
	width: 100%;
}

.sec05 .tblStyle01 th.bg{
	background: #062f71;
	padding: 15px 22px;
}
.sec05 .tblStyle01 th.bg:first-child{
	width: 28%;
}

.tblStyle01 th, .tblStyle01 td{
	padding: 5px 10px;
	font-size: 16px;
}

.scroll > table {
    width: 1400px !important;
    word-break: break-all;
  }

/*sec06*/
#contentsBlock .sec06 .inner{
	max-width: 1100px;
	width: 100%;
	padding: 10px 0 0;
}

.sec06 h2 span.ttl-bg{
	color: #ecf0f8;
}
.sec06 h2 span.ttl{
	color: #232e40;
}
.sec06 h2 span.ttl span{
	position: inherit;
	color: #062f71;
}

.sec06 .precautions-box{
	border: 2px solid #e2e2e2;
	padding: 20px 30px;
	text-align: left;
	height: 420px;
	overflow-y: scroll;
	font-size: 16px;
}
.sec06 .precautions-box .ulStyle02{
	margin-top: 0;
	margin-bottom: 15px;
}
.sec06 .precautions-box p{
	margin-bottom: 10px;
}
.sec06 .precautions-box ul li{
	color: #000922;
}

/*sec07*/
#contentsBlock .sec07 .inner{
	max-width: 1100px;
	width: 100%;
	padding: 90px 0 80px;
}

#contentsBlock .sec07 .inner h2{
    padding: 40px 0 16px;
}

.sec07 h2 span.ttl-bg{
	color: #ecf0f8;
}
.sec07 h2 span.ttl{
	color: #232e40;
}
.sec07 h2 span.ttl span{
	position: inherit;
	color: #062f71;
}

.sec07 .tblStyle01 th,
.sec07 .tblStyle01 td{
    padding: 6px 15px;
    font-size: 16px;
}

.sec07 .tblStyle01 th:first-child{
    background: #004ea2;
	width: 28%;
}
.sec07 .tblStyle01 th,
.sec07 .tblStyle01 td{
	text-align: left;
}

.tblStyle01 td span {
	display: block;
	font-weight: bold;
}

/*sec08*/
#contentsBlock .sec08 .inner {
	max-width: 1000px;
	width: 100%;
	padding: 40px;
}

.disa{
	margin: 0 auto 100px;
	background: #f2f7fb;
	padding: 40px 15px;
}
.disa .flex-box{
	max-width: 740px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.disa .flex-box div{
	text-align: left;
}
.disa .flex-box p{
	text-align: left;
	font-size: 16px;
	padding-top: 10px;
}

.disa .btn{
	width: 100%;
	max-width: 380px;
	margin-left: 30px;
}

/*sec09*/
#contentsBlock .sec09 .inner{
	max-width: 1100px;
	width: 100%;
	padding: 50px 0;
}

#contentsBlock .sec09 .inner .more-btn,
#contentsBlock .sec03 .inner .more-btn{
    max-width: 300px;
    margin: 0 auto;
}
#contentsBlock .sec03 .inner .more-btn .Btn-Text span{
    display: block;
    font-size: 13px;
}

/*schedule-area*/
.schedule-area{

}

#contentsBlock .schedule-area .inner{
	background: url("../img/lp_img08.jpg") no-repeat;
	background-size: cover;
	max-width: 1100px;
	padding: 0;
	margin-bottom: 60px;
}

.schedule-box{
	display: flex;
	align-items: center;
	padding: 20px;
	justify-content: center;
}
.schedule-box > li{
	background: rgba(242,247,251,0.8);
	width: 30%;
	margin: 0 20px;
	padding: 15px 0px;
	font-size: 18px;
	line-height: 1.4;
}

.schedule-box li ul{
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
.schedule-box li ul > li{
	background: #062f71;
	color: #fff;
	width: 23%;
	margin: 0 5px;
	font-weight: bold;
	font-size: 14px;
}

#contentsBlock .sec09 .inner{
	padding: 60px 20px 40px;
}
#contentsBlock .sec09 .inner p{
	margin-top: 20px;
	font-size: 16px;
}

#contentsBlock .sec09 .inner a:hover{
	opacity: 0.8;
}

#contentsBlock .sec09 .inner img{
	border: 1px solid #ddd;
}

/*sec10*/
#contentsBlock .sec10 .inner {
	max-width: 1100px;
	width: 100%;
	padding: 0 0 60px;
}

.sec10 h2 span.ttl-bg{
	color: #ecf0f8;
}
.sec10 h2 span.ttl{
	color: #232e40;
}
.sec10 h2 span.ttl span{
	position: inherit;
	color: #062f71;
}


/*自動見積り*/
#contentsBlock .estimate-area .inner{
	max-width: 1100px;
	width: 100%;
	padding: 10px 0 0;
}

.estimate-area h2 span.ttl-bg{
	color: #ecf0f8;
	width: 100%;
	line-height: 1;
}
.estimate-area h2 span.ttl{
	color: #232e40;
}
.estimate-area h2 span.ttl span{
	position: inherit;
	color: #062f71;
}

.product03 .specification-box .details-right .tblStyle02 th{
	width: 20%;
}

#result-date{
	text-align: right;
	letter-spacing: 1px;
	font-size: 16px;
}

.conversion-btn{
	max-width: 250px;
	margin: 0 auto 40px;
}

.conversion-btn a{
	color: #fff;
	border-radius: 5px;
	background: #e20000;
	border: 1px solid #e20000;
	padding: 15px;
	max-width: 250px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	transition: .3s;
	display: block;
}

.conversion-btn a:hover{
	background: #fff;
	color: #e20000;
	text-decoration: none;
}

.result-area{
	display: none;
	margin-bottom: 100px;
}

.result-details{
	border: 1px solid #d7d7d7;
	padding: 40px;
}

.result-details h2{
	font-size: 32px;
}

.result-details .flex{
	display: flex;
	justify-content: space-between;
	margin: 20px auto 0;
}

.result-details #company-txt{
	font-size: 18px;
	border-bottom: 1px solid #333;
	display: inline-block;
}

.result-details .address{
	text-align: right;
	margin-bottom: 20px;
	font-size: 14px;
}
.result-details .address .nmc-company{
	font-size: 18px;
}

.print-btn{
	font-size: 16px;
	text-align: right;
	margin-top: 10px;
}

.tblStyle03 td.format-all{
	text-align: left;
	border-top: 1px solid #d7d7d7;
}

.tblStyle03 td input{
	height: 30px;
}

.tblStyle03 td input#company-name{
	max-width: 400px;
	width: 100%;
	font-size: 16px;
}
.estimate-box{
	max-width: 800px;
	margin: 0 auto 60px;
}
.estimate-box.tblStyle03 th{
	text-align: left;
}
.format-all > div{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.format-all > div > input{
	margin: 0 10px 0 19px;
	font-size: 16px;
}
.format-all > div:last-child > input{
	margin: 0 10px;
	font-size: 16px;
}



#contentsBlock .support-area .inner {
  max-width: 1000px;
  width: 100%;
  padding: 40px;
}
.support-area{
    margin: 40px auto;
}

.support-area p{
    font-size: 16px;
    padding-bottom: 20px;
}

.support-area .more-btn{
    max-width: 300px;
    margin: 0 auto;
}
.support-area .more-btn a{
    border: 1px solid #000;
    background: #000;
}

@media screen and (max-width: 1300px){
	.mainvisual-area p{
		font-size: 2.8vw;
	}
	
	#contentsBlock .sec01 .inner,
	#contentsBlock .sec04 .inner,
	#contentsBlock .sec05 .inner,
	#contentsBlock .sec06 .inner,
	#contentsBlock .sec07 .inner,
	#contentsBlock .sec08 .inner,
	#contentsBlock .sec10 .inner,
	#contentsBlock .estimate-area .inner,
    #contentsBlock .features .inner{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.sec02-box01-right{
		margin-top: 70px;
	}
	
}

@media screen and (max-width: 1100px){
	.sec02-box02{
		margin-top: -85px;
	}
	.sec02-box02 .sec02-box01-left{
		margin-top: 120px;
	}
	.sec02-box02 figure{
		margin-top: 120px;
	}
	
}
@media screen and (max-width: 1020px){
	.mainvisual-area p{
		font-size: 2.4vw;
	}
	
	.sec02-box01 figure{
		/*margin-top: 60px;*/
	}
	
	.sec02-box01-right {
		margin-top: 60px;
	}
	.sec02-box02 .sec02-box01-left{
		margin-top: 0;
	}
	
	.sec02-box02 figure{
		/*margin-top: 70px;*/
		margin-bottom: 90px;
	}
	
	.sec02-box03 .sec02-box01-right{
		margin: 40px 20px 0 0px;
	}
}



@media screen and (max-width: 960px){
	h3{
		font-size: 2.6vw;
	}
	
	.sec02-box01{
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
	}
	
	.sec02-box02{
		padding-bottom: 154px;
	}
	.sec02-box03{
        clip-path: polygon(0 0, 100% 7%, 100% 100%, 0 100%);
	}
	.sec02-box02 .sec02-box01-left{
		margin-top: 92px;
		max-width: 400px;
	}
	.sec02-box02 figure{
		margin: 0;
	}
	
	.sec02-box01 figure,
	.sec02-box02 figure,
	.sec02-box03 figure{
		width: 64%;
	}
	.sec02-box01-right{
		max-width: 400px;
        margin-left: 0;
	}
	.dimensional-box .tblStyle01 th{
		padding:5px;
		
	}
}

@media screen and (max-width: 810px){
	.download-follow{
		display: none;
	}
}

@media screen and (max-width: 768px){
	h2 .ttl-bg{
		font-size: 48px;
	}
	
	h2 span.ttl{
		font-size: 28px;
	}
	
	.sec01 .flex > div{
		width: 30%;
	}
	
	.sec02-box01-right p,
	.sec02-box02 .sec02-box01-left p{
		font-size: 14px;
	}
	
	
	.sec02-box02 .sec02-box01-left{
		margin-top: 45px;
	}
	
	.accordion_header{
		font-size: 18px;
	}
	
	.accordion_header:before{
		content: "";
		background: url("../img/q-icon_sp.png") no-repeat;
		background-size: contain;
		width: 45px;
		height: 45px;
		display: inline-block;
		padding-right: 15px;
		flex-shrink: 0;
    }
	
	.box_one::before{
		content: "";
		background: url("../img/a-icon_sp.png") no-repeat;
		background-size: contain;
		width: 45px;
		height: 45px;
		display: inline-block;
		padding-right: 15px;
		flex-shrink: 0;
	}
	
	.sec05 .inner section.model-area figure{
		width: 70%;
		margin: 0 auto;
	}
	
	.tblStyle01 th, .tblStyle01 td {
		padding: 5px 10px;
	}
	
	.use-lead{
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}
	
	.use-lead span{
		display: block;
	}
	
	.scroll > table {
		width: 1200px !important;
		word-break: break-all;
	}
	
	.estimate-box.tblStyle03 th:first-child,
	.estimate-box.tblStyle03 tr:last-child th{
		display: block;
	}
	
	.estimate-box.tblStyle03 th:first-child{
		border-bottom: none;
	}
	
	.tblStyle03.estimate-box td.format-all,
	.tblStyle03.estimate-box tr:last-child td{
		display: block
	}
	
	.tblStyle03.estimate-box td.format-all,
	.tblStyle03.estimate-box tr:last-child td{
		border-left: 1px solid #d7d7d7;
	}
	.estimate-box.tblStyle03 tr:last-child th{
		border-bottom: 1px solid #d7d7d7;
	}
}


@media screen and (max-width: 700px){
	.sec01 .flex > div p{
		font-size: 14px;
	}
	
	.sec02-box01-right,
	.sec02-box02 .sec02-box01-left{
		max-width: 340px;
	}
	
	.sec02-box03 .sec02-box01-right {
		max-width: 313px;
	}
	
	h5{
		font-size: 18px;
	}
	
	.use-area li p{
		font-size: 14px;
	}
	
	.accordion_header{
		font-size: 16px;
	}
	
	.dimensional-box .tblStyle01 th{
		font-size: 14px;
	}
	
	.schedule-area,
	.sec08{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.schedule-box{
		justify-content: space-between;
	}
	
	.schedule-box > li{
		width: 48%;
		margin: 0 auto;
	}
	
}

@media screen and (max-width: 640px){
	#contentsBlock .inner{
		padding: 60px 0;
	}
	
	.mainvisual-area ul{
		margin-left: 0;
	}
	
	.mainvisual-area p{
		font-size: 5vw;
		margin-top: 0;
		letter-spacing: 8px;
	}
	
	.mainvisual-area{
		flex-direction: column-reverse;
	}
	
	.sec01 h2 span.ttl-bg{
		color: #bbcce9;
	}
	
	.sec01 .flex > figure{
		display: none;
	}
	.sec01 .flex,
	.features .flex{
		display: block;
	}
	
	.sec01 .flex > div,
	.features .flex > div{
		width: 100%;
		display: flex;
		align-items: center;
		padding: 0;
	}
	
	.sec01 .flex div.img,
	.features .flex div.img{
		width: 50%;
	}
	
	.sec01 .flex > div p,
	.features .flex > div p{
		font-size: 16px;
		width: 80%;
		margin-left: 10px;
        text-align: left;
	}
	
	#contentsBlock .sec02 .sec02-box01{
		background: url("../img/lp_bg01_sp.png") no-repeat;
		background-size: cover;
		background-position: top left;
	}
	
	.sec02-box01{
		min-height: 100vw;
		align-items: flex-end;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.sec02-box01 figure,
	.sec02-box02 figure,
	.sec02-box03 figure{
		display: none;
	}
	
	h3{
		font-size: 20px;
	}
	
	.sec02-box01 h3{
		text-align: right;
	}
	.sec02-box01 h3 span{
		text-align: right;
	}
	
	.sec02-box01-right, .sec02-box02 .sec02-box01-left, .sec02-box03 .sec02-box01-right{
		max-width: 100%;
	}
	.sec02-box01-right p, .sec02-box02 .sec02-box01-left p{
		font-size: 16px;
	}
	
	.sec02-box02{
		background: url("../img/lp_bg02_sp.png") no-repeat;
		background-size: cover;
		background-position: top right;
	}
	
	.sec02-box03{
		background: url("../img/lp_bg03_sp.png") no-repeat;
		background-size: cover;
		background-position: top left;
	}
    
    .sec02-box03 h3{
        text-align: right;
    }
    
    .sec02-box03 h3 span{
        text-align: right;
    }
	
	.sec02-box01-right{
		align-items: flex-end;
	}
	
	.sec02-box01{
		clip-path: inherit;
	}
	
	.sec02-box01-right{
		margin: 0 0px 60px auto;
	}
	
	.sec02-box02{
		margin-top: -40px;
        clip-path: polygon(0 6%, 100% 0%, 100% 100%, 0 89%);
	}
	
	.sec02-box02 .sec02-box01-left{
		min-height: 78vw;
		margin: 0 auto 0px 24px;
		justify-content: flex-end;
	}
	
	.sec02-box03 .sec02-box01-right{
		min-height: 78vw;
		justify-content: flex-end;
	}
	.sec02-box03{
		align-items: flex-end;
	}
	
	.sec02-box03 .sec02-box01-right {
		margin: 0 27px 0px auto;
	}
	
	#contentsBlock .sec03 .inner{
		padding: 40px 0;
	}

	.use-area{
		display: block;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.use-area li{
		width: 100%;
		margin: 0 0 20px;
		display: block;
	}
	.use-area li figure img{
        width: 100%;
		height: 250px;
		object-fit: cover;
	}
	.use-lead span{
		display: block;
		padding: 0;
        font-size: 20px;
	}
	.sec05 .flex{
		display: block;
	}
	
	.dimensional-box{
		width: 100%;
	}
	
	.accordion_header::after{
		font-size: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.box_one{
		align-items: flex-start;
	}
	.disa .flex-box{
		flex-direction: column;
	}
	.disa .flex-box div {
		text-align: center;
	}
	
	.disa .flex-box div figure{
		width: 50%;
		margin: 0 auto;
	}
	
	.disa .flex-box div{
		margin: 10px auto 0;
	}
    
    .features .flex > div p{
        text-align: left;
    }
    .features .flex > div p span{
        padding-bottom: 0;
    }
    .features .flex > div p span br{
        display: none;
    }
	
	
}

@media screen and (max-width: 600px){
	.result-details{
		padding: 20px;
	}
	
	.result-date{
		margin-bottom: 15px;
	}
	
	.result-details .flex{
		display: block;
	}
	
	.company-name{
		text-align: right;
		margin-bottom: 10px;
	}
	
	.result-details .tblStyle03:first-of-type th:first-child{
		width: 10%;
	}
	.result-details .tblStyle03:first-of-type th:nth-child(2){
		width: 18%;
	}
}

@media screen and (max-width: 478px){
	h2 span.ttl {
		font-size: 23px;
		line-height: 1.6;
	}
	
	.sec01 .flex > div p{
		font-size: 15px;
        text-align: left;
	}
	
	.use-area li{
		display: block;
	}
	.use-area li figure img {
		width: 478px;
		height: auto;
	}
	.use-area li div{
		width: 100%;
	}
	
	.sec02-box01-right p, .sec02-box02 .sec02-box01-left p {
		font-size: 15px;
	}
	.sec02-box01,
	.sec02-box02 .sec02-box01-left,
	.sec02-box03 .sec02-box01-right{
		min-height: 100vw;
	}
	
	.use-lead {
		font-size: 15px;
	}
	.use-lead span{
		font-size: 4vw;
	}
	
	.sec05 .inner section.model-area figure{
		width: 100%;
	}
	
	.sec06 .precautions-box{
		font-size: 15px;
	}
	
	.tblStyle01 th, .tblStyle01 td{
		font-size: 15px;
		padding: 5px 15px;
	}
	
	.sec07 .tblStyle01 th:first-child{
		width: 24%;
	}
	
	.sec07 .tblStyle01 th, .tblStyle01 td{
		padding: 5px;
	}
	.schedule-box{
		padding: 20px 10px;
		flex-direction: column;
	}
	
	#contentsBlock .schedule-area .inner{
		background-position: center;
	}
	
	.schedule-box > li{
		width: 90%;
		margin: 0 auto;
		line-height: 1.4;
	}
	.schedule-box > li:first-child{
		margin-bottom: 10px;
	}
	
	.result-details{
		padding: 15px;
	}
	
	.result-details h2{
		font-size: 24px;
	}
	
	.result-details .address .nmc-company{
		font-size: 14px;
	}
	.result-details .tblStyle03 th, .result-details .tblStyle03 td{
		font-size: 13px;
		padding: 6px;
	}
	
	.result-details .tblStyle03 th.total{
		width: 40%;
	}
	
}


/* スクロールCSS */
.fade-in {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-top {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}



/*印刷用CSS*/
@media print{
	
	header,
	.download-follow,
	.mv-area,
	.sec01,
	.sec02,
	.sec03,
	.sec04,
	.sec05,
	.sec06,
	.sec07,
	.sec08,
	.sec09,
	.sec10,
	.schedule-area,
	.estimate-area h2,
	.estimate-box,
	.print-btn,
	.conversion-btn,
	.estimate-area .caution-txt,
	footer{
		display: none;
	}
	
	body {
		zoom: 0.7;
		-webkit-print-color-adjust: exact;
	}
	
	.result-details h2{
		font-size: 26px;
	}
	
	.result-details .address .nmc-company{
		font-size: 16px;
	}
	
	.tblStyle03 th, .tblStyle03 td{
		font-size: 14px;
		padding: 10px;
	}
	
}