*,
*:after,
*::before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.header .sp_gnavi{
    display: none;
}

.footer .footer-top {
    height: auto !important;
}
.footer .footer-top .tel-area {
    padding: 80px 0 0;
}
.footer .footer-bottom {
    padding: 80px 200px 0 0;
}
.footer .footer-bottom .f-logo {
    margin-bottom: 40px;
}
.footer .footer-bottom .mb70 {
    margin-bottom: 10px !important;
}

button {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}

html,
body {
    height: 100%;
}

.printbtn {
    position: absolute;
    top: 20px;
    right: 100px;
    color: #000;
    z-index: 99;
    cursor: pointer;
}

.content {
    min-width: 1000px;
    margin: 0 auto;
}

.pdfIcon {
    background: url(../images/common/icon_pdf.gif) no-repeat left center;
    padding-left:20px;
}

/* top */
.sp_toggle {
    display: none;
}
.sec {
    position: relative;
    background-position: center center;
    background-size: cover !important;
    background-attachment: fixed !important;
    padding: 0 200px 0 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    box-sizing: content-box;
}
.sec .inner {
    width: 100%;
    max-width: 1120px;
    /* height: 100%; */
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}
/* .sec01 { background: url(../images/top/sec01_bg.jpg) no-repeat; } */
/* .sec02 { background: url(../images/top/sec02_bg.jpg) no-repeat; } */
.sec01 {}
.sec02 {}
.sec03 { background: url(../images/top/sec03_bg.jpg) no-repeat; }
.sec04 { background: url(../images/top/sec04_bg.jpg) no-repeat; }
.sec05 { background: url(../images/top/sec05_bg.jpg) no-repeat; }
.sec06 { background: url(../images/top/sec06_bg.jpg) no-repeat; }
.sec07 { background: url(../images/top/sec07_bg.jpg) no-repeat; }
.sec08 { background: url(../images/top/sec08_bg.jpg) no-repeat; }
.sec09 { background: url(../images/top/sec09_bg.jpg) no-repeat; }
.sec10 { background: url(../images/top/sec10_bg.jpg) no-repeat; }
.sec11 { background: url(../images/top/sec11_bg.jpg) no-repeat;}
.sec12 { background: url(../images/top/sec09_bg.jpg) no-repeat;}

.top-ttl {
    font-size: 76px;
    font-weight: 400;
    letter-spacing: 0.15em;
    /* padding-top: 6%; */
    text-align: center;
    line-height: normal;
}
.top-sub_ttl {
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0.15em;
    margin-bottom: 2%;
    text-align: center;
}

.sec03 .top-ttl,
.sec04 .top-ttl,
.sec05 .top-ttl,
.sec06 .top-ttl,
.sec07 .top-ttl,
.sec08 .top-ttl,
.sec09 .top-ttl,
.sec10 .top-ttl {
    color: #094573;
    text-shadow:1px 1px 1px rgba(255,255,255,0.56);
}
.sec03 .top-sub_ttl,
.sec04 .top-sub_ttl,
.sec05 .top-sub_ttl,
.sec06 .top-sub_ttl,
.sec07 .top-sub_ttl,
.sec08 .top-sub_ttl,
.sec09 .top-sub_ttl,
.sec10 .top-sub_ttl {
    color: #094573;
    text-shadow:1px 1px 1px rgba(255,255,255,0.56);
}

