＠@charset "UTF-8";

/*===============================================
	font-size
===============================================*/
.f20 {
    font-size: 20px;
}

.f12 {
    font-size: .85em;
}
.f10 {
    font-size: .7em;
}

/*===============================================
	padding margin
===============================================*/

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb100 {
    margin-bottom: 70px !important;
}

.mt10 {
    margin-top: 10px;
}
.mt30 {
    margin-top: 30px;
}
.mt60 {
    margin-top: 60px;
}

/*===============================================
	共通
===============================================*/

.sp{display: none;}
.center {
    text-align: center;
}
.clearfix{zoom: 1;}
.clearfix:after { display: block; content: ""; clear: both;}

.img_full {
    width: 100%;
    -ms-interpolation-mode: bicubic;
}

.mAuto {
    margin: auto;
}

.bold {
    font-weight: bold;
}

.GlayBox {
    background: #eeefef;
    padding: 1em;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-bet {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.outLink {
    position: relative;
}

.outLink::after {
    content: "";
    position: absolute;
    width: 17px;
    height: 16px;
    background: url(../images/lineup/icon.svg) no-repeat center;
    right: -1.5em;
    top: .1em;
}

/*===============================================
	固有のスタイル
===============================================*/

/*TOP*/
.l-reason {
    position: relative;
}

.l-reason h1 {
    font-size: 30px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.l-reason h1 .text {
    line-height: 1;
    font-weight: bold;
}

.l-reason h1 .logo {
    width: 255px;
}

.l-reason .btn_reason {
    width: 220px;
    display: block;
    position: absolute;
    top: 146px;
    right: 0;
}

.l-reason dl dt {
    font-size: 24px;
    color: #1e4291;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    border-bottom: solid 1px #9f9c9b;
    padding-left: 1.5em;
}

.l-reason dl dt::after {
    content: "";
    width: 20px;
    height: 20px;
    background: #dd960f;
    position: absolute;
    left: 0;
    bottom: 19px;
}

.l-reason dl dd li {
    list-style: disc;
    font-size: 19px;
    margin-left: 1em;
    margin-bottom: 10px;
}

.l-reason dl dd li span {
    font-weight: bold;
    color: #1e4291;
    background: #daecf3;
}

.l-reason dl dd li:last-of-type {
    margin-bottom: 0;
}

.l-reason dl dd {
    margin-bottom: 40px;
}

.l-reason dl dd:last-of-type {
    margin-bottom: 70px;
}

.l-info {
    margin-top: 60px;
    width: 610px;
    display: flex;
    flex-direction: column;
}

.l-info h2 {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.l-info a:link {
    color: #0d2258;
    text-decoration: none;
}

.l-info a:visited {
    color: #0d2258;
}

.l-info a:hover {
    text-decoration: underline;
}

.l-info a:active {
    color: #0d2258;
}

.l-info .title_box,
.l-case .title_box {
    position: relative;
}

.l-info .title_box a,
.l-case .title_box a {
    position: absolute;
    font-size: 14px;
    top: 11px;
    margin: auto;
    right: 0;
    color: black;
    /* text-decoration: underline; */
    display: block;
    padding: 10px 25px;
    background: #eeefef;
}

.l-case .title_box a:hover {
    text-decoration: underline;
}

.info-unit.past {
    border-top: solid 1px #251e1c;
    padding-top: 15px;
}

.info-unit .info-date {
    padding: 0 15px 5px;
    font-size: 15px;
}

.info-unit .info-date span{border-left: dotted 1px;padding-left: .5em;margin-left: .5em;}

.info-unit .info-txt {
    font-size: 17px;
    border-bottom: dashed 1px #251e1c;
    padding: 0 15px 25px;
    margin-bottom: 20px;
}

.info-unit .info-txt:last-of-type {
    margin-bottom: 0;
    border-bottom: none;
}

.info-unit .info-txt a {
    color: #2b4c89;
    /* text-decoration:underline; */
}

.l-case {
    margin-top: 35px;
    width: 340px;
    margin-left: 40px;
}

.l-case img {
    width: 100%;
}

.l-case h2 {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.fig-unit .fig-ttl a {
    margin-top: 10px;
    font-size: 14px;
    /* font-weight: bold; */
    display: block;
    /* text-decoration: underline; */
    color: #2b4c89;
}

.fig-unit .fig-ttl a:hover {
    text-decoration: underline;
}

.panel-unit {
    width: 90%;
    margin: auto;
}


.panel-movie li {
    /* position: relative; */
    /* padding-bottom: 26vh; */
    /* height: 0; */
    /* overflow: hidden; */
    margin-bottom: 20px;
}

.panel-movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flList li {
    float: left;
    min-height: 100px;
}

.tabs {
    margin-top: 50px;
    margin: 0 auto;
    /* display: flex; */
    /* flex-wrap: wrap; */
}

/*タブのスタイル*/
.tab_item {
    width: 24%;
    height: 50px;
    float: left;
    margin-left: .5em;
    background-color: #d9d9d9;
    line-height: 3.5em;
    text-align: center;
    display: block;
    text-align: center;
    font-weight: bold;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.tab_item:first-of-type {
    margin-left: 0;
}

.tab_item:hover {
    opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
    display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
    display: none;
    padding: 20px 0 0;
    clear: both;
    overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#news:checked ~ #news_content,
#support:checked ~ #support_content,
#info:checked ~ #info_content,
#event:checked ~ #event_content {
    display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
    background-color: #1d4291;
    color: #fff;
}

/*トップ動画*/
.top-movie{
    margin-bottom: 20px;
}
.top-movie img{
    margin: 5px;
}

/*機能詳細*/

.top-function {
    margin-top: 70px;
}

 dl.top-function dt {
    margin-bottom: 20px;
}

dl.top-function dd:last-of-type {
    margin-bottom: 0;
}

.top-function .funcBox .funcInner{
    width: 24%;
    background: #EEEFEF;
    padding: 10px;
    border:none;
}

.top-function .funcInner.sec::after {
    top: 7em;
    left: 2em;
}

.top-function .funcBox .funcInner p {
    padding: 1em 0;
}

.top-function .funcBox .funcInner p.txt-bigger {
    padding: 0;
}

.top-system-heading{
    color: #251e1c;
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 1em;
}

.top-system.funcBox.orange .funcInner {
    background: #EEEFEF;
    width: 24%;
    box-sizing: border-box;
    padding: 10px;
}

.top-system .funcInner p {
    padding: 1em 0;
}

.top-system .funcInner p.txt-bigger {
    padding: 0;
}
.top-system.funcBox.orange .funcInner p:first-of-type a {
    color: #251e1c;
    display: flex;
    padding: 0 1em;
    height: 100px;
    align-items: center;
    justify-content: center;
}
.top-system .funcInner.sec::after {
    top: 6.8em;
    left: 2em;
}

.top-case .interviewList {
/*    justify-content: space-between;*/
	margin-bottom: 50px;
}

.top-case .interviewList .Listitem {
    width: 32%;
    margin: 0 19px 0 0;
}
.top-case .top-case-title,
.top-case .top-case-txt li {
    font-size:0.9rem;
}
dl.top-case dd:last-of-type {
    margin-bottom: 0;
}

a.top-case-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    max-width: 400px;
    height: 52px;
    margin: 30px auto 0;
    background: #1E4291;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
}

@media (max-width: 959px){
.top-function .funcBox {
    display:block;
}
.top-function .funcBox .funcInner{
    width: 100%;
}

.top-system.funcBox.orange .funcInner {
    width:100%;
}

.top-system.funcBox.orange .funcInner p:first-of-type a {
    height: 145px;
}

.top-case .interviewList {
    display:block;
}

.top-case .interviewList .Listitem {
     width: 100%;
}
.top-case .top-case-title, .top-case .top-case-txt li {
    font-size: 100%;
}
}

/*TOP*/

/*下層共通*/
.l-jumbotron {
    border-top: solid #edf6fd 30px;
    background: #1e4291;
    /* width: 1230px; */
    margin: auto;
}

.l-jumbotron h1 {
    font-size: 27px;
    margin: auto;
    width: 990px;
    padding: 50px 30px;
    color: white;
    background: url(../images/common/logo_lowpage.svg) no-repeat center right;
    background-size: 30%;
}

.topicPath-list li::after {
    left: 0;
    margin-top: -4.5px;
    background-image: url(../images/common/spritesheet.png);
    background-position: -28px -25px;
    width: 6px;
    height: 9px;
}

.PageLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    margin-bottom: 3em;
}

.PageLink li {
    border: solid 1px #1e4291;
    padding: 1em;
    text-align: center;
    width: 23%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.5em;
	margin-right: 1.4em;
}
.PageLink li:nth-child(4),
.PageLink li:nth-child(8) {
	margin-right: 0;
}
.lowCont h2 {
    color: #251e1c;
    font-size: 1.6em;
    background: #ccddea;
    padding: .5em .6em;
    font-weight: bold;
    margin-bottom: 1em;
	margin-top: 2em;
}

.section02-ttl {
    color: #251e1c;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 30px;
}

.section02-live{
	text-align: left!important;
}

.lowCont h2.Option {
    background: #e4ad6d;
}
.lowCont h2.Green {
    background: #DBE8C4;
}

.lowCont h3 {
    color: #251e1c;
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 1em;
}

.lowCont h3.orange {
    color: #dd960f;
}
.lowCont h3.Blue {
    color: #1E4291;
}
.lowCont h3.Green {
    color: #61A244;
}


.lowCont table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #251e1c;
    table-layout: fixed;
}

.lowCont table thead th {
    background-color: #eeefef;
}

.lowCont table th {
    /* box-size[border・padding 込み] */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* box-size[border・padding 込み] */
    border: 1px solid #251e1c;
    padding: 1em;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    vertical-align: middle;
    background-color: #edf6fd;
}

.lowCont table td {
    padding: 1em;
    text-align: left;
    vertical-align: top;
    border-bottom: solid 1px #251e1c;
    background-color: #fff;
}

.lowCont table th .btn {
    padding: 0.2em 1.8em;
    background: white;
    margin-top: 10px;
    font-size: 13px;
    display: inline-block;
    border: solid 1px #1e4291;
}

.lowCont .disc li {
    list-style: disc;
    margin-left: 1em;
}

.lowCont table.odd td:first-of-type {
    border-right: solid 1px #251e1c;
}

.lowCont table.odd tr:nth-of-type(even) td {
    background: #f7f7f7;
}

.lowCont table.odd th.bgwhite {
    background: white;
}

.lowCont table.table_price tbody th {
    background: #eeefef;
    text-align: left;
}

.lowCont table.table_price tbody td {
    vertical-align: middle;
    text-align: center;
    border-right: solid 1px #251e1c;
}

.lowCont table.table_price tbody tr td:last-pf-type {
    border-right: none;
}

.lowCont table.table_price thead th {
    color: #dd960f;
}

.lowCont table.table_price .course-name {
    background: #717071;
    color: white;
    font-size: 15px;
}

.lowCont table .gray{
	background: #d9d9d9;
	font-weight: bold;
}

.lowCont table .center{
	text-align: center;
    vertical-align: middle;
}

.lowCont #section03 td{
	border: solid 1px #251e1c;
}

.lowCont #section03 table th{
	background: #eeefef;
}


.lowCont #section03 .item-left{
	background-color: #edf6fd;
	font-weight: bold;
}

