@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Noto+Sans+JP:wght@100..900&display=swap');

@font-face {
    font-family: "DIN";
    src: url('../fonts/DINPro-Medium.ttf');
    font-weight: 500;
}

/* reset css */
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

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

input,
textarea,
select {
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
    color: inherit;
}

button {
    background: none;
    cursor: pointer;
}


/* main */
#mintoku-study {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #1B5A73;
    overflow: hidden;
    background: #fff;
    position: relative;
    line-height: 1.6;
	display: flex;
	flex-direction: column;
	min-height: 100dvh;
}

#mintoku-study * {
    box-sizing: border-box;
}

#mintoku-study #main{
	flex: 1;
}

#mintoku-study input,
#mintoku-study textarea,
#mintoku-study select,
#mintoku-study button {
    font-family: "Noto Sans JP", sans-serif;
}

#mintoku-study img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

#mintoku-study .js-fadein {
    opacity: 0;
    transform: translate(0, 20px);
    transition-property: opacity, transform;
    transition-duration: 1s;
}

#mintoku-study .scroll-in {
    opacity: 1;
    transform: translate(0, 0);
}

#mintoku-study .pc-br {
    display: none;
}

#mintoku-study .sp-br {
    display: inline;
}

#mintoku-study .inner {
    width: 100%;
    max-width: 582px;
    margin: 0 auto;
    padding: 0 16px;
}

#mintoku-study .hover {
    opacity: 1;
    transition: all 0.2s;
}

#mintoku-study .hover:hover {
    opacity: 0.75;
}

#mintoku-study .block-title {
    color: #1B5A73;
    margin-bottom: 30px;
}

#mintoku-study .block-title.inline {
    display: flex;
    align-items: baseline;
    column-gap: 13px;
}

#mintoku-study .block-title.center {
    text-align: center;
}

#mintoku-study .block-title .en {
    display: block;
    font-family: "Josefin Sans", sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 1.6px;
    margin-bottom: -16px;
}

#mintoku-study .block-title.white .en {
    color: #fff;
}

#mintoku-study .block-title .ja {
    display: block;
    font-size: 18px;
    font-weight: 500;
}

.js-fadein-up {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: opacity, transform;
}

.js-fadein-down {
    opacity: 0;
    transform: translateY(-50px);
    transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: opacity, transform;
}

.js-fadein-up.scroll-in,
.js-fadein-down.scroll-in {
    opacity: 1;
    transform: translateY(0);
}


/* header */
#mintoku-study #header {
    transition: all 0.2s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: transparent;
}

#mintoku-study #header.scrolled,
#mintoku-study #header.active {
    background: rgba(255, 255, 255, 0.74);
}

#mintoku-study #header .bg {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: left;
    width: 100%;
    height: 100dvh;
    transition: all 0.3s;
}

#mintoku-study #header.active .bg {
    visibility: visible;
    opacity: 1;
}

#mintoku-study #header .header-inner {
    padding-inline: 16px;
    display: flex;
    align-items: center;
    min-height: 80px;
    justify-content: space-between;
    column-gap: 22px;
}

#mintoku-study #header .header-logo {
    max-width: 225px;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

#mintoku-study #header .header-main {
    position: absolute;
    top: -50%;
    left: 0;
    width: 100%;
    height: 100dvh;
    background-color: rgba(255, 255, 255, 0.74);
    transition: all 0.3s;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    padding-top: 116px;
    overflow-y: auto;
}

#mintoku-study #header.active .header-main {
    top: 0;
    opacity: 1;
    visibility: visible;
}

#mintoku-study #header .header-main .nav {
    padding-inline: 30px;
    margin-bottom: 36px;
}

#mintoku-study #header .header-main .nav .nav-link {
    font-size: 17px;
    font-weight: 500;
    border-top: 1px solid rgba(27, 90, 115, 0.26);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 12px 17px 15px;
    column-gap: 8px;
}

#mintoku-study #header .header-main .nav .nav-link:last-child {
    border-bottom: 1px solid rgba(27, 90, 115, 0.26);
}

#mintoku-study #header .header-main .nav .nav-link::after {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.333%22%20height%3D%228.873%22%20viewBox%3D%220%200%2016.333%208.873%22%3E%3Cpath%20d%3D%22M15.98.353%208.168%208.166.355.353%22%20fill%3D%22none%22%20stroke%3D%22%231b5a73%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E');
    width: 16px;
    height: 9px;
    position: relative;
    top: 0.5px;
}

#mintoku-study #header .header-main .personal {
    padding-inline: 30px;
    display: grid;
    row-gap: 23px;
    margin-bottom: 33px;
}

#mintoku-study #header .header-main .personal .btn {
    background-color: #fff;
    border-radius: 99px;
    border: 1px solid #059CDC;
    min-height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    font-size: 17px;
    font-weight: 500;
}

#mintoku-study #header .header-main .contact .btn::before,
#mintoku-study #header .header-main .personal .btn::before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: 1px;
}

#mintoku-study #header .header-main .personal .btn.login::before {
    width: 22px;
    height: 21px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.694%22%20height%3D%2214.952%22%20viewBox%3D%220%200%2015.694%2014.952%22%3E%3Cpath%20d%3D%22M11.381%203.535A3.534%203.534%200%201%201%207.847%200a3.534%203.534%200%200%201%203.534%203.535m4.313%2011.417v-3.157a3.034%203.034%200%200%200-3.033-3.033H3.033A3.034%203.034%200%200%200%200%2011.795v3.157%22%20fill%3D%22%23009ddc%22%2F%3E%3C%2Fsvg%3E');
}

#mintoku-study #header .header-main .personal .btn.trial::before {
    width: 28px;
    height: 19px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228.267%22%20height%3D%2219.176%22%20viewBox%3D%220%200%2028.267%2019.176%22%3E%3Cg%20fill%3D%22%23009ddc%22%3E%3Cpath%20d%3D%22M27.171%2019.176H1.096a1.1%201.1%200%200%201%200-2.193h26.075a1.1%201.1%200%200%201%200%202.193M12.819%205.534l2.628%202.022-2.628%202.022Z%22%2F%3E%3Cpath%20d%3D%22M22.843%200H5.424a1.136%201.136%200%200%200-1.136%201.136v14.061h19.69V1.136A1.136%201.136%200%200%200%2022.842%200m-8.709%2011.609a4.119%204.119%200%201%201%204.118-4.118%204.12%204.12%200%200%201-4.118%204.118%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

#mintoku-study #header .header-main .contact .btn {
    min-height: 78px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
}

#mintoku-study #header .header-main .contact .btn.tel {
    background-color: #009DDC;
}

#mintoku-study #header .header-main .contact .btn.tel::before {
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.74%22%20height%3D%2217.74%22%20viewBox%3D%220%200%2017.74%2017.74%22%3E%3Cpath%20d%3D%22m6.466%205.485%201.171-1.451a.77.77%200%200%200-.056-1.028L4.803.226A.77.77%200%200%200%203.761.18L.275%203.108a.77.77%200%200%200-.184.955s.469.956.9%201.688a34.54%2034.54%200%200%200%2010.993%2010.993c.733.436%201.688.9%201.688.9a.77.77%200%200%200%20.955-.185l2.928-3.484a.77.77%200%200%200-.046-1.042l-2.778-2.778a.77.77%200%200%200-1.029-.056l-1.451%201.17a.77.77%200%200%201-.982-.011%2020.2%2020.2%200%200%201-4.8-4.8.77.77%200%200%201-.011-.982%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}

#mintoku-study #header .header-main .contact .btn.mail {
    background-color: #F77D0C;
}

#mintoku-study #header .header-main .contact .btn.mail::before {
    width: 19px;
    height: 14px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.697%22%20height%3D%2214.057%22%20viewBox%3D%220%200%2018.697%2014.057%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M18.697%208.459%2016.28%205.947l2.413-2.079ZM2.416%205.952%200%208.462v-4.59Zm16.278%204.786v2.308a1.01%201.01%200%200%201-1.011%201.011H1.008a1.01%201.01%200%200%201-1.01-1.011v-2.308l3.613-3.751%204.127%203.555a2.546%202.546%200%200%200%203.217%200l4.125-3.555Z%22%2F%3E%3Cpath%20d%3D%22M18.694%201.006v1.011L9.878%209.612a.86.86%200%200%201-1.063%200L-.001%202.017V1.006A1.007%201.007%200%200%201%201.009%200h16.675a1.01%201.01%200%200%201%201.011%201.006%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

#mintoku-study #header .hamburger {
    display: flex;
    flex-direction: column;
    width: 33px;
    row-gap: 12px;
    position: relative;
    z-index: 2;
}

