@charset "utf-8";



/*////////////////////////////////////
case_main_top_scction
@media screen and (min-width: 768px)
////////////////////////////////////*/

@media screen and (min-width: 768px){
.spbr{
	display: none;
}
#spimg{
	display: none;
}
#case_main_top_scction{
	position: relative;
	width:100%;
}
#case_main_top_area{
	position: relative;
	width: 100%;
}
#case_top_title{
	position:relative;
	display: block;
	width:90%;
	margin: 0 auto 50px auto;
	text-align: center;
	font-size: clamp(1.6rem,2.5vw,2.2rem);
	font-weight: 600;
	padding-top: 150px;
	font-family: "Inter", sans-serif;
	color:#233B6C;
}
#case_top_sub_title{
	position:relative;
	display: block;
	width:90%;
	margin: 0 auto 40px auto;
	text-align: center;
	font-size: clamp(2.2rem,2.5vw,3.5rem);
	font-weight: 600;
	font-family: serif;
}
#case_top_main_img{
	position:relative;
	display: block;
	width:100%;
	margin-bottom: 80px;
	overflow: hidden;
	object-position: bottom;
	aspect-ratio:3550/1000;
}
}
/*////////////////////////////////////
case_main_top_scction
@media screen and (min-width: 0px) and (max-width: 767px){
////////////////////////////////////*/
@media screen and (min-width: 0px) and (max-width: 767px){
#pcimg{
	display: none;
}
#case_main_top_scction{
	position: relative;
	width:100%;
}
#case_main_top_area{
	position: relative;
	width: 100%;
}
#case_top_title_area{
	position:relative;
	display: block;
	width:80%;
	margin: 0 auto 50px auto;
	text-align: center;
}
#case_top_title{
	position:relative;
	display: block;
	width:100%;
	margin: 0 auto 50px auto;
	text-align: center;
	font-size: clamp(1.6rem,2.5vw,2.2rem);
	font-weight: 600;
	padding-top: 100px;
	font-family: "Inter", sans-serif;
	color:#233B6C;
}
#case_top_sub_title{
	position:relative;
	display: block;
	width:100%;
	margin: 0 auto 40px auto;
	text-align: center;
	font-size: clamp(2.2rem,2.5vw,3.5rem);
	font-weight: 600;
	font-family: serif;
}
#case_top_main_img{
	position:relative;
	display: block;
	width:100%;
	margin-bottom: 80px;
	overflow: hidden;
	object-position: bottom;
	aspect-ratio:1920/1280;
}
}
/*////////////////////////////////////
case_detail_scction
@media screen and (min-width: 768px)
////////////////////////////////////*/
@media screen and (min-width: 768px){

#case_detail_scction{
	position: relative;
	display: block;
	width:100%;
}
#case_detail_scction_title{
	position: relative;
	display: block;
	width:80%;
	margin: 0 auto 50px auto;
	text-align: center;
}
#case_detail_scction_title_title{
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	text-align: center;
	color: rgba(30,28,28,1.00);
	font-family: serif;
	font-size: clamp(2.6rem,2.5vw,4rem);
	letter-spacing: 0.1em;
}
#case_detail_scction_title_text{
	position: relative;
	width: 100%;
	text-align: center;
	color: rgba(30,28,28,1.00);
	font-family: serif;
	font-size: clamp(1.8rem,2.5vw,2.2rem);
	padding: 10px 30px 40px 40px;
	letter-spacing: 0.08em;
	line-height: 1.8;
}
#case_detail{
	position: relative;
	display: block;
	width:80%;
	margin: 0 auto 70px auto;
}
#case_detail_area{
	position: relative;
	display: block;
	width: 100%;
	background-color:rgba(244,237,237,1.00); 
	padding-bottom: 70px;
	margin-bottom: 50px;
}
.case_detail_item{
	position: relative;
	display: block;
	width: 100%;
}
.case_detail_title{
	position: relative;
	display: block;
	color: #18759E;
	font-family: "Inter", sans-serif;
	font-size: clamp(2.5rem,2.5vw,3.5rem);
	padding: 70px 30px 10px 40px;
	font-weight: 700;
	width: 90%;
	margin: 0 auto;
}
.case_detail_sub_title{
	position: relative;
	display: block;
	width: 90%;
	margin: 0 auto;
	color: rgba(30,28,28,1.00);
	font-family: serif;
	font-size: clamp(2.6rem,2.5vw,3.5rem);
	padding: 10px 30px 50px 40px;
}
.case_detail_sub_title i{
	padding-right: 20px;
}

