@charset "UTF-8";


.Smoothing {
	-ms-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-webkit-transform: rotate(0.028deg);
}


.pc {
	display: block;
}
.sp {
	display: none;
}





.kome {
	color: #802;
}





/* mainvisual___area */
/*------------------------------------------------------------------------------*/
#mainvisual___area {
	width: 992px;
	margin: -87px auto 50px auto;
}

.slick-dots {
}
.slick-dots li button:before {
	font-family: 'slick';
	font-size: .9rem!important;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: #6FBA2C!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active {}


#top_main {
	padding-top: 20px;
}


/* top__main__section01 */
/*------------------------------------------------------------------------------*/
#top__main__section01 {
	min-width: 992px;
	background-color: #dcf0fb;
	margin: 20px 0 30px 0;
}
#top__main__section01 > .inner {
	width: 760px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#top__main__section01 h1 {
	-webkit-transform: translateY(-12%) translateX(0%);
	transform: translateY(-12%) translateX(0%);
}
#top__main__section01 h1 > img {
	max-width: 100%;
}
#top__main__section01 p {
	line-height: 1.4;
}
#top__main__section01 .text01 {
	font-size: 34px;
	color: #00b1ec;
}
#top__main__section01 .text02 {
	font-size: 34px;
	color: #e50019;
}
#top__main__section01 .text03 {
	font-size: 18px;
	color: #000;
}





/* top__main__section02 */
/*------------------------------------------------------------------------------*/
#top__main__section02 {
	min-width: 992px;
}
#top__main__section02 > .inner {
	width: 760px;
	margin: 0 auto;
	padding-bottom: 20px;
}
.top_tmp01 h1 {
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	background-color: #00b8ee;
	margin-bottom: 10px;
	padding: .1em 1.8em;
	position: relative;
}
.top_tmp01 h1 > img {
	max-width: 200px;
	position: absolute;
	bottom: 0;
	right: -22px;
}

.top_tmp01 .main_area01 {
	display: flex;
	align-items: center;
}
.top_tmp01 .main_area01 > .img_box {
	padding-left: 19px;
}
.top_tmp01 .main_area01 > .img_box > img {
	max-width: 100%;
}
.top_tmp01 .main_area01 > .text_box > p {
	font-size: 37px;
	font-weight: bold;
	color: #009fe8;
	line-height: 1.4;
	margin-bottom: .3em;
}
.top_tmp01 .main_area01 > .text_box li {
	font-size: 20px;
	font-weight: bold;
	color: #ff6d20;
	line-height: 1.4;
}

.top_tmp01 .main_area02 {
	text-align: center;
}
.top_tmp01 .main_area02 > p {
	display: inline-block;
	width: 85%;
	font-size: 43px;
	font-weight: bold;
	color: #009fe8;
	line-height: 1.2;
	text-align: left;
}
.top_tmp01 .main_area02 > p > span {
	font-size: .85em;
}

.top_tmp01 .main_area03 {
	text-align: center;
}
.top_tmp01 .main_area03 > img {
	max-width: 100%;
}





/* top__main__section03 */
/*------------------------------------------------------------------------------*/
#top__main__section03 {
	min-width: 992px;
	background-color: #dcf0fb;
	margin-bottom: 25px;
}
#top__main__section03 > .inner {
	width: 760px;
	margin: 0 auto;
	padding: 38PX 0 35px 0;
}

.top_tmp02 .main_area01 {
	display: table;
	width: 100%;
	margin-bottom: 30px;
}
.top_tmp02 .main_area01 > div {
	display: table-cell;
	vertical-align: middle;
}
.top_tmp02 .main_area01 > .img_box {
	text-align: center;
}
.top_tmp02 .main_area01 > .text_box {
	width: 460px;
}
.top_tmp02 .main_area01 > .text_box > .img {
	text-align: right;
	margin-bottom: 15px;
}
.top_tmp02 .main_area01 > .text_box {
	text-align: center;
}
.top_tmp02 .main_area01 > .text_box > ul {
	display: inline-block;
}
.top_tmp02 .main_area01 > .text_box > ul > li {
	font-size: 28px;
	text-align: left;
}
.top_tmp02 .main_area01 > .text_box > ul > li > span {
	font-size: .7em;
}
.top_tmp02 .main_area01 > .text_box > ul > li::before {
	content: "・";
}
.top_tmp02 .main_area01 img {
	max-width: 100%;
}

.top_tmp02 .main_area02 > p {
	font-size: 18px;
	padding: 0 1.5em;
}





/* top__main__section04 */
/*------------------------------------------------------------------------------*/
#top__main__section04 {
	min-width: 992px;
}
#top__main__section04 > .inner {
	width: 760px;
	margin: 0 auto;
	padding-bottom: 20px;
}





/* top__main__section05 */
/*------------------------------------------------------------------------------*/
#top__main__section05 {
	min-width: 992px;
	background-color: #ffe3be;
	margin-bottom: 25px;
}
#top__main__section05 > .inner {
	width: 760px;
	margin: 0 auto;
	padding: 38PX 0 35px 0;
}





/* top__main__section06 */
/*------------------------------------------------------------------------------*/
#top__main__section06 {
	min-width: 992px;
	margin-bottom: 40px;
	padding-top: 40px;
}
#top__main__section06 > .inner {
	width: 900px;
	margin: 0 auto;
}
#top__main__section06 > .inner > p {
	line-height: 1.2;
}
#top__main__section06 > .inner > p.text01 {
	font-size: 35px;
	font-weight: bold;
	color: #009fe8;
	text-align: center;
	margin-bottom: .3em;
}
#top__main__section06 > .inner > p.text01 > span {
	font-size: .8em;
}
#top__main__section06 > .inner > p.text02 {
	font-size: 44px;
	font-weight: bold;
	color: #ff6d20;
	text-align: center;
}





/* top__main__section07 */
/*------------------------------------------------------------------------------*/
#top__main__section07 {
	min-width: 992px;
	background-color: #dcf0fb;
}
#top__main__section07 > .inner {
	display: table;
	margin: 0 auto;
	padding: 60PX 0 24px 0;
}
#top__main__section07 > .inner > div {
	display: table-cell;
	vertical-align: bottom;
}
#top__main__section07 > .inner > .link_box {
	padding: 0 20px;
}
#top__main__section07 > .inner > .link_box > a {
	display: block;
}
#top__main__section07 > .inner > .link_box > a:hover {
	-webkit-transform: translateY(-5%) translateX(0%);
	transform: translateY(-5%) translateX(0%);
}
#top__main__section07 > .inner > .text_box {
	width: 435px;
}
#top__main__section07 > .inner > .text_box > .img {
	width: 100%;
	position: relative;
}
#top__main__section07 > .inner > .text_box > .img > img {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateY(0%) translateX(-50%);
	transform: translateY(0%) translateX(-50%);
}
#top__main__section07 > .inner > .text_box > .text {
	width: 100%;
	background-color: #fff;
	border-radius: .5em;
	position: relative;
}
#top__main__section07 > .inner > .text_box > .text > h2 {
	font-size: 25px;
	font-weight: bold;
	color: #e50012;
	position: absolute;
	top: 0;
	-webkit-transform: translateY(-50%) translateX(0%);
	transform: translateY(-50%) translateX(0%);
}
#top__main__section07 > .inner > .text_box > .text ul {
	padding: 2em 0 1.2em 1.8em;
}
#top__main__section07 > .inner > .text_box > .text li > a {
	font-size: 18px;
	font-weight: bold;
	color: #818181;
	text-decoration: none;
	line-height: 1.2;
}
#top__main__section07 > .inner > .text_box > .text li > a:hover {
	color: #00aeeb;
}
#top__main__section07 > .inner > .text_box > .text li+li {
	margin-top: .8em;
}





/* top__main__section08 */
/*------------------------------------------------------------------------------*/
#top__main__section08 {
	min-width: 992px;
	padding: 30px 0;
}
#top__main__section08 .inner {
	display: flex;
	align-items: center;
	width: 560px;
	margin: 0 auto;
}
#top__main__section08 .inner .text_box {
	width: calc(100% - 224px);
	font-size: 1.4em;
	color: #00a0ea;
	line-height: 1.4;
}
#top__main__section08 .inner .text_box.arr_pc {
	display: block;
}
#top__main__section08 .inner .text_box.arr_sp {
	display: none;
}
#top__main__section08 .inner .img_box {
	width: 224px;
}
#top__main__section08 .inner .img_box > a {
	display: block;
}
#top__main__section08 .inner .img_box > a:hover {
	opacity: .7;
}






/* top__section01 */
/*------------------------------------------------------------------------------*/
#top__section01 {
	width: 992px;
	margin: 0 auto 30px auto;
	padding-top: 30px;
}
#top__section01 > .inner {
	width: 670px;
	margin: 0 auto;
}
#top__section01 > .inner > .title_area {
	margin-bottom: 15px;
}
#top__section01 > .inner > .title_area > h2 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #00b9ef;
}
#top__section01 > .inner > .text_box {
	width: 80%;
	margin: 0 auto;
}
#top__section01 > .inner > .text_box > p:nth-of-type(1) {
	font-size: 1.3rem;
}
#top__section01 > .inner > .text_box > p:nth-of-type(2) {
	font-size: 1.3rem;
	text-align: right;
}
#top__section01 > .inner > .text_box > p:nth-of-type(2) > span.strong {
	font-size: 1.6rem;
	font-weight: bold;
	color: #e60012;
}





/* top__section02 */
/*------------------------------------------------------------------------------*/
#top__section02 {
	background-color: #E5EDAF;
}
#top__section02 > .inner {
	display: flex;
	justify-content: center;
	min-width: 992px;
	padding: 30px 0;
}
#top__section02 > .inner > ul > li {
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1;
	padding-left: 1.2em;
	position: relative;
}
#top__section02 > .inner > ul > li+li {
	margin-top: .7em;
}
#top__section02 > .inner > ul > li:before {
	content: "";
	display: block;
	width: .8em;
	height: .8em;
	background-color: #6FBA2C;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%) translateX(0%);
	transform: translateY(-50%) translateX(0%);
}





/* top__section03 */
/*------------------------------------------------------------------------------*/
#top__section03 {
	width: 992px;
	margin: 0 auto;
}
#top__section03 > .inner {
	display: flex;
	justify-content: space-between;
	width: 620px;
	margin: 0 auto;
	padding: 30px 0;
}
#top__section03 > .inner > .box > h3 {
	font-size: 0.9rem;
	font-weight: bold;
	margin-bottom: 0.3em;
}





/* top__section04 */
/*------------------------------------------------------------------------------*/
#top__section04 {
	width: 992px;
	margin: 0 auto 20px auto;
}
#top__section04 > .inner {
	width: 670px;
	margin: 0 auto;
}
#top__section04 > .inner > .title_area {
	margin-bottom: 15px;
}
#top__section04 > .inner > .title_area > h2 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #00b9ef;
}
#top__section04 > .inner > .img_box {
	text-align: center;
}





/* top__section05 */
/*------------------------------------------------------------------------------*/
#top__section05 {
	width: 992px;
	margin: 0 auto 20px auto;
}
#top__section05 > .inner {
	width: 862px;
	border: 6px solid #f1bc19;
	border-radius: .8em;
	margin: 0 auto;
	padding: 15px 25px 20px 25px;
}
#top__section05 > .inner > .title_area {
	margin-bottom: 15px;
}
#top__section05 > .inner > .title_area > h2 {
	font-size: 1.8rem;
	font-weight: bold;
	color: #F08300;
	line-height: 1.4;
	text-align: center;
}
#top__section05 > .inner > p {
	padding: 0 6%;
	line-height: 2;
	margin-bottom: 30px;
}
#top__section05 > .inner > .img_box {
	display: flex;
	justify-content: space-between;
}
#top__section05 > .inner > .img_box > .img_main > span {
	display: block;
}
#top__section05 > .inner > .img_box > .img_main:nth-of-type(1) {
	width: 370px;
}
#top__section05 > .inner > .img_box > .img_main:nth-of-type(2) {
	width: 386px;
}
#top__section05 > .inner > .img_box > .img_main > span.img {
	margin-bottom: 20px;
}
#top__section05 > .inner > .img_box > .img_main > span.text {
	font-size: 0.6rem;
	line-height: 1.2;
	text-align: center;
}





/* top__section06 */
/*------------------------------------------------------------------------------*/
#top__section06 {
	min-width: 992px;
	background-color: #fcf9d0;
}
#top__section06 > .inner {
	width: 670px;
	margin: 0 auto;
	padding: 25px 0 35px 0;
}
#top__section06 > .inner > .title_area {
	margin-bottom: 15px;
}
#top__section06 > .inner > .title_area > h2 {
	font-size: 1.8rem;
	font-weight: bold;
	color: #d71518;
	line-height: 1.4;
	text-align: center;
}
#top__section06 > .inner > .title_area > p {
	font-weight: bold;
	text-align: center;
}
#top__section06 > .inner > .inner_main > h3 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-align: center;
	background-color: #0f9243;
	margin-bottom: 20px;
	padding: 0.3em 0;
}
#top__section06 > .inner > .inner_main > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 600px;
	margin: 0 auto;
}
#top__section06 > .inner > .inner_main > ul > li {
	width: 135px;
}
#top__section06 > .inner > .inner_main > ul > li.type_2box {
	width: 290px;
}
#top__section06 > .inner > .inner_main > ul > li:nth-of-type(n+5) {
	margin-top: 10px;
}
#top__section06 > .inner > .inner_main > ul > li > a {
	display: block;
	text-decoration: none;
	background-color: #9cbc2a;
	padding: 0 5px 10px 5px;
	transition: all .2s;
}
#top__section06 > .inner > .inner_main > ul > li > a:hover {
	background-color: #ffa700;
}
#top__section06 > .inner > .inner_main > ul > li > a > span {
	display: block;
	line-height: 1;
	text-align: center;
}
#top__section06 > .inner > .inner_main > ul > li > a > span.text_box {
	font-weight: bold;
	color: #fff;
	padding: 6px 0;
}
#top__section06 > .inner > .inner_main > ul > li > a > span.img_box {
	height: 68px;
	border: 1px solid #666;
	overflow: hidden;
}
#top__section06 > .inner > .inner_main > ul > li > a > span.img_box > img {
	width: 100%;
	height: auto;
}