.service-list {
    display: block;
    letter-spacing: -.40em;
    text-align: center;
    margin: 6% -1% 0;
}
.service-list li {
    display: inline-block;
    letter-spacing: normal;
    width: 20%;
    margin: 1% 1% 0;
}
.service-list li a {
    opacity: 1;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.service-list li a:hover {
    opacity: 0.6;
}

.service-list li:first-child {
    margin-left: 2%;
}
.service-list li:nth-child(4) {
    margin-right: 2%;
}

.service-list02 li {
    width: 17%;
}
.service-list02 li:nth-child(4) {
    margin-right: 1%;
}

/*
.sec04 .top-ttl,
.sec05 .top-ttl,
.sec06 .top-ttl,
.sec07 .top-ttl,
.sec08 .top-ttl {
    margin-top: 10%;
} */
.sec05 .top-sub_ttl,
.sec06 .top-sub_ttl,
.sec07 .top-sub_ttl,
.sec08 .top-sub_ttl {
    margin-bottom: 8%;
}
.sec05 .service-list,
.sec06 .service-list,
.sec07 .service-list,
.sec08 .service-list {
    margin-top: 8%;
}
/*
.service-list {
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
}
.service-list li {
    background: #fff;
    font-size: 30px;
    font-weight: 200;
    line-height: 34px;
    margin: 0 20px 40px;
    position: relative;
    text-align: center;
}
.service-list li a {
    width: 250px;
    height: 260px;
    padding-top: 20px;
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}
.service-list li:before {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    left: 20px;
    width: 76px;
    height: 65px;
    background-repeat: no-repeat;
}
.service-list li.first {
    margin-left: 0;
}
.service-list li.last {
    margin-right: 0;
}
*/

.news-list {
    max-width: 1040px;
    margin: 0 auto 60px;
}
.news-list dl {
    background: #fff;
    padding: 25px 60px 25px 20px;
    margin-bottom: 20px;
    position: relative;
}
.news-list dl dt {
    float: left;
    margin-right: 35px;
}
.news-list dl dt span {
    display: inline-block;
    font-size: 13px;
    border: 1px solid #b8b8b8;
    padding: 3px 0;
    margin-left: 10px;
    width: 122px;
    text-align: center;
}
.news-list dl dd {
    min-height: 33px;
    overflow: hidden;
    position: relative;
}
.news-list dl dd div {
    display: none;
    padding-top: 30px;
}
.news-list dl dd:after {
    content: "";
    background: url(../images/common/ico_zoom.png) no-repeat;
    width: 33px;
    height: 33px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.news-list dl dd.active:after {
    background: url(../images/common/ico_close.png) no-repeat;
    top: 26px;
    right: 18px;
}
.modal .news-list dl {
    padding: 0 60px 20px 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #b5b5b5;
    position: relative;
}
.modal .news-list dl dt {
    text-align: center;
}
.modal .news-list dl dt span {
    display: block;
    margin-left: 0;
}
.modal .news-list dl dd {
    padding-top: 25px;
}
.detail .news-list dl {
    padding: 0 60px 40px 20px;
    margin-bottom: 0;
}
.detail .news-list dl dd {
    padding-top: 0;
}
.detail .news-list dl dd div {
    display: block;
    padding-top: 0;
}
.detail .news-list dl dd:after {
    display: none;
}
.detail .news-list .ttl02 {
    margin-bottom: 30px;
}


.modal .news-list .news-post a,
.detail .news-list .news-post a {
    color:#2a5bbe;
    text-decoration:underline;
}
.modal .news-list .news-post a:hover,
.detail .news-list .news-post a:hover {
    color: #96c0c0;
    text-decoration:none;
}

.info-movie-area {/*20210209*/
    margin-bottom: 80px;
}

/* sec01 */
.sec01 {
    padding: 0;
    height: 100vh;
}
.sec01 .slider {
    height: 100vh;
}
.sec01 .slider li {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.sec01 .slider .single-link a {
    display: block;
    width: 100%;
    height: 100%;
}
.sec01 .slider li img {
    position: absolute;
    top: 50%;
    left: 45%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.sec01 ul.slider li span {
    position: absolute;
    padding: 0;
    height: auto;
    z-index: 2;
    width: 12%;
}

@media screen and (min-width: 1530px) {
    .sec01 .slider .slide08 img,
    .sec01 .slider .slide09 img,
    .sec01 .slider .slide10 img,
    .sec01 .slider .slide11 img,
    .sec01 .slider .slide12 img,
    .sec01 .slider .slide13 img,
    .sec01 .slider .slide14 img,
    .sec01 .slider .slide15 img,
    .sec01 .slider .slide16 img,
    .sec01 .slider .slide17 img,
    .sec01 .slider .slide18 img,
    .sec01 .slider .slide19 img,
    .sec01 .slider .slide20 img,
    .sec01 .slider .slide21 img,
    .sec01 .slider .slide22 img,
    .sec01 .slider .slide23 img,
    .sec01 .slider .slide24 img,
    .sec01 .slider .slide25 img,
    .sec01 .slider .slide04 img,
    .sec01 .slider .slide26 img,
    .sec01 .slider .slide27 img,
    .sec01 .slider .slide28 img,
    .sec01 .slider .slide29 img { width: 72%; }
}

.sec01 .slider .slide08,
.sec01 .slider .slide09,
.sec01 .slider .slide10,
.sec01 .slider .slide11,
.sec01 .slider .slide12,
.sec01 .slider .slide13,
.sec01 .slider .slide14,
.sec01 .slider .slide15,
.sec01 .slider .slide16,
.sec01 .slider .slide17,
.sec01 .slider .slide18,
.sec01 .slider .slide19,
.sec01 .slider .slide20,
.sec01 .slider .slide21,
.sec01 .slider .slide22,
.sec01 .slider .slide23,
.sec01 .slider .slide24,
.sec01 .slider .slide25,
.sec01 .slider .slide04,
.sec01 .slider .slide26,
.sec01 .slider .slide27,
.sec01 .slider .slide28,
.sec01 .slider .slide29{ background-image: url(../images/top/mainimage01.jpg); }

.sec01 .slider .slide00 { background-image: url(../images/top/mainimage00_pc.jpg); }
.sec01 .slider .slide01 { background-image: url(../images/top/mainimage01.jpg); }
.sec01 .slider .slide02 { background-image: url(../images/top/mainimage02.jpg); }
.sec01 .slider .slide03 { background-image: url(../images/top/mainimage03.jpg); }
/*.sec01 .slider .slide04 { background-image: url(../images/top/mainimage04.jpg); }*/
.sec01 .slider .slide05 { background-image: url(../images/top/mainimage05.jpg); }
.sec01 .slider .slide06 { background-image: url(../images/top/mainimage06_pc.jpg); }
.sec01 .slider .slide07 {
    background: url(../images/top/mainimage11_pc.jpg) left 38px;
    background-size: cover;
}
.sec01 .slider .slide07 a {
    display:block;
	width:2165px;
	height:1067px;
}
.sec01 ul.slider li.slide04 span.sec01_btn01 {
    top: 4vw;
    left: calc( 12px + 3vw );
}
.sec01 ul.slider li.slide04 span.sec01_btn02 {
    top: calc( 10px + 5vw );
    left: calc( 17px + 28vw );
}
.sec01 ul.slider li.slide04 span.sec01_btn03 {
    top: 5vw;
    left: 47vw;
}
.sec01 ul.slider li.slide04 span.sec01_btn04 {
    top: calc( 14px + 8vw );
    left: calc( 4px + 67vw );
}
.sec01 ul.slider li.slide04 span.sec01_btn05 {
    top: 22vw;
    left: calc( 14px + 38vw );
}
.sec01 ul.slider li.slide04 span.sec01_btn06 {
    top: 25vw;
    left: calc( 6px + 59vw );
}

@media screen and (max-width: 785px) {
    .sec01 ul.slider li span {
        display: none;
    }
}

/* sec02 */
.sec02 .top-ttl {
    /* padding-top: 4%; */
    color: #002f9c;
    text-shadow: none;
}
.sec02 .top-sub_ttl {
    color: #002f9c;
    text-shadow: none;
}
.sec02 .mb40 {
    margin-bottom: 2% !important;
}
/* sec03 */
.sec03 .service-list {
    margin-top: 0;
}
/* .sec03 .top-ttl {
    padding-top: 4%;
} */
.sec03 .top-ttl:before {
    content: "";
    background: url(../images/top/sec03_ttl_ico.png) no-repeat;
    display: inline-block;
    width: 103px;
    height: 75px;
    margin-right: 30px;
    position: relative;
    top: 10px;
}
/* sec04 */
/* .sec04 .top-ttl {
    padding-top: 4%;
} */
.sec04 .top-ttl:before {
    content: "";
    background: url(../images/top/sec04_ttl_ico.png) no-repeat;
    display: inline-block;
    width: 67px;
    height: 67px;
    margin-right: 30px;
    position: relative;
    top: 3px;
}
.sec04 .service-list {
    margin-top: 4%;
}
/* sec05 */
.sec05 .top-ttl,
.sec05 .top-sub_ttl {
    color: #fff;
    text-shadow: none;
}
.sec05 .top-ttl:before {
    content: "";
    background: url(../images/top/sec05_ttl_ico.png) no-repeat;
    display: inline-block;
    width: 66px;
    height: 84px;
    margin-right: 30px;
    position: relative;
    top: 10px;
}
/* sec06 */
.sec06 .top-ttl,
.sec06 .top-sub_ttl {
    color: #fff;
    text-shadow: none;
}
.sec06 .top-ttl:before {
    content: "";
    background: url(../images/top/sec06_ttl_ico.png) no-repeat;
    display: inline-block;
    width: 86px;
    height: 88px;
    margin-right: 30px;
    position: relative;
    top: 10px;
}
/* sec07 */
.sec07 .top-ttl,
.sec07 .top-sub_ttl {
    color: #fff;
    text-shadow: none;
}
.sec07 .top-ttl:before {
    content: "";
    background: url(../images/top/sec07_ttl_ico.png) no-repeat;
    display: inline-block;
    width: 70px;
    height: 76px;
    margin-right: 30px;
    position: relative;
    top: 7px;
}
/* sec08 */
.sec08 .top-ttl,
.sec08 .top-sub_ttl {
    color: #fff;
    text-shadow: none;
}
.sec08 .top-ttl:before {
    content: "";
    background: url(../images/top/sec08_ttl_ico.png) no-repeat;
    display: inline-block;
    width: 87px;
    height: 87px;
    margin-right: 30px;
    position: relative;
    top: 5px;
}
/* sec09 & sec10 */
.sec09 .top-ttl,
.sec09 .top-sub_ttl,
.sec10 .top-ttl,
.sec10 .top-sub_ttl,
.sec12 .top-ttl,
.sec12 .top-sub_ttl {
    color: #fff;
    text-shadow: none;
}
/* sec11 */
.sec11 .service-list {
    margin-top: 0;
}
.sec11 .top-ttl,
.sec11 .top-sub_ttl {
    text-shadow: none;
}
.sec11 .top-ttl {
    color: #1d4e9e;
}

/* about */
@keyframes anime {
    0% { margin-top: -10px; }
    50% { margin-top: 10px; }
    100% { margin-top: -10px; }
}

@-webkit-keyframes anime {
    0% { margin-top: -10px; }
    50% { margin-top: 10px; }
    100% { margin-top: -10px; }
}

@keyframes anime2 {
    0% { margin-top: 10px; }
    50% { margin-top: -10px; }
    100% { margin-top: 10px; }
}

@-webkit-keyframes anime2 {
    0% { margin-top: 10px; }
    50% { margin-top: -10px; }
    100% { margin-top: 10px; }
}

body.about {
    background: #f2e65e;
}
body.about .top-ttl {
    color: #002f9c;
}
.sec-about02 {
    position: relative;
    margin-bottom: 90px;
}
.sec-about02 .bg_img {
    position: relative;
    z-index: 1;
}
.sec-about02 .bg_img .imgA {
    position: relative;
    z-index: 1;
}
.sec-about02 .bg_img .balloon {
    position: absolute;
    z-index: 10;
    transform: translate3d(-50%, -50%, 0);
    width: 100px;
    height: 134px;
}
.sec-about02 .bg_img .i01 {
    top: calc(10px + 9vw);
    left: calc(10px + 16vw);
    animation-delay: 500ms;
    -webkit-animation: anime 4s linear infinite;
    animation: anime 4s linear infinite;
}
.sec-about02 .bg_img .i02 {
    top: calc(10px + 10vw);
    left: calc(10px + 58vw);
    animation-delay: 500ms;
    -webkit-animation: anime2 4s linear infinite;
    animation: anime2 4s linear infinite;
}
.sec-about02 .bg_img .i03 {
    top: calc(0px + 7vw);
    left: calc(0px + 93vw);
    animation-delay: 500ms;
    -webkit-animation: anime 4s linear infinite;
    animation: anime 4s linear infinite;
}
.sec-about02 .bg_img .i04 {
    top: calc(10px + 19vw);
    left: calc(10px + 41vw);
    animation-delay: 500ms;
    -webkit-animation: anime2 4s linear infinite;
    animation: anime2 4s linear infinite;
}
.sec-about02 .bg_img .i05 {
    top: calc(10px + 18vw);
    left: calc(10px + 65vw);
    animation-delay: 500ms;
    -webkit-animation: anime 4s linear infinite;
    animation: anime 4s linear infinite;
}
.sec-about02 .bg_img .i06 {
    top: calc(10px + 24vw);
    left: calc(10px + 76vw);
    animation-delay: 500ms;
    -webkit-animation: anime2 4s linear infinite;
    animation: anime2 4s linear infinite;
}
.sec-about02 .bg_img .i07 {
    top: calc(10px + 32vw);
    left: calc(10px + 21vw);
    animation-delay: 500ms;
    -webkit-animation: anime 4s linear infinite;
    animation: anime 4s linear infinite;
}
.sec-about02 .bg_img .i08 {
    top: calc(10px + 30vw);
    left: calc(10px + 90vw);
    animation-delay: 500ms;
    -webkit-animation: anime2 4s linear infinite;
    animation: anime2 4s linear infinite;
}
.sec-about02 .bg_img .i09 {
    top: calc(10px + 41vw);
    left: calc(10px + 4vw);
    animation-delay: 500ms;
    -webkit-animation: anime 4s linear infinite;
    animation: anime 4s linear infinite;
}
.sec-about02 .bg_img .i10 {
    top: calc(10px + 48vw);
    left: calc(10px + 17vw);
    animation-delay: 500ms;
    -webkit-animation: anime2 4s linear infinite;
    animation: anime2 4s linear infinite;
}
.sec-about02 .bg_img .i11 {
    top: calc(10px + 51vw);
    left: calc(10px + 39vw);
    animation-delay: 500ms;
    -webkit-animation: anime 4s linear infinite;
    animation: anime 4s linear infinite;
}
.sec-about02 .bg_img .i12 {
    top: calc(10px + 41vw);
    left: calc(10px + 85vw);
    animation-delay: 500ms;
    -webkit-animation: anime2 4s linear infinite;
    animation: anime2 4s linear infinite;
}

.sec-about03 {
    position: relative;
    margin-bottom: 50px;
}
.sec-about03 .bg_img {
    position: relative;
    z-index: 1;
}
.sec-about03 .bg_img .imgA {
    position: relative;
    z-index: 1;
}
.sec-about03 .bg_img .balloon {
    position: absolute;
    z-index: 10;
    transform: translate3d(-50%, -50%, 0);
    width: 100px;
    height: 141px;
}
.sec-about03 .bg_img .i13 {
    top: calc(10px + 11vw);
    left: calc(10px + 52vw);
    animation-delay: 500ms;
    -webkit-animation: anime 4s linear infinite;
    animation: anime 4s linear infinite;
}
.sec-about03 .bg_img .i14 {
    top: calc(10px + 24vw);
    left: calc(10px + 52vw);
    animation-delay: 500ms;
    -webkit-animation: anime2 4s linear infinite;
    animation: anime2 4s linear infinite;
}
.sec-about03 .bg_img .i15 {
    top: calc(10px + 22vw);
    left: calc(5px + 72vw);
    animation-delay: 500ms;
    -webkit-animation: anime 4s linear infinite;
    animation: anime 4s linear infinite;
}
.sec-about03 .bg_img .i16 {
    top: calc(10px + 17vw);
    left: calc(10px + 82vw);
    animation-delay: 500ms;
    -webkit-animation: anime2 4s linear infinite;
    animation: anime2 4s linear infinite;
}
.sec-about03 .bg_img .i17 {
    top: calc(10px + 41vw);
    left: calc(2px + 56vw);
    animation-delay: 500ms;
    -webkit-animation: anime 4s linear infinite;
    animation: anime 4s linear infinite;
}
.sec-about03 .bg_img .i18 {
    top: calc(10px + 49vw);
    left: calc(10px + 9vw);
    animation-delay: 500ms;
    -webkit-animation: anime2 4s linear infinite;
    animation: anime2 4s linear infinite;
}

.sec-about03 .bg_img .i19 {
    top: calc(10px + 11vw);
    left: calc(10px + 38vw);
    animation-delay: 500ms;
    -webkit-animation: anime2 4s linear infinite;
    animation: anime2 4s linear infinite;
}

.sec-about03 .bg_img .i20 {
    top: calc(10px + 24vw);
    left: calc(10px + 64vw);
    animation-delay: 500ms;
    -webkit-animation: anime2 4s linear infinite;
    animation: anime2 4s linear infinite;
}


.sec-about04 {
    margin-bottom: 70px;
}
.sec-about04 .inline-list li:first-child {
    margin-right: 80px;
}
.sec-about04 .inline-list li a {
    width: 300px;
}


.white-popup {
    width: 100%;
    max-width: 750px;
    padding: 65px 85px;
    margin: 0 auto;
    background: #fff;
}
.white-popup h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0;
}


/* modal content */
.btn-close {
    position: absolute;
    top: 0;
    right: 0;
}
body.modal {
}
body.modal .wrapper {
    max-width: 1000px;
    margin: 0 auto;
    padding: 50px 30px;
}
body.modal .modal-backlink {
    padding: 10px 0 50px;
}
body.modal .modal-backlink .inline-list li:first-child {
    margin-right: 80px;
}
body.modal .modal-backlink .inline-list li a {
    width: 300px;
}
.tab ul {
    width: 100%;
    margin: 0 auto;
}
.tab li {
    float: left;
    border: 2px solid #2a5bbe;
    border-right: none;
    width: 25%;
    max-width: 25%;
    text-align: center;
    font-size: 20px;
    position: relative;
}
.tab li:before {
    content: "";
    background: url(../images/modal/tab_bg.png) no-repeat;
    background-size: cover;
    width: 38px;
    height: 38px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.tab li:hover:before {
    display: none;
}
.tab-col5 li {
    width: 20%;
    max-width: 20%;
}
.tab-col3 li {
    width: 33.333333333333%;
    max-width: 33.333333333333%;
}
.tab li:last-child {
    border-right: 2px solid #2a5bbe;
}
.tab li:nth-child(5) {
    border-right: 2px solid #2a5bbe;
}
.tab li a {
    display: block;
    padding: 20px 0;
    color: #2b5abe;
    text-align: center;
}
.tab li.col2 a {
    padding: 10px 0;
}
.tab li.active a {
    background: #2b5abe;
    color: #fff;
}
.tab li.active:before {
    display: none;
}
.tab li.active:after {
    content: "";
    display: block;
    background: url(../images/modal/tab_active.png) no-repeat;
    width: 16px;
    height: 10px;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: -12px;
}
.tab li a:hover {
    background: #dfeaff;
    color: #2b5abe;
}
.tab-detail {
}
.tab-cont {
  display: none;
  padding-top: 80px;
}

.tab-col5 li a {/*20230830*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.needs-box {
    float: right;
    background: #f3f8ff;
    margin-bottom: 40px;
    padding: 15px 50px 30px;
    position: relative;
    width: 79%;
}
.needs-box:before {
    content: "";
    display: block;
    background: url(../images/modal/needs-bg.png) no-repeat;
    width: 29px;
    height: 24px;
    position: absolute;
    top: 36px;
    left: -29px;
}
.needs-box .ttl-needs {
    border-bottom: 1px solid #888888;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.needs-box .ttl-needs:before {
    content: "";
    display: inline-block;
    background: url(../images/modal/ico_needs.png) no-repeat;
    width: 35px;
    height: 53px;
    position: relative;
    top: 13px;
    margin-right: 18px;
}
.needs-box ul li {
    font-size: 20px;
    margin-bottom: 25px;
    padding-left: 38px;
}
.needs-box ul li:before {
    content: "";
    display: block;
    background: url(../images/modal/ico_check.png) no-repeat;
    background-size: cover;
    width: 28px;
    height: 28px;
    float: left;
    margin-left: -38px;
    position: relative;
    top: 1px;
}
.needs-box ul li:last-child {
    margin-bottom: 0;
}
.center_img {
    padding: 0 0 80px;
    text-align: center;
}
.network_pt60 {
    padding-top: 60px;
}
.inline-list.network_btn-list li {
    width: 48%;
}
.inline-list.network_btn-list li:last-child {
    margin-left: 2%;
}

.cloud-service-list article {
    max-width: 280px;
    float: left;
    margin: 0 16px 40px;
    padding: 20px;
    background: #fffeca;
}
.cloud-service-list article h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #19d8bb;
    margin-bottom: 15px;
}
.cloud-service-list article figure {
    text-align: center;
    margin-bottom: 15px;
}

.normal-list li:before {
    content: "";
    display: inline-block;
    background: #8a8a8a;
    width: 11px;
    height: 1px;
    margin-right: 15px;
    position: relative;
    top: -5px;
}

a.blank {
    color: #2a5bbe;
}
a.blank:after {
    content: "\f08e";
    font-family: 'FontAwesome';
    font-size: 20px;
    padding-left: 7px;
}

.ttl01 {
    font-size: 48px;
    text-align: center;
    border-bottom: 1px solid #3a3a3a;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.ttl02 {
    font-size: 24px;
    margin-bottom: 50px;
}
.ttl03 {
    font-size: 24px;
    font-weight: 400;
    color: #2a5bbe;
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 20px;
    margin-bottom: 40px;
    text-align: center;
}
.ttl03 span.ico01:before {
    content: "";
    background: url(../images/modal/ar01.png) no-repeat;
    width: 29px;
    height: 39px;
    display: inline-block;
    position: relative;
    top: 9px;
    margin-right: 20px;
}
.ttl03 span.ico02:before {
    content: "";
    background: url(../images/modal/ar02.png) no-repeat;
    width: 26px;
    height: 36px;
    display: inline-block;
    position: relative;
    top: 9px;
    margin-right: 20px;
}
.ttl03 span.ico03:before {
    content: "";
    background: url(../images/modal/ar03.png) no-repeat;
    width: 36px;
    height: 34px;
    display: inline-block;
    position: relative;
    top: 8px;
    margin-right: 20px;
}
.ttl03 span.cloud_ico01:before {
    content: "";
    background: url(../images/cloud/ar01.png) no-repeat;
    width: 32px;
    height: 38px;
    display: inline-block;
    position: relative;
    top: 10px;
    margin-right: 20px;
}
.ttl03 span.cloud_ico02:before {
    content: "";
    background: url(../images/cloud/ar02.png) no-repeat;
    width: 68px;
    height: 43px;
    display: inline-block;
    position: relative;
    top: 12px;
    margin-right: 20px;
}
.ttl03 span.cloud_ico03:before {
    content: "";
    background: url(../images/cloud/ar03.png) no-repeat;
    width: 53px;
    height: 42px;
    display: inline-block;
    position: relative;
    top: 11px;
    margin-right: 20px;
}
.ttl03 span.cloud_ico04:before {
    content: "";
    background: url(../images/cloud/ar04.png) no-repeat;
    width: 35px;
    height: 39px;
    display: inline-block;
    position: relative;
    top: 9px;
    margin-right: 20px;
}
.ttl03 span.cloud_ico05:before {
    content: "";
    background: url(../images/cloud/ar05.png) no-repeat;
    width: 37px;
    height: 47px;
    display: inline-block;
    position: relative;
    top: 12px;
    margin-right: 20px;
}
.ttl04 {
    font-size: 20px;
    margin-bottom: 20px;
}
.ttl04:before {
    content: "";
    display: inline-block;
    background: #2a5bbe;
    width: 14px;
    height: 4px;
    margin-right: 15px;
    position: relative;
    top: -4px;
}
.ttl05 {
    border-bottom: 1px solid #3a3a3a;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.ttl09 {
    font-size: 16px;
    font-weight: 500;
    border-bottom: 3px solid #d6d6d6;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    position: relative;
}
.ttl09:after {
    content: "";
    background: #2a5bbe;
    width: 30px;
    height: 3px;
    position: absolute;
    bottom: -3px;
    left: 0;
}
.ttl10 {
    font-size: 30px;
    font-weight: 300;
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 16px;
    margin: 10px auto 32px;
    text-align: center;
}
.ico-ttl {
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 80px;
    margin-bottom: 60px;
}
.ico-ttl:before {
    content: "";
    display: block;
    background: #2a5bbe;
    width: 120px;
    height: 4px;
    margin: 0 auto;
}
.ico-ttl span.ico01:before {
    content: "";
    display: inline-block;
    background: url(../images/modal/ico_01.png) no-repeat;
    width: 25px;
    height: 25px;
    position: relative;
    top: 5px;
    margin-right: 14px;
}
.ico-ttl span.ico02:before {
    content: "";
    display: inline-block;
    background: url(../images/modal/ico_02.png) no-repeat;
    width: 29px;
    height: 39px;
    position: relative;
    top: 10px;
    margin-right: 14px;
}

/* modal ttl ico */
.ttl01 span:before {
    content: "";
    background-size: cover !important;
    display: inline-block;
    position: relative;
    margin-right: 40px;
}
.ttl01 span.network_ico01:before {
    background: url(../images/network/ico01.png) no-repeat;
    width: 93px;
    height: 40px;
}
.ttl01 span.network_ico02:before {
    background: url(../images/network/ico02.png) no-repeat;
    width: 61px;
    height: 65px;
    top: 15px;
}
.ttl01 span.network_ico03:before {
    background: url(../images/network/ico03.png) no-repeat;
    width: 84px;
    height: 69px;
    top: 14px;
}
.ttl01 span.network_ico04:before {
    background: url(../images/network/ico04.png) no-repeat;
    width: 69px;
    height: 61px;
    top: 11px;
}
.ttl01 span.network_ico05:before {
    background: url(../images/network/ico05.png) no-repeat;
    width: 76px;
    height: 69px;
    top: 18px;
}
.ttl01 span.internet_ico01:before {
    background: url(../images/internet/ico01.png) no-repeat;
    width: 82px;
    height: 68px;
    top: 12px;
}
.ttl01 span.internet_ico02:before {
    background: url(../images/internet/ico02.png) no-repeat;
    width: 49px;
    height: 55px;
    top: 7px;
}
.ttl01 span.internet_ico03:before {
    background: url(../images/internet/ico03.png) no-repeat;
    width: 62px;
    height: 82px;
    top: 21px;
}
.ttl01 span.security_ico01:before {
    background: url(../images/security/ico01.png) no-repeat;
    width: 74px;
    height: 55px;
    top: 10px;
}
.ttl01 span.cloud_ico01:before {
    background: url(../images/cloud/ico01.png) no-repeat;
    width: 59px;
    height: 41px;
    top: 2px;
}
.ttl01 span.phone_ico02:before {
    background: url(../images/phone_mobile/ico02.png) no-repeat;
    width: 46px;
    height: 52px;
    top: 6px;
}
.ttl01 span.solution_ico01:before {
    background: url(../images/solution/ico01.png) no-repeat;
    width: 66px;
    height: 55px;
    top: 11px;
}


/* contact */
.contact-btn-list {
    letter-spacing: -.40em;
    margin-bottom: 50px;
    text-align: center;
}
.contact-btn-list li {
    letter-spacing: normal;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    width: 50%;
    line-height: 83px;
}
.contact-btn-list li a {
    display: block;
    background: #fff;
    border: 1px solid #17c9bb;
}
.contact-btn-list li.active a,
.contact-btn-list li a:hover {
    background: #17c9bb;
    color: #fff;
}
.contact-btn-list li:last-child a {
    border-left: none;
}
.contact-btn-list li a:before {
    content: "";
    display: inline-block;
    background: url(../images/contact/ico_contact02.png) no-repeat;
    width: 37px;
    height: 29px;
    margin-right: 10px;
    position: relative;
    top: 6px;
}
.contact-btn-list li.active a:before,
.contact-btn-list li a:hover:before {
    background: url(../images/contact/ico_contact01.png) no-repeat;
}

body.contact .wrapper {
    max-width: 1000px;
    padding: 130px 0;
}
.contact .footer-top {
    margin-bottom: 75px;
}
.contact .footer-top .inner {
    max-width: 960px;
    margin: 0 auto;
    color: #fff;
}
.contact .footer-top .inner a {
    color: #fff;
}
.contact .footer-top .tel-area {
    background: #50a0f0;
    float: left;
    width: 100%;
    padding: 30px;
}
.contact .footer-top .tel-area > .left p {
    font-size: 24px;
    padding-left: 59px;
    /*margin-top: 60px;*/
    position: relative;
}
.contact .footer-top .tel-area > .left .tel-area-tit {
	margin-top: 0;
}
.contact .footer-top .tel-area > .left p:before {
    content: "";
    background: url(../images/common/ico_tel.png) no-repeat;
    display: block;
    width: 49px;
    height: 50px;
    position: absolute;
    top: 5px;
    left: 0;
}
.contact .footer-top .tel-area > .left p span {
    font-size: 18px;
}
.contact .footer-top .tel-area > .right .name {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    padding-left: 18px;
}
.contact .footer-top .tel-area > .right .tel {
    font-size: 48px;
    border-bottom: 1px solid #fff;
    padding: 0 18px 10px;
    margin-bottom: 20px;
    line-height: 38px;
}
.contact .footer-top .tel-area > .right .tel span {
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}
.contact .footer-top .tel-area > .right .left:first-child {
    border-right: 1px solid #fff;
    padding-right: 40px;
    margin-right: 40px;
    padding-left: 18px;
}
.contact .footer-top .tel-area > .right .left p {
    font-size: 15px;
    line-height: normal;
}
.contact .footer-top .tel-area > .right .left p.service-tel,
.contact .footer-top .tel-area > .right .left p.facility-tel {
    font-size: 30px;
}
.contact .footer-top .tel-area .p-contact-information {
    margin: 0;
}
.contact .footer-top .tel-area .p-contact-information_wrap:last-child,
.contact .footer-top .tel-area .p-contact-information_wrap:last-child .p-contact-information_tel,
.contact .footer-top .tel-area .p-contact-information_wrap:last-child .p-contact-information_time {
	margin-bottom: 0;
}

.contact .inner {
    max-width: 960px;
    margin: 0 auto;
}
.contact .form-list p {
    line-height: 40px;
}
.contact .form-list label input {
    position: relative;
    top: -7px;
    margin-right: 5px;
}
.contact .form-list .btn-normal,
.contact .form-list .btn-primary02 {
    line-height: 24px;
    width: 48%;
}
.disabled,
.disabled:hover {
    background: #bebbbc;
    opacity: 1;
    cursor: default;
}

.text,
.textarea {
    -webkit-appearance: none;
    border: 1px solid #bebbbc;
    border-radius: 0;
    font-size: 16px;
    padding: 10px 15px 11px;
    width: 100%;
}
.textarea {
    width: 100% !important;
    height: 160px !important;
}
.select {
    border: 1px solid #bebbbc;
    border-radius: 0;
    font-size: 16px;
    padding: 9px 15px 12px;
    width: 48%;
}
.text.w48per {
    width: 48%;
}

/* company
--------------------------------------------- */

.company .tab.col3 li {
    border: 1px solid #3a3a3a;
    width: 33.3333%;
    max-width: 33.3333%;
    text-align: center;
    font-size: 20px;
    margin: -1px -1px 0 0;
}
.modal.company .tab li.active:after {
    display: none;
}

.flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0 2%;
}
.flex .flex {
    flex-flow: row nowrap;
    justify-content: space-around;
    padding: 0;
}
.flex .flex.wrap {
    flex-flow: wrap;
}
.flex._itemCenter {
    align-items: center;
}
.flex .flexbox {
    align-self: center;
    padding: 1%;
}
.flex ._selfEnd {
    align-self: flex-end;
}
.flex ._selfStart {
    align-self: flex-start;
}
.flex ._selfAuto {
    align-self: auto;
}
.flex ._col1 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
    max-width: 100%;
}
.flex ._col2 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 50%;
    max-width: 50%;
}
.flex ._col3 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 33.333%;
    max-width: 33.333%;
}
.flex ._col3-2 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 66.666%;
    max-width: 66.666%;
}
.flex ._col3-suuji01 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 360px;
    max-width: 360px;
}
.flex ._col3-suuji02 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 210px;
    max-width: 210px;
}
.flex ._col3-suuji03 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 300px;
    max-width: 300px;
}
.flex ._col3-view01 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 164px;
    max-width: 164px;
}
.flex ._col3-view02 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 262px;
    max-width: 262px;
}
.flex ._col3-view03 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 445px;
    max-width: 445px;
}
.flex ._col4 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 25%;
    max-width: 25%;
}
.flex ._col4-view01 {
    flex-grow: 0;
    flex-shrink: 1;
    /*flex-basis: 160px;
    max-width: 160px;*/
    flex-basis: 164px;
    max-width: 164px;
}
.flex ._col4-view02 {
    flex-grow: 0;
    flex-shrink: 1;
    /*flex-basis: 343px;
    max-width: 343px;*/
    flex-basis: 262px;
    max-width: 262px;
}
.flex ._col4-view03 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 238px;
    max-width: 238px;
}
.flex ._col4-view04 {
    flex-grow: 0;
    flex-shrink: 1;
    /*flex-basis: 130px;
    max-width: 130px;*/
    flex-basis: 207px;
    max-width: 207px;
}
.flex ._col4-view04.pl30 {
    padding-left: 30px !important;
}
.flex ._col5 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 20%;
    max-width: 20%;
}
.flex ._col6 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 16.666%;
    max-width: 16.666%;
}
.flex ._lineTop {
    border-top: 1px solid #bfbfbf;
    padding: 1% 1% 2%;
}
.flex ._lineTopBottom {
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    padding: 1% 1% 2%;
}
.flex ._lineTopBottomNo {
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid transparent;
    padding: 1% 1% 2%;
}
.flex ._lineL {
    border-left: 1px solid #202020;
    padding-left: 20px;
}
.flex ._lineB {
    border-bottom: 1px solid #202020;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
._boxline01 {
    border: 6px solid #7acbff;
    padding: 40px 10px;
}
._boxline02 {
    border: 6px solid #6dded5;
    padding: 40px 10px;
}

.lineColumn {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #bfbfbf;
}
.lineColumn.lineNone {border-bottom: none;}
.lineColumn .flex ._lineL {border-left-color: #bfbfbf;}

.company .subttl {
    font-size: 18px;
    margin-bottom: 40px;
    padding-bottom: 15px;
    border-bottom: 1px solid #bfbfbf;
}
.company .ico_pdf {
    display: block;
    font-size: 18px;
    color: #2a5bbe;
    padding: 5px 0 5px 50px;
    position: relative;
}
.company .ico_pdf::before {
    content: '';
    width: 28px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/common/ico_pdf.png) no-repeat;
}
.company .ico_blank {
    display: block;
    padding: 5px 0 5px 30px;
    position: relative;
}
.company .ico_blank::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 30%;
    left: 0;
    background: url(../images/common/ico_blank.png) no-repeat;
}

