.mv{ width: calc(100% - 80px); height: 300px; margin: 90px auto 10px; background-repeat: no-repeat; background-size: cover; background-image: url(../images/common/mv01.jpg); background-position: center; }
.mv.designer{ background-image: url(../images/designer/mv01.jpg); }

.pankuzu{ width: 1000px; margin: 0 auto; position: relative; z-index: 5; }
.pankuzu li{ font-family: inherit; font-size: 10px; display: inline-block; }
.pankuzu li:not(:last-of-type):after{ content: '/'; }

main{ display: block; width: 800px; margin: 90px auto; position: relative; z-index: 2; }

main h1.marcellus{ font-size: 200px; color: #fbfbfb; letter-spacing: 0; line-height: 60%; position: absolute; left: 120px; top: -300px; text-align: right; white-space: nowrap; z-index: -1; }
main h1.marcellus:first-letter{ font-size: 260px; }
main > h2{ font-size: 30px; text-align: center; margin: 140px 0 90px; }
main > p{ margin-bottom: 1.5em; }
main p{ line-height: 2; }
main > p.center{ text-align: center; }
main > a.btn.center{ margin: 40px auto 60px; }

main h1 + *{ margin-top: 0; }


/*** designer ***/

.profile-ceo{ display: flex; margin-bottom: 50px; justify-content: space-between; padding-bottom: 44px; border-bottom: solid 1px #f2f2f2; }
.profile-ceo > .left{ width: 360px; }
.profile-ceo > .right{ width: 360px; }
.profile-ceo > .left .row{ border-bottom: solid 1px #f2f2f2; padding-bottom: 25px; }
.profile-ceo > .left .row, .staff-list > li .row{ display: flex; justify-content: space-between; align-items: flex-end; }
.profile-ceo > .left .row img,
.staff-list > li .row .img{ width: 150px; display: block; }
.staff-list > li .row .name{ width: 190px; white-space: nowrap; }
.profile-ceo > .left .row .name h2, .staff-list > li .row .name h2{ font-size: 22px; line-height: 1.4; margin-bottom: 20px; }
.profile-ceo > .left .row .name h2 span,
.staff-list > li .row .name h2 span{ font-size: 12px; display: block; }
.profile-ceo > .left .row .name ul li,
.staff-list > li .row .name ul li{ font-size: 10px; font-weight: 400; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }
.profile-ceo > .left p, .staff-list > li p{ font-weight: 400; line-height: 2; margin-top: 20px; }
.profile-ceo > .right dt{ font-size: 10px; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; color: #fff; text-align: center; background: #888; padding: 3px; margin-bottom: 20px; }
.profile-ceo > .right dd{ margin-bottom: 30px; }
.profile-ceo > .right dd:last-of-type{ margin-bottom: 0; }
.profile-ceo > .right dd table{ width: 100%; border-collapse: separate; border-spacing: 0px 4px; }
.profile-ceo > .right dd ul li{ font-size: 10px; font-weight: 400; line-height: 2; letter-spacing: 0; font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; }
.profile-ceo > .right dd table th, .profile-ceo > .right dd table td{ font-size: 10px; font-weight: 400; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }
.profile-ceo > .right dd table th{ white-space: nowrap; letter-spacing: 0; padding-right: 1em; }

.staff-list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.staff-list > li{ width: 50%; margin-bottom: 50px; padding-bottom: 40px; border-bottom: solid 1px #f2f2f2; }
.staff-list > li.no-border{ border: none; margin-bottom: 0; }
.staff-list > li:nth-of-type(odd){ padding-right: 40px; }
.staff-list > li:nth-of-type(even){ padding-left: 40px; }
.staff-list > li .row{ align-items: center; margin-bottom: 20px; }
.staff-list > li p{ font-size: 13px; /*word-break: break-all; */margin-top: 0; }
.staff-list > li h3{ font-size: 10px; color: #fff; text-align: center; background: #888; padding: 3px; margin-bottom: 20px; }
.staff-list > li h3 + p{ margin-top: 0; }
.staff-list > li p + p{ margin-top: 2em; }
.staff-list > li p.soon{ font-size: 20px; text-align: center; letter-spacing: 0; }


/*** privacy ***/

.privacy{ margin-top: 60px; }
.privacy dt{ font-size: 18px; margin-bottom: .4em; padding-bottom: .4em; border-bottom: solid 1px #f2f2f2; }
.privacy dd + dt{ margin-top: 1.8em; }
.privacy dd{ font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }

/*** contact ***/

main p a.tel{ display: table; font-size: 22px; margin: 0 auto; padding-left: 20px; background: url(../images/common/icon-tel01.png) no-repeat; background-size: 13px; background-position: left center }

.form-content{ margin-top: 40px; }
.form-content *{ font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }
.form-content table{ width: 100%; }
.form-content table th, .form-content table td{ border: solid 1px #cccccc; padding: 10px 20px; font-weight: 400; }
.form-content table th{ white-space: nowrap; background: #f2f2f2; vertical-align: top; width: 250px; }
.form-content table th.border-top0, .form-content table td.border-top0{ border-top: none; }
.form-content table td input[type="text"], .form-content table td input[type="tel"], .form-content table td input[type="email"], .form-content table td input[type="date"], .form-content table td textarea{ width: 100%; border: none; background: #f2f2f2; }
.reauest-form table th{ width: 260px; }
.form-content table td.date-cell input[type="text"], .form-content table td.resev input[type="text"], .form-content table td input.date-width{ width: 60px; text-align: center; }
.form-content table td.border-bottom0, .form-content table th.border-bottom0{ border-bottom: none; }
.submit-wrap{ background: #cccccc; width: 100%; height: 100px; display: flex; /*justify-content: center;*/ align-items: center; }
.form-content table td label{ display: inline-block; }
input[type="submit"],
input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration { display: none; }
input[type="submit"]::focus,
input[type="button"]::focus { outline-offset: -2px; }
.form-content select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: transparent; width: 500px; border: solid 1px #ccc; border-radius: 0; padding: 6px 30px; background: url(../images/common/select01.png) no-repeat; background-size: contain; background-position: right; font-size: inherit; font-weight: inherit; }
.form-content select::-ms-expand { display: none; }
.form-content select.school-history{ width: 150px; margin-left: .4em; }
.submit-wrap input[type="submit"]{ width: 170px; height: 50px; background: #231815; color: #fff; font-size: 14px; display: flex; justify-content: center; align-items: center; margin: 0 auto; text-align: center; }
.form-content small{ font-weight: 400; font-size: 10px; margin-top: 40px; display: block; }
.use-floating-validation-tip .wpcf7-not-valid-tip{ min-width: 300px; display: block; }
.form-content .hide{ padding-top: 50px; }
.form-content .hide h3{ font-size: 16px; text-align: center; margin-bottom: 20px; }

.form-content table .catalog_btn{ margin-left: 20px; font-weight: 400;}
.form-content table .catalog_btn span{ text-decoration: underline;}
.form-content table th span.point_text{ font-size:11px; color:#F00; letter-spacing:0;}


/********/

table.normal{ width: 100%; margin: 50px 0; }
table.normal th{ white-space: nowrap; padding: 1em 3em 1em 0; border-bottom: solid 1px #e6e6e6; }
table.normal td{ padding: 1em 0; border-bottom: solid 1px #e6e6e6; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-size: 13px; line-height: 2; }
table.normal td p{ margin-bottom: 1.5em; font-family: inherit; font-size: inherit; }


/*** recruit ***/

.recruit-movie{ display: block; margin: 40px auto; width: 100%; }
.recruit-main{ margin-bottom: 30px; position: relative; }
.recruit-main .mask{ display: block; width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: 2; }
.recruit-main dt{ text-align: center; margin-top: 30px; }
.recruit-main dd{ width: 100%; height: 530px; background-size: cover; position: relative; }
.recruit-thumb{ display: flex; flex-wrap: wrap; }
.recruit-thumb li{ width: calc(20% - 4px); cursor: pointer; margin-right: 5px; margin-bottom: 5px; }
.recruit-thumb li:nth-of-type(5n){ margin-right: 0; }
.recruit-thumb li img{ display: block; }
.recruit-thumb li p{ display: none; }


/*** footer ***/

footer{ background: #e6e6e6; padding: 90px 0 10px; }
footer .copy{ display: block; text-align: center; font-size: 11px; margin-top: 90px; }



main.main-content{ height: auto; padding: 100px 0;}
main.main-content .outer{ width: 100%; height: auto; display: flex; justify-content: center; align-items: center; }
main.main-content .inner{ width: /*880px*/940px; position: relative; z-index: 0; }
main.main-content .bg-txt{ font-size: 200px; color: #fbfbfb; position: absolute; z-index: -1; letter-spacing: 0; line-height: .8; display: block; }
main.main-content .bg-txt:first-letter{ font-size: 260px; }
main.main-content h2{ font-size: 30px; line-height: 1.6; margin-bottom: 40px; }
main.main-content h3{ font-size: 20px; line-height: 1.6; margin-bottom: 40px; text-align: center;}
main.main-content h3 strong{font-weight:600; border-bottom: 1px solid;}