.case_detail_list{
	position: relative;
	width: 90%;
	display: flex;
	margin: 0 auto;
	justify-content: center;
	color: rgba(30,28,28,1.00);
	font-family: serif;
	background-color: #fefefe;
}
.case_detail_list_item_before{
	position: relative;
	display: block;
	border:1px gray dotted;
	width: 44%;
	margin:10px 1%;
	border-radius: 30px;
	padding-top: 30px;
}
.title i{
	padding-right: 20px;
}
.case_detail_list_item_arrow{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 8%;
	border-radius: 30px;
}
.fa_larger{
	color: #18759E;
	transform:translateX();
	font-size: clamp(3rem,2.5vw,6rem);
}
.case_detail_list_item_after{
	position: relative;
	display: block;
	border:1px gray dotted;
	width: 44%;
	margin:10px 1%;
	border-radius: 30px;
	padding-top: 30px;
	background: rgba(251,223,79,0.3);
}
.case_item_text_img{
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-flow: column wrap;
}
.case_item_text_img_img{
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 20px;
}
.title{
	position: relative;
	display: inline-block;
	font-size: clamp(1.8rem,2.5vw,2.2rem);
	padding: 10px 30px 10px 40px;
	letter-spacing: 0.08em;
	list-style: none;
	color: #18759E;
	border-radius: 30px;
	font-weight: 800;
}
.text{
	font-size: clamp(1.4rem,2.5vw,1.9rem);
	padding: 10px 30px 20px 40px;
	letter-spacing: 0.08em;
	line-height: 1.8;
}
.case_detail_list_text{
	position: relative;
	display: block;
	color: rgba(30,28,28,1.00);
	font-family: serif;
	font-size: clamp(1.8rem,2.5vw,2.2rem);
	padding: 10px 30px 20px 40px;
	letter-spacing: 0.08em;
}
#case_merit_area{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 30px;
	background-color:rgba(244,237,237,1.00); 
	padding-bottom: 70px;
}
#case_merit_text{
	position: relative;
	display: block;
	width: 90%;
	margin: 0 auto;
	background: #fefefe;
	padding-top:30px;
	padding-bottom: 40px;
}
.case_merit_text_text{
	position: relative;
	font-size: clamp(2rem,2.5vw,3rem);
	padding: 10px 50px 70px 10px;
	letter-spacing: 0.08em;
	line-height: 1.8;
	font-family: serif;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-weight: 800;
}
#case_merit_text ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-left:10px; 
}
#case_merit_text ul li:nth-child(odd){
	position: relative;
	display: inline-block;
	width: 47%;
	margin: 10px 2% 10px 1px;
	font-size: clamp(1.8rem,2.5vw,2.5rem);
	padding: 5px 30px 10px 10px;
	letter-spacing: 0.08em;
	line-height: 1.8;
	list-style: none;
	font-family: serif;
	text-align: center;
	font-weight: 600;
}
#case_merit_text ul li:nth-child(even){
	position: relative;
	display: inline-block;
	width: 47%;
	margin: 10px 2% 10px 1px;
	font-size: clamp(1.8rem,2.5vw,2.5rem);
	padding: 5px 30px 10px 10px;
	letter-spacing: 0.08em;
	line-height: 1.8;
	list-style: none;
	font-family: serif;
	text-align: center;
	font-weight: 600;
}
#case_merit_text ul li img{
	position: relative;
	display: block; 
	width:250px;
	margin: 0 auto;
	padding-bottom: 20px;
}
#case_merit_text ul li p{
	font-size: clamp(1.6rem,2.5vw,2.1rem);
	padding: 5px 30px 10px 10px;
	letter-spacing: 0.08em;
	line-height: 1.8;
	list-style: none;
	font-family: serif;
	color: rgba(30,28,28,1.00);
	font-weight: 400;
	text-align:left;
}
.case_merit_text_end{
	position: relative;
	width: 90%;
	margin: 0 auto;
	font-size: clamp(1.8rem,2.5vw,2.3rem);
	padding: 10px 50px 20px 10px;
	letter-spacing: 0.08em;
	line-height: 1.8;
	font-family: serif;
}
}