#mintoku-study #header .hamburger .line {
    display: block;
    border-top: 1px solid #1B5A73;
    width: 100%;
    transition: all 0.2s;
    opacity: 1;
    position: relative;
}

#mintoku-study #header .hamburger .line:nth-child(1) {
    top: 0;
}

#mintoku-study #header.active .hamburger .line:nth-child(1) {
    rotate: 45deg;
    top: 12px;
}

#mintoku-study #header.active .hamburger .line:nth-child(2) {
    opacity: 0;
}

#mintoku-study #header .hamburger .line:nth-child(3) {
    bottom: 0;
}

#mintoku-study #header.active .hamburger .line:nth-child(3) {
    rotate: -45deg;
    bottom: 13px;
}


/* hero */
#mintoku-study .sc-hero {
    position: relative;
    padding-block: 110px 66px;
}

#mintoku-study .sc-hero .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    object-fit: cover;
    object-position: bottom;
    width: 100%;
    height: 100%;
}

#mintoku-study .sc-hero .cube {
    position: absolute;
    z-index: 3;
}

#mintoku-study .sc-hero .cube1 {
    max-width: 52px;
    top: -5.5%;
    left: 13.7%;
}

#mintoku-study .sc-hero .cube2 {
    max-width: 121px;
    top: 39%;
    right: -10.5%;
}

#mintoku-study .sc-hero .cube3 {
    max-width: 39px;
    bottom: 22%;
    right: 4%;
}

#mintoku-study .sc-hero .cube4 {
    max-width: 74px;
    bottom: -9.5%;
    left: -14%;
}

#mintoku-study .sc-hero .cube5 {
    display: none;
    max-width: 44px;
    max-width: 56px;
    right: -16%;
    top: 38.5%;
    rotate: -40deg;
}

#mintoku-study .sc-hero .hero-inner {
    position: relative;
}

#mintoku-study .sc-hero .title {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 10px;
}

#mintoku-study .sc-hero .text {
    font-size: 16px;
    line-height: 29px;
    font-weight: 500;
}

#mintoku-study .sc-hero .images {
    max-width: 238px;
    margin-inline: auto;
    border-radius: 30px;
    margin-bottom: 61px;
    position: relative;
    left: 11px;
}

#mintoku-study .sc-hero .images .img01 {
    border-radius: 30px;
    object-fit: cover;
}

#mintoku-study .sc-hero .images .img {
    border-radius: 13px;
    position: absolute;
    overflow: hidden;
    width: 100%;
}

#mintoku-study .sc-hero .images .img02 {
    max-width: 112px;
    top: 16%;
    left: -22.6%;
}

#mintoku-study .sc-hero .images .img03 {
    max-width: 187px;
    top: -15%;
    right: -13%;
}

#mintoku-study .sc-hero .images .img04 {
    max-width: 80px;
    bottom: -10%;
    left: 12.5%;
}


/* solutions */
#mintoku-study .sc-solutions {
    padding-block: 50px 74px;
}

#mintoku-study .sc-solutions .solutions-title {
    text-align: center;
    margin-bottom: 52px;
}

#mintoku-study .sc-solutions .solutions-title .en {
    font-size: 50px;
    font-weight: 700;
    font-family: "Josefin Sans", sans-serif;
    display: block;
    color: #B0D7E3;
    margin-bottom: -20px;
}

#mintoku-study .sc-solutions .solutions-title .ja {
    font-size: 18px;
    font-weight: 500;
    display: block;
}

#mintoku-study .sc-solutions .solution {
    display: flex;
    flex-direction: column;
    row-gap: 47px;
}

#mintoku-study .sc-solutions .solution+.solution {
    margin-top: 99px;
}

#mintoku-study .sc-solutions .introduce {
    margin-bottom: 5px;
}

#mintoku-study .sc-solutions .introduce .intro-inner {
    position: relative;
}

#mintoku-study .sc-solutions .introduce .img {
    margin-inline: auto;
}

#mintoku-study .sc-solutions .solution-01 .introduce .img {
    max-width: 332px;
    margin-bottom: -28px;
}

#mintoku-study .sc-solutions .solution-02 .introduce .img {
    max-width: 330px;
    margin-bottom: -133px;
}
#mintoku-study .sc-solutions .solution-02.item-03 .introduce .img {
    max-width: 300px;
    margin-bottom: 10px;
}
#mintoku-study .sc-solutions .introduce .intro-title {
    font-size: 15px;
    font-weight: 700;
    font-family: "Josefin Sans", sans-serif;
    color: #BEDEE8;
    letter-spacing: 0.6px;
    margin-bottom: 0px;
}

#mintoku-study .sc-solutions .introduce .intro-title .num {
    font-size: 60px;
    line-height: 70px;
    letter-spacing: 2.5px;
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: 4px;
}

#mintoku-study .sc-solutions .introduce .sub-title {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 16px;
}

#mintoku-study .sc-solutions .introduce .text {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}

#mintoku-study .sc-solutions .introduce .note {
    font-size: 16px;
    line-height: 26px;
    background-color: #fff;
    box-shadow: 0 0 16px #BEDEE8;
    border-radius: 20px;
    padding: 15px 18px 16px;
    margin-top: 26px;
}

#mintoku-study .sc-solutions .branch,
#mintoku-study .sc-solutions .branch-inner {
    position: relative;
}

#mintoku-study .sc-solutions .branch .image {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

#mintoku-study .sc-solutions .branch .desc {
    border-radius: 0 0 20px 20px;
    position: relative;
    padding: 0 18px 37px;
}

#mintoku-study .sc-solutions .branch .bg-pc {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    height: 453px;
    width: 100%;
    padding-left: calc((100% - 1000px) / 2);
    padding-right: calc((100% - 1000px) / 2);
    overflow: hidden;
}

#mintoku-study .sc-solutions .solution-01 .branch:not(.reverse) .bg-pc {
    padding-left: 0;
    right: auto;
}

#mintoku-study .sc-solutions .solution-01 .branch.reverse .bg-pc {
    left: auto;
    padding-right: 0;
}

#mintoku-study .sc-solutions .solution-02 .branch:not(.reverse) .bg-pc {
    left: auto;
    padding-right: 0;
}

#mintoku-study .sc-solutions .solution-02 .branch.reverse .bg-pc {
    padding-left: 0;
    right: auto;
}

#mintoku-study .sc-solutions .solution-02 .branch1 {
    margin-bottom: 20px;
}

#mintoku-study .sc-solutions .branch .bg-pc img {
    object-fit: cover;
    height: 100%;
    min-width: 100%;
}

#mintoku-study .sc-solutions .solution-01 .branch:not(.reverse) .bg-pc img {
    object-position: right;
    border-radius: 0 30px 30px 0;
}

#mintoku-study .sc-solutions .solution-01 .branch.reverse .bg-pc img {
    object-position: left;
    border-radius: 30px 0 0 30px;
}

#mintoku-study .sc-solutions .solution-02 .branch:not(.reverse) .bg-pc img {
    object-position: left;
    border-radius: 30px 0 0 30px;
}

#mintoku-study .sc-solutions .solution-02 .branch.reverse .bg-pc img {
    object-position: right;
    border-radius: 0 30px 30px 0;
}

#mintoku-study .sc-solutions .branch .bg-sp {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    bottom: 0;
    left: 0;
    border-radius: 0 0 20px 20px;
    z-index: 0;
}

#mintoku-study .sc-solutions .branch .desc .laptop {
    max-width: 232px;
    margin-inline: auto;
    position: relative;
    z-index: 2;
    margin-top: -60px;
    margin-bottom: 18px;
}

#mintoku-study .sc-solutions .branch .desc .title {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    position: relative;
    margin-bottom: 22px;
}

#mintoku-study .sc-solutions .branch .desc .text {
    font-size: 16px;
    line-height: 26px;
    position: relative;
}

#mintoku-study .sc-solutions .branch .desc .note {
    font-size: 12px;
    position: relative;
    margin-top: 13px;
}

#mintoku-study .sc-solutions .cube {
    position: absolute;
    width: 100%;
    z-index: 5;
}

#mintoku-study .sc-solutions .solution-01 .introduce .cube1 {
    display: none;
}

#mintoku-study .sc-solutions .solution-01 .introduce .cube2 {
    max-width: 76px;
    right: -32px;
    top: -21px;
    rotate: 40deg;
}

#mintoku-study .sc-solutions .solution-01 .introduce .cube3 {
    max-width: 41px;
    top: 27%;
    left: 25px;
    rotate: 28deg;
}