/* method__select__area */
/*------------------------------------------------------------------------------*/
#method__select__area {
	min-width: 992px;
	background-color: #FAF6C4;
}
#method__select__area > .inner {
	width: 740px;
	margin: 0 auto;
	padding: 25px 0 35px 0;
}
#method__select__area > .inner > h1 {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 20px;
}
#method__select__area > .inner > h1 > span {
	font-weight: bold;
	line-height: 1;
}
#method__select__area > .inner > h1 > span.main {
	font-size: 2rem;
	color: #3ea437;
}

#method__select__area > .inner > .text_box {
	margin-bottom: 20px;
}
#method__select__area > .inner > .text_box > .text01 {
	font-size: 1.5rem;
	font-weight: bold;
}
#method__select__area > .inner > .text_box > .text01 > span {
	font-size: .7em;
}
#method__select__area > .inner > .text_box > .text02 {
	text-indent: 1em;
}

#method__select__main {
	background-color: #fff;
	border: 1px solid #8d8375;
	border-radius: 1em;
	margin-bottom: 35px;
	padding: 25px 35px 15px 35px;
}
#method__select__main > h2 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #008941;
	line-height: 1;
	border-bottom: 4px solid #3ea437;
	margin-bottom: 10px;
	padding: 0 0 0.2em 0.7em;
}
#method__select__main > .contents_main {
	height: 362px;
	background: url(../images/house_method_bg.png) no-repeat top center;
}
#method__select__main > .contents_main > ul {
	width: 575px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
#method__select__main > .contents_main > ul > li {
	width: 118px;
	height: auto;
	position: absolute;
	z-index: 10;
}
#method__select__main > .contents_main > ul > li.window,
#method__select__main > .contents_main > ul > li.shading {
	top: 74px;
}
#method__select__main > .contents_main > ul > li.floor,
#method__select__main > .contents_main > ul > li.wall {
	top: 148px;
}
#method__select__main > .contents_main > ul > li.airflow,
#method__select__main > .contents_main > ul > li.bathroom  {
	top: 222px;
}
#method__select__main > .contents_main > ul > li.ceiling,
#method__select__main > .contents_main > ul > li.shading,
#method__select__main > .contents_main > ul > li.wall,
#method__select__main > .contents_main > ul > li.bathroom {
	right: 0;
}
#method__select__main > .contents_main > ul > li.all {
	bottom: 0;
	left: 50%;
	-webkit-transform: translateY(0%) translateX(-50%);
	transform: translateY(0%) translateX(-50%);
}
#method__select__main > .contents_main > ul > li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 56px;
	text-align: center;
	text-decoration: none;
	background-color: #008941;
	border-radius: 0.4em;
}
#method__select__main > .contents_main > ul > li > a:hover,
#method__select__main > .contents_main > ul > li.current > a {
	background-color: #e68d1e;
}
#method__select__main > .contents_main > ul > li.current > a {
	pointer-events: none;
}
#method__select__main > .contents_main > ul > li > a > span {
	font-size: .9rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	white-space: nowrap;
}

#recommended_products__area {
	background-color: #fff;
	border: 1px solid #8d8375;
	border-radius: 1em;
	padding: 25px 35px 30px 35px;
}
#recommended_products__area > h2 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #008941;
	line-height: 1;
	border-bottom: 4px solid #3ea437;
	margin-bottom: 10px;
	padding: 0 0 0.2em 0.7em;
}
#recommended_products__area > .contents_main > ul {
	width: 570px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}
#recommended_products__area > .contents_main > ul > li {
	width: 100px;
	height: auto;
}
#recommended_products__area > .contents_main > ul > li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 45px;
	font-size: .9rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	background-color: #008941;
	border-radius: 0.4em;
}
#recommended_products__area > .contents_main > ul > li > a:hover,
#recommended_products__area > .contents_main > ul > li.current > a {
	background-color: #e68d1e;
}
#recommended_products__area > .contents_main > ul > li.current > a {
	pointer-events: none;
}





/*------------------------------------------------------------------------------*/
/* professional */
/*------------------------------------------------------------------------------*/
.professional__section .common__contents__inner .contents_catch {
	margin-bottom: 10px;
}
/* professional__contents */
/*------------------------------------------------------------------------------*/
.professional__contents {
	border: 2px solid #E6E6E6;
	background-color: #F9F9F9;
}
.professional__contents+.professional__contents {
	margin-top: 10px;
}
.professional__contents > .title_area {
	background-color: #F0F0F0;
	border-bottom: 2px solid #E6E6E6;
	padding: 10px 20px;
}
.professional__contents > .img_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px 20px;
}


.professional__contents > .img_area.type_2box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px 20px;
}
.professional__contents > .img_area.type_2box > div {
	width: 48%;
}


.professional__contents > .img_area.box_center {
	justify-content: space-around;
}
.professional__contents > .img_area .img_box {
	background-color: #fff;
	border: 2px solid #e5e5e5;
	position: relative;
}
.professional__contents > .img_area.text_less .img_box {
	border: none;
}
.professional__contents > .img_area.text_less .img_box .img {
	border: 2px solid #e5e5e5;
}
.professional__contents > .img_area .img_box:nth-of-type(n+3) {
	margin-top: 20px;
}
.professional__contents > .img_area .img_box > span {
	display: block;
}
.professional__contents > .img_area .img_box > span.img > img {
	width: 100%;
	height: auto;
}
.professional__contents > .img_area .img_box > span.text {
	font-size: .7rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	padding: .4em 0;
}
.professional__contents > .img_area .img_box > span.arr {
	font-size: 3rem;
	color: #eb642c;
	text-shadow: 
		White 2px 0px,  White -2px 0px,
		White 0px -2px, White 0px 2px,
		White 2px 2px , White -2px 2px,
		White 2px -2px, White -2px -2px,
		White 1px 2px,  White -1px 2px,
		White 1px -2px, White -1px -2px,
		White 2px 1px,  White -2px 1px,
		White 2px -1px, White -2px -1px;
	position: absolute;
	z-index: 10;
}
.professional__contents > .img_area .img_box01 > span.arr,
.professional__contents > .img_area .img_box03 > span.arr {
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%) translateX(80%);
	transform: translateY(-50%) translateX(80%);
}
.professional__contents > .img_area .img_box02 > span.arr {
	bottom: -3rem;
	left: 0;
	-webkit-transform: translateY(0%) translateX(-80%) rotate(135deg);
	transform: translateY(0%) translateX(-80%) rotate(135deg);
}
.professional__contents > .effect_area {
	background-color: #E6E6E6;
	padding: 10px 20px;
}
.professional__contents > .effect_area > .title_area {
	margin-bottom: 10px;
}
.professional__contents > .effect_area > .inner {
	font-size: .8rem;
}
.professional__contents > .effect_area > .inner .text_box {
	margin-bottom: 10px;
}
.professional__contents > .effect_area > .inner .img_box > .img {
	text-align: center;
}
#airflow .professional__contents > .effect_area > .inner .img_box > .img+.img {
	margin-top: 10px;
}


.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box {
	display: table;
	width: 610px;
	border-collapse: collapse;
	margin: 0 auto;
	position: relative;
}
.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box+.img_box {
	margin-top: 10px;
}
.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box > .img {
	display: table-cell;
	width: 50%;
	border: 3px solid #fff;
	vertical-align: top;
}
.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box > .img > span {
	display: block;
}
.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box > .img > span.text {
	font-size: .7rem;
	font-weight: bold;
	line-height: 1;
	background-color: #fff;
	padding: .4em 0;
}
.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box.after > .img {
	border: 3px solid #008942;
}
.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box > .img  img {
	width: 100%;
	height: auto;
}
.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box > span.arr {
	font-size: 2.4rem;
	color: #eb642c;
	text-shadow: 
		White 2px 0px,  White -2px 0px,
		White 0px -2px, White 0px 2px,
		White 2px 2px , White -2px 2px,
		White 2px -2px, White -2px -2px,
		White 1px 2px,  White -1px 2px,
		White 1px -2px, White -1px -2px,
		White 2px 1px,  White -2px 1px,
		White 2px -1px, White -2px -1px;
	position: absolute;
	bottom: -2.4rem;
	left: 50%;
	-webkit-transform: translateY(0%) translateX(-50%) rotate(90deg);
	transform: translateY(0%) translateX(-50%) rotate(90deg);
	z-index: 10;
}

.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box > .effect_ba_text {
	display: block;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	background-color: #008a42;
	border-radius: .2em;
	border: 1px solid #fff;
	padding: .3em .5em;
	position: absolute;
	left: 50%;
	-webkit-transform: translateY(0%) translateX(-50%);
	transform: translateY(0%) translateX(-50%);
	z-index: 10;
}
.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box.before > .effect_ba_text {
	bottom: 0;
}
.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box.before > .effect_ba_text {
	bottom: 1rem;
}
.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box.after > .effect_ba_text {
	top: 1.2rem;
}



.professional__contents > .img_area.side_type03 .img_box:nth-of-type(n+3) {
	margin-top: 0px;
}



.professional__contents > .effect_area > .inner.before_after.ba_type02 {
	display: flex;
	justify-content: space-between;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 .ba_main {
	display: flex;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 .ba_main .img_box {
	background-color: #fff;
	padding: 3px;
	position: relative;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 .ba_main .img_box.after {
	background-color: #008241;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 span.img {
	display: block;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 .ba_main span.text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 3px 10px 0 0;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 .ba_main .img_box.after span.text {
	padding: 3px 0 0 10px;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 .ba_main span.text li {
	font-size: .9em;
	font-weight: bold;
	line-height: 1.4;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 .ba_main .img_box.after span.text li {
	color: #fff;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 .effect_ba_text {
	display: block;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	background-color: #008a42;
	border-radius: .2em;
	border: 1px solid #fff;
	padding: .3em .5em;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 span.arr {
	font-size: 1.8rem;
	color: #eb642c;
	line-height: 1;
	text-shadow: 
		White 2px 0px,  White -2px 0px,
		White 0px -2px, White 0px 2px,
		White 2px 2px , White -2px 2px,
		White 2px -2px, White -2px -2px,
		White 1px 2px,  White -1px 2px,
		White 1px -2px, White -1px -2px,
		White 2px 1px,  White -2px 1px,
		White 2px -1px, White -2px -1px;
	position: absolute;
	bottom: .1em;
	right: -.4em;
	-webkit-transform: translateY(0%) translateX(0%);
	transform: translateY(0%) translateX(0%);
	z-index: 10;
}



.professional__contents > .link_area {
	background-color: #fff;
	border-top: 1px solid #f3f3f2;
	padding: 10px 20px;
}
.professional__contents > .link_area > dl {
	display: flex;
	align-items: center;
}
.professional__contents > .link_area > dl > dt,
.professional__contents > .link_area > dl > dd {
	font-size: .75rem;
	line-height: 1.2;
}
.professional__contents > .link_area > dl > dt {
	font-weight: bold;
	margin-right: 1em;
}
.professional__contents > .link_area > dl > dd > a,
.professional__contents > .link_area > dl > dd > i {
	color: #FF8100;
}
.professional__contents > .link_area > dl > dd > a:hover {
	color: #ffae00;
}


.shooting_date {
	font-size: .9rem;
	padding: .2em .5em;
}


.illustration__link__area {
	background-color: #fffdec;
}

.illustration__link__area {
	position: relative;
}
.illustration__link__area > p {
	font-size: .9rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
	padding: 0 4.5%;
}


/* 屋根 */
#roof .illustration__link__area .link_area_main {
	height: 0;
	background: url(../pro_images/roof/roof_m1.jpg) no-repeat bottom center;
	background-size: cover;
	padding-top: 135.7%;
	position: relative;
}
#roof .illustration__link__area .link_area_main .link_area01 {
	width: 65.29%;
	height: 0;
	padding-top: 36.17%;
	position: absolute;
	top: 0px;
	left: 5.73%;
}
#roof .illustration__link__area .link_area01 .inner {
	width: 40.54%;
	position: absolute;
	bottom: 8.13%;
	left: 6.75%;
}
#roof .illustration__link__area .link_area01 .inner li+li {
	margin-top: 10px;
}
#roof .illustration__link__area .link_area02 {
/*	width: 89.41%;*/
	width: 90%;
	height: 0;
	padding-top: 48.52%;
	position: absolute;
	bottom: 3.46%;
	left: 5.73%;
}
#roof .illustration__link__area .link_area02 .inner {
/*	width: 81.96%;*/
	width: 74%;
	position: absolute;
	bottom: 6.06%;
	left: 50%;
	-webkit-transform: translateY(0%) translateX(-50%);
	transform: translateY(0%) translateX(-50%);
}
#roof .illustration__link__area .link_area02 .inner ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
#roof .illustration__link__area .link_area02 .inner ul li {
	font-size: 0;
	vertical-align: bottom;
}


/* 天井 */
#ceiling .illustration__link__area .link_area_main {
	height: 0;
	background: url(../pro_images/ceiling/ceiling_m1.jpg) no-repeat bottom center;
	background-size: cover;
	padding-top: 138.82%;
	position: relative;
}
#ceiling .illustration__link__area .link_area_main .link_area01 {
	width: 66.17%;
	height: 0;
	padding-top: 53.53%;
	position: absolute;
	top: 0;
	right: 4.41%;
}
#ceiling .illustration__link__area .link_area_main .link_area01 > .inner {
	display: flex;
	justify-content: space-between;
	width: 73.33%;
	position: absolute;
	bottom: 5.49%;
	left: 12.88%;
}
#ceiling .illustration__link__area .link_area_main .link_area01 > .inner li+li {
	margin-top: 10px;
}
#ceiling .illustration__link__area .link_area02 {
	width: 66.17%;
	height: 0;
	padding-bottom: 31.17%;
	position: absolute;
	bottom: 3.49%;
	left: 11.61%;
}
#ceiling .illustration__link__area .link_area02 > ul {
	position: absolute;
	bottom: 11.79%;
	left: 13%;
}


