@import url("style_pc.css") screen and (min-width: 751px);
@import url("style_sp.css") screen and (max-width: 750px);


.h1_txt_wrap,
#service1 .cont,
#service2 .cont,
#service3 .cont,
#service4 .cont,
#qa .qa {
	border-top: 7px solid #008282;
	border-bottom: 1px solid #004848;
}

.h1_txt_wrap,
#service2 .cont,
#service4 .cont {
	background-color: #faf1e9;
}
#service1 .cont,
#service3 .cont{
	background-color: #f9f8f7;
}
.h1_wrap h1{
	color: #004848;
}
.h1_wrap h1 span span{
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	color: #444;
	background: linear-gradient(0deg, #004a4a, #008080);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.h1_wrap h1 > span {
    background-color: #f9f8f7;
}
#service2 .h1_wrap h1 > span {
    background-color: #faf1e9;
}
#service4 .h1_wrap h1 > span {
    background-color: #faf1e9;
}

.h1_txt_wrap ul li a{
	border: 4px solid #c8dbd4;
	color: #fff;
}
.h1_wrap > p {
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	color: #373c3c;
}
 .h1_txt_wrap .h1_txt {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	font-feature-settings: "palt";
	background: linear-gradient(0deg, #008080, #004a4a);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

#service1 .txtbox ul li{
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
}
#service1 .txtbox ul li span{
	font-family: 'Noto Serif JP', serif;
	font-weight: 200;
	font-style: italic;
}
#service3 h2{
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	color: #373c3c;
}
#service4 dt,
#service4 ul li dt div {
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	color: #373c3c;
}
#service4 ul li dt div:first-child {
	font-style: italic;
}