@charset "UTF-8";


/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {


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



/* mainvisual___area */
/*------------------------------------------------------------------------------*/
#mainvisual___area {
	width: 100%;
	margin: -12% 0 5% 0;
}
#mainvisual___area img {
	width: 100%;
	height: auto;
}

.slick-dots {
	/*background-color: rgba(0,0,0,.3);*/
	bottom: -30px!important;
	/*padding: 2% 0!important;*/
}


#top_main {
	padding-top: 0;
}


/* top__main__section01 */
/*------------------------------------------------------------------------------*/
#top__main__section01 {
	min-width: 100%;
	background-color: #dcf0fb;
	margin: 8% 0 5% 0;
}
#top__main__section01 > .inner {
	width: 100%;
	padding: 5% 2% 3% 2%;
}
#top__main__section01 h1 {
	-webkit-transform: translateY(-50%) translateX(0%);
	transform: translateY(-50%) translateX(0%);
}
#top__main__section01 h1 > img {
	max-width: 100%;
}
#top__main__section01 p {
	/*text-align: center;*/
	line-height: 1.4;
}
#top__main__section01 .text01 {
	font-size: 4vw;
	margin-top: -1em;
}
#top__main__section01 .text02 {
	font-size: 4vw;
	margin-bottom: .3em;
}
#top__main__section01 .text03 {
	font-size: 2.4vw;
}





/* top__main__section02 */
/*------------------------------------------------------------------------------*/
#top__main__section02 {
	min-width: 100%;
}
#top__main__section02 > .inner {
	width: 100%;
	padding-bottom: 3%;
}
.top_tmp01 h1 {
	font-size: 5.5vw;
	margin-bottom: 3%;
	padding: .2em .5em;
}
.top_tmp01 h1 > img {
	width: 30%;
	right: 5px;
}

.top_tmp01 .main_area01 {
	display: block;
	margin-bottom: 3%;
	padding: 0 2%;
}
.top_tmp01 .main_area01 > .img_box {
	text-align: center;
	padding-left: 0;
}
.top_tmp01 .main_area01 > .img_box > img {
	max-width: 90%;
}
.top_tmp01 .main_area01 > .text_box {
	text-align: center;
}
.top_tmp01 .main_area01 > .text_box > p {
	font-size: 8vw;
}
.top_tmp01 .main_area01 > .text_box li {
	font-size: 4.8vw;
}

.top_tmp01 .main_area02 {
	text-align: center;
}
.top_tmp01 .main_area02 > p {
	display: inline-block;
	font-size: 8vw;
	text-align: center;
}

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





/* top__main__section03 */
/*------------------------------------------------------------------------------*/
#top__main__section03 {
	min-width: 100%;
	background-color: #dcf0fb;
	margin-bottom: 5%;
}
#top__main__section03 > .inner {
	width: 100%;
	padding: 8% 2% 6% 2%;
}

.top_tmp02 .main_area01 {
	display: block;
	width: 100%;
	margin-bottom: 3%;
}
.top_tmp02 .main_area01 > div {
	display: block;
}
.top_tmp02 .main_area01 > .img_box {
	text-align: center;
	margin-bottom: 6%;
}
.top_tmp02 .main_area01 > .text_box {
	width: 100%;
}
.top_tmp02 .main_area01 > .text_box > .img {
	text-align: center;
	margin-bottom: 5%;
}
.top_tmp02 .main_area01 > .text_box > ul > li {
	font-size: 5.2vw;
}
.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: 90%;
}

.top_tmp02 .main_area02 > p {
	font-size: 4.2vw;
	line-height: 1.8;
	padding: 0 1em;
}





/* top__main__section04 */
/*------------------------------------------------------------------------------*/
#top__main__section04 {
	min-width: 100%;
}
#top__main__section04 > .inner {
	width: 100%;
	padding-bottom: 3%;
}





/* top__main__section05 */
/*------------------------------------------------------------------------------*/
#top__main__section05 {
	min-width: 100%;
	background-color: #dcf0fb;
	margin-bottom: 5%;
}
#top__main__section05 > .inner {
	width: 100%;
	padding: 8% 2% 6% 2%;
}





/* top__main__section06 */
/*------------------------------------------------------------------------------*/
#top__main__section06 {
	min-width: 100%;
	margin-bottom: 6%;
	padding-top: 6%;
}
#top__main__section06 > .inner {
	width: 100%;
	padding: 0 2%;
}
#top__main__section06 > .inner > p {
	line-height: 1.2;
}
#top__main__section06 > .inner > p.text01 {
	font-size: 8vw;
	margin-bottom: .5em;
}
#top__main__section06 > .inner > p.text01 > span {
	font-size: .8em;
}
#top__main__section06 > .inner > p.text02 {
	font-size: 10vw;
}





/* top__main__section07 */
/*------------------------------------------------------------------------------*/
#top__main__section07 {
	min-width: 100%;
	background-color: #dcf0fb;
}
#top__main__section07 > .inner {
	display: block;
	margin: 0 auto;
	padding: 6% 2%;
}
#top__main__section07 > .inner > div {
	display: block;
}
#top__main__section07 > .inner > .link_box {
	text-align: center;
	margin-bottom: 8%;
	padding: 0;
}
#top__main__section07 > .inner > .link_box > a {
	display: inline-block;
}
#top__main__section07 > .inner > .link_box > a > img {
	max-width: 100%;
}
#top__main__section07 > .inner > .link_box > a:hover {
	-webkit-transform: translateY(0%) translateX(0%);
	transform: translateY(0%) translateX(0%);
}
#top__main__section07 > .inner > .text_box {
	width: 100%;
}
#top__main__section07 > .inner > .text_box > .img {
	display: none;
	width: 100%;
	position: relative;
}
#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: 5.2vw;
}
#top__main__section07 > .inner > .text_box > .text ul {
	padding: 1.5em 0 1.2em .5em;
}
#top__main__section07 > .inner > .text_box > .text li > a {
	font-size: 4.6vw;
	font-weight: bold;
	color: #818181;
	text-decoration: none;
	line-height: 1.2;
}
#top__main__section07 > .inner > .text_box > .text li > a:hover {
	color: #818181;
}





/* top__main__section08 */
/*------------------------------------------------------------------------------*/
#top__main__section08 {
	min-width: 100%;
	padding: 30px 0;
}
#top__main__section08 .inner {
	display: block;
	width: auto;
	text-align: center;
}
#top__main__section08 .inner > div {
	display: block;
	width: 100%!important;
}
#top__main__section08 .inner .text_box {
	font-size: 5.8vw;
}
#top__main__section08 .inner .text_box.arr_pc {
	display: none;
}
#top__main__section08 .inner .text_box.arr_sp {
	display: block;
	margin-bottom: .5em;
}
#top__main__section08 .inner .text_box.arr_sp i {
	display: block;
}
#top__main__section08 .inner .img_box {
	width: 100%;
}
#top__main__section08 .inner .img_box > a {
	display: inline-block;
	width: 60%;
}
#top__main__section08 .inner .img_box > a:hover {
	opacity: .7;
}
#top__main__section08 .inner .img_box > a > img {
	width: 100%;
	height: auto;
}





/* top__section01 */
/*------------------------------------------------------------------------------*/
#top__section01 {
	width: 100%;
	margin: 0 auto;
	padding: 6%;
}
#top__section01 > .inner {
	width: 100%;
}
#top__section01 > .inner > .title_area {
	margin-bottom: 3%;
}
#top__section01 > .inner > .title_area > h2 {
	font-size: 4vw;
}
#top__section01 > .inner > .text_box {
	width: 95%;
}
#top__section01 > .inner > .text_box > p:nth-of-type(1) {
	font-size: 3.5vw;
	margin-bottom: 0.3em;
}
#top__section01 > .inner > .text_box > p:nth-of-type(2) {
	font-size: 3.5vw;
}
#top__section01 > .inner > .text_box > p:nth-of-type(2) > span.img > img {
	width: 22vw;
}
#top__section01 > .inner > .text_box > p:nth-of-type(2) > span.strong {
	font-size: 4vw;
}





/* top__section02 */
/*------------------------------------------------------------------------------*/
#top__section02 > .inner {
	min-width: 100%;
	padding: 4% 0;
}
#top__section02 > .inner > ul > li {
	font-size: 4.2vw;
}





/* top__section03 */
/*------------------------------------------------------------------------------*/
#top__section03 {
	width: 100%;
	text-align: center;
}
#top__section03 > .inner {
	display: inline-block;
	width: 60%;
	margin: 0 auto;
	padding: 6% 0;
}
#top__section03 > .inner > .box+.box {
	margin-top: 10%;
}
#top__section03 > .inner > .box > h3 {
	font-size: 3.8vw;
	text-align: left;
}
#top__section03 > .inner > .box > .img_box > img {
	width: 100%;
	height: auto;
}





/* top__section04 */
/*------------------------------------------------------------------------------*/
#top__section04 {
	width: 100%;
	margin: 0 auto 6% auto;
	padding: 0 6%;
}
#top__section04 > .inner {
	width: 100%;
}
#top__section04 > .inner > .title_area {
	margin-bottom: 3%;
}
#top__section04 > .inner > .title_area > h2 {
	font-size: 4vw;
}
#top__section04 > .inner > .img_box {
	width: 80%;
	text-align: center;
	margin: 0 auto;
}
#top__section04 > .inner > .img_box > img {
	width: 100%;
	height: auto;
}





