@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Oswald:500&display=swap');
section {
	padding-top: 150px;
	margin: -150px 0 80px;
}
section#section_recommend {
	margin-bottom: 40px;	
}
section#section_method {
	margin-bottom: 0px;	
}

div.anchor {
	height: 1px;
	padding-top: 80px;
	margin-top: -80px;
}


.page_nav_flex {
	max-width: 600px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto 60px;
	padding: 0 20px;
}
.page_nav_flex .to_link {
	width: 45%;
}
.page_nav_flex .to_link a {
	width: 100%;
}
.page_nav_flex .to_link a:after {
	transform: rotate(135deg);
}
.lead {
	text-align: center;
	margin: 0 0 50px;
}
.wide_wrap {
	width: 1000px;
	margin: 0 auto;
}
.wide_wrap h2.pagetitle {
	margin: 0;
	position: relative;
	top: 20px;
}
.wide_wrap h2.pagetitle span {
	background: #FFF;
	padding: 0 30px;
}
.youtube_col {
	max-width: 750px;
	margin: 0 auto;
}
.youtube_col_player {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube_col iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.method_section {
	margin-bottom: 80px;
}
.method h4 {
	font-size: 26px;
	font-weight: 600;
	color: #B61D23;
	margin: 0;
}
.method img {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 0 50px;
}
.method_figure {
	margin: 20px 0 30px;
}
.merit_flex {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 0 60px;
	text-align: left;
}
.merit_merit, .merit_de {
	box-sizing: border-box;
	color: #FFF;
	padding: 20px;
	border-radius: 10px;
}
.merit_merit {
	background: #CCA042;
	width: 48%;
}
.type_fukikae .merit_merit {
	background: #b61d23;
}
.merit_de {
	width: 48%;
	background: #C0C0C0;
}
.merit_flex p {
	text-align: center;
	font-size: 36px;
	margin: 0 0 10px;
	font-weight: 700;
}
.merit_flex li {
	list-style: none;
	padding: 15px 25px;
	border-radius: 10px;
	background: #FFF;
	font-weight: 500;
	font-size: 18px;
}
.merit_flex ul li {
	margin: 0 0 15px;
}
.merit_flex ul li:last-child {
	margin-bottom: 0;
}
.merit_merit li {
	color: #b61d23;
	font-weight: 700;
}
.type_cover .merit_merit li {
	color: #CCA042;
	font-weight: 700;
}
.merit_de li {
	color: #C0C0C0;
}
.reform_case {
	background: #FFF;
	padding: 50px;
	border-radius: 20px;
	margin: 0 0 30px;
}

@media(max-width: 767px) {
.reform_case {
	padding: 15px;
	border-radius: 16px;
}
}
.reform_case_title {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 0 20px;
}
.reform_case_title2 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 0 10px;
}
.reform_case_title_head h4,
.price_flex_left h4,
h4.reform_sample_title {
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 15px;
	line-height: 1.5;
}
h4.reform_sample_title {
	margin-top: 60px;
	margin-bottom: 25px;
}
.reform_case h4.reform_sample_title:first-child {
	margin-top: 0;	
}


