@charset "UTF-8";
/*!*
	--------------------------------
	Created: 2018.01.15
	Last Modified:
	--------------------------------
	- Table of Contents -
	初期化
	--------------------------------
*!*/

/*!* -------------------------------
	product feature image
------------------------------- *!*/
.content.usability .block_head{-webkit-box-sizing:border-box;box-sizing:border-box}
.content.usability .block_head .container{position:relative}
.content.usability .block_head__wrap{padding-top:50px;padding-bottom:50px;background-color:#ececec}
.content.usability .block_head__catch span{display:inline-block;font-size:1.25em;font-weight:bold}
.content.usability .block_head__title{padding-right: 210px;font-size:2.25em;font-weight:bold;padding-top:10px}
.content.usability .block_head__title span{font-size:0.45em;font-weight:bold}
.content.usability .block_head__image{position:absolute;right:30px;top:-32px;z-index:10}
.content.usability .block_head__image img{max-width: 128px;}
.content.usability .lead{text-align:center;padding-top:40px;}
.content.usability .lead .products_text{font-size:1.25em;line-height:1.6em}
.content.usability #section01{margin-top: 50px;}
.content.usability #section01 .section_headtext{margin-top:30px}
.content.usability #section01 .note{display:inline-block;text-align:left}
.content.usability #section01_01 .products_has_2col{max-width:1280px;width:100%;margin-left:auto;margin-right:auto}
.content.usability #section01_01 .products_has_2col .col .num_list{position:relative;padding-left:85px}
.content.usability #section01_01 .products_has_2col .col .num_list .num{position:absolute;left:0;display:inline-block;border:2px solid #cc0000;border-radius: 50%;line-height:1.2em;color:#cc0000;font-size:2.25em;padding:12px 22px 11px}
.content.usability #section01_01 .products_has_2col .col .num_list .emphasis_label{font-size:1.25em;padding-top:5px}
.content.usability #section01_01 .products_has_2col .col .num_list .emphasis_label+.products_text{margin-top:10px}
.content.usability .function_list_secrtion{overflow:hidden;margin-top:35px}
.content.usability .function_list_container{margin:0 -2.829%}
.content.usability .function_list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.content.usability .function_list>li{-webkit-flex-basis:21.553%;-ms-flex-preferred-size:21.553%;flex-basis:21.553%;max-width:21.553%;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #CCC;padding-left:30px;padding-top:10px;margin-left:2.678%}
.content.usability .function_list>li+.is_2col{-webkit-flex-basis:calc(43.106% + 40px);-ms-flex-preferred-size:calc(43.106% + 40px);flex-basis:calc(43.106% + 40px);max-width:calc(43.106% + 40px);padding-right:10px}
.content.usability .function_list>li:nth-of-type(n+5){margin-top:30px}
.content.usability .function_list .heading{font-size:1.125em;font-weight:700;margin-left:calc(-2em - 8px);margin-bottom:10px}
.content.usability .function_list .sub_heading{font-size:.75em;color:#333;font-weight:400;margin-left:8px}
.content.usability .function_list .img{margin-top:16px}
.content.usability .function_list .add{font-weight:700}
.content.usability .function_list .note{font-size:.75em;color:#777;margin-top:16px}
.content.usability .function_list>li{counter-increment:li_heading}
.content.usability .function_list>li .heading:before{content:counter(li_heading);color:#CF1010;margin-right:8px;width:2em;display:inline-block;text-align:right}
.content.usability #section01_01 .products_has_4col+.note{display:inline-block;text-align:right}
.content.usability #section01_01 .section_innerblock{background-color:#f0fbff;padding:30px 5em 80px;margin-top:40px}
.content.usability #section01_01 .section_innerblock .innerblock_head{display:inline-block;line-height:1.2em;color:#fff;font-size:1.75em;font-weight:bold;background-color:#37bef0;border-radius:50%;padding:8px 15px 8px 14px}
.content.usability #section01_01 .section_innerblock .products_has_2col{max-width:100%;align-items:center;margin-top:15px}
.content.usability #section01_01 .section_innerblock .products_has_2col .products_has_2col .col{width:27%}
.content.usability #section01_01 .section_innerblock .products_has_2col .products_has_2col .col+.col{width:68%;margin-left:5%}
.content.usability #section01_01 .section_innerblock .products_has_2col .products_has_2col .col .products_img{margin-top:0}
.content.usability #section01_01 .section_innerblock .products_has_2col .products_has_2col .col .products_text{color:#37bef0}
.content.usability #section01_01 .section_innerblock .products_has_2col .products_has_2col .col .emphasis_label{font-size:1.25em;color:#37bef0;margin-top:5px}
.content.usability #section01_01 .section_innerblock+.emphasis_label{margin-top:55px}
.content.usability #section02 .note{display:inline-block;text-align:left;}
.content.usability #section02 .section_head_note{margin-top:20px}
.content.usability #section02 .section_head_note+.products_text_wrap{margin-top:20px;text-align:center}
.content.usability #section02 .products_text_wrap+.emphasis_label{margin-top:55px}
.content.usability #section02 .caption_image{max-width:350px;width:100%;margin-left:auto;margin-right:auto}
.content.usability #section02 .top_line{border-top:1px solid #707070;padding-top:55px;margin-top:55px}
.content.usability #section02 .notice{font-size:0.75em;margin-top:20px}
.content.usability #section02 .square_list{font-size:0.75em;padding-top:0.5em}
.content.usability #section02_01 .caption_image{max-width:750px;width:100%;margin-left:auto;margin-right:auto;text-align:center}
.content.usability #section02_01 .caption_image .note{text-align:center}
.content.usability #section02_01 .caption_image+.emphasis_label{margin-top:55px}
.content.usability #section02_01 .section_table{margin-top:30px}
.content.usability #section02_01 .section_table .basic_table th{text-align:center}
.content.usability #section02_01 .section_table .basic_table td{vertical-align:middle}
.content.usability #section02_01 .section_table .basic_table td .products_text{text-align:left}
.content.usability #section02_01 .section_table .square_list{font-size:1em}
.content.usability #section02_02 .section_innerblock{background-color:#f2f2f2;text-align:center;padding:30px 0;margin-top:50px}
.content.usability #section02_02 .section_innerblock .note{margin-top:10px}
.content.usability #section02_02 .section_innerblock .products_button_wrap{margin-top:10px}
.content.usability #section02_02 .products_has_2col .col .products_img+.products_text {margin-top:10px}

@media only screen and (max-width:767px){
.content.usability .block_head .container{padding:0}
.content.usability .block_head__title{padding:4%;font-size:1.63em;text-align:center}
.content.usability .block_head__catch{padding:0 4%;text-align:center}
.content.usability .block_head__catch span{font-size:1.13em}
.content.usability .block_head__title span{font-size:0.62em;}
.content.usability .block_head__wrap{padding-top:24px;padding-bottom:8px}
.content.usability .block_head__image{position:static;text-align:center;margin-bottom:20px}
.content.usability .block_head__image img{max-width: 118px;}
.content.usability .lead .products_text{font-size:1.13em}
.content.usability #section01_01 .products_has_2col .col .num_list{padding-left:60px}
.content.usability #section01_01 .products_has_2col .col .num_list .num{font-size:1.57em;padding:8px 15px}
.content.usability #section01_01 .products_has_2col .col .num_list .emphasis_label{font-size:1.13em}
.content.usability #section01_01 .products_has_2col .col+.col{margin-top:30px}
.content.usability .function_list_container{margin:auto}
.content.usability .function_list{display:block}
.content.usability .function_list>li{max-width:100%}
.content.usability .function_list>li+.is_2col{max-width:100%;padding-right:0}
.content.usability .function_list>li+li{margin-top:20px}
.content.usability .function_list>li{margin-left:0;padding-left:30px}
.content.usability .function_list>li:nth-of-type(n+5){margin-top:20px}
.content.usability .function_list .heading{font-size:1em;margin-bottom:8px}
.content.usability .function_list .sub_heading{display:block;margin-left:30px;margin-top:6px}
.content.usability .function_list .desc{font-size:.875em}
.content.usability .function_list .img{margin-top:10px}
.content.usability .function_list .add{font-size:.875em;margin-top:8px}
.content.usability .function_list .note{margin-top:8px}
.content.usability #section01_01 .section_innerblock{padding:30px 15px 40px}
.content.usability #section01_01 .section_innerblock .innerblock_head{font-size:1.07em;padding:6px 10px}
.content.usability #section01_01 .section_innerblock+.emphasis_label{margin-top:35px}
.content.usability #section01_01 .section_innerblock .products_has_2col .products_has_2col .col{width:100%}
.content.usability #section01_01 .section_innerblock .products_has_2col .products_has_2col .col+.col{width:100%;margin-left:0;text-align:center}
.content.usability #section01_01 .section_innerblock .products_has_2col .products_has_2col .col .products_img img{max-width:128px;width:100%}
.content.usability #section01_01 .section_innerblock .products_has_2col .products_has_2col+.products_has_2col .col .products_img img{max-width:136px;width:100%}
.content.usability #section01_01 .section_innerblock .products_has_2col .products_has_2col .col .emphasis_label{font-size:1.13em}
.content.usability #section02 .align_right+.products_text_wrap{text-align:left}
.content.usability #section02 .products_text_wrap+.emphasis_label{margin-top:35px}
.content.usability #section02 .top_line{padding-top:35px;margin-top:35px}
.content.usability #section02 .notice{margin-top:25px}
.content.usability #section02 .products_img{padding: 0 5%;}
.content.usability #section02 .sp_swipe{margin-top:25px}
.content.usability #section02 .sp_swipe:after{display: none;}
.content.usability #section02 .sp_swipe .products_img{margin-top:25px;padding: 0;}
.content.usability #section02 .sp_swipe_inner .products_img img{max-width:680px}
.content.usability #section02_01 .sp_swipe_inner .products_img img{max-width:580px}
.content.usability #section02_01 .products_text.align_center{text-align: left;}
.content.usability #section02_02 .products_has_2col .col{margin-top:30px}
.content.usability #section02_02 .section_innerblock{padding:30px 15px;margin-top:30px}
.content.usability #section02_02 .products_img{padding: 0 15%;}
.content.usability #section02_02 .section_innerblock .emphasis_label{font-size: 1.13em;}
.content.usability #section02_02 .button a {padding: 10px 20px 10px 35px;}
}