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

********************************************************/
.c-page{
	color: #000000;
}
section .c-container{
	padding-bottom: 50px;
}
.sec-utility section .c-container{
	padding-top: 60px;
}
.c-hr{
	border-color: #ffffff;
}
.sec-hybridp{ padding-top: 50px; background-color: #80afd3; }
.sec-utility{ padding-top: 45px; background-color: #4cceb0; }
.sec-converter{ padding-top: 45px; background-color: #aa948e;}
.sec-post{ padding-top: 45px; background-color: #ddbb33; }

@media screen and (max-width: 767px){
	.c-page > .c-container{
		padding-bottom: 50px;
	}
}
/* ======================================================

	共通タイトル

====================================================== */
.title-wrap{
	text-align: center;
}
.title-wrap__mastercam{
	margin-bottom: .5em;

	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1;
}
.title-wrap__mastercam p:nth-child(1){
	max-width: 434px;
	margin: 0 auto 5px;
}
.title-wrap__name{
	margin: 0 auto .1em;
}
.title-wrap__name--shadow{
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
}
.title-wrap__copy{
	margin-bottom: .5em;
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1.47;
}
.title-wrap__lead{
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.47;
}
@media screen and (max-width: 767px){
	.title-wrap__copy{
		font-size: 2.2rem;
	}
	.title-wrap__lead{
		font-size: 2.0rem;
	}
}
/* ======================================================
	カスタマイズ | タブ色
====================================================== */
.c-tab__item--hybr{ background-color: #80afd3; }
.c-tab__item--util{ background-color: #4cceb0; }
.c-tab__item--conv{ background-color: #aa948e;}
.c-tab__item--post{ background-color: #ddbb33; }
/* ======================================================
	カスタマイズ | タブ
====================================================== */
.p-anchor__item a{ color: #00b88e; }
.p-anchor__item a::before{ background-color: #ffffff; box-shadow: 0 6px 0 0 rgba(0,0,0,.3); }
.p-anchor__item a:hover::before{ background-color: #00a99d; }
/* ======================================================
	カスタマイズ | 注目ポイント！
====================================================== */
.p-check{ padding: 40px; }
@media screen and (max-width: 767px) {
	.p-check{
		padding: 0 15px 15px 15px !important;
	}
}
/* ======================================================
	カスタマイズ | タイトル
====================================================== */
.title-wrap__mastercam p:nth-child(1){
	max-width: 534px;
}
.sec-utility .hero__name{
	font-weight: bold;
	color: #ffffff;
}
.sec-utility .hero__catch{
	color: #ffffff;
}
.sec-utility .hero__name img{
	max-width: 550px;
}