@charset "UTF-8";
/*
Theme Name: NewSite
Author: ProntoNet
Author URI: http://www.prontonet.ne.jp/
Version: 1.0
*/
/* ----------------------------- リセット */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img { vertical-align: top; font-size: 0; line-height: 0; }

sup { font-size: 8px; }

em { font-style: normal; }

div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after { content: ""; display: block; }

div:after, ul:after, ol:after, dl:after { clear: both; }

div, ul, ol, dl { zoom: 1; }

ul#wp-admin-bar-root-default:after { clear: none; }

/* =======================================
記事詳細
========================================*/
#entry { margin: 0 auto; }

#entry_title { margin: 0 0 30px; border-bottom: 1px solid #ccc; padding: 0 0 12px; }

#entry_title h3 { padding: 2px 0; font-size: 130%; }

#entry_title span { font-size: 85%; padding: 2px 0; }

#entrybody { font-size: 100%; margin-top: 0; word-break: break-all; }

#entrybody ul, #entrybody ol { margin: 12px 0 12px 2em; list-style-position: inside; text-align: left; }

#entrybody ul li { text-align: left; }

#entrybody ol li { text-align: left; }

#entrybody strong { font-weight: bold !important; }

#entrybody strong span { font-weight: bold !important; }

#entrybody span strong { font-weight: bold !important; }

#entrybody del strong { font-weight: bold !important; }

#entrybody em strong { font-weight: bold !important; }

#entrybody em { font-style: italic; }

#entrybody p { line-height: 170%; margin: 0 0 1.2em; }

td #entrybody p { margin-bottom: 0; }

#entrybody em { font-style: italic !important; }

#entrybody blockquote { margin: 15px 0 15px 24px; }

#entrybody img { margin: 0 0 1em; }

#entrybody iframe { width: 100%; height: auto; }

.alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }

.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }

.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }

.wp-caption { border: none; background: #f1f1f1; color: #888; font-size: 12px; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.wp-caption img { margin: 5px; }

.wp-caption p.wp-caption-text { margin: 0 0 4px; }

.wp-smiley { margin: 0; }

body#tinymce ul, body#tinymce ol { margin: 0 0 0 1.5em; }

body#tinymce ul li { list-style: disc; }

body#tinymce ol li { list-style: decimal; }

#entrybody h1 { font-size: 200%; line-height: 150%; }

#entrybody h2 { font-size: 180%; line-height: 150%; }

#entrybody h3 { font-size: 150%; line-height: 150%; }

#entrybody h4 { font-size: 132%; line-height: 150%; }

#entrybody h5 { font-size: 116%; line-height: 150%; }

#entrybody h6 { font-size: 108%; line-height: 150%; }

#social { margin: 30px 0 10px; clear: both; }

#social:before, #social:after { content: ""; display: table; }

#social:after { clear: both; }

#social { zoom: 1; }

#social li, #social div { float: left; }

#social li { border: 0; }

#social .facebook { width: 120px; }

#social .twitter { width: 105px; }

#social .hatena { width: 130px; }

#social .google { width: 80px; }

#social .line img { width: 88px; height: auto; }

#entry .fbcomments, #entry .fb_iframe_widget, #entry .fb_iframe_widget[style], #entry .fb_iframe_widget iframe[style], #entry .fbcomments iframe[style], #entry .fb_iframe_widget span { width: 100% !important; }

/* ----------------------------- ページネーション */
.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  line-height: 14px;
        text-align: center;
}
.pagination-box {
  display: inline-block;
}
.pagination span, .pagination a {
  display: inline-block;
  margin: 2px 2px 2px 0;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  width: auto;
  color: #fff; /* 通常の文字色 */
  background: #CCC; /* 通常の背景色 */

}

.pagination a{
  text-decoration: none;
}
.pagination a:hover{
  color: #fff; /* マウスホバー時の文字色 */
  background: #0A246B; /* マウスホバー時の背景色 */
}
.pagination .current{
  padding: 10px 15px 10px 15px;
  color: #fff; /* 現在のページの文字色 */
        background: #0A246B; /* 現在のページの背景色 */
}
@media only screen and (max-width: 413px) {
.pagination {
  font-size: 12px;
  line-height: 12px;
}
.pagination span, .pagination a {
  padding: 8px 10px 8px 10px;
}
.pagination .current{
  padding: 8px 10px 8px 10px;
}
}

/* ----------------------------- 全体 */
html { font-size: 62.5%; }

