@charset "utf-8";
/* CSS Document */
/*超低温 メイン デュアー瓶 start*/
.liquid-container{
	width: 100%;
}
.liquid-section{
	width: 70%;
	margin: auto auto 100px auto;
	display: flex;
	flex-flow: row wrap;
	place-content: center;
	gap: 5%;
}
.liquid-icon{
	width: 25%;
	align-content: center;
}
.liquid-icon img{
	width: 95%;
	max-width: 200px;
	margin: auto;
	display: block;
}
.liquid-text{
	width: 70%;
	place-content: center;
}
.liquid-text p{ 
}
.liquid-content{
	width: 70%;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-template-areas:
	"boxA boxB boxC boxD"
	"boxE boxF boxG boxH"
	"boxI boxI boxI boxI";
	place-content: center;
	text-align: center;
	gap: 0.5%;
}
.liquid-content p{
}
.liquid-boxA{
	grid-area: boxA;
	background-color: rgb(83, 163, 249, 1.0);
	border-top-left-radius: 10px;
}
.liquid-boxB{
	grid-area: boxB;
	background-color: rgba(59, 205, 196, 1.0);
}
.liquid-boxC{
	grid-area: boxC;
	background-color: rgb(229, 121, 239, 1.0);
}
.liquid-boxD{
	grid-area: boxD;
	background-color: rgb(82, 82, 82);
	border-top-right-radius: 20px;
}
.liquid-boxE{
	grid-area: boxE;
	background-color: rgb(83, 163, 249, 0.8);
	border-bottom-left-radius: 20px;
}
.liquid-boxF{
	grid-area: boxF;
	background-color: rgba(59, 205, 196, 0.8);
}
.liquid-boxG{
	grid-area: boxG;
	background-color: rgb(229, 121, 239, 0.8);
}
.liquid-boxH{
	grid-area: boxH;
	background-color: rgba(113, 113, 113, 0.8);
}
.liquid-boxI{
	grid-area: boxI;
	text-align: left;
}
.liquid-boxA h2, .liquid-boxB h2, .liquid-boxC h2, .liquid-boxD h2{
	font-size: 0.9rem;
	color: white;
}
.liquid-boxE p, .liquid-boxF p, .liquid-boxG p, .liquid-boxH p{
	font-size: 1.rem;
	font-weight: 600;
	color: white;
}
.liquid-explan{
	width: 70%;
	margin: auto auto 100px auto;
	display: flex;
	flex-flow: row wrap;
	place-content: center;
	gap: 1%;
	background-color:rgb(227, 248, 255);
	border-radius: 20px;
}
.liquid-image{
	width: 35%;
	align-content: center;
}
.liquid-image img{
	width: 80%;
	max-width: 300px;
	margin: auto;
	display: block;
}
.liquid-explan-text{
	width: 60%;
	place-content: center;
}
.liquid-link{
	width: 70%;
	margin: auto;
	display: flex;
	flex-flow: row wrap;
	gap:5%;
	justify-content: right;
}
.link-card{
	width: 20%;
	background-color: rgba(80, 149, 218, 0.8);/*rgb(255, 187, 0);*/
	height: 50px;
	justify-content: center;
	text-align: center;
	border-radius: 10px;;
}
.link-card p{
	color: white;
	font-size: 0.9rem;
	font-weight: 500;
}
.lgc-section{
	display: flex;
	flex-flow: row wrap;
	width: 80%;
	margin: auto;
	gap: 3%;
}
.lgc-content{
	display: flex;
	flex-flow: column wrap;
	width: 30%;
	margin: auto;
}
.lgc-image{
	width: 100%;
}
.lgc-text{
	width: 60%;
}
/*超低温 メイン デュアー瓶　end*/

