@charset "utf-8";
/***** MediaQuery *****/

/* Mobile+Tablet */
@media (max-width: 1023px) {
	#row5 h1 { padding-top:80px; /* padding-bottom:40px; */ font-size:26px; }
	#row5 .inner .flex { margin:0!important; /* margin:0 -8px; */ }
	#row5 .inner .flex ul li { position:relative; /* width: calc(50% - 16px)!important; margin:0 8px; */ width: calc(50% - 0px); margin:0px!important; }
	#row5 .inner .flex ul li a > div { margin-top:40px; }
	#row5 .inner .flex dl { width:80%; margin-left:auto; margin-right:auto; margin-top:30px; /* position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:75%; margin-left:auto; margin-right:auto; */ }
	#row5 .inner .flex dl dd { padding-top:12px; }
	#row5 .inner .flex span { display:block; height:326px; }
	/* #row5 .inner .flex ul li > a > div { margin-top:40px; } */
	/* #row5 .inner .flex span img {  z-index:1; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:calc(50% - 0px); max-width:70%;  width:100%; max-height:227px; height:auto; } */
	#row5 .inner .flex .img { 
		/* z-index:0;
			    position: absolute;
			    top: 0;
			    left: 0;
			    bottom: 0;
			    right: 0;
			    height:326px;
		background-size:50% auto;
			    background-repeat: no-repeat;
			    background-position: center bottom; */

		top: 22.5px!important;
		bottom: 22.5px!important;
	}
	#row5 .inner .flex a { /* overflow:hidden; height:326px; max-height:326px; padding-bottom:120px; */ }
	#row5 .img.pc { display:none; }
	#row5 .inner .flex ul li a > div { margin-top:40px; }
}

/* PC */
@media (min-width: 1024px) {
	#row5 h1 { padding-top:100px; padding-bottom:40px; font-size:30px; }
	#row5 .inner { position:relative; }
	#row5 > .inner .btn { z-index:1; position:absolute; right:0; top:112px; }
	#row5 .inner .flex { margin:0 -4px; }
	#row5 .inner .flex a { /* height:344px; max-height:344px; padding-bottom:120px; */ }
	#row5 .inner .flex ul li { position:relative; overflow:hidden; width: calc(25% - 16px); margin:0 8px; }
	#row5 .inner .flex ul li > a > div { margin-top:40px; }
	/* #row5 .inner .flex ul li a { height:434px; } */
	#row5 .inner .flex span { display:block; height:344px; }
	#row5 .inner .flex ul li+li+li+li+li { /* margin-top:80px; */ margin-top:40px; }
	#row5 .inner .flex dl { /* position:absolute; left:50%; bottom:0; transform:translateX(-50%); */ width:100%; }
	/* #row5 .inner .flex span img { z-index:1; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width: calc(34% - 0px)!important; } */
	#row5 .mg16 { position:relative; margin:0 1rem; }
	#row5 .img.mo { display:none; }
	#row5 .inner .flex .img a { overflow:hidden; /* height:344px; */ }
	#row5 .inner .flex .img { 
	    /* z-index:0;
	    position: absolute;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    height:344px;
	    background-repeat: no-repeat;
	    background-position: center bottom; */
	}
}

@media (max-width: 480px) {
	#row5 .inner .flex .img { 
		top: 0px!important;
		bottom: 0px!important;
	}
}
#row5 h1 { font-weight:bold; text-align:center; }
#row5 .inner .flex dl { margin-top:40px; text-align:center; font-size:16px; font-weight:bold; font-family: 'GmarketSans'; }
#row5 .inner .flex dl dt { color:#222; }
#row5 .inner .flex dl dd { padding-top:18px; color:#2D9B81; font-weight:normal; }
#row5 .inner .flex span { position:relative; }
#row5 .inner .flex a { display:block; text-align:center; }
#row5 .img-wrap { position: relative; padding-top: 100%; }
#row5 .inner .flex .img {
    position: absolute;
    display: block;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
}
#row5 .inner .flex .img img {
	display:block;
    position: absolute;
    /* top: 0px; */
    left: 0px;
    right: 0px;
    bottom: 0px;
    max-width: 100%;
    max-height: 100%;	   
    height: auto;
    margin: auto;
}