@charset "UTF-8";
/* =================================================================== use toppage =================================================================== */
/* CSS Document */
/* 画像サイズ調整 ---------------------------------------------------------------------------*/
/* フォントサイズ調整 ---------------------------------------------------------------------------*/
/* ブレークポイント ---------------------------------------------------------------------------*/
/*_____ font weight _______________*/
/*---------------------------------------------------------------------------*/
/* =================================================================== use second page =================================================================== */
.contents { overflow: hidden; min-width: 1200px; }
.top_area .inner { width: 885px; padding-left: 135px; }
.products .products_inner { width: 1215px; margin: 0 auto; /* For IE 6/7 only */ *zoom: 1; }
.products .products_inner:before, .products .products_inner:after { content: ' '; display: table; }
.products .products_inner:after { clear: both; }
.right_menu { width: 209px; margin-top: -136px; background: #fff; position: fixed; float: left; z-index: 1; }
.right_menu::before { position: absolute; content: ""; background: #fff; width: 10000px; height: 100%; top: 0; left: -10000px; }
.right_menu::after { position: absolute; content: ""; background: #e8e8e8; width: 1px; height: 100000px; top: 0; right: 0; }
.right_menu ul { margin-top: 30px; }
.right_menu ul li { overflow: hidden; margin-bottom: 45px; }
.right_menu ul li a { font-size: 1.6rem; width: 125px; text-align: center; line-height: 18px; letter-spacing: 1px; padding: 30px 25px 31px; display: inline-block; border-bottom: 7px solid #e8e8e8; position: relative; }
.right_menu ul li a::after { position: absolute; content: ""; height: 7px; width: 125px; left: -100%; bottom: -7px; background: #62d5ff; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; }
.right_menu ul li a:hover, .right_menu ul li a.active { opacity: 1; }
.right_menu ul li a:hover:after, .right_menu ul li a.active:after { left: 0; }
.product_content { margin-left: 210px; padding-left: 90px; position: relative; }
.product_content.index { padding-left: 85px; }
.product_content.index .content_index .list_infomation { margin-top: 51px; display: table; width: 100%; }
.product_content.index .content_index .list_infomation > * { display: table-cell; vertical-align: middle; }
.product_content.index .content_index .list_infomation ul.parent { vertical-align: top; }
.product_content.index .content_index .list_infomation ul.parent li { padding-left: 18px; font-size: 1.4rem; position: relative; margin-bottom: 18px; }
.product_content.index .content_index .list_infomation ul.parent li p { line-height: 1.4; display: inline-block; }
.product_content.index .content_index .list_infomation ul.parent li p a { border-bottom: 1px solid; }
.product_content.index .content_index .list_infomation ul.parent li p a:hover { border-color: transparent; }
.product_content.index .content_index .list_infomation ul.parent li:before { position: absolute; content: ""; height: 11px; width: 11px; background: #27408c; left: 0; top: 5px; }
.product_content.index .content_index .list_infomation ul.parent li ul.child li { margin-bottom: 0; border-bottom: none; padding-left: 0; line-height: 20px; font-size: 1.2rem; }
.product_content.index .content_index .list_infomation ul.parent li ul.child li:before { display: none; }
.product_content.index .content_index .list_infomation ul.parent:nth-child(1) { width: 222px; }
.product_content.index .content_index .list_infomation ul.parent:nth-child(2) { width: 247px; }
.product_content.index .content_index .list_infomation ul.parent:nth-child(3) { width: 215px; }
.product_content.index .content_index .index_box { margin-top: 63px; overflow: hidden; }
.product_content.index .content_index .index_box .index_ttl { font-size: 2rem; padding: 0 0 15px 23px; position: relative; border-bottom: 1px solid; margin: 0 0 20px 0; }
.product_content.index .content_index .index_box .index_ttl:before { position: absolute; content: ""; height: 11px; width: 11px; background: #27408c; left: 0; top: 10px; }
.product_content.index .content_index .index_box .box_inner { margin: 23px 0 0 25px; }
.product_content.index .content_index .index_box .box_inner .bottom_thumb { padding: 40px 0 110px 2px; }
.product_content.index .content_index .index_box .box_inner p { font-size: 1.6rem; }
.product_content.index .content_index .index_box .box_inner p.pad { padding-top: 14px; }
.product_content.index .content_index .index_box .box_inner p.tt_box { font-size: 1.8rem; }
.product_content.index .content_index .index_box .box_inner .enti_ar { display: inline-block; padding: 0 12px; }
.product_content.index .content_index .index_box .box_inner .big_size { font-size: 1.8rem; }
.product_content.index .content_index .index_box .box_inner ul { margin: 15px 0 0; }
.product_content.index .content_index .index_box .box_inner ul li { padding-left: 20px; font-size: 1.4rem; position: relative; line-height: 26px; }
.product_content.index .content_index .index_box .box_inner ul li:before { position: absolute; content: ""; width: 3px; height: 3px; -moz-border-radius: 50%; border-radius: 50%; background: #000; top: 12px; left: 6px; }
.product_content.index .content_index .index_box .box_inner .box_gallery { margin: 37px 0 10px 5px;}
.product_content.index .content_index .index_box .box_inner .box_gallery > * { display: table-cell; vertical-align: top; }
.product_content.index .content_index .index_box .box_inner .box_gallery.box_two { margin: 24px 0 16px 5px; }
.product_content.index .content_index .index_box .box_inner .box_gallery .left, .product_content.index .content_index .index_box .box_inner .box_gallery .right { display: inline-block; width: 366px; }
.product_content.index .content_index .index_box .box_inner .box_gallery .left { margin-right: 49px; }
.product_content.index .content_index .index_box .box_inner .box_gallery .subttl { font-size: 1.6rem; padding-left: 20px; font-weight: 400; position: relative; margin-bottom: 10px; }
.product_content.index .content_index .index_box .box_inner .box_gallery .subttl:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 14px 8px 0 8px; border-color: #000000 transparent transparent transparent; left: 0; top: 7px; }
.product_content.index .content_index .index_box .box_inner .small { font-size: 1.4rem; line-height: 26px; }
.product_content.index .content_index .index_box .box_inner .small span { display: block; margin-bottom: 26px; }
.product_content.index .content_index .index_box .box_inner .center { text-align: center; }
.product_content.index .content_index .index_box .box_inner .input_system { margin: 45px 0 17px; }
.product_content.index .content_index .index_box .box_inner .creation_system { /*overflow: hidden;*/ margin-top: 40px; position: relative; }
.product_content.index .content_index .index_box .box_inner .creation_system .step_1, .product_content.index .content_index .index_box .box_inner .creation_system .step_2, .product_content.index .content_index .index_box .box_inner .creation_system .step_3 { overflow: hidden; width: 390px; float: left; margin-bottom: 30px; }
.product_content.index .content_index .index_box .box_inner .creation_system .step_1 .step_ttl, .product_content.index .content_index .index_box .box_inner .creation_system .step_2 .step_ttl, .product_content.index .content_index .index_box .box_inner .creation_system .step_3 .step_ttl { color: #fff; background: #27408c; height: 39px; line-height: 39px; text-align: center; font-size: 1.8rem; vertical-align: middle; }
.product_content.index .content_index .index_box .box_inner .creation_system .step_1 .step_ttl span, .product_content.index .content_index .index_box .box_inner .creation_system .step_2 .step_ttl span, .product_content.index .content_index .index_box .box_inner .creation_system .step_3 .step_ttl span { font-size: 1.4rem; vertical-align: middle; display: inline-block; margin: 0 0 5px 10px; }
.product_content.index .content_index .index_box .box_inner .creation_system .step_1 .step_content, .product_content.index .content_index .index_box .box_inner .creation_system .step_2 .step_content, .product_content.index .content_index .index_box .box_inner .creation_system .step_3 .step_content { padding: 30px 40px; background: #d9def8; }
.product_content.index .content_index .index_box .box_inner .creation_system .step_1 .step_content p, .product_content.index .content_index .index_box .box_inner .creation_system .step_2 .step_content p, .product_content.index .content_index .index_box .box_inner .creation_system .step_3 .step_content p { font-size: 1.8rem; line-height: 26px; margin: 20px 0 7px; font-weight: 700; }
.product_content.index .content_index .index_box .box_inner .creation_system .step_1 .step_content span, .product_content.index .content_index .index_box .box_inner .creation_system .step_2 .step_content span, .product_content.index .content_index .index_box .box_inner .creation_system .step_3 .step_content span { font-size: 1.4rem; display: block; padding-left: 19px; line-height: 19px; letter-spacing: -1.5px; }
.product_content.index .content_index .index_box .box_inner .creation_system .step_1 .step_content span:last-child, .product_content.index .content_index .index_box .box_inner .creation_system .step_2 .step_content span:last-child, .product_content.index .content_index .index_box .box_inner .creation_system .step_3 .step_content span:last-child { font-size: 1.2rem; margin-top: 5px; }
.product_content.index .content_index .index_box .box_inner .creation_system .step_1 .step_content figure, .product_content.index .content_index .index_box .box_inner .creation_system .step_2 .step_content figure, .product_content.index .content_index .index_box .box_inner .creation_system .step_3 .step_content figure { padding: 0 5px; }
.product_content.index .content_index .index_box .box_inner .creation_system .step_1 { margin-right: 82px; }
.product_content.index .content_index .index_box .box_inner .creation_system .step_3 { float: none; margin: 0 auto; }
.product_content.index .content_index .index_box .box_inner .creation_system .step_3 .step_ttl { background: #e96b6b; }
.product_content.index .content_index .index_box .box_inner .creation_system .step_3 .step_content { background: #f2d6d6; }
.product_content.index .content_index .index_box .box_inner .creation_system .connection { position: absolute; right: 410px; top: 130px; z-index: -1; }
.product_content.index .content_index .index_box .box_inner .analysis_system { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 40px; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_ttl { font-size: 1.6rem; font-weight: 500; margin-bottom: 17px; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box { width: 220px; min-height: 75px; text-align: center; margin-right: 51px; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box .box_content { padding: 39px 33px 25px; -moz-border-radius: 20px; border-radius: 20px; position: relative; min-height: 243px; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box .box_content figure { padding-bottom: 35px; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box .box_content:after, .product_content.index .content_index .index_box .box_inner .analysis_system .system_box .box_content:before { position: absolute; content: ""; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box .box_content p { font-size: 1.4rem; line-height: 22px; text-align: left; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box .box_content ul { display: table; margin: 0 auto; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box .box_content ul li { text-align: left; font-size: 1.4rem; line-height: 22px; padding-left: 12px; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box .box_content .txt { margin-top: 27px; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box .box_content .txt .rought_btn { width: 100%; background: #fff; -moz-border-radius: 30px; border-radius: 30px; padding: 6px 10px; line-height: 17px; text-align: center; border: 2px solid #474342; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box:nth-child(1) .box_content { background: #d9def8; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box:nth-child(1) .box_content:after { height: 5px; width: 51px; right: -51px; background: #231815; top: 50%; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box:nth-child(2) .box_content { padding-bottom: 14px; background: #f2d6d6; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box:nth-child(2) .box_content:after { height: 5px; width: 31px; right: -31px; background: #231815; top: 50%; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box:nth-child(3) .box_content { padding: 39px 21px 14px; background: #d9edf5; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box:nth-child(3) .box_content:before { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 2px; left: -20px; width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 13px; border-color: transparent transparent transparent #000000; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box:nth-child(3) .box_content p { text-align: center; margin-top: 7px; }
.product_content.index .content_index .index_box .box_inner .analysis_system .system_box:nth-child(3) .box_content figure { padding-bottom: 0; }
.product_content.api { padding-left: 64px; padding-bottom: 327px; }
.product_content.api .api_content p { font-size: 1.6rem; line-height: 29px; margin-top: 55px; padding-left: 25px; letter-spacing: 1px; }
.product_content.api .api_inner { display: table; width: 100%; margin-top: 30px; }
.product_content.api .api_inner > * { display: table-cell; vertical-align: middle; }
.product_content.api .api_inner figure:nth-child(1) { width: 310px; }
.product_content.api .api_inner .red_arrow { width: 160px; position: relative; }
.product_content.api .api_inner .red_arrow p { font-size: 2.2rem; display: block; margin-top: 0; padding: 0; text-align: center; position: absolute; left: 0; right: 0; margin: 0 auto; text-indent: -5px; }
.product_content.api .api_inner .red_arrow p:first-child { top: 52px; }
.product_content.api .api_inner .red_arrow p:last-child { bottom: 62px; }
.product_content.api .api_inner .red_arrow figure { margin: 40px 0; padding-bottom: 10px; }
.product_content.environment { margin-bottom: 85px; }
.product_content.price { padding-left: 130px; }
.product_content.price .price_content { /*padding: 91px 132px 0 6px;*/ }
.product_content.price .price_content .top_price { width: 100%; font-size: 0; margin-top: 90px; }
.product_content.price .price_content .top_price .price_title { display: inline-block; width: 410px; text-align: center; color: #fff; font-size: 1.8rem; padding: 7px 0 8px; letter-spacing: 2px; }
.product_content.price .price_content .top_price .price_title:first-child { background: #869ad9; margin-right: 18px; }
.product_content.price .price_content .top_price .price_title:last-child { background: #27408c; }
.product_content.price .price_content .mid_price { width: 100%; font-size: 0; margin-top: 15px; }
.product_content.price .price_content .mid_price .price_box { display: inline-block; width: 410px; text-align: center; background: #f5f5f5; padding: 22px 0; }
.product_content.price .price_content .mid_price .price_box:first-child { margin-right: 18px; }
.product_content.price .price_content .mid_price .price_box .price_number { font-family: 'Heebo', sans-serif; font-size: 4.1rem; line-height: 41px; color: #ea4747; font-weight: 500; }
.product_content.price .price_content .mid_price .price_box .plus { margin: 9px 0 5px; font-size: 2.2rem; font-weight: 700; line-height: 29px; }
.product_content.price .price_content .mid_price .price_box .service { font-size: 2rem; font-weight: 900; }
.product_content.price .price_content .detail_price { overflow: hidden; margin-top: 43px; display: inline-block; }
.product_content.price .price_content .detail_price p { float: left; min-height: 56px; border-left: 9px solid; border-right: 9px solid; border-top: 6px solid; border-bottom: 6.5px solid; font-weight: 400; border-color: #fff; text-align: center; background: #f5f5f5; padding: 7px 0 3px; font-size: 1.6rem; }
.product_content.price .price_content .detail_price p:nth-child(4n+1) { width: 365px; border-left: 0; text-align: left; padding-left: 18px; }
.product_content.price .price_content .detail_price p:nth-child(4n+4) { border-right: 0; }
.product_content.price .price_content .detail_price p:nth-child(4n+2), .product_content.price .price_content .detail_price p:nth-child(4n+3), .product_content.price .price_content .detail_price p:nth-child(4n+4) { width: 158px; }
.product_content.price .price_content .detail_price .price_title p { color: #fff; font-size: 1.8rem; padding: 5px 0 0; line-height: 29px; }
.product_content.price .price_content .detail_price .price_title p:nth-child(1), .product_content.price .price_content .detail_price .price_title p:nth-child(4) { background: #9b9b9b; text-align: center; }
.product_content.price .price_content .detail_price .price_title p:nth-child(2) { background: #869ad9; }
.product_content.price .price_content .detail_price .price_title p:nth-child(3) { background: #27408c; }
.product_content.price .price_content .detail_price .price_title, .product_content.price .price_content .detail_price .price_rows { /* For IE 6/7 only */ *zoom: 1; }
.product_content.price .price_content .detail_price .price_title:before, .product_content.price .price_content .detail_price .price_title:after, .product_content.price .price_content .detail_price .price_rows:before, .product_content.price .price_content .detail_price .price_rows:after { content: ' '; display: table; }
.product_content.price .price_content .detail_price .price_title:after, .product_content.price .price_content .detail_price .price_rows:after { clear: both; }
.product_content.price .price_content .detail_price .price_rows span { padding-right: 2px; }
.product_content.price .price_content .bot_price { border: 1px solid #5266a3; padding: 20px 35px 22px 20px; width: 840px; margin: 37px 0 18px; }
.product_content.price .price_content .bot_price ul li { position: relative; }
.product_content.price .price_content .bot_price ul li p { display: inline-block; min-width: 265px; vertical-align: middle; font-size: 14px; line-height: 28px; margin-right: 15px; }
.product_content.price .price_content .bot_price ul li p.dashed:before { position: absolute; content: ""; height: 1px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 435px; z-index: -1; border-top: 1px dotted; }
.product_content.price .price_content .bot_price ul li p span { display: inline-block; position: relative; background: #fff; overflow: hidden; vertical-align: top; padding: 0 15px; z-index: 1; }
.product_content.price .price_content .bot_price ul li p span.small { padding-left: 0; margin-left: 128px; top: -2px; }
.product_content.price .price_content .bot_price ul li p span.big { font-size: 1.8rem; font-weight: 700; position: absolute; top: 0; right: 375px; min-width: 117px; text-align: right; }
.product_content.price .price_content .bot_price ul li p span i { font-style: normal; display: inline-block; margin-right: 15px; }
.product_content.price .price_content .last_p { padding-left: 38px; margin-bottom: 145px; }
.product_content .data_list { margin: 5px 0 30px; }
.product_content .data_list dl { display: table; width: 100%; padding: 30px 0; border-bottom: 1px solid #e8e8e8; letter-spacing: 1px; }
.product_content .data_list dl > * { display: table-cell; vertical-align: middle; }
.product_content .data_list dl:first-child { padding: 30px 0 36px; }
.product_content .data_list dl dt { font-size: 1.6rem; width: 182px; padding-left: 45px; }
.product_content .data_list dl dd { font-size: 1.4rem; line-height: 29px; }
.product_content .data_list dl dd .title { width: 120px; display: inline-block; position: relative; }
.product_content .data_list dl dd .title:after { position: absolute; content: ":"; right: 17px; top: -2px; }
.product_content .data_list dl .non_dot { margin-top: 5px; }
.product_content .data_list dl .non_dot li { font-size: 1.2rem; line-height: 19px; padding-left: 22px; letter-spacing: .5px; }
.product_content .data_list dl .dot_ul li { padding-left: 22px; position: relative; letter-spacing: 1px; }
.product_content .data_list dl .dot_ul li::before { position: absolute; content: ""; height: 3px; width: 3px; -moz-border-radius: 50%; border-radius: 50%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 6px; background: #000; }
.product_content .data_list dl .dot_ul li .small { font-size: 1.2rem; }
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .product_content.index .content_index .index_box .box_inner .analysis_system .system_box:nth-child(3) .box_content:before { margin-top: 3px; } }