/*////////////////////////////////////
case_detail_scction
@media screen and (min-width: 0px) and (max-width: 767px)
////////////////////////////////////*/
@media screen and (min-width: 0px) and (max-width: 767px){
#case_detail_scction{
	position: relative;
	display: block;
	width:100%;
}
#case_detail_scction_title{
	position: relative;
	display: block;
	width:80%;
	margin: 0 auto 50px auto;
}
#case_detail_scction_title_title{
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	color: rgba(30,28,28,1.00);
	font-family: serif;
	font-size: clamp(2.6rem,2.5vw,4rem);
	letter-spacing: 0.1em;
	text-align: center;
	padding-top: 40px;
}
#case_detail_scction_title_text{
	position: relative;
	width: 100%;
	color: rgba(30,28,28,1.00);
	font-family: serif;
	font-size: clamp(1.8rem,2.5vw,2.2rem);
	padding: 10px;
	letter-spacing: 0.08em;
	line-height: 1.8;
}
#case_detail{
	position: relative;
	display: block;
	width:100%;
}
#case_detail_area{
	position: relative;
	display: block;
	width: 100%;
	background-color:rgba(244,237,237,1.00); 
	padding-bottom: 70px;
	margin-bottom: 50px;
}
.case_detail_item{
	position: relative;
	display: block;
	width: 100%;
}
.case_detail_title{
	position: relative;
	display: block;
	color: #18759E;
	font-family: "Inter", sans-serif;
	font-size: 2.0rem;
	padding: 20px 30px 20px 40px;
}
.case_detail_sub_title{
	position: relative;
	display: block;
	color: rgba(30,28,28,1.00);
	font-family: serif;
	font-size: 2.2rem;
	padding: 15px 30px 20px 40px;
}
.case_detail_sub_title i{
	padding-right: 20px;
}

.case_detail_list{
	position: relative;
	display: block;
	color: rgba(30,28,28,1.00);
	font-family: serif;
}
.case_detail_list_item_before{
	position: relative;
	display: block;
	width: 90%;
	margin: 0 auto 20px auto;
	border:1px gray dotted;
	border-radius: 30px;
	padding-top: 30px;
	background: #fefefe;
}
.case_detail_list_item_after{
	position: relative;
	display: block;
	border:1px gray dotted;
	width: 90%;
	margin: 0 auto 20px auto;
	border-radius: 30px;
	padding-top: 30px;
	background: rgba(251,223,79,0.3);
}
.case_item_text_img{
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-flow: column wrap;
}
.case_item_text_img_img{
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 20px;
}
.title{
	position: relative;
	display: inline-block;
	font-size: 2rem;
	padding: 10px 30px 10px 40px;
	letter-spacing: 0.08em;
	list-style: none;
	color: #18759E;
	border-radius: 30px;
	font-weight: 800;
}
 p.text{
	font-size:1.6rem;
	padding: 10px 30px 20px 40px;
	letter-spacing: 0.08em;
	line-height: 1.8;
}
.case_detail_list_text{
	position: relative;
	display: block;
	color: rgba(30,28,28,1.00);
	font-family: serif;
	font-size: clamp(1.8rem,2.5vw,2.2rem);
	padding: 10px 30px 20px 40px;
	letter-spacing: 0.08em;
}
#case_merit_area{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 30px;
	background-color:rgba(244,237,237,1.00); 
	padding-bottom: 70px;
}
#case_merit_text{
	position: relative;
	display: block;
	width: 90%;
	margin: 0 auto;
	background: #fefefe;
	padding-top:30px;
	padding-bottom: 40px;
}
.case_merit_text_text{
	position: relative;
	font-size: clamp(1.8rem,2.5vw,2.3rem);
	padding: 10px 50px 20px 10px;
	letter-spacing: 0.08em;
	line-height: 1.8;
	font-family: serif;
}
#case_merit_text ul{
	padding-left:10px; 
}
#case_merit_text ul li{
	position: relative;
	display: block;
	width: 90%;
	margin: 0 auto;
	font-size: clamp(2rem,2.5vw,2.5rem);
	padding: 10px 10px 40px 10px;
	letter-spacing: 0.08em;
	line-height: 1.8;
	list-style: none;
	font-family: serif;
	color: #18759E;
	font-weight: 500;
}