/* top__section05 */
/*------------------------------------------------------------------------------*/
#top__section05 {
	width: 100%;
	margin: 0 auto 6% auto;
	padding: 0 3%;
}
#top__section05 > .inner {
	width: 100%;
	border: 3px solid #f1bc19;
	padding: 6% 3%;
}
#top__section05 > .inner > .title_area {
	margin-bottom: 3%;
}
#top__section05 > .inner > .title_area > h2 {
	font-size: 5vw;
}
#top__section05 > .inner > p {
	font-size: 3.2vw;
	padding: 0 2%;
	line-height: 1.8;
	margin-bottom: 6%;
}
#top__section05 > .inner > .img_box {
	display: block;
	text-align: center;
	padding: 0 6%;
}
#top__section05 > .inner > .img_box > .img_main {
	margin: 0 auto;
}
#top__section05 > .inner > .img_box > .img_main+.img_main {
	margin-top: 10%;
}
#top__section05 > .inner > .img_box > .img_main:nth-of-type(1) {
	width: auto;
	max-width: 370px;
}
#top__section05 > .inner > .img_box > .img_main:nth-of-type(2) {
	width: auto;
	max-width: 386px;
}
#top__section05 > .inner > .img_box > .img_main > span {
	display: block;
}
#top__section05 > .inner > .img_box > .img_main > span.img {
	margin-bottom: 4%;
}
#top__section05 > .inner > .img_box > .img_main > span.img > img {
	width: 100%;
	height: auto;
}
#top__section05 > .inner > .img_box > .img_main > span.text {
	font-size: 2vw;
}





/* top__section06 */
/*------------------------------------------------------------------------------*/
#top__section06 {
	min-width: 100%;
	background-color: #fcf9d0;
}
#top__section06 > .inner {
	width: 100%;
	margin: 0 auto;
	padding: 6%;
}
#top__section06 > .inner > .title_area {
	margin-bottom: 3%;
}
#top__section06 > .inner > .title_area > h2 {
	font-size: 4vw;
}
#top__section06 > .inner > .title_area > p {
	font-size: 2.6vw;
}
#top__section06 > .inner > .inner_main > h3 {
	font-size: 4vw;
}
#top__section06 > .inner > .inner_main > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 86%;
	margin: 0 auto;
}
#top__section06 > .inner > .inner_main > ul > li {
	width: 45%;
}
#top__section06 > .inner > .inner_main > ul > li.type_2box {
	width: 100%;
}
#top__section06 > .inner > .inner_main > ul > li:nth-of-type(n+3) {
	margin-top: 5%;
}
#top__section06 > .inner > .inner_main > ul > li > a:hover {
	background-color: #9cbc2a;
}
#top__section06 > .inner > .inner_main > ul > li > a > span.text_box {
	font-size: 3.4vw;
	font-weight: bold;
	color: #fff;
	padding: 6px 0;
}
#top__section06 > .inner > .inner_main > ul > li > a > span.img_box {
	height: 0;
	padding-top: 55%;
	position: relative;
}
#top__section06 > .inner > .inner_main > ul > li:last-of-type > a > span.img_box {
	padding-top: 24%;
}
#top__section06 > .inner > .inner_main > ul > li > a > span.img_box > img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}





/* method__select__area */
/*------------------------------------------------------------------------------*/
#method__select__area {
	min-width: 100%;
}
#method__select__area > .inner {
	min-width: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 8% 3% 4% 3%;
}
#method__select__area > .inner > h1 {
	display: block;
	margin-bottom: 5%;
}
#method__select__area > .inner > h1 > span {
	display: block;
	text-align: center;
}
#method__select__area > .inner > h1 > span.main {
	font-size: 5.8vw;
	font-weight: bold;
	color: #3ea437;
	margin-bottom: 0.2em;
}
#method__select__area > .inner > h1 > span.main > span.sp {
	display: none;
}
#method__select__area > .inner > h1 > span.sub {
	font-size: 4vw;
}

#method__select__area > .inner > .text_box {
	margin-bottom: 5%;
}
#method__select__area > .inner > .text_box > .text01 {
	font-size: 3.8vw;
	margin-bottom: .5em;
}
#method__select__area > .inner > .text_box > .text02 {
	font-size: 3.2vw;
	text-indent: -1em;
	padding-left: 1em;
}

#method__select__main {
	background-color: transparent;
	border: none;
	margin-bottom: 6%;
	padding: 0;
}
#method__select__main > h2 {
	font-size: 4.5vw;
	border-bottom: none;
	margin-bottom: 2%;
	padding: 0 0 0 .5em;
}
#method__select__main > .contents_main {
	height: auto;
	background-image: none;
	background-color: #fff;
	border: 1px solid #8d8375;
	border-radius: .8em;
}
#method__select__main > .contents_main > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	height: auto;
	padding: 1.5%;
}
#method__select__main > .contents_main > ul > li {
	width: 33.33%;
	height: auto;
	position: static;
	padding: 1.5%;
}
#method__select__main > .contents_main > ul > li.all {
	-webkit-transform: translateY(0%) translateX(0%);
	transform: translateY(0%) translateX(0%);
}
#method__select__main > .contents_main > ul > li > a {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0.3em;
	padding-top: 47%;
	position: relative;
}
#method__select__main > .contents_main > ul > li > a > span {
	font-size: 3.2vw;
	line-height: 1.1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
#method__select__main > .contents_main > ul > li > a:hover {
	background-color: #008941;
}

#recommended_products__area {
	background-color: transparent;
	border: none;
	padding: 0;
}
#recommended_products__area > h2 {
	font-size: 4.5vw;
	border-bottom: none;
	margin-bottom: 2%;
	padding: 0 0 0 .5em;
}
#recommended_products__area > .contents_main {
	height: auto;
	background-image: none;
	background-color: #fff;
	border: 1px solid #8d8375;
	border-radius: .8em;
}
#recommended_products__area > .contents_main > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	padding: 1.5%;
}
#recommended_products__area > .contents_main > ul > li {
	width: 33.33%;
	height: auto;
	padding: 1.5%;
}
#recommended_products__area > .contents_main > ul > li > a {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0.3em;
	padding-top: 47%;
	position: relative;
}
#recommended_products__area > .contents_main > ul > li > a:hover {
	background-color: #008941;
}
#recommended_products__area > .contents_main > ul > li > a > span {
	font-size: 3.2vw;
	line-height: 1.1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}





/*------------------------------------------------------------------------------*/
/* professional */
/*------------------------------------------------------------------------------*/
.professional__section .common__contents__inner .contents_catch {
	margin-bottom: 3%;
}
/* professional__contents */
/*------------------------------------------------------------------------------*/
.professional__contents+.professional__contents {
	margin-top: 3%;
}
.professional__contents > .title_area {
	padding: 2% 3%;
}
.professional__contents > .img_area {
	padding: 2% 3%;
}
.professional__contents > .img_area .img_box {
	width: 48%;
}
.professional__contents > .img_area.box_center .img_box {
	width: 70%;
}
.professional__contents > .img_area .img_box:nth-of-type(n+3) {
	margin-top: 3%;
}
.professional__contents > .img_area .img_box > span.text {
	font-size: 1.6vw;
	padding: .6em 0;
}
.professional__contents > .img_area .img_box > span.arr {
	font-size: 8vw;
}
.professional__contents > .img_area .img_box02 > span.arr {
	bottom: -30%;
	left: 0;
	-webkit-transform: translateY(0%) translateX(-80%) rotate(135deg);
	transform: translateY(0%) translateX(-80%) rotate(135deg);
}
.professional__contents > .effect_area {
	padding: 2% 3%;
}
.professional__contents > .effect_area > .title_area {
	margin-bottom: 3%;
}
.professional__contents > .effect_area > .inner {
	font-size: 3vw;
}
.professional__contents > .effect_area > .inner .text_box {
	margin-bottom: 3%;
}
.professional__contents > .effect_area > .inner .img_box > .img {
	width: 80%;
	margin: 0 auto;
}
.professional__contents > .effect_area > .inner .img_box > .img+.img {
	margin-top: 3%;
}
.professional__contents > .effect_area > .inner .img_box > .img > img {
	width: 100%;
	height: auto;
}
.professional__contents > .link_area {
	padding: 2% 3%;
}
.professional__contents > .link_area > dl {
	display: block;
}
.professional__contents > .link_area > dl > dt,
.professional__contents > .link_area > dl > dd {
	font-size: 3vw;
	line-height: 1.4;
}
.professional__contents > .link_area > dl > dt {
	margin-right: 0;
}
.professional__contents > .link_area > dl > dd > a:hover {
	color: #FF8100;
}



.professional__contents > .img_area.side_type03 .img_box {
	width: 32%;
}
.professional__contents > .img_area.side_type03 .img_box > span.arr {
	font-size: 6vw;
}



.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box {
	width: 100%;
}
.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box+.img_box {
	margin-top: 3%;
}
.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box > span.arr {
	font-size: 7vw;
	position: absolute;
	bottom: -1em;
}
.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box > .img > span.text {
	font-size: 2vw;
}

.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box > .effect_ba_text {
	font-size: 3.6vw;
}
.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: 10%;
}
.professional__contents > .effect_area > .inner.before_after.ba_type01 .img_box.after > .effect_ba_text {
	top: 10%;
}