.reform_case_title_head.other h4 {
	text-align: center;
	font-size: 40px;
	color: #b61d23;
	padding-bottom: 5px;
}
.reform_case_title_head.other h4 span {
	padding: 0 0 10px;
	border-bottom: 2px solid #b61d23;
	background: none!important;
	border-radius: 0;
	color: #b61d23;
}
@media(max-width: 767px) {
.reform_case_title_head.other h4 {
	font-size: 20px;
}
}
.reform_case_title_head p {
	font-size: 18px;
	margin: 0 0 5px;
	font-weight: 700;
}
.case_head {
	text-align: center;
	margin-right: 20px;
	line-height: 1.0;
}
.case_head.red {
	color: #b61d23;
}
.case_head.yellow {
	color: #cca042;
}
.case_type {
	font-size: 12px;
	font-weight: 700;
}
.case_number {
	font-family: 'Oswald', sans-serif;
	font-size: 90px;
	letter-spacing: 2px;
}
.price_flex_left h4 {
	margin: 0 0 25px;
}
.reform_case_title_head h4 span {
	display: inline-block;
	color: #FFF;
	padding: 3px 10px 5px;
	border-radius: 6px;
	margin-right: 10px;
}
.reform_case_title_head h4 span.before_icon {
	background: #969696;
	position: relative;
	margin-right: 30px;
}
span.before_icon:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	position: absolute;
	top: calc(50% - 5px);
	right: -20px;
	transform: rotate(45deg);
}
span.after_icon {
	background: #b61d23;
}
.type_cover span.after_icon {
	background: #cca042;
}
.price_flex_left h4 span,
h4.reform_sample_title span {
	font-size: 120%;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	margin-right: 5px;
}
.reform_case_title_head.second {
	margin-top: 45px;
}
.reform_case_title_icon {
	width: 80px;
}
.reform_case img, .reform_case_photo_col img {
	width: 100%;
	height: auto;
}
.reform_case_photo {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 0 30px;
}
.reform_case_photo_col p {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 18px;
	margin: 0 0 10px;
}
.reform_case_photo_col p span {
	display: inline-block;
	width: 100px;
	text-align: center;
	color: #fff;
}
.reform_case_photo_col p span.before {
	background: #969696;
}
.reform_case_photo_col p span.after {
	background: #b61d23;
}
.type_cover .reform_case_photo_col p span.after {
	background: #cca042;
}
.reform_case_photo_col {
	width: 45%;
}
.reform_case .reform_case_photo_col:nth-of-type(1) {
	position: relative;
}
.reform_case .reform_case_photo_col:nth-of-type(1):after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border-top: 4px solid #000;
	border-right: 4px solid #000;
	position: absolute;
	top: 50%;
	right: -50px;
	transform: rotate(45deg);
}
.reform_case dl {
	display: -webkit-flex;
	display: flex;
}
.reform_case dt {
	width: 80px;
	background: #B61D23;
	color: #FFF;
	text-align: center;
	height: 28px;
	line-height: 27px;
	font-weight: 400;
	margin-right: 20px;
	font-size: 14px;
	margin-top: 0.3em;
}
.reform_case dd {
	color: #B61D23;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.0;
}
.reform_case dd span {
	font-size: 200%;
	font-family: 'Roboto', sans-serif;
	margin-right: 5px;
}
.reform_case dd p.extra {
	margin-top: 0.5em;	
}
.reform_case p.notes {
	font-size: 15px;
	margin-top: 15px;
	line-height: 1.5;
	font-weight: 400;
	color: #333;
}
.reform_case dd div.notes {
	font-size: 15px;
	margin-top: 15px;
	line-height: 1.5;
	font-weight: 400;
	color: #333;
	display: -webkit-flex;
	display: flex;
}
.reform_case dd div.notes p:first-child {
	margin-right: 5px;
	font-weight: 500;
	white-space: nowrap;
}

.notes sup, .left_caption sup {
	font-size: 8px;
	font-weight: normal;
	vertical-align: 0.4em;
}
.recommend_section {
	background: #f5f5f5;
}
#section_recommend .recommend_item {
	background: #FFF;
	padding: 50px;
	border-radius: 20px;
	margin: 0 0 30px;
}
#section_recommend .recommend_item:last-child {
	margin-bottom: 0;
}

.recommend_item h4 {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	margin: 0 0 20px;
}
.recommend_item h4 span {
	font-size: 200%;
	color: #cca042;
}
.recommend_item_cont {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 0 20px;
}
.recommend_item p.excerpt {
	margin-bottom: 25px;
}
.reft_photo {
	width: 48%;
}
.right_caption {
	width: 48%;
}
.right_caption p {
	margin: 0 0 1em;
}
.reft_photo img, .recommend_sample_flex img {
	width: 100%;
	height: auto;
}
.right_caption dt {
	font-weight: 500;
	margin: 0 0 10px;
}
.right_caption dt span {
	display: inline-block;
	padding: 3px 6px;
	color: #FFF;
	border-radius: 6px;
	width: 150px;
	text-align: center;
}
dt.osusume span {
	background: #b61d23;
}
dt.atari span {
	background: #cca042;
}
.right_caption dd {
	margin-left: 0.5em;
	margin-bottom: 2em;
}
.right_caption dd ul li {
	list-style: none;
}
.recommend_item h5, .reform_case h5 {
	font-weight: 600;
	font-size: 18px;
	background: #EBEBEB;
	padding: 10px 10px;
	line-height: 1.0;
	margin: 0 0 20px;
}
.recommend_sample_flex {
	display: -webkit-flex;
	display: flex;
}
.recommend_sample_flex div {
	width: 215px;
	margin-right: 13px;
}
.recommend_sample_flex div:last-child {
	margin-right: 0;
}
.reform_lead {
	margin: 0 0 20px;
}
.reform_works_flex {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 0 20px;
}
.reform_works_single {
	width: 50%;
	margin: 0 0 25px;
}
.reform_works_flex_col {
	width: 48%;
}
.reform_works_flex_col p {
	margin-top: 10px;
}
.reform_works_flex_col img {
	width: 100%;
	height: auto;
}
.maker_link {
	text-align: center;
}
.maker_link a {
	color: #b61d23;
	text-decoration: underline;
	position: relative;
}
.maker_link a:after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #b61d23;
	border-right: 1px solid #b61d23;
	position: absolute;
	right: -15px;
	top: 10px;
	transform: rotate(45deg);
}
a.text_link {
	position: relative;
	color: #B61D23;
	text-decoration: underline;
}
a.text_link:hover,
.maker_link a:hover {
	text-decoration: none;
}