.main_img {
    background: #d1d2cc;
}

.main_img.blue {
    background: #d2e7f2;
}

.main_img .l-inner {
    width: 1280px;
}

.interviewList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.interviewList .Listitem {
    width: 32%;
    padding: 1.5em;
    background: #eeefef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3em;
    margin-right: 1.2em;
}

.interviewList .Listitem:nth-of-type(even) {
    background: #dee6ed;
}

.interviewList .Listitem:nth-of-type(3n) {
    margin-right: 0;
}

.interviewList .Listitem .center {
    margin-top: auto;
}

.interviewList .Listitem .disc li {
    margin-bottom: 10px;
}

.interviewList .Listitem .disc li:last-of-type {
    margin-bottom: 0;
}



.btn {
    background: white;
    padding: .5em 2em;
    border: solid 1px #1e4291;
}

.BgBlue span {
    font-weight: bold;
    color: #1e4291;
    background: #daecf3;
}

.aboutList dt {
    font-size: 20px;
    font-weight: bold;
    color: #dd960f;
    margin-bottom: 10px;
}

.aboutList .flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.aboutList dd {
    border-bottom: solid 1px #251d1b;
    margin-bottom: 2em;
    padding-bottom: 2em;
}

.aboutList dd p.BgBlue {
    width: 69%;
    margin-right: 1em;
    margin-bottom: 0;
    margin-top: 0;
}