.professional__contents > .effect_area > .inner.before_after.ba_type02 {
	display: block;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 .ba_main > div {
	width: 50%;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 .ba_main .img {
	width: 100%;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 .ba_main .img > img {
	width: 100%;
	height: auto;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 .ba_main span.text {
	padding: 3px 6% 0 0;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 .ba_main .img_box.after span.text {
	padding: 3px 0 0 6%;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 .ba_main span.text li {
	font-size: 2.4vw;
	line-height: 1.2;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 .effect_ba_text {
	font-size: 2vw;
	white-space: nowrap;
}
.professional__contents > .effect_area > .inner.before_after.ba_type02 span.arr {
	font-size: 5vw;
}



.illustration__link__area {
	position: relative;
}
.illustration__link__area > p {
	font-size: 2.4vw;
	margin-bottom: 3%;
	padding: 0 3%;
}



#roof .illustration__link__area .link_area01 .inner li {
	text-align: center;
}
#roof .illustration__link__area .link_area01 .inner li+li {
	margin-top: 2%;
}



#ceiling .illustration__link__area .link_area_main .link_area01 > .inner li+li {
	margin-top: 2%;
}



/* 床 */
#floor .illustration__link__area .link_area02 > .inner li+li {
	margin-top: 2%;
}



/* 外壁（耐震）/ 浴室 */
#bathroom .illustration__link__area .link_area_main .link_area01 > .inner li+li {
	margin-top: 2px;
}





.illustration__link__area a {
	font-size: 2.4vw;
	padding: 0.5em 0.6em;
}
.illustration__link__area a:hover {
	background-color: #ee7a2c;
}






/* professional__page__title */
/*------------------------------------------------------------------------------*/
#professional__page__title {
	width: 100%;
	border-bottom: 6px dotted #afd164;
	margin-bottom: 6%;
	padding: 0 0 6% 0;
}
#professional__page__title > div.title {
	width: 30%;
}
#professional__page__title > div.title > h1 {
	height: auto;
	min-height: 5em;
	font-size: 3.6vw;
	border-radius: 0.3em;
}

#professional__page__title > div.text {
	width: 70%;
	padding-left: 3%;
}
#professional__page__title > div.text > p {
	font-size: 3vw;
}
#professional__page__title > div.text > ul.link_area {
	padding-top: 5%;
}
#professional__page__title > div.text > ul.link_area > li+li {
	margin-left: 3%;
}
#professional__page__title > div.text > ul.link_area > li > a {
	font-size: 3vw;
}
#professional__page__title > div.text > ul.link_area > li > a:hover {
	color: #009944;
	background-color: #fff;
}





/* cost__example */
/*------------------------------------------------------------------------------*/
.cost__example .cost__example__main.type__all p.subtitle04 {
	font-size: 3vw;
}
.cost__example .cost__example__main.type__all > .main__inner h3 {
	font-size: 3.2vw;
}
.cost__example .cost__example__main > .main__inner h3 {
	font-size: 3vw;
}
.cost__example .cost__example__main > .main__inner > .table_box {
	font-size: 2vw;
	line-height: 1.2;
	padding: 2% 2% 4% 2%;
}
.cost__example .cost__example__main.type__all > .main__inner > .table_box > h4 {
	font-size: 3.8vw;
	margin-bottom: 2%;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_sub {
	margin-bottom: 2%;
}
.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: 3vw;
}

.cost__example .cost__example__main > .main__inner > .table_box > .table_main {
	display: block;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area {
	width: 100%;
}
.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 {
	width: 100%;
}

.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .reform > div.text_box > p.main {
	font-size: 4vw;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .reform > div.text_box > p.sub {
	font-size: 2.4vw;
	margin-top: 0.5em;
	padding-top: 0.5em;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .reform > div.num_box {
	width: 20%;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .compare_area > .reform > div.num_box > span.num {
	font-size: 3.6vw;
}

.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .plus_alpha_area {
	display: block;
	width: 100%;
	padding: 2% 0;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .plus_alpha_area > p {
	display: inline-block;
	width: auto;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .plus_alpha_area > p.alpha {
	font-size: 6vw;
	padding: 0 0.2em 0 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: 6vw;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_main > .plus_alpha_area > p.alpha_num > span.num {
	font-size: 6vw;
}
.cost__example .cost__example__main > .main__inner > .table_box > .notes {
	font-size: 2vw
	text-align: right;
	padding: 0.5em 0 0.2em 0.2em;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_link_text {
	padding-top: 3%;
}
.cost__example .cost__example__main > .main__inner > .table_box > .table_link_text > p.text {
	font-size: 3vw;
}





/*#professional__page__link */
/*------------------------------------------------------------------------------*/
#professional__page__link {
	width: 100%;
	padding-top: 6%;
}
#professional__page__link > ul {
	width: 100%;
}
#professional__page__link > ul > li {
	width: 33.33%;
}
#professional__page__link > ul > li > a {
	font-size: 3vw;
	padding: 0.8em 0;
}
#professional__page__link > ul > li > a:hover {
	background-color: #f6f4ee;
}
#professional__page__link > ul > li.current > a {
	background-color: #e9e9e6;
}
#professional__page__link > ul > li > a > i {
	color: #ea5a2d;
}





/* window */
/*------------------------------------------------------------------------------*/
.window_procucts_area {
	padding: 0;
}
.window_procucts_area .window_procucts {
	padding: 2%;
}
.window_procucts_area .window_procucts+.window_procucts {
	margin-top: 3%;
}
.window_procucts_area .window_procucts > h3 {
	font-size: 3.4vw;
	margin-bottom: 2%;
}
.window_procucts_area .window_procucts > h3 > span {
	font-size: 3vw;
}
.window_procucts_area .window_procucts > p {
	font-size: 2.8vw;
	margin-bottom: 2%;
}
.window_procucts_area .window_procucts > .img_area {
	width: 100%;
	padding: 2%;
}
.window_procucts_area .window_procucts > .img_area > h4 {
	font-size: 3.2vw;
	margin-bottom: 2%;
}
.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.box_type03,
.window_procucts_area .window_procucts > .img_area > .img_main.box_type04 {
	flex-wrap: wrap;
	justify-content: space-around;
}
.window_procucts_area .window_procucts > .img_area > .img_main.box_type03 > .img {
	width: 49%;
}
.window_procucts_area .window_procucts > .img_area > .img_main.box_type04 > .img {
	width: 32.5%;
}
.window_procucts_area .window_procucts > .img_area > .img_main.box_type03 > .img:nth-of-type(3) {
	width: 60%;
	margin-top: 2%;
}
.window_procucts_area .window_procucts > .img_area > .img_main.box_type04 > .img:nth-of-type(4) {
	width: 60%;
	margin-top: 2%;
}

.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 {
	padding: 2px 2px 0 2px;
}
.window_procucts_area .window_procucts > .img_area > .img_main > .img > span.border02 {
	padding: 2px;
}
.window_procucts_area .window_procucts > .img_area > .img_main > .img img {
	width: 100%;
	height: auto;
}
.window_procucts_area .window_procucts > .img_area > .img_main > .img > span.text {
	font-size: 2.4vw;
	padding: 6% 0;
}
.window_procucts_area .window_procucts > .img_area > .img_main > .img > span.arr {
	font-size: 10vw;
	color: #eb642c;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 10;
	-webkit-transform: translateY(-50%) translateX(60%);
	transform: translateY(-50%) translateX(60%);
}

#window .notes {
	font-size: 2vw;
	margin-top: 1%;
}

.window__group__link {
	padding: 2%;
}
.window__group__link .img_box {
	width: 40%;
}
.window__group__link .img_box > img {
	width: 100%;
	height: auto;
}
.window__group__link .text_box {
	font-size: 3vw;
	padding-left: 3%;
}
.window__group__link .text_box > p {
	margin-bottom: 3%;
}
.window__group__link .text_box > ul {
	padding-left: 0.5em;
}





/* airflow */
/*------------------------------------------------------------------------------*/
#airflow .page_move_link a {
	display: block;
	width: 80%;
	background: none;
	margin: 0 auto;
}
#airflow .page_move_link a img {
	width: 100%;
	height: auto;
}
#airflow .page_move_link a:hover img {
	opacity: 1;
}





/* roof */
/*------------------------------------------------------------------------------*/
#roof .pro__section01 .professional__contents > .img_area > .flow {
	width: 36%;
}
#roof .pro__section01 .professional__contents > .img_area > .flow .img_box {
	width: 100%;
}
#roof .pro__section01 .professional__contents > .img_area > .flow .img_box:nth-of-type(n+2) {
	margin-top: 3%;
}
#roof .pro__section01 .professional__contents > .img_area > .flow .img_box04 > span.arr {
	font-size: 5vw;
	bottom: -4.6vw;
}
#roof .pro__section01 .professional__contents > .img_area > .result {
	width: 62%;
}
#roof .pro__section01 .professional__contents > .img_area > .result .img_box05 {
	width: 100%;
}
#roof .pro__section01 .professional__contents > .img_area > .result .img_box05 span.text {
	padding-left: 4%;
}
#roof .pro__section01 .professional__contents > .img_area > .result .img_box06 {
	width: 100%;
	text-align: right;
	position: relative;
	z-index: 10;
}
#roof .pro__section01 .professional__contents > .img_area > .result .img_box06 {
	margin-top: -16%;
}
#roof .pro__section01 .professional__contents > .img_area > .result .img_box06 > span {
	width: 68%;
}
#roof .pro__section01 .professional__contents > .img_area > .result .goto_reform_effect {
	padding-top: 4%;
}
#roof .pro__section01 .professional__contents > .img_area > .result .goto_reform_effect a {
	font-size: 2.6vw;
}





/* floor */
/*------------------------------------------------------------------------------*/
#floor .floor_area01 .before_after .img_box {
	width: 80%;
	margin: 0 auto;
}
#floor .floor_area01 .before_after .img_box+.img_box {
	margin-top: 6%;
}
#floor .floor_area01 .before_after .img_box .img {
	display: flex;
	width: 100%;
}
#floor .floor_area01 .before_after .img_box .img {
	display: block;
}
#floor .floor_area01 .before_after .img_box .img > span {
	display: block;
}
#floor .floor_area01 .before_after .img_box .img > span.img01 {
	width: 100%;
}
#floor .floor_area01 .before_after .img_box .text {
	padding: 3px 2%;
}
#floor .floor_area01 .before_after .img_box .text .effect_ba_text > span {
	font-size: 2.6vw;
}
#floor .floor_area01 .before_after .img_box .text li {
	font-size: 2.4vw;
}