/* 床 */
#floor .illustration__link__area .link_area_main {
	height: 0;
	background: url(../pro_images/floor/floor_m1_202103012.jpg) no-repeat bottom center;
	background-size: cover;
	padding-top: 150.88%;
	position: relative;
}
#floor .illustration__link__area .link_area_main .link_area01 {
	width: 66.17%;
	height: 0;
	padding-top: 39.85%;
	position: absolute;
	top: 0;
	right: 4.85%;
}
#floor .illustration__link__area .link_area_main .link_area01 > .inner {
	width: 67.4%;
	position: absolute;
	bottom: 5.49%;
	left: 15.07%;
}
#floor .illustration__link__area .link_area_main .link_area01 > .inner ul {
	display: flex;
	justify-content: space-between;
}
#floor .illustration__link__area .link_area02 {
	width: 66.76%;
	height: 0;
	padding-bottom: 54.26%;
	position: absolute;
	bottom: 2.72%;
	left: 5.73%;
}
#floor .illustration__link__area .link_area02 > .inner {
	display: flex;
	justify-content: space-between;
	width: 72.68%;
	position: absolute;
	bottom: 5.42%;
	left: 11.89%;
}
#floor .illustration__link__area .link_area02 > .inner li+li {
	margin-top: 10px;
}


/* 外壁 */
#wall .illustration__link__area .link_area_main {
	height: 0;
	background: url(../pro_images/wall/wall_m1.jpg) no-repeat bottom center;
	background-size: cover;
	padding-top: 151.02%;
	position: relative;
}
#wall .illustration__link__area .link_area_main .link_area01 {
	width: 66.17%;
	height: 0;
	padding-top: 39.55%;
	position: absolute;
	top: 0;
	left: 4.85%;
}
#wall .illustration__link__area .link_area_main .link_area01 > .inner {
	position: absolute;
	bottom: 7.43%;
	left: 12.86%;
}
#wall .illustration__link__area .link_area_main .link_area01 > .inner li+li {
	margin-top: 10px;
}
#wall .illustration__link__area .link_area02 {
	width: 66.76%;
	height: 0;
	padding-bottom: 63%;
	position: absolute;
	bottom: .5%;
	right: 5.14%;
}
#wall .illustration__link__area .link_area02 > .inner {
	width: 73.84%;
	position: absolute;
	bottom: 3%;
	left: 12.08%;
}
#wall .illustration__link__area .link_area02 > .inner ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 5px 0;
}

/* 20241129 add */
#wall .illustration__link__area .link_area02 > .inner.cost02 {
	bottom: 2%;
}


/* 外壁（耐震）/ 浴室 */
#bathroom .illustration__link__area .link_area_main {
	height: 0;
	background: url(../pro_images/bathroom/bathroom_m1.jpg) no-repeat bottom center;
	background-size: cover;
	padding-top: 56.91%;
	position: relative;
}
#bathroom .illustration__link__area .link_area_main .link_area01 {
	width: 82.79%;
	height: 0;
	padding-top: 50%;
	position: absolute;
	top: 0;
	left: 8.82%;
}
#bathroom .illustration__link__area .link_area_main .link_area01 > .inner {
	display: flex;
	justify-content: space-between;
	width: 68.56%;
	position: absolute;
	bottom: 4.11%;
	left: 15.98%;
}
#bathroom .illustration__link__area .link_area_main .link_area01 > .inner li+li {
	margin-top: 5px;
}






/*　共通　*/
.illustration__link__area a {
	display: inline-block;
	font-size: 1.05rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	background-color: #ee7a2c;
	border-radius: 0.3em;
	padding: 0.5em 0.6em;
}
.illustration__link__area a:hover {
	background-color: #eeab2c;
}
.illustration__link__area li {
	font-size: 0;
	text-align: center;
	vertical-align: top;
}





/* professional__page__title */
/*------------------------------------------------------------------------------*/
#professional__page__title {
	display: flex;
	align-items: center;
	width: 680px;
	margin: 0 auto;
	border-bottom: 10px dotted #afd164;
	margin-bottom: 40px;
	padding: 0 10px 45px 10px;
}
#professional__page__title > div.title {
	width: 200px;
}
#professional__page__title > div.title > h1 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 156px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	background-color: #f29218;
	border-radius: 0.5em;
}

#professional__page__title > div.text {
	width: 480px;
	padding-left: 25px;
}
#professional__page__title > div.text > p {
	font-size: 1rem;
}
#professional__page__title > div.text > ul.link_area {
	display: flex;
	padding-top: 15px;
}
#professional__page__title > div.text > ul.link_area > li+li {
	margin-left: 12px;
}
#professional__page__title > div.text > ul.link_area > li > a {
	display: flex;
	font-size: 1.0em;
	line-height: 1;
	color: #009944;
	text-decoration: none;
	border: 1px solid #009944;
	padding: 0.5em 0.5em;
}
#professional__page__title > div.text > ul.link_area > li > a:hover {
	color: #fff;
	background-color: #009944;
}
#professional__page__title > div.text > ul.link_area > li > a > span {
	/*display: inline-block;*/
}
#professional__page__title > div.text > ul.link_area > li > a > span.arr {
	width: .5em;
	margin-left: 0.5em;
}





/* cost__example */
/*------------------------------------------------------------------------------*/
.cost__example .cost__example__main.type__all {
	padding-top: 0.3rem;
}
.cost__example .cost__example__main.type__all p.subtitle04 {
	font-size: 0.9rem;
}
.cost__example .cost__example__main.type__all > .main__inner {
	padding-top: 1rem;
}
.cost__example .cost__example__main > .main__inner h3 {
	font-weight: bold;
	color: #fc8fc2;
	text-align: center;
	padding: .8em 0 .2em 0;
}
.cost__example .cost__example__main.type__all > .main__inner h3 {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
.cost__example .cost__example__main > .main__inner > .table_box {
	font-size: 0.9rem;
	line-height: 1.2;
	background-color: #e7eedc;
	border: 1px solid #e6e6e6;
	padding: 10px 10px 20px 10px;
}
.cost__example .cost__example__main > .main__inner > .table_box > h4 {
	font-size: 1.3em;
	font-weight: bold;
	background-color: #bbd7eb;
	margin-bottom: 7px;
	padding: 0.3em;
}
.cost__example .cost__example__main > .main__inner > .table_box > h4 > span {
	font-size: .8em;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_sub {
	margin-bottom: 10px;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_sub th,
.cost__example .cost__example__main > .main__inner > .table_box > .table_sub td {
	font-size: 0.8rem;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #b3b3b3;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_sub th {
	font-weight: bold;
	padding: 0.4em 2em 0.4em 0.4em;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_sub td {
	padding: 0.4em 3em 0.4em 0.4em;
}

.cost__example .cost__example__main > .main__inner > .table_box > .table_main {
	display: flex;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area {
	width: calc(100% - 15%);
	border-bottom: 1px solid #b3b3b3;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .title,
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .reform {
	display: table;
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .reform.main_re {
	background-color: #ffefe5;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .title > div {
	display: table-cell;
	font-weight: bold;
	vertical-align: middle;
	background-color: #ededed;
	border-top: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	padding: 0.3em;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .title > div.total {
	width: 20%;
	text-align: center;
}

.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .reform > div {
	display: table-cell;
	vertical-align: middle;
	border-top: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	padding: 0.6em 0.3em;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .reform > div.text_box > p.main {
	font-size: 1.4rem;
	font-weight: bold;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .reform > div.text_box > p.main.small {
	font-size: 1.1rem;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .reform.main_re > div.text_box > p.main {
	color: #009f4f;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .reform > div.text_box > p.sub {
	font-size: .7rem;
	font-weight: bold;
	border-top: 1px dashed #666;
	margin-top: 0.4em;
	padding-top: 0.4em;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .reform > div.num_box {
	width: 20%;
	font-weight: bold;
	text-align: center;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .reform > div.num_box > span.num {
	font-size: 1.5rem;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .reform.main_re > div.num_box > span.num {
	color: #009f4f;
}

.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .plus_alpha_area {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	/*flex-direction: column;*/
	width: 15%;
	text-align: center;
	background-color: #fff;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .plus_alpha_area > p {
	width: 100%;
	font-weight: bold;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .plus_alpha_area > p.alpha {
	font-size: 1.3em;
	font-style: italic;
	color: #eb7f83;
	padding: 0 0 0.5em 0;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .plus_alpha_area > p.alpha_num {
	padding-bottom: 0em;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .plus_alpha_area > p.alpha_num > span.arrow {
	font-size: 1.6em;
	color: #009f4f;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .plus_alpha_area > p.alpha_num > span.num {
	font-size: 1.6em;
}
.cost__example .cost__example__main > .main__inner > .table_box > .notes {
	font-size: 0.6rem;
	text-align: right;
	padding: 0.2em 15% 0.2em 0.2em;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_link_text {
	padding-top: 1em;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_link_text > p.text {
	font-size: 0.8rem;
	font-weight: bold;
	text-align: center;
	color: #5bb4ff;
	line-height: 1.6;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_link_text > p.text > a {
	display: inline-block;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	background-color: #0093a0;
	border-radius: .2em;
	padding: .4em .8em;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_link_text > p.text > a:hover {
	background-color: #06b981;
}





/*#professional__page__link */
/*------------------------------------------------------------------------------*/
#professional__page__link {
	width: 992px;
	margin: 0 auto;
	padding-top: 30px;
}
#professional__page__link > ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 680px;
	margin: 0 auto;
	/*background-color: #f6f4ee;*/
	border-top: 1px solid #d5d5d4;
	border-left: 1px solid #d5d5d4;
}
#professional__page__link > ul > li {
	width: 20%;
}
#professional__page__link > ul > li > a {
	display: block;
	font-size: 0.8rem;
	font-weight: bold;
	color: #f19b59;
	text-align: center;
	background-color: #f6f4ee;
	border-bottom: 1px solid #d5d5d4;
	border-right: 1px solid #d5d5d4;
	padding: 0.5em 0;
}
#professional__page__link > ul > li > a:hover,
#professional__page__link > ul > li.current > a {
	background-color: #e9e9e6;
}
#professional__page__link > ul > li.current > a {
	pointer-events: none;
}
#professional__page__link > ul > li > a > i {
	color: #ea5a2d;
}





/* window */
/*------------------------------------------------------------------------------*/
.window_procucts_area {
	padding: 0 10px;
}
.window_procucts_area .window_procucts {
	padding: 20px;
	background-color: #fdfaeb;
	border: 1px solid #f3e4d2;
}
.window_procucts_area .window_procucts+.window_procucts {
	margin-top: 10px;
}
.window_procucts_area .window_procucts > h3 {
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 10px;
}
.window_procucts_area .window_procucts > h3 > span {
	display: inline-block;
	font-size: 1rem;
	color: #fff;
	background-color: #0DA558;
	border: 1px solid #008742;
	margin-right: 0.3em;
	padding: 0.2em;
}
.window_procucts_area .window_procucts > p {
	font-size: .9rem;
	margin-bottom: 10px;
}
.window_procucts_area .window_procucts > .img_area {
	width: 580px;
	background-color: #fff;
	margin: 0 auto;
	padding: 10px;
}
.window_procucts_area .window_procucts > .img_area > h4 {
	font-size: 1rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 5px;
}
.window_procucts_area .window_procucts > .img_area > .img_main {
	display: flex;
	justify-content: space-between;
}
.window_procucts_area .window_procucts > .img_area > .img_main > .img {
	position: relative;
}
.window_procucts_area .window_procucts > .img_area > .img_main > .img > span {
	display: block;
}
.window_procucts_area .window_procucts > .img_area > .img_main > .img > span.border {
	background-color: #E9E9E9;
	padding: 3px 3px 0 3px;
}
.window_procucts_area .window_procucts > .img_area > .img_main > .img > span.border02 {
	background-color: #E9E9E9;
	padding: 3px;
}
.window_procucts_area .window_procucts > .img_area > .img_main > .img > span.border > img {
	width: 100%;
	height: auto;
}
.window_procucts_area .window_procucts > .img_area > .img_main > .img > span.text {
	font-size: 0.75rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	background-color: #E9E9E9;
	padding: 0.4em 0;
}
.window_procucts_area .window_procucts > .img_area > .img_main > .img > span.arr {
	font-size: 2.6rem;
	color: #eb642c;
	text-shadow: 
		White 2px 0px,  White -2px 0px,
		White 0px -2px, White 0px 2px,
		White 2px 2px , White -2px 2px,
		White 2px -2px, White -2px -2px,
		White 1px 2px,  White -1px 2px,
		White 1px -2px, White -1px -2px,
		White 2px 1px,  White -2px 1px,
		White 2px -1px, White -2px -1px;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 10;
	-webkit-transform: translateY(-50%) translateX(60%);
	transform: translateY(-50%) translateX(60%);
}

#window .notes {
	font-size: 0.75rem;
	text-align: center;
	margin-top: 15px;
}

.window__group__link {
	display: flex;
	background-color: #f2f2f2;
	padding: 10px;
}
.window__group__link .text_box {
	font-size: 0.9rem;
	padding-left: 20px;
}
.window__group__link .text_box > p {
	font-weight: bold;
	color: #ac0000;
	margin-bottom: 0.5em;
}
.window__group__link .text_box > ul {
	padding-left: 1em;
}
.window__group__link .text_box > ul > li+li {
	margin-top: 1em;
}
.window__group__link .text_box > ul > li > span {
	display: block;
	line-height: 1.2;
}
.window__group__link .text_box > ul > li > span:nth-of-type(1) {
	font-weight: bold;
}
.window__group__link .text_box > ul > li > span:nth-of-type(2) {
	padding-left: 1em;
}




/* airflow */
/*------------------------------------------------------------------------------*/
#airflow .page_move_link {
	text-align: center;
}
#airflow .page_move_link a {
	display: inline-block;
	background: url(../pro_images/airflow/top_btn01_on.jpg) no-repeat;
}
#airflow .page_move_link a:hover img {
	opacity: 0;
}





/* roof */
/*------------------------------------------------------------------------------*/
#roof .pro__section01 .professional__contents > .img_area > .flow .img_box:nth-of-type(n+2) {
	margin-top: 10px;
}
#roof .pro__section01 .professional__contents > .img_area > .flow .img_box04 > span.arr {
	font-size: 2.4rem;
	bottom: -2.4rem;
	left: 2%;
	-webkit-transform: translateY(0%) translateX(0%) rotate(90deg);
	transform: translateY(0%) translateX(0%) rotate(90deg);
}
#roof .pro__section01 .professional__contents > .img_area > .result .img_box05 span.text {
	text-align: left;
	padding-left: 2.4em;
}
#roof .pro__section01 .professional__contents > .img_area > .result .img_box06 {
	text-align: right;
	position: relative;
	z-index: 10;
}
#roof .pro__section01 .professional__contents > .img_area > .result .img_box06 {
	background-color: rgba(255,255,255,0);
	border: none;
	margin-top: -50px;
/*	-webkit-transform: translateY(-50px) translateX(0%);
	transform: translateY(-50px) translateX(0%);*/
}
#roof .pro__section01 .professional__contents > .img_area > .result .img_box06 > span {
	display: inline-block;
	width: 260px;
	background-color: #fff;
	border: 2px solid #e5e5e5;
}
#roof .pro__section01 .professional__contents > .img_area > .result .goto_reform_effect {
	text-align: right;
	padding-top: 1em;
}
#roof .pro__section01 .professional__contents > .img_area > .result .goto_reform_effect a {
	font-size: .9rem;
	color: #333;
}
#roof .pro__section01 .professional__contents > .img_area > .result .goto_reform_effect a > i {
	color: #ea5a2d;
}





/* floor */
/*------------------------------------------------------------------------------*/
#floor .floor_area01 .before_after {
	justify-content: space-between;
}
#floor .floor_area01 .before_after .img_box {
	display: block;
	background-color: #fff;
	padding: 3px 3px 0 3px;
	position: relative;
}
#floor .floor_area01 .before_after .img_box.after {
	background-color: #008241;
}
#floor .floor_area01 .before_after .img_box .img {
	display: flex;
}
#floor .floor_area01 .before_after .img_box .img > span {
	display: block;
}
#floor .floor_area01 .before_after .img_box .img > span.img01 {
	width: 52.2%;
}
#floor .floor_area01 .before_after .img_box .img > span img {
	width: 100%;
	height: auto;
}
#floor .floor_area01 .before_after .img_box .text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 1;
	padding: 3px 10px;
}
#floor .floor_area01 .before_after .img_box .text .effect_ba_text > span {
	display: inline;
	font-size: 1.1rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	white-space: nowrap;
	background-color: #008a42;
	border-radius: .3em;
	border: 1px solid #fff;
	padding: .2em .5em;
}
#floor .floor_area01 .before_after .img_box .text li {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4;
	text-align: right;
}
#floor .floor_area01 .before_after .img_box.after .text li {
	color: #fff;
}