.aboutList dd .btn {
    font-size: 1.09em;
    padding: .2em 2em;
}

.aboutList{
	display: flex;
	flex-wrap: wrap;
}

.aboutList .ttl{
	font-size: 20px;
    font-weight: bold;
    color: #1e4291;
	background: #ffeece;
    margin-bottom: 10px;
	padding: 8px 13px 8px;
    background: #ffeece;
}

.aboutList .txt .bold{
	font-weight: bold;
}

.aboutList .txt .red{
	color: red;
	font-weight: bold;
}

.aboutList .txt{
	padding: 8px 13px 8px;
}

.aboutList .ttl span{
	color: #353535;
    font-size: 17px;
}

.aboutList li{
	width: 33%;
	background: #fffbed;
	margin-right: 4px;
	margin-bottom: 4px;
}

.aboutList li:nth-of-type(3n){
	margin-right: 0!important
}

.btnList li {
    background: #1e4291;
    width: 60%;
    margin: auto;
}

.btnList li a {
    text-align: center;
    color: white !important;
    font-size: 1.5em;
    display: block;
    padding: .7em .5em;
    margin-top: 1.5em;
    text-decoration: none !important;
}

.ServiceList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ServiceList .SBox {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 2em;
    border-right: dotted 1px #251d1b;
}

