@charset "UTF-8";

* {box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;margin: 0;padding: 0;}

#contents {padding: 0 !important;}

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

.col1Contents .main .title {text-align: center; margin-bottom: 2%;}
.col1Contents .main .title p:first-child {font-size: 5.5vw; font-weight: bold; line-height: 1.4;}
.col1Contents .main .title p:nth-child(2) {font-size: 5vw; letter-spacing: -1px; font-weight: normal;}
.col1Contents .main .block_01 {padding: 11% 5%; background: url(/products/ac/interkxsp/images/sp/bg_sp.jpg) no-repeat; background-size: cover; width:100%; height: auto;}
.col1Contents .main .block_01 h1 {text-align: center; margin-bottom: 13%;}
.col1Contents .main .block_01 h1 img {width: 57%; vertical-align: bottom;}
.col1Contents .main .block_01 h2 {text-align: center;}
.col1Contents .main .block_01 h2 img {width: 100%; vertical-align: bottom;}
.col1Contents .main .block_01 .inner > p {text-align: center; color: #fff; margin: 9% 0 -9%; font-size: 3.4vw; line-height: 1.8;}
.col1Contents .main .block_01 .platform {background: url(/products/ac/interkxsp/images/sp/platform.png) no-repeat; background-size: contain; width: 100%; max-width: 767px; height: 0; padding-top: 105%; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;}
.col1Contents .main .block_01 .items {color: #fff; padding: 5%;}
.col1Contents .main .block_01 .items_1 {margin-top: -8%;}
.col1Contents .main .block_01 .items:nth-child(odd) {background: rgba(255, 255, 255, .1); border-radius: 3px;}
.col1Contents .main .block_01 .items p {font-size: 4vw; margin-bottom: 5%; font-weight: bold;}
.col1Contents .main .block_01 .items ul li {font-size: 3.5vw; line-height: 1.6;}
.col1Contents .main .block_01 .items ul li sup {font-size: 1em; vertical-align: super; top: 0.5em;}
.col1Contents .main .block_01 h3.lead {text-align: center; margin: 13% 0 5%;}
.col1Contents .main .block_01 h3.lead img {width: 100%; vertical-align: bottom;}
.col1Contents .main .block_01 .server {width: 80%; margin: 0 auto;}
.col1Contents .main .block_01 .server img {width: 100%; vertical-align: bottom;}
.col1Contents .main .block_02 .model img {width: 100%; vertical-align: bottom;}
.col1Contents .main .block_02_inner {padding: 5% 5% 10% 5%;}
.col1Contents .main .block_02_inner .feature_area_text{padding: 10px; border: 1px solid #cccccc; margin-bottom: 42px;}
.col1Contents .main .block_02 .container .spec .heading {display: flex; align-items: center;}
.col1Contents .main .block_02 .container .spec .heading img {width: 17%;}
.col1Contents .main .block_02 .container .spec .heading p.brown {font-size: 4.7vw; font-weight: bold; color: #655236; margin-left: 4%; letter-spacing: -1px;}
.col1Contents .main .block_02 .container .spec .heading p.brown sup {font-size: .7em; vertical-align: super; top: 0.3em;}
.col1Contents .main .block_02 .container .spec .heading p.purple {font-size: 4.7vw; font-weight: bold; color: #3d4786; margin-left: 4%; letter-spacing: -1px;}
.col1Contents .main .block_02 .container .spec .heading p.purple sup {font-size: .7em; vertical-align: super; top: 0.5em;}
.col1Contents .main .block_02 .container .spec > p {font-size: 3.7vw; padding: 4% 0;}
.col1Contents .main .block_02 .container .spec > p sup {font-size: .7em; vertical-align: super; top: 0.5em;}
.col1Contents .main .block_02 .container:nth-last-of-type(2) {border-bottom: 1px solid #8c8c8c;}
.col1Contents .main .block_02 .elements h3.brown {font-size: 4.5vw; border-left: 8px solid #655236; padding-left: 2%; color: #655236; margin-top: 6%;}
.col1Contents .main .block_02 .elements h3.purple {font-size: 4.5vw; border-left: 8px solid #3d4786; padding-left: 2%; color: #3d4786; margin-top: 6%;}
.col1Contents .main .block_02 .elements h3 sup {font-size: .7em; vertical-align: super; top: 0.5em;}
.col1Contents .main .block_02 .elements p {font-size: 3.7vw; margin: 4% 0 5%;}
.col1Contents .main .block_02 .elements p sup {font-size: .7em; vertical-align: super; top: 0.5em;}
.col1Contents .main .block_02 .elements p span sup {font-size: 1em; vertical-align: super; top: 0.5em;}
.col1Contents .main .block_02 .elements .items .shape {text-align: center; margin-bottom: 10%;}
.col1Contents .main .block_02 .elements .items .shape img {width: 70%;}
.col1Contents .main .block_02 .elements .items_2 {display: flex;}
.col1Contents .main .block_02 .elements .items_2 p {width: 60%; margin-top: 0;}
.col1Contents .main .block_02 .elements .items_2 .pic {width: 40%; height: auto; margin-left: 5%;}
.col1Contents .main .block_02 .elements .items_2 img {width: 100%; vertical-align: bottom;}
.col1Contents .main .block_02 .elements .items_3 p {margin: 4% 0 2%;}
.col1Contents .main .block_02 .elements .items_3 p span {font-size: 3.4vw; letter-spacing: -1px;}
.col1Contents .main .block_02 .elements .items_3 > p sup {font-size: 3.4vw;}
.col1Contents .main .block_02 .elements .items_3 .pic {text-align: center;}
.col1Contents .main .block_02 .elements .items_3 .pic img {width: 57%;}
.col1Contents .main .block_02 .elements .items_3 .inner {border: solid 1.4px #655236; border-radius: 8px; padding: 6%; margin-top: 6%;}
.col1Contents .main .block_02 .elements .items_3 .inner h4 {color: #655236; font-size: 4.4vw; margin-bottom: 3%;}
.col1Contents .main .block_02 .elements .items_3 .inner p {margin: 0;}
.col1Contents .main .block_02 .elements .items_3 .inner p:first-of-type {margin-bottom: 6%;}
.col1Contents .main .block_02 .elements .items:nth-of-type(2) img {width: 57%;}
.col1Contents .main .block_02 .elements .items:nth-of-type(3) span {font-size: 3.4vw; letter-spacing: -1px;}
.col1Contents .main .block_02 .elements .items:nth-of-type(3) img {width: 81%;}
.col1Contents .main .block_02 .elements .right h3 br {display: none;}
.col1Contents .main .block_02 .elements .right span {font-size: 2.8vw;}

.btn {position: relative; text-align: center; margin-top: 6%;}
.btn a {display: block; color: #fff; background: #0d5cb1; padding: 6% 0; border-radius: 70px; font-weight: bold; font-size: 4.5vw;}
.btn a:after {content: ''; width: 3.5%; height: 18%; border-top: solid 2px #fff; border-right: solid 2px #fff; transform: rotate(45deg); position: absolute; top: 38%; right: 8%;}

.share_title {text-align: center; font-size: 6vw; margin-bottom: 3%;}
.share_list ul {display: flex; justify-content: center;}
.share_list ul li {display: inline-block; margin: 0 3%}
.share_list ul li a:hover {opacity: .8;}

@media screen and (max-width: 767px) {

#contents .detailSection {width: 100%; padding: 0 5%;}
.detailSection .h3Bg h3 span {font-size: 3.5vw; margin-left: 5px; padding-left: 5px; border-left: 3px solid #001e66;}
.detailSection .detailInfo .h3Bg {margin-bottom: 10px; padding-bottom: 5px; border-bottom: solid 1px #b5b6b6;}
.detailSection .detailInfo .tel_num {font-size: 7vw;}
.detailSection .detailInfo p {font-size: 2.6vw;}
.lNav {width: 100%; min-width: 0; display: none;}
.lNav ul {width: 100%;}
.lNav.top li:first-child {width: 25%;}
.lNav.top li {max-width: 25%;}
.lNav.top li a {font-size: 2vw;}
#contents .subSection {width: 100%;}
#contents .subSection .modelNav {width: 100%;}
#contents .subSection .modelNav ul {text-align: center;}
#contents .subSection .modelNav img {width: 46%;}
.flL {width: 100%;}
#contents .subSection .subNav .layCol01 {width: 100%;}
.fsM {font-size: 85%;}
.fsM a {display: inline-block; padding: 2% 4%;}
#contents .subSection .subNav .layCol02 {width: 100%;}
.noteMod01 .catch {vertical-align: baseline;}
.noteMod01 .txt {vertical-align: baseline;}

}

@media screen and (max-width: 599px) {

.col1Contents .main .block_02 .elements h3.brown {border-left: 4px solid #655236;}
.col1Contents .main .block_02 .elements h3.purple {border-left: 4px solid #3d4786;}

}

@media print, screen and (min-width: 768px) {

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

.col1Contents .main .title {width: 960px; margin: 0 auto; text-align: left; display: flex; align-items: center; margin-bottom: 20px;}
.col1Contents .main .title p:first-child {font-size: 24px; font-weight: bold; line-height: 1.4; letter-spacing: 2px; border-right: dotted 1px #8c8c8c; padding-right: 15px;}
.col1Contents .main .title p:nth-child(2) {font-size: 15px; letter-spacing: -1px; font-weight: bold; padding-left: 15px;}
.col1Contents .main .block_01 {position: relative; z-index: -3; padding: 0 ; background: #0f1f4a; overflow: hidden;}
.col1Contents .main .block_01 .inner {position: relative; width: 980px; margin: 0 auto; padding: 63px 30px 148px;}
.col1Contents .main .block_01 h1 {text-align: left; margin-bottom: 60px;}
.col1Contents .main .block_01 h1 img {width: 269px;}
.col1Contents .main .block_01 h2 img {width: 708px; margin: 0 auto;}
.col1Contents .main .block_01 .inner > p {margin: 41px 0 -15%; font-size: 17px; line-height: 1.8;}
.col1Contents .main .block_01 .inner > p br:not(:nth-child(2)) {display: none;}
.col1Contents .main .block_01 .platform {display: none;}
.col1Contents .main .block_01 .platform_2 {background: url(/products/ac/interkxsp/images/platform.png); width: 1200px; height: 812px; position: relative; top: 0; left: -136px;}
.col1Contents .main .block_01 .items {padding: 34px 30px; display: flex; align-items: center; height: 150px;}
.col1Contents .main .block_01 .items_1 {margin-top: -80px;}
.col1Contents .main .block_01 .items p {font-size: 19px; margin-bottom: 0; width: 302px; line-height: 1.8;}
.col1Contents .main .block_01 .items ul li {font-size: 15px; line-height: 1.8;}
.col1Contents .main .block_01 .items ul li sup {font-size: .5em; vertical-align: super; top: 0.5em;}
.col1Contents .main .block_01 h3.lead {text-align: center; margin: 78px 0 65px;}
.col1Contents .main .block_01 h3.lead img {width: 100%; vertical-align: bottom;}
.col1Contents .main .block_01 .bg01 {background: url(/products/ac/interkxsp/images/bg01.png); width: 1057px; height: 253px; position: absolute; top: 0; left: 312px; z-index: -1; opacity: .4;}
.col1Contents .main .block_01 .bg02 {background: url(/products/ac/interkxsp/images/bg02.png); width: 1054px; height: 398px; position: absolute; bottom: 0; left: -22px; z-index: -1; opacity: .5;}
.col1Contents .main .block_01 .bg03 {background: url(/products/ac/interkxsp/images/bg03.png); width: 1200px; height: 710px; position: absolute; bottom: 0; left: -106px; z-index: -2;}
.col1Contents .main .block_02 .model.brown {position: relative; z-index: -3; background: #655236; height: 420px; overflow: hidden;}
.col1Contents .main .block_02 .model.purple {position: relative; z-index: -3; background: #3d4786; height: 420px; overflow: hidden;}
.col1Contents .main .block_02 .model .inner {position: relative;  width: 960px; margin: 0 auto;}
.col1Contents .main .block_02 .model img:first-child {width: 100%; vertical-align: bottom;}
.col1Contents .main .block_02 .model img:nth-child(2) {width: 832px; vertical-align: bottom; position: absolute; top: 0; left: 411px; z-index: -1;}
.col1Contents .main .block_02_inner {padding: 42px 22px 80px; width: 960px; margin: 0 auto;}
.col1Contents .main .block_02_inner .container {display: flex;}
.col1Contents .main .block_02_inner .container .spec {width: 50%;}
.col1Contents .main .block_02_inner .container .spec:first-child {margin-right: 52px;}
.col1Contents .main .block_02 .container .spec .heading img {width: 68px;}
.col1Contents .main .block_02 .container .spec .heading p.brown {font-size: 23px; margin-left: 15px; line-height: 1.4;}
.col1Contents .main .block_02 .container .spec .heading p.brown sup {font-size: .5em; vertical-align: super; top: 0.3em;}
.col1Contents .main .block_02 .container .spec .heading p.purple {font-size: 23px; margin-left: 15px; line-height: 1.4;}
.col1Contents .main .block_02 .container .spec .heading p.purple sup {font-size: .5em; vertical-align: super; top: 0.5em;}
.col1Contents .main .block_02 .container .spec > p {font-size: 15px; padding: 17px 0 38px;}
.col1Contents .main .block_02 .elements h3.brown {font-size: 23px; border-left: 6px solid #655236; padding-left: 16px; margin-top: 34px; letter-spacing: -1px;}
.col1Contents .main .block_02 .elements h3.brown br {display: none;}
.col1Contents .main .block_02 .elements h3.purple {font-size: 23px; border-left: 8px solid #3d4786; padding-left: 16px; margin-top: 34px; letter-spacing: -1px;}
.col1Contents .main .block_02 .elements .items_wrap {display: flex; margin: 16px 0 0 0;}
.col1Contents .main .block_02 .elements .items:not(:last-of-type) {display: flex;}
.col1Contents .main .block_02 .elements p {font-size: 15px; margin: 0;}
.col1Contents .main .block_02 .elements p span sup {font-size: .5em; vertical-align: super; top: 0.5em;}
.col1Contents .main .block_02 .elements .items p {width: 307px; margin-right: 32px;}
.col1Contents .main .block_02 .elements .items .shape {width: 182px; margin-right: 37px; margin-bottom: 0;}
.col1Contents .main .block_02 .elements .items .shape img {width: 100%;}
.col1Contents .main .block_02 .elements .items_2 {display: flex;}
.col1Contents .main .block_02 .elements .items_2 p {width: 150px; margin-right: 16px;}
.col1Contents .main .block_02 .elements .items_2 .pic {margin-left: 0;}
.col1Contents .main .block_02 .elements .items_2 img {width: 193px; height: 156px; margin-left: 0; margin-top: -47px;}
.col1Contents .main .block_02 .elements .items_3 {display: flex; margin: 16px 0 0 0;}
.col1Contents .main .block_02 .elements .items_3 p {margin: 0; width: 307px;}
.col1Contents .main .block_02 .elements .items_3 p span {font-size: 12px;}
.col1Contents .main .block_02 .elements .items_3 .pic {width: 204px; margin-left: 5%; margin: 0 29px;}
.col1Contents .main .block_02 .elements .items_3 .pic img {width: 100%;}
.col1Contents .main .block_02 .elements .items_3 .inner {border: solid 1.4px #655236; border-radius: 8px; padding: 25px 30px; margin-top: 0;}
.col1Contents .main .block_02 .elements .items_3 .inner h4 {font-size: 17px; margin-bottom: 10px;}
.col1Contents .main .block_02 .elements .items_3 .inner p {margin: 0; font-size: 15px;}
.col1Contents .main .block_02 .elements .items_3 > p sup {font-size: 1em; vertical-align: top; top: 0.5em;}
.col1Contents .main .block_02 .elements .items_3 .inner p:first-of-type {margin-bottom: 20px;}
.col1Contents .main .block_02 .elements .elements_wrap {display: flex;}
.col1Contents .main .block_02 .elements .elements_wrap .items {margin-top: 17px;}
.col1Contents .main .block_02 .elements .left .items:first-of-type .shape {margin-top: -70px;}
.col1Contents .main .block_02 .elements .left {width: 543px; margin-right: 47px;}
.col1Contents .main .block_02 .elements .left h3:nth-of-type(2) br {display: none;}
.col1Contents .main .block_02 .elements .left .items:first-of-type {margin-bottom: 54px;}
.col1Contents .main .block_02 .elements .left .items:first-of-type .shape {width: 171px; height: 120px; margin-right: 0;}
.col1Contents .main .block_02 .elements .left .items:nth-of-type(2) {display: flex;}
.col1Contents .main .block_02 .elements .left .items:nth-of-type(2) p {margin-right: 23px;}
.col1Contents .main .block_02 .elements .left .items:nth-of-type(2) .shape {margin-right: 0; width: 214px;}
.col1Contents .main .block_02 .elements .right {width: 417px;}
.col1Contents .main .block_02 .elements .right h3 br {display: block;}
.col1Contents .main .block_02 .elements .right .shape {width: 100%; margin: 22px 0 20px;}
.col1Contents .main .block_02 .elements .right p {width: 100%;}
.col1Contents .main .block_02 .elements .right p span {letter-spacing: -1px;}
.col1Contents .main .block_02 .elements .right span {font-size: 11px;}

.btn {margin-top: 41px;}
.btn a {display: inline-block; width: 680px; padding: 30px 0; border-radius: 70px; font-weight: bold; font-size: 25px; text-decoration: ;}
.btn a:after {width: 17px; height: 17px; border-top: solid 3px #fff; border-right: solid 3px #fff; top: 36px; right: 166px;}
.btn a:hover {background: rgb(143, 179, 212); text-decoration: none;}

.share_title {text-align: center; font-size: 34px; margin-bottom: 33px;}
.share_list ul {display: flex; justify-content: center;}
.share_list ul li {display: inline-block; margin: 0 15px;}
.share_list ul li a:hover {opacity: .8;}


/* フッター */
.detailSection .h3Bg h3 span {font-size: 100%; margin-left: 5px; padding-left: 5px; border-left: 3px solid #001e66;}
.detailSection .detailInfo .h3Bg {margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #b5b6b6;}
.detailSection .section_block {padding: 0 20px 10px;}
.detailSection .detailInfo .tel_num {font-size: 250%;}
.lNav {width: 100%; min-width: 0; display: none;}
#contents .subSection .subNav .layCol01 {float: none;}
#footer #fNav {width: 960px !important;}


}

/* ================
print用
================ */

@media print {

body {-webkit-print-color-adjust: exact; }

}
    

@media print and (-webkit-min-device-pixel-ratio:0){

.block_02 {page-break-before: always;}
.col1Contents .main .block_01 h2 {z-index: 9999;}
.col1Contents .main .block_01 .platform_2  {page-break-before: always;}
.col1Contents .main .block_01 .lead {page-break-before: always;}
.col1Contents .main .block_01 .lead_2 {page-break-after: always;}
}

/* IE */
@media print and (-ms-high-contrast: none){

.block_01 .items_1 {page-break-before: always;}
.col1Contents .main .block_01 .bg06 {z-index: -9999;}


}