@charset "utf-8";

/* 2022/06/05 */
.s5-container section p {
    margin-left: 1em;
}

.s5-container img.w45 {
	max-width: 45%;
    margin-left: 1em;
	border: 1px solid #878792;
}

.s5-container .nav_area ul{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.s5-container .nav_area ul li{
	background: none;
	border: 1px solid #bcbcbc;
	border-radius: 6px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	color: #333;
	cursor: pointer;
	display: inline-block;
	letter-spacing: 0.01em;
	line-height: 1.4;
	margin: 0 15px 20px 0;
	padding:0px;
    width: 150px;
}

.s5-container .mod-linkButton {
	height: auto; 
    border: none;
    display: block;
    width: inherit;
    padding: 10px;
    background: none;
    color: #333;
    cursor: pointer;
    letter-spacing: 0.01em;
    line-height: 1.4;
    text-align: center;
    background-size: contain;
}

.s5-container .nav_area .mod-linkButton .figure {
    padding-bottom: 10px;
    display: block;
}

.nav_area .mod-linkButton .threeLine {
    line-height: unset!important;
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    background: url(/support/share/images/arrow_black.png) no-repeat scroll 0 5px;
    padding-left: 12px;
    font-size: 0.8rem;
}

@media (max-width: 640px) {
    .s5-container　.nav_area {
		margin-left: 1em;
    	margin-right: 0;
	}
    .s5-container .nav_area ul li{
		margin-right:5%;
        width: 43%;
	}
	.s5-container .nav_area ul li:nth-child(even){
		margin-right:0;
	}
    
    .s5-container div.contents_area ul li img {
		max-width: 95%;
	}
    
    .s5-container img.w45 {
        max-width: 100%;
        margin-left: 0;
    }
    
    .s5-general--mt40{
        margin-top: 4em!important;
    }
}

/* 20221223 */