.ServiceList .SBox dl {
    margin-top: auto;
    min-height: 280px;
}

.ServiceList .SBox:last-of-type {
    border: none;
    padding-right: 0;
    padding-left: 2em;
}

.ServiceList .SBox:nth-of-type(2) {
    padding-left: 2em;
}


.ServiceList .SBox figure {
    width: 80%;
    padding: 0 2em 2em;
    margin: 0 auto 0;
}

.ServiceList .SBox dt {
    color: #1e4291;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 1.5em;
}

.ServiceList .SBox dd span {
    background: #daecf3;
    font-size: 1.2em;
    font-weight: bold;
}

.lowCont.function #section01 {
    background: #dee6ed;
    padding: 3em 0 1em;
}

.funcBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.funcInner {
    width: 30%;
    border: solid 2px white;
    margin-bottom: 3em;
}

.funcInner p {
    padding: 1em;
}

.funcInner p:first-of-type {
    text-align: center;
    padding: 0;
    background: white;
}

.funcInner p:first-of-type a {
    display: block;
    color: #1e4291;
    font-weight: bold;
    padding: 2em 1em;
    /* text-decoration: underline; */
}

.funcInner p:first-of-type a:hover {
    text-decoration: underline;
}

.funcInner.sec {
    position: relative;
}

.funcInner.sec::after {
    content: "セキュリティ";
    padding: .1em 1em;
    font-size: 0.85em;
    background: #eeefef;
    text-align: center;
    position: absolute;
    top: 6em;
    left: 1em;
}

.funcBox.orange .funcInner {
    border: none;
    background: #f7f6e7;
}

.funcBox.orange .funcInner p:first-of-type {
    background: #e4ad6d;
}

.funcBox.orange .funcInner:nth-of-type(even) p:first-of-type {
    background: #f2d37a;
}

.funcBox.orange .funcInner p:first-of-type a {
    color: #251e1c;
}

.lowCont .lineup li {
    background: #dee6ed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.5em;
    margin-bottom: 2em;
}

.lowCont .lineup li:nth-of-type(even) {
    background: #eeefef;
}

.lowCont .lineup li figure {
    width: 20%;
}

.lowCont .lineup li p {
    margin-left: 3.5em;
    position: relative;
}