#floor .floor_area01 .before_after .img_box > span.arr {
	font-size: 7vw;
}
#floor .floor_area01 .before_after .img_box > span.arr {
	bottom: -6%;
}





/* bathroom */
/*------------------------------------------------------------------------------*/
#bathroom .pro__section01 .img_box:nth-of-type(1) {
	width: 48%;
}
#bathroom .pro__section01 .img_box:nth-of-type(2) {
	width: 40.5%;
}
#bathroom .pro__section01 .img_box:nth-of-type(3) {
	width: 60%;
	margin-top: 3%;
}

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





/* kensankyo */
/*------------------------------------------------------------------------------*/
#kensankyo p {
	font-size: 3.6vw;
}
#kensankyo .contents_main+.contents_main {
	margin-top: 6%;
}
#kensankyo .contents_main > h2 {
	font-size: 4.6vw;
}





/* link_company */
/*------------------------------------------------------------------------------*/
#link_company .subtitle02 {
	margin-bottom: 0.7em;
}
#link_company ul {
	padding-left: 3%;
}
#link_company ul {
	display: block;
}
#link_company ul > li {
	display: block;
}
#link_company ul > li+li {
	margin-top: 1em;
}
#link_company ul > li > span {
	display: block;
	font-size: 3.4vw;
	padding: 0;
}
#link_company ul > li > span.text {
	font-weight: bold;
}
#link_company ul > li > span.link {
	padding-left: 1em;
}
#link_company ul > li > span > a,
#link_company ul > li > span > i {
	color: #FF8100;
}
#link_company ul > li > span > a:hover {
	color: #FF8100;
}





/* glossary */
/*------------------------------------------------------------------------------*/
#glossary #glossary__page__title {
	width: 100%;
	margin-bottom: 5%;
}
#glossary #glossary__page__title > h1 {
	font-size: 5vw;
}
#glossary .glossary__list__area {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	height: auto;
}
#glossary .glossary__list__area .list_box {
	width: 49%;
}
#glossary .glossary__list__area .list_box+.list_box {
	margin-top: 6%;
}
#glossary .glossary__list__area .list_box:nth-of-type(2) {
	margin-top: 0;
}
#glossary .glossary__list__area .list_box:nth-of-type(n+3) {
	margin-top: 6%;
}
#glossary .glossary__list__area .list_box .title {
	margin-bottom: 3%;
}
#glossary .glossary__list__area .list_box .title span {
	font-size: 3.6vw;
}
#glossary .glossary__list__area .list_box .list li+li {
	margin-top: 2%;
}
#glossary .glossary__list__area .list_box .list li a {
	font-size: 3vw;
	color: #FF8100;
}
#glossary .glossary__list__area .list_box .list li a:hover {
	color: #FF8100;
}

#glossary .glossary_box+.glossary_box {
	margin-top: 6%;
}
#glossary .glossary_box > .title {
	margin-bottom: 2%;
}
#glossary .glossary_box > .title > h2 > span {
	font-size: 3.8vw;
}
#glossary .glossary_box > .text > .text_main {
	font-size: 3.2vw;
}
#glossary .glossary_box > .text > .text_main > p+p {
	margin-top: 1em;
}
#glossary .glossary_box > .text > .text_main > p.img > img {
	width: 80%;
	height: auto;
}
#glossary .glossary_box > .text > .text_main > ol {
	margin-top: 1em;
	padding-left: 2em;
}

#glossary .glossary_box > .text > .text_main .glossary_table_area {
	margin-top: .8em;
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > p {
	font-size: 3.4vw;
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > .inner > .box {
	display: block;
	font-size: .8rem;
}
#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 {
	width: 100%;
	font-size: 3.4vw;
	border-right: none;
	border-bottom: 1px solid #ccc;
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > .inner > .box > h3 > br {
	display: none;
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > .inner > .box > dl.products {
	width: 100%;
	border-right: none;
	border-bottom: 1px solid #ccc;
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > .inner > .box > dl.products dt {
	font-size: 3.2vw;
}
#glossary .glossary_box > .text > .text_main .glossary_table_area > .inner > .box > dl.products dd {
	font-size: 3.2vw;
}



#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: 3%;
}
#animation .section_main {
	padding: 0 3%;
}
#animation .section_main > p {
	font-size: 3.6vw;
	margin-bottom: 3%;
}





/* econyan */
/*------------------------------------------------------------------------------*/
#econyan .common__contents__section.section_01 {
	margin-bottom: 6%;
}
#econyan .common__contents__section.section_02 {
	margin-bottom: 7%;
}
#econyan .common__contents__section.section_03,
#econyan .common__contents__section.section_04,
#econyan .common__contents__section.section_05 {
	margin-bottom: 10%;
}
#econyan .common__contents__section.section_06 {
	margin-bottom: 3%;
}
#econyan .common__contents__section .title_box {
	font-size: 4.6vw;
	padding: .8em 0 .6em;
}
#econyan .common__contents__section .title_box02 {
	font-size: 5.6vw;
}
#econyan .common__contents__section .over_text {
	font-size: 3.6vw;
}
#econyan .common__contents__section.section_04 .img .over_text {
	top: 8%;
	left: 48%;
}
#econyan .common__contents__section.section_05 .img .over_text {
	top: 8%;
	left: 5%;
}





/* reform_point */
/*------------------------------------------------------------------------------*/
#reform_point #common__page__title03 {
	margin-bottom: 3%;
}
#point_select_area {
	display: block;
}
#point_select_area .point_select_text {
	width: 100%;
}
#point_select_area .point_select_text .text p {
	font-size: 3.8vw;
}
#point_select_area .point_select_main {
	width: 100%;
	padding-top: 4%;
}
#point_select_area .point_select_main ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: stretch;
	height: auto;
}
#point_select_area .point_select_main ul li {
	width: 33.33%;
	padding: 1%;
}
#point_select_area .point_select_main a {
	font-size: 4vw;
	padding: .8em 0;
}
#point_select_area .point_select_main a:hover {
	background-color: #68B82E;
	border: 1px solid #68B82E;
}

#reform_point .point_section h2 {
	margin-bottom: 4%;
	padding: .8em 1em;
}
#reform_point .point_section h2 > span.main {
	font-size: 5vw;
}
#reform_point .point_section h2 > span.btn > a {
	font-size: 3vw;
}
#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: 4%;
}
#reform_point .point_section h3 {
	font-size: 4.4vw;
	margin-bottom: 3%;
	padding: 0 2%;
}
#reform_point .point_section .inner {
	display: block;
	padding: 0 2%;
}
#reform_point .point_section .inner > div {
	display: block;
}
#reform_point .common__contents__section+.common__contents__section {
	margin-top: 6%;
}


#point_select_all {
	margin-top: 6%!important;
}
#point_select_all .point_select_text {
	width: 60%;
	margin: 0 auto 3% auto;
}
#point_select_all .point_select_text .img {
	margin-bottom: 2%;
}
#point_select_all .point_select_text .text p {
	font-size: 3vw;
}
#point_select_all .point_select_main {
	padding-left: 0;
}
#point_select_all .point_select_main p {
	font-size: 3.6vw;
}

#reform_point .point_section .inner_other {
	display: block;
	padding: 0 2%;
}
#reform_point .point_section .inner_other > div {
	display: block;
}
#reform_point .point_section .inner_other > div.point_select_text {
	width: 100%;
	font-size: 3.6vw;
	margin-bottom: 2%;
	padding: 3%;
}
#reform_point .point_section .inner_other > div.point_select_text li {
	font-size: 3.2vw;
}

#reform_point .point_section .inner_other > div.point_select_main {
	font-size: 3.6vw;
	padding: 3%;
}
#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: 3.2vw;
}
#reform_point .point_section .inner_other > div.point_select_main li+li {
	margin-top: .5em;
}





/* reform_effect */
/*------------------------------------------------------------------------------*/
#reform_effect #common__page__title03 {
	margin-bottom: 3%;
}
#reform_effect .common__contents__section {
	font-size: 3.2vw;
}
#reform_effect .common__contents__section {
	padding: 0;
}
#reform_effect .common__contents__section img {
	width: 100%;
	height: auto;
}
#reform_effect .common__contents__section.section01 > h2 {
	font-size: 4vw;
}
#reform_effect .common__contents__section.section01 > h2 > br {
	display: none;
}

#reform_effect .common__contents__section .section_inner {
	display: block;
}
#reform_effect .common__contents__section .section_inner > div.inner_text {
	width: 100%;
}
#reform_effect .common__contents__section .section_inner > div.inner_img {
	display: flex;
	justify-content: space-between;
	margin-top: 6%;
}
#reform_effect .common__contents__section .section_inner > div.inner_img > .img+.img {
	margin-top: 0;
}
#reform_effect .common__contents__section .section_inner > div.inner_img > .img {
	width: 49%;
}

#reform_effect .common__contents__section > div.inner_img {
	padding: 6% 0 0 0;
}
#reform_effect .common__contents__section > div.inner_img > .img {
	width: 49%;
}
#reform_effect .common__contents__section > div.note {
	margin-bottom: 4%;
}
#reform_effect .common__contents__section > div.note > p {
	font-size: 2.4vw;
}

#reform_effect .common__contents__section.section02 > h2 {
	margin-bottom: 5%;
}
#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: auto;
	font-size: 3.6vw;
}
#reform_effect .common__contents__section.section02 > h2 > span.main {
	font-size: 4.4vw;
	padding-left: 1rem;
}

#reform_effect .common__contents__section.section_table > h2 {
	font-size: 3.6vw;
}
#reform_effect .common__contents__section.section_table table th,
#reform_effect .common__contents__section.section_table table td {
	font-size: 2vw;
	padding: .2em 0;
}
#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: 2%;
}

