﻿@charset "utf-8"; 

.special_area:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

.special_area .page_title {
	font-size: 100%;
	margin: 0 10px;
}
#contents .inner #article .section .section p.s_smalltextR {
	text-align: right;
}
.s_smalltext {
	font-size: 84%;
	padding: 0 0 5px 0;
}
.report_list {
	display: flex;
}
.report_list .report_list_item {
	width: 50%;
	padding: 10px;
}
#contents .inner #article .section .section .report_list .report_list_item p {
	margin: 5px 0;
}
.method_list {
  display: flex;
  flex-wrap: wrap;
}
.method_list .method_list_item {
	width: 48%;
	margin: 10px auto;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
}
.method_list .method_list_item h2 {
	padding: 10px;
	text-align: center;
	font-size: 134%;
	border-radius: 3px;
}
#contents .inner #article .section .section .method_list .method_list_item p {
	margin: 5px 0;
}
.section_title {
  font-size: 150%;
  text-align: center;
  line-height: 1.3;
}
h4 {
  margin: 0 10px;
  display: inline;
  padding: 5px 10px;
  text-align: center;
  border-radius: 5px;
}
.products_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px 20px;
  padding: 10px;
  border-radius: 10px;
}
.products_list_item {
  width: 50%;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.products_column {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.products_column h3 {
	width: 100%;
	margin: 
}
.products_image {
  width: 30%;
}
.products_image img {
	width: 100%;
}
.products_text_area {
  width: 70%;
}
.products_text_area .comments {
	background-color: #ffff00;
	padding: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	position: relative;
}
.products_text_area .comments:after {
	content: '';
	display: block;
	position: absolute;
	top: 15px;
	left: -15px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 15px solid #ffff00;
	transform: skew(0deg,-28deg);
}
.products_text_area .products_note {
  font-size: 92%;
}
.special_products {
	display: flex;
	flex-wrap: wrap;
}
.special_products .special_products_item {
	width: 50%;
}
.special_products .special_products_item .products_list_item {
	width: 100%;
}
p.mb10 {
	font-size: 100%;
}
.example_list {
	display: flex;
	margin: 10px 10px 20px;
	padding: 10px;
	align-items: center;
}
.example_list h3 {
	margin-bottom: 10px;
	font-size: 117%;
}
.example_list .photo {
	width: 15%;
}
.example_list .txt_area {
	width: 60%;
	margin: 0 10px;
}
.example_list .picture {
	width: 25%;
}
.example_list img {
	width: 100%;
	height: auto;
}
#contents .inner #article .section .section .example_list p {
	margin: 0;
}
.example_list.color10 {
	border: solid 2px #eef55d;
}
.example_list.color11 {
	border: solid 2px #ffe699;
}
.example_list.color12 {
	border: solid 2px #f2a16a;
}

.color01 {
	background-color: #f8cbad;
	color: #000;
	text-decoration: none;
}
.color02 {
	background-color: #ffe699;
	color: #000;
}
.color03 {
	background-color: #f6faac;
}
.color04 {
	background-color: #e2f0d9;
}
.color05 {
	background-color: #ed7d31;
}
.color06 {
	background-color: #ffc000;
}
.color07 {
	background-color: #ffff00;
}
.color08 {
	background-color: #2aa62a;
	color: #fff;
}
h3.color09 {
	font-size: 125%;
	color: #c00000;
	margin: 10px;
}