.lowCont .lineup li p::before {
    content: "";
    position: absolute;
    width: 17px;
    height: 16px;
    background: url(../images/lineup/icon.svg) no-repeat center;
    left: -2em;
    top: .5em;
}

/*下層共通*/

/*機能ページ*/
.lowCont.function h2 {
    background: none;
    padding: 0;
}

.lowCont.function #section02 h2 {
    color: #d78238;
}

.lowCont.function #section02 h2 span {
    font-size: .8em;
    margin-left: 1em;
}

/*機能ページ*/
.promo-unit .promo-item {
    width: 471px;
    height: 270px;
}

.MovieComment {
    text-align: center;
    color: #fff;
    font-size: 110%;
    margin-top: 20px;
}


.ObjCenter {
    text-align: center;
}

#Feature {
    margin-bottom: 60px;
}

#Feature h3 {
    background-color: #c6e2f0;
    font-weight: bold;
    font-size: 1.4rem;
    padding: 8px 16px;
    margin-bottom: 10px;
}

#Feature .Quarter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#Feature .Quarter .Half {
    width: 50%;
    border-bottom: 1px dotted #333;
    border-right: 1px dotted #333;
    padding-bottom: 30px;
    padding-right: 38px;
}

#Feature .Quarter .Half:nth-child(2n) {
    border-right: none;
    padding-right: 0px;
    padding-left: 38px;
}

#Feature .Quarter .no_bottom_border {
    border-bottom: none;
    padding-bottom: 0;
}

#Feature .Gray {
    background-color: #eee;
    padding: 12px;
    line-height: 1.2;
}

#Feature .Gray p.f10 {
    font-size: 0.84rem !important;
    margin: 0 !important;
}

#Feature .Quarter .Half img {
    width: 98%;
    height: auto;
}

#Feature .Quarter .Half p {
    font-size: 0.94rem;
}

#Option {
    margin-bottom: 10px;
}

#Option .Quarter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#Option .Quarter .Half {
    width: 50%;
    padding-bottom: 30px;
    padding-right: 38px;
}

#Option .Quarter .Half:nth-child(2n) {
    padding-right: 0px;
    padding-left: 38px;
}

#Option .Quarter .Half img {
    width: 98%;
    height: auto;
}

#Option .Quarter .Half p {
    font-size: 0.94rem;
}

#Option .Quarter .no_bottom_border {
    padding-bottom: 0;
}

#Option .Gray {
    background-color: #eee;
    padding: 12px;
    line-height: 1.2;
}

#Option .Gray p.f10 {
    font-size: 0.84rem !important;
    margin: 0 !important;
}

#Option .Quarter h3 {
    background-color: #fff;
    color: #ff6c15;
    font-weight: bold;
    font-size: 1.4rem;
    padding: 8px 16px;
    margin-bottom: 10px;
    border-top: 2px solid #efc69a;
    border-bottom: 2px solid #efc69a;
}

#price .txt-smaller {
    font-size: .6em !important;
    margin-left: 1em;
}

.footcopy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 3em;
}

.footcopy ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .786em;
}

.footcopy ul li {
    margin-right: 1em;
    border-right: 1px solid;
    padding-right: 1em;
}

.footcopy ul li a:hover {
    text-decoration: underline;

}

.footcopy ul li:first-of-type {
    border-left: 1px solid;
    padding-left: 1em;
}

@media (max-width: 959px) {
    .ttl-h2 {
        font-size: 1.657em;
    }

    #Feature .Quarter .Half {
        width: 100%;
        border-bottom: none;
        border-right: none;
        padding-bottom: 30px;
        padding-right: 0;
    }

    #Feature .Quarter .Half:nth-child(2n) {
        border-right: none;
        padding-right: 0px;
        padding-left: 0;
    }

    #Feature h3 {
        font-size: 135% !important;
    }

    #Feature .Quarter .Half p {
        font-size: 100%;
    }

    #Feature .Gray p.f10 {
        font-size: 90% !important;
    }

    #Option .Quarter .Half {
        width: 100%;
        padding-bottom: 30px;
        padding-right: 0;
    }

    #Option .Quarter .Half:nth-child(2n) {
        border-right: none;
        padding-right: 0px;
        padding-left: 0;
    }

    #Option h3 {
        font-size: 135% !important;
    }

    #Option .Quarter .Half p {
        font-size: 100%;
    }

    #Option .Gray p.f10 {
        font-size: 90% !important;
    }

}