#case_merit_text ul li img{
	position: relative;
	display: block; 
	width:250px;
	margin: 0 auto;
	padding-bottom: 20px;
}
#case_merit_text ul li p{
	font-size: clamp(2rem,2.5vw,2.1rem);
	padding: 10px;
	letter-spacing: 0.08em;
	line-height: 1.8;
	list-style: none;
	font-family: serif;
	color: rgba(30,28,28,1.00);
	font-weight: 400;
}
.case_merit_text_end{
	position: relative;
	width: 90%;
	margin: 0 auto;
	font-size: clamp(1.8rem,2.5vw,2.3rem);
	padding: 10px 0px 20px 0px;
	letter-spacing: 0.08em;
	line-height: 1.8;
	font-family: serif;
}
}


/*////////////////////////////////////
case_action_scction
@media screen and (min-width: 768px)
////////////////////////////////////*/
@media screen and (min-width: 768px){

#case_action_scction{
	position: relative;
	display: block;
	width:100%;
}
#case_action_title{
	position: relative;
	display: block;
	width:80%;
	margin: 0 auto 50px auto;
	text-align: center;
}
#case_action_title_title{
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	text-align: center;
	color: rgba(30,28,28,1.00);
	font-family: serif;
	font-size: clamp(2.6rem,2.5vw,4rem);
	letter-spacing: 0.1em;
}
#case_action_text{
	position: relative;
	display: block;
	width: 80%;
	margin: 0 auto 50px auto;
	color: rgba(30,28,28,1.00);
	font-family: serif;
	font-size: clamp(1.8rem,2.5vw,2.2rem);
	padding: 10px 30px 60px 40px;
	letter-spacing: 0.08em;
	
}
#case_action_text_text{
	position: relative;
	display: block;
	width: 80%;
	margin: 0 auto;
	color: rgba(30,28,28,1.00);
	font-family: serif;
	font-size: clamp(1.8rem,2.5vw,2.2rem);
	padding: 10px 30px 70px 40px;
	letter-spacing: 0.08em;
	line-height: 1.8;
	font-weight: 600;
}
}

/*////////////////////////////////////
case_action_scction
@media screen and (min-width: 0px) and (max-width: 767px)
////////////////////////////////////*/
@media screen and (min-width: 0px) and (max-width: 767px){
#case_action_scction{
	position: relative;
	display: block;
	width:100%;
}
#case_action_text{
	position: relative;
	display: block;
	width: 80%;
	margin: 0 auto;
	color: rgba(30,28,28,1.00);
	font-family: serif;
	font-size: clamp(1.8rem,2.5vw,2.2rem);
	padding: 10px 30px 40px 40px;
	letter-spacing: 0.08em;
}
#case_action_title{
	position: relative;
	display: block;
	width:90%;
	margin: 0 auto 50px auto;
}
#case_action_title_title{
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	color: rgba(30,28,28,1.00);
	font-family: serif;
	font-size: clamp(2.6rem,2.5vw,4rem);
	letter-spacing: 0.1em;
	text-align: center;
	padding-top: 60px;
}
#case_action_text_text{
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	color: rgba(30,28,28,1.00);
	font-family: serif;
	font-size: clamp(1.8rem,2.5vw,2.2rem);
	padding: 10px 30px 40px 40px;
	letter-spacing: 0.08em;
	line-height: 1.8;
	font-weight: 600;
}
}