@charset "utf-8";

:root {
	/* size */
	--site-max-width: 1280px;
	--space-LR: 40px;
	--space-LR-sp: 8px;
    /* color */
	--color-lightB: #d3e7f5;
	--color-textB: #6eaece;
	--color-textG: #9c9c9c;
	--color-gray: #e8e8e8;
	--color-lightG: #f4f4f4;
	--color-boldB: #1c468b;
	--color-wh: #fff;
}

/* main-------------------*/

#grid-area {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
}

.block {
        padding: 32px;
        max-width: 600px;
        margin: 0 auto;
}
h4 {
        margin: 24px 0;
}
.content ul {
        display: flex;
        justify-content: space-between;
}
.content ul li {
        text-align: center;
        padding: 16px;
}
.content ul li img {
        box-shadow: none;
}


/* レスポンシブデザイン */
 @media (max-width: 600px) {

    main .wrapper {
            padding: 0 var(--space-LR-sp);
    }
    #grid-area {
            grid-template-columns: none;
            gap: 16px;
            padding: 8px;
	}
    .block {
            padding: 24px;
            display: block;
            height: auto;
            margin-top: 16px;
            
    }
    
 }