@charset "UTF-8";
/*!*
	--------------------------------
	Created: 2018.01.15
	Last Modified:
	--------------------------------
	- Table of Contents -
	初期化
	--------------------------------
*!*/
.content.setting .before{position: relative}
.content.setting .before:after{ position: absolute; bottom: -18%; left: 50%; margin-left: -21px; content: ""; width: 0; height: 0; border-style: solid; border-width: 2em 1.3em 0 1.3em; border-color: #fe7c0c transparent transparent transparent}
.content.setting .built_in_type{ padding: 20px 30px; border: 1px solid #ccc;margin-top: 30px}
.content.setting .products_has_2col .products_img.after:before{content: "";position: absolute; top: 40%; left: -7%; width: 0; height: 0; border-style: solid; border-width: 1.3em 0 1.3em 2em; border-color: transparent transparent transparent #fe7c0c}
.content.setting .products_has_2col .products_img.after{position: relative}
.content.setting .color_text{color: #fe7c0c}
.content.setting .properties_list{margin-top: 75px;margin-bottom:80px;padding-bottom: 20px}
.content.setting .properties_list .products_text+.products_text,
.content.setting .properties_list .note+.products_text{margin-top: 20px}
.content.setting .properties_list .products_text+.note{margin-top: 0}
.content.setting .bg_gray{ background: #f5f5f5; padding: 12px}
.content.setting .match_list{margin-top: 20px}
.content.setting .match_list li{position: relative;padding-left: 2.5em}
.content.setting .match_list li span{position: absolute;left: 0}
.content.setting .matching_block{margin-top: 90px}
.content.setting .matching_block .before:after{top: -60px}
.content.setting .match_list+.products_img.before{padding-top: 70px}
.content.setting .matching_block .products_img.before:after{top: 0}
.content.setting .matching_block .products_img+.products_img.before:after{top: -40px}
.content.setting .matching_block .products_img+.products_img.before{margin-top: 45px}
.content.setting #section01 .subheadline span{font-size: 0.7em;margin-left: 5px}
.content.setting #section01 .products_has_2col>.col{width: 67.915%}
.content.setting #section01 .product_group{display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-end;}
.content.setting #section01 .properties_list {margin-top: 25px}
.content.setting #section01 .product_group .products_img:nth-child(1){width:34.42%; }
.content.setting #section01 .product_group .products_img:nth-child(2){width:58.818%; }
.content.setting #section01 .product_group .products_img:nth-child(3){width:80.974%; }
.content.setting #section01 .product_group .products_img+.products_img{margin-left: 6.726%;}
.content.setting #section01 .product_group .products_img:last-child{margin-left: 0;margin-top: 13px}
.content.setting #section01 .products_has_2col .col + .col .built_in_type{padding: 20px 25px;}
.content.setting #section01 .products_has_2col>.col:nth-child(even){width: 31.393%}
.content.setting #section01 .built_in_type{margin-top: 25px;padding: 35px 9.138% 26px}
.content.setting #section02 .built_in_type .products_has_2col,
.content.setting #section03 .built_in_type .products_has_2col{align-items: center}
.content.setting #section04 .bold{margin-top: 30px}
.content.setting #section04 .bold+.products_text{margin-top: 20px}
.content.setting #section04 .circle_list{font-size: 1em;margin-top: 20px}
.content.setting .products_text.indent_2em{padding-left: 2em}
.content.setting .products_text.has_indent{position: relative}
.content.setting .products_text .indent{position: absolute;left: 0}
.content.setting .built_in_type .products_img{margin-top: 0}
.content.setting .caption_w680{max-width: 680px;margin: 15px auto 0}
.content.setting .caption_situation{padding-left: 14.144vw;}

@media only screen and (max-width:767px){
.content.setting .bg_gray{margin-top: 65px}
.content.setting .products_has_2col .products_img.after{padding-top: 30px}
.content.setting .matching_block .before:after{top: -45px}
.content.setting .match_list+.products_img.before{margin-top: 25px}
.content.setting .match_list+.products_img.before{padding-top: 48px}
.content.setting .products_has_2col .products_img.after:before{ position: absolute; top: -14px; left: 50%; margin-left: -21px; content: ""; width: 0; height: 0; border-style: solid; border-width: 2em 1.3em 0 1.3em; border-color: #fe7c0c transparent transparent transparent}
.content.setting #section01 .products_has_2col>.col,
.content.setting #section01 .products_has_2col>.col:nth-child(even){width: 100%}
.content.setting #section01 .product_group{display: block;padding: 0}
.content.setting #section01 .product_group .products_img:nth-child(1){width:100%;}
.content.setting #section01 .product_group .products_img:nth-child(2){width:100%;}
.content.setting #section01 .product_group .products_img:nth-child(3){width:100%;}
.content.setting #section01 .product_group .products_img+.products_img{margin-left: 0;margin-top: 10px;}
.content.setting #section01 .built_in_type {padding: 20px 0;}
.content.setting #section01 .products_has_2col .col + .col .built_in_type {padding: 20px 0;}
.content.setting .match_list,
.content.setting #section04 .circle_list{font-size: .88em}
.content.setting .built_in_type .products_img.after{margin-top: 20px}
.content.setting .before:after{bottom: -11%}
.content.setting .matching_block {margin-top: 60px}
.content.setting #section04 .subsection{margin-top: 60px}
.content.setting .caption_w680{font-size: .88em}

}