@charset "UTF-8";

/* リセットCSSここから */

* {
  box-sizing: border-box;
}

::before,
::after {
  box-sizing: inherit;
}
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
    scroll-behavior: smooth;
}

body {
  margin: 0;
}
main {
  display: block;
}
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border: 0;
  border-top: 1px solid #D8D8D8;
  margin: 0;
  clear: both;
  color: inherit;
}
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}
img {
  border-style: none;
  vertical-align: bottom;
}

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom;
}
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

[type="checkbox"] {
  /* 1 */
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type="radio"] {
  /* 1 */
  -webkit-appearance: radio;
  appearance: radio;
}
button,
input {
  /* 1 */
  overflow: visible;
}
button,
select {
  /* 1 */
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
  cursor: default;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
option {
  padding: 0;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  padding: 0; /* 1 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px; /* 1 */
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

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

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

template {
  display: none;
}

[hidden] {
  display: none;
}



/* ===========ここから本体のCSS=========== */

body {
    width: 100%;
    background-color: #fff;
    font-size: 14px;
    color: #1E3233;
    font-family: "Helvetica Neue", Arial, "BIZ UDPGothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    line-height: 1.6;
    box-sizing: border-box;
    font-weight: 400;
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
}
a {color: #002678; text-decoration: underline;}
a:hover { text-decoration:none;}



/* --------調整用-----------*/
.m_center { margin: 0 auto;}



/* -------------ヘッダー-------------- */
header {
    width: 100%;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0,109,119,.2);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
header .box_header {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .box_header a.logo {
    width: auto;
    height: 44px;
}
header .box_header a.logo img {height: 44px; width: auto;}

header .box_header ul.li_action {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .box_header ul.li_action li {margin-left: 20px;}
header .box_header ul.li_action li:first-child {margin-left: 0;}
a.link_login {
    text-decoration: none;
    color: #006D77;
    display: inline-block;
    position: relative;
}
a.link_login::after {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    height: 2px;
    background: #006D77;
    transition: linear all .2s;
}
a.link_login:hover::after {
    width: 100%;
}
a.btn_download {
    display: block;
    padding: 10px 30px;
    background: #fff;
    text-decoration: none;
    text-align: center;
    border: 1px solid #006D77;
    border-radius: 40px;
    color: #006D77;
    transition: ease all .3s;
}
a.btn_download:hover {
    background: #006D77;
    color: #fff;
}
a.btn_trial {
    display: block;
    padding: 10px 30px;
    background: #EA9F10;
    text-decoration: none;
    text-align: center;
    border: 1px solid #EA9F10;
    border-radius: 40px;
    color: #fff;
    transition: ease all .3s;
}
a.btn_trial:hover {
    background: #fff;
    color: #EA9F10;
}
a.btn_contact {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #EAEDF0;
    background-image: url(../img/ic_contact_green.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    text-indent: -99999px;
    overflow: hidden;
    transition: all ease .2s;
}
a.btn_contact:hover {
    background-color: #006D77;
    background-image: url(../img/ic_contact_white.svg);
}
p.p_btn {
    width: 180px;
    height: 45px;
    margin-top: 20px;
}

.hamburger {display: none;}


@media screen and (max-width: 768px) {
    header .box_header {width: 94%;}
    header .box_header a.logo {height: 30px;}
    header .box_header a.logo img {height: 30px;}
    header .box_header ul.li_action a.link_login , header .box_header ul.li_action a.btn_trial , header .box_header ul.li_action a.btn_download {display: none;}

}

/* ----------------ヘッダーここまで---------------- */




/* ---------トップへ戻るボタン---------- */
#pagetop{
    width: 60px;
    height: 60px;
    position: fixed;
    right: 4%;
    bottom: 40px;
    background: #006D77;
    opacity: 0.6;
    border-radius: 50%;
}
#pagetop a{
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    box-sizing: border-box;
    padding-top: 25px;
    transition: all .2s ease;
}
#pagetop a::before{
    content:"";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 12px;
    right: 0;
    left: 0;
    margin: auto;
    display: block;
    background-image: url(../img/ic_float_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
#pagetop:hover {opacity: 0.9;}

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

}

/* ---------トップへ戻るボタンここまで---------- */


/* ------------------フッター----------------- */
footer {
    width: 100%;
    background: #8895A2;
}
footer .box_footer {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
}
footer .box_footer ul {
    display: flex;
}
footer .box_footer ul li { margin-right:30px; }
footer .box_footer ul li:last-child { margin-right: 0;}
footer .box_footer ul li a { color: #fff; text-decoration: none; position: relative; font-size: 14px;}
footer .box_footer ul li a:hover {text-decoration: underline;}
footer .box_footer ul li a::after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 14px;
    background-image: url(../img/ic_arrow_forward.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 1px;
    right: -12px;
}
footer .box_footer ul li a.outlink::after {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    background-image: url(../img/ic_external_link.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 1px;
    right: -18px;
}
footer .box_footer ul li a:hover::after {right: -14px;}
footer .box_footer ul li a.outlink:hover::after {right: -20px;}

footer .box_footer p.txt_copyright {color: #fff; font-size: 12px;}


@media screen and (max-width: 768px) {
    footer .box_footer {width: 94%; display: block;}
    footer .box_footer ul {display: block; margin-bottom: 20px;}
    footer .box_footer ul li { margin-bottom: 10px;}
    footer .box_footer ul li:last-child {margin-bottom: 0;}
    footer .box_footer p.txt_copyright {text-align: center;}
}

/* ---------------------フッターここまで--------------------- */

/* ------------------ページ共通------------------- */
main {margin-top: 84px; min-height: 700px;}
@media screen and (max-width: 768px) {
    main {margin-top: 64px;}
}




/* ---------------------トップページ-----------------------*/

p.txt_sp { display:none; }
.bg_mainvisual {
    width: 100%;
    background: #EAEDF0;
    padding: 60px 0 100px;
}
.bg_mainvisual .box_mainvisual {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.bg_mainvisual .box_mainvisual .left_main {width: 48%;}
.bg_mainvisual .box_mainvisual .left_main h1 {
    margin-bottom: 30px;
    /* padding-bottom: 30px; */
    position: relative;
}
.bg_mainvisual .box_mainvisual .left_main h1::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 20px;
    background-color: #83c5be;
    bottom: 0;
    left: 0;
	opacity: 0.25;
}
.bg_mainvisual .box_mainvisual .left_main h1 span {
    font-size: 22px;
    font-weight: bold;
    display: block;
    margin-bottom: 8px;
}
.bg_mainvisual .box_mainvisual .left_main {width: 48%}

.pr_point {
    text-align: center;
    height: 125px;
}
.pr_point li {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    margin-left: 8px;
    display: inline-block;
    background: #ffffff;
    border-radius: 50%;
    width: 125px;
    height: 125px;
    font-size: 20px;
    text-align: center;
	padding-top: 22px;
}
.pr_point li .text_s {
	display: block;
	font-size: 20px;
	line-height: 24px;
	color: #006d77;
	font-weight: bold;
}
.pr_point li .text_w {
	display: block;
	font-size: 16px;
	line-height: 32px;
}
.p_btn_add {
    width: 80%;
    font-size: 24px;
}

.bg_mainvisual .box_mainvisual .right_main {width: 50%;}
.bg_mainvisual .box_mainvisual .right_main img {
    width: 100%;
    height: auto;
/*	padding-top: 30px; */
}

.box_topics {
    width: 1000px;
    margin: -40px auto 0;
    position: relative;
}
.box_topics h2 {
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 5px 30px;
    background: #83C5BE;
    display: inline-block;
    position: absolute;
    top: -16px;
    left: 30px;
}
.box_topics ul {
    padding: 30px;
    border: 1px solid #006D77;
    border-radius: 4px;
    background: #fff;
}
.box_topics ul li {
    display: flex;
    margin-bottom:10px;
}
.box_topics ul li:nth-child(n+4) {
    display:none;
}
.box_topics ul li p.entrydata_date {
    font-weight: bold;
    color:#006D77;
    margin-right:20px;
}
.box_topics ul li p.index_news_category {
    border:1px solid #006D77;
	padding:3px 7px;
    font-size: 10px;
    color: #006D77;
    margin-right:20px;
    min-width: 75px;
    text-align: center;
}
.box_topics ul li p.txt_topics {
}
.box_topics p.link_topic_all {
    position:absolute;
    bottom: 10px;
    right: 15px;
}
.box_topics p.link_topic_all a { text-decoration:none;}
.box_topics p.link_topic_all a::hover { text-decoration:underline; }


.bg_section_g {
    width: 100%;
    background:#F0F4F7;
    padding: 60px 0;
}
.bg_section_w {
    width: 100%;
    background:#fff;
    padding: 60px 0;
}
.box_section {
    width: 1000px;
    margin: 0 auto;
}
.box_section h2 {
    text-align: center;
    margin-bottom: 50px;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    z-index: 10;
    padding-bottom: 20px;
}
.box_section h2::after {
    content: "";
    display: block;
    position: absolute;
    width: 100px;
    height: 5px;
    background: #83C5BE;
    bottom: 0;
    left: 45%;
    z-index: -1;
}

.box_section div.box_about {
}
.box_section p.txt_about {
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.box_section .img_about {width: 60%; margin: 0 auto;}
.box_section .img_about img {width: 100%;}


.box_section p.txt_summary {
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}

.box_section ul.li_solution {
    width: 88%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.box_section ul.li_solution li {
    width: 32%;
}
.box_section ul.li_solution li p {text-align: center;}
.box_section ul.li_solution li p.txt_nayami {
    font-weight: bold;
    font-size: 16px;
    min-height: 77px;
    position: relative;
    margin-bottom: 20px;
}
.box_section ul.li_solution li p.txt_nayami::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 14px;
    background-image: url(../img/img_callout.svg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    bottom: 0;
}
.box_section .box_function {
    width: 100%;
    border: 10px solid #EAEDF0;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    margin: 0px 0px 50px;
    position: relative;
}
.box_section .f_01::before {
    content: "";
    display: block;
    position: absolute;
    width: 91px;
    height: 36px;
    background-image: url(../img/ic_function_01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: -31px;
    left: -10px;
}
.box_section .f_02::before {
    content: "";
    display: block;
    position: absolute;
    width: 91px;
    height: 36px;
    background-image: url(../img/ic_function_02.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: -29px;
    left: -10px;
}
.box_section .f_03::before {
    content: "";
    display: block;
    position: absolute;
    width: 91px;
    height: 36px;
    background-image: url(../img/ic_function_03.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: -29px;
    left: -10px;
}

.box_function .left {
    width: 48%;
}
.box_function .left h3 {
    font-weight: bold;
    font-size: 28px;
    color: #006D77;
    margin-bottom: 30px;
}
.box_function .left p.txt_lead {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.box_function .right {width: 50%;}
.box_function .right img {width: 100%; text-align: right;}

.box_add {margin-top:40px;}
.box_add h3 {
    font-size: 24px;
    font-weight: bold;
    color: #006D77;
    text-align: center;
    margin-bottom: 30px;
}
.box_add h3 span {display: inline-block; position: relative;}
.box_add h3 span::before {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 3px;
    background: #83C5BE;
    left: -50px;
    top: 18px;
}
.box_add h3 span::after {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 3px;
    background: #83C5BE;
    right: -50px;
    top: 18px;
}
.box_add ul {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.box_add ul li {
    width: 30%;
    border: 5px solid #EAEDF0;
    padding: 30px;
    margin-right: 5%;
    margin-bottom: 20px;
    text-align: center;
}
.box_add ul li:nth-child(3) {margin-right: 0;}
.box_add ul li:nth-child(n+4) {margin-bottom: 0;}
.box_add ul li p {
    font-size: 20px;
    font-weight: bold;
    color: #006D77;
    text-align: center;
    margin-bottom: 20px;
}

/* 現在開発中の機能 */
.roadmap {
  width: 100%;
  padding-top: 40px;
}
.box_roadmap {
    width: 1000px;
    margin: 70px auto 0;
    position: relative;
}
.box_roadmap h3 {
    font-size: 24px;
    font-weight: bold;
    color: #006D77;
    text-align: center;
    margin-bottom: 30px;
}
.box_roadmap h3 span {display: inline-block; position: relative;}
.box_roadmap h3 span::before {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 3px;
    background: #83C5BE;
    left: -50px;
    top: 18px;
}
.box_roadmap h3 span::after {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 3px;
    background: #83C5BE;
    right: -50px;
    top: 18px;
}
.box_roadmap ul {
    padding: 30px;
    border: 1px solid #006D77;
    border-radius: 4px;
    background: #fff;
}
.box_roadmap ul li {
    display: flex;
    margin-bottom:10px;
}
.box_roadmap ul li p.index_roadmap_category {
  border: 1px solid #006D77;
  padding: 3px 7px;
  border-radius: 40px;
  font-size: 12px;
  font-weight: bold;
  background: #006D77;
  color: #fff;
  margin-right: 20px;
  min-width: 75px;
  text-align: center;
}


h2.campaign {margin-bottom: 30px; padding-bottom: 0;}
h2.campaign span {
    font-size: 24px;
    font-weight: bold;
    color: #EA9F10;
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
}
h2.campaign::after {display: none;}
h2.campaign span::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 5px;
    background: #EA9F10;
    bottom: 0;
    left: 0;
}

ol.li_step {display: flex; justify-content: space-between;}
ol.li_step li {width: 22%; text-align: center;}
ol.li_step li p { font-weight: bold;}
ol.li_step li p.step {
    margin-bottom: 15px;
    font-size: 20px;
    color: #006D77;
}
ol.li_step li p.step span {color:#83C5BE; font-size: 16px; margin-right: 5px;}
ol.li_step li img {display: block; width: 70px; height: 70px; margin:0 auto 15px;}



.box_cv {
    width: 100%;
    background: #EAEDF0;
    padding: 40px 0;
    margin-top: 90px;
}
.box_cv p {
    width: 800px;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #006D77;
}
.box_cv ul {
    width: 600px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.box_cv ul li {
    margin-right: 20px;
}
.box_cv ul li:last-child {margin-right: 0;}




@media screen and (max-width: 768px) {
    p.txt_sp { display:block; font-size:12px; text-align:center; margin:10px auto 0; font-weight:normal; color:#1E3233; }
    .bg_mainvisual .box_mainvisual {
        width: 100%;
        display: block;
    }
    .bg_mainvisual .box_mainvisual .left_main {width: 90%; margin: 0 auto;}
    .bg_mainvisual .box_mainvisual .left_main h1 {width: 100%; text-align: center;}
    .bg_mainvisual .box_mainvisual .left_main h1 img {width: 100%;}
    .bg_mainvisual .box_mainvisual .left_main h1::after {left: 45%;}
    .bg_mainvisual .box_mainvisual .left_main p {text-align: center; margin: 0 auto 20px;}
    .bg_mainvisual .box_mainvisual .right_main {width: 90%; margin: 0 auto;}

    .box_topics {width: 94%; margin: -30px auto 0;}
    .box_topics h2 {left: 15px;}
    .box_topics ul {padding: 25px 15px 15px;}
    .box_topics ul li {display: block;}
    .box_topics ul li p.txt_topics {width: 100%;}
	.box_topics ul li p.index_news_category { width: 100px; }

    .box_section {width: 94%;}
    .box_section h2::after {left: 36%;}
    .box_section div.box_about {
        display: block;
        justify-content: space-between;
    }
    .box_section p.txt_about { width: 100%; margin-bottom:20px;}
    .box_section .img_about {width: 92%;}
    .box_section .img_about img {width: 100%; margin-bottom: 10px;}
    .box_section .img_about::before,
    .box_section .img_about::after {display: none;}

    .box_section ul.li_solution {display: block;}
    .box_section ul.li_solution li {width: 100%; margin-bottom: 30px;}
    .box_section ul.li_solution li:last-child {margin-bottom: 0;}
    .box_section ul.li_solution li p.txt_nayami {min-height: auto; padding-bottom: 20px; margin-bottom: 10px;}

    .box_function .left {width: 100%;}
    .box_function .right {width: 100%; margin-top: 20px;}

    .box_section .box_function {display: block;}
    .box_add ul {display: block;}
    .box_add ul li {width: 100%; margin-bottom: 20px !important;}
    .box_add ul li:last-child {margin-bottom: 0;}

    .box_roadmap {width: 94%; margin: auto 0;}
    .box_roadmap ul {padding: 25px 15px 15px;}
    .box_roadmap ul li {display: block;}
    .box_roadmap ul li p.index_roadmap_category { width: 100px; margin-top: 5px; margin-bottom: 5px;}

    ol.li_step {display: block;}
    ol.li_step li {width: 100%; text-align: left; display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
    ol.li_step li:last-child {margin-bottom: 0;}
    ol.li_step li p.step {width: 13%; margin: 0;}
    ol.li_step li img {width: 17%; height: auto; margin: 0;}
    ol.li_step li p {width: 60%;}

    .box_cv {margin-top: 0;}
    .box_cv p {width: 90%;}
    .box_cv ul {width: 50%; display: block;}
    .box_cv ul li {width: 100%; margin-right: 0; margin-bottom:20px; }
    .box_cv ul li:last-child {margin-bottom: 0;}

	.pr_point {
    	text-align: center;
    	height: auto;
		margin-bottom: 20px;
	}
}

 /* ----------------- トップページここまで ---------------- */

/* -----------------申し込みページ-------------- */

.form_mainvisual {
    width: 100%;
    padding: 50px 0;
    text-align: center;
}
.form_mainvisual h1 {
    font-size: 36px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    padding-bottom: 20px;
}
.form_mainvisual h1::after {
    content: "";
    display: block;
    position: absolute;
    width: 100px;
    height: 5px;
    background: #006D77;
    bottom: 0;
    left: 28%;
}
.document_section {
    width: 1200px;
    margin: 0 auto 200px auto;
}
.document_section .document_contents {
	display: inline-block;
    width: 60%;
    vertical-align: top;
}
.document_section .document_contents .document_merit {
    font-size: 20px;
    color: #006d77;
    margin-top: 24px;
}
.document_section .document_contents .document_points {
    background-color: #eaedf0;
    border-radius: 4px;
    font-size: 16px;
    line-height: 28px;
    margin-top: 16px;
    padding: 20px;
    font-weight: bold;
}
.document_section .document_contents .document_supplement {
    margin-top: 24px;
    font-size: 14px;
    line-height: 24px;
}
.box_form {
    display: inline-block;
    width: 30%;
    float: right;
}
.box_form_inquiry {
    display: block;
    width: 50%;
    margin: auto;
}
.apeal_section {
    background-color: #eaedf0;
    padding: 50px;
}
.apeal_section p {
    font-weight: bold;
    font-size: 30px;
    color: #006d77;
    text-align: center;
}
.apeal_section ul {
    margin-top: 24px;
    text-align: center;
}
.apeal_section ul li {
    display: inline-block;
}

@media screen and (max-width: 768px) {
    .box_form {display: block;width: 92%;margin: auto;float: none;}
    .box_form_inquiry {display: block;width: 92%;margin: auto;float: none;}
    .document_section {width:100%;}
    .document_section .document_contents {display: block;width: 92%;margin: auto;}
}



/* ======= お知らせ一覧 ========= */
.list_news_mainvisual {
    width: 100%;
    padding: 50px 0;
    text-align: center;
}
.list_news_mainvisual h1 {
    font-size: 36px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    padding-bottom: 20px;
}
.list_news_mainvisual h1::after {
    content: "";
    display: block;
    position: absolute;
    width: 100px;
    height: 5px;
    background: #006D77;
    bottom: 0;
    left: 28%;
}
.box_list_news {
    width: 900px;
    margin: 30px auto 50px;
}
.box_list_news ul li {
	display:flex;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #C0CBD6;
}
.box_list_news ul li:last-child {
	margin-bottom: 0;
}
.box_list_news ul li p.entrydata_date {
    font-weight: bold;
    color: #006D77;
    margin-right: 20px;
}
.box_list_news ul li p.index_news_category {
    border: 1px solid #006D77;
    padding: 3px 7px;
    font-size: 10px;
    color: #006D77;
    margin-right: 20px;
    min-width: 75px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .box_list_news {width: 92%;}
	.box_list_news ul li p.index_news_category {max-width:100px; }
}

/* ======= お知らせ一覧ここまで ========= */

/* ======= お知らせ詳細 =========== */
.box_news {
    width: 800px;
    margin: 0px auto 80px;
    padding-top: 60px;
}
.box_news h1 {
	font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}
.box_news .box_label {
	display:flex;
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom: 3px solid #C0CBD6;
}
.box_news .box_label p.entrydata__date {
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #C0CBD6;
}



@media screen and (max-width: 768px) {
    .box_news {width: 92%; padding-top:40px;}
	.box_news .body-text img.mt-image-center { width:100%; height:auto; }
}

/* ===========【プラン】用=========== */
.planAll {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    height: 1820px;
   
}

.planName {
    height: 100px;
    width: 1000px;
    margin-bottom: 20px;
}
.Plan {
    width: 1000px;
    height: 568px;
    display: flex;
    margin-bottom: 40px;
    text-align: center;
}
.businessPlan {
    width: 448px;
    height: 663px;
}
.enterprisePlan {
    width: 448px;
    height: 663px;
    margin-left: 40px;
}
.option {
    height: 151px;
    width: 1000px;
    margin-bottom: 40px;
}
.basicFunctions {
    height: 818px;
    width: 1000px;
    margin-bottom: 20px;
}