#mintoku-study .sc-solutions .solution-01 .branch1 .cube1 {
    max-width: 42px;
    top: 38.1%;
    left: -1.5%;
}

#mintoku-study .sc-solutions .solution-01 .branch1 .cube2 {
    max-width: 137px;
    bottom: -32px;
    right: -66px;
    rotate: 50deg;
}

#mintoku-study .sc-solutions .solution-01 .branch2 .cube1 {
    max-width: 62px;
    top: 52.4%;
    right: -23px;
    rotate: 42deg;
}

#mintoku-study .sc-solutions .solution-02 .introduce .cube1 {
    max-width: 30px;
    top: -19px;
    left: 54%;
}

#mintoku-study .sc-solutions .solution-02 .introduce .cube2 {
    max-width: 42px;
    top: 32.9%;
    right: 9px;
    rotate: 81deg;
}

#mintoku-study .sc-solutions .solution-02 .branch1 .cube1 {
    max-width: 58px;
    top: -4.8%;
    left: -16px;
}

#mintoku-study .sc-solutions .solution-02 .branch1 .cube2 {
    max-width: 118px;
    bottom: -9.7%;
    right: -9px;
    rotate: 50deg;
}

#mintoku-study .sc-solutions .solution-02 .branch2 .cube1 {
    max-width: 73px;
    top: 40.7%;
    left: -43px;
}

#mintoku-study .sc-solutions .solution-02 .branch2 .cube2 {
    display: none;
}

#mintoku-study .sc-solutions .solution-02 .branch2 .cube3 {
    max-width: 63px;
    bottom: -6%;
    right: 8%;
    rotate: 40deg;
}
#mintoku-study .sc-solutions .solution-02.item-03 .branch2 .cube3{
    top: 44%;
    right: -24px;
}
#mintoku-study .sc-solutions .solution-02.item-03 .branch2 .cube1{
    bottom: -88px;
    top: unset;
}

/* program */
#mintoku-study .sc-program {
    background-color: #BEDEE8;
    padding-block: 66px 0;
}

#mintoku-study .sc-program .block-title {
    margin-bottom: 35px;
}

#mintoku-study .sc-program .program-inner {
    display: flex;
    flex-direction: column;
    row-gap: 22px;
}

#mintoku-study .sc-program .box {
    border-radius: 23px;
    background-color: #D6E8EF;
}

#mintoku-study .sc-program .box-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 17px 17px;
    row-gap: 6px;
}

#mintoku-study .sc-program .box-title .text {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

#mintoku-study .sc-program .box1 .img {
    max-width: 101px;
}

#mintoku-study .sc-program .box2 .img {
    max-width: 113px;
}

#mintoku-study .sc-program .box3 .img {
    max-width: 117px;
}

#mintoku-study .sc-program .box-desc {
    padding: 17px min(22px, 5.87vw) 32px min(32px, 8.53vw);
    display: flex;
    flex-direction: column;
    row-gap: 14px;
    border-top: 1px solid rgba(27, 90, 115, 0.2);
}
#mintoku-study .sc-program .box-desc .dd-note{
    font-size: 12px;
}
#mintoku-study .sc-program .box .dt {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 8px;
}

#mintoku-study .sc-program .box .dd {
    font-size: 14px;
    line-height: 17px;
    display: flex;
    column-gap: 14px;
    align-items: center;
    position: relative;
}

#mintoku-study .sc-program .box .dd::before {
    content: '';
    width: 33px;
    height: 33px;
    background-color: #fff;
    display: block;
    flex-shrink: 0;
}

#mintoku-study .sc-program .box .dd::after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.369%22%20height%3D%2210.863%22%20viewBox%3D%220%200%2015.369%2010.863%22%3E%3Cpath%20d%3D%22m.353%205.298%204.858%204.858%209.8-9.8%22%20fill%3D%22none%22%20stroke%3D%22%231b5a73%22%2F%3E%3C%2Fsvg%3E');
    width: 16px;
    height: 11px;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
}
#mintoku-study .sc-hero .hero-inner .text-box{
    margin-bottom: 13px;
}
#mintoku-study .sc-hero .hero-inner .text-box p{
    font-size: min(2.02vw, 23px);
    line-height: 1.3;
    color: #fff;
    display: inline-block;
    padding: 0 10px 3px;
}
#mintoku-study .sc-hero .hero-inner .text-box p.t1{
    background: linear-gradient(130deg,rgba(76, 169, 216, 1) 0%, rgba(0, 113, 178, 1) 100%);
    margin-bottom: 13px;
}
#mintoku-study .sc-hero .hero-inner .text-box p.t2{
    background: linear-gradient(130deg,rgba(208, 140, 45, 1) 0%, rgba(222, 77, 23, 1) 100%);
}
#mintoku-study .sc-hero .hero-inner .link-page{
    margin-top: 46px;
}
#mintoku-study .sc-hero .hero-inner .link-page a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 74px;
    border: 1px solid #1B5A73;
    border-radius: 60px;
    background: #fff;
    max-width: 304px;
    font-size: 18px;
    color: #1B5A73;
    font-weight: 600;
    column-gap: 8px;
    transition: .3s;
}
#mintoku-study .sc-hero .hero-inner .link-page a:hover{
    opacity: .7;
}
#mintoku-study .sc-solutions .introduce .title-border{
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid #1B5A73;
    margin-bottom: 38px;
}
#mintoku-study .sc-solutions .introduce .title-border .sub-ttl{
    font-size: 22px;
    line-height: 30px;
    color: #1B5A73;
    font-weight: bold;
    padding-bottom: 13px;
}

/* process */
#mintoku-study .sc-process {
    background-color: #BEDEE8;
    padding-block: 62px 73px;
}

#mintoku-study .sc-process .block-title {
    margin-bottom: 50px;
}

#mintoku-study .sc-process .process-inner {
    position: relative;
}

#mintoku-study .sc-process .process-inner::before {
    content: '';
    width: 300%;
    border-top: 6px solid #fff;
    top: 79px;
    right: 6px;
    position: absolute;
}

#mintoku-study .sc-process .outside {
    overflow-x: auto;
    position: relative;
}

#mintoku-study .sc-process .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    min-width: 1020px;
    column-gap: 20px;
    padding-right: 40px;
    position: relative;
}

#mintoku-study .sc-process .grid::before {
    content: '';
    position: absolute;
    width: 33px;
    height: 60px;
    top: 51.5px;
    right: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.471%22%20height%3D%2260.942%22%20viewBox%3D%220%200%2033.471%2060.942%22%3E%3Cpath%20d%3D%22M4.242%204.242%2030.47%2030.471%204.242%2056.698%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%226%22%2F%3E%3C%2Fsvg%3E');
}

#mintoku-study .sc-process .group {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 48px;
}

#mintoku-study .sc-process .group .icon {
    flex-shrink: 0;
    width: 156px;
    height: 156px;
    border-radius: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

#mintoku-study .sc-process .group1 img {
    max-width: 62px;
}

#mintoku-study .sc-process .group2 img {
    max-width: 66px;
}

#mintoku-study .sc-process .group3 img {
    max-width: 77px;
}

#mintoku-study .sc-process .group .desc {
    background-color: #fff;
    padding: 14px 19px 16px;
    flex: 1;
    position: relative;
}

#mintoku-study .sc-process .group .desc::before {
    content: '';
    position: absolute;
    border-bottom: 11px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

#mintoku-study .sc-process .group .title {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 12px;
}

#mintoku-study .sc-process .group .text {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    border-top: 1px solid rgba(27, 90, 115, 0.3);
    padding-top: 19px;
}




/* connect */
#mintoku-study .sc-connect {
    display: none;
}

#mintoku-study .sc-connect .connect-inner {
    display: flex;
    flex-direction: column;
    gap: 26px;
    justify-content: center;
    align-items: start;
}

#mintoku-study .sc-connect .item {
    width: 100%;
    max-width: 374px;
}

#mintoku-study .sc-connect .connect-btn {
    border-radius: 50px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    padding-block: 33px;
    cursor: pointer;
}

#mintoku-study .sc-connect .connect-btn.blue {
    background-color: #29ABE2;
}

#mintoku-study .sc-connect .connect-btn.orange {
    background-color: #F7931E;
}

#mintoku-study .sc-connect .connect-btn::before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    top: 1px;
}

