@charset "UTF-8";

/* =====================================================
 * casestudy
 * ================================================== */
.casestudy-list .c-paragraph{
	margin-bottom: 40px;
}

.casestudy-list ul{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap:50px;
	grid-template-rows: subgrid;
}
.casestudy-list li {
	display: block;
	color: #333;
	border:1px solid #cccccc;
	background: #eeeeee;
	border-radius: 10px;
	text-decoration: none;
}
.casestudy-list li a{
	display: block;
	font-size: 1.6rem;
  line-height: 1.88;
	color: #333;
	text-decoration: none;
}
.casestudy-list li a:hover{
	text-decoration: underline;
}
.casestudy-list li .case-list-pic img{
	border-radius: 9px 9px 0 0;
}
.casestudy-list li dl{
	padding: 25px;
}
.casestudy-list li dt{
	color: #21279a;
	font-weight: 700;
}
.casestudy-list li dd{
	font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
.casestudy-list .c-paragraph{
	margin: 20px 0;
}
.casestudy-list ul{
	display: block;
}
.casestudy-list li {
	margin-bottom: 20px;
}
.casestudy-list li dl{
	padding: 15px;
}
.casestudy-list li dd{
	line-height: 1.5;
}
}
/* =====================================================
 * casestudy-inner
 * ================================================== */
.case-out-items{
	padding: 100px 0;
	line-height: 2;
}
.case-outline h2{
	font-weight: 900;
	font-size: 2.7rem;
}
.case-outline h3{
	font-weight: 900;
	font-size: 2.2rem;
	background: url("/casestudy/img/case-h3-disc.png")no-repeat left center;
	border-bottom: 1px solid #cccccc;
	padding: 30px 0 36px 30px;
	margin-bottom: 50px;
}
.case-outline .outlinebox{
	border: 1px solid #cccccc;
	padding: 30px;
	font-size: 1.4rem;
	margin: 50px 0;
}
.case-outline .outlinebox a{
	color: #21279a;
}
.case-outline h4{
	font-size: 2.0rem;
	font-weight: 700;
	margin-bottom: 20px;
}
.case-outline dt{
	font-size: 2.0rem;
	font-weight: 700;
}
.case-outline dd{
	background: url("/casestudy/img/case-list-disc.png")no-repeat left center;
	padding: 0 0 0 16px;
}
.case-outline dd.nodisc{
	background: none;
	padding: 0 0 0 16px;
}
.case-outline .case-pointbox dd{
	background: url("/casestudy/img/case-list-disc-w.png")no-repeat left center;
	padding: 0 0 0 16px;
}
.case-outline .case-beforebox{
	background: #eeeeee;
	padding: 30px;
	margin: 40px 0 20px 0;
	border-radius: 10px;
}
.case-outline .case-afterbox{
	background: #e8ebf7;
	padding: 30px;
	margin: 0 0 20px 0;
	border-radius: 10px;
}
.case-outline .case-pointbox{
	background: #21279a;
	padding: 30px;
	color: #fff;
	border-radius: 10px;
}

@media screen and (max-width: 768px) {
.case-out-items{
	padding:10% 0 25% 0;
	line-height: 1.6;
	font-size: 1.4rem;
}
.case-outline h2{
	font-size: 2.0rem;
}
.case-outline h3{
	font-size: 1.8rem;
	padding: 25px 0 20px 20px;
	margin-bottom: 10%;
	background: url("/casestudy/img/case-h3-disc.png")no-repeat left top 30px / 15px;
}
.case-outline .outlinebox{
	border: 1px solid #cccccc;
	padding: 8%;
	font-size: 1.3rem;
	margin: 15% 0;
}
.case-outline .outlinebox a{
	color: #21279a;
}
.case-outline h4{
	font-size: 1.8rem;
}
.case-outline dt{
	font-size: 1.6rem;
	margin-bottom: 10px;
}
.case-outline dd{
	background: url("/casestudy/img/case-list-disc.png")no-repeat left top 8px;
	padding: 0 0 0 16px;
}
.case-outline .case-pointbox dd{
	background: url("/casestudy/img/case-list-disc-w.png")no-repeat left top 6px;
	padding: 0 0 0 16px;
}
.case-outline .case-beforebox{
	padding: 8%;
	margin: 30px 0 10px 0;
}
.case-outline .case-afterbox{
	padding: 8%;
	margin: 0 0 10px 0;
}
.case-outline .case-pointbox{
	padding: 8%;
}
}

