.lineup_head_h2 {
    width: 1140px;
    max-width: 100%;
    margin: 0px auto 15px;
    padding: 0 20px;
    text-align: left;
    color: #4c7eb2;
    font-size: .26rem;
    font-weight: 600;
    letter-spacing: .01rem;
}

.product-number {
    font-size: .14rem;
    color: #666666;
    margin-bottom: -5px;
}
.lineup-section__bottom-note {
    max-width: 96%;
    width: 1106px;
    margin: -36px auto 34px;
    color: #ed1c24;
    text-align: right;
}
.lineup_link {
	background: #f2f2f2;
	padding: 35px 0;
	margin-bottom: 68px;
}

.lineup_link div {
	max-width: 850px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.lineup_link div a {
	width: 30%;
	padding: 9px;
	font-size: .16rem;
	color: #4C7EB2;
	background: #FFF;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: baseline;
	border: 1px solid #bababa;
}

.lineup_link div a span {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid #4C7EB3;
	margin-right: 10px;
}

.lineup_link div:last-child {
	max-width: 600px;
	margin-top: 23px;
}

.lineup_link div:last-child a {
	width: 46.4%;
}

@media screen and (max-width: 700px) {
	.lineup_link div a {
		width: 100%;
	}

	.lineup_link div {
		max-width: 850px;
		width: 80%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}

	.lineup_link div a {
		width: 100%;
		margin-bottom: 13px;
	}

	.lineup_link div a:last-child {
		margin-bottom: 0;
	}

	.lineup_link div:last-child a {
		width: 100%;
	}

	.lineup_link div:last-child {
		max-width: 600px;
		margin-top: 13px;
	}
}



.yozai-contact {
	text-indent: -.14rem;
	padding-left: .14rem;
	margin-top: -12px;
	color: #000 !important;
	font-size: .14rem !important;
	font-weight: 400 !important;
	margin-top: 13px;
}

.yozai-contact1 {
	margin-top: -12px;
}

.yozai-contact a {
	color: #4c7eb2;
	text-decoration: underline;
}

.popup_container {
	margin: 60px auto 24px;
	max-width: 1100px;
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
}

.popup_container2 {
	margin: 0px auto 50px;
}

.popup_head {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.popup_head_h2 {
	flex: 0 1 auto;
	width: fit-content;
	color: #4c7eb2;
	font-size: .26rem;
	font-weight: 600;
	letter-spacing: .01rem;
}

.popup_container2 .popup_head_h2 {
	padding-top: 22px;
}

.popup_size {
	flex: 0 1 auto;
	width: fit-content;
}

.popup_size_p {
	font-size: .14rem;
	line-height: 1.7;
}

.popup_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.popup_item {
    display: flex;
    flex-direction: column;
	margin-bottom: 42px;
	flex: 0 1 auto;
	width: calc((100% - 100px) / 6);
}

.popup_link {
	display: block;
	width: 100%;
}

.popup_img {
	width: 100%;
}

.popup_name,
.popup_num {
	font-size: .14rem;
	text-align: center;
	line-height: 1.4;
}
.popup_name {
    margin-top: 0px;
    margin-bottom: 0;
    font-weight: 600;
    order: 1;
}

.popup_num {
    font-size: .14rem;
    color: #000;
    margin-bottom: 13px;
    margin: -26px 0 12px;
}
.popup_num.white{
    color: #fff;
}

.popup_item_desc {
	padding-top: 140%;
	width: 100%;
	position: relative;
	background-color: #ffe3e5;
}

.popup_item_desc_p {
	padding: 40px 18px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: .14rem;
	line-height: 1.5;
	color: #ed1c24;
	display: flex;
	align-items: center;
}

.popup_size_alpilignum-link {
	color: #4c7eb2;
	padding-left: 3px;
}

@media screen and (max-width: 1140px) {
	.popup_container {
		width: calc(100% - 40px);
	}
}

@media screen and (max-width: 1140px) {
	.popup_item {
		width: calc((100% - 60px) / 4);
	}
}

@media screen and (max-width: 700px) {
	.popup_container {
		margin: 60px auto 20px;
	}

	.popup_container2 {
		margin: 0px auto 0;
	}

	.popup_head {
		flex-direction: column;
	}

    .popup_head_h2 {
        font-size: .24rem;
        margin-bottom: 10px;
        width: 100%;
        line-height: 1.4;
    }

	.popup_size {
		width: 100%;
	}

	.popup_size_p {
		margin-left: .2rem;
		text-indent: -.2rem;
	}

	.popup_size_p1 {
		margin-top: 5px;
	}

	.popup_item {
		margin-bottom: 25px;
		width: calc((100% - 20px) / 2);
	}

	.popup_item_desc_p {
		padding: 30px 20px;
	}

	.yozai-contact {
		margin-top: 0px;
		margin-bottom: 40px;
	}
}


.product_tab ul.top li a {
	letter-spacing: 0.05em;
}

.list {
	background: #f2f2f2;
	padding: 30px 0 40px;
	margin-top: 20px;
}

.list>div {
	position: relative;
}

.list div.scroll {
	margin: 0 auto;
}

.list img {
	width: auto;
	max-width: 90%;
	display: block;
	height: auto;
	margin: 0 auto 10px;
	width: 1300px;
}

.list img.left {
	display: none;
}

.list p {
    max-width: 1140px;
    padding: 0 20px;
    margin: 0 auto 14px;
    font-size: .25rem;
    font-weight: 500;
    color: #4d7eb2;
}

.ppanel_list_link {
	position: fixed;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 24px;
	width: 290px;
	background: rgb(76 126 178 / 85%);
	color: #FFF;
	text-align: center;
	padding: 10px 0;
	font-weight: bold;
	z-index: 11;
	font-size: .16rem;
	letter-spacing: .1em;
	border: 1px solid #FFF;
}

.ppanel_list_link i {
	margin-right: 7px;
}

.sheet_feature_intro {
	padding: 38px 0 48px;
	margin: 0 auto;
	max-width: 1100px;
	text-align: center;
	line-height: .27rem;
}

.ppanel_feature_img {
	background: #321201;
}

.ppanel_feature_img img {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	padding: 46px 10px;
}

.ppanel_feature_img img {
	width: 100%;
	max-width: 1370px;
	margin: 0 auto;
	padding: 46px 10px;
}

.ppanel_feature img.sheet_feature_pc {
	display: block;
}

.ppanel_feature_sp {
	display: none;
}

.ppanel_sec2 .left,
.ppanel_sec3 .left,
.ppanel_sec4 .left {
	width: 30%;
	max-width: 324px;
}

.ppanel_sec2 .left {
	margin-top: -9px;
}

.ppanel_sec3,
.ppanel_sec5 {
	background: #FFF;
}

.ppanel_link_herinborn {
	display: block;
	max-width: 320px;
	margin: 0px auto 10px;
	text-align: center;
	padding: 5px;
	font-size: .15rem;
	/* font-weight: 500; */
	color: #4c7eb2;
	border: 1px solid #4c7eb2;
	background: #FFF;
}

.sheet_feature_block3 {
	padding: 32px 20px 30px;
}

.sheet_feature_block4 .left img {
	margin-left: 0px;
}

.sheet_feature_block4 .flex_b {
	max-width: 1140px;
	margin: 0 auto;
	justify-content: flex-start;
}


.sheet_feature_block4 .left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 431px;
	width: 36%;
	width: 210px;
	margin-left: 37px;
}

.sheet_feature_block4 .right {
	max-width: 100%;
	width: auto;
	margin-top: 23px;
}

.sheet_feature_block3 .right {
	width: 100%;
	max-width: calc(100% - 370px);
}

.sheet_feature_block3 .right p {
	font-weight: 500;
	font-size: .16rem;
	margin-bottom: 4px;
}

.ppanel_graph2_cap {
	margin-top: 10px;
}

.ppanel_intro {
	background: #f2f2f2;
}

.ppanel_directory .product_tab ul.top li,
.ppanel_directory .product_tab ul.bottom li {
	max-width: 49%;
}

.basematerial_list {
    margin: 0 auto -25px;
    width: 100%;
    max-width: 1100px;
    display: flex;
}

.basematerial_column {
    flex: 0 1 auto;
    width: 30%;
}

.basematerial_column1,
.basematerial_column2 {
	margin-right: 5%;
}

.basematerial_item {
    margin-bottom: 35px;
}

p.basematerial_head {
	padding: 0;
	font-size: .19rem;
	font-weight: 600;
	color: #000;
}

img.basematerial_table {
	padding: 0;
	width: 100%;
	max-width: 100%;
}

@media screen and (max-width: 1140px) {
	.basematerial_list {
		width: calc(100% - 40px);
		justify-content: space-between;
	}

	.basematerial_column {
		margin-right: 0;
		width: 32%;
	}

	.basematerial_item {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:700px) {
	body .flex_b {
		display: block;
	}
	.lineup_head_h2 {
		font-size: .24rem;
	}
	.sheet_feature_block3 .right {
		width: 100%;
		max-width: 100%;
	}

	.ppanel_feature_img img {
		width: 100%;
		max-width: 1370px;
		margin: 0 auto;
		padding: 16px 10px;
	}

	.ppanel_link_herinborn {
		margin-top: 20px;
	}

	body .flex_b .left {
		width: 100%;
		margin: 0;
	}
}

@media screen and (max-width:420px) {}

.ppanel_list1_wrap {
    background-color: #f2f2f2;
    padding-bottom: 55px;
    padding-bottom: 0px;
}
.ppanel_list1 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1100px;
	justify-content: space-between;
	margin: 0 auto;
	padding: .2rem 0 .37rem;
}

.ppanel_list1>div {
	width: 495px;
	max-width: 47%;
	margin-bottom: 31px;
	position: relative;
}

.ppanel_list1>div h3 {
	font-size: .22rem;
	font-weight: 600;
	color: #000 !important;
}

.model_name {
	display:none;
	width: 100%;
	max-width: 420px;
	text-align: center;
	margin: 0 auto;
	font-size: .15rem;
	line-height: 1.9;
	font-weight: 300;
}

/*
table{
    width: 100%;
    max-width: 420px;
    margin: 0 auto;

}
.ppanel_list1 th{
    text-align: left;
}
.ppanel_list1 table tr{
	border-bottom:1px solid #f2f2f2;
}
.ppanel_list1 table th,
.ppanel_list1 table td {
    font-size: .15rem;
    line-height: 1.9;
    font-weight: 300;
	border-bottom: 1px solid #b3b3b3;
}
.ppanel_list1 table th{
	padding-left:8px;
}
.ppanel_list1 table td{
	
}
*/
.ppanel_list1 img {
	padding: .1rem 0;
}

.akamimasame h3 {
	color: #39b382;

}

.akamiitame h3 {
	color: #eb6d73;

}

.genpeimasame h3 {
	color: #a9ce52;
}

.genpeiitame h3 {
	color: #ef8337;
}

.sirotamasame h3 {
	color: #37a0da;
}

.sirotaitame h3 {
	color: #f8b000;
}

.yosinoemasame h3 {
	color: #00b0a8;

}

.yosinoeitame h3 {
	color: #c966a3;
}

/*
.16rem =  16px
.17rem = 17px

①↓簡単なやり方
.ppanel_list1 .box{
} 

②↓すこしだけ難しいやり方　←おすすめ
.ppanel_list1 > div{

}


    width: 420px;
    max-width: 100%;
    ↓
    width: 100%;
    max-width: 420px;

    flexをスマホ対応する場合、display:flex;がついてる要素にflex-direction: column;を追加で記載する。

    



*/


.ppanel_list2 {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding-top: .3rem;
}

.ppanel_list2>p {
    margin-bottom: 24px;
    padding-bottom: 3px;
    text-indent: -.15rem;
    padding-left: .15rem;
}

.ppanel_list2>div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.ppanel_list2>div>div {
	width: 495px;
	max-width: 47%;
	padding-bottom: .42rem;
}

.ppanel_list2>div>div>p {
	padding-bottom: 5px;
}

.ppanel_list2 h3 {
	font-size: .25rem;
	color: #4c7eb2;
	font-weight: 500;
}

.popup-link {
    right: 17px;
    bottom: 26px;
}



@media screen and (max-width:767px) {
	.ppanel_list1 {
		flex-direction: column;
		text-align: center;
		padding: 30px 20px 4px;
	}

	.ppanel_list1>div {
		max-width: 100%;
		margin-bottom: 37px;
		position: relative;
	}

	.ppanel_list2>div {
		flex-direction: column;
	}

	.ppanel_list2>div>div {
		max-width: 100%;
	}

	.ppanel_list2 {
		padding: 0px 20px 0;
	}

	.ppanel_list1>div>p {
		font-size: .15rem;
	}

	.ppanel_list1 img {
		padding: 12px 0;
	}

	.ppanel_list1 table th,
	.ppanel_list1 table td {
		font-size: .13rem;
		line-height: 1.9;
	}

	.ppanel_list1>div h3 {
		font-size: .23rem;
		text-align: left;
	}

	.ppanel_list2>p {
		margin-top: 14px;
		margin-bottom: 20px;
		padding-bottom: 3px;
		text-indent: -0.15rem;
		padding-left: 0.15rem;
	}

	.ppanel_list2>div>div {
		padding-bottom: 0.32rem;
	}

	.ppanel_list2>div>div>p {
		padding-bottom: 6px;
	}

	.list div {
		padding-left: 0px;
		overflow-x: scroll;
	}

	.list div {
		width: 1300px;
		max-width: 100%;
		margin: 0 auto;
		padding-left: 20px;
	}
	.list p {
		padding: 0 20px 0 34px;
	}
	.list img {
		width: auto;
		max-width: none;
		display: block;
		height: 378px;
	}

	.list img.left {
		display: block;
		position: absolute;
		top: 0;
		left: 20px;
		height: 378px;
		z-index: 1;
		width: auto;
		pointer-events: none;
	}

	.list div.scroll {
		padding-left: 0;
		margin-bottom: 10px;
	}

	.ppanel_list_link {
		width: 250px;
		bottom: 61px;
		background: rgb(76 126 178 / 100%);
	}

	.ppanel_list_link i {
		margin-top: 4px;
	}

	div.basematerial_list {
		padding: 0;
		width: calc(100% - 40px);
		flex-direction: column;
		overflow-x: unset;
	}

	div.basematerial_column {
		padding: 0;
		width: 100%;
		overflow-x: unset;
	}

	div.basematerial_item {
		margin-bottom: 30px;
		padding: 0;
		overflow-x: unset;
	}

	img.basematerial_table {
		margin-bottom: 0;
		width: 100%;
		max-width: none;
		height: auto;
	}
    .lineup-section__bottom-note {
        text-align: start;
        text-indent: -.15rem;
        width: calc(100% - 40px);
        margin: -17px auto 35px;
        max-width: none;
        padding-left: .15rem;
    }
}