#mintoku-study .sc-connect .connect-btn.blue::before {
    width: 23px;
    height: 23px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222.841%22%20height%3D%2222.841%22%20viewBox%3D%220%200%2022.841%2022.841%22%3E%3Cpath%20d%3D%22m8.325%207.061%201.506-1.867a.994.994%200%200%200-.07-1.326L6.183.291A1%201%200%200%200%204.842.232L.355%204.001a.99.99%200%200%200-.237%201.23s.6%201.231%201.164%202.174a44.5%2044.5%200%200%200%2014.154%2014.154c.942.56%202.173%201.164%202.173%201.164a.994.994%200%200%200%201.23-.237l3.769-4.487a1%201%200%200%200-.058-1.342l-3.578-3.577a.993.993%200%200%200-1.326-.071l-1.867%201.506a.994.994%200%200%201-1.265-.014%2026%2026%200%200%201-6.175-6.175.994.994%200%200%201-.014-1.265%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}

#mintoku-study .sc-connect .connect-btn.orange::before {
    width: 22px;
    height: 22px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.979%22%20height%3D%2221.979%22%20viewBox%3D%220%200%2021.979%2021.979%22%3E%3Cpath%20d%3D%22M21.744%203.789%2018.19.235a.8.8%200%200%200-1.134%200L2.051%2014.646a.8.8%200%200%200-.2.333L.036%2020.943a.8.8%200%200%200%201%201l6.155-1.873L21.744%204.923a.8.8%200%200%200%200-1.134M3.42%2019.754l-1.169-1.278.81-2.662L5.079%2016.9l1.086%202.018Zm3.284-3.667-.812-.812L18.758%202.49l.731.73%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}

#mintoku-study .sc-connect .note {
    font-size: 14px;
    margin-top: 10px;
    padding-left: min(18px, 1.13vw);
}


/* voice */
#mintoku-study .sc-voice {
    padding-block: 60px 29px;
}

#mintoku-study .sc-voice .block-title {
    margin-bottom: 18px;
}

#mintoku-study .sc-voice .title {
    border-top: 1px solid #1B5A73;
    border-bottom: 1px solid #1B5A73;
    padding-block: 8px 17px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 18px;
}

#mintoku-study .sc-voice .title small {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    display: block;
    padding-top: 8px;
}

#mintoku-study .sc-voice .text {
    font-size: 16px;
    line-height: 26px;
}

#mintoku-study .sc-voice .voice-inner {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 78px;
    padding-top: 36px;
}

#mintoku-study .sc-voice .item .item-img {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 12px;
}

#mintoku-study .sc-voice .item .item-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

#mintoku-study .sc-voice .item .item-text {
    font-size: 16px;
    line-height: 26px;
}


/* price */
#mintoku-study .sc-price {
    padding-block: 60px 65px;
}

#mintoku-study .sc-price .block-title {
    margin-bottom: 50px;
}

#mintoku-study .sc-price .price-table {
    overflow-x: auto;
}
#mintoku-study .sc-price .price-table .note-bottom .t1{
    font-size: 16px;
    line-height: 31px;
    color: #1B5A73;
    font-weight: bold;
}
#mintoku-study .sc-price .price-table .note-bottom .t2{
    font-size: 14px;
    line-height: 22px;
    color: #1B5A73;
}
#mintoku-study .sc-price .price-table table {
    width: 100%;
    min-width: 1000px;
    margin-bottom: 30px;
    font-weight: 500;
}

#mintoku-study .sc-price .price-table table td {
    border: 1px solid rgba(27, 90, 115, 0.3);
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    padding-block: 17.5px;
    /* width: calc(87.6% / 5); */
    width: calc(100% / 5);
    -webkit-text-size-adjust: 100% !important;
}

#mintoku-study .sc-price .price-table table td.note {
    text-align: left;
    border-bottom: 0;
}

#mintoku-study .sc-price .price-table table td.note small {
    font-size: 14px;
    line-height: 22px;
    display: block;
    padding-top: 6px;
}

#mintoku-study .sc-price .price-table table tr td:first-child {
    border-left: 0;
    /* width: 12.4%; */
}

#mintoku-study .sc-price .price-table table tr td:last-child {
    border-right: 0;
}

#mintoku-study .sc-price .price-table table td .new {
    background-color: #1B5A73;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    padding-inline: 5px;
    line-height: 1.5;
    margin-right: 5px;
}
#mintoku-study .sc-price .price-table .note-bottom .t1{
    font-size: 16px;
    line-height: 21px;
    color: #1B5A73;
    font-weight: bold;
    margin-bottom: 8px;
}
#mintoku-study .sc-price .price-table .note-bottom .t2{
    font-size: 14px;
    line-height: 22px;
    color: #1B5A73;
    font-weight: 500;
}

/* faq */
#mintoku-study .sc-faq {
    padding-block: 64px 59px;
    background-color: #EAEAEA;
}

#mintoku-study .sc-faq .block-title {
    margin-bottom: 25px;
}

#mintoku-study .sc-faq .faq-inner {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    max-width: 782px;
    margin-inline: auto;
}

#mintoku-study .sc-faq .question {
    background-color: #fff;
    padding: 11px 14px 11px 14px;
    display: flex;
    align-items: center;
    /* column-gap: 16px; */
    cursor: pointer;
}

#mintoku-study .sc-faq .question::after {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.496%22%20height%3D%228.455%22%20viewBox%3D%220%200%2015.496%208.455%22%3E%3Cpath%20d%3D%22M15.143.354%207.748%207.749.353.354%22%20fill%3D%22none%22%20stroke%3D%22%231b5a73%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E');
    display: block;
    width: 15px;
    height: 8px;
    transition: all 0.2s;
}

#mintoku-study .sc-faq .item.active .question::after {
    rotate: 180deg;
}

#mintoku-study .sc-faq .question .num {
    font-family: "Josefin Sans", sans-serif;
    font-size: 24px;
    font-weight: 700;
    padding-top: 5px;
    min-width: 29px;
}

#mintoku-study .sc-faq .question .text {
    flex: 1;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    padding-left: 16px;
}

#mintoku-study .sc-faq .answer {
    font-size: 16px;
    line-height: 24px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s;
}

#mintoku-study .sc-faq .item.active .answer {
    max-height: 1000px;
    padding-block: 14px 34px;
}


/* contact */
#mintoku-study .sc-contact {
    padding-block: 68px 50px;
}

#mintoku-study .sc-contact .block-title {
    margin-bottom: 33px;
}

#mintoku-study .sc-contact .contact-form .screen-reader-response,
#mintoku-study .sc-contact .contact-form .wpcf7-spinner {
    display: none !important;
}

#mintoku-study .sc-contact .contact-form .text {
    font-size: 14px;
    line-height: 22px;
}

#mintoku-study .sc-contact .contact-form .text a {
    text-decoration: underline;
}

#mintoku-study .sc-contact .contact-form .form-inner {
    border-top: 1px solid rgba(27, 90, 115, 0.3);
    padding-top: 18px;
}

#mintoku-study .sc-contact .contact-form .text+.form-inner {
    margin-top: 21px;
}

#mintoku-study .sc-contact .contact-form .form-inner .text {
    margin-bottom: 47px;
}

#mintoku-study .sc-contact .contact-form .form-inner.form-submit .text {
    margin-bottom: 18px;
}

#mintoku-study .sc-contact .contact-form .group {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

#mintoku-study .sc-contact .contact-form .form-submit .group {
    border-top: 1px solid rgba(27, 90, 115, 0.3);
    padding-top: 18px;
    padding-bottom: 18px;
}

#mintoku-study .sc-contact .contact-form .form-submit .group:last-of-type {
    border-top: 0;
}

#mintoku-study .sc-contact .contact-form .group+.group {
    margin-top: 27px;
}

#mintoku-study .sc-contact .contact-form .form-submit .group+.group {
    margin-top: 0;
}

#mintoku-study .sc-contact .contact-form .group label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 3px;
    letter-spacing: 1px;
}

#mintoku-study .sc-contact .contact-form .group label .require {
    font-size: 20px;
    display: inline-block;
    margin-left: 4px;
    color: #C40000;
}

#mintoku-study .sc-contact .contact-form input:not([type='radio'], [type='submit']),
#mintoku-study .sc-contact .contact-form textarea {
    height: 66px;
    background-color: #f7f5f5;
    border: 0;
    box-shadow: none;
    color: rgba(27, 90, 115, 0.6);
    font-weight: 500;
    padding: 25px;
    width: 100%;
    max-width: 100%;
    font-size: 16px;
}

#mintoku-study .sc-contact .contact-form textarea {
    resize: vertical;
    min-height: 257px;
}

#mintoku-study .sc-contact .contact-form input::placeholder,
#mintoku-study .sc-contact .contact-form textarea::placeholder {
    color: rgba(27, 90, 115, 0.6);
}

