@charset "UTF-8";
.content{font-family:'Noto Sans JP',sans-serif}
.content .roboto{font-family:Roboto,sans-serif}
.content img{vertical-align:top}
.content img:not([width]){max-width:100%;height:auto}
.content sup{font-size:1em;top:-.25em}
.contents-title{text-align:center;line-height:1}
.contents-title img{max-width:100%}
.bg-red{background-color:#c00;color:#fff}
.centering-item{width:100%;text-align:center}
.bg-gray-repet{background-image:url(../img/background_gray.gif);background-repeat:repeat}
.bg-white-repet{background-image:url(../img/background_white.gif);background-repeat:repeat}
.text-red{color:#c00}
.wrap-img img{max-width:100%;height:auto}
.bottom-nav{position:fixed;left:0;bottom:0;width:100%;height:0;z-index:100}
.bottom-nav--static{position:relative}
.pagetop .container,.pagetop--static{position:relative}
.pagetop a{position:absolute;top:-45px;right:13px;display:block;width:45px;height:0;padding-top:45px;background-color:#d0111b;overflow:hidden}
.pagetop a::after,.pagetop a::before{content:'';position:absolute;display:block}
.pagetop a::before{width:2px;height:33px;bottom:0;left:50%;transform:translate(-50%,0);background-color:#fff}
.pagetop a::after{width:15px;height:15px;top:50%;left:50%;border-top:2px solid #fff;border-right:2px solid #fff;transform:translate(0,-5px) rotate(-45deg);transform-origin:0 100%}
.arrow-red-down{position:relative;text-align:center;width:100%;z-index:2}
.arrow-red-down span{display:block;width:0;height:0;text-align:center;margin:0 auto}
.btn-link a{border:1px solid #222;background:#fff;display:inline-block;padding:7px 20px 7px 40px;color:#222;font-weight:400}
.btn-link a span{position:relative}
.btn-link a span::before{content:"";border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #c00;position:absolute;width:7px;height:10px;left:-15px;top:calc(50% - 6px)}
.btn-link a span::after{content:"";border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #fff;position:absolute;width:7px;height:10px;left:-18px;top:calc(50% - 6px)}
.btn-link.btn-link_center a{display:block;text-align:center;margin-left:auto;margin-right:auto}
.btn-link.btn-link_bottom-arr a span::before{content:"";border-top:9px solid #c00;border-left:7px solid transparent;border-right:7px solid transparent;width:9px;height:7px;left:-18px;top:calc(50% - 3px)}
.btn-link.btn-link_bottom-arr a span::after{content:"";border-top:9px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;position:absolute;width:9px;height:7px;left:-18px;top:calc(50% - 6px)}
.site-header{border:none}
.hero-img{background:url(../img/bg_hero_01.jpg) center top repeat-x;text-align:center;color:#fff;background-position:cover;position:relative}
.hero-img-title{font-weight:700}
.hero-img-subtitle{font-weight:700}
.hero-img-pc{margin:62px auto 0}
.intoroduction .intoroduction-copy{text-align:center}
.intoroduction .wrap-img{background-color:#000;text-align:center}
.links-list{list-style:none}
.links-list .links-list-item{background-size:contain}
.links-list .links-list-item a{background-color:#000;display:block;height:100%;position:relative;padding-bottom:50px}
.links-list .links-list-item .wrap-img{position:relative;overflow:hidden}
.links-list .links-list-item .wrap-img::before{content:"";display:block;width:100%;height:0}
.links-list .links-list-item .wrap-img::after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:0 0;background-size:cover}
.links-list .links-list-item .wrap-img .img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}
.links-list .links-list-item .wrap-text{color:#fff;padding:0 24px;position:relative}
.links-list .links-list-item .wrap-text .number{font-weight:700;display:block;line-height:1}
.links-list .links-list-item .wrap-text .small-font{font-size:.8em}
.links-list .links-list-item a:hover{text-decoration:none}
.links-list .links-list-item a::after{content:"";display:block;position:absolute;left:50%;width:0;height:0}
#top-info .list-info{border-top:1px solid #dbdbdb}
#top-info .more .list-info{border-top:none}
#top-info .more{display:none}
#top-info .info{display:flex;border-bottom:1px solid #dbdbdb;align-items:flex-start}
#top-info .info .item1{text-align:center;border:1px solid #222;line-height:1}
#top-info .info .item1.bg-red{border:1px solid #c00;padding-top:2px}
#top-info .info a{color:#222;text-decoration:underline}
.button-toggle{position:relative}
.button-toggle::before{content:"";position:absolute;top:50%;left:0;transform:translate(0,-50%);display:inline-block;width:22px;height:22px;background-color:#222}
.button-toggle .inner{position:relative;display:inline-block;padding-left:30px}
.button-toggle .inner::after,.button-toggle .inner::before{content:"";position:absolute;left:5px;top:50%;transform:translate(0,-50%);display:block;width:12px;height:2px;background-color:#fff}
.button-toggle .inner::before{transform:translate(0,-50%) rotate(90deg);transition:transform .2s linear}
.button-toggle.open .inner::before{transform:translate(0,-50%) rotate(0)}
.wrap-trouble-content{border:2px solid #000;border-top:none;background:#f2f2f2}
.wrap-trouble-content .wrap-trouble-content-head{background-color:#000;text-align:center}
.wrap-trouble-content .btn-link{margin-top:15px}
.wrap-trouble-item{display:flex;flex-direction:column}
.trouble-item .flex{background-color:#f2f2f2;position:relative}
.trouble-item .flex::after{content:'';width:0;height:0;text-align:center;position:absolute;padding-top:0}
.trouble-item .number{background-color:#000;color:#fff;font-weight:700}
.answer-item .flex{background-color:#ffebeb;color:#c00;font-weight:600}
.contact-link{padding:0}
.contact-link a{display:block;text-align:center;background-color:#c00}
.concept .concept-section{background-color:#fff}
.concept .title-area{background-color:#ffebeb;font-weight:700}
.concept .concept-title{line-height:1.5}
.concept .concept-subtitle{line-height:1.5;color:#fff;background-color:#c00}
.concept .concept-subtitle__no{font-weight:400}
.concept-content .col2-flex .wrap-img{flex-shrink:0}
.explanation .explanation-head{font-feature-settings:"palt";border-bottom:1px solid #dbdbdb}
.explanation .explanation-text .indent{display:inline-block;text-indent:-1em;padding-left:1em;margin-left:1em}
.contact-commit{color:#fff;position:relative}
.contact-commit .contact-section{display:flex;align-items:center;background-color:rgba(0,0,0,.3);border:1px solid #4d5052;font-size:22px}
.contact-commit .contact-section.inquire{align-items:normal;padding: 0;}
.contact-commit .inquire .inquire-grig{display:grid;grid-template-columns:minmax(20px, 1fr) auto minmax(20px, 1fr);grid-template-rows:1fr 1fr;align-items:center;width:100%;position:relative}
.contact-commit .inquire .inquire-grig::before{background-color:#4d5052;content:"";position: absolute;top:50%;left:0;width:100%;height:1px}
.contact-commit .inquire .inquire-grig a{color:#fff}
.contact-commit .inquire .inquire-cell{display:grid;grid-template-columns:75px 1fr;align-items:center}
.contact-commit .inquire .inquire-cell>img{grid-column:1/2;height:auto;vertical-align:top}
.contact-commit .inquire .inquire-inner{grid-column:2/3;font-weight:700;line-height:1.25}
.contact-commit .inquire .inquire-tel{grid-column:2/3;grid-row:1/2;pointer-events:none;cursor:default;margin-top:10px}
.contact-commit .inquire .inquire-tel>img{width:56px}
.contact-commit .inquire .inquire-tel .inquire-inner>small{display:block;font-size:calc(16/22*100%)}
.contact-commit .inquire .inquire-tel .inquire-inner>span{display:block;font-size:calc(36/22*100%)}
.contact-commit .inquire .inquire-mail{grid-column:2/3;grid-row:2/3}
.contact-commit .inquire .inquire-mail>img{width:53px}
.contact-commit .inquire .inquire-mail .inquire-inner>span{display:block;font-size:calc(22/22*100%)}
.contact-commit .catalog{display:flex;align-items:center}
.contact-commit .catalog .catalog-img{width:34.109%;flex-shrink:0}
.contact-commit .catalog .catalog-link{list-style:none}
.contact-commit .catalog .catalog-link .catalog-link-item a{display:block;width:100%;display:flex;align-items:center;color:#fff}
.contact-commit .catalog .catalog-link .catalog-link-item a .catalog-link-label{position:relative}
.contact-commit .catalog .catalog-link .catalog-link-item a .catalog-link-label::before{content:"";background:url(../img/arrow_right.svg) 0 0/cover no-repeat;position:absolute;top:5px;left:0;display:block;width:17px;height:22px}
.products-list{list-style:none}
.products-list-item{background:#fff;position:relative}
.products-list-item .wrap-img img{width:100%}
.products-list-item .wrap-text .wrap-title{padding:0 30px 10px;text-align:center;font-weight:700;border-bottom:1px solid #dbdbdb}
.products-list-item .wrap-text .wrap-title .title-series{background:#c00;width:100%;margin-top:-15px;padding:3px;color:#fff;font-size:.938em;z-index:1;position:relative}
.products-list-item .wrap-text .wrap-title .title-item{padding-top:15px;font-size:1.563em;color:#c00}
.products-list-item .wrap-text .wrap-detail{padding:15px 30px 95px}
.products-list-item .wrap-text .wrap-detail .features-title{font-size:1.125em;font-weight:700;margin-bottom:5px}
.products-list-item .wrap-text .wrap-detail .features li{list-style:none;counter-increment:number;display:flex;align-items:flex-start}
.products-list-item .wrap-text .wrap-detail .features li::before{content:counter(number);display:inline-block;background:#c00;margin-top:4px;margin-right:6px;padding:2px 5px;line-height:1;color:#fff;font-size:.813em}
.products-list-item .wrap-text .wrap-detail .features li+li{margin-top:5px}
.products-list-item .wrap-text .wrap-detail .btn-link{position:absolute}
.follow-link{background:#c00}
.follow-link-list{list-style:none}
.follow-link-list li{background:#fff}
.follow-link-list-item{border-radius:4px;padding:9px 4px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;color:#c00!important;font-size:13px;line-height:1.154em;font-weight:700}
.follow-link-list-item:hover{text-decoration:none;opacity:.65}
.animate{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(20px)}
.animate.show{opacity:1;transform:translateY(0);transition-duration:1s}
.content .icon-blank{vertical-align:middle}
.network_endpoints_img{text-align: center;margin-top: 44px;}
#network_endpoint .contents-title .content-sub-title{margin-top: 5px;}
#education .sub-text{text-align:center;font-weight:700}
.education-section+.education-section{margin-top:30px}
.education-section .education-head{border-bottom:1px solid #b0b0b0;font-weight:700}
.education-section .education-list dt{font-weight:700}
.education-section .education-list dd{padding-left:1em}
.education-section .list-style_point{list-style:none;padding-left:1em;text-indent:-1em}
.education-section .education-table{border-collapse:collapse}
.education-section .education-table td,.education-section .education-table th{padding:10px 20px}
.education-section .education-table th{font-weight:400}
.education-section .education-table .cell-black{background:#222;color:#fff}
.education-section .education-table .cell-gray{background:#ebebeb}
.table-wrap{overflow-x:auto}
.table{min-width:700px;border-collapse:collapse;border-spacing:0}
.table thead td,.table thead th{background-color:#222;color:#fff;text-align:center}
.table td,.table th{border:1px solid #b0b0b0}
.table .no{background-color:#ebebeb;text-align:center}
.table .col1{width:7%}
.table .col2{width:20%}
.table .col3{width:20%}
.table .col4{width:18%}
.table .col5{width:35%}
.modal-img{font-weight:700;text-align:center}
.modal-img img{max-width:100%;height:auto}
.modal-title{font-weight:700;border-bottom:1px solid #222;text-align:center}
.modal-section{margin-top:1.5em}
.modal-heading{font-weight:700;margin-bottom:.5em}
.modal-note{list-style:none;margin-top:1.5em}
.modal-note>li{display:flex}
.modal-note>li+li{margin-top:.25em}
.modal-note .marker{margin-right:.5em}
.modal-note .text{flex:1}
html.remodal-is-locked{overflow:hidden;touch-action:none}
.remodal,[data-remodal-id]{display:none}
.remodal-overlay{position:fixed;z-index:9999;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;display:none;background:rgba(0,0,0,.85)}
.remodal-wrapper{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch}
.remodal-wrapper:after{display:inline-block;height:100%;margin-left:-.05em;content:""}
.remodal-overlay,.remodal-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.remodal{position:relative;outline:0;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-align:left;box-sizing:border-box;width:100%;transform:translate3d(0,0,0);color:#2b2e38;background:#fff}
.remodal-is-initialized{display:inline-block}
.remodal-bg.remodal-is-opened,.remodal-bg.remodal-is-opening{filter:blur(3px)}
.remodal-overlay.remodal-is-closing,.remodal-overlay.remodal-is-opening{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.remodal-overlay.remodal-is-opening{-webkit-animation-name:remodal-overlay-opening-keyframes;animation-name:remodal-overlay-opening-keyframes}
.remodal-overlay.remodal-is-closing{-webkit-animation-name:remodal-overlay-closing-keyframes;animation-name:remodal-overlay-closing-keyframes}
.remodal.remodal-is-closing,.remodal.remodal-is-opening{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.remodal.remodal-is-opening{-webkit-animation-name:remodal-opening-keyframes;animation-name:remodal-opening-keyframes}
.remodal.remodal-is-closing{-webkit-animation-name:remodal-closing-keyframes;animation-name:remodal-closing-keyframes}
.remodal,.remodal-wrapper:after{vertical-align:middle}
.remodal-close{position:absolute;display:block;overflow:visible;margin:0;padding:0;cursor:pointer;transition:color .2s;text-decoration:none;color:#95979c;border:1px solid #333;outline:0;background:0 0}
.remodal-close:focus,.remodal-close:hover{color:#2b2e38}
.remodal-close:after,.remodal-close:before{content:"";position:absolute;top:50%;left:50%;display:block;width:25px;height:2px;background-color:#333;border-radius:2px}
.remodal-close:before{transform:translate(-50%,-50%) rotate(45deg)}
.remodal-close:after{transform:translate(-50%,-50%) rotate(-45deg)}
.remodal-cancel,.remodal-confirm{font:inherit;display:inline-block;overflow:visible;min-width:110px;margin:0;padding:12px 0;cursor:pointer;transition:background .2s;text-align:center;vertical-align:middle;text-decoration:none;border:0;outline:0}
.remodal-confirm{color:#fff;background:#81c784}
.remodal-confirm:focus,.remodal-confirm:hover{background:#66bb6a}
.remodal-cancel{color:#fff;background:#e57373}
.remodal-cancel:focus,.remodal-cancel:hover{background:#ef5350}
.remodal-cancel::-moz-focus-inner,.remodal-close::-moz-focus-inner,.remodal-confirm::-moz-focus-inner{padding:0;border:0}
.control_system_img{margin-top: 20px;}
.box-block{background: #000;color: #fff;padding: 20px;}
#lineup_list{display: none;margin-top: 60px;}
.security-block{margin: 40px 0 0;}
.title-security{text-align: center;margin-bottom: 30px;}
.title-security img{max-width: 100%;height: auto;}
.security-button{width: 100%;min-width: 250px;margin: 0 auto;text-align: center;font-size: 1.5em;}
.security-button a{display: block;color: #fff;font-weight: bold;padding: 19px 30px;background: #c00;}
.security-button a{position:relative}
.security-button a::before{content:"";position: absolute;width: 20px;height: 4px;background: #fff;right: 30px;top: 50%;}
.security-button a.active::after{content:"";position: absolute;width: 20px;height: 4px;background: #fff;right: 30px;top: 50%;rotate: 90deg;}
.security-button a.active .close{display: none;}
.security-button a.active .open{display: block;}
.security-button a .close{display: block;}
.security-button a .open{display: none;}
.contents-title .content-sub-title{font-size: 1em;line-height: 1.528;margin-top: 49px;}
.content-sub-title{font-size: 2.125em;font-weight: bold;color: #cc0000;text-align: center;margin-bottom: 14px;}
.content-sub-title span{color: #222222;}
.security-button a:hover{text-decoration: none;}
.title-border{font-size: 1.5em;font-weight: bold;text-align: center;border-bottom: 1px solid #b0b0b0;padding-bottom: 15px;}
.endpoint-block{border-top: 3px solid #cc0000;margin-top: 102px;padding-top: 75px;}
.endpoint-block .endpoint_img{text-align: center;margin-bottom: 7px;}
.app-guard-block{border: 3px solid #cc0000;margin-top: 56px;}
.app-guard-block .app-guard-title span{color: #000000;}
.app-guard-block .col3-block{display: flex;justify-content: space-between;margin-top: 36px;margin-bottom: 60px;}
.app-guard-block .col3-block .col3{width: 32.05%;border: 3px solid #cc0000;}
.app-guard-block .col3-block .col3 .icon-block{background: #cc0000;text-align: center;}
.app-guard-block .col3-block .col3 .icon-block.icon01{padding: 30px 0;}
.app-guard-block .col3-block .col3 .icon-block.icon02{padding: 25px 0;}
.app-guard-block .col3-block .col3 .icon-block.icon03{padding: 33px 0;}
.app-guard-block .col3-block .col3 .icon-text{font-size: 1.125em;font-weight: bold;color: #cc0000;text-align: center;line-height: 1.667;padding: 18px 10px;}
.app-guard-block .title-icon{text-align: center;font-size: 1.5em;font-weight: bold;border-bottom: 1px solid #b0b0b0;margin-bottom: 45px;}
.app-guard-block .title-icon p{margin-top: 5px;padding-bottom: 20px;}
.app-guard-block .app-guard-inner + .app-guard-inner {margin-top: 52px;}
.app-guard-block .app-guard-img{margin-top: 40px;}
@media only screen and (min-width:768px){
.remodal{max-width:1200px}
}
@media only screen and (min-width:768px) and (max-width:800px){
.contact-commit .inquire .inquire-tel .inquire-inner>span{font-size:calc(34/22*100%)}
}
@media print,screen and (min-width:768px){
.container{max-width:1226px;margin:0 auto;padding:0 13px}
.content-section{padding:100px 0}
.content{font-size:1em;line-height:1.75}
.contents-title{font-size:2.25em;margin-bottom:40px}
.contents-title .ja{font-size:.5em}
.btn-link a:hover{background:#c00;color:#fff;text-decoration:none;border:1px solid #c00}
.btn-link a:hover span::before{border-left:10px solid #fff}
.btn-link a:hover span::after{border-left:10px solid #c00}
.btn-link.btn-link_bottom-arr a:hover span::before{border-top:9px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}
.btn-link.btn-link_bottom-arr a:hover span::after{border-top:9px solid #c00;border-left:7px solid transparent;border-right:7px solid transparent}
.hero-img{padding:140px 0 0;margin:30px 0 0}
.hero-img-title{font-size:3.375em;margin-bottom:24px;line-height:1.3;letter-spacing: -0.04em;}
.hero-img-title span{font-size: 0.704em;display: inline-block;line-height: 1.5;margin-bottom: 12px;}
.hero-img-subtitle{font-size:1.25em;line-height:1.9}
.intoroduction{padding-top:1.278%}
.intoroduction .intoroduction-copy{margin-bottom:24px;font-size:2.25em;line-height:1.445}
.intoroduction .intoroduction-text{text-align:center}
.intoroduction .arrow-red-down{margin:43px 0 -43px}
.intoroduction .arrow-red-down span{border-right:56px solid transparent;border-left:56px solid transparent;border-top:76px solid #c00}
.links-list{display:flex;justify-content:space-between;max-width:1440px;padding:0 13px;margin:0 auto}
.links-list .links-list-item{width:23.834%;box-shadow:0 0 16.2px 1.8px rgba(0,0,0,.3)}
.links-list .links-list-item a{transition:.3s ease-out}
.links-list .links-list-item .wrap-img::before{padding-top:93.472%}
.links-list .links-list-item .wrap-img::after{transition:transform .3s ease-out}
.links-list .links-list-item .wrap-img .img{width:88.131%;max-width:297px}
.links-list .links-list-item .wrap-text{transition:.3s ease-out;font-size:1.125em;line-height:1.667;margin-top:-28px}
.links-list .links-list-item .wrap-text .number{margin-bottom:10px;font-size:3.445em}
.links-list .links-list-item a:hover{background-color:#c00}
.links-list .links-list-item a:hover .wrap-img::after{transform:scale(1.1)}
.links-list .links-list-item a::after{border-right:8px solid transparent;border-left:8px solid transparent;border-top:10px solid #fff;bottom:25px}
#links-list-item-01 .wrap-img::after{background-image:url(../img/links_img_01.jpg)}
#links-list-item-02 .wrap-img::after{background-image:url(../img/links_img_02.jpg)}
#links-list-item-03 .wrap-img::after{background-image:url(../img/links_img_03.jpg)}
#links-list-item-04 .wrap-img::after{background-image:url(../img/links_img_04.jpg)}
#top-info{max-width:1000px;margin:84px auto 0;padding-right:13px;padding-left:13px}
#top-info .info{padding:18px 0}
#top-info .info .item{margin-right:24px}
#top-info .info .item1{order:2;min-width:74px;margin-top:2px;padding:4px 8px;font-size:.875em}
#top-info .info .item2{order:1}
#top-info .info .item3{order:3;padding-right:0}
.button-toggle{margin-top:40px}
.wrap-trouble-content{padding-bottom:44px}
.wrap-trouble-content .container{display:flex;margin:24px auto;padding:0 5.677%}
.wrap-trouble-content .wrap-trouble-content-head{margin-bottom:50px}
.wrap-trouble-item{width:48.585%}
.wrap-trouble-item .answer-item-head,.wrap-trouble-item .trouble-item-head{justify-content:center;width:100%;height:47px;margin:12px 0;font-size:1.5em;display:none}
.wrap-trouble-item .trouble-item-head{padding-top:5px}
.wrap-trouble-item .first-child{display:flex}
.wrap-trouble-item .flex{display:flex;align-items:center;flex-grow:1}
.trouble-item .wrap-text{width:61.748%;padding:4.855% 10.292% 4.855% 0}
.trouble-item .flex::after{right:0;border-top:26px solid transparent;border-bottom:26px solid transparent;border-left:39px solid #c00;transform:translateX(50%)}
.trouble-item .flex .icon{flex-shrink:0;width:20.389%;margin-right:4.272%}
.trouble-item .number{flex-shrink:0;font-size:1.563em;margin-right:4.855%;padding:10px 9px;display:flex;height:100%;align-items:center}
.answer-item{margin-left:2.831%}
.answer-item .flex{padding:4.855% 6.991% 4.855% 5.437%}
.answer-item .flex .icon{flex-shrink:0;width:21.287%;margin-right:4.879%}
.contact-link a{margin-top:60px;padding:50px 0;transition:.3s ease-out}
.contact-link a:hover{background-color:#000}
#about .contents-title{margin-bottom:20px}
#about .sub-text{margin-bottom:40px;text-align:center}
#about .arrow-red-down{margin:40px 0}
#about .arrow-red-down span{border-right:52px solid transparent;border-left:52px solid transparent;border-top:68px solid #c00}
.concept .concept-section{border:3px solid #c00}
.concept .concept-section+.concept-section{margin-top:60px}
.concept .title-area{border-bottom:3px solid #c00;display:flex}
.concept .concept-title{padding:3.351% 5.026%;font-size:1.375em;width:74.875%}
.concept .concept-title .em{font-size:1.546em}
.concept .concept-subtitle{display:flex;align-items:center;flex-direction:column;justify-content:center;width:25.126%;padding:30px 15px;font-size:1.8em}
.concept .concept-subtitle__no{font-size:.75em}
.concept-content{padding:3.769% 6.282%}
.concept-content .col2-flex{display:flex;margin-bottom:24px}
.concept-content .col2-flex .wrap-img{width:45.403%;margin:0}
.concept-content .col2-flex .wrap-text{width:50.575%;margin-left:3.832%}
.concept-content .wrap-img{margin:25px 0}
.concept-content .btn-link{margin:25px 0 50px}
.explanation .explanation-head{margin-bottom:15px;padding-bottom:12px}
.explanation .explanation-text+.explanation-head{margin-top:25px}
.contact-commit{padding:90px 0 80px;background:url(../img/bg_contact.jpg) center top/cover}
.contact-commit .container{max-width:1010px;display:flex;justify-content:space-between}
.contact-commit .contact-section{width:48.515%;padding:20px}
.contact-commit .catalog .catalog-link .catalog-link-item+li{margin-top:.25em}
.contact-commit .catalog .catalog-link .catalog-link-item a .catalog-link-label{margin-left:31px;padding-left:22px;font-size:.728em}
.contact-commit .catalog .catalog-link .catalog-link-item a .catalog-link-label.catalog-link-label_head{font-weight:700;font-size:1em}
.contact-commit .catalog .catalog-link .catalog-link-item a .catalog-link-label.catalog-link-label_head::before{top:8px}
.products-list{display:flex}
.products-list+.products-list{margin-top:20px}
.products-list-item{width:32.167%;box-shadow:0 0 5px 1px rgba(0,0,0,.14)}
.products-list-item:not(:first-child){margin-left:1.667%}
.products-list-item .wrap-text .wrap-detail .features li span{font-size:.875em;letter-spacing: 1px;}
.products-list-item .wrap-text .wrap-detail .btn-link{width:calc(100% - 60px);bottom:30px}
.follow-link{position:fixed;right:0;top:150px;border-radius:4px 0 0 4px;padding:4px 4px 0}
.follow-link-list li{border-radius:4px}
.follow-link-list-item{width:98px;height:98px;margin-bottom:4px}
.follow-link-list-item .icon{width:60px;height:auto;margin-bottom:9px}
.follow-link-list-item .icon-lineup{margin-bottom:18px}
.follow-link-list-item .icon-contact{margin-bottom:18px}
.sp-block{display:none}
#education .sub-text{font-size:1.25em;margin:40px 0 20px}
#education .sub-text_small{margin-bottom:36px;text-align:center}
.education-2cols{margin-top:40px;display:flex;justify-content:space-between}
.education-2cols .col{width:48.25%}
.education-section .education-head{margin:10px auto 20px;padding-bottom:20px;font-size:1.125em}
.education-section .education-list{margin-left:5px}
.education-section .education-list dd+dt{margin-top:30px}
.education-section .list-style_point{line-height:2em}
.education-section .btn-link{margin-top:25px;margin-left:5px}
.education-section .education-table{margin-top:30px;width:100%}
.education-section .education-table td,.education-section .education-table th{border:1px solid #b0b0b0}
.education-section .education-table .cell-black{width:72px}
.education-section .education-table .cell-gray{width:136px}
.table td,.table th{padding:15px 20px}
.modal-img{margin-bottom:40px}
.modal-title{margin-bottom:40px;padding-bottom:25px;font-size:2.25em}
.modal-note{font-size:.875em}
.sp{display:none}
.remodal-wrapper{padding:50px 50px 0}
.remodal{margin-bottom:50px;padding:120px 6.667% 5%}
.remodal-close{top:45px;right:45px;width:38px;height:38px}
#network_endpoint .contents-title{margin-bottom: 23px;}
#network_endpoint .sub-text{margin-bottom: 24px;}
#network_endpoint .btn-link a{letter-spacing: 1px;padding: 8px 20px 7px 39px;}
#network_endpoint .concept_do_block{margin: 54px 0 28px;}
#network_endpoint .explanation .explanation-head{margin-bottom: 8px;}
#network_endpoint .explanation-text{letter-spacing: 0.04em;}
#network_endpoint .app-guard-inner.last .explanation-text{letter-spacing: 0;}
#network_endpoint .explanation .explanation-text+.explanation-head{margin-top: 20px;}
.security-button a:hover{text-decoration: none;background: #000;}
.app-guard-block-inner{padding: 4.3% 6.282% 6.5%;}
}
@media only screen and (max-width:767px){
.container{margin-right:15px;margin-left:15px}
.content-section{padding:40px 0 45px}
.content{font-size:.875em;line-height:1.5}
.contents-title{font-size:1.572em;margin-bottom:25px}
.contents-title .ja{font-size:.546em}
.bottom-nav{bottom:82px}
.pagetop a{top:-55px;right:0}
.btn-link a{width:100%;display:flex;justify-content:center;font-size:14px;padding:7px 20px 7px 35px;text-align:center}
.btn-link a:hover{text-decoration:none}
.btn-link a span::before{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #c00;width:5px;height:8px;left:-14px;top:calc(50% - 4px)}
.btn-link a span::after{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #fff;width:5px;height:8px;left:-17px;top:calc(50% - 4px)}
.btn-link.btn-link_bottom-arr a span::before{border-top:8px solid #c00;border-left:6px solid transparent;border-right:6px solid transparent;width:8px;height:6px;left:-18px;top:calc(50% - 2px)}
.btn-link.btn-link_bottom-arr a span::after{border-top:8px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;width:8px;height:6px;left:-18px;top:calc(50% - 5px)}
.hero-img{padding:38px 0 0;margin:0 0 84px}
.hero-img-title{font-size:1.643em;line-height:1.261;max-width:480px;margin:0 auto}
.hero-img-title span{font-size: 0.8696em;margin-bottom: 10px;display: inline-block;}
.hero-img-subtitle{margin-top:10px;font-size:.858em;line-height:1.584}
.hero-img-pc{position:relative;width:82.188%;margin:-80px auto 0;top:100px}
.hero-img .hero-img-subtitle,.hero-img .hero-img-title{padding:0 10px}
.intoroduction{padding-top:25px;margin-right:15px;margin-left:15px}
.intoroduction .intoroduction-copy{font-size:1.5em;line-height:1.429}
.intoroduction .intoroduction-text{margin-top:10px}
.intoroduction .arrow-red-down{margin:18px 0 -18px}
.intoroduction .arrow-red-down span{border-right:32px solid transparent;border-left:32px solid transparent;border-top:40px solid #c00}
.intoroduction .wrap-img{margin:0 -15px}
.links-list{margin-right:15px;margin-left:15px}
.links-list .links-list-item{margin-bottom:24px;box-shadow:0 0 8.1px 1.8px rgba(0,0,0,.3)}
.links-list .links-list-item a{padding-bottom:36px}
.links-list .links-list-item .wrap-img::before{padding-top:61.035%}
.links-list .links-list-item .wrap-img .img{width:81.38%}
.links-list .links-list-item .wrap-text{max-width:460px;margin:-20px auto 0;font-size:1.072em}
.links-list .links-list-item .wrap-text .number{margin-bottom:10px;font-size:2.534em}
.links-list .links-list-item a::after{border-right:9px solid transparent;border-left:9px solid transparent;border-top:8px solid #fff;bottom:13px}
#links-list-item-01 .wrap-img::after{background-image:url(../img/links_img_sp_01.jpg)}
#links-list-item-02 .wrap-img::after{background-image:url(../img/links_img_sp_02.jpg)}
#links-list-item-03 .wrap-img::after{background-image:url(../img/links_img_sp_03.jpg)}
#links-list-item-04 .wrap-img::after{background-image:url(../img/links_img_sp_04.jpg)}
#top-info{margin-right:15px;margin-left:15px;margin-top:35px}
#top-info .info{flex-wrap:wrap;padding:17px 0}
#top-info .info .item1{min-width:74px;margin-right:9px;margin-top:3px;padding:2px 5px;font-size:.715em}
#top-info .info .item2{width:74px}
#top-info .info .item3{width:100%;margin-top:10px;border:none}
.button-toggle{margin-top:20px}
.wrap-trouble-content{padding-bottom:20px}
.wrap-trouble-content .container{margin-right:13px;margin-left:13px}
.wrap-trouble-content .container+.container{margin-top:25px;padding-top:25px;border-top:1px solid #dbdbdb}
.wrap-trouble-content .wrap-trouble-content-head{margin-bottom:25px}
.wrap-trouble-content .btn-link{margin-bottom:-10px}
.wrap-trouble-item{width:100%;padding:0;margin-bottom:24px}
.wrap-trouble-item .answer-item-head,.wrap-trouble-item .trouble-item-head{font-size:1.072em;margin-bottom:10px;text-align:center}
.trouble-item .wrap-text{padding:0 15px 25px;font-size:.858em}
.trouble-item .flex::after{border-right:19px solid transparent;border-left:19px solid transparent;border-top:25px solid #c00;left:50%;bottom:0;transform:translate(-50%,50%)}
.trouble-item .flex .icon{width:70px;margin:0 auto 10px}
.trouble-item .number{margin-bottom:15px;padding:4px 10px;font-size:1.063em;text-align:center}
.answer-item{border-bottom:1px solid #dbdbdb;padding-bottom:48px;margin-bottom:24px}
.answer-item:last-child{border:none;padding-bottom:0;margin-bottom:0}
.answer-item .wrap-text{font-size:.858em}
.answer-item .wrap-img{width:235px;margin:0 auto}
.answer-item .flex{padding:24px 12px}
.answer-item .flex .icon{width:63px;margin:0 auto 10px}
.contact-link a{margin-top:25px;padding:24px}
.contact-link a img{max-width:100%}
#about .contents-title{margin-bottom:18px}
#about .sub-text{margin-bottom:20px}
#about .arrow-red-down{margin:13px 0 20px}
#about .arrow-red-down span{border-right:30px solid transparent;border-left:30px solid transparent;border-top:39px solid #c00}
.concept .concept-section{border:2px solid #c00}
.concept .concept-section+.concept-section{margin-top:25px}
.concept .title-area{border-bottom:2px solid #c00;display:block;padding:14px 13px}
.concept .concept-title{font-size:1.072em}
.concept .concept-title .em{font-size:1.134em}
.concept .concept-subtitle{padding:8px 10px;margin-bottom:10px;text-align:center;font-size:1.286em}
.concept .concept-subtitle__label{display:block}
.concept .concept-subtitle__no{display:block;font-size:.834em}
.concept-content{padding:23px 13px 35px}
.concept-content .col2-flex .wrap-img{width:100%;margin-bottom:12px}
.concept-content .col2-flex .wrap-img img{width: 100%;}
.concept-content .col2-flex .wrap-text{width:100%;margin-bottom:12px}
.concept-content .btn-link{margin:20px 0}
.explanation .explanation-head{margin-bottom:10px;padding-bottom:10px}
.explanation .explanation-text+.explanation-head{margin-top:18px}
.contact-commit{padding-bottom:135px;background:url(../img/bg_contact_sp.jpg) center top/cover}
.contact-commit .contact-section{width:100%;margin-bottom:12px;padding:20px 15px}
.contact-commit .contact-section a:hover{text-decoration:none}
.contact-commit .contact-section.inquire{margin-bottom:15px}
.contact-commit .inquire .inquire-grig{grid-template-columns:35px 1fr 35px}
.contact-commit .inquire .inquire-cell{grid-template-columns:55px 1fr}
.contact-commit .inquire .inquire-inner {font-weight:400}
.contact-commit .inquire .inquire-tel{pointer-events:initial;cursor:pointer;margin:23px 0}
.contact-commit .inquire .inquire-tel>img{width:40px}
.contact-commit .inquire .inquire-tel .inquire-inner>small{font-size:calc(12/22*100%)}
.contact-commit .inquire .inquire-tel .inquire-inner>span{font-size:calc(24/22*100%);font-weight:700}
.contact-commit .inquire .inquire-mail{margin:23px 0}
.contact-commit .inquire .inquire-mail>img{width:38px}
.contact-commit .inquire .inquire-mail .inquire-inner>span{display:block;font-size:calc(14/22*100%)}
.contact-commit .catalog .catalog-link .catalog-link-item:first-of-type{margin-bottom:6px}
.contact-commit .catalog .catalog-link .catalog-link-item+li{margin-top:.75em}
.contact-commit .catalog .catalog-link .catalog-link-item a .catalog-link-label{margin-left:13px;padding-left:17px;font-size:.546em}
.contact-commit .catalog .catalog-link .catalog-link-item a .catalog-link-label::before{width:12px;height:16px;top:2px}
.contact-commit .catalog .catalog-link .catalog-link-item a .catalog-link-label.catalog-link-label_head{font-size:.637em}
.contact-commit .catalog .catalog-link .catalog-link-item a .catalog-link-label.catalog-link-label_head::before{top:3px}
.products-list+.products-list{margin-top:15px}
.products-list-item{box-shadow:0 0 3px 1px rgba(0,0,0,.14)}
.products-list-item+.products-list-item{margin-top:15px}
.products-list-item .wrap-text .wrap-title{padding:0 15px 10px}
.products-list-item .wrap-text .wrap-title .title-series{font-size:.858em;margin-top:-12px}
.products-list-item .wrap-text .wrap-detail{padding:15px 15px 85px}
.products-list-item .wrap-text .wrap-detail .features-title{font-size:1.143em}
.products-list-item .wrap-text .wrap-detail .features li::before{padding:1px 4px}
.products-list-item .wrap-text .wrap-detail .btn-link{width:calc(100% - 30px);bottom:20px}
.products-list-item .wrap-text .wrap-detail .btn-link a{font-size:1em}
.follow-link{width:100%}
.follow-link-list{display:flex;justify-content:space-between;padding:4px}
.follow-link-list li{width:50%;border-radius:2px;margin:0 2px}
.follow-link-list-item{height:100%;margin:0 auto;justify-content:space-between}
.follow-link-list-item .icon{margin-bottom:5px}
.pc-block,.sh-container{display:none}
.pinch{margin-top:8px;text-align:right}
#education .sub-text{margin:20px 0 10px;font-size:1.143em}
#education .sub-text_small{margin-bottom:20px}
.education-2cols .col{margin-top:30px}
.education-section .education-head{padding-bottom:10px;margin:10px auto 15px;font-size:1.072em}
.education-section .education-list dd+dt{margin-top:20px}
.education-section .btn-link{margin-top:15px}
.education-section .education-table{display:block;margin-top:20px;border-left:1px solid #b0b0b0;border-top:1px solid #b0b0b0}
.education-section .education-table tbody{display:block}
.education-section .education-table td,.education-section .education-table th{display:block;border-bottom:1px solid #b0b0b0;border-right:1px solid #b0b0b0;padding:9px 12px}
.education-section .education-table th{display:block;width:100%;flex-shrink:0;padding:7px 12px}
.education-section .education-table tr{display:flex;flex-wrap:wrap}
.education-section .education-table td{width:76.389%}
.education-section .education-table .cell-gray{min-width:68px;width:23.612%;flex-shrink:0;display:flex;align-items:center}
.table td,.table th{padding:7px 10px;font-size:.875em}
.modal-img{width:80%;margin:0 auto 20px}
.modal-title{margin-bottom:20px;padding-bottom:12px;font-size:1.313em}
.modal-note{font-size:.858em}
.pc{display:none}
.remodal-wrapper{padding:10px 10px 0}
.remodal{margin-bottom:10px;padding:70px 4.688% 9.375%}
.remodal-close{top:20px;right:20px;width:27px;height:27px}
#network_endpoint .btn-link{margin: 20px 0;}
#network_endpoint .products-list-item .wrap-text .wrap-detail .btn-link {margin: 0;}
.security-block {margin: 25px 0 0;}
.title-security{margin-bottom: 25px;}
.content-sub-title{font-size: 1.7143em;}
.security-button{font-size: 1.286em;}
.security-button a{padding: 15px 30px;}
.security-button a::before {content: "";position: absolute;width: 16px;height: 2px;background: #fff;right: 20px;top: 50%;}
.security-button a.active::after {content: "";position: absolute;width: 15px;height: 2px;background: #fff;right: 20px;top: 50%;rotate: 90deg;}
#lineup_list{margin-top: 30px;}
.contents-title .content-sub-title{margin-top: 15px;font-size: 1.1818em;}
.endpoint-block {border-top: 2px solid #cc0000;margin-top: 40px;padding-top: 30px;}
.app-guard-block {border: 2px solid #cc0000;margin-top: 30px;}
.app-guard-block .app-guard-title{border-bottom: 2px solid #cc0000;font-size: 1.7143em;}
.app-guard-block .app-guard-block-inner {padding: 23px 13px 35px;}
.app-guard-block .col3-block{display: block;margin: 20px 0 30px;}
.app-guard-block .col3-block .col3 {width: 100%;border: 2px solid #cc0000;}
.app-guard-block .col3-block .col3 + .col3{margin-top: 20px;}
.app-guard-block .col3-block .col3:first-child{margin-top: 0;}
.app-guard-block .app-guard-img {margin-top: 20px;}
.app-guard-block .title-icon{margin-bottom: 20px;font-size: 1.286em;}
.app-guard-block .title-icon img{height: 35px !important;}
.app-guard-block .title-icon p{padding-bottom: 10px;}
.app-guard-block .app-guard-inner + .app-guard-inner {margin-top: 30px;}
.app-guard-block .icon-block img{height: 40px !important;}
.app-guard-block .col3-block .col3 .icon-block{padding: 20px 0 !important;}
.app-guard-block .col3-block .col3 .icon-text{font-size: 1.0714em;}
}
@-webkit-keyframes remodal-opening-keyframes{
from{transform:scale(1.05);opacity:0}
to{transform:none;opacity:1;filter:blur(0)}
}
@keyframes remodal-opening-keyframes{
from{transform:scale(1.05);opacity:0}
to{transform:none;opacity:1;filter:blur(0)}
}
@-webkit-keyframes remodal-closing-keyframes{
from{transform:scale(1);opacity:1}
to{transform:scale(.95);opacity:0;filter:blur(0)}
}
@keyframes remodal-closing-keyframes{
from{transform:scale(1);opacity:1}
to{transform:scale(.95);opacity:0;filter:blur(0)}
}
@-webkit-keyframes remodal-overlay-opening-keyframes{
from{opacity:0}
to{opacity:1}
}
@keyframes remodal-overlay-opening-keyframes{
from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes remodal-overlay-closing-keyframes{
from{opacity:1}
to{opacity:0}
}
@keyframes remodal-overlay-closing-keyframes{
from{opacity:1}
to{opacity:0}
}