@charset "UTF-8"; #maruchi .bg-box-03 .box-05 .w-box .system-list > li img:hover { opacity: 1.0; }
@media screen and (min-width: 768px) {
 /* PC */ .seo_bread_list { margin-top: -18px; margin-bottom: 82px; }
/* system 一覧 -------------------------------------*/
  #maruchi .c-ttl-box { width: 1200px; margin: 0 auto; margin-bottom: 60px; padding-bottom: 40px; background-image: url(../images/maruchi/line-01.jpg); background-repeat: no-repeat; background-position: center bottom; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#maruchi .c-ttl-box .ttl { color: #000000; font-size: 40px; font-weight: 700; letter-spacing: 2px; line-height: 28px; padding-left: 55px; margin-right: 34px; }
#maruchi .c-ttl-box .course-area { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#maruchi .c-ttl-box .course-area > p { width: 126px; height: 41px; border-radius: 4px; color: #ffffff; font-size: 24px; font-weight: 500; letter-spacing: 2.4px; line-height: 1.6; text-align: center; padding-top: 1px; }
#maruchi .c-ttl-box .course-area .course-01 { background-color: #eb6800; margin-right: 16px; }
#maruchi .c-ttl-box .course-area .course-02 { background-color: #346633; }
#maruchi .bg-box { background-color: #fbf8e4; padding-top: 52px; padding-bottom: 80px; }
#maruchi .bg-box .box-01 { width: 1100px; margin: 0 auto; margin-bottom: 74px; padding-bottom: 80px; position: relative; }
#maruchi .bg-box .box-01 .ttl-box { }
#maruchi .bg-box .box-01 .ttl-box .s-ttl { color: #000000; font-size: 30px; font-weight: 500; letter-spacing: 1.5px; line-height: 28px; margin-bottom: 25px; background-image: url(../images/maruchi/ttl-deco-01.svg); background-repeat: no-repeat; background-position: 0 0; padding: 1px 0 1px 34px; }
#maruchi .bg-box .box-01 .ttl-box .abs-btn { position: absolute; bottom: 0px; left: 0; right: 0; }
#maruchi .bg-box .box-01 .ttl-box .btn-01 { text-align: center; width: 300px; height: 52px; margin: 0 auto; border-radius: 100px; background-color: #e5e5e5; position: relative; }
#maruchi .bg-box .box-01 .ttl-box .btn-01 a { display: block; width: 300px; height: 52px; border-radius: 100px; padding-top: 13px; padding-right: 13px; background-color: #ffffff; color: #000000; font-size: 18px; font-weight: 700; letter-spacing: 0.9px; line-height: 28px; background-image: url(../images/common/c-deco-02.svg); background-repeat: no-repeat; background-position: right 19px top 17px; position: absolute; left: 0px; top: -2px; -webkit-transition: 0.2s; transition: 0.2s; }
#maruchi .bg-box .box-01 .ttl-box .btn-01 a:hover { text-decoration: none; -webkit-transform: translate(0px, 4px); transform: translate(0px, 4px); -webkit-transition: 0.2s; transition: 0.2s; }
#maruchi .bg-box .box-01 .bd-box { width: 1100px; margin: 0 auto; border: 3px solid #2aace2; background-color: #ffffff; border-radius: 15px; padding-top: 16px; padding-bottom: 32px; }
#maruchi .bg-box .box-01 .bd-box .list { width: 890px; margin: 0 auto; }
#maruchi .bg-box .box-01 .bd-box .list > li { padding: 16px 16px; border-bottom: 1px dotted #000; }
#maruchi .bg-box .box-01 .bd-box .list > li a { text-decoration: none; }
#maruchi .bg-box .box-01 .bd-box .list > li a:hover .sys-ttl { text-decoration: underline; }
#maruchi .bg-box .box-01 .bd-box .list .flex-01 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#maruchi .bg-box .box-01 .bd-box .list .flex-01 .box-l { width: 143px; }
#maruchi .bg-box .box-01 .bd-box .list .flex-01 .box-r { width: calc(100% - 143px); }
#maruchi .bg-box .box-01 .bd-box .list .flex-01 .box-r .sys-ttl { color: #231f20; font-size: 16px; font-weight: 500; letter-spacing: 1.6px; }
#maruchi .bg-box .box-02 { width: 1100px; margin: 0 auto; }
#maruchi .bg-box .box-02 .s-ttl { color: #000000; font-size: 30px; font-weight: 500; letter-spacing: 1.5px; line-height: 28px; margin-bottom: 23px; background-image: url(../images/maruchi/ttl-deco-01.svg); background-repeat: no-repeat; background-position: 0 0; padding: 1px 0 1px 34px; }
#maruchi .bg-box .box-02 .table-box { width: 100%; border: 1px solid #ffd800; }
#maruchi .bg-box .box-02 .table-box .th-txt { width: 265px; background-color: #ffd800; border-bottom: 1px solid #ffffff; vertical-align: middle; text-align-last: left; padding-left: 34px; color: #000000; font-size: 18px; font-weight: 500; letter-spacing: 0.9px; line-height: 28px; padding-top: 20px; padding-bottom: 23px; }
#maruchi .bg-box .box-02 .table-box .td-txt { width: calc(100% - 265px); background-color: #ffffff; padding: 25px 28px 30px; color: #000000; font-size: 18px; font-weight: 500; letter-spacing: 0.9px; line-height: 28px; border-bottom: 1px solid #ffde26; }
#maruchi .bg-box .box-02 .table-box .td-txt .txt-01 { margin-bottom: 22px; }
#maruchi .bg-box .box-02 .table-box .td-txt .flex { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#maruchi .bg-box .box-02 .table-box .td-txt .flex .box-l { width: 600px; margin-right: 26px; }
#maruchi .bg-box .box-02 .table-box .td-txt .flex .box-l iframe { width: 100%; height: 400px; }
#maruchi .bg-box .box-02 .table-box .td-txt .flex .box-r { margin-top: 375px; }
#maruchi .bg-box .box-02 .table-box .td-txt .flex .box-r a { display: inline-block; font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 28px; padding-right: 16px; background-image: url(../images/maruchi/gaibu.svg); background-repeat: no-repeat; background-position: right 0 top 6px; }
#maruchi .bg-box-02 { padding-top: 65px; padding-bottom: 131px; }
#maruchi .bg-box-02 .box-03 { width: 1100px; margin: 0 auto; }
#maruchi .bg-box-02 .box-03 .ttl { color: #000000; font-size: 30px; font-weight: 500; letter-spacing: 1.5px; line-height: 28px; margin-bottom: 35px; background-image: url(../images/maruchi/ttl-deco-01.svg); background-repeat: no-repeat; background-position: 0 0; padding: 1px 0 1px 34px; }
#maruchi .bg-box-02 .box-03 .parent-container .list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#maruchi .bg-box-02 .box-03 .parent-container .list > li { width: 260px; margin-right: 20px; margin-bottom: 20px; position: relative; }
#maruchi .bg-box-02 .box-03 .parent-container .list > li:nth-child(4n) { margin-right: 0px; }
#maruchi .bg-box-02 .box-03 .parent-container .list > li a > img { width: 260px; height: 170px; }
#maruchi .bg-box-02 .box-03 .parent-container .list > li .deco { position: absolute; bottom: 0; right: 0; }
#maruchi .bg-box-02 .box-04 { width: 1100px; border-radius: 30px; border: 3px solid #ffd800; background-color: #ffffff; margin: 0 auto; margin-top: 79px; }
#maruchi .bg-box-02 .box-04 .ttl-box-01 { background-color: #ffd800; border-radius: 30px 30px 0 0; position: relative; top: -2px; text-align: center; padding-top: 28px; padding-bottom: 22px; }
#maruchi .bg-box-02 .box-04 .ttl-box-01 .ttl { color: #000000; font-size: 26px; font-weight: 700; letter-spacing: 4.2px; }
#maruchi .bg-box-02 .box-04 .ttl-box-01 .txt-01 { position: absolute; color: #000000; font-size: 14px; font-weight: 500; letter-spacing: normal; line-height: normal; position: absolute; right: 218px; top: 31px; }
#maruchi .bg-box-02 .box-04 .ttl-box-01 .txt-02 { position: absolute; color: #000000; font-size: 14px; font-weight: 500; letter-spacing: normal; line-height: normal; position: absolute; right: 39px; top: 31px; }
#maruchi .bg-box-02 .box-04 .bbox { margin-top: 12px; margin-right: 24px; font-size: 16px; margin-bottom: -24px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
#maruchi .bg-box-02 .box-04 .bbox p:nth-child(1) { margin-right: 1em; }
#maruchi .bg-box-02 .box-04 .bnr-box { padding: 48px 50px 40px; }
#maruchi .bg-box-02 .box-04 .bnr-box .fb-box { width: 970px; margin: 0 auto; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-around; }
#maruchi .bg-box-02 .box-04 .bnr-box .bnr-01 { width: 302px; }
#maruchi .bg-box-02 .box-04 .bnr-box .bnr-02 { width: 302px; }
#maruchi .bg-box-02 .box-04 .bnr-box .bnr-03 { width: 302px; }
#maruchi .bg-box-02 .box-04.ano .bnr-box .bnr-01 { width: 441px; }
#maruchi .bg-box-03 { background-color: #2589c1; padding-bottom: 100px; padding-top: 100px; }
#maruchi .bg-box-03 .box-05 { width: 1200px; margin: -100px auto 0; }
#maruchi .bg-box-03 .box-05 .ttl-box { position: relative; padding-top: 70px; padding-bottom: 52px; }
#maruchi .bg-box-03 .box-05 .ttl-box .ttl { color: #ffffff; font-size: 30px; font-weight: 700; letter-spacing: 1.5px; line-height: 28px; text-align: center; }
#maruchi .bg-box-03 .box-05 .ttl-box .deco-01 { position: absolute; top: -112px; left: 87px; }
#maruchi .bg-box-03 .box-05 .ttl-box .deco-02 { position: absolute; top: -95px; right: 88px; }
#maruchi .bg-box-03 .box-05 .w-box { width: 1200px; border-radius: 30px; background-color: #ffffff; padding: 50px 50px 11px; margin-bottom: 111px; }
#maruchi .bg-box-03 .box-05 .w-box .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#maruchi .bg-box-03 .box-05 .w-box .system-list > li { width: 200px; margin-right: 25px; margin-bottom: 40px; }
#maruchi .bg-box-03 .box-05 .w-box .system-list > li:nth-child(5n) { margin-right: 0px; }
#maruchi .bg-box-03 .box-05 .w-box .system-list .system-pic.fit { width: 200px; margin-bottom: 11px; }
#maruchi .bg-box-03 .box-05 .w-box .system-list .system-pic.fit img { width: 100%; height: 170px; }
#maruchi .bg-box-03 .box-05 .w-box .system-list .system-ttl-01 { border-left: 3px solid #2aace2; padding-left: 6px; color: #000000; font-size: 20px; font-weight: 700; letter-spacing: 1px; line-height: 28px; letter-spacing: normal; line-height: normal; margin-bottom: 4px; }
#maruchi .bg-box-03 .box-05 .w-box .system-list .system-ttl-01 .ss { font-size: 14px; font-weight: 500; display: block; margin-top: -2px; }
#maruchi .bg-box-03 .box-05 .w-box .system-list .sys-txt-box { color: #000000; font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 20px; }
#maruchi .bg-box-03 .box-06 { width: 1100px; margin: 0 auto; width: 1100px; border-radius: 30px; border: 10px solid #056398; background-color: #ffffff; padding: 64px 32px 76px 32px; position: relative; }
#maruchi .bg-box-03 .box-06 .ttl { width: 462px; margin: 0 auto; padding: 11px 5px 7px 5px; border-radius: 39px; background-color: #056398; position: absolute; left: 0; right: 0; top: -51px; color: #ffffff; font-size: 30px; font-weight: 700; letter-spacing: 3px; line-height: 54px; text-align: center; }
#maruchi .bg-box-03 .box-06 .sttl-01 { text-align: center; margin-bottom: -7px; }
#maruchi .bg-box-03 .box-06 .sttl-01 .ss { color: #e63c27; font-size: 44px; font-weight: 700; letter-spacing: normal; line-height: normal; margin-right: 16px; }
#maruchi .bg-box-03 .box-06 .sttl-01 .ss2 { color: #000000; font-size: 26px; font-weight: 700; letter-spacing: normal; line-height: normal; }
#maruchi .bg-box-03 .box-06 .txt-01 { color: #000000; font-size: 16px; font-weight: 500; letter-spacing: 1.6px; line-height: 28px; text-align: center; padding-bottom: 30px; margin-bottom: 93px; background-image: url(../images/maruchi/line-02.jpg); background-repeat: no-repeat; background-position: center bottom; }
#maruchi .bg-box-03 .box-06 .btn-01 { text-align: center; width: 783px; height: 137px; margin: 0 auto; border-radius: 100px; background-color: #756718; position: relative; }
#maruchi .bg-box-03 .box-06 .btn-01 a { display: block; border-radius: 80px; width: 783px; height: 137px; position: absolute; left: -65px; top: -29px; -webkit-transition: 0.2s; transition: 0.2s; }
#maruchi .bg-box-03 .box-06 .btn-01 a:hover img { opacity: 1.0; }
#maruchi .bg-box-03 .box-06 .btn-01 a:hover { text-decoration: none; -webkit-transform: translate(0px, 8px); transform: translate(0px, 8px); -webkit-transition: 0.2s; transition: 0.2s; }
/* system 詳細 -------------------------------------*/
  .bg-box-dl { background-color: #e6f2ef; padding-top: 70px; padding-bottom: 34px; }
.bg-box-dl .w-box { width: 1000px; margin: 0 auto; border-radius: 20px; background-color: #ffffff; padding: 24px 5px 40px 5px; }
.bg-box-dl .w-box .list { width: 890px; margin: 0 auto; }
.bg-box-dl .w-box .list > li { padding: 16px 16px; border-bottom: 1px dotted #000; }
.bg-box-dl .w-box .list > li a { text-decoration: none; }
.bg-box-dl .w-box .list > li a:hover .sys-ttl { text-decoration: underline; }
.bg-box-dl .w-box .list .flex-01 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bg-box-dl .w-box .list .flex-01 .box-l { width: 143px; }
.bg-box-dl .w-box .list .flex-01 .box-r { width: calc(100% - 143px); }
.bg-box-dl .w-box .list .flex-01 .box-r .sys-ttl { color: #231f20; font-size: 16px; font-weight: 500; letter-spacing: 1.6px; }
.bg-box-dl .w-box-dl { width: 1000px; margin: 0 auto; margin-top: -20px; border-radius: 20px; background-color: #ffffff; padding: 24px 0px 48px 0px; }
.bg-box-dl .w-box-dl .sys-ttl-box { padding: 19px 43px 31px 69px; border-bottom: 3px solid #e8e8e8; margin-bottom: 54px; }
.bg-box-dl .w-box-dl .sys-date { color: #231f20; font-size: 20px; font-weight: 500; letter-spacing: 2px; line-height: normal; margin-bottom: 10px; }
.bg-box-dl .w-box-dl .sys-ttl { color: #231f20; font-size: 30px; font-weight: 700; letter-spacing: 3px; line-height: 50px; }
.bg-box-dl .w-box-dl .wysiwyg { width: 860px; margin: 0 auto; }
.bg-box-dl .w-box-dl .sys-pdf { text-align: center; width: 262px; height: 62px; margin: 0 auto; margin-top: 48px; border-radius: 100px; background-color: #e5e5e5; position: relative; }
.bg-box-dl .w-box-dl .sys-pdf a { width: 262px; margin: 0 auto; display: block; position: absolute; top: -2px; border-radius: 31px; background-color: #f5f5f5; }
.bg-box-dl .w-box-dl .sys-pdf a:hover { text-decoration: none; -webkit-transform: translate(0px, 4px); transform: translate(0px, 4px); -webkit-transition: 0.2s; transition: 0.2s; }
.bg-box-03.dl { padding-top: 118px; }
.dl-return { background-color: #e6f2ef; padding-top: 80px; padding-bottom: 80px; text-align: center; }
.dl-return .btn a { width: 640px; display: inline-block; border-radius: 80px; border: 1px solid #2589c1; background-color: #ffffff; padding: 24px 48px 22px 48px; font-size: 20px; font-weight: 500; letter-spacing: normal; line-height: normal; }
.dl-return .btn a .ll { text-align-last: left; display: inline-block; }
#maruchi .oo-txt-box { padding-top: 0; margin-top: -24px; }
#maruchi .oo-bg-box { background-color: #2589c1; padding-top: 40px; }
#maruchi .form-Box table { border: 3px solid #2589c1; border-left: none; border-right: none; border-bottom: none; }
#maruchi .form-Box th { border: 1px solid #2589c1; background-color: #d3effc; border-left: none; border-right: none; }
#maruchi .form-Box td { border: 1px solid #2589c1; border-left: none; border-right: none; }
.maruchi-form-ttl { color: #ffffff; font-size: 20px; font-weight: 700; letter-spacing: 2px; text-align: center; margin-bottom: 27px; }
 }
@media screen and (max-width: 767px) {
 /* SP */ /* system 一覧 -------------------------------------*/ #maruchi .c-ttl-box { width: 92vw; margin: 0 auto; min-height: 18.116vw; position: relative; margin-bottom: 7.729vw; padding-bottom: 3.14vw; padding-right: 28.986vw; background-image: url(../images/common/sp-h-bg-01.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: contain; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#maruchi .c-ttl-box .ttl { color: #000000; font-size: 4.831vw; font-weight: 700; letter-spacing: 0.242vw; line-height: 6.039vw; /* padding-left: 13.285vw; */
      /* margin-right: 8.213vw; */ }
#maruchi .c-ttl-box .course-area { width: 24vw; position: absolute; right: 0; top: 0; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#maruchi .c-ttl-box .course-area > p { width: 24vw; border-radius: 0.966vw; color: #ffffff; font-size: 3.623vw; font-weight: 500; letter-spacing: 0.242vw; line-height: 1.6; text-align: center; padding-top: 0.483vw; padding-bottom: 0.483vw; margin-bottom: 1.208vw; }
#maruchi .c-ttl-box .course-area .course-01 { background-color: #eb6800; /* margin-right: 3.865vw; */ }
#maruchi .c-ttl-box .course-area .course-02 { background-color: #346633; }
#maruchi .bg-box { background-color: #fbf8e4; padding-top: 7.729vw; padding-bottom: 11.594vw; padding-left: 3vw; padding-right: 3vw; }
#maruchi .bg-box .box-01 { width: 100%; margin: 0 auto; margin-bottom: 11.594vw; padding-bottom: 20vw; position: relative; }
#maruchi .bg-box .box-01 .ttl-box { }
#maruchi .bg-box .box-01 .ttl-box .s-ttl { color: #000000; font-size: 4.348vw; font-weight: 500; letter-spacing: 0.29vw; line-height: 6.763vw; margin-bottom: 2.899vw; background-image: url(../images/maruchi/ttl-deco-01.svg); background-repeat: no-repeat; background-position: 0px 0.894vw; background-size: 5vw; padding: 0.242vw 0 0.242vw 6.763vw; }
#maruchi .bg-box .box-01 .ttl-box .abs-btn { position: absolute; bottom: 0vw; right: 0; left: 0; }
#maruchi .bg-box .box-01 .ttl-box .btn-01 { text-align: center; width: 70%; height: 12.56vw; margin: 0 auto; border-radius: 24.155vw; background-color: #e5e5e5; position: relative; }
#maruchi .bg-box .box-01 .ttl-box .btn-01 a { display: block; width: 100%; height: 12.56vw; border-radius: 24.155vw; padding-top: 3.14vw; padding-right: 3.14vw; background-color: #ffffff; color: #000000; font-size: 4.348vw; font-weight: 700; letter-spacing: 0.217vw; line-height: 6.763vw; background-image: url(../images/common/c-deco-02.svg); background-repeat: no-repeat; background-position: right 4.589vw top 4.106vw; position: absolute; left: 0px; top: -0.483vw; -webkit-transition: 0.2s; transition: 0.2s; }
#maruchi .bg-box .box-01 .ttl-box .btn-01 a:hover { text-decoration: none; -webkit-transform: translate(0px, 4px); transform: translate(0px, 4px); -webkit-transition: 0.2s; transition: 0.2s; }
#maruchi .bg-box .box-01 .bd-box { width: 100%; margin: 0 auto; border: 2px solid #2aace2; background-color: #ffffff; border-radius: 3.623vw; padding-top: 1.449vw; padding-bottom: 7.729vw; }
#maruchi .bg-box .box-01 .bd-box .list { width: 80vw; margin: 0 auto; }
#maruchi .bg-box .box-01 .bd-box .list > li { padding: 3.865vw 0px; border-bottom: 1px dotted #000; }
#maruchi .bg-box .box-01 .bd-box .list > li a { text-decoration: none; }
#maruchi .bg-box .box-01 .bd-box .list > li a:hover .sys-ttl { text-decoration: underline; }
#maruchi .bg-box .box-01 .bd-box .list .flex-01 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#maruchi .bg-box .box-01 .bd-box .list .flex-01 .box-l { width: 100%; letter-spacing: .5px; }
#maruchi .bg-box .box-01 .bd-box .list .flex-01 .box-r { width: 100%; }
#maruchi .bg-box .box-01 .bd-box .list .flex-01 .box-r .sys-ttl { color: #231f20; font-size: 3.623vw; font-weight: 500; letter-spacing: 0.193vw; line-height: 1.5; }
#maruchi .bg-box .box-02 { width: 100%; margin: 0 auto; }
#maruchi .bg-box .box-02 .s-ttl { color: #000000; font-size: 4.348vw; font-weight: 500; letter-spacing: 0.29vw; line-height: 6.763vw; margin-bottom: 2.899vw; background-image: url(../images/maruchi/ttl-deco-01.svg); background-repeat: no-repeat; background-position: 0px 0.894vw; background-size: 5vw; padding: 0.242vw 0 0.242vw 6.763vw; }
#maruchi .bg-box .box-02 .table-box { width: 100%; border: 1px solid #ffd800; }
#maruchi .bg-box .box-02 .table-box .th-txt { width: 100%; display: block; background-color: #ffd800; border-bottom: 1px solid #ffffff; vertical-align: middle; text-align-last: left; padding: 3.382vw 3.865vw; color: #000000; font-size: 3.623vw; font-weight: 500; letter-spacing: 0.217vw; line-height: 1.5; }
#maruchi .bg-box .box-02 .table-box .td-txt { width: 100%; display: block; background-color: #ffffff; padding: 3.382vw 3.865vw; color: #000000; font-size: 3.623vw; font-weight: 500; letter-spacing: 0.217vw; line-height: 1.5; border-bottom: 1px solid #ffde26; }
#maruchi .bg-box .box-02 .table-box .td-txt .txt-01 { margin-bottom: 3.865vw; }
#maruchi .bg-box .box-02 .table-box .td-txt .flex { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#maruchi .bg-box .box-02 .table-box .td-txt .flex .box-l { width: 100%; margin-bottom: 1.932vw; }
#maruchi .bg-box .box-02 .table-box .td-txt .flex .box-r a { display: inline-block; font-size: 3.623vw; font-weight: 500; letter-spacing: 0.097vw; line-height: 6.763vw; padding-right: 3.865vw; background-image: url(../images/maruchi/gaibu.svg); background-repeat: no-repeat; background-position: right 0 top 1.449vw; }
#maruchi .bg-box-02 { padding-top: 9.662vw; padding-bottom: 17.391vw; padding-left: 3vw; padding-right: 3vw; }
#maruchi .bg-box-02 .box-03 { width: 100%; margin: 0 auto; }
#maruchi .bg-box-02 .box-03 .ttl { color: #000000; font-size: 4.348vw; font-weight: 500; letter-spacing: 0.29vw; line-height: 6.763vw; margin-bottom: 2.899vw; background-image: url(../images/maruchi/ttl-deco-01.svg); background-repeat: no-repeat; background-position: 0px 0.894vw; background-size: 5vw; padding: 0.242vw 0 0.242vw 6.763vw; }
#maruchi .bg-box-02 .box-03 .parent-container .list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#maruchi .bg-box-02 .box-03 .parent-container .list > li { width: 32%; margin-right: 2%; margin-bottom: 2%; position: relative; }
#maruchi .bg-box-02 .box-03 .parent-container .list > li:nth-child(3n) { margin-right: 0px; }
#maruchi .bg-box-02 .box-03 .parent-container .list > li a > img { width: 100%; height: 20.531vw; }
#maruchi .bg-box-02 .box-03 .parent-container .list > li .deco { width: 4vw; position: absolute; bottom: 0; right: 0; }
#maruchi .bg-box-02 .box-04 { width: 100%; border-radius: 3.865vw; border: 3px solid #ffd800; background-color: #ffffff; margin: 0 auto; margin-top: 11.594vw; }
#maruchi .bg-box-02 .box-04 .ttl-box-01 { background-color: #ffd800; border-radius: 3.865vw 3.865vw 0 0; position: relative; top: -0.483vw; text-align: center; padding-top: 3.865vw; padding-bottom: 2.415vw; }
#maruchi .bg-box-02 .box-04 .ttl-box-01 .ttl { color: #000000; font-size: 4.831vw; font-weight: 700; letter-spacing: 0.531vw; margin-bottom: 0.725vw; }
#maruchi .bg-box-02 .box-04 .ttl-box-01 .txt-01 { color: #000000; font-size: 3.623vw; font-weight: 500; letter-spacing: normal; line-height: normal; margin-bottom: -0.725vw; }
#maruchi .bg-box-02 .box-04 .ttl-box-01 .txt-02 { color: #000000; font-size: 3.623vw; font-weight: 500; letter-spacing: normal; line-height: normal; }
#maruchi .bg-box-02 .box-04 .bnr-box { padding: 5.797vw 12.077vw 5.797vw; }
#maruchi .bg-box-02 .box-04 .bnr-box .fb-box { width: 59.783vw; margin: 0 auto; }
#maruchi .bg-box-02 .box-04 .bnr-box .bnr-01 { width: 100%; margin-bottom: 3vw; }
#maruchi .bg-box-02 .box-04 .bnr-box .bnr-02 { width: 100%; margin-bottom: 3vw; }
#maruchi .bg-box-02 .box-04 .bbox { margin-top: 8px; margin-bottom: -12px; font-size: 14px; text-align: center; line-height: normal; }
#maruchi .bg-box-03 { background-color: #2589c1; padding-bottom: 11.594vw; padding-left: 3vw; padding-right: 3vw; padding-top: 12vw; }
#maruchi .bg-box-03 .box-05 { width: 100%; margin: -12vw auto 0; }
#maruchi .bg-box-03 .box-05 .ttl-box { position: relative; padding-top: 9.662vw; padding-bottom: 8.454vw; }
#maruchi .bg-box-03 .box-05 .ttl-box .ttl { color: #ffffff; font-size: 4.831vw; font-weight: 700; letter-spacing: 0.242vw; line-height: 3.382vw; text-align: center; }
#maruchi .bg-box-03 .box-05 .ttl-box .deco-01 { width: 25.604vw; position: absolute; top: -5.314vw; left: 3.14vw; }
#maruchi .bg-box-03 .box-05 .ttl-box .deco-02 { width: 22.705vw; position: absolute; top: -4.106vw; right: 3.382vw; }
#maruchi .bg-box-03 .box-05 .w-box { width: 100%; border-radius: 3.623vw; background-color: #ffffff; padding: 5.797vw 3.865vw 1.932vw; margin-bottom: 17.391vw; }
#maruchi .bg-box-03 .box-05 .w-box .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#maruchi .bg-box-03 .box-05 .w-box .system-list > li { width: 48%; margin-right: 4%; margin-bottom: 5%; }
#maruchi .bg-box-03 .box-05 .w-box .system-list > li:nth-child(2n) { margin-right: 0px; }
#maruchi .bg-box-03 .box-05 .w-box .system-list .system-pic.fit { width: 100%; margin-bottom: 2.657vw; }
#maruchi .bg-box-03 .box-05 .w-box .system-list .system-pic.fit img { width: 100%; height: 35.266vw; }
#maruchi .bg-box-03 .box-05 .w-box .system-list .system-ttl-01 { border-left: 3px solid #2aace2; padding-left: 1.449vw; color: #000000; font-size: 4.106vw; font-weight: 700; letter-spacing: 0.242vw; line-height: 6.763vw; letter-spacing: normal; line-height: normal; margin-bottom: 0.966vw; }
#maruchi .bg-box-03 .box-05 .w-box .system-list .system-ttl-01 .ss { font-size: 3.14vw; font-weight: 500; display: block; margin-top: 0px; }
#maruchi .bg-box-03 .box-05 .w-box .system-list .sys-txt-box { color: #000000; font-size: 3.623vw; font-weight: 500; letter-spacing: 0.193vw; line-height: 4.831vw; }
#maruchi .bg-box-03 .box-06 { width: 100%; margin: 0 auto; width: 100%; border-radius: 3.623vw; border: 5px solid #056398; background-color: #ffffff; padding: 9.662vw 4.106vw 9.662vw 4.106vw; position: relative; }
#maruchi .bg-box-03 .box-06 .ttl { width: 55.797vw; margin: 0 auto; padding: 2.899vw 0px 2.899vw 0px; border-radius: 9.42vw; background-color: #056398; position: absolute; left: 0; right: 0; top: -6.039vw; color: #ffffff; font-size: 3.623vw; font-weight: 700; letter-spacing: 0.725vw; line-height: 1.5; text-align: center; }
#maruchi .bg-box-03 .box-06 .sttl-01 { text-align: center; margin-bottom: -1.691vw; }
#maruchi .bg-box-03 .box-06 .sttl-01 .ss { color: #e63c27; font-size: 5.314vw; font-weight: 700; letter-spacing: normal; line-height: 1.5; display: block; }
#maruchi .bg-box-03 .box-06 .sttl-01 .ss2 { color: #000000; font-size: 3.623vw; font-weight: 700; letter-spacing: normal; line-height: 1.5; display: block; margin-bottom: 4vw; }
#maruchi .bg-box-03 .box-06 .txt-01 { color: #000000; font-size: 3.623vw; font-weight: 500; letter-spacing: 0.386vw; line-height: 5.797vw; text-align: center; padding-bottom: 4.348vw; margin-bottom: 9.662vw; background-image: url(../images/common/sp-h-bg-01.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: 100%; }
#maruchi .bg-box-03 .box-06 .btn-01 { text-align: center; width: 79.831vw; height: 22.826vw; margin: 0 auto; border-radius: 24.155vw; background-color: #756718; position: relative; left: 1.208vw; }
#maruchi .bg-box-03 .box-06 .btn-01 a { display: block; border-radius: 19.324vw; width: 85.145vw; height: 22.826vw; position: absolute; left: -5.314vw; top: -0.725vw; -webkit-transition: 0.2s; transition: 0.2s; }
#maruchi .bg-box-03 .box-06 .btn-01 a:hover img { opacity: 1.0; }
#maruchi .bg-box-03 .box-06 .btn-01 a:hover { text-decoration: none; -webkit-transform: translate(0px, 3.5px); transform: translate(0px, 3.5px); -webkit-transition: 0.2s; transition: 0.2s; }
/* system 詳細 -------------------------------------*/
  .bg-box-dl { background-color: #e6f2ef; padding-top: 7.729vw; padding-bottom: 11.594vw; padding-left: 3vw; padding-right: 3vw; }
.bg-box-dl .w-box { width: 100%; margin: 0 auto; border-radius: 4.831vw; background-color: #ffffff; padding-top: 1.449vw; padding-bottom: 7.729vw; }
.bg-box-dl .w-box .list { width: 80vw; margin: 0 auto; }
.bg-box-dl .w-box .list > li { padding: 3.865vw 0px; border-bottom: 1px dotted #000; }
.bg-box-dl .w-box .list > li a { text-decoration: none; }
.bg-box-dl .w-box .list > li a:hover .sys-ttl { text-decoration: underline; }
.bg-box-dl .w-box .list .flex-01 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bg-box-dl .w-box .list .flex-01 .box-l { width: 100%; letter-spacing: .5px; }
.bg-box-dl .w-box .list .flex-01 .box-r { width: 100%; }
.bg-box-dl .w-box .list .flex-01 .box-r .sys-ttl { color: #231f20; font-size: 3.623vw; font-weight: 500; letter-spacing: 0.193vw; line-height: 1.5; }
.bg-box-03.dl { padding-top: 13.527vw; }
.bg-box-dl .w-box-dl { width: 100%; margin: 0 auto; border-radius: 4.831vw; background-color: #ffffff; padding-top: 1.449vw; padding-bottom: 8.729vw; margin-top: -1.449vw; }
.bg-box-dl .w-box-dl .sys-ttl-box { padding: 3.382vw 5.797vw 3.14vw 5.797vw; border-bottom: 3px solid #e8e8e8; margin-bottom: 4.348vw; }
.bg-box-dl .w-box-dl .sys-date { color: #231f20; font-size: 3.865vw; font-weight: 500; letter-spacing: 0.362vw; line-height: normal; margin-bottom: 0.725vw; }
.bg-box-dl .w-box-dl .sys-ttl { color: #231f20; font-size: 4.348vw; font-weight: 700; letter-spacing: 0.725vw; line-height: 1.6; }
.bg-box-dl .w-box-dl .wysiwyg { width: 80vw; margin: 0 auto; }
.bg-box-dl .w-box-dl .sys-pdf { text-align: center; width: 63.285vw; height: 14.976vw; margin: 0 auto; margin-top: 7.729vw; border-radius: 24.155vw; background-color: #e5e5e5; position: relative; }
.bg-box-dl .w-box-dl .sys-pdf a { width: 63.285vw; margin: 0 auto; display: block; position: absolute; top: -0.483vw; border-radius: 7.488vw; background-color: #f5f5f5; }
.bg-box-dl .w-box-dl .sys-pdf a:hover { text-decoration: none; -webkit-transform: translate(0px, 4px); transform: translate(0px, 4px); -webkit-transition: 0.2s; transition: 0.2s; }
.bg-box-03.dl { /* padding-top: 28.502vw; */ }
#maruchi .oo-txt-box { padding-top: 0; }
#maruchi .oo-bg-box { background-color: #2589c1; padding-top: 6.28vw; }
#maruchi .form-Box table { border: 3px solid #2589c1; border-left: none; border-right: none; border-bottom: none; }
#maruchi .form-Box th { border: 1px solid #2589c1; background-color: #d3effc; border-left: none; border-right: none; }
#maruchi .form-Box td { border: 1px solid #2589c1; border-left: none; border-right: none; }
.maruchi-form-ttl { color: #ffffff; font-size: 4.348vw; font-weight: 700; letter-spacing: 0.483vw; text-align: center; margin-bottom: 4.831vw; }
.dl-return { background-color: #e6f2ef; padding-top: 9.662vw; padding-bottom: 10.87vw; text-align: center; }
.dl-return .btn a { display: inline-block; min-width: 84.541vw; margin: 0 auto; border-radius: 12.077vw; border: 1px solid #2589c1; background-color: #ffffff; padding: 3.382vw 5.797vw 2.899vw 5.797vw; font-size: 3.865vw; font-weight: 500; letter-spacing: normal; line-height: normal; }
.dl-return .btn a .ll { text-align-last: left; display: inline-block; }
 }
/*# sourceMappingURL=page-maruchi.css.map */