#floor .floor_area01 .before_after .img_box > span.arr {
	font-size: 2.8rem;
	color: #eb642c;
	line-height: 1;
	text-shadow: 
		White 2px 0px,  White -2px 0px,
		White 0px -2px, White 0px 2px,
		White 2px 2px , White -2px 2px,
		White 2px -2px, White -2px -2px,
		White 1px 2px,  White -1px 2px,
		White 1px -2px, White -1px -2px,
		White 2px 1px,  White -2px 1px,
		White 2px -1px, White -2px -1px;
	position: absolute;
	z-index: 10;
}
#floor .floor_area01 .before_after .img_box > span.arr {
	bottom: -.5em;
	left: 50%;
	-webkit-transform: translateY(0%) translateX(-50%) rotate(90deg);
	transform: translateY(0%) translateX(-50%) rotate(90deg);
}





/* bathroom */
/*------------------------------------------------------------------------------*/
#bathroom .pro__section01 .img_box:nth-of-type(n+3) {
	margin-top: 0;
}

#bathroom .pro__section02 .pro__section02__main01 {
	justify-content: space-between;
}
#bathroom .pro__section02 .pro__section02__main01 .img_box {
	width: 36%;
}
#bathroom .pro__section02 .pro__section02__main02 {
	margin-top: -5%;
	position: relative;
	z-index: 10;
}





/* kensankyo */
/*------------------------------------------------------------------------------*/
#kensankyo p.contents_catch {
	margin-bottom: 1em;
}
#kensankyo .contents_main+.contents_main {
	margin-top: 20px;
}
#kensankyo .contents_main > h2 {
	font-size: 1.3rem;
	font-weight: bold;
	color: #009242;
	margin-bottom: 0.3em;
}
#kensankyo .contents_main > p {
	line-height: 2.2;
}





/* link_company */
/*------------------------------------------------------------------------------*/
#link_company .subtitle02 {
	margin-bottom: 0.7em;
}
#link_company ul {
	padding-left: 5%;
}
#link_company ul {
	display: table;
	width: 100%;
}
#link_company ul > li {
	display: table-row;
	width: 100%;
}
#link_company ul > li > span {
	display: table-cell;
	font-size: 0.9rem;
	padding: .3em 0;
}
#link_company ul > li > span.text:before {
	content: "・"
}
#link_company ul > li > span > a,
#link_company ul > li > span > i {
	color: #FF8100;
}
#link_company ul > li > span > a:hover {
	color: #ffae00;
}





/* glossary */
/*------------------------------------------------------------------------------*/
#glossary #glossary__page__title {
	width: 680px;
	margin: 0 auto;
	margin-bottom: 20px;
}
#glossary #glossary__page__title > h1 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #210f0b;
	text-align: center;
	background-color: #d1a36d;
}
#glossary .glossary__list__area {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 500px;
}
#glossary .glossary__list__area .list_box {
	width: 33.33%;
}
#glossary .glossary__list__area .list_box+.list_box {
	margin-top: 30px;
}
#glossary .glossary__list__area .list_box:nth-of-type(4),
#glossary .glossary__list__area .list_box:nth-of-type(6) {
	margin-top: 0;
}
#glossary .glossary__list__area .list_box .title {
	margin-bottom: 10px;
}
#glossary .glossary__list__area .list_box .title span {
	font-size: 1.2rem;
	display: inline-block;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	background-color: #009242;
	padding: .3em .6em;
}
#glossary .glossary__list__area .list_box .list {
	padding-left: 5px;
}
#glossary .glossary__list__area .list_box .list li {
	line-height: 1.2;
}
#glossary .glossary__list__area .list_box .list li+li {
	margin-top: .4em;
}
#glossary .glossary__list__area .list_box .list li a {
	font-size: .85rem;
	color: #FF8100;
}
#glossary .glossary__list__area .list_box .list li a:hover {
	color: #ffae00;
}

#glossary .glossary_box+.glossary_box {
	margin-top: 30px;
}
#glossary .glossary_box > .title {
	margin-bottom: 10px;
}
#glossary .glossary_box > .title > h2 {
	background-color: #daeee7;
	border-bottom: 1px solid #008e42;
	padding: .5em;
}
#glossary .glossary_box > .title > h2 > span {
	display: flex;
	align-items: center;
	font-weight: bold;
	line-height: 1;
}
#glossary .glossary_box > .title > h2 > span:before {
	content: "●";
	display: inline-block;
	color: #008e42;
	padding-right: .2em;
}
#glossary .glossary_box > .text > .text_main {
	font-size: .9rem;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: .5em 1em;
}
#glossary .glossary_box > .text > .text_main > p+p {
	margin-top: .8em;
}
#glossary .glossary_box > .text > .text_main > p.img {
	text-align: center;
}
#glossary .glossary_box > .text > .text_main > ol {
	margin-top: .8em;
	padding-left: 2em;
}
#glossary .glossary_box > .text > .text_main > ol > li {
	text-indent: -2em;
}

#glossary .glossary_box > .text > .text_main .glossary_table_area {
	margin-top: .8em;
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > p {
	font-weight: bold;
	text-align: center;
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > .inner > .box {
	display: flex;
	font-size: .8rem;
	border: 1px solid #ccc;
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > .inner > .box+.box {
	margin-top: 5px;
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > .inner > .box > h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
	font-size: .75rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	background-color: #f2f2f2;
	border-right: 1px solid #ccc;
	padding: .3em 0;
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > .inner > .box > dl.products {
	width: 23%;
	border-right: 1px solid #ccc;
	padding: .3em .5em;
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > .inner > .box > dl.products dt {
	font-weight: bold;
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > .inner > .box > dl.products dd {
	font-size: .75rem;
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > .inner > .box > dl.products dd:before {
	content: "・";
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > .inner > .box > dl.link {
	width: calc(100% - 20% - 23%);
	padding: .3em .5em;
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > .inner > .box > dl.link dt {
	font-weight: bold;
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > .inner > .box > dl.link dt dd+dd {
	font-weight: bold;
}



#glossary .glossary_box > .text > .btn_area {
	display: flex;
	justify-content: flex-end;
	padding-right: 10px;
}
#glossary .glossary_box > .text > .btn_area > div+div {
	margin-left: 10px;
}
#glossary .glossary_box > .text > .btn_area > div > a {
	font-size: .9rem;
	font-weight: bold;
	text-decoration: none;
}
#glossary .glossary_box > .text > .btn_area > div.page_slide01 > a {
	border: 1px solid #80c7a1;
	border-radius: .3em;
}





/* animation */
/*------------------------------------------------------------------------------*/
#animation .section_title {
	margin-bottom: 15px;
}
#animation .section_main {
	padding: 0 20px;
}
#animation .section_main > p {
	font-size: .95rem;
	margin-bottom: 15px;
}
#animation .section_main .movie_box {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
#animation .section_main .movie_box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* econyan */
/*------------------------------------------------------------------------------*/
#econyan .common__contents__section {
	margin-top: 0;
}
#econyan .common__contents__section img {
	width: 100%;
	height: auto;
}
#econyan .common__contents__section.section_01 {
	margin-bottom: 30px;
}
#econyan .common__contents__section.section_02 {
	margin-bottom: 40px;
}
#econyan .common__contents__section.section_03,
#econyan .common__contents__section.section_04,
#econyan .common__contents__section.section_05 {
	margin-bottom: 50px;
}
#econyan .common__contents__section.section_06 {
	margin-bottom: 10px;
}
#econyan .common__contents__section .title_box {
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-align: center;
	background-color: #f08200;
	border: 3px solid #e70012;
	padding: .8em 0 .4em;
}
#econyan .common__contents__section .title_box02 {
	font-size: 2.6rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-align: center;
	background-color: #1f9249;
	padding: 1em 0 .4em;
}
#econyan .common__contents__section .over_text {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.4;
}
#econyan .common__contents__section .img {
	position: relative;
}
#econyan .common__contents__section.section_04 .img .over_text {
	position: absolute;
	top: 85px;
	left: 315px;
	z-index: 10;
}
#econyan .common__contents__section.section_05 .img .over_text {
	position: absolute;
	top: 110px;
	left: 50px;
	z-index: 10;
}





/* reform_point */
/*------------------------------------------------------------------------------*/
#reform_point #common__page__title03 {
	margin-bottom: 10px;
}
#point_select_area {
	display: flex;
	justify-content: space-between;
}
#point_select_area .point_select_text {
	width: 68%;
}
#point_select_area .point_select_text > .img > img {
	width: 100%;
	height: auto;
}
#point_select_area .point_select_main {
	width: 30%;
	padding-top: 30px;
}
#point_select_area .point_select_main ul {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	height: 100%;
}
#point_select_area .point_select_main ul li {
	width: 100%;
}
#point_select_area .point_select_main a {
	display: block;
	font-size: 1.3rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	background-color: #68B82E;
	border: 1px solid #C4D700;
	border-radius: .5em;
	padding: .8em 0;
}
#point_select_area .point_select_main a:hover {
	background-color: #5A8F2E;
}

#reform_point .point_section h2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #68B82E;
	border: 1px solid #C4D700;
	border-radius: .5em;
	margin-bottom: 20px;
	padding: .8em 1em .8em 2.5em;
	overflow: overflow: hidden;
}
#reform_point .point_section h2 > span.main {
	font-size: 1.3rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
}
#reform_point .point_section h2 > span.btn > a {
	display: block;
	font-size: .9rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-decoration: none;
	background-color: #009944;
	border: 1px solid #008041;
	padding: .4em 1em;
}
#reform_point .point_section h2 > span.btn > a:hover {
	background-color: #5A8F2E;
	border: 1px solid #C4D700;
}
#reform_point .point_section .section_box+.section_box {
	margin-top: 30px;
}
#reform_point .point_section .section_box > .title_box {
	display: flex;
	align-items: center;
}
#reform_point .point_section h3 {
	font-size: 1.3rem;
	font-weight: bold;
	color: #007440;
	line-height: 1;
	margin-bottom: 15px;
	padding: 0 20px;
}
#reform_point .point_section h3:before {
	content: "◆";
}
#reform_point .point_section .inner {
	display: table;
	width: 100%;
	padding: 0 20px;
}
#reform_point .point_section .inner > div {
	display: table-cell;
	vertical-align: top;
}
#reform_point .point_section .inner .point_select_text .img img {
	width: 100%;
	height: auto;
}
#reform_point .common__contents__section+.common__contents__section {
	margin-top: 30px;
}
#point_select_all {
	margin-top: 120px!important;
}
#point_select_all .point_select_text {
	width: 205px;
}
#point_select_all .point_select_text .img {
	margin-bottom: 5px;
}
#point_select_all .point_select_text .text p {
	font-size: .7rem;
	text-align: center;
}
#point_select_all .point_select_main {
	padding-left: 10px;
}
#point_select_all .point_select_main p {
	font-size: .9rem;
}

