@charset "UTF-8";
/* CSS Document */


.case_study{ display: inline-flex; flex-wrap: wrap; justify-content: flex-start; padding: 0; list-style: none;}
.case_study li{ border: 1px solid #d2d2d2; background-color: white;}
.case_study a{ display: block; height: 100%; color: black;}
.case_study a:hover{ text-decoration: none;}
.case_study img{ display: block; width: 100%;}
.case_study h3{ margin: 0;}
.case_study h3::after{ display: block; background-color: #fea521; content: "";}
.case_study p{ margin: 0;}
@media (min-width: 768px) {
.case_study{ margin: 0 0 0px;}
.case_study li{  width: 168px; margin: 0 10px 30px 0px;}
.case_study li:nth-child(4n+4){ width: 165px; margin: 0 0px 30px 0px;}
.case_study a{ padding: 9px;}
.case_study img{}
.case_study h3{ font-size: 16px; margin: 10px 0;}
.case_study h3::after{ width: 50px; height: 3px; margin-top: 10px;}
.case_study p{ font-size: 14px;}

}
@media (max-width: 767.98px) {
.case_study{ margin: 0;}
.case_study li{  margin: 0 0 25px; width: calc(50% - 5px);}
.case_study li:nth-child(2n+1){ margin-right: 10px;}
.case_study a{ padding: 9px;}
.case_study img{}
.case_study h3{ font-size: 13px; margin: 10px 0;}
.case_study h3::after{ width: 50px; height: 3px; margin-top: 10px;}
.case_study p{ font-size: 12px;}

}

/*ボタン*/
.btn-default2 {
    background-color: #fff;
	border-color: #000;
	padding: 6px 19px;
	width: 160px;
	color: #161212 !important;
	position: relative;
	text-align: left;
}
.btn-default2>a{
	text-align: left;
	line-height: 1;
	color: #161212;}
.btn-default2::after{ 
	content: "▶︎";
	background-size: auto;
	display: block;
}
@media (min-width: 768px) {
.btn-default2>a{ 
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	border-width: 5px;
	margin: 0;
	top: -3px;
	left: 3px;
}
.btn-default2::after{ 
	width: 20px;
	height: 19px;
	right: 10px;
	top: 50%;
	margin-top: -12px;
	position: absolute;
}
}
@media (max-width: 767.98px) {
.btn-default2>a{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	border-width: 5px;
	margin: 0;
	top: -3px;
}
.btn-default2::after{
	width: 20px;
	height: 19px;
	right: 10px;
	top: 50%;
	margin-top: -12px;
	position: absolute;
}
}

.form_btn{
	margin-bottom: 20px;
}

.case_study_table td, .case_study_table th{ 
	border: 1px solid #999;
	padding: 0 3px;
	font-size: 10px;
}

.case_study_table td{
}

.case_study_table th{
	width: 40%;
}

.question2{
	margin-bottom: 80px;
}


@media (min-width: 768px) {
}
@media (max-width: 767.98px) {
.case_study_table th{
	width: 38%;
}

}


.case_study_table{ width: 100%;}
.ac_button{ border: 1px solid #d2d2d2; background-color: white; padding: 1em 2em; line-height: 1em; text-align: center; border-radius: 0.5em; transition: .3s;}
.ac_button:hover{ background-color: #d2d2d2;}
.ac_button::after{ content: "▶︎"; display: inline-block; margin-left: 1em;}
.ac_button.ac_close::after{ content: "×";}
@media (min-width: 768px) {
.ac_button{ width:  168px;}

}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}

@media (min-width: 576px) and (max-width: 767.98px) {}
@media (max-width: 575.98px) {}