@charset "UTF-8";
/* pc,sp */
.spOnly { display: none; }

@media screen and (max-width: 812px) { .spOnly { display: block; }
  .pcOnly { display: none; } }

h4 { width: 100%; font-size: 2em; padding: .2em; color: #fff; background-color: #F39800; text-align: left; }

h4 small { color: #fff; }

@media screen and (max-width: 812px) { h4 { width: auto; } }

h5 { width: 80%; position: relative; font-size: 1.5em; margin-top: 2em; }

h5:before { content: ""; display: inline-block; width: 3px; height: 25px; background-color: #F39800; position: absolute; top: -2px; left: -10px; vertical-align: middle; }

@media screen and (max-width: 812px) { h5 { width: auto; } }

h6 { text-align: center; }

article { max-width: 1000px; margin: 2em auto; text-align: left; }

article table { max-width: 100%; }

@media screen and (max-width: 812px) { article { width: 100%; } }

.red { color: red; }

.blue { color: blue; }

.maincolor { color: #F39800; }

img { height: auto; }

/*===========
.scroll-box
===========*/
.scroll-box { overflow-x: auto; padding-bottom: 10px; -webkit-overflow-scrolling: touch; }

.scroll-box img { max-width: 100%; min-width: 600px; vertical-align: top; }

/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar { height: 4px; }

/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track { background: #eee; }

/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb { background: #aaa; border: none; }

/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover { background: #999; }

.cooperative .col1 .col { display: block; margin-right: auto; }

.cooperative .col1 .col .inner .maincolor { font-weight: bold; font-size: 1.5em; }

.cooperative .col2 table { border-spacing: 0 2em; border-collapse: separate; max-width: 1000px; width: 70%; margin: 0 auto; }

@media screen and (max-width: 812px) { .cooperative .col2 table { width: 100%; } }

.cooperative .col2 td, .cooperative .col2 th { padding: 0.3em 0.5em; /* 文字周りのスペース（パディング） */ font-weight: bold; line-height: 1.8em; }

.cooperative .col2 tr { line-height: 3em; padding: 2em; }

.cooperative .col3 { font-weight: bold; }

.cooperative .col3 .pin { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1.5em; }

@media screen and (max-width: 812px) { .cooperative .col3 .pin { display: block; } }

.cooperative .col3 .pin span { margin-right: 1em; }

.cooperative .col3 .pin img { width: 15px; height: 20px; }

.cooperative .col3 .col { margin: 0 auto; width: 60%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (max-width: 812px) { .cooperative .col3 .col { display: block; width: auto; } }

.cooperative .col4 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 90%; height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; }

.cooperative .col4 img { width: 50%; }

.cooperative .col4 .pin { display: -webkit-box; display: -ms-flexbox; display: flex; }

.cooperative .col4 .pin img { width: 15px; height: 20px; }

@media screen and (max-width: 812px) { .cooperative .col4 { display: block; width: 100%; }
  .cooperative .col4 img { width: 100%; } }

.cooperative .col4 .inner p { margin: 0 1.5rem 1.5rem 0; }

@media screen and (max-width: 812px) { .cooperative .col4 .inner p { margin: 0 0 1.5rem 0; } }

.cooperative .col4 .inner .maincolor { font-weight: bold; font-size: 1.5em; }

.cooperative .col4 .inner .point { -webkit-text-decoration: underline #F39800; text-decoration: underline #F39800; }

.cooperative .col5 p { text-align: center; }

.cooperative .col5 table { border-collapse: collapse; border: 1px solid #666; max-width: 1000px; width: 70%; margin: 0 auto; }

@media screen and (max-width: 812px) { .cooperative .col5 table { width: 100%; } }

.cooperative .col5 td, .cooperative .col5 th { border: 1px solid #666; padding: 1em 1em; /* 文字周りのスペース（パディング） */ }

.cooperative .col5 td:first-child { background-color: #eee; text-align: center; }

.cooperative .col5 ul { margin: 0; padding: 0; list-style-type: none; }

.cooperative .col5 .contents { margin: 0 auto; padding: 20px 0; min-width: 320px; max-width: 920px; }

@media screen and (max-width: 812px) { .cooperative .col5 .contents { left: 5%; text-align: left; } }

.industry table { border-collapse: collapse; border: 1px solid #666; max-width: 1000px; width: 70%; margin: 0 auto; }

@media screen and (max-width: 812px) { .industry table { width: 100%; } }

.industry td, .industry th { border: 1px solid #666; padding: 0.3em 0.5em; /* 文字周りのスペース（パディング） */ }

.industry th { text-align: center; background-color: #CADB84; color: #000; }

.industry th:first-child { border-right: 1px solid #000; }

.industry ul { margin: 0; padding: 0; list-style-type: none; }

.industry ul li p { background: #F39800; color: #fff; }

.industry .contents { margin: 0 auto; padding: 20px 0; min-width: 320px; max-width: 920px; }

@media screen and (max-width: 812px) { .industry .contents { left: 5%; text-align: left; } }

.industry .text { margin: 0; }

.industry .sub { font-size: 1.15rem; }

.industry .demo { margin: 0 16px 200px; }

@media screen and (max-width: 812px) { .industry .demo { margin: 0; } }

.industry .demo a { display: block; }

.industry .demo .child { display: none; margin: 0 0 -1px; padding: 0; background: #fff; border: 1px solid #eaeaea; }

.industry .demo .child .menu { background: #eaeaea; color: #5e5e5e; }

.industry .demo .child .menu:hover { background: #d0d0d0; }

.industry .demo .child > li { margin: 4px 0; padding: 0 16px; border-bottom: 1px dotted #dddddd; }

.industry .demo .child > li:last-child { border-bottom: 0; }

.industry .switch .menu::before { position: absolute; top: 50%; left: 20%; margin-top: -1.4rem; content: '＞'; font-size: 1.4rem; font-weight: bold; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all, 0.25s, linear; transition: all, 0.25s, linear; }

@media screen and (max-width: 812px) { .industry .switch .menu::before { left: 5%; } }

.industry .switch .menu.active:before { -webkit-transform: translate(0, 50%); transform: translate(0, 50%); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.industry .child02 { color: #5e5e5e; }

.industry .menu { cursor: pointer; display: block; position: relative; margin: 1px 0 0; padding: 10px; }

.industry .source { margin: 0; padding: 30px 0 0; }

.industry .demo04 .menu { background: #F39800; color: #fff; }

.industry .demo04 .menu:hover { background: #FFC564; text-decoration: none; }

.service .col1 { max-width: 80%; margin: 2em auto; }

@media screen and (max-width: 812px) { .service .col1 { width: 100%; } }

.service .col1 li { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 2em 0; }

@media screen and (max-width: 812px) { .service .col1 li { display: block; } }

.service .col1 li:nth-child(6) { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.service .col1 li span { color: #fff; padding: .2em .7em; background-color: #F39800; margin-right: 2em; }

@media screen and (max-width: 812px) { .service .col1 li span { display: table; margin: 0 auto; text-align: center; } }

.service .col1 li p { display: inline; font-weight: bold; }

.service .col1 small { display: inherit; text-align: right; }

.process img { text-align: right; margin: 0 auto; width: 80%; }

@media screen and (max-width: 812px) { .process img { width: 100%; } }

.process .col1 { max-width: 90%; margin: 2em auto; }

.process .col1 .col { margin-bottom: 2em; }

.process .col1 .col span { font-size: 1.5em; font-weight: bold; }

.process .col1 .col span.step { background-color: #F39800; color: #fff; padding: .2em .5em; margin-right: 2em; }

@media screen and (max-width: 812px) { .process .col1 .col span.step { display: table; margin-right: 0; } }

.process .col1 .col span.title { color: #F39800; }

.process .col1 .col p { border-top: 1px solid #F39800; margin-top: 1em; }

.process .col2 { text-align: center; }

.system .col3 { width: 70%; margin-top: 2em; margin-bottom: 2em; padding: 2em; border: dotted 1px #F39800; }

@media screen and (max-width: 812px) { .system .col3 { width: 100%; } }

.system .col1, .system .col2, .system .col4 { width: 80%; }

@media screen and (max-width: 812px) { .system .col1, .system .col2, .system .col4 { width: 100%; } }

.system .col5 { width: 70%; padding: 2em; border: dotted 1px #F39800; }

@media screen and (max-width: 812px) { .system .col5 { width: 100%; padding: 0; } }

.system table { border-collapse: collapse; border: 1px solid #666; max-width: 1000px; width: 70%; margin: 0 auto; }

@media screen and (max-width: 812px) { .system table { width: 100%; } }

.system td, .system th { border: 1px solid #666; padding: 0.3em 0.5em; /* 文字周りのスペース（パディング） */ }

.system th { background-color: #F39800; text-align: center; color: #000; }

.system p { margin: 2em; }

.system .col img { margin: 2em 0; }

.system .col td { padding: 1em; }

.system th:first-child { border-right: 1px solid #000; }

.interview h5 { width: 100%; }

.interview img { margin: 0 auto; }

@media screen and (max-width: 812px) { .interview img { width: 100%; } }

.interview .col1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

@media screen and (max-width: 812px) { .interview .col1 { display: block; } }

.interview .col1 .col { margin: 2em auto; }

.interview .col1 .col td { padding-right: 1em; }

.interview .col2 { width: 80%; margin: 2em auto; }

@media screen and (max-width: 812px) { .interview .col2 { width: 100%; } }

@media screen and (max-width: 812px) { .fq .faq_add { padding-left: 5rem; } }

.fq .faq_box_orange, .fq .faq_box_glay { width: 52px; height: 52px; }

@media screen and (max-width: 812px) { .fq .faq_box_orange, .fq .faq_box_glay { width: 46px; height: 46px; } }
/*# sourceMappingURL=base.css.map */