@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 1fr;
    gap: 30px;
    padding: 24px;
}

.block {
    /* background-color: #f9f9f9; */
    padding: 32px;
    max-width: 370px;
    margin: 0 auto;
}


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

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