.price_flex {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 0 40px;
}
.reform_works_flex + .price_flex, .to_link + .price_flex {
	padding-top: 60px;
}
.price_flex_left {
	width: 55%;
}
.yane_header {
	background: #faf6ec;
	padding: 50px 0 60px;
}
.reform_bg {
	background: #faf6ec;
	padding: 50px 0 60px;
	margin-bottom: 40px;
}
.snowman_about_flex {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 30px;
	border: 3px solid #ededed;
}
.snowman_recommend {
	font-weight: 500;
	font-size: 110%;
	width: 55%;
}
.reform_end_center {
	font-weight: 500;
	font-size: 110%;
	text-align: center;
}


@media(max-width: 768px) {
.snowman_about_flex {
	display: block;
	padding: 15px;
}

.snowman_recommend {
	width: auto;
	margin: 0 0 15px;
	text-align: center;
	font-size: 15px;
}
}


@media(max-width: 767px) {
.yane_header {
	padding-top: 25px;	
}
.snowman_about_flex {
	padding: 15px;
}
.snowman_recommend {
	font-size: 14px;
	text-align: left;
}
.snowman_recommend br {
	display: none;	
}
.snowman_about_flex .to_link {
	width: 100%!important;
}
.reform_end_center {
	font-size: 15px;
}
}



.reform_bg .wrap {
	padding-bottom: 0px;	
}
.method_type {
	border-radius: 25px;
	padding: 60px 50px;
	margin: 0 0 50px;
}
.method_type_hdr {
	text-align: center;
}
@media(max-width: 767px) {
.method_type_hdr p {
	text-align: left;
}	
}

.method_type_hdr h3 {
	padding: 20px 25px;
	line-height: 1.0;
	color: #FFF;
	font-size: 42px;
	font-weight: 700;
	display: inline-block;
	margin: 0 0 20px;
}
.type_fukikae {
	background: #f8e8e9;
}
.type_fukikae .method_type_hdr h3 {
	background: #b61d23;
}
.type_cover {
	background: #faf5ec;
}
.type_cover .method_type_hdr h3 {
	background: #cca042;
}
.method_type_img {
	max-width: 800px;
	margin: 40px auto;
}
.method_type_img img {
	width: 100%;
	height: auto;
}
.maker_column {
	border: 1px solid #333;
	padding: 40px;
	width: 86%;
	margin: 30px auto 0;
}
.maker_column h4 {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #b61d23;
	transform: translateY(-60px);
	margin: 0 0 -30px;
}
.maker_column h4 span {
	background: #FFF;
	padding: 0 15px;
}
.maker_column .reform_works_flex_col {
	width: 47%;
}