#reform_cost .common__contents__section.section01 > p {
	font-size: 2vw;
	line-height: 1.2;
}

#reform_cost .common__contents__section.section02 {
	margin-top: 4%;
}

#reform_cost .common__contents__section.reform_cost_box01 {
	padding: 0;
}
#reform_cost .common__contents__section.reform_cost_box01 > img {
	width: 100%;
	height: auto;
}
#reform_cost .common__contents__section.reform_cost_box01 > .inner {
	padding: 3% 2%;
}
#reform_cost .common__contents__section.reform_cost_box01.section04 {
	margin-top: 5%;
}
#reform_cost .common__contents__section.reform_cost_box01 > .inner > h2 {
	font-size: 3.6vw;
}
#reform_cost .common__contents__section.reform_cost_box01 > .inner ul {
	padding-left: 4%;
}
#reform_cost .common__contents__section.reform_cost_box01 > .inner li {
	font-size: 3vw;
}

#reform_cost .common__contents__section.section05 {
	padding: 0;
}
#reform_cost .common__contents__section.section05 > .inner {
	display: block;
}
#reform_cost .common__contents__section.section05 > .inner > div {
	display: block;
}
#reform_cost .common__contents__section.section05 > .inner > div.text {
	padding: 5% 2% 3% 0;
}
#reform_cost .common__contents__section.section05 > .inner > div.text > h2 {
	font-size: 4.8vw;
	margin-bottom: 3%;
	padding: 0 0 2% 2%;
}
#reform_cost .common__contents__section.section05 > .inner > div.text > p {
	font-size: 3vw;
	margin-bottom: 3%;
	padding: 0 0 0 2%;
}
#reform_cost .common__contents__section.section05 > .inner > div.text > .btn > a {
	font-size: 4vw;
	padding: 1em 3em;
}
#reform_cost .common__contents__section.section05 > .inner > div.text > .btn > a > i.fa-window-restore {
	font-size: 2.8vw;
}
#reform_cost .common__contents__section.section05 > .inner > div.text > .btn > a:hover {
	opacity: 1;
}
#reform_cost .common__contents__section.section05 > .inner > div.img {
	text-align: center;
	padding: 3% 0;
}
#reform_cost .common__contents__section.section05 > .inner > div.img > a:hover {
	opacity: 1;
}
#reform_cost .common__contents__section.section05 > .inner > div.img > a > img {
	width: 80%;
	height: auto;
}





/* reform_attention */
/*------------------------------------------------------------------------------*/
#reform_attention .re_attention_catch > p {
	font-size: 3.4vw;
}
#reform_attention .re_attention_box01 > .box {
	display: block;
	padding: 3%;
}
#reform_attention .re_attention_box01 > .box > div {
	display: block;
}
#reform_attention .re_attention_box01 > .box > div.img {
	width: 80%;
	margin: 0 auto 3% auto;
}
#reform_attention .re_attention_box01 > .box > div.text {
	padding-left: 0;
}
#reform_attention .re_attention_box01 > .box > div.text > p {
	font-size: 3.2vw;
	line-height: 1.6;
}

#reform_attention .re_attention_box02 {
	margin-top: 6%;
	padding: 0 3%;
}
#reform_attention .re_attention_box02 li {
	font-size: 3.4vw;
}

#reform_attention .re_attention_box03 {
	margin-top: 10%;
	padding: 3%;
}
#reform_attention .re_attention_box03 > h2 {
	font-size: 4vw;
}
#reform_attention .re_attention_box03 li {
	font-size: 3.6vw;
}





/* reform_system */
/*------------------------------------------------------------------------------*/
#reform_system .re_system_catch > p {
	font-size: 3.4vw;
}

#reform_system .re_system_box01 {
	padding: 3% 2%;
}
#reform_system .re_system_box01 > h2 {
	font-size: 4.6vw;
}
#reform_system .re_system_box01 > .inner {
	padding: 0 1% 0 3%;
}
#reform_system .re_system_box01 > .inner > .text01 {
	font-size: 3.4vw;
}
#reform_system .re_system_box01 > .inner > .text01 > span {
	font-size: 1.6em;
}
#reform_system .re_system_box01 > .inner > .text02 {
	font-size: 2.6vw;
}

#reform_system .re_system_imgbox {
	margin-top: 5%;
}
#reform_system .re_system_imgbox > div.text {
	padding-top: 6%;
}
#reform_system .re_system_imgbox > div.text > .text02 > span {
	font-size: 2.4vw;
}
#reform_system .re_system_imgbox > div.text > .text03 {
	padding: 2%;
}
#reform_system .re_system_imgbox > div.text > .text03 > p {
	font-size: 3.4vw;
}
#reform_system .re_system_imgbox > div.text > .text04 > p {
	font-size: 2vw;
	padding-right: 0;
}


#reform_system .re_system_link01 > a {
	font-size: 5.4vw;
}
#reform_system .re_system_link01 > a > span.img {
	width: 12%;
}
#reform_system .re_system_link01 > a > span.img > img {
	width: 100%;
	height: auto;
}
#reform_system .re_system_link01 > a > span.text {
	width: calc(100% - 12%);
	line-height: 1.2;
	padding-left: .3em;
}
#reform_system .re_system_link01 > a > img {
	display: block;
	width: 80%;
	height: auto;
	margin: 0 auto;
}
#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 {
	padding-top: 6%;
}
#professional__p_page__title .inner > .title {
	margin-bottom: .3em;
}
#professional__p_page__title .inner > .title > p {
	font-size: 6vw;
}
#professional__p_page__title .professional__p_page__info {
	margin-bottom: 6%;
}
#professional__p_page__title .professional__p_page__info > .inner {
	width: 100%;
	padding: 6% 2%;
}
#professional__p_page__title .professional__p_page__info > .inner > p {
	width: 95%;
	font-size: 4vw;
	margin: 0 auto 5% auto;
}
#professional__p_page__title .professional__p_page__info > .inner h1 {
	font-size: 6vw;
}
#professional__p_page__title .professional__p_page__info > .inner .page_inner_link {
	width: 100%;
	margin: 5% auto 0 auto;
}
#professional__p_page__title .professional__p_page__info > .inner .page_inner_link > .inner {
	padding: 4% 0;
}
#professional__p_page__title .professional__p_page__info > .inner .link_box+.link_box {
	margin-top: 1em;
}

#professional__p_page__title .professional__p_page__info > .inner .page_inner_link.type02 {
	margin: 5% auto 0 auto;
}
#professional__p_page__title .professional__p_page__info > .inner .page_inner_link.type02 > .inner {
	display: inline-block;
	padding: 5% 8%;
}
#professional__p_page__title .professional__p_page__info > .inner .page_inner_link.type02 .link_box+.link_box {
	margin-top: 6%;
	margin-left: 0;
}

#professional__p_page__title .professional__p_page__info > .inner .page_inner_link h2 {
	font-size: 4.4vw;
}
#professional__p_page__title .professional__p_page__info > .inner .page_inner_link .btn > a {
	font-size: 4.2vw;
}
#professional__p_page__title .professional__p_page__info > .inner .page_inner_link .btn > a:hover {
	background-color: #FBC85C;
}





.product__area+.product__area {
	margin-top: 10%;
}
.product__area > h1 {
	font-size: 5.2vw;
}
.product__area > h2 {
	width: 100%;
	margin: 0 auto .2em auto;
}
.product__area > h2 > span {
	font-size: 4.8vw;
}


.product__area > .product_section {
	display: table;
	width: 100%;
	margin: 0 auto;
}
.product__area > .product_section+.product_section,
.product__area > .product_section+h2 {
	margin-top: 6%;
}
.product__area > .product_section.type02.first {
	margin-top: 3%;
}
.product__area > .product_section > div.left_title {
	width: auto;
	padding : 2rem .2em 0 0;
}
.product__area > .product_section.type02 > div.left_title {
	padding-top: 3.5rem;
}
.product__area > .product_section.type03 > div.left_title {
	padding-top: 0;
}
.product__area > .product_section > div.left_title > p {
	font-size: 3.8vw;
}



.product__area > .product_section > div.main_section_area > .main_section > h2 {
	font-size: 5.2vw;
}
.product__area > .product_section.type04 > div.main_section_area > .main_section > h2 {
	font-size: 4.2vw;
}

.product__area > .product_section > div.main_section_area > .main_section > h3 {
	display: flex;
	align-items: center;
	height: 2rem;
	font-size: 4.2vw;
	font-weight: bold;
	line-height: 1;
}





/*.product__area .table_box {
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}*/
.product__area .table_box+.table_box {
	margin-top: 10%;
}
.product__area .table_box > .box_row {
	min-height: auto;
	height: auto;
}
.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 {
	font-size: 3vw;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	padding: .5em .3em;
}

.product__area .table_box > .box_row:nth-of-type(2),
.product__area .table_box > .box_row:nth-of-type(4),
.product__area .table_box > .box_row:nth-of-type(5) {
	display: block;
	width: 100%!important;
}
.product__area .table_box > .box_row:nth-of-type(2) > div,
.product__area .table_box > .box_row:nth-of-type(4) > div,
.product__area .table_box > .box_row:nth-of-type(5) > div {
	display: block;
	width: 100%!important;
	text-align: left!important;
}





.product__area .table_box > .box_row div.th_box.th_box01 {
	width: 5em;
}
.product__area .table_box > .box_row div.th_box.th_box03 {
	width: 5em;
}





.product__area .table_box > .img_table_box {
	display: block;
}
.product__area .table_box > .img_table_box > div.img_box {
	width: 100%;
}
.product__area .table_box > .img_table_box > div.in_table {
	display: block;
	width: 100%;
	font-size: 3vw;
}
.product__area .table_box > .img_table_box > div.in_table > div.second > div {
	display: block;
	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: 100%;
	text-align: center;
	font-weight: bold;
	line-height: 1.1;
	background-color: #E7FFCB;
}