body { font-size: 14px; font-size: 1.4rem; font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.8em; color: #333; font-family: "游ゴシック体", "YuGothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; background: #fff; position: relative; min-width: 1000px; }

a:link, a:visited { color: #000; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
a, a img { -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; transition: 0.2s ease all; }
a:hover img { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }

.sp-only { display: none !important; }

img, .bx-wrapper img { max-width: 100%; height: auto; }

/* ----------------------------- 1. 各ページ共通 */
/*=======================================
ヘッダー
=========================================*/
.l-header { position: fixed; top: 0; z-index: 10000; transition: .5s; width: 100%; padding: 10px 0 30px; background-color: #FFF; }
.l-header.hide { top: -174px; }
.l-header__top { padding-bottom: 10px; }
.l-header__top p { font-weight: bold; }
.l-header__top .left { float: left; }
.l-header__top .left p { font-size: 11px; font-size: 1.1rem; }
.l-header__top .right { float: right; }
.l-header__top .right p { font-size: 11px; -webkit-text-size-adjust: 100%; float: right; margin-right: 10px; }
.l-header__top .right p span { padding: 0 5px; position: relative; top: 3px; }
.l-header__top .right ul { float: right; }
.l-header__top .right ul li { float: left; width: 20px; height: 20px; display: flex; margin-right: 6px; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.l-header__top .right ul li a { width: 100%; height: 20px; display: flex; text-decoration: none; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.l-header__top .right ul li i { color: #FFF; font-size: 10px; line-height: 1; }
.l-header__top .right ul li:last-child { margin-right: 0; }
.l-header__top .right ul li.twitter { background-color: #1C9DEB; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; }
.l-header__top .right ul li.facebook { background-color: #344A7B; text-align: center; font-size: 12px; -webkit-border-radius: 10%; border-radius: 10%; }
.l-header__top .right ul li.instagram { background-color: #eb1b70; text-align: center; -webkit-border-radius: 10%; border-radius: 10%; }
.l-header__middle { padding-bottom: 25px; }
.l-header__middle h1,
.l-header__middle .logo { float: left; }
.l-header__middle .link { float: right; border-top: 3px solid #DDDDDD; border-bottom: 3px solid #DDDDDD; border-left: 3px solid #DDDDDD; }
.l-header__middle .link ul li { float: left; width: 153px; text-align: center; font-feature-settings: "palt"; border-right: 3px solid #DDDDDD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: bold; font-size: 13px; font-size: 1.3rem; }
.l-header__middle .link ul li span:before { margin-right: 5px; }
.l-header__middle .link ul li span.corporate:before { content: ""; width: 100%; background: url("img/common/icon_pc.svg") no-repeat center center; width: 13px; height: 16px; display: inline-block; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; position: relative; top: 3px; }
.l-header__middle .link ul li span.recruit:before { content: ""; width: 100%; background: url("img/common/icon_recruit.svg") no-repeat center center; width: 13px; height: 16px; display: inline-block; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; position: relative; top: 2px; }
.l-header__middle .link ul li span.support:before { content: ""; width: 100%; background: url("img/common/icon_user.svg") no-repeat center center; width: 13px; height: 16px; display: inline-block; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; position: relative; top: 2px; }
.l-header__middle .link ul li span.mail:before { content: ""; width: 100%; background: url("img/common/icon_mail.svg") no-repeat center center; width: 13px; height: 16px; display: inline-block; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; position: relative; top: 3px; }
.l-header__middle .link ul li a,
.l-header__middle .link ul li .anchor { text-decoration: none; display: block; position: relative; transition: .3s; }
.l-header__middle .link ul li .anchor { cursor: pointer; }
.l-header__middle .link ul li a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; content: ''; background: #B20000; transform-origin: right top; transform: scale(0, 1); transition: transform .3s; }
.l-header__middle .link ul li a:hover:before { transform-origin: left top; transform: scale(1, 1); }
.l-header__middle .link ul li a:hover { color: #FFF; }
.l-header__middle .link ul li a:hover span.corporate:before { background: url("img/common/icon_pc2.svg") no-repeat center center; }
.l-header__middle .link ul li a:hover span.recruit:before { background: url("img/common/icon_recruit2.svg") no-repeat center center; }
.l-header__middle .link ul li a:hover span.support:before { background: url("img/common/icon_user2.svg") no-repeat center center; }
.l-header__middle .link ul li a:hover span.mail:before { background: url("img/common/icon_mail2.svg") no-repeat center center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; }
.l-header__middle .link ul .js-pulldown .anchor span:after { content: ">"; display: inline-block; margin-left: 8px; transform: rotate(90deg); font-size: 75%; vertical-align: bottom; font-weight: normal; transition: .2s ease all; }
.l-header__middle .link ul .js-pulldown.is-open .anchor span:after { transform: rotate(-90deg); }
.l-header__middle .link ul .js-pulldown { position: relative; }
.l-header__middle .link ul .js-pulldown-content { display: none; position: absolute; left: -3px; top: 100%; width: calc(100% + 6px); padding-top: 3px; z-index: 9; background: rgba(235,235,235,.8);  }
.l-header__middle .link ul .js-pulldown-content li { border-right: 0; border-bottom: 1px solid #fff; }
.l-header__middle .link ul .js-pulldown-content li a { padding: 5px; }
.l-header__middle .link ul .js-pulldown-content li a span:after { content: ">"; display: inline-block; margin-left: 10px; }
.l-header__bottom ul{display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.l-header__bottom ul:before,
.l-header__bottom ul:after{content: none;}
.l-header__bottom ul li {width: 100%; border-right: 1px solid #DDD; text-align: center; height: 40px;  -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; /*width: 158px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1; letter-spacing: 0.05em; font-feature-settings: "palt"; font-size: 15px; font-size: 1.5rem; font-weight: bold; }
.l-header__bottom ul li span { font-size: 11px; font-size: 1.1rem; font-weight: normal; padding-top: 10px; }
.l-header__bottom ul li:first-child { width: 400px!important; border-left: 1px solid #DDD; }
.l-header__bottom ul li:first-child img { width: 24px; height: 22px; }
.l-header__bottom ul li a {width: 100%; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; height: 40px; text-decoration: none; }
.l-header__bottom ul li a span { display: block; }

/*=======================================
メニュー
=========================================*/
/*=======================================
フッター
=========================================*/
.l-footer { background-color: #F6F6F6; padding: 35px 0 40px; }
.l-footer__top .f-logo { float: left; margin-right: 30px; }
.l-footer__top ul { float: left; }
.l-footer__top ul li { float: left; margin-right: 15px; font-size: 13px; font-size: 1.3rem; }
.l-footer__top ul li a { text-decoration: none; }
.l-footer__bottom p { font-size: 12px; font-size: 1.2rem; line-height: 200%; margin-top: 25px; }

/*=======================================
ページトップへ
=========================================*/
.l-pagetop { position: fixed; right: 30px; bottom: 30px; z-index: 999; }

/* ----------------------------- 2. トップページ */
/*=======================================
メインビジュアル
=========================================*/
.p-top__kv { margin-top: 175px; background: url("img/top/bg_01.jpg") no-repeat center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; height: 690px; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin-bottom: 50px; }
.p-top__kv h2 { text-align: center; }
.p-top__kv p { margin-top: 40px; text-align: center; }
.p-top__kv .passing .passing-box { display: block; text-align: center; }
.p-top__kv .passing .passing-bar { position: relative; display: inline-block; /*　後ほど解説　*/ -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.p-top__kv .passing .passing-bar:before { content: ''; display: inline-block; width: 0; height: 60px; position: absolute; left: 0; bottom: 0; z-index: 1; /* 任意の値 */ background: #EEEEEE; }
.p-top__kv .passing .passing-txt { opacity: 0; /* 後ほど解説 */ -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.p-top__kv .passing.move .passing-bar:before { -webkit-animation: passing-bar 1s ease 0s 1 normal forwards; animation: passing-bar 1s ease 0s 1 normal forwards; animation-delay: 3.5s; }
.p-top__kv .passing.move .passing-txt { -webkit-animation: passing-txt 0s ease .5s 1 normal forwards; animation: passing-txt 0s ease .5s 1 normal forwards; animation-delay: 4s; }

svg { width: 872px; height: auto; }

.line { stroke: #333; fill: #333; fill-opacity: 0; stroke-width: 1; stroke-dasharray: 3000; stroke-dashoffset: 3000; -webkit-animation: LINE 8s ease-in 0s forwards; animation: LINE 8s ease-in 0s forwards; }

@keyframes LINE { 0% { stroke-dashoffset: 3000; fill-opacity: 0; }
  30% { fill-opacity: 0; }
  35% { fill-opacity: 1; }
  100% { stroke-dashoffset: 0; fill-opacity: 1; } }
@-webkit-keyframes LINE { 0% { stroke-dashoffset: 3000; fill-opacity: 0; }
  30% { fill-opacity: 0; }
  35% { fill-opacity: 1; }
  100% { stroke-dashoffset: 0; fill-opacity: 1; } }
/* animation */
@-webkit-keyframes passing-bar { 0% { left: 0; right: auto; width: 0; }
  50% { left: 0; right: auto; width: 100%; }
  51% { left: auto; right: 0; width: 100%; }
  100% { left: auto; right: 0; width: 0; } }
@keyframes passing-bar { 0% { left: 0; width: 0; }
  50% { left: 0; width: 100%; }
  51% { left: 0; width: 100%; }
  100% { left: 100%; width: 0; } }
@-webkit-keyframes passing-txt { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes passing-txt { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
/*=======================================
トップページ
=========================================*/
.p-top { padding-bottom: 80px; }
.p-top .c-title1 { margin-bottom: 10px; }
.p-top__info { padding-bottom: 50px; }
.p-top__info .c-title1 { opacity: 0; }
.p-top__info .c-title1.delighter { transition: all .6s ease-out; transform: translateX(-40%); opacity: 0; }
.p-top__info .c-title1.delighter.started { transform: none; opacity: 1; }
.p-top__service .c-title1 { opacity: 0; }
.p-top__service .c-title1.delighter { transition: all .6s ease-out; transform: translateX(-40%); opacity: 0; }
.p-top__service .c-title1.delighter.started { transform: none; opacity: 1; }
.p-top__service ul.delighter { transition: all .5s ease-out; transform: translateY(10%); opacity: 0; }
.p-top__service ul.delighter.started { transform: none; opacity: 1; }
.p-top__service ul li { float: left; width: 250px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 0; position: relative; }
.p-top__service ul li a { display: block; text-decoration: none; border-left: 1px solid #DDDDDD; padding: 0 20px 0 20px; }
.p-top__service ul li a .logo { text-align: center; }
.p-top__service ul li a .logo:after { content: url("img/top/circle_01.jpg"); display: block; }
.p-top__service ul li:nth-child(4n) { margin-right: 0; width: 250px; }
.p-top__service ul li:nth-child(4n) a { border-right: 1px solid #DDDDDD;  }
.p-top__service ul li:last-child a { border-right: 1px solid #DDDDDD;  }
/*.p-top__service ul li:nth-last-child(-n+5) { border-top: 1px solid #DDDDDD; position: relative;}*/
.p-top__service ul li:nth-last-child(-n+5):before{content: "";display:block;width: 210px;height: 1px; background-color: #DDD;position: absolute;top: 0;left: 0;right: 0;margin: auto;}
.p-top__service ul li:nth-child(4n+1) { clear: both; }
.p-top__service ul li .txt p { line-height: 200%; }


.img-box{width: 1000px;margin: 30px auto 0;text-align: center;}
.img-box ul{display: grid; grid-template-columns: repeat(3, 1fr);column-gap: 50px;row-gap: 20px;}
.img-box ul::before,.img-box ul::after{ display: none!important;}
.img-box ul li h6{font-size:1.2rem;font-weight: normal;}
.img-box ul li a{text-decoration: none;}
.works .p-business{margin: 0 auto;text-align:center; width: 300px;}
.works .p-business .link a{float: none;}

/*=======================================
お知らせ共通
=========================================*/
.p-top .c-news.delighter { transition: all .5s ease-out; transform: translateY(10%); opacity: 0; }
.p-top .c-news.delighter.started { transform: none; opacity: 1; }

.c-news .post { border-bottom: 1px dotted #CCCCCC; }
.c-news .post a { display: block; padding: 20px 0; overflow: hidden; }
.c-news .post a p { float: left; margin-right: 20px; font-size: 12px; font-size: 1.2rem; }
.c-news .post a p.cate { width: 130px; color: #FFF; text-align: center; }
.c-news .post a p.cate--news { background-color: #FFA500; }
.c-news .post a p.cate--server { background-color: #49bdec; }
.c-news .post a p.cate--line { background-color: #ffc4c4; }
.c-news .post a h4 { float: left; font-size: 12px; font-size: 1.2rem; font-weight: normal; }

/* ----------------------------- 3. 下層ページ */
/*=======================================
下層ページ
=========================================*/
.p-page { padding: 175px 100px; }

@-webkit-keyframes example { 100% { opacity: 1; } }
@keyframes example { 100% { opacity: 1; } }
/*=======================================
下層ページ
=========================================*/
.p-it .c-title1 { margin-bottom: 20px; }
.p-it .c-title3 { margin-bottom: 20px; display: flex; justify-content: space-between;}
/* .p-it .c-title3 h4 { margin-right: auto;} */
.p-it .c-title3 dd { margin: 30px 25px 0 0;}
.p-it__intro { padding-bottom: 20px; }
.p-it__intro p { font-size: 15px; font-size: 1.5rem; }
.p-it__co .c-btn1 { margin-top: 50px; }
.p-it__list ul li { float: left; width: 480px; margin: 0 40px 35px 0; }
.p-it__list ul li:nth-child(2n) { margin: 0 0 35px 0; }
.p-it__list ul li a { text-decoration: none; }
.p-it__list ul li p { padding-top: 20px; line-height: 180%; }

/* .slick-dots { bottom: 0;} */

.slider-3 li {
  margin: 0 50px;
}

.c-title3 .demo_page { width: 386px;}

.c-title3 .demo_page .demo {
  color: #ffffff;
  font-weight: 600;
  margin: 15px 0;
}

.c-title3 .demo_page .demo .arrow_black {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #fff;
  /* cursor: pointer; */
  border: none;
  /* outline: none; */
  font-size: 0;
  position: absolute;
  top: 50%;
  right: 13px;
  z-index: 1;
  transform: translateY(-50%);
}

.c-title3 .demo_page .demo .arrow_black::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border: 1px solid #09000d;
  border-width: 2px 2px 0 0;
  position: absolute;
  top: 7px;
  left: 6px;
  transform: rotate(45deg);
}

.c-title3 .demo_page .demo a {
  color: #ffffff;
  background-color: #B20000;
  text-decoration: none;
  font-size: 18px;
  padding: 10px 40px 10px 12px;
  display: block;
  position: relative;
}

.slider-3 .slick-slide {
  margin: 0 60px;
  padding: 60px 0;
  position: relative;
}
.slider-3 .slick-slide .slide-img {
  width: 450px;
  height: 346px;
  transition: all 0.6s ease 0.4s;
    opacity: 0.8;
  box-shadow: 7px 7px 15px -5px #666;
  overflow: hidden;
}
.slider-3 .slick-slide.slick-current .slide-img {
    transform: scale(1.2);
    opacity: 1;
}
.slider-3 .slick-slide .slide-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-3 .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 0;
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.slider-3 .slick-arrow::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #09000d;
  border-width: 3px 3px 0 0;
  position: absolute;
  top: 24px;
  transform: rotate(45deg);
}
.slider-3 .slick-next {
  right: 0;
}
.slider-3 .slick-prev {
  left: 0;
}
.slider-3 .slick-next::before {
  left: 20px;
}
.slider-3 .slick-prev::before {
  border-width: 0 0 3px 3px;
  right: 22px;
}
.dots-3 .slick-dots {
  /* text-align: center; */
  width: 300px;
  margin: 0 auto 30px;
}
.dots-3 .slick-dots li {
  display: inline-block;
  margin: 0;
  width: 20px;
  padding: 0 20px;
}
.dots-3 .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  margin: 6px;
  font-size: 0;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  background: #bcbcbc;
  border-radius: 50%;
}
.dots-3 .slick-dots .slick-active button {
  background: #0a467d;
}

/* ポップアップ */
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 900px;
  padding: 50px;
  background-color: #fff;
  z-index: 2;
}
.popup-inner img {
  width: 900px;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}

.close-btn img {
  width: 35px;
  padding-top: 8px;
}

.bg-black {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}

.btn-primary:hover { cursor: pointer;}

.employee { margin-top: 50px;}

.employee .it_ul .im a { text-decoration: none;}

.employee .it_ul li:nth-child(3n) { margin: 0 0 68px 0;}

.employee .it_ul .im span{ display: block; font-size: 18px;}

/* .employee .slider-8 {
  margin-bottom: 60px;
}

.employee .slider-8 li {
  width: 400px;
  height: auto;
  position: relative;
  overflow: hidden;
  margin: 0  20px;
}

.employee .slider-8 li:nth-child(3n) {
  margin: 0 20px;
}

.employee .slider-8 li img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
} */

.c-system .block { padding-bottom: 50px; }
.c-system .block:last-child { padding-bottom: 0; }
.c-system .employee .it_ul .im img { filter: opacity(0.71); margin-bottom: 20px;}

.p-sales__intro { display: table; width: 100%; margin-bottom: 40px; }
.p-sales__intro .left { display: table-cell; width: 220px; }
.p-sales__intro .right { display: table-cell; width: calc(100% - 220px); padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-feature-settings: "palt"; }
.p-sales__intro .right h5 { font-size: 16px; font-size: 1.6rem; padding-bottom: 6px; }
.p-sales__intro .right .demo { margin-top: 10px; }
.p-sales__intro .right .demo a { float: left; background-color: #B20000; color: #FFF; text-decoration: none; display: block; width: 250px; text-align: center; padding: 10px 0 8px; line-height: 1; font-size: 16px; font-size: 1.6rem; }
.p-sales__intro .right .demo a span:before { content: ""; background: url("img/common/icon_click.svg") no-repeat center; width: 27px; height: 32px; margin-right: 10px; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; display: inline-block; vertical-align: middle; position: relative; top: -3px; }
.p-sales__intro .right .demo p { float: left; padding: 13px 0 0 10px; font-weight: bold; }
.p-sales__grid { padding-bottom: 40px; }
.p-sales__grid .box-wrap { margin-top: 40px; border: 1px solid #CCCCCC; background-color: #EEEEEE; }
.p-sales__grid .box-wrap .box { padding: 20px; }
.p-sales__grid .box-wrap .box h5 { font-size: 16px; font-size: 1.6rem; padding-bottom: 10px; }
.p-sales__grid .box-wrap .box ul li { list-style-type: disc; list-style-position: inside; padding-left: 1.5em; text-indent: -1.5em; color: #333333; font-feature-settings: "palt"; }
.p-sales__grid .box-wrap .box p { color: #333333; line-height: 245%; }
.p-sales__grid .box-wrap .box:first-child { border-bottom: 1px solid #CCCCCC; }
.p-sales__function h5 { font-size: 16px; font-size: 1.6rem; padding-bottom: 10px; }
.p-sales .c-btn1 { margin-top: 50px; }

/*=======================================
業務内容
=========================================*/
.p-business .c-title1 { opacity: 0; }
.p-business .c-title1.delighter { transition: all .6s ease-out; transform: translateX(-20%); opacity: 0; }
.p-business .c-title1.delighter.started { transform: none; opacity: 1; }
.p-business__block { padding-bottom: 100px; }
.p-business__block h3 { font-size: 20px; font-size: 2rem; margin: 20px auto; }
.p-business__block p { margin-bottom: 20px; }

.p-business__block .bn-wrap ul{
  margin-top: 30px;
}
.p-business__block .bn-wrap ul li{
  float: left;
}
.p-business__block .bn-wrap ul li:nth-child(2){
  float: right;
}





.p-business__customer { padding-bottom: 0; }
.p-business .img-wrap ul li { margin-right: 50px; }
.p-business .img-wrap ul li:last-child { margin-right: 0; }

.p-business .img-wrap ul{display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-end;
        align-items: flex-end;}
.p-business .img-wrap--col2 ul li { width: 580px; }
.p-business .img-wrap--col2.delighter ul li { opacity: 0; }
.p-business .img-wrap--col2.delighter.started ul li:nth-child(1) { -webkit-animation: example 0.5s ease 0.3s 1 forwards; animation: example 0.5s ease 0.5s 1 forwards; }
.p-business .img-wrap--col2.delighter.started ul li:nth-child(2) { -webkit-animation: example 0.5s ease 0.5s 1 forwards; animation: example 0.5s ease 1s 1 forwards; }
@-webkit-keyframes example { 100% { opacity: 1; } }
@keyframes example { 100% { opacity: 1; } }
.p-business .img-wrap--col3 ul li { width: 300px; }
.p-business .img-wrap--col3 ul li h6 { text-align: center; padding: 10px 0; line-height: 1; }
.p-business .img-wrap--col3 ul li p { text-align: center; font-size: 12px; font-size: 1.2rem; line-height: 1; margin-bottom: 0; }
.p-business .img-wrap--col3 ul li a { text-decoration: none; }
.p-business .img-wrap--col3.delighter ul li { opacity: 0; }
.p-business .img-wrap--col3.delighter.started ul li:nth-child(1) { -webkit-animation: example 0.5s ease 0.3s 1 forwards; animation: example 0.5s ease 0.5s 1 forwards; }
.p-business .img-wrap--col3.delighter.started ul li:nth-child(2) { -webkit-animation: example 0.5s ease 0.5s 1 forwards; animation: example 0.5s ease 1s 1 forwards; }
.p-business .img-wrap--col3.delighter.started ul li:nth-child(3) { -webkit-animation: example 0.5s ease 0.7s 1 forwards; animation: example 0.5s ease 1.5s 1 forwards; }
.p-business .txt { opacity: 0; }
.p-business .txt.delighter { transition: all .5s ease-out; transform: translateY(10%); opacity: 0; }
.p-business .txt.delighter.started { transform: none; opacity: 1; }
.p-business .link { margin-top: 30px; text-align: center; }
.p-business .link.delighter { transition: all .3s ease-out; transform: translateY(30%); opacity: 0; }
.p-business .link.delighter.started { transform: none; opacity: 1; }
.p-business .link a { float: left; background-color: #EEEEEE; display: block; text-decoration: none; text-align: center; padding: 15px 0; line-height: 1; margin-right: 50px; font-weight: bold; }
.p-business .link a:hover { background-color: #B20000; color: #FFF; }
.p-business .link a:last-child { margin-right: 0; }
.p-business .link--col1 a { float: none; width: 300px; display: inline-block; }
.p-business .link--col2 a { width: 475px; }
.p-business .link--col3 a { width: 300px; }

.p-pc-plan table th{vertical-align: middle;}

/*=======================================
お客様サポート
=========================================*/
.p-support a[href^="tel:"] {pointer-events: none;text-decoration: none;}
.p-support__block { padding-bottom: 100px; }
.p-support__block h5 { font-size: 20px; font-size: 2rem; margin: 20px auto; }
.p-support__block p { margin-bottom: 20px; }
.p-support .img-wrap ul li { float: left; margin-right: 50px; }
.p-support .img-wrap ul li:last-child { margin-right: 0; }
.p-support .img-wrap--col2 ul li { width: 475px; }

.p-support .img-wrap--col3 ul li { width: 300px; }
.p-support .img-wrap--col3 ul li h6 { text-align: center; padding: 10px 0; line-height: 1; }
.p-support .img-wrap--col3 ul li p { text-align: center; font-size: 12px; font-size: 1.2rem; line-height: 1; margin-bottom: 0; }
.p-support .img-wrap--col3 ul li a { text-decoration: none; }
.p-support .img-wrap--col3.delighter ul li { opacity: 0; }



.p-support .link { margin-top: 30px; text-align: center; }

.p-support .link a { float: left; background-color: #EEEEEE; display: block; text-decoration: none; text-align: center; padding: 15px 0; line-height: 1; margin-right: 50px; font-weight: bold; }
.p-support .link a:hover { background-color: #B20000; color: #FFF; }
.p-support .link a:last-child { margin-right: 0; }
.p-support .link--col1 a { float: none; width: 300px; display: inline-block; }
.p-support .link--col2 a { width: 475px; }
.p-support .link--col3 a { width: 300px; }

.p-support__block table{width: 100%;border: 1px solid #ccc;}
.p-support__block table tr th{background-color: #eee;width: 200px;text-align: left;}
.p-support__block table tr th small{font-size: 13px;font-weight: normal;}
.p-support__block table tr th,
.p-support__block table tr td{border: 1px solid #ccc;padding: 15px;}
.p-support__block .caution{border:1px solid #ccc;margin-top: 30px;padding: 20px;}
.p-support__block .caution p{margin-bottom: 0;text-indent: -1em;padding-left: 1em;color: #B20000;letter-spacing: 0.05em;font-weight: bold;}
.p-support__block .time{display: flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 20px;border: 1px solid #ccc;}
.p-support__block .time:before,
.p-support__block .time:after{content: none;}
.p-support__block .time .box{width: 49%;background-color: #EEEEEE;text-align: center;}
.p-support__block .time .box span,
.p-support__block .time .box a{display: block;padding: 15px 0;font-size: 14px;text-decoration: none;font-weight: bold;}
.p-support__block .time .box a:hover{background-color: #B20000;color: #FFF;}
.p-support__contact .c-title1 {margin-bottom: 20px;}

.p-support__form { padding-bottom: 0; }
.p-support__form .c-title1{margin-bottom: 20px;}
.p-support__form .form .c-table1 { margin-bottom: 40px; }
.p-support__form .form .c-table1 td span.wpcf7-list-item { margin-left: 0; margin-right: 10px; }
.p-support__form .form .c-table1 td input[type="text"], .p-support__form .form .c-table1 td input[type="tel"], .p-support__form .form .c-table1 td input[type="email"], .p-support__form .form .c-table1 td textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; font-size: 16px; font-size: 1.6rem; background: #F6F6F6; padding: 6px; width: 100%; }
.p-support__form .form .c-table1 td input[type="text"].wpcf7c-conf, .p-support__form .form .c-table1 td input[type="tel"].wpcf7c-conf, .p-support__form .form .c-table1 td input[type="email"].wpcf7c-conf, .p-support__form .form .c-table1 td textarea.wpcf7c-conf { background: #fff; }
.p-support__form .form .c-table1 td textarea { font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; height: 190px; }
.p-support__form .form .c-table1 td .yourname input[type="text"], .p-support__form .form .c-table1 td .tel input[type="text"], .p-support__form .form .c-table1 td .email input[type="text"] { max-width: 350px; }
.p-support__form .form .c-table1 td .address input[type="text"] { max-width: 650px; }
.p-support__form .form .privacy { text-align: center; margin-bottom: 30px; font-size: 15px; font-size: 1.5rem; }
.p-support__form .form .privacy span.wpcf7-list-item { margin-left: 0; }
.p-support__form .form .privacy label { display: inline-block; *display: inline; *zoom: 1; cursor: pointer; }
.p-support__form .form .privacy a:hover { text-decoration: none; }
.p-support__form .form .recaptcha { text-align: center; max-width: 304px; margin-bottom: 40px; margin-left: auto; margin-right: auto; }
.p-support__form .form .btn { text-align: center; }
.p-support__form .form .btn input[type="submit"], .p-support__form .form .btn input[type="button"] { display: inline-block; *display: inline; *zoom: 1; background-color: #B20000; color: #fff; font-size: 18px; font-size: 1.8rem; font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 300px; padding: 12px 15px 10px; margin-right: 10px; margin-left: 10px; cursor: pointer; border: 0; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; position: relative; }
.p-support__form .form .btn input[type="submit"].wpcf7-back, .p-support__form .form .btn input[type="button"].wpcf7-back { background-color: #444; background-image: none; }
.p-support__form .form .btn input[type="submit"] { background-repeat: no-repeat; background-position: calc(50% - 2.5em - 5px) center; background-image: url(img/common/icon_document.svg); background-size: 15px 20px; text-indent: 20px; box-shadow: 0 0 0 1px #B20000 inset, 0 0 0 2px rgba(255, 255, 255, 0.5) inset; }
.p-support__form .form .btn input[type="submit"][disabled] { background-color: #eee; background-image: none; text-indent: 0; color: #333; box-shadow: 0 0 0 1px #eee inset, 0 0 0 2px rgba(255, 255, 255, 0.5) inset; }
.p-support__form .form .btn input[type="submit"].wpcf7-submit { background-position: calc(50% - 4.5em - 5px) center; }
.p-support__form .form .btn .ajax-loader { display: none; }


/*=======================================
会社概要
=========================================*/
.p-company .intro p { padding: 20px 0 30px; font-size: 15px; font-size: 1.5rem; }
.p-company .c-table1 table tr td p { padding-bottom: 10px; }
.p-company .c-table1 table tr td p:last-child { padding-bottom: 0; }

/*=======================================
プライバシーポリシー
=========================================*/
.p-privacy .c-title2 { margin: 30px 0 10px; }
.p-privacy h5 { margin-top: 25px; }
.p-privacy p, .p-privacy li { font-feature-settings: "palt"; }
.p-privacy .notice { margin-top: 25px; }

/*=======================================
情報セキュリティ
=========================================*/
.p-security .c-title2 { margin: 30px 0 10px; }
.p-security h5 { margin-top: 25px; }
.p-security p { font-feature-settings: "palt"; }
.p-security .name { padding-top: 40px; }
.p-security .name p { text-align: right; }

/*=======================================
お問い合わせ
=========================================*/
.p-contact__lead { margin: 20px 0; }
.p-contact__content .block1 { margin-bottom: 10px; }
.p-contact__content .block1 table { width: 100%; }
.p-contact__content .block1 th, .p-contact__content .block1 td { border-top: 1px solid #ccc; padding-top: 11px; padding-bottom: 11px; vertical-align: middle; min-height: 40px; }
.p-contact__content .block1 th { width: 220px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; font-weight: normal; font-size: 14px; font-size: 1.4rem; position: relative; }
.p-contact__content .block1 th:before { display: block; content: ""; position: absolute; right: 0; border-right: 1px solid #ccc; height: 40px; top: 50%; margin-top: -20px; }
.p-contact__content .block1 td { font-feature-settings: "palt"; }
.p-contact__content .block1 td p { font-size: 14px; font-size: 1.4rem; line-height: 140%; }
.p-contact__content .block1 td p small { font-size: 12px; font-size: 1.2rem; }
.p-contact__content .block1 td span, .p-contact__content .block1 td a { display: block; font-size: 24px; font-size: 2.4rem; font-weight: bold; line-height: 120%; background-repeat: no-repeat; background-position: left center; background-size: 27px 24px; padding-left: 48px; padding-top: 4px; padding-bottom: 4px; }
.p-contact__content .block1 td a { color: #333; }
.p-contact__content .block1 td.txt p { padding-left: 20px; }
.p-contact__content .block1 td.arrow p { background: url(img/common/arrow_2.svg) no-repeat right center; background-size: 11px 21px; padding-right: 24px; }
.p-contact__content .block1 td.no { padding-left: 35px; width: 430px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.p-contact__content .block1 tr.tel td span, .p-contact__content .block1 tr.tel td a { background-image: url(img/common/icon_tel.svg); }
.p-contact__content .block1 tr.fax td span { background-image: url(img/common/icon_fax.svg); }
.p-contact__content .form .c-table1 { margin-bottom: 40px; }
.p-contact__content .form .c-table1 td span.wpcf7-list-item { margin-left: 0; margin-right: 10px; }
.p-contact__content .form .c-table1 td input[type="text"], .p-contact__content .form .c-table1 td input[type="tel"], .p-contact__content .form .c-table1 td input[type="email"], .p-contact__content .form .c-table1 td textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; font-size: 16px; font-size: 1.6rem; background: #F6F6F6; padding: 6px; width: 100%; }
.p-contact__content .form .c-table1 td input[type="text"].wpcf7c-conf, .p-contact__content .form .c-table1 td input[type="tel"].wpcf7c-conf, .p-contact__content .form .c-table1 td input[type="email"].wpcf7c-conf, .p-contact__content .form .c-table1 td textarea.wpcf7c-conf { background: #fff; }
.p-contact__content .form .c-table1 td textarea { font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; height: 190px; }
.p-contact__content .form .c-table1 td .yourname input[type="text"], .p-contact__content .form .c-table1 td .tel input[type="text"], .p-contact__content .form .c-table1 td .email input[type="text"] { max-width: 350px; }
.p-contact__content .form .c-table1 td .address input[type="text"] { max-width: 650px; }
.p-contact__content .form .privacy { text-align: center; margin-bottom: 30px; font-size: 15px; font-size: 1.5rem; }
.p-contact__content .form .privacy span.wpcf7-list-item { margin-left: 0; }
.p-contact__content .form .privacy label { display: inline-block; *display: inline; *zoom: 1; cursor: pointer; }
.p-contact__content .form .privacy a:hover { text-decoration: none; }
.p-contact__content .form .recaptcha { text-align: center; max-width: 304px; margin-bottom: 40px; margin-left: auto; margin-right: auto; }
.p-contact__content .form .btn { text-align: center; }
.p-contact__content .form .btn input[type="submit"], .p-contact__content .form .btn input[type="button"] { display: inline-block; *display: inline; *zoom: 1; background-color: #B20000; color: #fff; font-size: 18px; font-size: 1.8rem; font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 300px; padding: 12px 15px 10px; margin-right: 10px; margin-left: 10px; cursor: pointer; border: 0; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; position: relative; }
.p-contact__content .form .btn input[type="submit"].wpcf7-back, .p-contact__content .form .btn input[type="button"].wpcf7-back { background-color: #444; background-image: none; }
.p-contact__content .form .btn input[type="submit"] { background-repeat: no-repeat; background-position: calc(50% - 2.5em - 5px) center; background-image: url(img/common/icon_document.svg); background-size: 15px 20px; text-indent: 20px; box-shadow: 0 0 0 1px #B20000 inset, 0 0 0 2px rgba(255, 255, 255, 0.5) inset; }
.p-contact__content .form .btn input[type="submit"][disabled] { background-color: #eee; background-image: none; text-indent: 0; color: #333; box-shadow: 0 0 0 1px #eee inset, 0 0 0 2px rgba(255, 255, 255, 0.5) inset; }
.p-contact__content .form .btn input[type="submit"].wpcf7-submit { background-position: calc(50% - 4.5em - 5px) center; }
.p-contact__content .form .btn .ajax-loader { display: none; }

.c-table__block table tr th { width: 220px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }

.capture{text-align:center;margin-bottom:20px;}
.capture .cap{display:inline-block;}

/*=======================================
詳細
=========================================*/
.p-single .title { padding: 30px 0; }
.p-single .title h4 { font-size: 18px; font-size: 1.8rem; border-bottom: 1px solid #000; padding-bottom: 5px; }
.p-single .title .data { padding: 0 0 20px; }
.p-single .title p { float: left; margin-right: 10px; }
.p-single .title p:last-child { margin-right: 0; }
.p-single .title p.category { width: 130px; color: #FFF; text-align: center; }
.p-single .title p.category--news { background-color: #FFA500; }
.p-single .title p.category--server { background-color: #49bdec; }
.p-single .title p.category--line { background-color: #B20000; }
.p-single .pager { padding-top: 60px; display: table; width: 100%; }
.p-single .pager li { display: table-cell; width: 33.33%; vertical-align: middle; text-align: center; }

/* ----------------------------- 4. 投稿 */
/*=======================================
サイドバー
=========================================*/
/* ----------------------------- 9. 共通パーツ */
.u-mt0 { margin-top: 0px; }

.u-mt5 { margin-top: 5px; }

.u-mt10 { margin-top: 10px; }

.u-mt15 { margin-top: 15px; }

.u-mt20 { margin-top: 20px; }

.u-mt30 { margin-top: 30px; }

.u-mt40 { margin-top: 40px; }

.u-mt50 { margin-top: 50px; }

.u-mt60 { margin-top: 60px; }

.u-mt70 { margin-top: 70px; }

.u-mt80 { margin-top: 80px; }

.u-mt90 { margin-top: 90px; }

.u-mb0 { margin-bottom: 0; }

.u-mb5 { margin-bottom: 5px; }

.u-mb10 { margin-bottom: 10px; }

.u-mb15 { margin-bottom: 15px; }

.u-mb20 { margin-bottom: 20px; }

.u-mb30 { margin-bottom: 30px; }

.u-mb40 { margin-bottom: 40px; }

.u-mb50 { margin-bottom: 50px; }

.u-mb60 { margin-bottom: 60px; }

.u-mb70 { margin-bottom: 70px; }

.u-mb80 { margin-bottom: 80px; }

.u-mb90 { margin-bottom: 90px; }

.u-pb0 { padding-bottom: 0px !important; }

.u-col { color: #000; }
.u-col__red { color: #F00; }

.u-mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.u-gothic { font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }

.u-italic { font-style: italic; }

.u-center { text-align: center !important; }
.u-center th, .u-center td { text-align: center !important; }

.u-right { text-align: right !important; }
.u-right th, .u-right td { text-align: right !important; }

.u-left { text-align: left !important; }
.u-left th, .u-left td { text-align: left !important; }

.c-wrap { width: 1200px; margin-left: auto; margin-right: auto; }

.c-btn1 { border: 1px solid #333333; width: 500px; margin: 0 auto; }
.c-btn1 a { display: block; text-decoration: none; font-size: 18px; font-size: 1.8rem; font-weight: bold; text-align: center; padding: 30px 0; }
.c-btn1 a span:before { content: ""; background: url("img/common/icon_mail.svg") no-repeat center; width: 50px; height: 39px; display: inline-block; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; vertical-align: middle; margin-right: 10px; }

.c-title1 { background-color: #EEEEEE; padding: 10px; position: relative; }
.c-title1 h3,
.c-title1 h2,
.c-title1 h1  { font-size: 16px; font-size: 1.6rem; }
.c-title1 h3 span,
.c-title1 h2 span,
.c-title1 h1 span { font-size: 12px; font-size: 1.2rem; }
.c-title1 .link { position: absolute; right: 20px; top: 50%; margin-top: -1em; }
.c-title1 .link a { font-size: 12px; font-size: 1.2rem; text-decoration: none; }
.c-title1 .link a:before { font-family: "Font Awesome 5 Free"; content: '\f0a9'; font-weight: 900; margin-right: 5px; font-size: 10px; font-size: 1rem; }
.c-title1--style2 {     background: linear-gradient(to left, #49bdec 0%, #4ed5da 100%); }
.c-title1--style2 h3,
.c-title1--style2 h2,
.c-title1--style2 h1 { color: #FFF; }

.c-title2 { border-bottom: 1px solid #CCCCCC; font-size: 16px; font-size: 1.6rem; padding-bottom: 10px; }

.c-title3 h4,
.c-title3 h3,
.c-title3 h2,
.c-title3 h1 { font-size: 20px; font-size: 2rem; }
.c-title3 .ti { margin-top: 20px;}
.c-title3 h4 span:before,
.c-title3 h3 span:before,
.c-title3 h2 span:before,
.c-title3 h1 span:before { display: inline-block; vertical-align: middle; margin-right: 10px; }
.c-title3--estate span:before { content: ""; background: url("img/common/icon_estate.jpg") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; width: 55px; height: 46px; }
.c-title3--group span:before { content: ""; background: url("img/common/icon_group.jpg") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; width: 68px; height: 46px; }
.c-title3--aesthetic span:before { content: ""; background: url("img/common/icon_aesthetic.jpg") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; width: 44px; height: 50px; margin: 0 10px; }
.c-title3--office span:before { content: ""; background: url("img/common/icon_office.jpg") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; width: 53px; height: 43px; }
.c-title3--insurance span:before { content: ""; background: url("img/common/icon_insurance.jpg") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; width: 55px; height: 46px; }
.c-title3--sales span:before { content: ""; background: url("img/common/icon_sales.jpg") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; width: 55px; height: 46px; }
.c-title3--employee span:before { content: ""; background: url("img/common/icon_employee.jpg") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; width: 53px; height: 43px; }

.c-col3 ul li { float: left; width: 300px; margin: 0 50px 30px 0; }
.employee ul li { text-align: center; margin: 0 50px 68px 0;}
.c-col3 ul li:nth-child(3n) { margin: 0 0 30px 0; }
.c-col3 ul li p { text-align: center; font-weight: bold; padding-top: 10px; font-size: 15px; font-size: 1.5rem; }
.employee .slider-3 li:nth-child(3n) { margin: 0 60px;}

.c-col2 ul li { float: left; width: 480px; margin: 0 40px 30px 0; }
.c-col2 ul li:nth-child(2n) { margin: 0 0 30px 0; }
.c-col2 ul li video { width: 100%; height: auto; }
.c-col2 ul li p { text-align: center; font-weight: bold; padding-top: 10px; font-size: 15px; font-size: 1.5rem; }



.c-table1 table { border: 1px solid #CCCCCC; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.c-table1 table thead tr th { text-align: left; }
.c-table1 table tbody tr th { font-weight: normal; }
.c-table1 table tr th, .c-table1 table tr td { border: 1px solid #CCCCCC; padding: 15px 10px; font-feature-settings: "palt"; }
.c-table1 table tr th { background-color: #F6F6F6; text-align: left; width: 170px; }
.c-table1 table tr td { line-height: 160%; }

.c-table2 table { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; border: 1px solid #ddd; }
.c-table2 table thead th { background-color: #F6F6F6; border: 1px solid #ddd; padding: 20px 0; line-height: 1; }
.c-table2 table tbody td { border: 1px solid #ddd; padding: 20px 10px 10px; font-feature-settings: "palt"; }
.c-table2 table tbody td strong { text-align: center; display: inherit; padding-bottom: 10px; line-height: 1; }

.c-table3 table { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; border: 1px solid #CCCCCC; }
.c-table3 table thead th { background-color: #0A246B; border: 1px solid #CCCCCC; color: #FFF; text-align: center; padding: 15px 0; }
.c-table3 table tbody th, .c-table3 table tbody td { border: 1px solid #CCCCCC; }
.c-table3 table tbody th { background-color: #EEEEEE; text-align: center; padding: 20px 0; line-height: 1; }
.c-table3 table tbody td { text-align: center; padding: 15px 0; }
.c-table3 table tbody td.bg01 { background-color: #BBE9FF; }

.c-table__nostyle { width: 100%; }
.c-table__nostyle th, .c-table__nostyle td { padding: 2px 0 !important; border: 0; font-weight: normal; text-align: left; vertical-align: top; background: transparent; }

.u-youtube-wrap { position: relative; width: 100%; padding-top: 56.25%; }
.u-youtube-wrap iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

.u-indent { text-indent: -1em; padding-left: 1em; }

#__bs_notify__ { display: none !important; }

.p-mail .c-table1{margin: 20px 0;}
.p-mail .c-title1{margin-bottom: 20px;}
.p-mail p{padding-bottom: 10px;}

.mailset{padding:5px 0 15px;}
.mailset ul {padding-top:10px;}
.mailset li {float: left;line-height: 100%;border-right: 1px solid #000;padding: 0px 10px 0 10px;}
.mailset li:nth-child(1) {border-left: 1px solid #333;}
.mailset a {line-height: 100%;font-size: 12px;}


.outlook img{padding:10px 0;}
.outlook_menu{border: 1px solid #CCC;background:#FFF;}
.outlook_menu li + li{border-top: 1px dotted #CCC;line-height: 130%;}
.outlook_menu li a {display: block;background: url("img/icon_01.png") 15px 47% no-repeat;padding: 10px 5px 10px 30px;}

.winlivemail img{padding:10px 0;}
.winlivemail_menu{border: 1px solid #CCC;background:#FFF;}
.winlivemail_menu li + li{border-top: 1px dotted #CCC;line-height: 130%;}
.winlivemail_menu li a {display: block;background: url("img/icon_01.png") 15px 47% no-repeat;padding: 10px 5px 10px 30px;}

.thunderbird img{padding:10px 0;}
.thunderbird_menu{border: 1px solid #CCC;background:#FFF;}
.thunderbird_menu li + li{border-top: 1px dotted #CCC;line-height: 130%;}
.thunderbird_menu li a {display: block;background: url("img/icon_01.png") 15px 47% no-repeat;padding: 10px 5px 10px 30px;}

.gmail img{padding:10px 0;}
.gmail_menu{border: 1px solid #CCC;background:#FFF;}
.gmail_menu li + li{border-top: 1px dotted #CCC;line-height: 130%;}
.gmail_menu li a {display: block;background: url("img/icon_01.png") 15px 47% no-repeat;padding: 10px 5px 10px 30px;}

.btn-wrap ul{
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-top: 60px;
}
.btn-wrap ul li{
  width: 580px;
  background: linear-gradient(to left ,#73e1e9 0%, #ffb4ed 100%);
  border: 1px solid rgba(0, 0, 0, 0);
  position: relative;
}
.btn-wrap ul li:after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}
.btn-wrap ul li.color2{
  background: linear-gradient(to left ,#9fe8c6 0%, #d8e980 100%);
}
.btn-wrap ul li a{
  height: 80px;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  text-decoration: none;
  font-family: "Noto Sans JP Black";
  font-weight: normal;
  font-size: 26px;
  line-height: 35px;
  text-align: center;
  color: #fff;

}



#panorama {
  width: 100%;
  height: 380px;
}