@media(max-width: 1000px) {
.price_flex_right {
	width: 44%;
	margin-left: 15px;
}
.price_flex_right img {
	width: 100%;
	height: auto;	
}
}



 @media(max-width: 768px) {
.reform_case_photo_col p span.before, .reform_case_photo_col p span.after {
	font-size: 14px;
}
.reform_case dd {
	font-size: 16px;
}
.reform_case dd span {
	font-size: 150%;
}
.reform_case dt {
	width: 80px;
	height: 24px;
	line-height: 24px;
	margin-right: 10px;
	font-size: 12px;
	margin-top: 0;
}
.reform_case .reform_case_photo_col:nth-of-type(1):after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	position: absolute;
	top: 50%;
	right: -5vw;
	transform: rotate(45deg);
}
.maker_column {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
}
.maker_column h4 {
	font-size: 18px;
	transform: translateY(-30px);
	margin: 0 0 -15px;
}
.recommend_item h5, .reform_case h5 {
	font-size: 16px;
}
.price_flex {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
.price_flex.extra {
	margin-bottom: 20px;	
}
.price_flex_right {
	width: 100%;
	margin: 0 0 15px;
}


.price_flex_left h4,
h4.reform_sample_title {
	font-size: 18px;
	margin: 0 0 15px;
}
.price_flex_left h4 span,
h4.reform_sample_title span {
	margin-right: 2px;
}
.price_flex_left {
	width: auto;
}
.reform_bg {
	padding: 30px 0;
}
.lead {
	margin: 0 20px 20px;
}
h2.pagetitle.second {
	margin-top: 40px;
}
}
 @media(max-width: 767px) {
.lead {
	text-align: left;
}
.page_nav_flex {
	display: block;	
}
.page_nav_flex .to_link {
	width: 70%;
	margin: 0 auto 10px;
	font-size: 14px;
}
.reform_case dl {
	display: block;
}
.reform_case dt {
	width: 70px;
	height: 20px;
	line-height: 20px;
	margin-right: 0;
	font-size: 11px;
	margin: 0 0 8px;
}
.maker_column {
	padding: 10px;
}
.maker_column h4 {
	font-size: 16px;
	margin: 0 0 -15px;
}
.reform_works_flex, .reform_case_photo {
	display: block;
}
.reform_works_flex_col, .reform_case_photo_col, .reform_works_single {
	width: 100%;
	margin: 0 auto 20px;
}
.reform_case .reform_case_photo_col:nth-of-type(1) {
	margin-bottom: 40px;
}
.reform_case .reform_case_photo_col:nth-of-type(1):after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	position: absolute;
	top: inherit;
	bottom: -30px;
	right: inherit;
	left: calc(50% - 8px);
	transform: rotate(135deg);
}
.method_type_hdr h3 {
	padding: 10px 15px;
	font-size: 20px;
	margin: 0 0 20px;
}
.method_type {
	padding: 15px;
	border-radius: 16px;
}
.merit_merit, .merit_de {
	padding: 10px;
	width: 100%;
	margin: 0 0 10px;
}
.merit_flex p {
	font-size: 18px;
}
.merit_flex ul li {
	font-size: 14px;
	padding: 5px;
	border-radius: 6px;
	margin-bottom: 5px;
}
.merit_flex li br {
	display: none;
}
.merit_flex {
	display: block;
}
.case_number {
	font-size: 50px;
	letter-spacing: 0px;
}
.case_type {
	font-size: 10px;
	white-space: nowrap;
}

.reform_case_title {
	display: block;	
}
.case_head {
	text-align: left;
	margin-bottom: 5px;
}
.reform_case_title_head p {
	font-size: 14px;
}
.reform_case_title_head h4 {
	font-size: 16px;
}
.reform_case_title_head h4 span {
	padding: 3px 5px 5px;
	margin-right: 3px;
	border-radius: 4px;
}
.reform_case_title_head h4 span.before_icon {
	margin-right: 20px;
}
span.before_icon:after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	position: absolute;
	top: calc(50% - 5px);
	right: -13px;
	transform: rotate(45deg);
}

.reform_case_title {
	margin: 0 0 10px;
}
#section_recommend .recommend_item {
	padding: 15px;
}
.recommend_item h4 {
	font-size: 14px;
}
.recommend_item h4 span {
	font-size: 180%;
}
.recommend_item_cont {
	display: block;
}
.left_photo {
	margin: 0 0 20px;	
}
.left_photo img {
	width: 100%;
	height: auto;
}
.right_caption {
	width: auto;	
}
.method_type {
	margin-bottom: 25px;	
}
.recommend_sample_flex div {
	margin-right: 5px;	
}
.recommend_item h4 span {
	font-size: 150%;	
}
}
@media(max-width: 320px) {
.case_type {
	font-size: 8px;	
}
.case_number {
	font-size: 40px;
}
.reform_case_title_head p {
	font-size: 13px;	
}
.reform_case_title_head h4 {
	font-size: 14px;
}
.reform_case_title_head h4 span {
	padding: 3px 3px 4px;
	border-radius: 2px;
	margin-bottom: 4px;
}
.reform_case p.notes {
	font-size: 11px;	
}
.reform_case_photo_col p span.before, .reform_case_photo_col p span.after {
	font-size: 12px;	
}
.reform_case_photo_col p span {
	width: 80px;	
}
.method_type_hdr p {
	text-align: left;	
}

}



.mgnb40 {
	margin-bottom: 40px;	
}