.product__area .table_box > .box_row div.td_box.product_name {
	font-size: 3.4vw;
}
.product__area .table_box > .box_row div.td_box.mark_box {
	width: 3em;
	font-weight: bold;
	text-align: center;
	padding: .5em 0;
}





/* #contact */
/*------------------------------------------------------------------------------*/
#contact #contact__title {
	width: 100%;
}
#contact #contact__title h1 {
	font-size: 5vw;
	padding: .3em;
}
#contact #contact__title {
	margin-bottom: 1em;
}
#contact #contact__title p {
	width: 100%;
	font-size: 3.6vw;
}

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

#contact .contact_section {
	width: 100%;
	font-size: 3.2vw;
	line-height: 1.2;
}

#contact .contact_section .contact_main {
	display: block;
	border-top: 1px solid #000;
}
#contact .contact_section .contact_main .contact_box {
	display: block;
}
#contact .contact_section .contact_main .contact_box > div {
	display: block;
}
#contact .contact_section .contact_main .contact_box > div {
	border-top: none;
}
#contact .contact_section .contact_main .contact_box > div.title {
	width: 100%;
	background-color: #caefeb;
}
#contact .contact_section .contact_main .contact_box > div.title .title_main {
	font-size: 3.78vw;
	font-weight: bold;
}
#contact .contact_section .contact_main .contact_box > div.contents {
	padding: .5em;
}
#contact .contact_section .contact_main .contact_box > div.contents textarea,
#contact .contact_section .contact_main .contact_box > div.contents input {
	padding: .5em;
}

#contact .contact_section .contact_main .contact_box > div.contents.name input {
	width: 100%;
}
#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 {
	font-size: 3vw;
}

#contact .contact_section .btn_area {
	display: block;
	width: 100%;
	padding-top: 4%;
}
#contact .contact_section .btn_area > p {
	font-size: 3vw;
}
#contact .contact_section .btn_area .btn_box {
	padding-top: 1.5em;
}
#contact .contact_section .btn_area .btn_box ul {
	display: flex;
	justify-content: center;
	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 {
	font-size: 4vw;
	color: #231815;
	text-decoration: none;
	background-color: #ccc;
	padding: .4em 2em;
}
#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_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 > .inner {
	display: block;
	padding: 0 0 10% 0;
}
.beginner_section01 > .inner .img_box {
	margin-bottom: 5%;
}
.beginner_section01 > .inner .img_box img {
	width: 50%;
	height: auto;
}
.beginner_section01 > .inner .text_box {
	text-align: center;
	padding: 0 2%;
}
.beginner_section01 > .inner h1 {
	font-size: 6vw;
}
.beginner_section01 > .inner ul {
	display: inline-block;
	text-align: left;
}
.beginner_section01 > .inner ul > li > a {
	font-size: 4.4vw;
	line-height: 2.2;
}
.beginner_section01 > .inner ul > li > a:hover {
	color: #767676;
}





.beginner_section02 {
	width: 100%;
}
.beginner_section02 > .inner {
	width: 100%;
	padding: 0 2%;
}
.beginner_section02 > .inner > .beginner_cate01_title {
	display: block;
	padding: 4% 0 8% 0;
}
.beginner_section02 > .inner > .beginner_cate01_title > h1 {
	font-size: 6vw;
	text-indent: 0;
	line-height: 1.4;
}

.beginner_section02 > .inner > .beginner_cate01_title > .inner {
	display: block;
	width: 100%;
	padding: 4% 0;
}
.beginner_section02 > .inner > .beginner_cate01_title > .inner > div {
	display: block;
}

.beginner_section02 > .inner > .beginner_cate01_title > .inner > div.img_box {
	width: 100%;
	text-align: center;
	padding-bottom: 4%;
}
.beginner_section02 > .inner > .beginner_cate01_title > .inner > div.img_box > img {
	width: 40%;
	height: auto;
}
.beginner_section02 > .inner > .beginner_cate01_title > .inner > div.text_box {
	text-align: center;
}
.beginner_section02 > .inner > .beginner_cate01_title > .inner > div.text_box > p.text01 {
	font-size: 4vw;
}
.beginner_section02 > .inner > .beginner_cate01_title > .inner > div.text_box > p.text02 {
	font-size: 4vw;
	padding-left: 0px;
}
.beginner_section02 > .inner > .beginner_cate01_title > .inner > div.text_box > .text_main {
	width: 100%;
	padding: .3em .5em;
}
.beginner_section02 > .inner > .beginner_cate01_title > .inner > div.text_box > .text_main > .inner {
	display: block;
	font-size: 3.4vw;
}
.beginner_section02 > .inner > .beginner_cate01_title > .inner > div.text_box > .text_main > .inner > .title {
	font-weight: bold;
}