/*2020/03/11 追記*/
.headColumn a{
	color: white;
	font-size: 0.85em;
	text-align: center;
	padding: .3em 1em;
	background: #dd960f;
	margin-right: 1em;
	line-height: 2.5em;
}
.ColumnBnr{
	margin-top: auto;
}
.columnTop .movieColumn{
	width: 32.6%;
	word-break: break-all;
	padding-right: 20px;
}
.columnTop .movieColumn:last-child{
	padding: 0px;
}

.columnTop .movieColumn:nth-of-type(1) h2{
	background-color: #DBE8C4;
}
.columnTop .movieColumn:nth-of-type(3) h2{
	background-color: #e4ad6d;
}
.columnTop .movieColumn:nth-of-type(2){
	margin-right: 20px;
	padding-right: 20px;
	padding-left: 20px;
	border-left: dashed 1px #251e1c;
	border-right: dashed 1px #251e1c;
}
.columnTop .movieColumn figure {
	margin: auto;
	text-align: center;
}

.columnTop .minHei{
		  min-height: 26em;
}
.columnTop .minHei figure{
	margin-top: 8em;
}
@media (max-width: 959px) {
	.columnTop .minHei{
		  min-height: 11em;
}
.columnTop .minHei figure{
	margin-top: 0;
}
}

.columnTop .movieColumn .ColumnTextBox .clear{
	clear: both;
}
.columnTop .movieColumn .ColumnTextBox .Shapes{
	float: right;
	height: 5.3em;
}
.columnTop .movieColumn .ColumnTextBox .float{
	float: right;
	clear: both;
}

.columnTop .movieColumn .ColumnTextBox .btn{
	width: 100%;
	font-size: 1.214em;
	margin-top: 35px;
	display: block;
	text-align: center;
}



.columnTop #column03,
.columnTop #column02,
.columnTop #column01{
	margin-top: 50px;
	padding-top: 40px;
	border-top: solid 1px #251e1c;
}
.columnTop #column01 h2{
	padding: 0;
	color: #1e4291;
	background: none;
}

.columnTop #column03 li,
.columnTop #column02 li,
.columnTop #column01 li{
	width: 30%;
	background: #daecfa;
	margin-bottom: 2em;
}

.columnTop #column03 li p,
.columnTop #column02 li p,
.columnTop #column01 li p{
	padding: 1em;
	font-size: 1.214em;
	text-align: center;
	min-height: 114px;
}

.columnTop #column03 .flex,
.columnTop #column02 .flex,
.columnTop #column01 .flex{
	-webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}



.columnTop #column02 h2{
	padding: 0;
	color: #e4ad6d;
	background: none;
}

.columnTop #column02 li{
	background: #f9ebd2;
}

.columnTop #column03 h2{
	padding: 0;
	color: #61A467;
	background: none;
}

.columnTop #column03 li{
	background: #DBEAD7;
}

.columnLow .title_collar{
	background: none;
	padding: 0;
	color: #1e4291;
}
.columnLow .read{
	font-size: 1.28em;
	margin-bottom: 2em;
	font-weight: bold;
}
.l-contents.columnLow{
	width: 100%;
}




.columnLow .Orange{
	color: #dd960f;
	margin-bottom: .2em;
}
.columnLow .border{
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: solid 1px #251e1c;
	
}
.columnLow .bold{
	font-weight: bold;
	font-size: 1.1em;
}

.columnLow .mb90{
	margin-bottom: 90px;
}
.columnLow .mb70{
	margin-bottom: 70px;
}
.columnLow .red{
	color: #b81c1e;
}