#mintoku-study .sc-contact .contact-form input[type='submit'],
#mintoku-study .sc-contact .contact-form .back-link {
    margin-inline: auto;
    min-height: 62px;
    width: 100%;
    max-width: 292px;
    border: 0;
    box-shadow: none;
    background-color: #1B5A73;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    display: block;
    border-radius: 99px;
    grid-column: 1 / -1;
    opacity: 1;
    transition: all 0.2s;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.822%22%20height%3D%2216.23%22%20viewBox%3D%220%200%208.822%2016.23%22%3E%3Cpath%20d%3D%22m.354.354%207.761%207.761-7.761%207.762%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E');
    background-position: center right 24px;
    background-repeat: no-repeat;
    background-size: 7px 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#mintoku-study .sc-contact .contact-form .back-link {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.624%22%20height%3D%2211.834%22%20viewBox%3D%220%200%206.624%2011.834%22%3E%3Cpath%20d%3D%22M6.27.353.707%205.916%206.27%2011.48%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E');
    background-position: center left 24px;
}

#mintoku-study .sc-contact .contact-form input[type='submit']:hover,
#mintoku-study .sc-contact .contact-form .back-link:hover {
    opacity: 0.74;
}


/* footer */
#mintoku-study #footer {
    padding-top: 67px;
    position: relative;
}

#mintoku-study #footer .footer-main {
    background-color: #F7F5F5;
    padding-block: 40px 48px;
}

#mintoku-study #footer .footer-inner {
    position: relative;
    padding-bottom: 100px;
}

#mintoku-study #footer .desc .logo {
    max-width: 204px;
}

#mintoku-study #footer .desc .text {
    font-size: 14px;
    line-height: 24px;
    padding-top: 11px;
}

#mintoku-study #footer .contact {
    padding-top: 31px;
}

#mintoku-study #footer .contact-title {
    font-family: "DIN";
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid rgba(27, 90, 115, 0.3);
    letter-spacing: 0.7px;
    padding-bottom: 4px;
}

#mintoku-study #footer .contact-inner {
    display: flex;
    flex-direction: column;
    row-gap: 2px;
}

#mintoku-study #footer .contact .group {
    display: flex;
    flex-direction: column;
}

#mintoku-study #footer .contact .group.tel .value {
    font-family: "DIN";
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 1.25px;
    margin-bottom: -5px;
}

#mintoku-study #footer .contact .group.mail .value {
    font-family: "DIN";
    font-size: 22px;
    font-weight: 500;
    margin-bottom: -3px;
}

#mintoku-study #footer .contact .group.mail .value::before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.383%22%20height%3D%2211.565%22%20viewBox%3D%220%200%2015.383%2011.565%22%3E%3Cg%20fill%3D%22%231b5a73%22%3E%3Cpath%20d%3D%22m15.382%206.961-1.985-2.062%201.985-1.712ZM1.988%204.898%200%206.963V3.187Zm13.394%203.938v1.9a.833.833%200%200%201-.832.832H.832A.83.83%200%200%201%200%2010.736v-1.9L2.973%205.75l3.4%202.925a2.094%202.094%200%200%200%202.647%200l3.394-2.925Z%22%2F%3E%3Cpath%20d%3D%22M15.382.829v.832L8.128%207.91a.71.71%200%200%201-.875%200L-.001%201.661V.829A.83.83%200%200%201%20.831%200H14.55a.83.83%200%200%201%20.832.829%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    width: 19px;
    height: 14px;
    margin-right: 6px;
    display: inline-block;
    position: relative;
    /*top: 2px;*/
}

#mintoku-study #footer .contact .group .note {
    font-size: 14px;
}

#mintoku-study #footer .contact-btn {
    background-color: #1B5A73;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
    padding-block: 18px;
    cursor: pointer;
    min-width: 292px;
    margin-inline: auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

#mintoku-study #footer .contact-btn::before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    top: 1px;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.979%22%20height%3D%2221.979%22%20viewBox%3D%220%200%2021.979%2021.979%22%3E%3Cpath%20d%3D%22M21.744%203.789%2018.19.235a.8.8%200%200%200-1.134%200L2.051%2014.646a.8.8%200%200%200-.2.333L.036%2020.943a.8.8%200%200%200%201%201l6.155-1.873L21.744%204.923a.8.8%200%200%200%200-1.134M3.42%2019.754l-1.169-1.278.81-2.662L5.079%2016.9l1.086%202.018Zm3.284-3.667-.812-.812L18.758%202.49l.731.73%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}


#mintoku-study #footer .relate {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 5px 16px;
    padding-top: 28px;
}

#mintoku-study #footer .relate-title {
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid rgba(27, 90, 115, 0.3);
    padding-bottom: 7px;
    grid-column: 1 / -1;
    margin-bottom: 6px;
}

#mintoku-study #footer .relate-link {
    font-size: 14px;
}

#mintoku-study #footer .copyright {
    padding-block: 26px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    font-family: "DIN";
}

#mintoku-study #footer #backToTop {
    font-family: "DIN";
    font-weight: 500;
    font-size: 15px;
    background-color: #1B5A73;
    color: #fff;
    display: block;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.2s;
    border: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 2px;
    padding-top: 4px;
	opacity: 0;
    visibility: hidden;
}

#mintoku-study #footer #backToTop.active {
    opacity: 1;
    visibility: visible;
}

#mintoku-study #footer #backToTop::before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229.35%22%20height%3D%2216.089%22%20viewBox%3D%220%200%2029.35%2016.089%22%3E%3Cpath%20d%3D%22M.707%2015.382%2014.675%201.414l13.968%2013.968%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
    width: 23px;
    height: 13px;
    display: block;
}

#mintoku-study #footer #backToTop:hover {
    background-color: #F2F2F2;
    color: #000;
}

#mintoku-study #footer #backToTop:hover::before {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229.35%22%20height%3D%2216.089%22%20viewBox%3D%220%200%2029.35%2016.089%22%3E%3Cpath%20d%3D%22M.707%2015.382%2014.675%201.414l13.968%2013.968%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
}

#mintoku-study .smart-boarding{
    background-image: url("../images/smart-boarding-bg.png");
    background-size: cover;
    background-position: center;
    padding-top: 93px;
    padding-bottom: 53px;
}
#mintoku-study .smart-boarding .inner{
    display: flex;
    flex-wrap: wrap;
}
#mintoku-study .smart-boarding .text-content{
    width: 54.5%;
    padding-right: 60px;
}
#mintoku-study .smart-boarding .text-content h2{
    font-size: 22px;
    line-height: 32px;
    color: #1B5A73;
    font-weight: bold;
    letter-spacing: -1.5px;
    margin-bottom: 32px;
}
#mintoku-study .smart-boarding .text-content ul li{
    font-size: 15px;
    line-height: 1.6;
    color: #1B5A73;
    font-weight: 400;
    position: relative;
    padding-left: 49px;
    margin-bottom: 36px;
    letter-spacing: -0.5px;
}
#mintoku-study .smart-boarding .text-content ul li:before{
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='42.308' height='39.373' viewBox='0 0 42.308 39.373'%3E%3Cdefs%3E%3Cfilter id='Path_64127' x='0' y='1.453' width='42.308' height='36.829' filterUnits='userSpaceOnUse'%3E%3CfeOffset input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='4' result='blur'/%3E%3CfeFlood flood-opacity='0.161'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='Group_3519' data-name='Group 3519' transform='translate(-294.051 -7546.494)'%3E%3Crect id='Rectangle_260' data-name='Rectangle 260' width='39.373' height='39.373' transform='translate(295 7546.494)' fill='%23fff'/%3E%3Cg transform='matrix(1, 0, 0, 1, 294.05, 7546.49)' filter='url(%23Path_64127)'%3E%3Cpath id='Path_64127-2' data-name='Path 64127' d='M663.264,5795.875l5.833,5.833,11.768-11.769' transform='translate(-650.91 -5776.13)' fill='none' stroke='%231b5a73' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 39px;
    height: 39px;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0px 8px rgba(0,0,0,.1);
    top: -8px;
    left: -5px;
}
#mintoku-study .smart-boarding .image-content{
    width: 45.5%;
}
#mintoku-study .hero-inner .desc{
    position: relative;
    z-index: 5;
}


@media (max-width: 1023px) {

    #mintoku-study .smart-boarding .text-content ul li:before{
        width: 33px;
        height: 33px;
        background-color: #fff;
        background-size: 100%;
        background-position: center;
    }
    #mintoku-study .smart-boarding .text-content{
        padding-right: 40px;
    }
    #mintoku-study .sc-hero .hero-inner .link-page a{
        font-size: 15px;
        height: 60px;
    }
    #mintoku-study .sc-hero .hero-inner .link-page a img{
        width: 30px;
    }

}