/* suuji */
.suujiOtnet .flex .flexbox {
    padding: 5px;
}
.suujiOtnet .flex ._lineL {
    padding-left: 15px;
}
.suujiOtnet  dl dt {
    padding: 5px 0;
}
.suujiOtnet  dl dl dt {
    padding: 0;
}
.suujiOtnet .iconTit {
    position: relative;
}
.suujiOtnet .iconTit.pic02,
.suujiOtnet .iconTit.pic03 {
    margin-bottom: 46px !important;
}
.suujiOtnet .iconTit:after {
    content: "";
    width: 80px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
}
.suujiOtnet .iconTit.pic01:after {
    height: 60px;
    background: url(../images/company/iconPic01.png) center no-repeat;
}
.suujiOtnet .iconTit.pic02:after {
    background: url(../images/company/iconPic02.png) center no-repeat;
}
.suujiOtnet .iconTit.pic03:after {
    background: url(../images/company/iconPic03.png) center no-repeat;
}
.suujiOtnet .iconTit.pic04:after {
    background: url(../images/company/iconPic04.png) center no-repeat;
}
.suujiOtnet .iconTit.pic05:after {
    height: 35px;
    background: url(../images/company/iconPic05.png) center no-repeat;
}
.suujiOtnet .iconTit.pic06:after {
    height: 30px;
    background: url(../images/company/iconPic06.png) center no-repeat;
}
.suujiOtnet .iconTit.pic07:after {
    height: 27px;
    background: url(../images/company/iconPic07.png) center no-repeat;
}
.suujiOtnet .iconTit.pic08:after {
    height: 38px;
    background: url(../images/company/iconPic08.png) center no-repeat;
}
.suujiOtnet .iconTit.pic09:after {
    background: url(../images/company/iconPic09.png) center no-repeat;
}
.suujiOtnet .iconTit.pic10:after {
    height: 58px;
    background: url(../images/company/iconPic10.png) center no-repeat;
    width: 180px;
}

.diplay-sp {
    display: none;
}
.displayF {
    text-align: left !important;
    padding-top: 29px;
    position: relative;
}
.displayF-text {
    position: absolute;
    left: 68px;
}
.displayF-text02 {
    position: absolute;
    left: 147px;
    top: 48px;
}

.suujiOtnet .iconTit.pic07:after,
.suujiOtnet .iconTit.pic08:after,
.suujiOtnet .iconTit.pic09:after,
.suujiOtnet .iconTit.pic10:after {
    position: absolute;
    top: 11%;
}
.suujiOtnet .iconTit.pic07:after {
    top: 30%;
    right: 0;
}
.suujiOtnet .iconTit.pic10:after {
    right: -50px;
}

.privacy ol {
    margin-left: 20px;
    font-size: 14px;
}
.privacy ul {
    margin-left: 60px;
}
.privacy ul li {
    list-style: outside disc;
}
.privacy ol li {
    font-size: 16px;
    font-weight: bold;
}
.privacy ol li::after {
    content: '';
    display: block;
    margin-bottom: 40px;
    margin-left: -20px;
    border-bottom: 1px solid #bfbfbf;
}
.privacy ol li * {
    font-size: initial;
    font-weight: normal;
}
.privacy ol li li {
    border-bottom: none;
}
.privacy ol .tb03 .tbcol01 { width: 50%; }
.privacy ol .tb03 .tbcol02 { width: 35%; }
.privacy ol .tb03 .tbcol03 { width: 15%; }
.privacy ol .tb03 .tbcol04 { width: 85%; }
.privacy ol .tb03 th,
.privacy ol .tb03 td { border: 1px solid #d5d5d5; }

.privacy .extraColumn {
    margin-bottom: 40px;
    border-bottom: 1px solid #bfbfbf;
}
.privacy .extraColumn.lineNo {
    padding-bottom: 40px;
    border-bottom: none;
}
.privacy .extraColumn ol,
.privacy .extraColumn ul {
    margin-left: 50px;
}
.privacy .extraColumn p,
.privacy .extraColumn ol ul {
    margin-left: 30px;
}
.privacy .extraColumn dl {
    margin: 30px 0 0 40px;
}
.privacy .extraColumn dl dl {
    margin: 10px 0 0;
}
.privacy .extraColumn ol li {
    padding-bottom: 40px;
}
.privacy .extraColumn ol li li {
    padding-bottom: 0;
}
.privacy ol li li::after,
.privacy .extraColumn ol li::after {
    display: none;
}


.ml60 {
  margin-left: 60px !important;
}
.ml70 {
  margin-left: 70px !important;
}
.ml80 {
  margin-left: 80px !important;
}
.privacy .bold {
  font-weight: bold;
}
.privacy .privacy-list {
  margin-left: 0;
}
.privacy .privacy-list .privacy-list__item {
  list-style: none;
}
.privacy-list__link,
.privacy-link {
  color: #2a5bbe;
  text-decoration: underline;
}
.accordion-container .accordion-title {
  position: relative;
  padding: 10px;
  background: #1f4e79;
  color: #fff;
  cursor: pointer;
  margin-bottom: 15px;
}
.accordion-container .accordion-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  transform: rotate(90deg);
  background: #fff;
  transition: all .3s ease-in-out;
}
.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  background: #fff;
  transition: all .2s ease-in-out;
}
.accordion-container .accordion-title.open::before {
  transform: rotate(180deg);
}
.accordion-container .accordion-title.open::after {
  opacity: 0;
}
.accordion-container {
  padding-bottom: 40px;
}
.accordion-container-inner {
  padding: 10px 25px;
  border: 1px solid #1f4e79;
  background: #e7f3ff;
  margin-top: 25px;
}
.privacy .freetel {
  position: relative;
  top: 5px;
  left: -3px;
}
.public-information-link {
  text-align: center;
}
.public-information-link a {
  text-align: center;
  color: #2a5bbe;
  text-decoration: underline;
}
.public-information-link a:hover {
  color: #96c1c9;
}


.aboutUsList{
	line-height: 1.6em;
}
.aboutUsList dt{
	width: 20em;
}
.aboutUsList dd{
	margin: -1.6em 0 2px 0;
	padding: 0 0 2px 23em;
}
.company .aboutUsList br {display: none;}
.cookie .link-text {
    color: #e60012;
}

.sohikizu-area {/*20220316*/
  margin-top: 150px;
}

/* recruit
--------------------------------------------- */

/* header */
.recruit .header {padding: 44px 0;}
.recruit .header .inner {max-width: 1200px;}
.recruit .header .inner ul {
    float: right;
    padding-right: 70px;
    position: relative;
    top: auto;
    right: auto;
}
.recruit .header .inner ul li {
    display: inline-block;
    font-size: 15px;
    margin: 0 15px;
}
.recruit .header .inner ul li:after {
    display: none;
}
.recruit .header .inner ul li:nth-child(3) {
    margin: 0 5px 0 15px;
}
.recruit .header .inner ul li:nth-child(4) {
    margin: 0;
}
.recruit .header .inner ul li a {
    color: #2838a9;
    font-weight: 500;
}
.recruit .header .inner ul li .btn-normal {
    font-size: 15px;
    padding: 5px 10px;
    background-color: #2838a9;
}

.recruit .logo {font-size: 22px; font-weight: 500; color: #404040;}
.recruit .logo img {
    width: 133px;
    vertical-align: bottom;
    margin-right: 30px;
}

.recruit .footer {padding-top: 0;}
.recruit .footer-top {
    background-image:linear-gradient(-40deg, #00c4b4 50%, #2838a9 50%);
}
.recruit #wrapper .footer .footer-top .inner {
    max-width: 1200px;
    min-height: 230px;
}
.recruit .flexbox.ftBtn {
    text-align: center;
    padding-top: 100px !important;
}
.recruit .flexbox.ftBtn a {
    font-size: 30px;
    padding-left: 20px;
    background: url(../images/common/ico_arr01.png) left center no-repeat;
}
.recruit .footer .footer-bottom .f-link02 li.last._sp {
    display: none;
}

/* com parts */
.recruit .fBlue {color:#2838a9 !important;}

.recruit .txtHead01 {
    font-size: 34px;
    text-align: center;
    margin-bottom: 70px;
    position: relative;
}
.recruit .txtHead01 span {
    position: relative;
    padding: 0 20px;
    background: #fff;
}
.recruit .txtHead01::before {
    display: block;
    content: '';
    width: 100%;
    border-bottom: 1px solid #000;
    position: absolute;
    top: 50%;
    left: 0;
}

.recruit #wrapper {padding-top: 128px;}
.recruit #wrapper .inner {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    top: auto;
    left: auto;
    transform: translateY(0) translateX(0);
}
.recruit #wrapper .inner.conts {padding-top: 50px;}
.recruit #wrapper .sec {padding: 68px 68px 100px;}

.recruit .flex {
    flex-flow: row wrap;
    justify-content: center;
    padding: 0;
}
.recruit .flex .flexbox {
    align-self: auto;
    padding: 0;
    position: relative;
}
.recruit .flex .flexbox img {
    width: 100%;
    vertical-align: bottom;
}

/* contents top */
.recruit .slider img {
    width: 100%;
}
.recruit .slider .slick-next {right: 20px;}

.recruit .peoplelist {
    width: 100%;
    min-height: 455px;
    position: relative;
    background-color: #f1f8fc;
    counter-increment : chapter;
}
.recruit .peoplelist.no01 {
    background: url(../images/recruit/people01_pc.jpg) center no-repeat;
    background-size: cover;
}
.recruit .peoplelist.no02 {
    background: url(../images/recruit/people02_pc.jpg) center no-repeat;
    background-size: cover;
}
.recruit .peoplelist.no03 {
    background: url(../images/recruit/people03_pc.jpg) center no-repeat;
    background-size: cover;
}
.recruit .peoplelist.no04 {
    background: url(../images/recruit/people04_pc.jpg) center no-repeat;
    background-size: cover;
}
.recruit .peoplelist.recruiter {
    min-height: 430px;
    background: url(../images/recruit/recruiterBnr01_pc.jpg) center no-repeat;
    background-size: cover;
}
.recruit .innerBox {
    max-width: 1170px;
    margin: 0 auto;
    padding: 50px 0;
    position: relative;
    z-index: 9;
    text-align: justify;
}
.recruit .innerBox::before {
    display: block;
    content : '0'counter(chapter);
    font-size: 92px;
    color:#cce8ff;
    margin-bottom: 10px;
    line-height: 1;
}
.recruit .innerBox.noNum::before {
    display: none;
}
.recruit .peoplelist.recruiter .innerBox {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 80px 0;
}
.recruit .peoplelist.recruiter .recruiterBox {
    width: 50%;
    margin: 0;
}

.recruit .linkBnr ._col2 {
    align-self: center !important;
    min-height: 420px;
    background: url(../images/recruit/bgcontImg02.png) center no-repeat;
    background-size: cover;
}
.recruit .linkBnr ._col2:last-child {
    background: url(../images/recruit/bgcontImg01.png) center no-repeat;
    background-size: cover;
}
.recruit .linkBnr a .linkBnrInner {
    width: 100%;
    position: absolute;
    top: 40%;
}

.recruit .recruitNews {
    padding: 50px 0;
    position: relative;
    border-bottom: 1px solid #b7b7b7;
}
.recruit .recruitNews::after {
    display: block;
    content: '';
    height: 100%;
    border-left: 1px solid #b7b7b7;
    position: absolute;
    top: 0;
    left: 50%;
}
.recruit .recruitNews ._col2 h2,
.recruit .recruitNews ._col2 a {
    color: #2567cb;
}
.recruit .recruitNews ._col2:last-child h2,
.recruit .recruitNews ._col2:last-child a {
    color: inherit;
}
.recruit .recruitNews ._col2 ul {
    width: 60%;
    margin: 0 auto;
    text-align: left;
}
.recruit .recruitNews ._col2 ul li {
    padding: 5px 0;
    word-break: break-all;
}
.recruit .recruitNews ._col2 .update {
    float: left;
    margin-right: 20px;
}
.recruit .recruitNews ._col2 .newsTit {
    float: left;
}
.recruit .recruitNews ._col2 a:hover .newsTit {
    text-decoration: underline;
}

/* contents pop */
.recruit.popup #wrapper {
    padding-top: 0;
}
.recruit .contsColumn {
    padding: 30px;
}
.recruit .staffHead {
    position: relative;
}
.recruit .staffHead h1 span {
    margin-left: 20px;
}
.recruit .staffHead img {
    width: 100%;
}
.recruit #wrapper .staffHead .inner {
    /*width: 460px;*/
    /*width: 470px;*/
    width: 481px;
    position: absolute;
    bottom: 0;
    left: 0;
    /*padding: 20px;*/
    padding: 20px 20px 20px 30px;
    background: #fff;
    justify-content: flex-start;
}
.recruit #wrapper .staffHead .inner ._col2:first-child {
    /*flex: 0 0 74% !important;
    max-width: 74%;*/
    flex: 0 0 79% !important;
    max-width: 79%;
    text-align: left;
}
.recruit #wrapper .staffHead .inner ._col2:nth-child(2) {
    /*flex: 0 0 26% !important;*/
    flex: 0 0 21% !important;
}
h3.question {
    font-weight: bold;
}

.recruit .profile {
    border-bottom: 1px solid #3e4baf;
}

.recruit .faqAnswer {
    padding-top: 80px;
}
.recruit .faqAnswer .left {
    width: 68%;
}
.recruit .faqAnswer .right {
    width: 30%;
}

.recruit .faqAnswer02 .right {
    width: 67%;
}
.recruit .faqAnswer02 .left {
    width: 30%;
}