#reform_point .point_section .inner_other {
	display: table;
	width: 100%;
	padding: 0 20px;
}
#reform_point .point_section .inner_other > div {
	display: table-cell;
	vertical-align: top;
}
#reform_point .point_section .inner_other > div.point_select_text {
	width: 235px;
	font-size: .9rem;
	line-height: 1.3;
	background-color: #FAD359;
	padding: 1em 1em 2em 1em;
}
#reform_point .point_section .inner_other > div.point_select_text > h4 {
	font-weight: bold;
	text-indent: -.5em;
	margin-bottom: 1em;
}
#reform_point .point_section .inner_other > div.point_select_text li {
	font-size: .85rem;
	text-indent: -1em;
	padding-left: 1em;
}
#reform_point .point_section .inner_other > div.point_select_text li+li {
	margin-top: 1em;
}
#reform_point .point_section .inner_other > div.point_select_text li:before {
	content: "・";
}

#reform_point .point_section .inner_other > div.point_select_main {
	font-size: .9rem;
	line-height: 1.3;
	padding: 5px 0 20px 15px;
}
#reform_point .point_section .inner_other > div.point_select_main > h4 {
	font-weight: bold;
	text-indent: -.5em;
	margin-bottom: .5em;
}
#reform_point .point_section .inner_other > div.point_select_main > h5 {
	margin-bottom: .2em;
}
#reform_point .point_section .inner_other > div.point_select_main li {
	font-size: .85rem;
	text-indent: -1em;
	padding-left: 1em;
}
#reform_point .point_section .inner_other > div.point_select_main li+li {
	margin-top: .5em;
}
#reform_point .point_section .inner_other > div.point_select_main li:before {
	content: "・";
}





/* reform_effect */
/*------------------------------------------------------------------------------*/
#reform_effect #common__page__title03 {
	margin-bottom: 15px;
}
#reform_effect .common__contents__section {
	font-size: .9rem;
}
#reform_effect .common__contents__section {
	padding: 0 10px;
}
#reform_effect .common__contents__section img {
	max-width: 100%;
	height: auto;
}
#reform_effect .common__contents__section.section01 > h2 {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: .5em;
}

#reform_effect .common__contents__section .section_inner {
	display: flex;
	justify-content: space-between;
}
#reform_effect .common__contents__section.section01 .section_inner .inner_text {
	padding-top: 1em;
}
#reform_effect .common__contents__section .section_inner .inner_text > p {
	line-height: 1.4;
}
#reform_effect .common__contents__section .section_inner .inner_text > p+p {
	padding-top: 1em;
}
#reform_effect .common__contents__section .section_inner .inner_text .img {
	padding: 2em 0;
}
#reform_effect .common__contents__section .section_inner > div.inner_text {
	width: 347px;
}
#reform_effect .common__contents__section .section_inner > div.inner_img > .img+.img {
	margin-top: 15px;
}

#reform_effect .common__contents__section > div.inner_img {
	display: flex;
	justify-content: space-between;
	padding: 60px 20px 0 20px;
}
#reform_effect .common__contents__section > div.note {
	margin-bottom: 40px;
}
#reform_effect .common__contents__section > div.note > p {
	font-size: .7rem;
	text-align: center;
}

#reform_effect .common__contents__section.section02 > h2 {
	display: table;
	width: 100%;
	background-color: #68B82E;
	border: 1px solid #C4D700;
	border-radius: .5em;
	overflow: hidden;
	margin-bottom: 20px;
	/*padding: .8em 1em .8em 2.5em;*/
}
#reform_effect .common__contents__section.section02 > h2 > span {
	display: table-cell;
	vertical-align: middle;
	padding: .6em 0;
}
#reform_effect .common__contents__section.section02 > h2 > span.sub {
	width: 7rem;
	font-size: 1.2rem;
	color: #fff;
	line-height: 1;
	text-align: center;
	background-color: #008D43;
	border-right: 1px solid #C4D700;
}
#reform_effect .common__contents__section.section02 > h2 > span.main {
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	padding-left: 1.5rem;
}

#reform_effect .common__contents__section.section_table > h2 {
	font-weight: bold;
	text-align: center;
}
#reform_effect .common__contents__section.section_table table {
	width: 100%;
}
#reform_effect .common__contents__section.section_table table th,
#reform_effect .common__contents__section.section_table table td {
	width: 25%;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ccc;
	padding: .3em;
}
#reform_effect .common__contents__section.section_table table th {
	font-weight: bold;
	background-color: #faf9f8;
}
#reform_effect .common__contents__section.section_table table th.head01 {
	background-color: #cbe6d6;
}





/* reform_cost */
/*------------------------------------------------------------------------------*/
#reform_cost #common__page__title04 {
	margin-bottom: 5px;
}

#reform_cost .common__contents__section.section01 > p {
	display: flex;
	justify-content: flex-end;
	font-size: .7rem;
	line-height: 1.4;
}

#reform_cost .common__contents__section.section02 {
	text-align: center;
	margin-top: 20px;
}

#reform_cost .common__contents__section.reform_cost_box01 {
	padding: 0 22px;
}
#reform_cost .common__contents__section.reform_cost_box01 > .inner {
	padding: 1em;
}
#reform_cost .common__contents__section.reform_cost_box01.section03 > .inner {
	background-color: #E3FFFF;
}
#reform_cost .common__contents__section.reform_cost_box01.section04 {
	margin-top: 20px;
}
#reform_cost .common__contents__section.reform_cost_box01.section04 > .inner {
	background-color: #ECFFCF;
}
#reform_cost .common__contents__section.reform_cost_box01 > .inner > h2 {
	font-size: 1.2rem;
	font-weight: bold;
}
#reform_cost .common__contents__section.reform_cost_box01 > .inner ul {
	padding-left: 30px;
}
#reform_cost .common__contents__section.reform_cost_box01 > .inner li {
	font-size: .9rem;
}
#reform_cost .common__contents__section.reform_cost_box01 > .inner li:before {
	content: "・";
}

#reform_cost .common__contents__section.section05 {
	padding: 0 22px 10px 22px;
}
#reform_cost .common__contents__section.section05 > .inner {
	display: table;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,eaeae9+100 */
	background: rgb(254,254,254); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(234,234,233,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(234,234,233,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(234,234,233,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eaeae9',GradientType=0 ); /* IE6-9 */
	border: 1px solid #F0F0F0;
	border-radius: .5em;
	box-shadow: 0 2px 4px 0px rgba(0,0,0,.3);
}
#reform_cost .common__contents__section.section05 > .inner > div {
	display: table-cell;
	vertical-align: top;
}
#reform_cost .common__contents__section.section05 > .inner > div.text {
	padding: 20px 15px 5px 0;
}
#reform_cost .common__contents__section.section05 > .inner > div.text > h2 {
	font-size: 1.2rem;
	font-weight: bold;
	color: #009900;
	line-height: 1;
	border-bottom: 1px solid #009900;
	margin-bottom: 10px;
	padding: 0 0 10px 10px;
}
#reform_cost .common__contents__section.section05 > .inner > div.text > p {
	font-size: .8rem;
	line-height: 1.4;
	margin-bottom: 13px;
	padding: 0 0 0 10px;
}
#reform_cost .common__contents__section.section05 > .inner > div.text > .btn {
	text-align: center;
}
#reform_cost .common__contents__section.section05 > .inner > div.text > .btn > a {
	display: inline-block;
	font-size: 1.05rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-decoration: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9700+0,ff7300+100 */
	background: rgb(255,151,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,151,0,1) 0%, rgba(255,115,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,151,0,1) 0%,rgba(255,115,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,151,0,1) 0%,rgba(255,115,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9700', endColorstr='#ff7300',GradientType=0 ); /* IE6-9 */
	border: 2px solid #fff;
	border-radius: .2em;
	position: relative;
	padding: .8em 3em;
	box-shadow: 0 2px 4px 0px rgba(0,0,0,.3);
}
#reform_cost .common__contents__section.section05 > .inner > div.text > .btn > a > i.fa-window-restore {
	font-size: .7rem;
	position: absolute;
	top: .5em;
	right: .5em;
}
#reform_cost .common__contents__section.section05 > .inner > div.text > .btn > a:hover {
	opacity: .7;
}
#reform_cost .common__contents__section.section05 > .inner > div.text > p span {
	font-weight: bold;
}
#reform_cost .common__contents__section.section05 > .inner > div.img {
	padding: 5px 10px 5px 0;
}
#reform_cost .common__contents__section.section05 > .inner > div.img > a {
	display: block;
}
#reform_cost .common__contents__section.section05 > .inner > div.img > a:hover {
	opacity: .7;
}





/* reform_attention */
/*------------------------------------------------------------------------------*/
#reform_attention .re_attention_box01 {
	background-color: #F9F9F9;
	border: 2px solid #E6E6E6;
}
#reform_attention .re_attention_box01 > .box {
	display: table;
	padding: 20px;
}
#reform_attention .re_attention_box01 > .box+.box {
	border-top: 1px solid #fff;
}
#reform_attention .re_attention_box01 > .box:nth-of-type(1),
#reform_attention .re_attention_box01 > .box:nth-of-type(2) {
	border-bottom: 1px solid #E6E6E6;
}
#reform_attention .re_attention_box01 > .box > div {
	display: table-cell;
	vertical-align: top;
}
#reform_attention .re_attention_box01 > .box > div.img {
	width: 260px;
}
#reform_attention .re_attention_box01 > .box > div.img > img {
	width: 100%;
	height: auto;
	border: 2px solid #E6E6E6;
}
#reform_attention .re_attention_box01 > .box > div.text {
	padding-left: 25px;
}
#reform_attention .re_attention_box01 > .box > div.text > p {
	font-size: .85rem;
	line-height: 1.6;
}

#reform_attention .re_attention_box02 {
	margin-top: 30px;
	padding: 0 30px;
}
#reform_attention .re_attention_box02 li {
	text-indent: -1em;
	padding-left: 1em;
}
#reform_attention .re_attention_box02 li+li {
	margin-top: 1em;
}
#reform_attention .re_attention_box02 li:before {
	content: "・";
}

#reform_attention .re_attention_box03 {
	line-height: 1.4;
	background-color: #f7ee82;
	margin-top: 60px;
	padding: 1em 1.5em;
}
#reform_attention .re_attention_box03 > h2 {
	margin-bottom: 1em;
}
#reform_attention .re_attention_box03 > h2:before {
	content: "■";
}
#reform_attention .re_attention_box03 li {
	text-indent: -1em;
	padding-left: 1em;
}
#reform_attention .re_attention_box03 li+li {
	margin-top: 1em;
}





/* reform_system */
/*------------------------------------------------------------------------------*/
#reform_system .re_system_catch {
	text-align: center;
	text-align: left;
}
#reform_system .re_system_catch > p {
	font-size: 16px;
	line-height: 1.8;
}
#reform_system .re_system_catch > p > span {
	font-size: .8em;
}

#reform_system .re_system_box01 {
	background-color: #FADCE9;
	padding: 1.3em 1em .7em 1em;
}
#reform_system .re_system_box01 > h2 {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: .3em;
}
#reform_system .re_system_box01 > h2:before {
	content: "◆";
}
#reform_system .re_system_box01 > .inner {
	padding: 0 10px 0 30px;
}
#reform_system .re_system_box01 > .inner > .text01 {
	font-size: 1.15rem;
	line-height: 1.4;
	margin-bottom: .4em;
}
#reform_system .re_system_box01 > .inner > .text01 > span {
	font-size: 1.9rem;
	font-weight: bold;
	color: #e72026;
}
#reform_system .re_system_box01 > .inner > .text02 {
	font-size: .9rem;
	line-height: 1.4;
}

#reform_system .re_system_imgbox {
	margin-top: 20px;
}
#reform_system .re_system_imgbox > div.img > img {
	width: 100%;
	height: auto;
}
#reform_system .re_system_imgbox > div.text {
	padding-top: 20px;
}
#reform_system .re_system_imgbox > div.text > .text01 > p {
	font-weight: bold;
}
#reform_system .re_system_imgbox > div.text > .text01 {
	margin-bottom: 1em;
}
#reform_system .re_system_imgbox > div.text > .text02 {
	display: table;
	margin-bottom: 1em;
}
#reform_system .re_system_imgbox > div.text > .text02 > span {
	display: table-cell;
	font-size: .8rem;
}
#reform_system .re_system_imgbox > div.text > .text03 {
	background-color: #F6F6F6;
	border: 2px solid #E6E6E6;
	margin-bottom: .5em;
	padding: 1em;
}
#reform_system .re_system_imgbox > div.text > .text03 > p {
	font-size: .85rem;
	font-weight: bold;
	color: #B62222;
}
#reform_system .re_system_imgbox > div.text > .text04 > p {
	font-size: .85rem;
	text-align: right;
	padding-right: 1em;
}


#reform_system .re_system_link01 {
	text-align: center;
}
#reform_system .re_system_link01 > a {
	display: inline-flex;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	color: #222;
	text-decoration: none;
}
#reform_system .re_system_link01 > a > span.text {
	padding-left: .5em;
}
#reform_system .re_system_link01 > a:hover {
	color: #00AFEC;
}
#reform_system .re_system_link01 > a:hover > img {
	opacity: .7;
}





/* product__page */
/*------------------------------------------------------------------------------*/
#professional__p_page__title {
	background-color: #fff;
	padding-top: 30px;
}
#professional__p_page__title .inner > .title {
	margin-bottom: .3em;
}
#professional__p_page__title .inner > .title > p {
	font-size: 2.6rem;
	font-weight: bold;
	color: #00B41C;
	line-height: 1.2;
	text-align: center;
}
#professional__p_page__title .professional__p_page__info {
	background-color: #E6FFCA;
}
#professional__p_page__title .professional__p_page__info > .inner {
	width: 720px;
	margin: 0 auto;
	padding: 20px 0 25px 0;
}
#professional__p_page__title .professional__p_page__info > .inner > p {
	width: 90%;
	margin: 0 auto 20px auto;
}
#professional__p_page__title .professional__p_page__info > .inner h1 {
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-align: center;
	background-color: #009944;
	border-radius: .1em;
	padding: .4em 0;
}
#professional__p_page__title .professional__p_page__info > .inner .page_inner_link {
	width: 70%;
	text-align: center;
	background-color: #fff;
	border: 1px solid #000;
	margin: 18px auto 0 auto;
}
#professional__p_page__title .professional__p_page__info > .inner .page_inner_link > .inner {
	display: inline-block;
	text-align: left;
	padding: 12px 0;
}
#professional__p_page__title .professional__p_page__info > .inner .link_box+.link_box {
	margin-top: .7em;
}