@media (max-width: 767px) {

    #mintoku-study .sc-hero .hero-inner .text-box{
        display: none;
    }
    #mintoku-study .sc-hero .hero-inner .link-page a{
        height: 74px;
        font-size: 18px;
    }
    #mintoku-study .sc-hero .hero-inner .link-page a img{
        width: auto;
    }
    #mintoku-study .sc-hero .hero-inner .link-page{
        margin-top: 20px;
    }
    #mintoku-study .sc-solutions .introduce .title-border{
        flex-direction: column;
        align-items: flex-start;
        align-items: center;
        border-bottom: 1px solid rgba(15, 73, 96, .3);
    }
    #mintoku-study .sc-solutions .introduce .title-border .sub-ttl{
        width: 100%;
        text-align: center;
        font-size: 18px;
        line-height: 36px;
        border-top: 1px solid rgba(15, 73, 96, .3);
        padding-top: 6px;
        padding-bottom: 6px;

    }
    #mintoku-study .sc-solutions .solution-02.item-03 .introduce .cube3{
        max-width: 80px;
        right: -39px;
        transform: rotate(53deg);
        top: -86px;
    }
    #mintoku-study .sc-solutions .introduce .sub-title.sp-content{
        display: flex;
        justify-content: center;
    }
    #mintoku-study .sc-solutions .solution-02.item-03 .branch1 .cube1{
        left: unset;
        right: -32px;
        bottom: 30px;
        top: unset;
    }
    #mintoku-study .sc-solutions .solution-02.item-03 .introduce .cube2{
        left: -24px;
        right: unset;
        top: 34.9%;
    }
    #mintoku-study .sc-solutions .solution-02.item-03 .introduce .cube1{
        top: -50px;
        left: 58%;
    }
    #mintoku-study .smart-boarding{
        background-image: url("../images/smart-boarding-bg-sp.jpg");
        padding-top: 77px;
    }
    #mintoku-study .smart-boarding .image-content{
        width: 100%;
        order: 1;
        margin-bottom: 26px;
    }
    #mintoku-study .smart-boarding .text-content{
        width: 100%;
        order: 2;
    }
    #mintoku-study .smart-boarding .text-content ul li{
        font-size: 16px;
        line-height: 20px;
        min-height: 39px;
        margin-bottom: 16px;
    }
    #mintoku-study .smart-boarding .text-content ul li span{
        font-size: 14px;
    }
    #mintoku-study .smart-boarding .text-content ul li:before{
        width: 39px;
        height: 39px;
    }
    #mintoku-study .sc-program .box4 .img{
        max-width: 111px;
    }

}


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

    #mintoku-study .sp-br {
        display: none;
    }

    #mintoku-study .pc-br {
        display: inline;
    }

    #mintoku-study .inner {
        max-width: 1048px;
        padding: 0 24px;
    }

    #mintoku-study .block-title.inline {
        column-gap: 18px;
    }

    #mintoku-study .block-title .en {
        font-size: 60px;
        letter-spacing: 2.5px;
        margin-bottom: -14px;
    }

    #mintoku-study .block-title .ja {
        font-size: 21px;
    }


    /* header */
    #mintoku-study #header .header-main .contact {
        display: flex;
    }

    #mintoku-study #header .header-main .personal {
        display: flex;
        column-gap: 23px;
    }

    #mintoku-study #header .header-main .contact .btn,
    #mintoku-study #header .header-main .personal .btn {
        flex: 1;
    }


    /* hero */
    #mintoku-study .sc-hero {
        padding-block: 228px 138px;
    }

    #mintoku-study .sc-hero .inner {
        max-width: 1140px;
    }

    #mintoku-study .sc-hero .hero-inner {
        display: grid;
        grid-template-columns: 1fr 395px;
        column-gap: 11%;
    }

    /* #mintoku-study .sc-hero .desc {
        margin-left: max(-31px, -1.94vw);
    } */

    #mintoku-study .sc-hero .title {
        font-size: min(3.95vw, 45px);
        line-height: 1.31;
        margin-bottom: 6px;
    }

    #mintoku-study .sc-hero .text {
        font-size: 17px;
        line-height: 33px;
    }

    #mintoku-study .sc-hero .images {
        order: 1;
        max-width: 100%;
        margin-inline: 0;
        margin-bottom: 0;
        left: 0;
    }

    #mintoku-study .sc-hero .images .img {
        border-radius: 20px;
    }

    #mintoku-study .sc-hero .images .img02 {
        max-width: 188px;
        top: 16.4%;
        left: -23.8%;
    }

    #mintoku-study .sc-hero .images .img03 {
        max-width: 312px;
        top: -14.7%;
        right: -12.5%;
    }

    #mintoku-study .sc-hero .images .img04 {
        max-width: 133px;
        bottom: -11%;
        left: 11.5%;
    }

    #mintoku-study .sc-hero .cube1 {
        max-width: 87px;
        top: -12%;
        left: 56.7%;
    }

    #mintoku-study .sc-hero .cube2 {
        max-width: 199px;
        top: auto;
        right: -7.2%;
        bottom: -16.7%;
    }

    #mintoku-study .sc-hero .cube3 {
        max-width: 71px;
        bottom: auto;
        right: auto;
        left: -19%;
        top: 13%;
    }

    #mintoku-study .sc-hero .cube4 {
        max-width: 123px;
        bottom: -5.5%;
        left: -11.7%;
    }

    #mintoku-study .sc-hero .cube5 {
        display: block;
    }



    /* solutions */
    #mintoku-study .sc-solutions {
        padding-block: 112px 146px;
    }

    #mintoku-study .sc-solutions .solution {
        row-gap: 90px;
    }

    #mintoku-study .sc-solutions .solution+.solution {
        margin-top: 118px;
    }

    #mintoku-study .sc-solutions .solutions-title {
        margin-bottom: 120px;
    }

    #mintoku-study .sc-solutions .solutions-title .en {
        font-size: 109px;
        margin-bottom: -36px;
        letter-spacing: 4.5px;
    }

    #mintoku-study .sc-solutions .solutions-title .ja {
        font-size: 21px;
    }

    #mintoku-study .sc-solutions .introduce .intro-inner {
        display: grid;
        column-gap: 24px;
        grid-template-columns: 52.2% 1fr;
    }

    #mintoku-study .sc-solutions .solution-02 .introduce .intro-inner {
        grid-template-columns: 1fr 52.2%;
    }

    #mintoku-study .sc-solutions .introduce .img {
        margin-inline: 0;
        flex-shrink: 0;
    }

    #mintoku-study .sc-solutions .solution-01 .introduce .img {
        max-width: 601px;
        margin-bottom: 0;
        margin-left: max(-79px, -4.94vw);
        position: relative;
        top: 12px;
    }

    #mintoku-study .sc-solutions .solution-02 .introduce .img {
        order: 2;
        max-width: 575px;
        margin-bottom: 0;
        margin-left: max(-79px, -4.94vw);
        position: relative;
        top: 0px;
        margin-bottom: -100%;
    }
    #mintoku-study .sc-solutions .solution-02.item-03 .introduce .img{
        margin-left: max(-40px, -2.5vw);
    }
    #mintoku-study .sc-solutions .solution-02 .introduce .desc {
        padding-right: min(23px, 1.44vw);
    }

    #mintoku-study .sc-solutions .solution-02 .introduce .desc {
        order: 1;
        padding-left: min(23px, 1.44vw);
    }

    #mintoku-study .sc-solutions .introduce .intro-title {
        letter-spacing: 0.6px;
        margin-bottom: 0px;
    }

    #mintoku-study .sc-solutions .solution-02 .introduce .intro-title {
        margin-bottom: 5px;
    }

    #mintoku-study .sc-solutions .introduce .intro-title .num {
        font-size: 83px;
        line-height: 64px;
        letter-spacing: 8px;
        display: block;
        margin-left: 0;
        top: 0;
        margin-top: 4px;
    }

    #mintoku-study .sc-solutions .introduce .sub-title {
        font-size: 29px;
        line-height: 35px;
        margin-bottom: 21px;
    }

    #mintoku-study .sc-solutions .solution-02 .introduce .sub-title {
        margin-bottom: 33px;
    }

    #mintoku-study .sc-solutions .solution-02 .introduce .sub-title br {
        display: none;
    }

    #mintoku-study .sc-solutions .introduce .text {
        font-weight: 400;
        margin-bottom: 30px;
    }

    #mintoku-study .sc-solutions .solution-02 .introduce .text {
        margin-right: -105%;
    }

    #mintoku-study .sc-solutions .introduce .note {
        box-shadow: 0 0 15px rgba(0, 147, 255, 0.16);
        text-align: center;
        border-radius: 20px;
        padding: 28px 18px 26px;
        margin-top: 12px;
        /* max-width: 950px;
        margin-inline: auto; */
    }

    #mintoku-study .sc-solutions .branch-inner {
        display: grid;
        grid-template-columns: 372px 1fr;
        padding-inline: min(48px, 3vw);
        column-gap: min(55px, 3.44vw);
        /* align-items: center; */
    }
    #mintoku-study .sc-solutions .solution-02 .branch2 .branch-inner{
        padding-left: min(4.88vw, 78px);
        padding-right: min(1.56vw, 25px);
    }
    #mintoku-study .sc-solutions .solution-02 .branch1 .branch-inner{
        padding-left: min(1.56vw, 25px);
        padding-right: min(4.88vw, 78px);
    }
    #mintoku-study .sc-solutions .branch.reverse .branch-inner {
        grid-template-columns: 1fr 372px;
    }

    #mintoku-study .sc-solutions .solution-01 .branch2 .branch-inner {
        align-items: center;
    }

    #mintoku-study .sc-solutions .solution-02 .branch1 {
        margin-bottom: 64px;
    }

    #mintoku-study .sc-solutions .branch .image {
        border-radius: 50px;
    }

    #mintoku-study .sc-solutions .branch.reverse .image {
        order: 2;
    }

    #mintoku-study .sc-solutions .branch .bg-pc {
        display: block;

    }

    #mintoku-study .sc-solutions .branch .bg-sp {
        display: none;
    }

    #mintoku-study .sc-solutions .branch .desc {
        padding: 0;
    }

    #mintoku-study .sc-solutions .branch.reverse .desc {
        order: 1;
    }

    #mintoku-study .sc-solutions .branch .desc .laptop {
        max-width: 340px;
        margin-top: -17px;
        margin-bottom: 28px;
    }

    #mintoku-study .sc-solutions .branch .desc .title {
        text-align: left;
        margin-bottom: 21px;
    }

    #mintoku-study .sc-solutions .branch .desc .text {
        line-height: 26px;
        margin-right: -4px;
        letter-spacing: -0.8px;
    }

    #mintoku-study .sc-solutions .solution-02 .branch2 .desc .text br {
        display: none;
    }

    #mintoku-study .sc-solutions .branch .desc .note {
        margin-top: 17px;
    }

    #mintoku-study .sc-solutions .solution-01 .introduce .cube1 {
        display: block;
        max-width: 131px;
        top: -5.5%;
        left: -14.5%;
    }

    #mintoku-study .sc-solutions .solution-01 .introduce .cube2 {
        max-width: 62px;
        right: -40px;
        top: 29.5%;
    }

    #mintoku-study .sc-solutions .solution-01 .introduce .cube3 {
        max-width: 57px;
        left: -8%;
        rotate: 4deg;
        top: auto;
        bottom: 8px;
    }

    #mintoku-study .sc-solutions .solution-01 .branch1 .cube1 {
        max-width: 73px;
        top: auto;
        left: 4.6%;
        bottom: -24.5%;
    }

    #mintoku-study .sc-solutions .solution-01 .branch1 .cube2 {
        max-width: 186px;
        bottom: -8.5%;
        right: -8.7%;
    }

    #mintoku-study .sc-solutions .solution-01 .branch2 .cube1 {
        top: auto;
        right: 49.3%;
        bottom: 37px;
    }

    #mintoku-study .sc-solutions .solution-02 .introduce .cube1 {
        max-width: 200px;
        top: -20%;
        left: auto;
        right: -23%;
    }
    #mintoku-study .sc-solutions .solution-02.item-03 .introduce .cube1{
        max-width: 50px;
        right: 23%;
        top: -30px;
    }
    #mintoku-study .sc-solutions .solution-02.item-03 .introduce .cube3{
        width: 135px;
        right: -60px;
        top: 54%;
    }
    #mintoku-study .sc-solutions .solution-02 .introduce .cube2 {
        top: 36%;
        right: -5.1%;
        rotate: 82deg;
    }
    #mintoku-study .sc-solutions .solution-02.item-03 .introduce .cube2{
        right: unset;
        left: -22px;
        top: 100%;
    }
    #mintoku-study .sc-solutions .solution-02 .branch1 .cube1 {
        top: 4%;
        left: 48.7%;
    }
    #mintoku-study .sc-solutions .solution-02.item-03 .branch1 .cube1 {
        top: 95%;
        left: -16px;
    }
    #mintoku-study .sc-solutions .solution-02 .branch1 .cube2 {
        max-width: 187px;
        bottom: -9%;
        right: auto;
        left: 29.5%;
    }

    #mintoku-study .sc-solutions .solution-02 .branch2 .cube1 {
        top: -16.5%;
        left: auto;
        right: 0;
    }
    #mintoku-study .sc-solutions .solution-02.item-03 .branch2 .cube1{
        top: 87%;
        right: 3%;
    }

    #mintoku-study .sc-solutions .solution-02 .branch2 .cube2 {
        display: block;
        max-width: 52px;
        top: 43.5%;
        left: -15%;
    }
    #mintoku-study .sc-solutions .solution-02.item-03 .branch2 .cube2{
        max-width: 160px;
        left: -170px;
        top: 32%;
    }

    #mintoku-study .sc-solutions .solution-02 .branch2 .cube3 {
        max-width: 79px;
        bottom: 4.4%;
        right: auto;
        left: 46.3%;
    }
    #mintoku-study .sc-solutions .solution-02.item-03 .branch2 .cube3{
        top: -95px;
        left: 47%;
    }


    /* program */
    #mintoku-study .sc-program {
        padding-block: 118px 0;
    }

    #mintoku-study .sc-program .block-title {
        margin-bottom: 46px;
    }

    #mintoku-study .sc-program .program-inner {
        border-radius: 23px;
        row-gap: 0;
        overflow: hidden;
    }

    #mintoku-study .sc-program .box {
        border-radius: 0;
        display: grid;
        grid-template-columns: 301px 1fr;
    }

    #mintoku-study .sc-program .box+.box {
        border-top: 1px solid rgba(27, 90, 115, 0.2);
    }

    #mintoku-study .sc-program .box-title {
        padding: 22px 17px 17px;
        row-gap: 8px;
    }

    #mintoku-study .sc-program .box1 .img {
        max-width: 148px;
    }

    #mintoku-study .sc-program .box2 .img {
        max-width: 167px;
    }

    #mintoku-study .sc-program .box3 .img {
        max-width: 172px;
    }

    #mintoku-study .sc-program .box-desc {
        padding: 43px;
        row-gap: 14px;
        border-left: 1px solid rgba(27, 90, 115, 0.2);
        border-top: 0;
        min-height: 257px;
    }

    #mintoku-study .sc-program .box3 .box-desc {
        display: grid;
        grid-template-columns: repeat(2, max-content);
        gap: 14px 22px;
    }

    #mintoku-study .sc-program .box .dt {
        margin-bottom: 5px;
    }

    #mintoku-study .sc-program .box3 .dt {
        grid-column: 1 / -1;
    }


    /* process */
    #mintoku-study .sc-process {
        padding-block: 86px 86px;
    }

    #mintoku-study .sc-process .block-title {
        margin-bottom: 32px;
    }

    #mintoku-study .sc-process .process-inner .grid {
        min-width: 1000px;
    }

    #mintoku-study .sc-process .group .title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    #mintoku-study .sc-process .group .text {
        font-size: 14px;
        line-height: 20px;
    }


    /* connect */
    #mintoku-study .sc-connect {
        display: block;
        background-color: #1B5A73;
        color: #fff;
        padding-block: 82px 59px;
    }

    #mintoku-study .sc-connect .connect-inner {
        flex-direction: row;
    }


    /* voice */
    #mintoku-study .sc-voice {
        padding-block: 112px 29px;
    }

    #mintoku-study .sc-voice .block-title {
        margin-bottom: 4px;
    }

    #mintoku-study .sc-voice .title {
        border-bottom: 0;
        padding-block: 23px 0;
        font-size: 36px;
        margin-bottom: 10px;
    }

    #mintoku-study .sc-voice .title small {
        font-size: 18px;
        padding-top: 0;
    }

    #mintoku-study .sc-voice .text {
        font-size: 18px;
        line-height: 28px;
    }

    #mintoku-study .sc-voice .voice-inner {
        grid-template-columns: 1fr 1fr;
        padding-top: 42px;
        column-gap: min(73px, 4.56vw);
    }

    #mintoku-study .sc-voice .item .item-img {
        margin-bottom: 15px;
    }

    #mintoku-study .sc-voice .item .item-title {
        font-size: 23px;
        margin-bottom: 9px;
    }

    #mintoku-study .sc-voice .item .item-text {
        font-size: 15px;
        line-height: 24px;
    }


    /* price */
    #mintoku-study .sc-price {
        padding-block: 71px 120px;
    }

    #mintoku-study .sc-price .block-title {
        text-align: center;
        margin-bottom: 31px;
    }


    /* faq */
    #mintoku-study .sc-faq {
        padding-block: 91px 92px;
    }

    #mintoku-study .sc-faq .block-title {
        margin-bottom: 53px;
    }

    #mintoku-study .sc-faq .faq-inner {
        row-gap: 33px;
    }

    #mintoku-study .sc-faq .question {
        padding: 13px 25px 13px 20px;
    }

    #mintoku-study .sc-faq .question::after {
        width: 20px;
        height: 10px;
    }

    #mintoku-study .sc-faq .question .text {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
        padding-left: 13px;
    }

    #mintoku-study .sc-faq .answer {
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
    }

    #mintoku-study .sc-faq .item.active .answer {
        max-height: 1000px;
        padding-block: 26px 3px;
    }


    /* contact */
    #mintoku-study .sc-contact {
        padding-block: 118px 62px;
    }

    #mintoku-study .sc-contact .contact-form .text {
        font-size: 15px;
        line-height: 23px;
    }

    #mintoku-study .sc-contact .contact-form .text+.form-inner {
        margin-top: 38px;
    }

    #mintoku-study .sc-contact .contact-form .form-inner {
        padding-top: 28px;
    }

    #mintoku-study .sc-contact .contact-form .form-inner.form-submit .text {
        margin-bottom: 47px;
    }

    #mintoku-study .sc-contact .contact-form .form-submit .group {
        border-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    #mintoku-study .sc-contact .contact-form .form-submit .group+.group {
        margin-top: 27px;
    }

    #mintoku-study .sc-contact .contact-form .group,
    #mintoku-study .sc-contact .contact-form .group>p {
        display: grid;
        grid-template-columns: 193px 1fr;
        align-items: baseline;
    }

    #mintoku-study .sc-contact .contact-form .group:has(textarea),
    #mintoku-study .sc-contact .contact-form .group:has(textarea)>p {
        align-items: start;
    }

    #mintoku-study .sc-contact .contact-form .group>p {
        grid-column: 1 / -1;
    }

    #mintoku-study .sc-contact .contact-form .group label {
        margin-bottom: 0;
    }

    #mintoku-study .sc-contact .contact-form .group:has(textarea) label {
        margin-top: 17px;
    }

    #mintoku-study .sc-contact .contact-form input[type='submit'] {
        min-height: 72px;
        max-width: 340px;
        font-size: 19px;
        margin-top: 19px;
        background-size: 8px 16px;
    }


    /* footer */
    #mintoku-study #footer {
        padding-top: 84px;
    }

    #mintoku-study #footer .footer-main {
        background-color: transparent;
        padding-block: 77px 0;
    }

    #mintoku-study #footer .footer-inner {
        display: grid;
        padding-bottom: 0;
        grid-template-columns: 1fr max-content;
        gap: 35px 70px;
    }

    #mintoku-study #footer .desc {
        order: 1;
    }

    #mintoku-study #footer .desc .text {
        padding-top: 20px;
    }

    #mintoku-study #footer .contact {
        padding-top: 0;
        grid-column: 1 / -1;
        order: 3;
        display: grid;
        grid-template-columns: max-content 1fr 224px;
        align-items: center;
        border-top: 1px solid rgba(27, 90, 115, 0.3);
        border-bottom: 1px solid rgba(27, 90, 115, 0.3);
        padding-block: 28px;
    }

    #mintoku-study #footer .contact-title {
        font-size: 21px;
        border-bottom: 0;
        letter-spacing: 2px;
        padding-bottom: 0;
        padding-inline: min(35px, 2.25vw) min(34px, 2.13vw);
    }

    #mintoku-study #footer .contact-inner {
        border-left: 1px solid rgba(27, 90, 115, 0.3);
        padding-left: min(34px, 2.13vw);
    }

    #mintoku-study #footer .contact .group.mail .value {
        font-size: 19px;
        margin-bottom: -3px;
    }

    #mintoku-study #footer .contact .group.mail .value::before {
        width: 16px;
        height: 12px;
        margin-right: 4px;
        /*top: 1px;*/
    }

    #mintoku-study #footer .contact .group.tel .value {
        letter-spacing: 0.2px;
        margin-bottom: 1px;
        margin-top: -7px;
    }

    #mintoku-study #footer .contact-btn {
        position: static;
        transform: none;
        margin-inline: 0;
        min-width: initial;
    }

    #mintoku-study #footer .relate {
        order: 2;
        padding-top: 4px;
        gap: 5px 24px;
    }

    #mintoku-study #footer .relate-title {
        font-weight: 400;
        border-bottom: 0;
        margin-bottom: 3px;
    }

    #mintoku-study #footer .copyright {
        padding-block: 36px;
    }

    #mintoku-study #footer #backToTop {
        font-size: 20px;
        width: 84px;
        height: 84px;
        row-gap: 4px;
        padding-top: 6px;
    }

    #mintoku-study #footer #backToTop::before {
        width: 28px;
        height: 15px;
    }
}


