/*
Theme Name: step_one_child
Template: step_one
*/

/*ぴんく色マーカ*/
.pink_line {background:rgba(0, 0, 0, 0)
  linear-gradient(transparent 60%, #FFABCE 0%)
  repeat scroll 0 0;}
/*水色のマーカ*/
.blue_line{background:rgba(0, 0, 0, 0)
   linear-gradient(transparent 60%, #A7F1FF 0%)
    repeat scroll 0 0;}
/*黄色のマーカ*/
.yellow_line {background:rgba(0, 0, 0, 0)
   linear-gradient(transparent 60%, #FFFF88 0%)
    repeat scroll 0 0;}

.works_text h2 {
    font-size: 20px;
    padding: 10px;
    border-bottom: 3px solid #EAB14D;
    color: #EAB14D;
    margin-top: 30px;
}
    
.works_text h3 {
           font-size: 20px;
    padding: 10px 15px;
    background-color: #Fff;
    margin-top: 50px;
    color: #EAB14D;
}

 .page .region {
        h2 {
            margin-bottom: 1em;
            font-size: 24px;
        }

        ul {
            margin-bottom: 3em;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 1em;

            li {
                border-radius: 3px;
                background-color: #fff;
                border: 1px solid #000;
				a {
					 padding: 0.5em;
				}
            }
        }
    }

@media screen and (min-width: 769px) {
	.works_text h2 {
        font-size: 32px!important;
        margin-top: 50px;
    }
	.works_text h3{
		 font-size: 24px;
	}
}

@media screen and (max-width: 768px) {
	 .page .region {
        ul {
            grid-template-columns: 1fr 1fr;
        }
    }
}