#professional__p_page__title .professional__p_page__info > .inner .page_inner_link.type02 {
	width: auto;
	text-align: center;
	background-color: rgba(255,255,255,0);
	border: none;
	margin: 18px auto 0 auto;
}
#professional__p_page__title .professional__p_page__info > .inner .page_inner_link.type02 > .inner {
	display: inline-flex;
	text-align: left;
	background-color: #fff;
	border: 1px solid #000;
	padding: 12px 80px;
}
#professional__p_page__title .professional__p_page__info > .inner .page_inner_link.type02 .link_box+.link_box {
	margin-top: 0;
	margin-left: 50px;
}

#professional__p_page__title .professional__p_page__info > .inner .page_inner_link h2 {
	font-size: 1.1rem;
	font-weight: bold;
	color: #009944;
	line-height: 1;
	text-indent: -1.5em;
	margin-bottom: .3em;
}
#professional__p_page__title .professional__p_page__info > .inner .page_inner_link h2:before {
	content: "◆";
}
#professional__p_page__title .professional__p_page__info > .inner .page_inner_link .btn+.btn {
	margin-top: .5em;
}
#professional__p_page__title .professional__p_page__info > .inner .page_inner_link .btn > a {
	display: block;
	font-size: .9rem;
	font-weight: bold;
	color: #000;
	line-height: 1;
	text-decoration: none;
	background-color: #FBC85C;
	padding: .5em .2em;
}
#professional__p_page__title .professional__p_page__info > .inner .page_inner_link .btn > a:hover {
	background-color: #FF8048;
}

.product__area+.product__area {
	margin-top: 60px;
}

.product__area > h1 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #009944;
	margin-bottom: .2em;
}
.product__area > h1:before {
	content: "◆";
}
.product__area > h2 {
	width: 740px;
	margin: 0 auto .2em auto;
}
.product__area > h2 > span {
	display: inline-block;
	font-size: 1.5rem;
	font-weight: bold;
	color: #000;
	line-height: 1;
	background-color: #FBC85C;
	padding: .2em;
}
.product__area > .product_section {
	display: table;
	width: 740px;
	margin: 0 auto;
}
.product__area > .product_section+.product_section,
.product__area > .product_section+h2 {
	margin-top: 30px;
}
.product__area > .product_section.type02 {
	margin-top: 40px;
}
.product__area > .product_section.type02.first {
	margin-top: 10px;
}
.product__area > .product_section.type04 {
	margin-top: 40px;
}
.product__area > .product_section > div {
	display: table-cell;
	vertical-align: top;
}

.product__area > .product_section > div.left_title {
	width: 1.5em;
	padding-top: 2.5rem;
}
.product__area > .product_section.type02 > div.left_title {
	padding-top: 4rem;
}
.product__area > .product_section.type03 > div.left_title {
	padding-top: 0;
}
.product__area > .product_section.type04 > div.left_title {
	padding-top: 2.5rem;
}
.product__area > .product_section > div.left_title > p {
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
}
.product__area > .product_section > div.left_title > p > span.arr {
	font-weight: bold;
	color: #E60012;
	line-height: 1.2;
}
.product__area > .product_section > div.left_title > p > span.rotate {
	display: inline-block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.product__area > .product_section > div.main_section_area > .main_section > h2 {
	display: flex;
	align-items: center;
	height: 1.5rem;
	font-size: 1.6rem;
	font-weight: bold;
	color: #009944;
	line-height: 1;
}
.product__area > .product_section.type04 > div.main_section_area > .main_section > h2 {
	height: 2.5rem;
}

.product__area > .product_section > div.main_section_area > .main_section > h3 {
	display: flex;
	align-items: center;
	height: 2.5rem;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
}
.product__area > .product_section > div.main_section_area > .main_section > h3:before {
	content: "○";
}



.product__area .table_box {
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
.product__area .table_box+.table_box {
	margin-top: 20px;
}
.product__area .table_box > .box_row {
	display: table;
	width: 100%;
	min-height: 40px;
}
.product__area .table_box > .box_row > div {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.1;
}
.product__area .table_box > .box_row div.th_box,
.product__area .table_box > .box_row div.td_box {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	padding: .5em .3em;
}

.product__area .table_box > .box_row div.th_box {
	font-size: .7rem;
	font-weight: bold;
	line-height: 1.1;
	background-color: #E7FFCB;
}

.product__area .table_box > .box_row div.td_box {
	font-size: .75rem;
	line-height: 1.1;
	background-color: #fff;
}

.product__area .table_box > .box_row div.th_box.th_box01 {
	width: 85px;
}
.product__area .table_box > .box_row div.th_box.th_box02 {
	width: 70px;
	text-align: center;
}
.product__area .table_box > .box_row div.th_box.th_box03 {
	width: 55px;
	text-align: center;
	padding: .5em 0;
}


.product__area .table_box > .img_table_box {
	display: flex;
}
.product__area .table_box > .img_table_box > div.img_box {
	width: 270px;
	text-align: center;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	padding: .5em 1em;
}
.product__area .table_box > .img_table_box > div.in_table {
	display: table;
	width: 446px;
	font-size: .7rem;
	background-color: #fff;
}
.product__area .table_box > .img_table_box > div.in_table > div.second {
	display: table-row;
	width: 100%;
}
.product__area .table_box > .img_table_box > div.in_table > div.second > div {
	display: table-cell;
	vertical-align: middle;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	padding: .5em .3em;
}
.product__area .table_box > .img_table_box > div.in_table > div.second > div.th_box02 {
	width: 70px;
	text-align: center;
	font-weight: bold;
	line-height: 1.1;
	background-color: #E7FFCB;
}
.product__area .table_box > .img_table_box > .img_box.yoko {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .5em 1em;
}
.product__area .table_box > .img_table_box > .img_box.yoko02 {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: .5em 1em;
}
.product__area .table_box > .img_table_box > .img_box img {
	max-width: 100%;
	max-height: 100%;
}


.product__area .table_box > .box_row div.td_box.product_name {
	font-size: 1rem;
}
.product__area .table_box > .box_row div.td_box.mark_box {
	width: 55px;
	font-weight: bold;
	text-align: center;
	padding: .5em 0;
}
.product__area .table_box > .box_row div.td_box.img_box {
	width: 270px;
	text-align: center;
	padding: .5em 1em;
}
.product__area .table_box > .box_row div.td_box.img_box > span {
	display: block;
	text-align: center;
}
.product__area .table_box > .box_row div.td_box.img_box.yoko {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .5em 1em;
}
.product__area .table_box > .box_row div.td_box.img_box.yoko02 {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: .5em 1em;
}
.product__area .table_box > .box_row div.td_box.img_box img {
	max-width: 100%;
	max-height: 100%;
}
.product__area .table_box > .box_row div.td_box.company_name {
	width: 185px;
}


.product__area .table_box > .box_row div.td_box.in_table .type01+.type01 {
	margin-top: .5em;
}
.product__area .table_box > .box_row div.td_box.in_table .type01 > span {
	display: block;
}
.product__area .table_box > .box_row div.td_box.in_table .type01 > span.title {
	font-weight: bold;
}
.product__area .table_box > .box_row div.td_box.in_table .type01 > span.text {
	padding-left: .5em;
}




.product__area > .product_section > div.main_section_area > .main_section > .table_box > table {
	width: 100%;
	table-layout:fixed;
}
.product__area > .product_section > div.main_section_area > .main_section > .table_box > table th {
	font-size: .75rem;
	line-height: 1.1;
	background-color: #E7FFCB;
}
.product__area > .product_section > div.main_section_area > .main_section > .table_box > table td {
	font-size: .8rem;
	line-height: 1.2;
}
.product__area > .product_section > div.main_section_area > .main_section > .table_box > table th.first,
.product__area > .product_section > div.main_section_area > .main_section > .table_box > table td.first {
	border: 1px solid #000;
	padding: .5em .3em;
}

.product__area > .product_section > div.main_section_area > .main_section > .table_box > table th.title01 {
	width: 5.5rem;
}
.product__area > .product_section > div.main_section_area > .main_section > .table_box > table th.title02 {
	width: 80px;
	text-align: center;
}
.product__area > .product_section > div.main_section_area > .main_section > .table_box > table th.title03,
.product__area > .product_section > div.main_section_area > .main_section > .table_box > table td.mark_box {
	width: 3.5rem;
	text-align: center;
}
.product__area > .product_section > div.main_section_area > .main_section > .table_box > table td.p_name {
	/*width: 500px;*/
}
.product__area > .product_section > div.main_section_area > .main_section > .table_box > table td.img {
	width: 35%;
}





/* #contact */
/*------------------------------------------------------------------------------*/
#contact #contact__title {
	width: 740px;
	margin: 0 auto;
}
#contact #contact__title h1 {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
	background-color: #cbda00;
	margin-bottom: .5em;
	padding: .3em 1em;
}
#contact #contact__title {
	margin-bottom: 1em;
}
#contact #contact__title p {
	width: 660px;
	font-size: .85rem;
	margin: 0 auto;
}

#contact .must {
	display: inline-block;
	font-size: .9em;
	color: #e60012;
	line-height: 1;
	background-color: #fff;
	border: 1px solid #e60012;
	padding: .2em .3em .1em .3em;
}

#contact .contact_section {
	width: 660px;
	font-size: .75rem;
	margin: 0 auto;
}

#contact .contact_section .contact_main {
	display: table;
	width: 100%;
	border-collapse: collapse;
}
#contact .contact_section .contact_main .contact_box {
	display: table-row;
}
#contact .contact_section .contact_main .contact_box > div {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #000;
}
#contact .contact_section .contact_main .contact_box > div.title {
	width: 26%;
	padding: .5em .5em .5em 1em;
}
#contact .contact_section .contact_main .contact_box > div.title > .inner {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
#contact .contact_section .contact_main .contact_box > div.contents {
	padding: .5em .6em;
}
#contact .contact_section .contact_main .contact_box > div.contents textarea,
#contact .contact_section .contact_main .contact_box > div.contents input {
	display: block;
	width: 100%;
	border: 1px solid #898989;
	outline: none;
	padding: .5em;
}
#contact .contact_section .contact_main .contact_box > div.contents textarea:focus,
#contact .contact_section .contact_main .contact_box > div.contents input:focus
 {
	background-color: #fffee8;
	border-color: #ffd376;
}

#contact .contact_section .contact_main .contact_box > div.contents.name input {
	width: 60%;
}
#contact .contact_section .contact_main .contact_box > div.contents.mail > .mail_box {
	display: flex;
	align-items: center;
}
#contact .contact_section .contact_main .contact_box > div.contents.mail > .mail_box > span.input {
	width: 85%;
}
#contact .contact_section .contact_main .contact_box > div.contents.mail > .mail_box > span.text_half {
	padding-left: .5em;
}
#contact .contact_section .contact_main .contact_box > div.contents.mail > .mail_text {
	padding-top: .3em;
}

#contact .contact_section .btn_area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding-top: 20px;
}
#contact .contact_section .btn_area .btn_box ul {
	display: flex;
	align-items: center;
}
#contact .contact_section .btn_area .btn_box ul li+li {
	margin-left: 5px;
}
#contact .contact_section .btn_area .btn_box ul li a {
	display: block;
	font-size: .9rem;
	color: #231815;
	text-decoration: none;
	background-color: #ccc;
	padding: .3em 1.5em;
}
#contact .contact_section .btn_area .btn_box ul li.btn_conf a {
	background-color: #cbda00;
}
#contact .contact_section .btn_area .btn_box ul li.btn_back a {
	background-color: #89b6db;
}
#contact .contact_section .btn_area .btn_box ul li.btn_back {
	margin-left: 5px;
}
#contact .contact_section .btn_area .btn_box ul li.btn_send a {
	background-color: #ff833e;
}
#contact .contact_section .btn_area .btn_box ul li a:hover {
	opacity: .7;
}

#contact .contact_section .btn_area .btn_box ul li.hidden {
	display: none;
}





/* #beginner */
/*------------------------------------------------------------------------------*/
.beginner_section01 {
	text-align: center;
	background-color: #fff;
}
.beginner_section01 > .inner {
	display: inline-flex;
	align-items: center;
	margin: 0 auto;
	padding: 10px 0 30px 0;
}
.beginner_section01 > .inner .text_box {
	text-align: left;
	padding-left: 20px;
}
.beginner_section01 > .inner h1 {
	font-size: 2em;
	font-weight: bold;
	color: #00abff;
}
.beginner_section01 > .inner h1 span {
	display: inline-block;
}
.beginner_section01 > .inner h1 span.text01 {
	font-size: 1.2em;
	padding-left: .2em;
}
.beginner_section01 > .inner ul > li > a {
	font-size: 1.6em;
	font-weight: bold;
	color: #767676;
	line-height: 1.8;
	text-decoration: none;
}
.beginner_section01 > .inner ul > li > a:hover {
	color: #00AFEC;
}





.beginner_section02 {
	width: 992px;
	margin: 0 auto;
}
.beginner_section02 > .inner {
	width: 790px;
	margin: 0 auto;
}
.beginner_section02 > .inner > .beginner_cate01_title {
	width: 100%;
	padding: 30px 0 15px 0;
}
.beginner_section02 > .inner > .beginner_cate01_title > h1 {
	font-size: 2.5rem;
	font-weight: bold;
	color: #1ba7dc;
	line-height: 1;
	text-align: center;
	margin-bottom: .2em;
}
.beginner_section02 > .inner > .beginner_cate01_title > .inner {
	display: table;
	width: 100%;
	padding: 0 0 15px 0;
}
.beginner_section02 > .inner > .beginner_cate01_title > .inner > div {
	display: table-cell;
	vertical-align: bottom;
}
.beginner_section02 > .inner > .beginner_cate01_title > .inner > div.img_box {
	width: 200px;
}
.beginner_section02 > .inner > .beginner_cate01_title > .inner > div.img_box > img {
	width: 100%;
	height: auto;
}
.beginner_section02 > .inner > .beginner_cate01_title > .inner > div.text_box > p.text01 {
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: .5em;
}
.beginner_section02 > .inner > .beginner_cate01_title > .inner > div.text_box > p.text02 {
	font-size: 1.7rem;
	color: #ff6a00;
	margin-bottom: .2em;
	padding-left: .5em;
}
.beginner_section02 > .inner > .beginner_cate01_title > .inner > div.text_box > .text_main {
	width: 100%;
	text-align: center;
	background-color: #fff;
	border-radius: .3em;
	margin: 0 auto;
	padding: .3em 0;
}
.beginner_section02 > .inner > .beginner_cate01_title > .inner > div.text_box > .text_main > .inner {
	display: inline-flex;
	text-align: left;
}