.recruit .flex.ftpager {
    /*width: 22%;*/
    width: 35%;
    padding: 30px 0;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
.recruit .flex.ftpager .flexbox {width: 20px; text-align: center;}
.recruit .flex.ftpager .flexbox:nth-child(2) {width: 100px;}
.recruit .flex.ftpager .flexbox span {
    display: inline-block;
    /*padding: 0 4px;*/
    padding: 0 2px;
    border: 1px solid #bcb8b7;
    margin-right: 10px;
}

.recruit .staff-info {
    padding: 50px;
}
.recruit-staff-arrow {
    width: 24px !important;
}
.recruit-close-btn {
    font-size: 30px;
}

/* access
--------------------------------------------- */
.accessMap {
    margin: -50px 0 80px;
}
.accessMap img {
	width:100%;
}

body.access .btn {
	margin:-55px auto 0;
	width:225px;
}

body.access .wrapper {
    max-width: 100%;
    margin: 0 auto;
    padding: 130px 0;
}
body.access .wrapper h1{
    max-width: 1000px;
    margin: 0 auto 80px;
}
.accessTbl {
	margin:0 auto;
	width:550px;
}
#gmap_ct {
	width:100%;
	height:427px;
}


/* rinen
--------------------------------------------- */
.rinenArea {
	border:2px solid #5689d7;
	/*padding:0 30px 30px;*/
	padding:0 30px 20px;/*20171204追記*/
	/*background: url(../images/company/companyBg.jpg) no-repeat left center;
    	/*background-size: cover;*/
    	position: relative;
}


/*20171204追記*/
.rinenArea .rinenPic {
    margin-top: 30px;
}
.rinenArea .rinenPic img {
    width: 100%;
}


.company #tab02.tab02 .rinenArea {
	/*padding: 100px 50px 170px;*/
	padding: 0 30px 20px;/*20171204追記*/
	/*background: url(../images/company/companyBg02.jpg) no-repeat left center;
	background-size: cover;*/
}
.rinenArea02 {
    margin-bottom:110px;
}
.nobg {
    background: none;
}
/*.rinenArea .ttl06 {
    color: #5689d7;
    font-size: 25px;
    font-weight: 600;
    border-top: 5px solid #5689d7;
    width: 270px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -135px;
    padding-top: 30px;
}*/


/*20171204追記*/
.rinenArea .ttl06 {
    color: #5689d7;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    position: relative;
    margin-bottom:25px;
    padding-top:30px;
}
.rinenArea .ttl06:after{
  width:12%;
  content: "";
  border-top: 7px solid #5689d7;
  position: absolute;
  left: 44%;
  right: 44%;
  top:0;
}
.company #tab02.tab02 .rinenArea .ttl06 {
	margin-bottom:50px;
}


.rinenArea .ttl07 {
	color:#5689d7;
	font-size:35px;
	font-weight:400;
	margin-bottom:20px;
}
.rinenArea .ttl08 {
	font-size:35px;
	font-weight:400;
	margin-bottom:30px;
}
/*.rinenArea .rinenBox {
    border:2px solid #5689d7;
    background-color: #fff;
	padding:28px 0 15px;
	width:400px;
	margin:0 auto 40px;
}*/
/*20171204追記*/
.rinenArea .rinenBox {
    	border-top:1px solid #000;
    	border-bottom:1px solid #000;
	padding:40px 0 25px;
	width:723px;
	margin:0 auto 40px;
}
.rinenArea .rinenTxt {
	margin:0 95px;
}


.rinenArea .rinenBox02 {
	border:2px solid #5689d7;
	padding:45px 0 25px;
	width:720px;
	margin:0 auto 40px;
}
.rinenArea .rinenBox h3,
.rinenArea .rinenBox02 h3{
	color:#5689d7;
	font-size:40px;
	font-weight:400;
	margin-bottom:15px;
}
.rinenArea .rinenBox p,
.rinenArea .rinenBox02 p{
	/*font-size:18px;*/
	font-size:22px;/*20171204追加*/
	font-weight:400;
}
.rinenArea .rinenContainer {
	width:725px;
	margin:40px auto 20px;
}
.rinenArea .rinenContainer .rinenBox {
	float:left;
	width:350px;
	margin:0 25px 20px 0;
}
.rinenArea .rinenContainer .rinenBox:nth-child(2n){
	margin-right:0;
}
.rinenArea .rinenContainer02 {
	width:725px;
	margin:45px auto 0;
}
.rinenArea .rinenContainer02 dl {
	float:left;
	width:350px;
	height:440px;
	border:2px solid #5689d7;
	padding:20px;
	margin:0 25px 25px 0;
}
.rinenArea .rinenContainer02 dl:nth-child(2n){
	margin-right:0;
}
.rinenArea .rinenContainer02 dl dd {
	font-size:14px;
	font-weight:400;
	line-height:1.4;
}
.rinenArea .rinenContainer02 dl .rinenTit {
	font-size:20px;
	font-weight:400;
	color:#5689d7;
	margin:15px 0 10px;
}
.companyH3 {
	/*margin-bottom:60px;*/
	margin-bottom:20px;
	/*font-size:26px;*/
	font-size:24px;/*20171204追記*/
	font-weight: 400;
}
.company .rinenBox03 {
	/*margin-bottom:60px;*/
	width:723px;/*20171204追記*/
	margin:0 auto 15px;/*20171204追記*/
}
.company .rinenBox03 h3{
	font-size:26px;
	font-weight: 400;
	border-top:1px solid #000;/*20171204追記*/
	padding:25px 35px;/*20171204追記*/
	font-weight:bold;/*20171204追記*/
}
.company .rinenBox03 h3:last-child{
	border-bottom:1px solid #000;/*20171204追記*/
}
.companyTxt {
	/*margin-top:-20px;*/
	font-size:24px;/*20171204追記*/
	margin-bottom:50px;/*20171204追記*/
}
/*.company .rinenBox03 span {
    border: 2px solid #5689d7;
    background-color: #fff;
    padding: 5px 10px;
    color: #5689d7;
    font-size: 38px;
    font-weight: 400;
}*/



.company .leftConts {
	float:left;
	margin-top: -30px;
}
.company .rightConts {
	float:right;
	width:550px;
}
.company .rinenBox04 {
	margin-bottom:35px;
	margin-top:10px;
}
.company .rinenBox04 span {
    border: 2px solid #5689d7;
    background-color: #fff;
    padding: 10px 40px;
    color: #5689d7;
    font-size: 30px;
    font-weight: 400;
}
.company .companyTxt02 {
	font-size:18px;
	margin-bottom:20px;
}
.company .rinenBox05 {
	margin-bottom:35px;
}
.company .rinenBox05 h3 {
	font-size:20px;
	font-weight: 400;
}
.company .rinenBox05 span {
    border: 2px solid #5689d7;
    background-color: #fff;
    padding: 5px;
    color: #5689d7;
    font-size: 25px;
    font-weight: 400;
}
.company #tab03.tab03 .rinenArea {
    /*padding: 100px 15px 40px;*/
    padding: 0 15px 40px;/*20171204追記*/
    background: none;
}
.company .companyTxt02-2 {
	margin-top:-15px;
}

/* comparison
--------------------------------------------- */
.comparison .ttl01 {
    font-size: 24px;
    padding-bottom: 30px;
    font-weight: 400;
}
.comparison .ttl04 {
    font-size: 16px;
    font-weight: 600;
}
.comparison .bgHighlight {
    padding: 0 5px;
    background: #ffe117;
}
.comparison .tb01.bgthcolor {
    table-layout: fixed;
    margin-bottom: 60px;
}
.comparison .tb01.bgthcolor th,
.comparison .tb01.bgthcolor td {
    padding: 5px;
    font-weight: 500;
}
.comparison .tb01.bgthcolor th {
    width: 15%;
    color: #fff;
    background: #5db8f7;
}
.comparison .tb01.bgthcolor td {
    padding: 10px;
    text-align: center;
}
.comparison .tb01.bgthcolor tr:first-child td {
    vertical-align: top;
}

.comparison .tb01.bgthcolor h2 {
    font-size: 22px;
    font-weight: 600;
    color: #0c96ff;
    margin-bottom: 5px;
}
.comparison .tb01.bgthcolor .tdttl01 {
    padding: 14px 0;
}
.comparison .tb01.bgthcolor h3 {
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    margin-top: 20px;
    padding: 8px 5px;
    color: #0c96ff;
    background: #daefff;
}
.comparison .tb01.bgthcolor .subtdttl02 {
    padding: 24px 5px;
}
.comparison .tb01.bgthcolor dl,
.comparison .tb01.bgthcolor dl dd {
    margin-top: 20px;
}

/* liteaccess
--------------------------------------------- */
.liteaccess-container table {
	width:300px;
	text-align:center;
	float:left;
	margin-right:20px;

}
.liteaccess-container table:last-child {
	margin-right:0;
}
.liteaccess-container table th {
	padding:0 20px;
	height:105px;
	vertical-align:middle;
}
.liteaccess-container table:first-child th{
	padding-top:20px;
}
.liteaccess-container table td {
	padding:0 20px;
	height:115px;
	vertical-align:top;
}
.liteaccess-container table td.table-pb10 {padding-bottom: 1rem;}
.liteaccess-container table .pic {
	height:220px;
}
.liteaccess-container table:first-child .pic {
	color:#094573;
}

/* rpa
--------------------------------------------- */
.rpa-container {
	margin:45px 0 40px;
}
.rpa-list {
	float:left;
	width:293px;
	margin:0 30px 30px 0;
	border:1px solid #0c96ff;
	padding:68px 0 25px;
	text-align:center;
}
.rpa-list:nth-child(3n) {
	margin-right:0;
}
.rpa-list dd {
	margin-top:30px;
	font-size:20px;
	color:#0c96ff;
}
.rpa h4 {
	margin-bottom:40px;
}
.rpa-tbl {
	font-size:12px;
	width:100%;
	margin:30px 0 50px;
}
.rpa-tbl th {
	color:#fff;
	text-align:center;
	white-space:nowrap;
	font-weight:normal;
}
.rpa-tbl th,
.rpa-tbl td {
	padding:10px;
	line-height:1.5;
	vertical-align:middle;
	border:2px solid #fff;
}
.rpa-tbl .tb-bg {
	background:#3cf;
}
.rpa-tbl .tb-bg02 {
	background:#ff0;
}
.rpa-tbl .tb-bg03 {
	background:#0070c0;
}
.rpa-tbl .tb-bg04 {
	background:#f60;
}
.rpa-tbl .tb-bg05 {
	background:#09f;
}
.rpa-tbl02 {
	width:100%;
	margin-bottom:10px;
	font-size:13px;
}
.rpa-tbl02 th {
	background:#343b44;
	color:#fff;
	font-weight:normal;
}
.rpa-tbl02 th,
.rpa-tbl02 td {
	padding:10px;
	border:1px solid #999;
	vertical-align:middle;
}
.rpa .tb02 th,
.rpa .tb02 td {
	vertical-align:middle;
}
.rpa-tbl .tb-bg06 {
	background: #f9f9f9;
}
.rpa-container02 {
	margin:30px 0 50px;
}
.rpa-container03 {
	margin:20px 0 100px;
}
.rpa-list03 {
	float:left;
    width:18%;
    margin: 0 1%;
}
.rpa-list03:last-child {
	margin-right:0;
}
.rpa-list03 dd {
	font-size:13px;
	line-height:1.6;
}
.rpa-container04 {
	margin-bottom:70px;
}
.rpa-tbl03 {
	margin:0 auto;
	width:690px;
}
.rpa-tbl03 th,
.rpa-tbl03 td {
	border:1px solid #b2b2b2;
	padding:15px;
	line-height:1.5;
}
.rpa-tbl03 th {
	vertical-align:middle;
}
.rpa-tbl03 .tit {
	background:#2a5bbe;
	color:#fff;
}
.rpa-tbl03 .tit02 {
	background:#e2f2ff;
	font-size:14px;
}
.rpa-tbl03 .tit03 {
	background:#e4e4e4;
	font-size:14px;
}
.rpa-tbl03 td {
	font-size:14px;
}
.rpa-tbl04 {
	width:100%;
	margin-bottom:70px;
}
.rpa-tbl04 th {
	white-space:nowrap;
	font-weight:bold;
}
.rpa-tbl04 th,
.rpa-tbl04 td {
	border:1px solid #b4b4b4;
	padding:10px;
	font-size:12px;
	vertical-align:middle;
	line-height:1.5;
}
.rpa-tbl04 .bg {
	background:#e2f2ff;
}
.rpa-tab li {
    float: none;
    border: none;
    width: 100%;
    max-width: 100%;
    position: static;
	text-align:center;
}
.rpa-tab li:last-child {
    border-right: none;
}
.rpa-tab li a {
    padding:0;
}
.rpa-tab li a:hover {
    background:none;
}
.rpa-tab li:before {
    content: "";
    background: none;
    background-size: cover;
}
.rpa-tab li.active a {
    background: none;
}

