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

.h1_txt_wrap,
#concept1 .wrap,
#concept2 .concept,
#concept3 .concept,
#concept4 .concept,
#concept5 .concept {
	border-bottom: 1px solid #042e64;
}

.h1_txt_wrap{
	background-color: #f5fafa;
}
#concept2 .concept{
	background-color: #f9f8f7;
}
#concept3 .concept{
	background-color: #f5fafa;
}
#concept4 .concept{
	background-color: #fafaf0;
}
#concept5 .concept{
	background-color: #f9f8f7;
}

.h1_wrap h1{
	color: #64b4be;
}
.h1_wrap h1 span span{
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	color: #64b4be;
}
.h1_main_wrap{
	border-bottom: 1px solid #454867;
}
.h1_main_wrap h1{
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	color: #fff;
}
.h1_main_wrap span {
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	color: #fff;
}
.h1_txt_wrap{
	border-bottom: 1px solid #454867;
}
.h1_wrap h1 > span {
    background-color: #f9f8f7;
}

.h1_txt_wrap .concept_txt{
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	font-feature-settings: "palt";
	color: #64b4be;
}
.h1_txt_wrap ul li a{
	border: 4px solid #b0d8dd;
	color: #fff;
}
.h1_wrap p{
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	color: #373c3c;
}
#concept3 .h1_wrap h1 > span{
	background-color: #f5fafa;
}
#concept4 .h1_wrap h1 > span{
	background-color: #fafaf0;
}

.concept_txt p{
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	font-feature-settings: "palt";
}

#concept1 .concept_txt_wrap p.txt1 {
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}
#concept1 .concept_txt_wrap p.txt2,
#concept1 .concept_txt_wrap p.txt3,
#concept1 .concept_txt_wrap p.txt4 {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
}

#concept2 .concept ul li .txtbox_wrap,
#concept3 .concept ul li .txtbox_wrap,
#concept4 .concept ul li .txtbox_wrap,
#concept5 .concept ul li .txtbox_wrap {
	background-color: rgba( 255, 255, 255, 0.9 );
}
#concept3 .concept ul li .txtbox_wrap .txtbox h2,
#concept4 .concept ul li .txtbox_wrap .txtbox h2{
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	color: #64b4be;
}
#concept5 .concept ul li .txtbox_wrap .txtbox h2 {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;	
}
#concept5 .concept ul li .txtbox_wrap .txtbox h2 span{
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;	
	color: #64b4be;
	border-right: 1px solid #64b4be;
	font-feature-settings: "palt";
	white-space: nowrap;
}
#concept2 .concept ul li .txtbox_wrap .txtbox h2 span {
	border-right: none;
}
#concept5 .concept ul li .txtbox_wrap .txtbox div.message_wrap {
	background-color: #fef3d0;
}
#concept5 .concept ul li .txtbox_wrap .txtbox div.message_wrap h3 {
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	color: #64b4be;
}

#concept5 .concept ul li.t4{
	background-color: #fdf2ce;
}
#concept5 .concept ul li.t4 h2 {
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	color: #373c3c;
}
#concept5 .concept ul li.t4 h2 span {
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}
#concept5 .concept ul li.t4 p {
	color: #373c3c;
}