@charset "UTF-8";

@media screen and (max-width: 1089px) {
	section { padding: 6%; }
	section#anch02 { background: var(--opa-color); }
	section#anch04 { background: var(--opa-color); }
	section#anch06 { background: var(--opa-color); }
	section#anch08 { background: var(--opa-color); }
	section#anch10 { background: var(--opa-color); }
}
@media screen and (min-width: 1090px) {
	section#anch01 .in { padding: 5vh 0; margin-bottom: 0; }
	section#anch02 { background: var(--opa-color); padding: 5vh 0; position: relative; }
	section#anch02 .in { margin-bottom: 0px; }
	section#anch03 { padding: 5vh 0; position: relative; }
	section#anch03 .in { margin-bottom: 0px; }
	section#anch03 .ttl01 { margin-bottom: 40px; }
	
	section#anch04 { background: var(--opa-color); padding: 5vh 0; margin-bottom: 0vh; position: relative; }
	section#anch05 { padding: 5vh 0;}
	section#anch05 .in { margin-bottom: 0px; }
	section#anch06 { background: var(--opa-color); padding: 5vh 0;}
	section#anch06 .in { margin-bottom: 0px; }
	section#anch07 { padding: 10vh 0;}
	section#anch07 .in { margin-bottom: 0px; }
	
	section#anch08 { background: var(--opa-color);  padding: 5vh 0;}
	section#anch08 .in { margin-bottom: 0px; }
	
	section#anch09 { padding: 5vh 0;}
	section#anch09 .in { margin-bottom: 0px; }
	section#anch10 { background: var(--opa-color); padding: 10vh 0;}
	section#anch10 .in { margin-bottom: 0px; }
	section#anch11 { padding: 5vh 0;}
	section#anch11 .in { margin-bottom: 0px; }
}

/* 事例　*/
.exList { display: flex; justify-content: flex-start; flex-wrap: wrap; }
@media screen and (max-width: 599px) {
	.exList { margin-bottom: 40px;}
	.exList li { width: 48%; margin-right: 4%; margin-bottom: 20px; }
	.exList li:nth-child(2n) { margin-right: 0;}
	.exList li div { margin-bottom: 10px; }
	.exList li .cate { margin-bottom: 10px;}
}
@media screen and (min-width: 600px) {
	.exList { margin-bottom: 40px;}
	.exList li { width: 23.5%; margin-right: 2%; }
	.exList li:nth-child(4n) { margin-right: 0;}
	.exList li div { margin-bottom: 10px; }
	.exList li .cate { margin-bottom: 10px;}
}

/* ブログ　*/
@media screen and (max-width: 599px) {
	.blogList { margin-bottom: 40px;}
	.blogList li { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: flex-start; }
	.blogList li .blog-eye { width: 80px; margin-right: 4%;}
	.blogList li .blog-content { width: calc(96% - 80px); }
	.blogList li .blog-content .bold { font-size: 1.1em; }
}
@media screen and (min-width: 600px) {
	.blogList { max-width: 900px; width: 96%; margin: 0 auto; }
	.blogList { margin-bottom: 40px;}
	.blogList li { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: flex-start; }
	.blogList li .blog-eye { width: 120px; margin-right: 4%;}
	.blogList li .blog-content { width: calc(96% - 120px); }
	.blogList li .blog-content .bold { font-size: 1.1em; }
}

/* ニュース　*/
@media screen and (max-width: 599px) {
	.newsList { margin-bottom: 40px;}
	.newsList li { margin-bottom: 20px; }
	.newsList li .bold { font-size: 1.1em; }
}
@media screen and (min-width: 600px) {
	.newsList { max-width: 900px; width: 96%; margin: 0 auto; }
	.newsList { margin-bottom: 40px;}
	.newsList li { margin-bottom: 20px;  }
	.newsList li .bold { font-size: 1.1em; }
}

@media screen and (max-width: 767px) {
	.voiceList { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px; }
	.voiceList li { width: 48%; margin-bottom: 40px; }
	.voiceList li h4 { text-align: center; margin-bottom: 10px; font-weight: bold; font-size: 0.9rem; }
	.voiceList li h4 span { font-size: 1.1rem; }
	.voiceList li .voiceDl dt { width: 40%; margin:0 auto 20px; }
}
@media screen and (min-width: 768px) {
	.voiceList { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px; }
	.voiceList li { width: 31%; margin-bottom: 40px; }
	.voiceList li h4 { text-align: center; margin-bottom: 10px; font-weight: bold; }
	.voiceList li h4 span { font-size: 1.1rem; }
	.voiceList li .voiceDl dt { width: 40%; margin:0 auto 20px; }
}