.case-even-items{
	padding: 100px 0;
	line-height: 2;
	background: url("/casestudy/img/even-item-bg.jpg")no-repeat right top #e8ebf7;
}
.case-even-items h2{
	font-weight: 900;
	font-size: 2.7rem;
}
.case-even-items h3{
	font-weight: 900;
	font-size: 2.2rem;
	border-bottom: 1px solid #cccccc;
	padding: 30px 0;
	margin-bottom: 50px;
}
.case-even-items .c-pic{
	margin-bottom: 50px;
}
.case-even-items .c-pic img{
	border-radius: 10px;
}

@media screen and (max-width: 768px) {
.case-even-items{
	padding: 20% 0;
	line-height: 1.6;
	font-size: 1.4rem;
	background: url("/casestudy/img/even-item-bg.jpg")no-repeat right top / 170% #e8ebf7;
}
.case-even-items h2{
	font-size: 2.0rem;
}
.case-even-items h3{
	font-size: 1.8rem;
	padding: 25px 0 ;
	margin-bottom: 10%;
}
}

.case-odd-items{
	padding: 100px 0;
	line-height: 2;
}
.case-odd-items h2{
	font-weight: 900;
	font-size: 2.7rem;
}
.case-odd-items h3{
	font-weight: 900;
	font-size: 2.2rem;
	border-bottom: 1px solid #cccccc;
	padding: 30px 0;
	margin-bottom: 50px;
}
.case-odd-items .c-pic{
	margin-bottom: 50px;
}
.case-odd-items .c-pic img{
	border-radius: 10px;
}
@media screen and (max-width: 768px) {
.case-odd-items{
	padding: 20% 0;
	line-height: 1.6;
	font-size: 1.4rem;
}
.case-odd-items h2{
	font-size: 2.0rem;
}
.case-odd-items h3{
	font-size: 1.8rem;
	padding: 25px 0 ;
	margin-bottom: 10%;
}
}
/* =====================================================
 * news
 * ================================================== */
.news-box {
	border-top: 1px solid #bbbbbb;
}
.news-box li{
  border-bottom: 1px solid #bbbbbb;
  padding: 40px 0;
}
.news-box a{
  font-size: 1.6rem;
  line-height: 1.88;
  font-weight: 700;
  color: #000;
display: flex;
	align-items: center;
	background: url("../img/base/news_btn_ico.png")no-repeat right center;
	padding-right: 30px;
	text-decoration: none;
}
.news-box a:hover .news-article{
	text-decoration: underline;
}
.news-box li dl{
	font-size: 1.4rem;
  line-height: 1.88;
	color: #666;
	margin-right: 35px;
	display: flex;
	position:relative;
	width: 250px;
}
.news-box li dt{
	padding-right: 20px;
	margin-right: 20px;
}
.news-box li dt:before {
content:"";
position:absolute;
left:50%;
top:20%;
background:#ccc;
width:1px;
height:60%;
}

@media screen and (max-width: 1059px) {
.news-box li{
  padding: 30px 0;
}
.news-box a{
  font-size: 1.4rem;
display: block;
}
.news-box li dl{
	font-size: 1.2rem;
	margin-right: 0px;
	margin-bottom: 15px;
	width: auto;
}
.news-box li dt:before {

left:85px;
top:20%;
}

}


/* =====================================================
 * sitemap
 * ================================================== */
.sitemap a{
	color:#000;
	text-decoration: none;
	line-height: 2.5;
}
.sitemap a:hover{
	text-decoration: underline;
}


.first-map .map-heading2 a,
.second-map .map-heading2 a{
	color:#21279a;
}
.first-map ul{
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
row-gap: 30px;
  padding-inline: 6px;
	margin-bottom: 70px;
}
.second-map-content {
	display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 30px;
row-gap: 30px;
  padding-inline: 6px;
	margin-bottom: 70px;
}
.third-map:last-of-type{
	margin-bottom: 0px;
}
.third-map {
	display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 30px;
row-gap: 30px;
  padding-inline: 6px;
	margin-bottom: 70px;
}
.map-heading2{
	font-size: 1.7rem;
	border-bottom:1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-weight: 700;
	color:#21279a;
}
.map-heading3{
	font-weight: 700;
}
.sec-list li{
	font-size: 1.4rem;
}

@media only screen and (max-width: 1024px) {
.first-map ul,
.second-map-content,
.third-map
	{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {

	
.first-map ul,
.second-map-content,
.third-map {
    grid-template-columns: 100%;
    gap: 10px 9px;
	margin-bottom: 0px;
  }
.map-heading2{
	font-size: 1.6rem;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.first-map ul{
	margin-bottom: 40px;
}
.second-map-content {
	margin-bottom: 40px;
}
.third-map .map-content{
	margin-bottom: 40px;
}
}