@media screen and (min-width: 1024px) {

    /* solutions */
    #mintoku-study .sc-solutions .solution-02 .introduce .sub-title br,
    #mintoku-study .sc-solutions .solution-02 .branch2 .desc .text br {
        display: inherit;
    }

    /* voice */
    #mintoku-study .sc-voice .title {
        display: flex;
        align-items: baseline;
        column-gap: 80px;
    }


    /* footer */
    #mintoku-study #footer .contact .group {
        flex-direction: row;
        align-items: baseline;
        column-gap: 9px;
    }
}

@media screen and (min-width: 1200px) {

    /* header */
    #mintoku-study #header .header-inner {
        padding-inline: 24px 0;
        min-height: 60px;
    }

    #mintoku-study #header .header-logo {
        max-width: 204px;
    }

    #mintoku-study #header .header-main {
        position: static;
        top: 0;
        width: auto;
        height: 100%;
        background-color: transparent;
        opacity: 1;
        visibility: visible;
        padding-top: 0;
        overflow-y: initial;
        display: flex;
        column-gap: 22px;
        align-items: center;
    }

    #mintoku-study #header .header-main .nav {
        padding-inline: 0;
        margin-bottom: 0;
        display: flex;
        column-gap: 26px;
    }

    #mintoku-study #header .header-main .nav .nav-link:last-child {
        border-bottom: 0;
    }

    #mintoku-study #header .header-main .nav .nav-link {
        font-size: 14px;
        border-top: 0;
        justify-content: flex-start;
        padding: 0;
    }

    #mintoku-study #header .header-main .nav .nav-link::after {
        width: 12px;
        height: 6px;
    }

    #mintoku-study #header .header-main .personal {
        padding-inline: 0;
        column-gap: 11px;
        display: flex;
        margin-bottom: 0;
    }

    #mintoku-study #header .header-main .personal .btn {
        border: 0;
        min-height: 46px;
        column-gap: 8px;
        font-size: 14px;
        box-shadow: 0 0 15px rgba(141, 141, 141, 0.1);
        width: 140px;
        flex-shrink: 0;
    }

    #mintoku-study #header .header-main .personal .btn.login::before {
        width: 16px;
        height: 15px;
    }

    #mintoku-study #header .header-main .personal .btn.trial::before {
        width: 21px;
        height: 14px;
    }

    #mintoku-study #header .header-main .contact {
        display: flex;
    }

    #mintoku-study #header .header-main .contact .btn {
        min-height: 60px;
        width: 140px;
        flex-shrink: 0;
        font-size: 14px;
        font-weight: 600;
        column-gap: 8px;
    }

    #mintoku-study #header .header-main .contact .btn.tel::before {
        width: 15px;
        height: 15px;
    }

    #mintoku-study #header .header-main .contact .btn.mail::before {
        width: 15px;
        height: 12px;
    }

    #mintoku-study #header .hamburger {
        display: none;
    }
}


@media screen and (min-width: 1300px) {

    /* header */
    #mintoku-study #header .header-main .contact .btn {
        width: 170px;
    }
}