/* ot-net-rpa 20200323
--------------------------------------------- */
.p-rpa-flow__wrap,
.rpa-container02 {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.p-rpa-flow__num,
.p-rpa-flow__txt,
.p-rpa-list02 {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 100%;
}
.p-rpa-about__img {
    width: 70%;
    margin: 40px auto;
}
.p-rpa-list02 {
	max-width: 33.33%;
	flex-basis: 33.33%;
	padding:30px 0 20px;
    text-align:center;
    align-self: center;
}
.p-rpa-list02__img {
    width: 50%;
    margin: 0 auto;
}
.p-rpa-list02__txt {
	font-size:16px;
}
.rpa-container04 .left,
.rpa-container04 .right {
    width: 47%;
}
.p-rpa-control__wrap {
    background: #f4f4f4;
    padding: 4% 2% 3%;
    margin-bottom: 70px;
}
.p-rpa-control-img__wrap {
    margin: 4% 0 0;
}
/* .p-rpa-control-img__img {
    width: 50%;
} */
.rpa-list03 .tit {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
.rpa-flow {
	margin:50px auto 0;
	width:580px;
}
.p-rpa-flow__wrap {
    border: 1px solid #2a5bbe;
    margin: 4% 0;
}
.p-rpa-flow__num {
	max-width: 16%;
    flex-basis: 16%;
}
.p-rpa-flow__num > img {
    vertical-align: bottom;
}
.p-rpa-flow__txt {
	max-width: 84%;
	flex-basis: 84%;
    color: #2a5bbe;
    margin: 0 auto;
    align-self: center;
}


/* f-secure 20181030追加
--------------------------------------------- */
.f-secure-container .left-conts {
	max-width:530px;
	float:left;
}
.f-secure-container .right-conts {
	float:right;
}
.f-secure-container h3 {
	font-size:20px;
	margin-bottom:20px;
	color:#000;
}
.f-secure-container02 dl {
	float:left;
	width:298px;
	margin-right:23px;
	border:1px solid #0c96ff;
	padding:23px;
	height:430px;
}
.f-secure-container02 dl:last-child {
	margin-right:0;
}
.f-secure-container02 dl dt {
	margin-bottom:20px;
}
.f-secure-container02 dl .tit {
	color:#0c96ff;
	font-size:19px;
	margin-bottom:10px;
}
.f-secure-container03 .left-conts {
	float:left;
	width:450px;
}
.f-secure-container03 .right-conts {
	float:right;
	width:450px;
}

/* OT AI-Concierge
--------------------------------------------- */
.ot-ai-concierge-h1 {
    font-size: 28px;
}
.ot-ai-concierge-h1-02 {
    font-size: 20px;
    position: relative;
    top: -5px;
    left: -25px;
}
.slick-dotted.slick-slider.slider02 {
    margin-bottom: 70px;
}
.slick-dotted.slick-slider.slider02 .slick-dots li button:before {
    font-size: 40px;
    margin-top: 10px;
}
.ot-ai-concierge-lead {
    max-width: 880px;
    margin: 0 auto;
}
.ot-ai-concierge-wrap {
    max-width: 880px;
    margin: 0 auto 50px;
    display: flex;
}
.ot-ai-concierge-wrap__txt {
    max-width: 390px;
    margin-right: auto;
}
.ot-ai-concierge-wrap__img {
    max-width: 433px;
}
.txt-color-red {
    color: #c74137;
    font-size: 20px;
    font-weight: 400;
    margin: 30px 0;
}
.ot-ai-concierge-wrap__txt02 {
    font-size: 14px;
    line-height: 1.8;
}
.ot-ai-concierge-box {
    max-width: 960px;
    margin: 25px auto 100px;
    background: #e9f6f8;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0 29px;
}
.ot-ai-concierge-wrap02 {
    max-width: 830px;
    margin: 50px auto 0;
    display: flex;
}
.ot-ai-concierge-wrap02__txt {
    /*max-width: 700px;*/
    width: 84.3%;
    margin: 0 2px 0 auto;
}
.ot-ai-concierge-wrap02__img {
    /*max-width: 121px;*/
    width: 14.5%;
}
.ot-ai-concierge-wrap02__tit {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 10px;
}
.ot-ai-concierge-wrap02__txt02 {
    border-top: 1px solid #3a3a3a;
    border-bottom: 1px solid #3a3a3a;
    padding: 5px 19px;
    font-size: 15px;
    margin-bottom: 18px;
}
.ot-ai-concierge-wrap02__txt03 {
    font-size: 26px;
}
.ot-ai-concierge-wrap02__txt03-02 {
    font-size: 20px;
    margin-bottom: 20px;
}
.ot-ai-concierge-wrap03 {
    display: flex;
    max-width: 640px;
    margin: 23px auto 0;
    justify-content: center;
    align-items: center;
}
.ot-ai-concierge-wrap03__txt {
    font-size: 18px;
    margin-right: 2%;
}
.ot-ai-concierge-wrap03__tel {
    /*font-size: 48px;*/
    font-size: 36px;
    font-weight: 400;
}

/* OT AI-OCR
--------------------------------------------- */
.ai-ocr-list {
    max-width: 590px;
    margin: 0 auto 40px;
    font-size: 20px;
}
.ai-ocr-list__item {
    margin-bottom: 10px;
}
.ai-ocr-tbl {
    width: 620px;
    margin: 0 auto 35px;
}
.ai-ocr-tbl__head,
.ai-ocr-tbl__data {
    border-top: 1px solid #ababab;
    border-bottom: 1px solid #ababab;
    padding: 20px 30px;
}
.ai-ocr-tbl__head {
    font-size: 18px;
    vertical-align: middle;
    text-align: left;
}

/* OT Office Pack Plus+＆OTNet IoT　共通見出し
--------------------------------------------- */
.p-line_ttl {
    font-size: 1.75rem;
    display: flex;
    align-items: center;
    text-align: center;
	position: relative;
	margin: 4% 0 2%;
	overflow: hidden;
}
.p-line_ttl::before,
.p-line_ttl::after {
	display: block;
	content: '';
	flex-grow: 1;
	height: 1px;
}
.p-line_ttl::before {
	margin-right: .8rem;
	padding-left: 1rem;
}
.p-line_ttl::after {
	margin-left: .8rem;
	padding-right: 1rem;
}
/* OT Office Pack Plus+ */
.p-line_ttl-office {
    color: #3675bc;
}
.p-line_ttl-office::before,
.p-line_ttl-office::after {
    border-bottom: 1px solid #3675bc;
}
/* OTNet IoT */
.p-line_ttl-iot {
    color: #3e9d9f;
    line-height: 1.5;
}
.p-line_ttl-iot::before,
.p-line_ttl-iot::after {
    border-bottom: 1px solid #3e9d9f;
}

/* OT Office Pack Plus+
--------------------------------------------- */
.p-office-trial {
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    border-radius: 2.5rem;
    width: 60%;
    margin: 0 auto 2.5rem;
    padding: 0.5rem 1rem;
    color: #ffffff;
    background-color: #ff3030;
}
.p-office-summary_wrap {
    margin-top: 10%;
}
.p-office-img_wrap {
    width: 90%;
    margin: 0 auto 4%;
}
.p-office-img_wrap:last-child {
    width: 70%;
    margin: -2% auto 0;
}


.splashtop-enterprise-cloud-type-select {
  max-width: 900px;
  margin: 0 auto;
}
.splashtop-enterprise-cloud-type-select .tab ul {
  margin: 0 auto 100px;
}
.splashtop-enterprise-cloud-type-select .tab li {
  float: none;
  border: none;
  width: 100%;
  max-width: 100%;
  text-align: left;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 270px;
}
.splashtop-enterprise-cloud-type-select .tab li:before {
  content: "";
  background: none;
}
.splashtop-enterprise-cloud-type-select .tab li:last-child {
  border-right: none;
  margin-bottom: 300px;
}
.splashtop-enterprise-cloud-tab li:nth-child(5) {
  border-right: none;
}
.splashtop-enterprise-cloud-type-select .tab li a {
  padding: 0;
  text-align: left;
}
.splashtop-enterprise-cloud-type-select .tab li:first-child a,
.splashtop-enterprise-cloud-type-select .tab li:first-child {
  color: #2A5BBE;
}
.splashtop-enterprise-cloud-type-select .tab li:last-child a,
.splashtop-enterprise-cloud-type-select .tab li:last-child {
  color: #2A5BBE;
}
.splashtop-enterprise-cloud-type-select .tab li.active a {
  background: none;
  color: #fff;
}
.splashtop-enterprise-cloud-type-select .tab li.active:after {
  background: none;
}
.splashtop-enterprise-cloud-type-select .tab li a:hover {
  background: none;
  color: #2b5abe;
}
.splashtop-enterprise-cloud-type-select .tab li img {
  margin-top: 10px;
}
.splashtop-enterprise-cloud_image {
  text-align: center;
  margin-bottom: 30px;
}
.splashtop-enterprise-cloud-list {
  max-width: 680px;
  margin: 0 auto 70px;
}
.splashtop-enterprise-cloud-list_item {
  border-bottom: 2px solid #dcdcdc;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: bold;
}
.splashtop-enterprise-cloud-list_item:last-child {
  border-bottom: none;
}
.splashtop-enterprise-cloud-list_item span {
  color: #2B5ABE;
  font-size: 18px;
  margin-right: 30px;
  font-weight: bold;
}
.splashtop-enterprise-cloud-conts {
  max-width: 900px;
  margin: 0 auto;
}
.splashtop-enterprise-cloud-conts_title {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #3A3A3A;
  padding-bottom: 15px;
  margin-bottom: 35px;
  text-align: center;
}
.splashtop-enterprise-cloud-conts_title02 {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin: 50px 0 30px;
  color: #2A5BBE;
}
.splashtop-enterprise-cloud-conts04 {
  margin-bottom: 50px;
}
.splashtop-enterprise-cloud-conts04_sentence {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 20px;
}
.splashtop-enterprise-cloud-conts-wrap {
  max-width: 840px;
  margin: 0 auto 80px;
  display: flex;
}
.splashtop-enterprise-cloud-conts-wrap_image {
  width: 57.1%;
  margin-right: auto;
}
.splashtop-enterprise-cloud-conts-wrap_text {
  width: 40.4%;
}
.splashtop-enterprise-cloud-conts-wrap_sentence {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 20px;
}
.splashtop-enterprise-cloud-conts-wrap_annotation {
  font-size: 12px;
  line-height: 1.5;
  margin-top: -7px
}
.splashtop-enterprise-cloud-conts-wrap02 {
  max-width: 840px;
  margin: 0 auto 50px;
  display: flex;
  flex-flow: row-reverse;
}
.splashtop-enterprise-cloud-conts-wrap02_text {
  width: 45.2%;
  margin-right: auto;
}
.splashtop-enterprise-cloud-conts-wrap02_image {
  width: 50%;
}
.splashtop-enterprise-cloud-conts-wrap03 {
  max-width: 840px;
  margin: 0 auto 50px;
  display: flex;
}
.splashtop-enterprise-cloud-conts-wrap03_image {
  width: 48.5%;
  margin-right: auto;
}
.splashtop-enterprise-cloud-conts-wrap03_text {
  width: 47.6%;
}
.splashtop-enterprise-cloud-conts-wrap04 {
  max-width: 840px;
  margin: 0 auto 50px;
  display: flex;
  flex-flow: row-reverse;
}
.splashtop-enterprise-cloud-conts-wrap04_image {
  width: 54.7%;
}
.splashtop-enterprise-cloud-conts-wrap04_text {
  width: 42.8%;
  margin-right: auto;
}
.splashtop-enterprise-cloud-conts-wrap05 {
  max-width: 840px;
  margin: 0 auto 60px;
  display: flex;
}
.splashtop-enterprise-cloud-conts-wrap05_image {
  width: 54.7%;
  margin-right: auto;
}
.splashtop-enterprise-cloud-conts-wrap05_text {
  width: 42.8%;
}
.splashtop-enterprise-cloud-conts02 {
  max-width: 900px;
  margin: 0 auto 50px;
  background: #465083;
  border-radius: 10px;
  padding: 55px 30px 35px;
}
.splashtop-enterprise-cloud-conts02_title {
  font-size: 24px;
  color: #fff;
  text-align: center;
  margin-bottom: 50px;
  font-weight: bold;
  line-height: 1.5;
}
.splashtop-enterprise-cloud-conts02-wrap {
  max-width: 840px;
  margin: 0 auto;
  display: flex;
}
.splashtop-enterprise-cloud-conts02-wrap_image {
  width: 53.5%;
  margin-right: auto;
}
.splashtop-enterprise-cloud-conts02-wrap_text {
  width: 42.8%;
}
.splashtop-enterprise-cloud-conts02-wrap_sentence {
  color: #fff;
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 20px;
}
.splashtop-enterprise-cloud-conts-wrap_image02 {
  margin-bottom: 50px;
}
.splashtop-enterprise-cloud-conts-wrap06 {
  max-width: 840px;
  margin: 0 auto 70px;
  display: flex;
}
.splashtop-enterprise-cloud-conts-wrap06_image {
  width: 30.1%;
  margin-right: auto;
}
.splashtop-enterprise-cloud-conts-wrap06_text {
  width: 66.6%;
}
.splashtop-enterprise-cloud-conts-wrap07 {
  max-width: 840px;
  margin: 0 auto 70px;
  display: flex;
  flex-flow: row-reverse;
}
.splashtop-enterprise-cloud-conts-wrap07_image {
  width: 25.1%;
}
.splashtop-enterprise-cloud-conts-wrap07_text {
  width: 66.6%;
  margin-right: auto;
}
.splashtop-enterprise-cloud-conts03 {
  max-width: 900px;
  margin: 0 auto 40px;
  background: #EBEBEB;
  border-radius: 10px;
  padding: 45px 30px 40px;
}
.splashtop-enterprise-cloud-conts03_title {
  color: #0079D6;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}
.splashtop-enterprise-cloud-conts03_image {
  text-align: center;
  margin-bottom: 30px;
}
.splashtop-enterprise-cloud-conts03-wrap {
  max-width: 840px;
  margin: 0 auto;
  display: flex;
}
.splashtop-enterprise-cloud-conts03_imageleft {
  width: 40.2%;
  margin-right: auto;
}
.splashtop-enterprise-cloud-conts03_imageright {
  width: 57.8%;
}
.splashtop-enterprise-cloud-tab-group {
  max-width: 840px;
  margin: 0 auto 40px;
  display: flex;
  border-bottom: 1px solid #2A5BBE;
}
.splashtop-enterprise-cloud-tab {
  max-width: 140px;
  width: 33.3%;
  margin-left: 17px;
  cursor:pointer;
  display: block;
border-top: 1px solid #2A5BBE;
  border-left: 1px solid #2A5BBE;
  border-right: 1px solid #2A5BBE;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
padding: 4px 0;
  color: #2A5BBE;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
.splashtop-enterprise-cloud-panel {
  display:none;
  margin-bottom: 80px;
}
.splashtop-enterprise-cloud-tab.is-active {
  background:#2A5BBE;
  color: #fff;
  transition: all 0.2s ease-out;
}
.splashtop-enterprise-cloud-tab:hover {
  background: #2A5BBE;
  color: #fff;
}
.splashtop-enterprise-cloud-panel.is-show {
  display:block;
}
.splashtop-enterprise-cloud-area-wrap {
  display: flex;
  flex-wrap: wrap;
  max-width: 840px;
  margin: 0 auto;
}
.splashtop-enterprise-cloud-area-wrap-inner {
  background: #F8F8F8;
  border-radius: 4px;
  width: 30.9%;
  margin: 0 3.6% 3.6% 0;
  padding: 20px;
}
.splashtop-enterprise-cloud-area-wrap-inner:nth-child(3n) {
  margin-right: 0;
}
.splashtop-enterprise-cloud-area-wrap-inner_image {
  max-width: 50px;
  margin: 0 auto 10px;
}
.splashtop-enterprise-cloud-area-wrap-inner_title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 12px;
  text-align: center;
  color: #2A5BBE;
  line-height: 1.5;
}
.splashtop-enterprise-cloud-area-wrap-inner_sentence {
  font-size: 13px;
  line-height: 1.5;
}
.splashtop-enterprise-cloud-area-wrap-inner_annotation {
  font-size: 11px;
  max-width: 201px;
  width: 92%;
  margin: 10px auto 0;
  line-height: 1.5;
}
.splashtop-enterprise-cloud-area-wrap-inner-list {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 10px;
}
.splashtop-enterprise-cloud-conts-table {
  max-width: 840px;
  width: 100%;
  margin: 0 auto 20px;
}
.splashtop-enterprise-cloud-conts-table th,
.splashtop-enterprise-cloud-conts-table td {
  padding: 20px;
}
.splashtop-enterprise-cloud-conts-table th {
  color: #2A5BBE;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  white-space: nowrap;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.splashtop-enterprise-cloud-conts-table td {
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  font-size: 12px;
  line-height: 1.5;
  padding: 20px 35px;
  width: 33.3%;
}
.splashtop-enterprise-cloud-conts-table tr:nth-child(1) th:last-child {
  border-right: none;
}
.splashtop-enterprise-cloud-conts-table tr:nth-child(2) td:last-child {
  border-right: none;
}
.splashtop-enterprise-cloud-conts-table tr:nth-child(3) td:last-child {
  border-right: none;
}
.splashtop-enterprise-cloud-conts-table tr:nth-child(3) th,
.splashtop-enterprise-cloud-conts-table tr:nth-child(3) td {
  border-bottom: none;
}
.splashtop-enterprise-cloud-conts-table td span {
  position: relative;
  top: 10px;
  display: block;
  text-align: center;
}
.splashtop-enterprise-cloud-conts-annotation {
  max-width: 840px;
  margin: 0 auto 150px;
  font-size: 12px;
  line-height: 1.5;
}
.splashtop-enterprise-cloud-conts-table_image {
  max-width: 154px;
  margin: 0 auto 25px;
}
.splashtop-enterprise-cloud-conts-table tr:nth-child(2) td .splashtop-enterprise-cloud-conts-table_image {
  margin: 0 auto 30px;
}
.splashtop-enterprise-cloud-conts-table_sentence {
  text-align: center;
}
.splashtop-enterprise-cloud-tab-list li a {
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.splashtop-enterprise-cloud-tab-list li {
  width: 20%;
  max-width: 20%;
  line-height: 1.5;
}
.tab.splashtop-enterprise-cloud-tab-list li:nth-child(5) {
  border-right: 2px solid #2a5bbe;
}


/* OTNet I-oT
--------------------------------------------- */
.p-sumally_wrap {
    margin-bottom: 6%;
}
.p-iot-img_wrap {
    width: 86%;
    margin: 4% auto 0;
}
.p-iot-idea_wrap,
.p-iot-danger_wrap,
.p-iot-location_wrap,
.p-iot-tbl_wrap {
    margin-bottom: 10%;
}
.p-iot-tbl th,
.p-iot-tbl td {
    border: 1px solid #bebebe;
    padding: 1% 1% 1% 4%;
    font-size: 1.125rem;
}
.p-iot-tbl th:first-child,
.p-iot-tbl td:first-child {
    width: 30%;
}
.p-iot-tbl th {
    font-weight: 700;
    text-align: left;
}


/* ソリューションカテゴリ　お問い合わせ追加 20200414
--------------------------------------------- */
.p-support_wrap {
    width: 480px;
    margin: 0 auto 2%;
}
.p-btn-support .btn-normal {
	border:2px solid #15c9bb;
	background: #15c9bb;
	color: #fff;
}


/* OT AI-Concierge for Thermography
--------------------------------------------- */
.ot-ai-concierge-for-thermography-h1 {
    font-size: 28px;
}
.ot-ai-concierge-for-thermography-h1-02 {
    font-size: 20px;
    position: relative;
    top: -5px;
    left: -25px;
}
.ot-ai-concierge-for-thermography-call-center_mainimage {
    margin-bottom: 70px;
}
.ot-ai-concierge-for-thermography_image {
    margin-bottom: 65px;
}
.ot-ai-concierge-for-thermography_title {
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 45px;
    border-bottom: 3px solid #d6d6d6;
    text-align: center;
}
.ot-ai-concierge-for-thermography-available_image {
    padding-bottom: 40px;
    margin-bottom: 45px;
    border-bottom: 1px solid #d6d6d6;
}
.ot-ai-concierge-for-thermography-available_image02 {
    margin-bottom: 10px;
}
.ot-ai-concierge-for-thermography-available_image03 {
    padding-bottom: 10px;
    margin-bottom: 35px;
}
.ot-ai-concierge-for-thermography-available_image04 {
    margin-bottom: 35px;
}
.ot-ai-concierge-for-thermography-available_image05 {
    margin-bottom: 25px;
}
.ot-ai-concierge-for-thermography-available_image.last {
    padding-bottom: 0;
    margin-bottom: 70px;
    border-bottom: none;
}

.ot-ai-concierge-for-thermography_title01 {
    color: #2a5bbe;
    font-size: 1.125rem;
    font-weight: bold;
    max-width: 900px;
    margin: 0 auto 10px;
}
.ot-ai-concierge-for-thermography_img01 {
    margin-bottom: 35px;
}
.ot-ai-concierge-for-thermography_title02 {
    color: #e5004f;
    font-size: 1.125rem;
    font-weight: bold;
    max-width: 900px;
    margin: 0 auto 10px;
}
.ot-ai-concierge-for-thermography_img02 {
    margin-bottom: 100px;
}
.stand-alone-type_title {
    color: #E5004F;
    font-size: 2.125rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1.2;
}
.stand-alone-type_title02 {
    color: #2A5BBE;
    font-size: 1.625rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.stand-alone-type_sentence {
    color: #2A5BBE;
    font-size: 1.125rem;
    line-height: 1.5;
    max-width: 286px;
    margin: 0 auto 20px;
}
.cloud-function_title {
    color: #E5004F;
    font-size: 2.125rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.3;
}
.cloud-function_title02 {
    color: #E5004F;
    font-size: 1.875rem;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.4;
}
.cloud-function-list {
    max-width: 680px;
    margin: 0 auto 30px
}
.cloud-function-list_item {
    color: #fff;
    background: #18B5CA;
    border-radius: 5px;
    font-size: 1.375rem;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    padding: 2% 0;
}
.cloud-function-wrap {
    max-width: 680px;
    margin: 0 auto 30px;
    display: flex;
}
.cloud-function-wrap_image {
    width: 37.4%;
    margin-right: auto;
}
.cloud-function-wrap_text {
    width: 56.8%;
    margin-top: 15px;
}
.cloud-function-wrap_title {
    color: #18B5CA;
    font-size: 1.625rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
.cloud-function-wrap-list {
    font-size: 1.25rem;
    margin-bottom: 10px;
}
.cloud-function-wrap-list_item {
    margin-bottom: 5px;
}
.cloud-function-wrap_title02 {
    color: #18B5CA;
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
}
.cloud-function-wrap02 {
    max-width: 960px;
    margin: 0 auto 60px;
    border: 1px solid #18B5CA;
    position: relative;
}
.cloud-function-wrap02_title {
    color: #18B5CA;
    font-size: 1.125rem;
    font-weight: bold;
    position: absolute;
    top: -16px;
    left: 20px;
    background: #fff;
    padding: 0 10px;
}
.cloud-function-wrap03 {
    max-width: 896px;
    margin: 25px auto 22px;
    display: flex;
}
.cloud-function-wrap03-inner {
    width: 22.3%;
    margin-right: 3.2%;
}
.cloud-function-wrap03-inner:last-child {
    margin-right: 0;
}
.cloud-function-wrap03-inner .circle_width {
    width: 25%;
    background: #18B5CA;
    border-radius: 50%;
    margin: 0 auto 10px;
}
.cloud-function-wrap03-inner .circle_height {
    position: relative;
    padding-top: 100%;
    height: 0;
}
.cloud-function-wrap03-inner .circle_height p {
    position: absolute;
    top: calc((100% - 1em)/2);
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    font-size: 1.875rem;
    color: #fff;
}
.cloud-function-wrap03-inner_title {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.5;
}
.cloud-function-wrap03-inner_image img {
    width: 33%;
    display: block;
    margin: 0 auto 20px;
}
.cloud-function-wrap03-inner_sentence {
    font-size: .875rem;
    line-height: 1.5;
}
.ai-concierge-for-thermography-conts {
    margin-bottom: 65px;
}
.ai-concierge-for-thermography-conts .ttl04 {
    font-size: .9375rem;
    font-weight: bold;
}
.ai-concierge-for-thermography-conts .ttl04:before {
    width: 20px;
    height: 3px;
    margin-right: 10px;
}
.ai-concierge-for-thermography-conts_sentence {
    font-size: .875rem;
    margin: 0 0 10px 30px;
    line-height: 1.5;
}
.ai-concierge-for-thermography-conts_image {
    margin-left: 30px;
}
.ai-concierge-for-thermography-conts_image02 {
    margin-bottom: 100px;
}
.ai-concierge-for-thermography-conts-wrap {
    max-width: 665px;
    display: flex;
    margin: 0 0 80px 40px;
    align-items: center;
}
.ai-concierge-for-thermography-conts-wrap_image {
    width: 10%;
    margin-right: 3.4%;
}
.ai-concierge-for-thermography-conts-wrap_text {
    width: 86.3%;
}
.ai-concierge-for-thermography-conts_title {
    position: relative;
    border-bottom: 3px solid #d6d6d6;
    font-size: .9375rem;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
.ai-concierge-for-thermography-conts_title:before {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 3.5%;
    height: 3px;
    content: '';
    background: #2a5bbe;
}
.ai-concierge-for-thermography-conts-wrap-list {
    margin-bottom: 20px;
}
.ai-concierge-for-thermography-conts-wrap-list_item {
    display: flex;
    align-items: center;
    font-size: 1rem;
    margin-bottom: 15px;
}
.ai-concierge-for-thermography-conts-wrap-list_item img {
    margin-right: 10px;
}
.ai-concierge-for-thermography-conts-wrap_sentence {
    font-size: 1rem;
}
.ai-concierge-for-thermography-conts-support_title {
    color: #18B5CA;
    font-size: 1.125rem;
    font-weight: bold;
    margin: 0 0 8px 30px;
}
.ai-concierge-for-thermography-conts-support-list {
    font-size: 1rem;
    margin: 0 0 60px 30px;
    line-height: 1.5;
}
.ai-concierge-for-thermography-conts-support-wrap {
    max-width: 800px;
    border: 1px solid #18B5CA;
    position: relative;
    margin: 0 0 130px 30px;
}
.ai-concierge-for-thermography-conts-support-wrap_title {
    color: #18B5CA;
    font-size: 1.125rem;
    font-weight: bold;
    position: absolute;
    top: -16px;
    left: 20px;
    background: #fff;
    padding: 0 10px;
}
.ai-concierge-for-thermography-conts-support-wrap02 {
    max-width: 750px;
    margin: 40px auto 13px;
    display: flex;
    justify-content: space-between;
}
.ai-concierge-for-thermography-conts-support-wrap02_inner {
    width: 32.4%;
    text-align: center;
}
.ai-concierge-for-thermography-conts-support-wrap02_image img {
    width: 33%;
    display: block;
    margin: 0 auto 15px;
}
.ai-concierge-for-thermography-conts-support-wrap02_text {
    font-size: 1rem;
}
.type-select {
    max-width: 900px;
    margin: 0 auto;
}
.type-select .tab ul {
    margin: 0 auto 100px;
}
.type-select .tab li {
    float: none;
    border: none;
    width: 100%;
    max-width: 100%;
    text-align: left;
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 270px;
}
.type-select .tab li:before {
    content: "";
    background: none;
}
.type-select .tab li:last-child {
    border-right: none;
    margin-bottom: 300px;
}
.tab li:nth-child(5) {
    border-right: none;
}
.tab .tab-four,
.tab .tab-five {
    border-right: 2px solid #2a5bbe !important;
}
.type-select .tab li a {
    padding: 0;
    text-align: left;
}
.type-select .tab li:first-child a,
.type-select .tab li:first-child {
    color: #2A5BBE;
}
.type-select .tab li:last-child a,
.type-select .tab li:last-child {
    color: #E5004F;
}
.type-select .tab li.active a {
    background: none;
    color: #fff;
}
.type-select .tab li.active:after {
    background: none;
}
.type-select .tab li a:hover {
    background: none;
    color: #2b5abe;
}
.type-select .tab li img {
    margin-top: 10px;
}


/* Eye24-7
--------------------------------------------- */
.eye24-7-h1 {
    font-size: 1.75rem;
}
.eye24-7-h1 .ttl01-02_subtitle {
    font-size: 1.25rem;
}
.eye24-7-h1-subtitle {
    font-size: 3rem;
    position: relative;
    top: 6px;
    margin-right: 15px;
}
.eye24-7-main-img {
    margin-top: 60px;
}
.eye24-7-img {
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 60px;
    margin-bottom: 45px;
    text-align: center;
}
.eye24-7-img02 {
    margin-bottom: 68px;
}
.eye24-7-img03 {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 100px;
}
.security-wrap {
    display: flex;
    max-width: 817px;
    margin: 0 auto;
    justify-content: space-between;
}
.security-wrap_text {
    width: 84.4%;
}
.security-wrap_title {
    font-size: 1.75rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
}
.security-wrap_lead {
    font-size: 1.125rem;
    text-align: center;
    border-top: 1px solid #6b6b6b;
    border-bottom: 1px solid #6b6b6b;
    padding: 5px 0;
    margin-bottom: 20px;
}
.security-wrap_secname {
    font-size: 1.625rem;
    text-align: center;
    margin-bottom: 20px;
}
.security-wrap_entext {
    font-size: 1.25rem;
}
.security-wrap02 {
    display: flex;
    max-width: 635px;
    margin: 0 auto;
    justify-content: space-around;
    align-items: center;
}
.security-wrap02_hour {
    font-size: 1.25rem;
    width: 46.2%;
}
.security-wrap02_tel {
    font-size: 3.125rem;
    width: 50.3%;
}
.security-wrap_image {
    width: 14.8%;
}
.sp {
    display: none;
}

/* SAT
--------------------------------------------- */
.sat-title02-h1 {
    font-size: 1.75rem;
}
.sat-sec {
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    margin: 80px 0 110px;
    padding-top: 44px;
}
.sat-img {
    margin-bottom: 80px;
    text-align: center;
}
.sat-text {
    max-width: 745px;
    margin: 0 auto 40px;
    font-size: 1.25rem;
    line-height: 1.9;
}
.sat-text02 {
    margin-bottom: 75px;
}
.sat-sec-inner {
    margin-bottom: 90px;
}
.sat-title {
    font-size: 1.875rem;
    font-weight: 500;
    text-align: center;
    border-bottom: 3px solid #d6d6d6;
    margin-bottom: 65px;
    padding-bottom: 17px;
}
.sat-img02 {
    text-align: center;
}

/* GUARDIAN GATE
--------------------------------------------- */
.guardian-gate-title02-h1 {
    font-size: 1.75rem;
}
.guardian-gate-sec {
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    margin: 63px 0 110px;
    padding-top: 44px;
}
.guardian-gate-img {
    text-align: center;
    margin-bottom: 70px;
}
.guardian-gate-text {
    max-width: 877px;
    margin: 0 auto 20px;
    font-size: 1.25rem;
    text-align: center;
}
.guardian-gate-notes {
    text-align: center;
    font-size: .9375rem;
    margin-bottom: 50px;
}
.guardian-gate-title {
    font-size: 1.875rem;
    font-weight: 500;
    text-align: center;
    border-bottom: 3px solid #d6d6d6;
    margin-bottom: 47px;
    padding-bottom: 5px;
    line-height: 1.8;
}
.guardian-gate-sec-inner {
    margin-bottom: 60px;
}
.guardian-gate-wrap {
    max-width: 883px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.guardian-gate-wrap_list {
    width: 47.9%;
    margin-bottom: 30px;
}
.guardian-gate-wrap_title {
    text-align: center;
}
.guardian-gate-wrap_title img {
    vertical-align: bottom;
}
.guardian-gate-img {
    text-align: center;
}

/* WITH UTM PLUS
--------------------------------------------- */
.with-utm-plus-main-img01 {
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 53px;
    margin-bottom: 63px;
}
.with-utm-plus-img01 {
    margin-bottom: 66px;
}
.with-utm-plus-contents {
    padding: 0 52px 55px;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 43px;
}
.with-utm-plus-title {
    font-size: 1.875rem;
    font-weight: 500;
    text-align: center;
    border-bottom: 3px solid #d6d6d6;
    margin-bottom: 39px;
    padding-bottom: 17px;
}
.with-utm-plus-list02 {
    padding: 0 0 0 86px;
}
.with-utm-plus-main-img02 {
    margin-bottom: 56px;
}
.with-utm-plus-img02 {
    margin-bottom: 49px;
}
.with-utm-plus-list03 {
    padding: 0 0 0 60px;
}
.with-utm-plus-img03 {
    margin-bottom: 50px;
}
.with-utm-plus-contents.last {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 200px;
}

/* OT AI-Concierge for Thermography 導入事例
---------------------------------------------*/
.ttl01-subtitle {
    text-align: center;
    font-size: 36px;
    margin-bottom: 100px;
}

.ot-ai-ocr-ot-robo {
    max-width: 930px;
    margin: 4% auto 0;
}
.thermography-case-study {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.thermography-case-study_image {
    max-width: 225px;
    margin-right: 13px;
}
.thermography-case-study_image:nth-child(4n) {
    margin-right: 0;
}

/* ot-churayumi-ocr
---------------------------------------------*/
.txt-color-blue {
    color: #1d2088;
}
.ot-page_full {
    max-width: 890px;
    margin: 0 auto;
}
.ot-page_full.flex {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.ot-page_flex-left-57 {
    -ms-flex-preferred-size: 57.5%;
        flex-basis: 57.5%;
    max-width: 57.5%;
}
.ot-churayumi-ocr-lists {
    margin-left: 2rem;
}
.ot-churayumi-ocr-lists p {
    font-size: 24px;
    font-weight: bold;
    margin-top: 2.5rem;
}
.ot-churayumi-ocr-lists p:first-child {
    margin-top: 0;
}
.ot-churayumi-ocr-pattern {
    margin: 0;
    max-width: 82.6%;
}
.ot-churayumi-ocr.ttl01 {
    padding-bottom: 0;
}
@media screen and (max-width: 680px) {
    .ot-page_flex-left-57 {
        max-width: 100%;
        flex-basis: 100%;
    }
    .ot-churayumi-ocr-lists {
        margin-left: 0;
    }
    .ot-churayumi-ocr-lists p {
        font-size: 1rem;
        margin-top: 0;
    }
    .ot-churayumi-ocr-pattern {
        margin: 0;
        max-width: 100%;
    }
}
.jzhyxy a,
.rsc-select-menu a {
    color: blue;
}

/* dx
---------------------------------------------*/
.movie-area-conts {
    max-width: 700px;
    margin: 0 auto 30px;
}
.movie-area-conts .movie-area {
    margin-top: 10px;
}
.dx-newspaper-wrap {
    display: flex;
    max-width: 700px;
    margin: 0 auto;
}
.dx-newspaper-wrap-image {
    text-align: center;
    max-width: 322px;
}
.dx-newspaper-wrap-image:first-child {
    margin-right: auto;
}
.dx-newspaper-wrap-image span {
    font-size: 14px;
}
.dx-casestudy-image {
    text-align: center;
}

/* OT Robo
---------------------------------------------*/
.p-rpa-mainimg {
    margin: -20px 0 65px;
}
.p-rpa-about_title {
    font-size: 1.625rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
}
.p-rpa-about-wrap {
    display: flex;
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 20px;
    margin-bottom: 57px;
}
.p-rpa-about-wrap_image {
    width: 46%;
    margin-right: 3.8%;
}
.p-rpa-about-wrap_text {
    width: 44.4%;
}
.p-rpa-about-wrap_title {
    font-size: 1.375rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.p-rpa-about_image {
    margin-bottom: 104px;
}
.p-rpa-business-wrap {
    max-width: 760px;
    margin: 50px auto 78px;
    display: flex;
    justify-content: space-between;
}
.p-rpa-business-wrap_inner {
    width: 23%;
}
.p-rpa-business-wrap_image {
    margin-bottom: 15px;
}
.p-rpa-business-wrap_title {
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
}
.p-rpa-business-wrap_sentence {
    text-align: center;
    font-size: .9375rem;
}
.p-rpa-business_image {
    text-align: center;
    margin-bottom: 40px;
}
.p-rpa-trouble-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 43px auto 94px;
}
.p-rpa-trouble-wrap_inner {
    width: 30.9%;
    border: 1px solid #2a3ab0;
    padding: 6% 0 2%;
    text-align: center;
    margin-bottom: 3.3%;
}
.p-rpa-trouble-wrap_image {
    margin-bottom: 30px;
}
.p-rpa-trouble-sentence {
    color: #2a3ab0;
    font-size: 1.25rem;
    font-weight: bold;
}
.p-rpa-strengths-wrap {
    max-width: 887px;
    margin: 59px auto 127px;
    display: flex;
    justify-content: space-between;
}
.p-rpa-strengths-wrap_inner {
    width: 19.5%;
}
.p-rpa-strengths-wrap_image {
    margin-bottom: 20px;
}
.p-rpa-strengths-title {
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    height: 3em;
}
.p-rpa-strengths-sentence {
    font-size: .875rem;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.5;
}
.p-rpa-solution-wrap {
    max-width: 768px;
    margin: 60px auto 160px;
    display: flex;
    justify-content: space-between;
}
.p-rpa-solution-wrap_image {
    width: 24%;
    position: relative;
}
.p-rpa-solution-wrap_image:nth-child(1)::after,
.p-rpa-solution-wrap_image:nth-child(2)::after {
    content: "";
    background: url("../images/solution/ot-net-rpa/img_rpa-overview-21.gif") no-repeat;
    background-size: contain;
    display: inline-block;
    width: 27px;
    height: 27px;
    position: absolute;
    bottom: 41%;
    left: 123%;
}
.p-rpa-product-information_lead {
    margin-bottom: 20px;
}
.p-rpa-product-information-tbl {
    width: 100%;
    margin-bottom: 65px;
    border-collapse: separate;
    border-spacing: 2px;
}
.p-rpa-product-information-tbl_last {
    margin-bottom: 10px;
}
.p-rpa-product-information-tbl_header {
    background: #2a3ab0;
    color: #ff0;
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
    padding: 10px 15px;
    line-height: 1.5;
    vertical-align: middle;
}
.p-rpa-product-information-tbl_header-first {
    background: #fff;
}
.p-rpa-product-information-tbl_data {
    font-size: .9375rem;
    text-align: center;
    padding: 10px 15px;
    line-height: 1.5;
    vertical-align: middle;
}
.p-rpa-product-information-tbl_data02 {
    text-align: left;
}
.p-rpa-product-information-tbl_header02 {
    height: 60px;
    padding: 4px 15px;
}
.p-rpa-product-information-tbl_bg01 {
    background: #d2deef;
}
.p-rpa-product-information-tbl_bg02 {
    background: #eaeff7;
}
.p-rpa-product-information-tbl-list {
    text-align: left;
}
.u-ws-norwap {
    white-space: nowrap;
}
.p-rpa-product-information-tbl-list02 {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}
.p-rpa-product-information-tbl-list02_item {
    width: 50%;
}
.p-rpa-product-information-tbl_strong {
    color: #2a3ab0;
    font-weight: bold;
    text-decoration: underline;
}
.p-rpa-product-information-tbl-list03 {
    text-align: left;
    margin-left: 15px;
}
.p-rpa-product-information-tbl-list03_item {
    border-bottom: 1px solid #2a3ab0;
    display: inline-block;
}
.p-rpa-product-information-tbl-list03_strong {
    color: #2a3ab0;
    font-weight: bold;
}
.p-rpa-product-information-tbl_number {
    font-size: 1.25rem;
    font-weight: bold;
}
.p-rpa-product-information-tbl_box {
    background: #2a3ab0;
    border-radius: 5px;
    color: #ff0;
    padding: 0 8px 2px;
}
.p-rpa-product-support_title {
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    margin: 30px 0 10px;
}
.p-rpa-product-support_lead {
    margin-bottom: 25px;
}
.p-rpa-product-sos_lead {
    margin-bottom: 25px;
}
.p-rpa-product-information-tbl02 {
    color: #f00;
    font-size: .875rem;
    margin-bottom: 150px;
}
.p-rpa-product-information-tbl02_header {
    vertical-align: top;
    padding-right: 10px;
    line-height: 1.5;
}
.p-rpa-product-information-tbl02_data {
    line-height: 1.3;
}
.p-rpa-product-information-tbl02_strong {
    text-decoration: underline;
}
.p-flow-image {
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 30px;
    margin-bottom: 24px;
}
.p-flow-tbl-wrap {
    border: 1px solid #222;
    padding: 10px;
    margin: 10px 0 50px;
}
.p-flow-tbl {
    line-height: 1.4;
    font-size: .875rem;
    width: 100%;
}
.p-flow-tbl_strong {
    font-weight: bold;
}
.p-rpa-product-information-tbl_header03 {
    padding: 25px 40px;
}
.p-rpa-product-information-tbl_data03 {
    padding: 20px 50px;
}
.p-rpa-product-bizrobo_lead {
    line-height: 1.5;
    margin-bottom: 40px;
}
.p-flow-image03 {
    margin-bottom: 70px;
}
.p-rpa-product-bizrobo-wrap {
    display: flex;
    margin-top: 30px;
}
.p-rpa-product-bizrobo-wrap_text {
    width: 71.5%;
    margin-right: 4.1%;
}
.p-rpa-product-bizrobo-wrap_image {
    width: 21.4%;
    margin-top: 30px;
}
.p-rpa-product-bizrobo_title {
    background: #2a3ab0;
    color: #fff;
    font-size: 1.25rem;
    font-weight: bold;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 8px;
}
.p-rpa-product-bizrobo_sentence {
    line-height: 1.5;
    margin-bottom: 20px;
}
.p-rpa-product-bizrobo-title02 {
    font-weight: bold;
    line-height: 1.5;
}
.p-rpa-product-bizrobo-list {
    margin-bottom: 20px;
    line-height: 1.5;
}
.p-rpa-product-bizrobo-title03 {
    color: #2a3ab0;
    font-weight: bold;
    margin-bottom: 10px;
}
.p-rpa-product-bizrobo-title03_last {
    margin: 35px 0 5px;
}
.p-rpa-product-bizrobo_image {
    margin-bottom: 20px;
}
.p-rpa-product-bizrobo_notes {
    border: 2px solid #969696;
    padding: 13px 15px;
    font-size: 1.125rem;
    margin-bottom: 150px;
}

/* safeAttach EVS
---------------------------------------------*/
.ttl01.safeattach-ttl01 {
    font-size: 45px;
}
.safeattach-sec {
    margin: 96px auto 160px;
}
.safeattach-sec:first-of-type {
    margin: 0;
}
.safeattach-product-title,
.safeattach-point,
.safeattach-point-list-title,
.safeattach-point-list {
    font-weight: 500;
}
.safeattach-point-wrap {
    margin: 10px auto 60px;
}
.safeattach-product-title {
    font-size: 26px;
    margin: 50px auto 80px;
}
.safeattach-point {
    font-size: 26px;
    color: #2a3ab0;
    margin: 30px 0 20px;
}
.safeattach-point-list-title,
.safeattach-point-list {
    font-size: 18px;
    margin-bottom: 42px;
}
.safeattach-point-list {
    margin-bottom: 25px;
}
.safeattach-point-list-title {
    margin: 38px 0 20px;
}
.safeattach-img {
    margin: 20px 0;
}
.safeattach-setting {
    display: flex;
    justify-content: center;
    margin: 60px 0 30px;
    font-size: 20px;
    font-weight: 700;
}
.safeattach-setting span {
    padding-bottom: 6px;
    border-bottom: 1px solid #000;
}

/* publicinfo
---------------------------------------------*/
.publicinfo-wrap {
    max-width: 770px;
    margin: 0 auto;
    /*display: flex;*/
}
.publicinfo-wrap_left {
    margin-right: auto;
}
.publicinfo-wrap_left,
.publicinfo-wrap_right {
    width: 45.7%;
}
.publicinfo-wrap_image {
  text-align: center;
}

/* wrap-ot-office-pack-sp
---------------------------------------------*/
.wrap-ot-office-pack-sp .ttl01 {
  font-size: 44px;
}
.wrap-ot-office-pack-sp .ttl01 span:before {
  margin-right: 15px;
}
.wrap-ot-office-pack-sp_title {
  font-size: 28px;
}
.wrap-ot-office-pack-sp_title02 {
  font-size: 20px;
  position: relative;
  top: -10px;
}
.ot-office-pack-sp-mainimg {
  text-align: center;
  margin-bottom: 60px;
}
.ot-office-pack-sp-sec {
  max-width: 900px;
  margin: 0 auto 80px;
}
.ot-office-pack-sp-sec_inner {
  max-width: 840px;
  margin: 0 auto;
}
.ot-office-pack-sp-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #707070;
  padding-bottom: 15px;
  margin-bottom: 35px;
}
.ot-office-pack-sp-cloudstorage-wrap {
  max-width: 840px;
  margin: 0 auto;
  display: flex;
}
.ot-office-pack-sp-cloudstorage-wrap_text {
  width: 52.3%;
  margin-right: auto;
}
.ot-office-pack-sp-cloudstorage-wrap_sentence {
  font-size: 14px;
  margin-bottom: 20px;
}
.ot-office-pack-sp-cloudstorage-wrap_image {
  width: 47.6%;
}
.ot-office-pack-sp-storage-wrap {
  max-width: 840px;
  margin: 0 auto 35px;
  display: flex;
  justify-content: space-between;
}
.ot-office-pack-sp-storage-wrap_inner {
  width: 28.8%;
}
.ot-office-pack-sp-storage-wrap_title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  color: #2B5ABE;
  line-height: 1.5;
}
.ot-office-pack-sp-storage-wrap_image {
  text-align: center;
  margin-bottom: 20px;
}
.ot-office-pack-sp-storage-wrap_title02 {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 10px;
}
.ot-office-pack-sp-storage-wrap_sentence {
  font-size: 15px;
  line-height: 1.5;
}
.ot-office-pack-sp-storage_annotation {
  font-size: 13px;
  max-width: 840px;
  margin: 0 auto;
  line-height: 1.5;
}
.ot-office-pack-sp-sec.ot-office-pack-sp-storage {
  margin-bottom: 70px;
}
.ot-office-pack-sp-about-wrap {
  max-width: 840px;
  margin: 0 auto;
  display: flex;
}
.ot-office-pack-sp-about-wrap_image {
  width: 45.2%;
  margin-right: auto;
}
.ot-office-pack-sp-about-wrap_sentence {
  width: 52.3%;
  font-size: 14px;
  line-height: 1.8;
}
.ot-office-pack-sp-feature-wrap {
  max-width: 840px;
  margin: 25px auto 50px;
  display: flex;
}
.ot-office-pack-sp-feature-wrap_sentence {
  width: 40.4%;
  margin-right: auto;
  font-size: 14px;
  line-height: 1.8;
}
.ot-office-pack-sp-feature-wrap_image {
  width: 57.1%;
}
.ot-office-pack-sp-feature_lead {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.5;
}
.ot-office-pack-sp-feature_image {
  text-align: center;
  margin-bottom: 60px;
}
.ot-office-pack-sp-rateplan .ot-office-pack-sp-title {
  margin-bottom: 18px;
}
.ot-office-pack-sp-rateplan_lead {
  text-align: center;
  font-size: 14px;
  margin-bottom: 45px;
}
.ot-office-pack-sp-rateplan_sentence {
  font-size: 14px;
  margin: 0 0 45px 15px;
}
.ot-office-pack-sp-rateplan_unnecessary {
  font-size: 26px;
  color: #FF9E36;
  font-weight: bold;
  position: relative;
  top: 3px;
}
.ot-office-pack-sp-rateplan-wrap {
  max-width: 840px;
  margin: 0 auto 25px;
  display: flex;
  justify-content: space-between;
}
.ot-office-pack-sp-rateplan-wrap_inner {
  width: 23.8%;
  border: 1px solid #2B5ABE;
  border-radius: 10px;
  padding: 13px 10px;
  display: flex;
  flex-direction: column;
}
.ot-office-pack-sp-rateplan-wrap_title {
  font-size: 16px;
  color: #2B5ABE;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #2650B6;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.ot-office-pack-sp-rateplan-wrap_text01 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ot-office-pack-sp-rateplan-wrap_text02 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.ot-office-pack-sp-rateplan-wrap_text02-02 {
  margin-bottom: 0;
}
.ot-office-pack-sp-rateplan-wrap_text03 {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
  line-height: 1.3;
}
.ot-office-pack-sp-rateplan-wrap_price {
  font-size: 22px;
  font-weight: bold;
  color: #FF9E36;
}
.ot-office-pack-sp-rateplan-wrap_price02 {
  font-size: 16px;
}
.ot-office-pack-sp-rateplan-wrap_btn01 a {
  background: #FF9E36;
  color: #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 25px;
  padding: 10px;
  width: 160px;
  margin: 0 auto 10px;
  display: block;
}
.ot-office-pack-sp-rateplan-wrap_btn02 {
  margin-top: auto;
}
.ot-office-pack-sp-rateplan-wrap_btn02 a {
  background: #2B5ABE;
  color: #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 25px;
  padding: 10px;
  width: 160px;
  margin: 0 auto 10px;
  display: block;
}
.ot-office-pack-sp-rateplan-wrap02 {
  max-width: 840px;
  margin: 0 auto 10px;
  display: flex;
  justify-content: space-between;
}
.ot-office-pack-sp-rateplan-wrap02_inner {
  width: 49.1%;
  border: 1px solid #2B5ABE;
  border-radius: 10px;
  padding: 20px 10px 13px;
}
.ot-office-pack-sp-rateplan-wrap02_title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #2650B6;
  padding-bottom: 10px;
  margin: 0 auto 15px;
  max-width: 170px;
}
.ot-office-pack-sp-rateplan-wrap_annotation {
  font-size: 13px;
  line-height: 1.5;
  margin: 0 15px;
}
.ot-office-pack-sp-rateplan_annotation {
  font-size: 14px;
  line-height: 1.5;
  margin-left: 26px;
}
.ot-office-pack-sp-rateplan_annotation02 {
  font-size: 14px;
  line-height: 1.5;
  margin-left: 56px;
}
.ot-office-pack-sp-experience_sentence {
  font-size: 16px;
  margin-bottom: 40px;
  color: #FF9E36;
  font-weight: bold;
}
.ot-office-pack-sp-experience_annotation {
  font-size: 14px;
  line-height: 1.5;
}
.ot-office-pack-sp-inquiry-wrap {
  max-width: 840px;
  margin: 0 auto 30px;
  background: #50A0F0;
  display: flex;
  padding: 30px 0 30px 13px;
  align-items: center;
}
.ot-office-pack-sp-inquiry-wrap_left {
  color: #fff;
  width: 34%;
  margin-right: auto;

  font-weight: bold;
  display: flex;
  align-items: center;
}
.ot-office-pack-sp-inquiry-wrap_image {
  width: 16.9%;
  position: relative;
  top: 3px;
  margin-right: 3px;
}
.ot-office-pack-sp-inquiry-wrap_title02 {
  width: 81.1%;
  font-size: 20px;
}
.ot-office-pack-sp-inquiry-wrap_right {
  width: 62%;
}
.ot-office-pack-sp-inquiry-wrap_title {
  color: #fff;
  font-size: 17px;
}
.ot-office-pack-sp-inquiry-wrap_hour {
  font-size: 16px;
  color: #fff;
  display: flex;
  align-items: center;
}
.ot-office-pack-sp-inquiry-wrap_tel {
  font-size: 30px;
  margin-left: 13px;
}
.ot-office-pack-sp-inquiry-wrap02 a {
  max-width: 840px;
  margin: 0 auto;
  padding: 30px 0;
  color :#fff;
  display: block;
  text-align: center;

  font-weight: bold;
  background: #17C9BB;
}
.ot-office-pack-sp-inquiry-wrap02_inner {
  display: flex;
  max-width: 651px;
  margin: 0 auto;
  align-items: center;
}
.ot-office-pack-sp-inquiry-wrap02_image {
  width: 5.6%;
  margin-right: auto;
  position: relative;
  top: 4px;
}
.ot-office-pack-sp-inquiry-wrap02_text {
  width: 93%;
  font-size: 20px;
}
.ot-office-pack-sp-case-study_image {
  text-align: center;
  margin-bottom: 20px;
}
.ot-office-pack-sp-case-study-list {
  max-width: 415px;
  margin: 0 auto 20px;
  display: flex;
  justify-content: space-between;
}
.ot-office-pack-sp-case-study-list_item {
  width: 48.1%;
  color: #fff;
  text-align: center;
  padding: 8px 0;
  border-radius: 80px;
  font-weight: bold;
  font-size: 15px;
}
.ot-office-pack-sp-case-study-list_item:first-child {
  background: #50A0F0;
}
.ot-office-pack-sp-case-study-list_item:last-child {
  background: #FF9E36;
}
.ot-office-pack-sp-case-study-list_title {
  font-size: 18px;
}
.ot-office-pack-sp-case-study-tbl {
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
}
.ot-office-pack-sp-case-study-tbl_header {
  border: 1px solid #D5D5D5;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: bold;
  background: #F0F4FB;
  white-space: nowrap;
  vertical-align: middle;
}
.ot-office-pack-sp-case-study-tbl_data {
  border: 1px solid #D5D5D5;
  padding: 10px;
  font-size: 15px;
  line-height: 1.5;
}
.ot-office-pack-sp-case-study-tbl-list_item {
  padding-left: 1em;
  text-indent: -1em;
}
.ot-office-pack-sp-case-study-tbl_sentence {
  margin-bottom: 20px;
}
.ot-office-pack-sp-case-study-tbl_sentence:last-child {
  margin-bottom: 0;
}

.ot-office-pack-sp-manual-download-list {
  max-width: 800px;
  margin: 30px auto 60px;
}
.ot-office-pack-sp-manual-download-list:last-child {
  margin-bottom: 150px;
}
.ot-office-pack-sp-manual-download-list_item {
  background: url(../images/solution/ot-office-pack-sp/ot-office-pack-sp-img18.png) no-repeat left center;
  padding: 10px 0 10px 40px;
  margin-bottom: 10px;
  font-size: 15px;
}
.ot-office-pack-sp-contact .ttl01 {
  font-size: 26px;
}
.ot-office-pack-sp-contact .tb-form .select-title {
  margin-top: 15px;
}
.ot-office-pack-sp-contact .tb-form select {
  -webkit-appearance: none;
  appearance: none;
  background: url(../images/solution/ot-office-pack-sp/ot-office-pack-sp-img19.png) no-repeat right center;
  background-size: 35px 40px;
}

/* ot-alcohol-checker 20220308
---------------------------------------------*/
.wrap-ot-alcohol-checker .ttl01 {
  padding-bottom: 35px;
}
.wrap-ot-alcohol-checker .tab li {
  width: 50%;
  max-width: 50%;
}
.ot-alcohol-checker-mainimg {
  margin-bottom: 40px;
}
.ot-alcohol-checker-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #707070;
  padding-bottom: 15px;
  margin-bottom: 35px;
}
.ot-alcohol-checker-sec {
  max-width: 845px;
  margin: 0 auto 70px;
}
.ot-alcohol-checker-sec-pic {
  margin-bottom: 60px;
}
.ot-alcohol-checker-sec-pic02 {
  margin: 0 0 30px 40px;
}
.ot-alcohol-checker-sec-pic03 {
  margin-bottom: 40px;
}
.wrap-ot-alcohol-checker .ttl09 {
  margin-bottom: 30px;
}
.wrap-ot-alcohol-checker .ttl04 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.wrap-ot-alcohol-checker .ttl04:before {
  width: 20px;
  height: 2px;
  margin-right: 10px;
}

.alignC {
  text-align: center !important;
}
.alignL {
  text-align: left !important;
}
.alignR {
  text-align: right !important;
}
.fw-b {
  font-weight: bold !important;
}
.ot-alcohol-checker-sec_inner {
  max-width: 840px;
  margin: 0 auto;
}
.ot-alcohol-checker-to-all-businesses_lead {
  color: #FF9E36;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
.ot-alcohol-checker-to-all-businesses_sentence {
  font-size: 14px;
  margin-bottom: 30px;
  line-height: 1.8;
}
.ot-alcohol-checker-to-all-businesses-wrap {
  max-width: 840px;
  margin: 0 auto 30px;
  display: flex;
  align-items: center;
}
.ot-alcohol-checker-to-all-businesses-wrap_left {
  width: 35.6%;
  margin-right: auto;
  background: #2B5ABE;
  border-radius: 5px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.ot-alcohol-checker-to-all-businesses-wrap_left::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 13px solid #2B5ABE;
}
.ot-alcohol-checker-to-all-businesses-wrap_right {
  width: 61.9%;
  color: #2B5ABE;
  font-size: 19px;
  font-weight: bold;
}
.ot-alcohol-checker-to-all-businesses_sentence02 {
  font-size: 14px;
  margin: -5px 0 15px 5px;
}
.ot-alcohol-checker-to-all-businesses-wrap02 {
  max-width: 840px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.ot-alcohol-checker-to-all-businesses-wrap02_image {
  width: 38.5%;
  margin-right: auto;
}
.ot-alcohol-checker-to-all-businesses-wrap02_text {
  width: 60%;
  margin-top: -43px;
}
.ot-alcohol-checker-to-all-businesses-wrap02_sentence {
  font-size: 14px;
  line-height: 1.8;
  font-weight: bold;
}
.ot-alcohol-checker-to-all-businesses-wrap02-list {
  font-size: 14px;
  line-height: 1.8;
}
.ot-alcohol-checker-ac-015st-wrap {
  max-width: 840px;
  margin: 0 auto 40px;
  display: flex;
}
.ot-alcohol-checker-ac-015st-wrap_image {
  width: 28.6%;
  margin-right: auto;
}
.ot-alcohol-checker-ac-015st-wrap_left {
  width: 69%;
}
.ot-alcohol-checker-ac-015st-wrap-table {
  width: 100%;
}
.ot-alcohol-checker-ac-015st-wrap-table_header {
  border: 1px solid #D5D5D5;
  background: #F0F4FB;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  padding: 0 20px;
  width: 21%;
}
.ot-alcohol-checker-ac-015st-wrap-table_data {
  border: 1px solid #D5D5D5;
  font-size: 13px;
  padding: 0 20px;
}
.ot-alcohol-checker-ac-015st-wrap02 {
  max-width: 840px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.ot-alcohol-checker-ac-015st-wrap02_inner {
  width: 47.6%;
  margin-bottom: 25px;
}
.ot-alcohol-checker-ac-015st-wrap02_inner:nth-child(odd) {
  margin-right: auto;
}
.ot-alcohol-checker-ac-015st-wrap02_title {
  border: 1px solid #335CB8;
  border-radius: 20px;
  color: #2B5ABE;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 3px 0;
  margin-bottom: 15px;
}
.ot-alcohol-checker-ac-015st-wrap02_conts {
  max-width: 364px;
  margin: 0 auto;
}
.ot-alcohol-checker-ac-015st-wrap02_title02 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 5px;
}
.ot-alcohol-checker-ac-015st-wrap02_title02--02 {
  margin-bottom: 20px;
}
.ot-alcohol-checker-ac-015st-wrap02_text {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.ot-alcohol-checker-ac-015st-wrap02_text02 {
  font-size: 11px;
  line-height: 1.5;
}
.ot-alcohol-checker-ac-015st-wrap03 {
  max-width: 364px;
  margin: 15px auto 0;
  display: flex;
  flex-flow: row-reverse;
}
.ot-alcohol-checker-ac-015st-wrap03_text {
  width: 56.8%;
  margin-right: auto;
  font-size: 13px;
  line-height: 1.5;
}
.ot-alcohol-checker-ac-015st-wrap03_image {
  width: 44.7%;
}
.ot-alcohol-checker-ac-015st-wrap04 {
  max-width: 761px;
  margin: 20px auto 60px;
  display: flex;
  align-items: center;
}
.ot-alcohol-checker-ac-015st-wrap04_image {
  width: 41.2%;
  margin-right: auto;
}
.ot-alcohol-checker-ac-015st-wrap04_text {
  width: 52.5%;
}
.ot-alcohol-checker-ac-015st-wrap04-table {
  width: 100%;
  margin-bottom: 5px;
}
.ot-alcohol-checker-ac-015st-wrap04-table_header {
  border: 1px solid #D5D5D5;
  background: #F0F4FB;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  padding: 0 20px;
}
.ot-alcohol-checker-ac-015st-wrap04-table_header02 {
  font-size: 14px;
  font-weight: normal;
}
.ot-alcohol-checker-ac-015st-wrap04-table_header03 {
  line-height: 1.6;
  padding: 5px 20px;
}
.ot-alcohol-checker-ac-015st-wrap04-table_data {
  border: 1px solid #D5D5D5;
  font-size: 13px;
  padding: 0 20px;
}
.ot-alcohol-checker-ac-015st-wrap04-table_data02 {
  font-size: 14px;
}
.ot-alcohol-checker-ac-015st-wrap04_sentence {
  font-size: 14px;
}
.ot-alcohol-checker-ac-015st_title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.ot-alcohol-checker-ac-015st_sentence {
  margin-bottom: 30px;
}
.ot-alcohol-checker-ac-015st-table {
  max-width: 400px;
}
.ot-alcohol-checker-ac-015st-table_header {
  border: 1px solid #D5D5D5;
  background: #F0F4FB;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  padding: 0 20px;
}
.ot-alcohol-checker-ac-015st-table_header02 {
  font-size: 14px;
  font-weight: normal;
}
.ot-alcohol-checker-ac-015st-table_data {
  border: 1px solid #D5D5D5;
  font-size: 13px;
  padding: 0 20px;
}
.ot-alcohol-checker-ac-015st-table_data02 {
  font-size: 14px;
}
.ot-alcohol-checker-ac-015st-wrap_lead {
  color: #2B5ABE;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.ot-alcohol-checker-detector-table .ot-alcohol-checker-ac-015st-wrap-table_header {
  padding: 0 10px;
  width: 27%;
}
.ot-alcohol-checker-detector-table .ot-alcohol-checker-ac-015st-wrap-table_data {
  font-size: 12px;
  padding: 0 15px;
}
.ot-alcohol-checker-management-software_lead {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 40px;
}
.ot-alcohol-checker-management-software_image {
  text-align: center;
  margin-bottom: 90px;
}
.ot-alcohol-checker-management-software_title {
  color: #2B5ABE;
  font-size: 14px;
  font-weight: 500;
}
.ot-alcohol-checker-management-software_sentence {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 25px;
}
.ot-alcohol-checker-management-software-table {
  margin-bottom: 75px;
}
.ot-alcohol-checker-management-software_inner {
  max-width: 780px;
  margin: 0 auto;
}
.ot-alcohol-checker-management-software_sentence03 {
  font-size: 14px;
}
.ot-alcohol-checker-management-software_image02 {
  margin-bottom: 40px;
  text-align: center;
}
.ot-alcohol-checker-management-software_sentence02 {
  font-size: 14px;
}
.ot-alcohol-checker-management-software_sentence02-last {
  margin: -23px auto 50px;
}
.ot-alcohol-checker-management-software-list02 {
  font-size: 14px;
  margin-left: 1em;
  margin-bottom: 20px;
  line-height: 1.8;
}
.ot-alcohol-checker-management-software-list03 {
  font-size: 14px;
  margin-left: 1em;
  margin-bottom: 20px;
  line-height: 1.8;
}
.ot-alcohol-checker-management-software_title02 {
  color: #2B5ABE;
  font-size: 14px;
  font-weight: bold;
}
.ot-alcohol-checker-management-software_notes {
  font-size: 13px;
  line-height: 1.8;
  margin: 25px 0 60px;
}
.ot-alcohol-checker-management-software-list_item {
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 25px;
  line-height: 1.6;
}
.ot-alcohol-checker-lineup_inner {
  margin-bottom: 45px;
}
.ot-alcohol-checker-lineup-wrap {
  max-width: 840px;
  margin: 0 auto 20px;
  display: flex;
}
.ot-alcohol-checker-lineup-wrap_image {
  width: 32.7%;
  margin-right: auto;
}
.ot-alcohol-checker-lineup-wrap_caption {
  font-size: 14px;
  margin-top: -10px;
}
.ot-alcohol-checker-lineup-wrap_text {
  width: 64%;
  margin-top: 10px;
}
.ot-alcohol-checker-lineup-wrap_title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.ot-alcohol-checker-lineup-wrap_sentence {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 20px;
}
.ot-alcohol-checker-lineup-table_area {
  max-width: 720px;
  margin-bottom: 10px;
}
.ot-alcohol-checker-lineup-table {
  width: 100%;
}
.ot-alcohol-checker-lineup-table_header {
  border: 1px solid #D5D5D5;
  background: #F0F4FB;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  padding: 3px 10px;
  width: 73%;
}
.ot-alcohol-checker-lineup-table_data {
  border: 1px solid #D5D5D5;
  font-size: 13px;
  padding: 3px 65px;
}
.ot-alcohol-checker-lineup_sentence {
  font-size: 14px;
  line-height: 1.8;
}
.ot-alcohol-checker-lineup-wrap02 {
  max-width: 257px;
  display: flex;
}
.ot-alcohol-checker-lineup-wrap_image02 {
  width: 46.6%;
}
.ot-alcohol-checker-lineup-wrap_image02:first-child {
  margin-right: auto;
}

/* DX
---------------------------------------------*/
.ttl01-dx {
  line-height: .9;
  padding-bottom: 25px;
}
.dx-subtitle {
  font-size: 24px;
}
.dx-subtitle::before {
  margin-right: 0 !important;
}
.tab-detail_dx {
  border: 2px solid #5689d7;
  margin-top: 90px;
  padding: 0 60px 20px;
}
.tab-detail_dx .rinenArea {
  border: none;
  padding: 0 0 20px;
}
.company .tab-detail_dx #tab02.tab02 .rinenArea {
  padding: 0 0 20px;
}
.tab-detail_dx .rinenArea02 {
  margin-bottom: 0;
}
.tab-detail_dx .tab-cont {
  padding-top: 0;
}
.tab-dx li a {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 80px !important;
}
.tab-dx_02 {
  max-width: 880px;
  margin: 0 auto 50px;
  border: 1px solid #2650B6;
  border-radius: 3px;
  display: flex;
}
.tab-dx_02 li {
  border: none;
  font-size: 15px;
  font-weight: 500;
  float: none;
  border-right: 1px solid #2650B6;
  margin: 13px 0;
  padding: 0 10px;
}
.tab-dx_02 li:before {
  background: none;
}
.tab-dx_02 li:last-child {
  border-right: none;
}
.tab-dx_02 li a {
  height: 40px !important;
  color: #222;
}
.tab-dx_02 li.active a {
  background: #EFF4F8;
  border-radius: 50px;
  color: #2b5abe;
}
.tab-dx_02 li a:hover {
  background: #EFF4F8;
  border-radius: 50px;
  color: #2b5abe;
}
.dx-conts-title {
  font-size: 28px;
  color: #2B5ABE;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 50px;
}
.dx-message-president-wrap {
  max-width: 886px;
  margin: 0 auto;
  display: flex;
  flex-flow: row-reverse;
}
.dx-message-president-wrap_image {
  width: 23.3%;
  margin-right: auto;
}
.dx-message-president-wrap_text {
  width: 69.8%;
}
.dx-message-president-wrap_sentence {
  margin-bottom: 25px;
}
.dx-message-president-footer {
  margin-bottom: 50px;
}
.dx-certification {
  max-width: 900px;
  margin: 0 auto;
}
.dx-certification_sentence {
  margin-bottom: 20px;
}
.dx-certification_image {
  text-align: center;
  margin-bottom: 20px;
}
.dx-certification ul {
  max-width: 495px;
  margin: 0 auto 80px;
}
.dx-certification ul li {
  list-style: none;
}
.dx-strategy {
  max-width: 845px;
  margin: 0 auto;
}
.dx-strategy-wrap {
  display: flex;
  margin-bottom: 90px;
}
.dx-strategy-wrap_left {
  width: 10.4%;
  color: #659AEB;
  font-size: 60px;
  margin-right: auto;
}
.dx-strategy-wrap_num {
  position: relative;
}
.dx-strategy-wrap_num::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 46px;
  background: #5689D7;
  position: absolute;
  top: 26px;
  right: -20px;
}
.dx-strategy-wrap_right {
  width: 85.9%;
}
.dx-strategy-wrap_title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.text-color-red {
  color: #F00;
}
.dx-strategy-wrap_sentence {
  margin-bottom: 30px;
  font-size: 15px;
}
.dx-strategy-wrap_sentence02 {
  color: #2B5ABE;
  font-size: 24px;
  line-height: 1.5;
}
.dx-strategy-wrap_image02 {
  margin-top: 50px;
}
.dx-strategy-wrap_title02 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #222;
  padding-bottom: 15px;
  margin: 60px 0 15px;
}
.dx-product-introduction-conts {
  margin-bottom: 20px;
}
.dx-product-introduction_inner {
  max-width: 825px;
  margin: 0 auto;
  background: #EFF4F8;
}
.dx-product-introduction-wrap {
  max-width: 751px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  height: 200px;
}
.dx-product-introduction-wrap_left {
  width: 9.8%;
  margin-right: auto;
  color: #659AEB;
  font-size: 65px;
  opacity: .2;
}
.dx-product-introduction-wrap_right {
  width: 87.4%;
}
.dx-product-introduction-wrap_title {
  color: #2B5ABE;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
.dx-product-introduction-wrap_sentence {
  font-size: 16px;
}
.dx-product-introduction_link {
  color: #fff;
  background: #659AEB;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  max-width: 420px;
  margin: 0 auto;
  display: block;
  padding: 10px 0;
  position: relative;
  top: -25px;
}
.dx-product-introduction_link:hover {
  color: #fff;
}
.dx-solution {
  max-width: 880px;
  margin: 40px auto 0;
  display: flex;
  flex-wrap: wrap;
}
.dx-solution_inner {
  width: 47.7%;
  background: #EFF4F8;
  border-radius: 10px;
  padding: 20px 35px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}
.dx-solution_inner:nth-child(odd) {
  margin-right: auto;
}
.dx-solution_title01 {
  font-weight: bold;
  margin-bottom: 10px;
}
.dx-solution_title02 {
  font-size: 22px;
  font-weight: bold;
  color: #2B5ABE;
  text-align: center;
  border-top: 1px solid #2B5ABE;
  border-bottom: 1px solid #2B5ABE;
  margin-bottom: 15px;
  height: 4em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dx-solution_text {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 30px;
}
.dx-solution-button {
  width: 200px;
  margin: 0 auto;
  margin-top: auto;
}
.dx-solution-button_link {
  display: block;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  background: #659AEB;
}
.dx-solution-button_link:hover {
  color: #fff;
}

/* wrap-tobilaphone
---------------------------------------------*/
.wrap-tobilaphone .tab-cont {
    padding-top: 40px;
}
.tobilaphone-wrap {
    max-width: 840px;
    margin: 0 auto 50px;
    display: flex;
}
.tobilaphone-wrap__text {
    width: 52.3%;
    margin-right: auto;
}
.tobilaphone-wrap__text p {
    font-size: 14px;
    margin-bottom: 25px;
}
.tobilaphone-wrap__image {
    width: 45.2%;
}
.tobilaphone-title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #707070;
    padding-bottom: 15px;
    margin-bottom: 35px;
    color: #2A5BBE;
}
.tobilaphone-title02 {
    font-size: 24px;
    font-weight: normal;
}
.tobilaphone-inner {
    max-width: 840px;
    margin: 0 auto;
}
.tobilaphone-convenience-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 70px auto 0;
} 
.tobilaphone-convenience-wrap__inner {
    width: 30.2%;
    margin: 0 4.7% 95px 0;
}
.tobilaphone-convenience-wrap__inner:nth-child(3n) {
    margin-right: 0;
}
.tobilaphone-convenience-wrap__image {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tobilaphone-convenience-wrap__title {
    color: #0C96FF;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
.tobilaphone-convenience-wrap__sentence {
    line-height: 1.5;
}
.tobilaphone-movie {
    margin-bottom: 80px;
}
.tobilaphone-movie-contents iframe {
    display: block;
    margin: auto;
}

/* OTオフィス Wi-Fi
---------------------------------------------*/
.office-wi-fi-list {
    max-width: 900px;
    margin: 0 auto;
}
.office-wi-fi-list-item {
    text-indent: -1.5em;
    padding-left: 1em;
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 1.5;
}
.office-wi-fi-text {
    max-width: 900px;
    margin: 0 auto 10px;
    color: #f00;
    font-size: 26px;
    text-align: center;
    line-height: 1.5;
}
.office-wi-fi-text02 {
    max-width: 900px;
    margin: 0 auto 40px;
    color: #f00;
    font-size: 26px;
    text-align: center;
}
.office-wi-fi-wrap {
    max-width: 900px;
    margin: 0 auto 50px;
    display: flex;
    justify-content: space-between;
}
.office-wi-fi-wrap-list {
    width: 430px;

}
.office-wi-fi-wrap-list-item {
    font-size: 11px;
    margin-bottom: 5px;
    line-height: 1.5;
    text-indent: -1em;
    padding-left: 1em;
}
.office-wi-fi-title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #707070;
    padding-bottom: 15px;
    margin-bottom: 35px;
}
.office-wi-fi-product-specifications {
    max-width: 900px;
    margin: 0 auto 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.office-wi-fi-product-specifications-image {
    width: 33.3%;
}
.office-wi-fi-product-specifications-text {
    width: 64.4%;
    font-size: 20px;
    font-weight: bold;
}
.office-wi-fi-product-specifications-contents {
    max-width: 900px;
    margin: 0 auto 50px;
}
.office-wi-fi-table {
    width: 100%;
}
.office-wi-fi-table-header {
    background: #182881;
    color: #fff;
    font-weight: bold;
    border: 1px solid #fff;
    vertical-align: middle;
    padding: 10px;
    line-height: 1.3;
}
.office-wi-fi-table-header02 {
    background: #2aa738;
    vertical-align: middle;
}
.office-wi-fi-table-data {
    background: #ceebfb;
    border: 1px solid #fff;
    vertical-align: middle;
    padding: 10px;
    text-align: center;
    line-height: 1.3;
}
.office-wi-fi-table-data img {
    width: 60%;
    margin: 0 auto;
}