@media (max-width: 959px) {
   .ColumnBnr{
	margin-top:2em;
		}
	
.columnTop .movieColumn{
padding: 0!important;
	width: 100%;
}	

	.columnTop .movieColumn:nth-of-type(2){
		margin-top: 2em;
		border: none;
		margin-right: 0;
}
	
	.columnTop #column02 li,.columnTop #column01 li{
	width: 48%;
	}
}


/*2021/01/26 追記*/
dl.topnews {
    display:  table;
    width:  100%;
	background: #F8EAD5;
    margin: 0 auto;
    margin-bottom: 50px;
}
dl.topnews dt {
    display: table-cell;
    min-width: 8em;
    background: #E7931A;
	border-bottom: none;
	padding-bottom: 0;
    vertical-align:  middle;
    text-align:  center;
    color: #fff;
	font-size: 16px !important;
}
dl.topnews dd {
    margin: 10px 20px !important;
    font-size: 0.9rem;
}
dl.topnews dd a {
    text-decoration: underline;
}
dl.topnews dd a:hover {
	text-decoration: none;
}

/*導入事例*/
.case-link .interviewList {
/*    justify-content: space-between;*/
    max-width: 989px;
    width: 100%;
    margin: 0 auto 0;
}

.case-link dt {
    width: 100%;
    max-width: 990px;
    margin: 2em auto 1em;
    font-size: 1.6em;
    font-weight: bold;
}


@media (max-width: 959px){
.case-link {
padding: 0 5px;
}
.case-link .interviewList .Listitem {
    margin-right: 0;
}
}


/* ↓　2023.1.31 追記（追従バナー等）　↓ */
.scroll-table table {
	margin: 0 auto;
	padding: 0;
	overflow: auto;
	white-space: nowrap;
	table-layout: auto!important;
}

table td {
	font-size: 18px
}	

table th {
	font-size: 18px
}
	
h3.Blue_01 {
	position: relative;
	border-bottom: 5px solid #ddd;
	padding: 10px 0;
}

h3.Blue_01:before {
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 20%;
	height: 5px;
	content: '';
	background: #1e4291;
}
	
h4.bold, .bold_dec {
	padding: 1rem;
	border-left: 5px solid #b9b9b9;
	background: #f4f4f4;
	font-weight: bold;
}

.mb40 {
	margin-top: 20px;
}
	
span.bold_line {
	font-weight: bold;
	font-size: 110%;
	background: linear-gradient(transparent 60%, yellow 30%);
}
	
.btn_01, .btn_01 a {
	background:  #1e4291;
	font-size: 120%;
	font-weight: bold;
	color: #fff!important;
	border-radius: 50px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 550px;
	padding: 10px 25px;
	color: #313131;
	transition: 0.3s ease-in-out;
}

.btn_01:hover {
	opacity: 0.7;
}

.btn_01:after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 20px;
	border-radius: 1px;
	transition: 0.3s ease-in-out;
}

.bl {
	font-weight: bold;
}
	
.btn_subttl {
	text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
}
	
	/* フローティングバナー */
.floating-banner {
	display: none;
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 9999;
    transition: 0.3s;
}

.floating-banner:hover {
    opacity: 0.9;
}

.floating-banner a {
    text-decoration: none;
    color: #ffffff;
	display: block;
}

.floating-banner_body {
    background: #fffbd5;
	border: #f9cc0a 2px solid;
    padding: 16px 8px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}

ul.floating-banner_btn {
    list-style: none;
}
	
.list_item {
	list-style: none;
	width: 90%;
    border-radius: 3px;
	font-weight: 700;
    font-size: 14px;
    margin: 10px auto;
    padding: 8px;
}
	
.floating-banner_message {
    font-size: 14px;
    font-weight: 500;
	color: #333;
	padding-bottom: 10px;
}

li.contact {
	background: rgb(2, 0, 36);
	background: #e7931a;
}

li.contact:hover {
	opacity: 0.8;
}

li.request {	
	background: rgb(2, 0, 36);
	background: #00A0E9;
}
li.request:hover {
	opacity: 0.8;
}

/* フローティングバナー　閉じるボタン */
.square_btn {
	display: none;
}
	
.square_btn {
	display: block;
	position: absolute;
	right: 6px;
	top: 6px;
	width: 10px;
	height: 10px;
	overflow: hidden;
}
 