.beginner_section02 > .inner > .beginner_cate01_box01 {
	width: 750px;
	margin: 0 auto;
	padding-bottom: 45px;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area {
	position: relative;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area+.pic_area {
	margin-top: 15px;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area > .circle_box {
	display: table;
	width: 5em;
	height: 5em;
	background-color: #ffff77;
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	-webkit-transform: translateY(-15%) translateX(-50%);
	transform: translateY(-15%) translateX(-50%);
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area > .circle_box > span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area > .circle_box > span > span {
	display: block;
	width: 100%;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area > .circle_box > span > span.text01 {
	font-size: 1.5em;
	margin-bottom: .1em;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area > .pic_box {
	display: flex;
	justify-content: space-between;
	background: url(../beginner_img/beginner_cate01_box_bg.png) no-repeat;
	background-size: cover;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area > .text_box {
	text-align: right;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area > .text_box > p {
	display: inline-block;
	width: 369px;
	font-size: .8rem;
	line-height: 1.4;
	text-align: center;
	padding-top: .2em;
}





.beginner_section03 {
	background-color: #fff;
}
.beginner_section03 > .inner {
	width: 750px;
	margin: 0 auto;
	padding: 50px 4em;
}
.beginner_section03 > .inner > p {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.8;
}





.beginner_category02 > .inner > .beginner_cate02_title {
	background-color: #fff;
}
.beginner_category02 > .inner > .beginner_cate02_title > h1 {
	width: 992px;
	font-size: 2.3rem;
	font-weight: bold;
	color: #1ba7dc;
	line-height: 1;
	text-align: center;
	margin: 0 auto;
	padding-bottom: .3em;
}
.beginner_category02 > .inner > .beginner_cate02_title_info {
	width: 992px;
	text-align: right;
	margin: 0 auto;
	padding: 0 110px;
}
.beginner_category02 > .inner > .beginner_cate02_title_info > .inner {
	display: inline-flex;
	flex-direction: row-reverse;
}
.beginner_category02 > .inner > .beginner_cate02_title_info > .inner > .text_box {
	text-align: center;
	padding: 30px 20px 0 0;
}
.beginner_category02 > .inner > .beginner_cate02_title_info > .inner > .text_box > p.text01 {
	font-size: 1.6rem;
}

.beginner_category02 > .beginner_cate02_check {
	width: 710px;
	margin: -2em auto 0 auto;
	padding-bottom: 45px;
}
.beginner_category02 .beginner_cate02_check_box {
	display: flex;
	justify-content: space-between;
}
.beginner_category02 .beginner_cate02_check_box+.beginner_cate02_check_box {
	margin-top: 1.5em;
}
.beginner_category02 .beginner_cate02_check_box > .num_box {
	width: 120px;
}
.beginner_category02 .beginner_cate02_check_box > .num_box > .num {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5em;
	height: 5em;
	background-color: #22b3ff;
	border-radius: .5em;
}
.beginner_category02 .beginner_cate02_check_box > .num_box > .num > span {
	font-size: 2.4em;
	font-weight: bold;
	color: #fff;
	line-height: 1;
}
.beginner_category02 .beginner_cate02_check_box > .check_main {
	width: 590px;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > p {
	margin-bottom: .5em;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select {
	display: flex;
	justify-content: space-between;
	padding-right: 15px;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div {
	width: 47%;
/*	height: 100%;*/
	background-color: #fff;
	border: 1px solid #231815;
	border-radius: .5em;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div .check_point {
	display: flex;
	justify-content: center;
	align-items: baseline;
	font-size: 1.2rem;
	line-height: 1;
	padding: 10px 0 0 0;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div .check_point > .title {
/*	font-size: 1.2rem;*/
	line-height: 1;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div .check_point > .point {
	font-weight: bold;
	color: #f39800;
	line-height: 1;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div .check_point > .point > span {
	display: inline-block;
	font-size: 1.4em;
	line-height: 1;
	padding: 0 .2em;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div .img_box {
	text-align: center;
	/*height: 80%;*/
	padding: 5px;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div .img_box.pic {
	padding: 10px 0 15px 0;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div .img_box.pic > span,
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div .img_box.pic > span > span {
	display: block;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div .img_box.pic > span+span {
	margin-top: .5em;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div .img_box.pic > span > span.text {
	font-size: .65rem;
	line-height: 1.2;
	padding-top: .2em;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div .img_box img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: bottom;
}

.beginner_category02 > .beginner_cate02_checklist {
	width: 710px;
	margin: 0 auto;
	padding-bottom: 60px;
}
.beginner_category02 > .beginner_cate02_checklist > h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-align: center;
	background-color: #17bbef;
	margin-bottom: 20px;
	padding: .7em 0;
}
.beginner_category02 > .beginner_cate02_checklist > .table_box {
	position: relative;
}
.beginner_category02 > .beginner_cate02_checklist > .table_box > .img_box {
	position: absolute;
	top: 20px;
	right: 0;
}
.beginner_category02 > .beginner_cate02_checklist > .table_box > table {
	width: 85%;
}
.beginner_category02 > .beginner_cate02_checklist > .table_box > table th,
.beginner_category02 > .beginner_cate02_checklist > .table_box > table td {
	font-size: .9rem;
	background-color: #fff;
	border: 1px solid #231815;
	padding: 1em;
}
.beginner_category02 > .beginner_cate02_checklist > .table_box > table th {
	text-align: center;
	background-color: #ffff85;
	padding: 1em 0;
}
.beginner_category02 > .beginner_cate02_checklist > .table_box > table th.point_head {
	width: 20%;
}
.beginner_category02 > .beginner_cate02_checklist > .table_box > table th.point_head > span {
	display: inline-block;
	font-weight: bold;
	color: #eb5c01;
}
.beginner_category02 > .beginner_cate02_checklist > .table_box > table th.point_head > span.num {
	font-size: 1.4em;
	padding-right: .2em;
}





.beginner_category03 > .beginner_category03_box01 {
	background-color: #edba3c;
}
.beginner_category03 > .beginner_category03_box01 > .inner {
	width: 992px;
	margin: 0 auto;
	padding: 0 190px 25px 190px;
}

.beginner_category03 > .beginner_category03_box01 .main > .title_area {
	margin-bottom: 10px;
}
.beginner_category03 > .beginner_category03_box01 .main > .title_area > span {
	display: inline-block;
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	padding: .4em 1.5em .4em .8em;
	position: relative;
	-webkit-transform: translateY(0%) translateX(-5%);
	transform: translateY(0%) translateX(-5%);
}
.beginner_category03 > .beginner_category03_box01 .main > .title_area > span::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-color: #f36200;
	transform: scaleY(1.15) perspective(.9em) rotateX(2deg);
	transform-origin: bottom left;
}
.beginner_category03 > .beginner_category03_box01 .main > h1 {
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-bottom: .5em;
}
.beginner_category03 > .beginner_category03_box01 .main > h1 > span {
	font-size: 1.4em;
}
.beginner_category03 > .beginner_category03_box01 .main > h1 > br {
	display: none;
}
.beginner_category03 > .beginner_category03_box01 .main > p {
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}
.beginner_category03 > .beginner_category03_box01 .main > .btn > a {
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	border-radius: .3em;
	padding: .5em 0;
}
.beginner_category03 > .beginner_category03_box01 .main > .btn > a:hover {
	color: #fff;
	background-color: #f36200;
}





.beginner_category04 {
	background-color: #fff;
}
.beginner_category04 > .beginner_category04_box01 {
	min-width: 992px;
	background-color: #fff;
}
.beginner_category04 > .beginner_category04_box01 > .inner {
	width: 830px;
	margin: 0 auto;
	padding: 35px 0 16px 0;
}
.beginner_category04 > .beginner_category04_box01 > .inner > p.text01 {
	font-size: 1.8rem;
	color: #e60012;
	line-height: 1;
	padding-left: 65px;
}
.beginner_category04 > .beginner_category04_box01 > .inner > .beginner_category04_main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.beginner_category04 > .beginner_category04_box01 > .inner > .beginner_category04_main .text_box {
	padding-left: 65px;
}
.beginner_category04 > .beginner_category04_box01 > .inner > .beginner_category04_main .text_box > p {
	font-size: 2.5rem;
	color: #00b2ed;
	line-height: 1.2;
}
.beginner_category04 > .beginner_category04_box01 > .inner > .beginner_category04_main .img_box > img {
/*	-webkit-transform: translateY(0%) translateX(40%);
	transform: translateY(0%) translateX(40%);*/
}
.beginner_category04 > .beginner_category04_box01 > .inner > h1 {
	width: 705px;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.4;
	text-align: center;
	background-color: #00b9ef;
	margin: 0 auto;
}
.beginner_category04 > .beginner_category04_box01 > .inner > h1 br {
	display: none;
}
.beginner_category04 > .beginner_category04_box01 > .inner > .text02 {
	width: 705px;
	text-align: right;
	margin: 0 auto;
	padding: 16px 50px 0 0;
}
.beginner_category04 > .beginner_category04_box01 > .inner > .text02 > p {
	display: inline-block;
	font-size: 1.2rem;
	color: #000;
	line-height: 1;
	border: 1px solid #000;
	padding: .2em .5em;
}

.beginner_category04 > .beginner_category04_box02 {
	background-color: #e1f3fc;
}
.beginner_category04 > .beginner_category04_box02 > .inner {
	width: 705px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}
.beginner_category04 > .beginner_category04_box02+.beginner_category04_box02 {
	margin-top: 78px;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .title_area {
	display: flex;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .title_area > .img_box > img {
	-webkit-transform: translateY(-25%) translateX(0%);
	transform: translateY(-25%) translateX(0%);
}
.beginner_category04 > .beginner_category04_box02 > .inner > .title_area > .text_box {
	padding: .8em 0 0 2em;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .title_area > .text_box > h2 {
	font-size: 2.2rem;
	color: #003ec1;
	line-height: 1.2;
}


.beginner_category04 > .beginner_category04_box02 .main_area > .img_area img {
	width: 100%;
	height: auto;
}
.beginner_category04 > .beginner_category04_box02 .main_area > .text_area {
	display: flex;
}
.beginner_category04 > .beginner_category04_box02 .main_area > .text_area > .result {
	width: calc(100% - 400px);
}
.beginner_category04 > .beginner_category04_box02 .main_area > .text_area > .result > div.text_box {
	text-align: center;
	-webkit-transform: translateY(-1em) translateX(0%);
	transform: translateY(-1em) translateX(0%);
}
.beginner_category04 > .beginner_category04_box02 .main_area > .text_area > .result > div.text_box > p {
	line-height: 1.4;
	margin-bottom: .5em;
}
.beginner_category04 > .beginner_category04_box02 .main_area > .text_area > .result > div.text_box > .temperature_box {
	text-align: center;
}
.beginner_category04 > .beginner_category04_box02 .main_area > .text_area > .result > div.text_box > .temperature_box > .inner {
	display: inline-block;
	line-height: 1;
	background-color: #fff;
	border-radius: .4em;
	padding: .8em 1.5em;
}
.beginner_category04 > .beginner_category04_box02 .main_area > .text_area > .result > div.text_box > .temperature_box > .inner .temp {
	font-size: 2.6rem;
	font-weight: bold;
	color: #ff0000;
	margin-bottom: .1em;
}
.beginner_category04 > .beginner_category04_box02 .main_area > .text_area > .result > div.text_box > .temperature_box > .inner .temp > span {
	display: inline-block;
	font-size: 1.4em;
}
.beginner_category04 > .beginner_category04_box02 .main_area > .text_area > .info {
	width: 400px;
	padding-top: .5em;
}
.beginner_category04 > .beginner_category04_box02 .main_area > .text_area > .info > p {
	font-size: 16px;
	line-height: 1.8;
}


.beginner_category04 > .beginner_category04_box03 {
	width: 992px;
	text-align: center;
	margin: 0 auto;
	padding: 30px 0 50px 0;
	position: relative;
}
.beginner_category04 > .beginner_category04_box03 > p {
	display: inline-block;
	font-size: 2rem;
	line-height: 1.4;
	text-align: left;
}
.beginner_category04 > .beginner_category04_box03.type_arr {
	padding: 30px 0 120px 0;
}
.beginner_category04 > .beginner_category04_box03.type_arr::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 55px solid #ffb200;
	border-right: 100px solid transparent;
	border-bottom: 55px solid transparent;
	border-left: 100px solid transparent;
	position: absolute;
	bottom: 35px;
	left: 50%;
	-webkit-transform: translateY(50%) translateX(-50%);
	transform: translateY(50%) translateX(-50%);
}


.beginner_category04 > .beginner_category04_box04 {
	width: 992px;
	margin: 0 auto;
}
.beginner_category04 > .beginner_category04_box04 > .inner {
	width: 830px;
	margin: 0 auto;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 45px;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box {
	width: 239px;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box:nth-of-type(n+4) {
	margin-top: 35px;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .img_box > img {
	width: 100%;
	height: auto;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .text_box {
	font-size: .8rem;
	padding: .2em 0 0 .3em;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box.info {
	line-height: 1.4;
	padding-left: 2em;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .info_text_box01 {
	display: table;
	margin-bottom: 2em;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .info_text_box01 > div {
	display: table-cell;
	vertical-align: top;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .info_text_box01 > div.img {
	padding-top: .7em;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .info_text_box01 > div.text {
	font-size: .8rem;
	padding-left: .5em;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .info_text_box02 {
	margin-bottom: 1em;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .info_text_box02 > p {
	font-size: .8rem;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .info_text_box02 > p > span {
	display: block;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .info_text_box02 > p > span.title {
	font-weight: bold;
	color: #e60012;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .info_text_box02 > p > span.text {
	font-size: .7rem;
}

.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .info_text_box03 > p {
	font-size: .8rem;
}


.beginner_category04 > .beginner_category04_box05 {
	background-color: #e1f3fc;
	padding-bottom: 35px;
}
.beginner_category04 > .beginner_category04_box05 .title_area {
	background-color: #fff;
}
.beginner_category04 > .beginner_category04_box05 .title_area > h2 {
	font-size: 3rem;
	font-weight: bold;
	color: #00b2ed;
	text-align: center;
}
.beginner_category04 > .beginner_category04_box05 > .inner {
	width: 830px;
	margin: 0 auto;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .text_area {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-end;
	padding: 0 0 20px 100px;
	position: relative;
	top: -20px;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .text_area > .text_box > p {
	font-size: 1.7rem;
	color: #0076e8;
	line-height: 1.4;
	text-align: center;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .text_area > .text_box > p > span {
	color: #e60012;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .text_area > .text_box > p+p {
	margin-top: 1em;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .text_area > .img_box {
	position: relative;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .text_area > .img_box > img {
	position: relative;
	/*top: -35px;*/
}

.beginner_category04 > .beginner_category04_box05 > .inner > .pro_link_area {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: .5em;
	padding: 1em 0;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .pro_link_area > span {
}
.beginner_category04 > .beginner_category04_box05 > .inner > .pro_link_area > span.text {
	font-size: 1.7rem;
	color: #0076e8;
	line-height: 1.2;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .pro_link_area > span.link {
	width: 150px;
	padding: 0 .5em;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .pro_link_area > span.link > a {
	display: inline-block;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .pro_link_area > span.link > a:hover {
	opacity: .7;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .pro_link_area > span.link > a > img {
	width: 100%;
	height: auto;
}





.beginner_category05 > .title_area {
	background-color: #fff;
	padding-top: 60px;
}
.beginner_category05 > .title_area > h1 {
	width: 992px;
	font-size: 2.3rem;
	font-weight: bold;
	color: #1ba7dc;
	line-height: 1;
	text-align: center;
	margin: 0 auto;
	padding-bottom: .5em;
}


.beginner_category05 > .beginner_category05_box01 {
	background-color: #e1f3fc;
	padding-bottom: 40px;
}
.beginner_category05 > .beginner_category05_box01 > .inner {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	width: 700px;
	margin: 0 auto;
	padding: 15px 0 10px 0;
}
.beginner_category05 > .beginner_category05_box01 > .inner > .text_box {
	font-size: 2.3rem;
	line-height: 1.2;
}
.beginner_category05 > .beginner_category05_box01 > .inner > .img_box {
	padding-right: 20px;
}
.beginner_category05 > .beginner_category05_box01 > .page_link_area {
	width: 700px;
	margin: 0 auto;
}
.beginner_category05 > .beginner_category05_box01 > .page_link_area > div {
	text-align: right;
}
.beginner_category05 > .beginner_category05_box01 > .page_link_area > div+div {
	margin-top: 40px;
}
.beginner_category05 > .beginner_category05_box01 > .page_link_area > div > a {
	display: inline-block;
}
.beginner_category05 > .beginner_category05_box01 > .page_link_area > div > a:hover {
	opacity: .7;
}


.beginner_category05 .beginner_category05_box02 {
	background-color: #fff;
}
.beginner_category05 .beginner_category05_box02 > .inner {
	width: 732px;
	margin: 0 auto;
}

.beginner_category05 .section_title {
	padding: 55px 0 50px 0;
}

.beginner_category05 .section_box+.section_box {
	margin-top: 60px;
}
.beginner_category05 .section_box:last-of-type {
	margin-top: 20px;
}

.beginner_category05 .section_box_type01 {
	display: table;
	width: 100%;
}
.beginner_category05 .section_box_type01 > div {
	display: table-cell;
	vertical-align: top;
}
.beginner_category05 .section_box_type01 > .text_box {
	width: 412px;
}
.beginner_category05 .section_box_type01 > .text_box > h2 {
	font-size: 1.7rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	background-color: #FF8200;
	margin-bottom: .7em;
	padding: .3em .8em;
}
.beginner_category05 #winter .section_box_type01 > .text_box > h2 {
	background-color: #00ACFF;
}
.beginner_category05 .section_box_type01 > .text_box > p {
	font-size: 1.2rem;
	padding: 0 .3em;
}
.beginner_category05 .section_box_type01 > .img_box {
	text-align: right;
}

.beginner_category05 .section_box_type02 > h2 {
	font-size: 1.7rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	background-color: #FF8200;
	margin-bottom: .7em;
	padding: .3em .8em;
}
.beginner_category05 #winter .section_box_type02 > h2 {
	background-color: #00ACFF;
}
.beginner_category05 .section_box_type02 > .inner {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.beginner_category05 .section_box_type02 > .inner > .text_box {
	width: 390px;
	padding-top: 1em;
}
.beginner_category05 .section_box_type02 > .inner > .text_box > p {
	font-size: 1.2rem;
}
.beginner_category05 .section_box_type02 > .inner > .img_box {
	width: 342px;
	text-align: center;
}

.beginner_category05 .section_box_type03 > h2 {
	font-size: 1.7rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	background-color: #FF8200;
	margin-bottom: .7em;
	padding: .3em .8em;
}
.beginner_category05 #winter .section_box_type03 > h2 {
	background-color: #00ACFF;
}
.beginner_category05 .section_box_type03 > .inner {
	display: table;
	width: 100%;
}
.beginner_category05 .section_box_type03 > .inner > div {
	display: table-cell;
	vertical-align: top;
}
.beginner_category05 .section_box_type03 > .inner > div.text_box > p {
	font-size: 1.2rem;
	padding: 0 1em;
}





.beginner_category06 {
	min-width: 992px;
	background-color: #fff;
	padding: 30px 0 60px 0;
}
.beginner_category06 > .inner {
	width: 710px;
	margin: 0 auto;
}
.beginner_category06 > .inner > h1 {
	display: flex;
	justify-content: center;
	align-items: center;
}
.beginner_category06 > .inner > h1 > span.text {
	font-size: 48px;
	color: #00b2ed;
	padding-left: .3em;
}

.beginner_category06 h2.cate06_subtitle02 {
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	background-color: #00acff;
	margin-bottom: 25px;
	padding: .3em 1em;
	position: relative;
}
.beginner_category06 h2.cate06_subtitle02 > img {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(40%);
	transform: translateY(-50%) translateX(40%);
}

.beginner_category06 p {
	font-size: 16px;
	line-height: 2;
}
.beginner_category06 .main_area01,
.beginner_category06 .main_area02 {
	margin-bottom: 40px;
}
.beginner_category06 .main_area02 > .main_inner {
	display: table;
}
.beginner_category06 .main_area02 > .main_inner > div {
	display: table-cell;
	vertical-align: top;
}
.beginner_category06 .main_area02 > .main_inner > div.text {
	padding-right: 2em;
}
.beginner_category06 .main_area03 > .main_inner > div.text {
	margin-bottom: 1em;
}
.beginner_category06 .main_area03 > .main_inner > div.img {
	text-align: center;
}





.beginner_category07 {
	min-width: 992px;
	text-align: center;
	background-color: #fff;
	margin: 0 auto;
	padding: 10px 0 70px 0;
}
.beginner_category07 > p {
	margin-bottom: .5em;
}
.beginner_category07 > a {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
	background-color: #00a500;
	padding: .8em 1em;
}
.beginner_category07 > a:hover {
	background-color: #e78c23;
}





.beginner_category08 {
	min-width: 992px;
	text-align: center;
	background-color: #fff;
	margin: 0 auto;
	padding: 0 0 30px 0;
}

.beginner_category08 .section_title {
	margin-bottom: 30px;
}
.beginner_category08 .section_title h1 {
	font-size: 3rem;
	color: #00b2ed;
	line-height: 1.2;
	margin-bottom: .4em;
}
.beginner_category08 .section_title .text01 {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: .3em;
}
.beginner_category08 .section_title .text02 {
	display: inline-flex;
	align-items: center;
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 1.2;
}
.beginner_category08 .section_title .text02 span.strong {
	font-size: 1.2em;
	color: #e60012;
}

.beginner_category08 .section_list {
	background-color: #e5edaf;
	margin-bottom: 20px;
	padding: 40px 0;
}
.beginner_category08 .section_list .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 610px;
	text-align: left;
	margin: 0 auto;
}
.beginner_category08 .section_list .list > ul > li {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	padding-left: 1.2em;
	position: relative;
}
.beginner_category08 .section_list .list > ul > li+li {
	margin-top: 1em;
}
.beginner_category08 .section_list .list > ul > li:before {
	content: "";
	display: block;
	width: .8em;
	height: .8em;
	background-color: #6FBA2C;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%) translateX(0%);
	transform: translateY(-50%) translateX(0%);
}

.beginner_category08 .section_example {
	display: flex;
	justify-content: space-between;
	width: 620px;
	margin: 0 auto 20px auto;
}
.beginner_category08 .section_example > .box > h2 {
	font-size: 0.9rem;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0.3em;
}

.beginner_category08 .section_result {
	width: 620px;
	margin: 0 auto 60px auto;
}
.beginner_category08 .section_result > p {
	display: inline-block;
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
}





/* チェックシート */
/*------------------------------------------------------------------------------*/
.download_box {
	display: none;
}
.download_box .btn_down {
	text-align: center;
	padding: 20px 0 0 0;
}
.download_box .btn_down > a {
	display: inline-block;
	font-size: .9rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-decoration: none;
	background-color: #f2901c;
	border-radius: .3em;
	padding: .8em 1.5em;
}
.download_box .btn_down > a > span {
	display: inline-block;
	padding-left: .5em;
}





.disc_list {
	text-indent: -1em;
	padding-left: 1em;
}




#questionnaire #common__page__title01 {
	margin-bottom: 40px;
}
#questionnaire #common__page__title01 h1 {
	margin-bottom: 20px;
}
#questionnaire #common__page__title01 p {
	text-indent: 1em;
	line-height: 2;
}
#questionnaire #common__page__title01 p+p {
	margin-top: .5em;
}
#questionnaire .section {
	width: 680px;
	margin: 0 auto;
}
#questionnaire .section h2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #68B82E;
	border: 1px solid #C4D700;
	border-radius: .5em;
	margin-bottom: 20px;
	padding: .8em 1em .8em 2.5em;
	overflow: overflow: hidden;
}
#questionnaire .section h2 > span.main {
	font-size: 1.3rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
}
#questionnaire .section.ques_list dt {
	font-size: 1.2em;
	font-weight: bold;
	color: #f54935;
}
#questionnaire .section.ques_list dt > span {
	display: inline-block;
	line-height: 1.4;
	background:linear-gradient(transparent 65%, #ffecd1 65%);
	padding: 0 .3em;
}
#questionnaire .section.ques_list dd {
	padding: .5em 0 2em 1.3em;
}
#questionnaire .section.ques_list dd p.title {
	text-indent: -1em;
}
#questionnaire .section.ques_list dd p strong {
	font-weight: bold;
}
#questionnaire .section.ques_list dd p {
	padding-left: 1em;
}
#questionnaire .section.ques_list dd p+p.title {
	margin-top: .5em;
}

#questionnaire .section_pdf_down {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border: 10px solid #e2e2e2;
	border-radius: 8px;
	margin-top: 20px;
	padding: 2em 0;
}
#questionnaire .section_pdf_down .detail_icon {
	margin-right: 10px;
}
#questionnaire .section_pdf_down .btn_main a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-decoration: none;
	background-color: #31b73b;
	border-radius: .2em;
	padding: 1em;
}
#questionnaire .section_pdf_down .btn_main a .icon {
	font-size: 1.2em;
}
#questionnaire .section_pdf_down .btn_main a:hover {
	background-color: #31b79e;
}

.title_type01+.list_li_type01 {
	margin-top: 10px;
}





/* 20210322 add */
.professional__contents > .effect_area > .inner.before_after.ba_type01 .ba_text {
	margin-top: 5px;
}
.professional__contents > .effect_area > .inner.before_after.ba_type01 .ba_text p {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
.professional__contents > .effect_area > .inner.before_after.ba_type01 .ba_text+.img_box {
	margin-top: 15px;
}





/* 20230227 add コラム */
#column .page__title {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
#column .page__title h1 {
	width: 680px;
	font-size: 1.3em;
	font-weight: 600;
	color: #fff;
	text-align: center;
	background-color: #690;
	padding: .2em 0;
}

#column .common__contents__section .contents__catch__block {
	text-align: center;
	margin-bottom: 20px;
}

#column .common__contents__section .main__block__box {
	display: flex;
	border-top: 1px solid #9a9a9a;
	padding-top: 10px;
}
#column .common__contents__section .main__block__box+.main__block__box {
	margin-top: 10px;
}
#column .common__contents__section .main__block__box:last-of-type {
	border-bottom: 1px solid #9a9a9a;
	padding-bottom: 10px;
}
#column .common__contents__section .main__block__box .img {
	width: 200px;
}
#column .common__contents__section .main__block__box .img > a {
	display: flex;
}
#column .common__contents__section .main__block__box .img > a img {
	width: 100%;
	height: auto;
}
#column .common__contents__section .main__block__box .text {
	width: calc(100% - 200px);
	padding: 5px 10px 10px 15px;
}
#column .common__contents__section .main__block__box .text .text__info {
	text-indent: -.5em;
	margin-bottom: .1em;
}
#column .common__contents__section .main__block__box .text .text__info strong {
	font-size: 1.2em;
	font-weight: 600;
}
#column .common__contents__section .main__block__box .text .text__title {
	margin-bottom: .2em;
}
#column .common__contents__section .main__block__box .text .text__title > a {
	font-size: 1.4em;
}
#column .common__contents__section .main__block__box .text .text__main {
	font-size: .9em;
}