@media screen and (min-width: 481px) and (max-width: 1024px){
/*超低温 メイン デュアー瓶 1024-481 start*/
.liquid-container{
	width: 100%;
}
.liquid-section{
	width: 90%;
	margin: auto auto 100px auto;
	display: flex;
	flex-flow: column wrap;
	place-items: center;
	gap: 5%;
}
.liquid-icon{
	width: 40%;
	align-content: center;
}
.liquid-icon img{
	width: 95%;
	max-width: 200px;
	margin: auto;
	display: block;
}
.liquid-text{
	width: 90%;
	place-content: center;
}
.liquid-text p{ 
}
.liquid-content{
	width: 90%;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-template-areas:
	"boxI boxI boxI boxI"
	"boxA boxB boxC boxD"
	"boxE boxF boxG boxH"	;
	place-content: center;
	text-align: center;
	gap: 0.5%;
}
.liquid-content p{
}
.liquid-boxA{
	grid-area: boxA;
	background-color: rgb(83, 163, 249, 1.0);
	border-top-left-radius: 10px;
}
.liquid-boxB{
	grid-area: boxB;
	background-color: rgba(59, 205, 196, 1.0);
}
.liquid-boxC{
	grid-area: boxC;
	background-color: rgb(229, 121, 239, 1.0);
}
.liquid-boxD{
	grid-area: boxD;
	background-color: rgb(82, 82, 82);
	border-top-right-radius: 20px;
}
.liquid-boxE{
	grid-area: boxE;
	background-color: rgb(83, 163, 249, 0.8);
	border-bottom-left-radius: 20px;
}
.liquid-boxF{
	grid-area: boxF;
	background-color: rgba(59, 205, 196, 0.8);
}
.liquid-boxG{
	grid-area: boxG;
	background-color: rgb(229, 121, 239, 0.8);
}
.liquid-boxH{
	grid-area: boxH;
	background-color: rgba(113, 113, 113, 0.8);
}
.liquid-boxI{
	grid-area: boxI;
	text-align: left;
}
.liquid-boxA h2, .liquid-boxB h2, .liquid-boxC h2, .liquid-boxD h2{
	font-size: 0.9rem;
	color: white;
}
.liquid-boxE p, .liquid-boxF p, .liquid-boxG p, .liquid-boxH p{
	font-size: 1.rem;
	font-weight: 600;
	color: white;
}
.liquid-explan{
	width: 80%;
	margin: auto auto 50px auto;
	display: flex;
	flex-flow: column wrap;
	place-items: center;
	gap: 1%;
	background-color:rgb(227, 248, 255);
	border-radius: 20px;
}
.liquid-image{
	width: 60%;
	align-content: center;
}
.liquid-image img{
	width: 80%;
	max-width: 300px;
	margin: auto;
	display: block;
}
.liquid-explan-text{
	width: 90%;
	place-content: center;
}
.liquid-link{
	width: 80%;
	margin: auto;
	display: flex;
	flex-flow: row wrap;
	gap:3%;
	justify-content: right;
}
.link-card{
	width: 30%;
	background-color: rgba(80, 149, 218, 0.8);/*rgb(255, 187, 0);*/
	height: 50px;
	justify-content: center;
	text-align: center;
	border-radius: 10px;;
}
.link-card p{
	color: white;
	font-size: 0.9rem;
	font-weight: 500;
}
.lgc-section{
	display: flex;
	flex-flow: row wrap;
	width: 80%;
	margin: auto;
	gap: 3%;
}
.lgc-content{
	display: flex;
	flex-flow: column wrap;
	width: 30%;
	margin: auto;
}
.lgc-image{
	width: 100%;
}
.lgc-text{
	width: 60%;
}
/*超低温 メイン デュアー瓶 1024-481 end*/
}
@media screen and (max-width: 480px){
/*超低温 メイン デュアー瓶 480 start*/
.liquid-container{
	width: 100%;
}
.liquid-section{
	width: 95%;
	margin: auto auto 100px auto;
	display: flex;
	flex-flow: column wrap;
	place-items: center;
	gap: 5%;
}
.liquid-icon{
	width: 45%;
	align-content: center;
}
.liquid-icon img{
	width: 95%;
	max-width: 200px;
	margin: auto;
	display: block;
}
.liquid-text{
	width: 90%;
	place-content: center;
}
.liquid-text p{ 
}
.liquid-content{
	width: 95%;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-template-areas:
	"boxI boxI boxI boxI"
	"boxA boxB boxC boxD"
	"boxE boxF boxG boxH"	;
	place-content: center;
	text-align: center;
	gap: 0.5%;
}
.liquid-content p{
}
.liquid-boxA{
	grid-area: boxA;
	background-color: rgb(83, 163, 249, 1.0);
	border-top-left-radius: 10px;
}
.liquid-boxB{
	grid-area: boxB;
	background-color: rgba(59, 205, 196, 1.0);
}
.liquid-boxC{
	grid-area: boxC;
	background-color: rgb(229, 121, 239, 1.0);
}
.liquid-boxD{
	grid-area: boxD;
	background-color: rgb(82, 82, 82);
	border-top-right-radius: 20px;
}
.liquid-boxE{
	grid-area: boxE;
	background-color: rgb(83, 163, 249, 0.8);
	border-bottom-left-radius: 20px;
}
.liquid-boxF{
	grid-area: boxF;
	background-color: rgba(59, 205, 196, 0.8);
}
.liquid-boxG{
	grid-area: boxG;
	background-color: rgb(229, 121, 239, 0.8);
}
.liquid-boxH{
	grid-area: boxH;
	background-color: rgba(113, 113, 113, 0.8);
}
.liquid-boxI{
	grid-area: boxI;
	text-align: left;
}
.liquid-boxA h2, .liquid-boxB h2, .liquid-boxC h2, .liquid-boxD h2{
	font-size: 0.9rem;
	color: white;
}
.liquid-boxE p, .liquid-boxF p, .liquid-boxG p, .liquid-boxH p{
	font-size: 1.rem;
	font-weight: 600;
	color: white;
}
.liquid-explan{
	width: 80%;
	margin: auto auto 50px auto;
	display: flex;
	flex-flow: column wrap;
	place-items: center;
	gap: 1%;
	background-color:rgb(227, 248, 255);
	border-radius: 20px;
}
.liquid-image{
	width: 60%;
	align-content: center;
}
.liquid-image img{
	width: 80%;
	max-width: 300px;
	margin: auto;
	display: block;
}
.liquid-explan-text{
	width: 90%;
	place-content: center;
}
.liquid-link{
	width: 80%;
	margin: auto;
	display: flex;
	flex-flow: row wrap;
	gap:3%;
	justify-content: right;
}
.link-card{
	width: 40%;
	background-color: rgba(80, 149, 218, 0.8);/*rgb(255, 187, 0);*/
	height: 50px;
	justify-content: center;
	text-align: center;
	border-radius: 10px;;
}
.link-card p{
	color: white;
	font-size: 0.9rem;
	font-weight: 500;
}
.lgc-section{
	display: flex;
	flex-flow: row wrap;
	width: 80%;
	margin: auto;
	gap: 3%;
}
.lgc-content{
	display: flex;
	flex-flow: column wrap;
	width: 30%;
	margin: auto;
}
.lgc-image{
	width: 100%;
}
.lgc-text{
	width: 60%;
}
/*超低温 メイン デュアー瓶 480 end*/
}