.square_btn::before, .square_btn::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 25px;
	background: #999;
}
 
.square_btn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
.square_btn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
/* ↑　2023.1.31 追記（追従バナー等）　↑ */

/* ↓　2023.2.7 追記（TOPページスライダー）　↓ */
.swiper {
  	width: 1230px;
	max-width: 100%;
  	height: 400px;
}
	
.slide_01 {
	background:url('../images/top/main_01.jpg') no-repeat center;
	background-size: 100%;
}
	
.slide_02 {
	background:url('../images/top/main_02.jpg') no-repeat center;
	background-size: 100%;
}

.slide_03 {
	background:url('../images/top/main_03.jpg') no-repeat center;
	background-size: 100%;
}

.slide_04 {
	background:url('../images/top/main_04.jpg') no-repeat center;
	background-size: 100%;
}

/* ↑　2023.2.7 追記（TOPページスライダー）　↑ */
/* ↓　2023.2.7 追記　↓ */
	/* 機能詳細4つ並び左寄せ */
.funcBox::before{
	content:"";
	display: block;
	width:24%;
	order:1;
}
.funcBox::after{
	content:"";
	display: block;
	width:24%;
}
.news_title {
	font-weight: bold;
	text-decoration: underline;
}

.btn-green02 {
    display: inline-block;
    /* margin: 20px 0 10px; */
    background: #74C55A;
    border: none;
    margin: 0 auto 1rem;
    padding: 10px 30px;
    font-weight: bold;
    color: #FFF !important;
}
.btn-lg02 {
    display: block;
    width: 450px;
    padding: 0.8em 4em;
    font-size: 22px;
}
.small_pad {
	padding: 1.2em 1em!important;
}

h5 {
  	border-bottom: 2px dotted #999;
	font-weight: bold;
	padding: 0.5rem 0.5rem 0.3rem;
	color: #333;
}

.tb_merit {
		display: flex;
		justify-content: center;
}

.box_merit {
		margin: 0 10px;
		width: 40%!important;
}

.about_use {
	width: 100%!important;
}

.li_space {
    padding: 0.5rem 1rem 1rem;
}
.sh_dec {
    font-size: 20px;
    font-weight: bold;
    color: #1e4291;
    padding: 0.5rem 1rem;
    border-left: 5px solid #1e4291;
    background: #f4f4f4;
}
	
.funcInner_01 p:first-of-type a {
    color: #1e4291;
    font-weight: bold;
    display: flex;
    padding: 0 1em;
    height: 140px;
    align-items: center;
    justify-content: center;
}

/* ↑　2023.2.7 追記　↑ */

/* ↓　2023.1.31 追記　↓ */
@media screen and (min-width: 960px) {
	.floating-banner_btn {
		display: block;
	}
	.floating-banner_body {
		width: 200px;
	}
	/* テキスト幅狭く */
	.narrow {
		width: 70%;
	}
	/* 1か月無料ボタン */
	.btn_trial {
		width: 220px;
		display: block;
		position: absolute;
		top: 140px;
		right: 0;
	}
	
	.funcInner_01.sec::after {
		top: 10em!important;
		left: 2em;
	}
	
	.scene_img01 {
		margin-bottom: 10px;
		background-image: url(../images/top/scene01.png);
		background-repeat: no-repeat;
		background-size: 240px;
		background-position: top 50% left 650px;
	}
	
	.scene_img02 {
		margin-bottom: 10px;
		background-image: url(../images/top/scene03.png);
		background-repeat: no-repeat;
		background-size: 240px;
		background-position: top 50% left 650px;
	}
	
	.scene_img03 {
		margin-bottom: 10px;
		background-image: url(../images/top/scene02.png);
		background-repeat: no-repeat;
		background-size: 240px;
		background-position: top 50% left 650px;
	}

	.li_space {
		padding: 0.5rem 1rem 3rem;
	}
			
	a.point_text {
		font-size: 110%;
	}
	
	a.point_text:hover {
		border-bottom:2px solid #1e4291;;
		opacity: 0.8;
	}
}
/* ↑　2023.1.31 追記　↑ */