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


.h1_txt_wrap,
#plan #plan1,
#noukotsudou_index .plan,
#jumokusou_index .plan{
	position: relative;
	border-bottom: 1px solid #042e64;
}

.h1_wrap h1,
.h2_wrap h2 {
	color: #64b4be;
}
.h1_wrap h1 span span,
.h2_wrap h2 span span {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
}
.h1_wrap p,
.h2_wrap p {
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}

.h1_wrap h1 > span {
    background-color: #fafaf0;
}
.h2_wrap h2 > span {
    background-color: #f5fafa;
}
#noukotsudou_index #plan_1 .plan,
#jumokusou_index #plan_1 .plan,
#noukotsudou_index .h1_wrap h1 > span,
#jumokusou_index .h1_wrap h1 > span,
#noukotsudou_index #plan_1 .h1_wrap h1 > span,
#jumokusou_index #plan_1 .h1_wrap h1 > span {
    background-color: #fafaf0;
}
#noukotsudou_index #plan_2 .plan,
#jumokusou_index #plan_2 .plan,
#noukotsudou_index #plan_2 .h1_wrap h1 > span,
#jumokusou_index #plan_2 .h1_wrap h1 > span,
#noukotsudou_index #plan_2 .h1_wrap h2 > span,
#jumokusou_index #plan_2 .h1_wrap h2 > span {
   background-color: #f5fafa;
}

#plan .h1_txt_wrap .plan_txt {
	font-family: 'Noto Serif JP', serif;
	font-weight: 200;
	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_txt_wrap,
#noukotsudou_index .h1_txt_wrap,
#jumokusou_index .h1_txt_wrap{
	position: relative;
	z-index: 10;
	background-color: #f5fafa;
	border-bottom: 1px solid #1a666f;
}
#noukotsudou_index .h1_txt_wrap .plan_txt,
#jumokusou_index .h1_txt_wrap .plan_txt{
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	font-feature-settings: "palt";
	color: #64b4be;
}

.h1_txt_wrap ul li a{
	border: 4px solid #b0d8dd;
	color: #fff;
}
.txtbox_wrap {
	background-color: rgba( 255, 255, 255, 0.9 );
}
.txtbox_wrap .txtbox h2 {
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	color: #64b4be;
}
.h1_txt_wrap .txtbox_wrap .txtbox p {
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
}

.plan_type li .type_wrap .type {
	background-color: #fff;
}
.plan_type .type_wrap .type .title,
.plan_type .type_wrap .type .title span {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	color: #64b4be;
}
.plan_type li .type_wrap .type .price {
	color: #64b4be;
}
.plan_type li .type_wrap .type .price .unit {
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
}

.cont_btn {
	font-weight: bold;
	border-color: #64b4be;
	color: #fff;
	background-color: #64b4be;
}
.cont_btn.active {
	color: #64b4be;
	background-color: transparent;
}
.cont_wrap {
	background-color: #fff;
}

.cont_wrap .h3_wrap  h3{
	color: #64b4be;
}
.cont_wrap .h3_wrap  h3 > span {
    background-color: #fff;
}
.cont_wrap .h3_wrap  h3 span span{
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	color: #64b4be;
}
.cont_wrap table tr th {
	background-color: #fff0be;
	font-weight: bold;
}
.type2 .cont_wrap table thead tr th {
	background-color: #64b4be;
	color: #fff;
}
.cont_wrap table tr td {
	font-weight: bold;
}
.type2 .cont_wrap table tr td {
	font-weight: normal;
}
.cont_wrap p.caption {
	color: #666;
}
.type2 ul li dl dd {
	background-color: #fff;
}

#plan #plan1 {
	background-color: #fafaf0;
}
#plan #noukotsudou .h1_wrap_box h1,
#plan #jumokusou .h1_wrap_box h1 {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	color: #fff;
}
#plan #noukotsudou .h1_wrap_box h1 span,
#plan #jumokusou .h1_wrap_box h1 span {
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
}
#plan .attach {
	font-weight: bold;
	color: #64b4be;
}

#plan #noukotsudou .price_wrap .price,
#plan #jumokusou .price_wrap .price {
	font-weight: bold;
	color: #64b4be;
}
#plan #noukotsudou .price_wrapper a,
#plan #jumokusou .price_wrapper a {
	border: 4px solid #b0d8dd;
	font-weight: bold;
	color: #fff;
}

.type2 ul li {
	border: 1px solid #cbcbcb;
}
.type2 ul li dl dt {
	font-weight: bold;
	border-bottom: 1px solid #cbcbcb;
	background-color: #fff0be;
}