.beginner_section02 > .inner > .beginner_cate01_box01 {
	width: 100%;
	margin: 0 auto;
	padding: 0 2% 8% 2%;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area+.pic_area {
	margin-top: 6%;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area > .circle_box {
	width: 4em;
	height: 4em;
	font-size: 4vw;
	-webkit-transform: translateY(-15%) translateX(-15%);
	transform: translateY(-15%) translateX(-15%);
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area > .circle_box > span > span.text01 {
	font-size: 5.4vw;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area > .circle_box > span > span.text02 {
	font-size: 4vw;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area > .pic_box {
	display: block;
	background: none;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area > .pic_box img {
	width: 100%;
	height: auto;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area > .pic_box > .img01 {
	width: 70%;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area > .pic_box > .img02 {
	width: 100%;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area > .text_box {
	text-align: center;
}
.beginner_section02 > .inner > .beginner_cate01_box01 > .pic_area > .text_box > p {
	display: block;
	width: 100%;
	font-size: 3.2vw;
	padding-top: .3em;
}





.beginner_section03 > .inner {
	width: 100%;
	margin: 0 auto;
	padding: 10% 6%;
}
.beginner_section03 > .inner > p {
	font-size: 3.4vw;
}





.beginner_category02 > .inner > .beginner_cate02_title > h1 {
	width: 100%;
	font-size: 5.6vw;
}
.beginner_category02 > .inner > .beginner_cate02_title_info {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 4% 0 6% 0;
}
.beginner_category02 > .inner > .beginner_cate02_title_info > .inner {
	display: block;
}
.beginner_category02 > .inner > .beginner_cate02_title_info > .inner > .img_box {
	padding-bottom: 4%;
}
.beginner_category02 > .inner > .beginner_cate02_title_info > .inner > .img_box > img {
	width: 40%;
	height: auto;
}
.beginner_category02 > .inner > .beginner_cate02_title_info > .inner > .text_box {
	text-align: center;
	padding: 0;
}
.beginner_category02 > .inner > .beginner_cate02_title_info > .inner > .text_box > p.text01 {
	font-size: 4vw;
}


.beginner_category02 > .beginner_cate02_check {
	width: 100%;
	margin: 0 auto;
	padding: 0 2% 10% 2%;
}
.beginner_category02 .beginner_cate02_check_box {
	display: block;
}
.beginner_category02 .beginner_cate02_check_box+.beginner_cate02_check_box {
	margin-top: 10%;
}
.beginner_category02 .beginner_cate02_check_box > .num_box {
	width: 100%;
	margin-bottom: .5em;
}
.beginner_category02 .beginner_cate02_check_box > .num_box > .num {
	width: 100%;
	height: auto;
	padding: .3em 0;
}
.beginner_category02 .beginner_cate02_check_box > .num_box > .num > span {
	font-size: 8vw;
}
.beginner_category02 .beginner_cate02_check_box > .check_main {
	width: 100%;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > p {
	font-size: 4.4vw;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select {
	padding-right: 0;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div {
	width: 49%;
	border-radius: .3em;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div .check_point {
	font-size: 3.2vw;
	padding: 4% 2% 2% 2%;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div .check_point > .point > span {
	font-size: 7vw;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div .img_box {
	padding: 3%;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div .img_box.pic {
	padding: 4%;
}
.beginner_category02 .beginner_cate02_check_box > .check_main > .ckeck_select > div .img_box.pic > span > span.text {
	font-size: 2.6vw;
}

.beginner_category02 > .beginner_cate02_checklist {
	width: 100%;
	padding-bottom: 15%;
}
.beginner_category02 > .beginner_cate02_checklist > h2 {
	font-size: 6vw;
	line-height: 1.2;
	margin-bottom: 4%;
	padding: .7em 0;
}
.beginner_category02 > .beginner_cate02_checklist > .table_box {
	padding: 0 2%;
}
.beginner_category02 > .beginner_cate02_checklist > .table_box > .img_box {
	display: none;
	position: absolute;
	top: 20px;
	right: 0;
}
.beginner_category02 > .beginner_cate02_checklist > .table_box > table {
	width: 100%;
}
.beginner_category02 > .beginner_cate02_checklist > .table_box > table th,
.beginner_category02 > .beginner_cate02_checklist > .table_box > table td {
	font-size: 3vw;
	background-color: #fff;
	border: 1px solid #231815;
	padding: .5em;
}
.beginner_category02 > .beginner_cate02_checklist > .table_box > table th {
	text-align: center;
	background-color: #ffff85;
	padding: .5em 0;
}
.beginner_category02 > .beginner_cate02_checklist > .table_box > table th.point_head > span {
	display: block;
}
.beginner_category02 > .beginner_cate02_checklist > .table_box > table th.point_head > span.num {
	font-size: 1.4em;
	padding-right: 0;
}





.beginner_category03 > .beginner_category03_box01 > .inner {
	width: 100%;
	margin: 0 auto;
	padding: 0 2% 4% 2%;
}

.beginner_category03 > .beginner_category03_box01 .main > .title_area {
	margin-bottom: 5%;
}
.beginner_category03 > .beginner_category03_box01 .main > .title_area > span {
	font-size: 4.6vw;
	padding: .6em 1.5em .6em .8em;
	-webkit-transform: translateY(0%) translateX(-5%);
	transform: translateY(0%) translateX(-5%);
}
.beginner_category03 > .beginner_category03_box01 .main > h1 {
	font-size: 3.8vw;
	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: block;
}
.beginner_category03 > .beginner_category03_box01 .main > p {
	font-size: 3.8vw;
}
.beginner_category03 > .beginner_category03_box01 .main > .btn > a {
	display: block;
	font-size: 4vw;
	font-weight: bold;
	color: #000;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	border-radius: .3em;
	padding: 1.2em 0;
}
.beginner_category03 > .beginner_category03_box01 .main > .btn > a:hover {
	color: #000;
	background-color: #fff;
}





.beginner_category04 > .beginner_category04_box01 {
	min-width: 100%;
}
.beginner_category04 > .beginner_category04_box01 > .inner {
	width: 100%;
	margin: 0 auto;
	padding: 8% 0 55 0;
}
.beginner_category04 > .beginner_category04_box01 > .inner > p.text01 {
	font-size: 4.8vw;
	line-height: 1.2;
	padding: 0 2% 3% 2%;
}
.beginner_category04 > .beginner_category04_box01 > .inner > .beginner_category04_main {
	display: block;
	margin-bottom: 30px;
	padding: 0 2%;
}
.beginner_category04 > .beginner_category04_box01 > .inner > .beginner_category04_main .text_box {
	padding: 0;
}
.beginner_category04 > .beginner_category04_box01 > .inner > .beginner_category04_main .text_box > p {
	font-size: 6vw;
	color: #00b2ed;
	line-height: 1.2;
	text-align: center;
}
.beginner_category04 > .beginner_category04_box01 > .inner > .beginner_category04_main .img_box {
	text-align: center;
	padding-top: 4%;
}
.beginner_category04 > .beginner_category04_box01 > .inner > .beginner_category04_main .img_box > img {
	width: 40%;
	height: auto;
}
.beginner_category04 > .beginner_category04_box01 > .inner > h1 {
	width: 100%;
	font-size: 7vw;
	line-height: 1.2;
	padding: .4em 0;
}
.beginner_category04 > .beginner_category04_box01 > .inner > h1 br {
	display: block;
}
.beginner_category04 > .beginner_category04_box01 > .inner > .text02 {
	width: 100%;
	text-align: center;
	padding: 3% 0 0 0;
}
.beginner_category04 > .beginner_category04_box01 > .inner > .text02 > p {
	font-size: 5vw;
}


.beginner_category04 > .beginner_category04_box02 > .inner {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 3% 0;
}
.beginner_category04 > .beginner_category04_box02+.beginner_category04_box02 {
	margin-top: 14%;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .title_area {
	padding: 0 2%;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .title_area > .img_box {
	width: 22%;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .title_area > .img_box > img {
	width: 100%;
	height: auto;
	-webkit-transform: translateY(-10%) translateX(0%);
	transform: translateY(-10%) translateX(0%);
}
.beginner_category04 > .beginner_category04_box02 > .inner > .title_area > .text_box {
	padding: .8em 0 0 2%;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .title_area > .text_box > h2 {
	font-size: 
	5.4vw;
}


.beginner_category04 > .beginner_category04_box02 .main_area > .img_area {
	margin-bottom: 3%;
	padding: 0 2%;
}
.beginner_category04 > .beginner_category04_box02 .main_area > .text_area {
	display: block;
}
.beginner_category04 > .beginner_category04_box02 .main_area > .text_area > .result {
	width: 100%;
}
.beginner_category04 > .beginner_category04_box02 .main_area > .text_area > .result > div.text_box {
	text-align: center;
	-webkit-transform: translateY(0) translateX(0%);
	transform: translateY(0) translateX(0%);
}
.beginner_category04 > .beginner_category04_box02 .main_area > .text_area > .result > div.text_box > p {
	font-size: 4vw;
}
.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: 12vw;
	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: 100%;
	padding: 1em 2% .5em 2%;
}
.beginner_category04 > .beginner_category04_box02 .main_area > .text_area > .info > p {
	font-size: 4vw;
	line-height: 1.8;
}















.beginner_category04 > .beginner_category04_box02 > .inner > .main_inner01 {
	display: block;
	width: 100%;
	padding: 0;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .main_inner01 > div {
	display: block;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .main_inner01 > div.text_box > p {
	font-size: 4.2vw;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .main_inner01 > div.text_box > .temperature_box > .inner {
	margin-bottom: .5em;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .main_inner01 > div.text_box > .temperature_box > .inner .temp {
	font-size: 10vw;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .main_inner01 > div.img_box {
	width: 100%;
	text-align: center;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .main_inner01 > div.img_box > img {
	width: 80%;
	height: auto;
}

.beginner_category04 > .beginner_category04_box02 > .inner > .main_inner02 {
	display: block;
	width: 100%;
	font-size: 3.2vw;
	padding: 4% 2%;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .main_inner02 > div {
	display: block;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .main_inner02 > div.text_box {
	padding-right: 0;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .main_inner02 > div.text_box > p {
	font-size: 1.2em;
	margin-bottom: .5em;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .main_inner02 > div.img_box {
	text-align: center;
}
.beginner_category04 > .beginner_category04_box02 > .inner > .main_inner02 > div.img_box > img {
	width: 60%;
	height: auto;
}





.beginner_category04 > .beginner_category04_box03 {
	width: 100%;
	padding: 6% 2%;
}
.beginner_category04 > .beginner_category04_box03 > p {
	font-size: 4.6vw;
}
.beginner_category04 > .beginner_category04_box03.type_arr {
	padding: 0 2% 18% 2%;
}
.beginner_category04 > .beginner_category04_box03.type_arr::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 30px solid #ffb200;
	border-right: 60px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 60px solid transparent;
	position: absolute;
	bottom: 13%;
	left: 50%;
	-webkit-transform: translateY(50%) translateX(-50%);
	transform: translateY(50%) translateX(-50%);
}





.beginner_category04 > .beginner_category04_box04 {
	width: 100%;
	margin: 0 auto 10% auto;
}
.beginner_category04 > .beginner_category04_box04 > .inner {
	width: 100%;
	margin: 0 auto;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 2%;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box {
	width: 49%;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box:nth-of-type(n+3) {
	margin-top: 3%;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .text_box {
	font-size: 3vw;
	padding: .2em 0 0 0;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box.info {
	line-height: 1.4;
	padding-left: 0;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .info_text_box01 {
	margin-bottom: 3%;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .info_text_box01 > div.img {
	width: 15%;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .info_text_box01 > div.img > img {
	width: 100%;
	height: auto;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .info_text_box01 > div.text {
	font-size: 3vw;
	padding-left: .3em;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .info_text_box02 > p {
	font-size: 3vw;
}
.beginner_category04 > .beginner_category04_box04 > .inner > .material_info_area > .material_info_box > .info_text_box02 > p > span.text {
	font-size: 3vw;
}





.beginner_category04 > .beginner_category04_box05 {
	background-color: #e1f3fc;
	padding-bottom: 8%;
}
.beginner_category04 > .beginner_category04_box05 .title_area > h2 {
	font-size: 7.2vw;
}
.beginner_category04 > .beginner_category04_box05 > .inner {
	width: 100%;
	margin: 0 auto;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .text_area {
	display: block;
	padding: 6% 0 8% 0;
	top: 0;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .text_area > .text_box > p {
	font-size: 4.4vw;
	color: #0076e8;
	text-align: center;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .text_area > .img_box {
	text-align: center;
	padding-bottom: 4%;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .text_area > .img_box > img {
	width: 40%;
	height: auto;
}

.beginner_category04 > .beginner_category04_box05 > .inner > .pro_link_area {
	display: block;
	padding: 4% 0;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .pro_link_area > span {
	display: block;
	text-align: center;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .pro_link_area > span.text {
	font-size: 6vw;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .pro_link_area > span.link {
	width: 100%;
	text-align: center;
	padding: .5em 0;
}
.beginner_category04 > .beginner_category04_box05 > .inner > .pro_link_area > span.link > a:hover {
	opacity: 1;
}





.beginner_category05 > .title_area {
	background-color: #fff;
	padding-top: 10%;
}
.beginner_category05 > .title_area > h1 {
	width: 100%;
	font-size: 6.6vw;
	padding-bottom: .5em;
}


.beginner_category05 > .beginner_category05_box01 {
	padding-bottom: 8%;
}
.beginner_category05 > .beginner_category05_box01 > .inner {
	display: block;
	width: 100%;
	padding: 6% 2%;
}
.beginner_category05 > .beginner_category05_box01 > .inner > .text_box {
	font-size: 7vw;
	line-height: 1.2;
	text-align: center;
}
.beginner_category05 > .beginner_category05_box01 > .inner > .img_box {
	text-align: center;
	padding-right: 0;
	padding-bottom: 4%;
}
.beginner_category05 > .beginner_category05_box01 > .inner > .img_box > img {
	width: 40%;
	height: auto;
}


.beginner_category05 > .beginner_category05_box01 > .page_link_area {
	width: 100%;
	margin: 0 auto;
	padding: 0 6%;
}
.beginner_category05 > .beginner_category05_box01 > .page_link_area > div {
	text-align: center;
}
.beginner_category05 > .beginner_category05_box01 > .page_link_area > div+div {
	margin-top: 6%;
}
.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: 1;
}
.beginner_category05 > .beginner_category05_box01 > .page_link_area > div > a > img {
	width: 100%;
	height: auto;
}


.beginner_category05 .beginner_category05_box02+.beginner_category05_box02 {
	padding-top: 15%;
}
.beginner_category05 .beginner_category05_box02 > .inner {
	width: 100%;
	margin: 0 auto;
}

.beginner_category05 .section_title {
	padding: 6% 2% 8% 2%;
}
.beginner_category05 .section_title > img {
	width: 100%;
	height: auto;
}


.beginner_category05 .section_box {
	padding: 0 2%;
}
.beginner_category05 .section_box+.section_box {
	margin-top: 8%;
}
.beginner_category05 .section_box:last-of-type {
	margin-top: 4%;
}


.beginner_category05 .section_box_type01 {
	display: block;
	width: 100%;
}
.beginner_category05 .section_box_type01 > div {
	display: block;
}
.beginner_category05 .section_box_type01 > .text_box {
	width: 100%;
}
.beginner_category05 .section_box_type01 > .text_box > h2,
.beginner_category05 .section_box_type02 > h2,
.beginner_category05 .section_box_type03 > h2 {
	font-size: 5vw;
	line-height: 1.2;
	margin-bottom: .5em;
	padding: .5em;
}
.beginner_category05 .section_box_type01 > .text_box > p {
	font-size: 3.8vw;
	padding: 0 .3em;
}
.beginner_category05 .section_box_type01 > .img_box {
	width: 100%;
	text-align: center;
	padding-top: 3%;
}
.beginner_category05 .section_box_type01 > .img_box > img {
	width: 80%;
	height: auto;
}

.beginner_category05 .section_box_type02 > .inner {
	display: block;
}
.beginner_category05 .section_box_type02 > .inner > .text_box {
	width: 100%;
	padding-top: 0;
}
.beginner_category05 .section_box_type02 > .inner > .text_box > p {
	font-size: 3.8vw;
	padding: 0 .3em;
}
.beginner_category05 .section_box_type02 > .inner > .img_box {
	width: 100%;
	text-align: center;
	padding-top: 3%;
}
.beginner_category05 .section_box_type02 > .inner > .img_box > img {
	width: 80%;
	height: auto;
}

.beginner_category05 #winter .section_box_type03 > h2 {
	background-color: #00ACFF;
}
.beginner_category05 .section_box_type03 > .inner {
	display: block;
}
.beginner_category05 .section_box_type03 > .inner > div {
	display: block;
}
.beginner_category05 .section_box_type03 > .inner > div.text_box > p {
	font-size: 3.8vw;
	padding: 0 .3em;
}
.beginner_category05 .section_box_type03 > .inner > div.img_box {
	width: 100%;
	text-align: center;
	padding-top: 3%;
}
.beginner_category05 .section_box_type03 > .inner > div.img_box > img {
	width: 80%;
	height: auto;
}





.beginner_category06 {
	min-width: 100%;
	background-color: #fff;
	padding: 30px 2% 60px 2%;
}
.beginner_category06 > .inner {
	width: 100%;
}
.beginner_category06 > .inner > h1 {
	display: block;
	text-align: center;
	margin-bottom: 5%;
}
.beginner_category06 > .inner > h1 > span {
	display: block;
}
.beginner_category06 > .inner > h1 > span.img > img {
	width: 40%;
	height: auto;
}
.beginner_category06 > .inner > h1 > span.text {
	font-size: 8vw;
	padding-left: 0;
}

.beginner_category06 h2.cate06_subtitle02 {
	font-size: 4vw;
	margin-bottom: 5%;
	padding: .5em .7em;
}
.beginner_category06 h2.cate06_subtitle02 > img {
	width: 11%;
}

.beginner_category06 p {
	font-size: 3.6vw;
	line-height: 1.8;
}
.beginner_category06 .main_area01,
.beginner_category06 .main_area02 {
	margin-bottom: 10%;
}
.beginner_category06 .main_area02 > .main_inner {
	display: block;
}
.beginner_category06 .main_area02 > .main_inner > div {
	display: block;
}
.beginner_category06 .main_area02 > .main_inner > div.text {
	margin-bottom: 6%;
	padding-right: 0;
}
.beginner_category06 .main_area02 > .main_inner > div.img {
	text-align: center;
}
.beginner_category06 .main_area02 > .main_inner > div.img > img {
	width: 90%;
}
.beginner_category06 .main_area03 > .main_inner > div.text {
	margin-bottom: 1em;
}
.beginner_category06 .main_area03 > .main_inner > div.img {
	text-align: center;
}
.beginner_category06 .main_area03 > .main_inner > div.img > img {
	width: 100%;
}





.beginner_category07 {
	min-width: 100%;
	padding: 6% 2% 10% 2%;
}
.beginner_category07 > p {
	font-size: 4vw;
}
.beginner_category07 > a {
	display: inline-block;
	width: 100%;
	font-size: 6vw;
	padding: .8em .5em;
}
.beginner_category07 > a:hover {
	background-color: #e78c23;
}





.beginner_category08 {
	min-width: 100%;
	padding: 0 0 55 0;
}

.beginner_category08 .section_title {
	margin-bottom: 8%;
	padding: 0 2%;
}
.beginner_category08 .section_title h1 {
	font-size: 8vw;
	margin-bottom: .4em;
}
.beginner_category08 .section_title .text01 {
	font-size: 4.4vw;
	margin-bottom: .8em;
}
.beginner_category08 .section_title .text02 {
	font-size: 4.6vw;
}
.beginner_category08 .section_title .text02 span.img {
	width: 18%;
}
.beginner_category08 .section_title .text02 span.img > img {
	width: 100%;
	height: auto;
}

.beginner_category08 .section_list {
	margin-bottom: 5%;
	padding: 12% 2%;
}
.beginner_category08 .section_list .inner {
	display: block;
	width: 100%;
	text-align: center;
}
.beginner_category08 .section_list .list {
	margin-bottom: 6%;
}
.beginner_category08 .section_list .list > ul {
	display: inline-block;
}
.beginner_category08 .section_list .list > ul > li {
	font-size: 6vw;
	text-align: left;
}
.beginner_category08 .section_list .img img {
	width: 60%;
	height: auto;
}

.beginner_category08 .section_example {
	display: block;
	width: 100%;
	margin: 0 auto 5% auto;
}
.beginner_category08 .section_example > .box {
	text-align: center;
}
.beginner_category08 .section_example > .box+.box {
	margin-top: 8%;
}
.beginner_category08 .section_example > .box > h2 {
	width: 70%;
	font-size: 5vw;
	margin: 0 auto 0.3em auto;
}
.beginner_category08 .section_example > .box > .img_box {
	width: 70%;
	margin: 0 auto;
}
.beginner_category08 .section_example > .box > .img_box img {
	width: 100%;
	height: auto;
}

.beginner_category08 .section_result {
	width: 100%;
	margin: 0 auto 14% auto;
	padding: 0 2%;
}
.beginner_category08 .section_result > p {
	display: inline-block;
	font-size: 6.2vw;
	text-align: center;
}

.beginner_category08 .section_img {
	width: 100%;
	padding: 0 2%;
}
.beginner_category08 .section_img > img {
	width: 100%;
	height: auto;
}





#questionnaire #common__page__title01 {
	margin-bottom: 10%;
}
#questionnaire #common__page__title01 h1 {
	margin-bottom: 4%;
}
#questionnaire #common__page__title01 p {
	font-size: 3vw;
}
#questionnaire .section {
	width: 100%;
}
#questionnaire .section h2 {
	margin-bottom: 4%;
	padding: .8em 1em .8em 1.5em;
}
#questionnaire .section h2 > span.main {
	font-size: 4vw;
}
#questionnaire .section.ques_list {
	font-size: 3.2vw;
}

#questionnaire .section_pdf_down {
	font-size: 3vw;
	border: 3px solid #e2e2e2;
	border-radius: 6px;
	margin-top: 6%;
	padding: 1em;
}
#questionnaire .section_pdf_down .detail_icon {
	display: none;
}
#questionnaire .section_pdf_down .btn_main {
	width: 100%;
}
#questionnaire .section_pdf_down .btn_main a {
	width: 100%;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
	background-color: #31b73b;
	border-radius: .2em;
	padding: .6em 1em;
}
#questionnaire .section_pdf_down .btn_main a .icon {
	font-size: 2.6em;
	margin-left: .3em;
}
#questionnaire .section_pdf_down .btn_main a .text {
	text-align: center;
}
#questionnaire .section_pdf_down .btn_main a:hover {
	background-color: #31b73b;
}





/* 20210322 add */
.professional__contents > .effect_area > .inner.before_after.ba_type01 .ba_text p {
	font-size: 3.2vw;
}





/* 20230227 add コラム */
#column .page__title {
	margin-bottom: 4%;
}
#column .page__title h1 {
	width: 100%;
	font-size: 4vw;
}

#column .common__contents__section .contents__catch__block {
	font-size: 3.6vw;
	margin-bottom: 4%;
}

#column .common__contents__section .main__block__box {
	flex-direction: column-reverse;
	padding-top: 6%;
}
#column .common__contents__section .main__block__box+.main__block__box {
	margin-top: 6%;
}
#column .common__contents__section .main__block__box:last-of-type {
	padding-bottom: 6%;
}
#column .common__contents__section .main__block__box .img {
	width: 65%;
	margin: 4% auto 0;
}
#column .common__contents__section .main__block__box .text {
	width: 100%;
	font-size: 3.3vw;
	padding: 0;
}
#column .common__contents__section .main__block__box .text .text__main {
	font-size: 1em;
}





/* 20251020 add */
.sp__scroll {
	overflow-x: scroll;
}
.sp__scroll .sp__scroll__main {
}





}
/* ---------------------------------------------------------------------------------- */