|
Server : Apache/2.4.43 (Win64) OpenSSL/1.1.1g PHP/7.4.6 System : Windows NT USER-PC 6.1 build 7601 (Windows 7 Professional Edition Service Pack 1) AMD64 User : User ( 0) PHP Version : 7.4.6 Disable Function : NONE Directory : C:/Users/User/AppData/Local/Google/Chrome/User Data/Default/Cache/Cache_Data/ |
@charset "UTF-8";
/* -----------------------------------------------------------
Bottompage(common)
----------------------------------------------------------- */
section#main {
padding-top: 8em;
}
/* -----------------------------------------------------------
About
----------------------------------------------------------- */
#motto .text-group ul li {
font-family: "fot-tsukubrdgothic-std", sans-serif;
font-weight: 700;
color: #3F4667;
line-height: 1.75em;
margin-top: 0.75em;
}
#motto .text-group ul li:nth-child(1) {
margin-top: 0;
}
#concept ol {
display: flex;
flex-wrap: wrap;
}
#concept ol > li {
counter-increment: cnt;
display: flex;
justify-content: flex-end;
flex-direction: column-reverse;
position: relative;
}
#concept ol > li::before {
background: #3F4667;
border-radius: 0.7em;
content: ""counter(cnt, decimal)"";
width: 1.4em;
height: 1.4em;
font-size: clamp(168.75%, 4.4vw , 281.25%);
font-family: "fot-tsukubrdgothic-std", sans-serif;
font-weight: 700;
color: #fff;
text-align: center;
line-height: 1.4em;
margin-top: -2.375em;
margin-bottom: 0.375em;
order: 2;
position: relative;
z-index: 5;
}
#concept ol > li .text-group {
order: 1;
}
#concept ol > li .heading02 {
font-size: clamp(125%, 3.125vw , 200%);
letter-spacing: 0;
margin-bottom: 1.75em;
position: relative;
z-index: 5;
}
#concept ol > li .img {
width: 100%;
text-align: right;
order: 3;
}
#concept ol > li .img img {
width: 91.8%;
max-width: 435px;
}
.bottom #program .row {
margin-top: 7.5em;
}
#performance .heading02 {
letter-spacing: 0;
}
#performance .post-index li {
margin-top: 0;
}
#performance .post-thumb img {
aspect-ratio: 340 / 230;
border-radius: 0;
object-position: center top;
}
#performance .post-grids .post-excerpt {
font-size: 93.75%;
line-height: 2em;
}
.about #performance .post-index li {
line-height: 2em;
}
/* -----------------------------------------------------------
Sugano Nona
----------------------------------------------------------- */
.sugano-nona #headline ruby {
-webkit-ruby-position: after;
ruby-position: under;
}
.sugano-nona #headline ruby rt {
font-size: 35%;
letter-spacing: 0.2em;
text-align: center;
ruby-align: center;
line-height: 1em;
transform: translateY(0.5em);
position: relative;
bottom: -0.5em;
}
#sugano-nona {
padding-bottom: 6.25em;
}
#sugano-nona > p:nth-last-child(1) img {
margin-bottom: 0;
}
.sugano-nona .figure-main {
text-align: center;
margin-bottom: 5em;
}
#sugano-nona img.aligncenter.yoko {
width: 70%;
min-width: 280px;
}
#sugano-nona img.aligncenter.tate {
width: 46%;
min-width: 240px;
}
#performance dl {
display: flex;
flex-wrap: wrap;
}
#performance dl dt {
width: calc(10em + 2.5em);
font-size: 125%;
line-height: 1.6em;
margin-top: 1.5em;
}
#performance dl dd {
width: calc(100% - 15.625em);
line-height: 2em;
margin-top: 1.875em;
}
/* -----------------------------------------------------------
Performance
----------------------------------------------------------- */
.page-template-page-achievement .page-title-wrap {
display: none;
}
.page-achievement {
width: 65.9%;
max-width: 900px;
margin: auto;
}
.page-achievement__subtitle {
font-size: 175%;
font-family: "fot-tsukubrdgothic-std", sans-serif;
font-weight: 700;
text-align: center;
line-height: 1.75em;
margin-bottom: 1.8125em;
position: relative;
}
.is-category-none {
display: none;
}
.page-achievement__main {
max-height: 400px;
overflow: auto;
border-radius: 15px;
background: #fdfaed;
margin-bottom: 60px;
padding: 60px;
}
.page-achievement__text {
max-width: 800px;
margin: 0 auto 60px;
font-size: 18px;
line-height: 2;
}
.page-achievement__btn {
display: block;
box-sizing: border-box;
max-width: 300px;
margin: 0 auto 60px;
padding: 20px 30px;
border-radius: 6px;
background: #406739;
color: #fff;
font-size: 16px;
text-align: center;
}
.page-achievement__btn:hover {
opacity: .8;
}
.achievement-year-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 5.25em;
}
.achievement-year-list__item {
border-right: 1px solid rgba(63, 70, 103, 0.5);
box-sizing: border-box;
font-size: 112.5%;
font-family: "fot-tsukubrdgothic-std", sans-serif;
font-weight: 700;
margin: 0.25em 0;
padding: 0 1.625em;
color: #3F4667;
text-align: center;
}
.achievement-year-list__item.is-active {
background: #3F4667;
color: #fff;
}
.achievement-year-list__item:hover {
background: #3F4667;
cursor: pointer;
color: #fff;
}
.achievement-year-list__item:nth-last-child(1) {
border-right: none;
}
.achievement-category-list {
display: flex;
flex-wrap: wrap;
margin-top: 3em;
margin-bottom: 7.5em;
}
.achievement-category-list__item {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 18.5%;
font-size: 112.5%;
text-align: center;
margin-right: 1.875%;
padding-top: 0.375em;
padding-bottom: 0.375em;
}
.achievement-category-list__item.is-active {
background: #3F4667;
color: #fff;
}
.achievement-category-list__item.is-disable {
cursor: default;
background: none;
border-color: #C5C7D1;
color: #C5C7D1;
opacity: inherit;
pointer-events: none;
}
.achievement-category-list__item:not(.is-disable):hover {
cursor: pointer;
}
.achievement-category-list__item:nth-child(5n) {
margin-right: 0;
}
.achievement-list {
width: 82%;
max-width: 900px;
margin: 0 auto;
padding-bottom: 6.25em;
}
.achievement-list__item {
border-bottom: 1px solid #C5C7D1;
display: flex;
padding: 0.875em 0;
}
.achievement-list__item:last-child {
border-bottom: none;
}
.achievement-list__date {
width: 20%;
font-weight: 400;
}
.achievement-list__text {
width: 80%;
}
.achievement-list__title {
font-weight: 400;
}
/* -----------------------------------------------------------
Company
----------------------------------------------------------- */
.box-sm {
width: 62%;
margin: 0 auto;
}
.btn-performance {
margin-top: 6.25em;
}
.btn-performance .btn-border {
min-width: 200px;
}
#member-list > li .text-group ul li {
font-size: 87.5%;
line-height: 1.75em;
margin-top: 0.5em;
}
#member-list > li .pic {
margin-bottom: 1.75em;
}
#business {
margin-top: 7.5em;
}
#business .business a {
display: block;
}
#business .business a:hover {
text-decoration: none;
}
#business .business .subheading01 {
/*flex: 1 auto;*/
margin-bottom: 1.25em;
}
#business .business .pic {
margin-bottom: 1.875em;
}
#business .business .text-group {
display: flex;
flex-direction: column;
}
.business-row {
margin-top: 9.375em;
}
.business-row:nth-of-type(1) {
margin-top: 0;
}
.business-row .pic img {
margin-top: 1.875em;
}
.business-row .pic img:nth-child(1) {
margin-top: 0;
}
.business-row .text-group h5 {
margin-top: 1.75em;
}
#vision .heading02 {
line-height: 1em;
}
#vision .heading02 .text-main, #mission .heading02 .text-main {
line-height: 1.75em;
margin-top: 0.75em;
}
#vi .heading02 {
margin-bottom: 0.875em;
}
#mission .heading04 {
margin-top: 7.5em;
margin-bottom: 1.625em;
}
.list-decimal {
margin-top: 5em;
}
.list-decimal > li {
counter-increment: cnt;
display: flex;
font-size: 125%;
font-weight: 700;
color: #3F4667;
line-height: 1.6em;
margin-top: 2em;
}
.list-decimal > li::before {
content: ""counter(cnt, decimal)"";
font-family: "fot-tsukubrdgothic-std", sans-serif;
font-size: 160%;
font-weight: 700;
color: #3F4667;
line-height: 1em;
margin-right: 1.25em;
}
#values .list-decimal + p {
margin-top: 5em;
}
.site-brand {
width: 220px;
margin-right: auto;
margin-left: auto;
}
.site-brand > div {
display: flex;
flex-direction: row;
align-items: flex-end;
height: 43px;
}
.site-brand .logomark {
width: 18.7%;
max-width: 41px;
margin-right: 1.25em;
margin-left: 0;
}
.site-brand .logo {
width: 71.4%;
align-items: flex-start;
margin: 0 0 0;
}
.site-brand .logo-main {
margin-top: 0.8em;
}
/* -----------------------------------------------------------
Custom Post Types
----------------------------------------------------------- */
.row-3 > article a:hover {
text-decoration: none;
}
.title-grids .post-excerpt {
line-height: 1.6em;
}
.tag-notes {
font-size: 81.25%;
/*line-height: 1.5em;*/
line-height: 1.6em;
margin-top: 0.5em;
}
.tag-notes li {
border-left: 1px solid #3F4667;
display: inline;
color: #3F4667;
line-height: 1em;
margin-left: 0.5em;
padding-left: 0.5em;
}
.tag-notes li:nth-child(1) {
border-left: none;
margin-left: 0;
padding-left: 0;
}
p.tag-seats {
height: 1.6em;
font-size: 81.25%;
color: #fff;
line-height: 1.6em;
margin-top: 1em;
}
ul.tag-seats {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-top: 0.40625em;
/*margin-top: 0.8125em;*/
}
ul.tag-seats li {
height: 1.6em;
font-size: 81.25%;
color: #fff;
line-height: 1.6em;
margin-top: 0.5em;
margin-right: 0.5em;
}
/*ul.tag-seats li:nth-child(1) {
margin-left: 0;
}*/
.tag-seats span {
background: #3F4667;
display: inline-block;
padding: 0 0.375em;
}
.read-copy {
font-size: 93.75%;
line-height: 1.75em;
margin-top: 0.75em;
}
/**
* main-school
*/
#access-map.heading02 {
padding-top: 3.25em;
}
.map iframe {
aspect-ratio: 11 / 4;
width: 100%;
vertical-align: bottom;
}
#access {
margin-top: 5.75em;
overflow: hidden;
position: relative;
}
#access .text h3 {
font-size: 125%;
font-weight: 700;
color: #3F4667;
line-height: 1.6em;
margin-bottom: 1.5em;
}
#access .text p {
line-height: 2em;
}
#route li {
margin-top: 5em;
}
#route dt {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
font-family: "fot-tsukubrdgothic-std", sans-serif;
font-weight: 700;
color: #3F4667;
line-height: 1em;
}
#route dt span {
display: flex;
justify-content: center;
width: 1.25em;
height: 1.25em;
margin-bottom: 0.5625em;
}
#route dt span img {
object-fit: contain;
}
#route dd a {
font-weight: 700;
color: #777D9D;
}
/**
* home
*/
#home-index .row-item {
width: 45.5%;
}
#home-index .row-item .heading02 {
letter-spacing: 0;
margin-top: 1.1875em;
margin-bottom: 1.1875em;
}
#home-index .row-item .btn {
min-width: 15em;
padding-right: 1em;
padding-left: 1em;
}
/**
* online
*/
.online .intro {
width: calc(84.8% + 2px);
}
.online .figure {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.online #learning {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 65.4%;
max-width: 892px;
margin: 0 auto;
padding-bottom: 2.5em;
}
.online #learning .pic {
width: 29.2%;
}
.online #learning .text-group {
box-sizing: border-box;
width: calc(100% - 29.2%);
padding-left: 5%;
}
/**
* text
*/
.text .figure {
display: flex;
flex-wrap: wrap;
align-items: center;
}
/**
* common
*/
.single:not(.single-post) .container-article > p > img {
width: 100% !important;
max-width: 100%;
height: auto;
}
/* -----------------------------------------------------------
Blog
----------------------------------------------------------- */
.blog #headline {
margin-bottom: 2em;
}
.blog #headline a {
color: #3F4667;
text-decoration: none;
}
.blog #headline a:hover {
color: #777D9D;
}
.blog #headline span {
padding: 0 0.5em;
}
.blog article {
border-bottom: 1px solid #C5C7D1;
margin-bottom: 2.8125em;
padding-bottom: 3.125em;
}
.blog article:nth-last-of-type(1) {
border-bottom: none;
margin-bottom: 6.25em;
padding-bottom: 0;
}
/*.blog.single-post article:nth-last-of-type(1) {
margin-bottom: 0;
}*/
.blog article ul.post-categories {
display: flex;
flex-wrap: wrap;
margin-right: 7.5em;
}
.single-post article ul.post-categories {
margin-right: 0;
margin-bottom: 2.25em;
}
.blog article ul.post-categories li {
margin: 0.3125em 0.9375em 0.3125em 0;
}
.blog article ul.post-categories li a {
background: #777D9D;
display: block;
font-family: "fot-tsukubrdgothic-std", sans-serif;
font-size: 81.25%;
font-weight: 700;
color: #fff;
text-decoration: none;
line-height: 1em;
padding: 0.384em 0.77em;
}
.blog article {
position: relative;
}
.blog article .row {
justify-content: space-between;
margin-top: 0.75em;
}
.blog article .row .post-thumb {
align-items: flex-start;
width: 42.9%;
max-width: 300px;
margin-bottom: 0;
}
.blog article .row .post-thumb img {
border-radius: 0;
}
.blog article .related-post .row .post-thumb {
width: 100%;
max-width: 300px;
margin-bottom: 1.625em;
}
.blog article .related-post .row .post-thumb img {
border-radius: 0.625em;
}
.blog article .row .text-group {
width: 51.5%;
max-width: 360px;
}
.blog article .row .text-group p {
font-size: 93.75%;
}
.blog article .row .text-group .btn-more {
display: flex;
justify-content: flex-end;
margin-top: 1.625em;
}
.blog article .row .text-group .btn-more a {
line-height: 1;
padding: 0.5625em 3.125em;
}
.blog article .row .text-group .title-grids {
line-height: 1.6;
margin-bottom: 1.25em;
}
ul.page-numbers {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
/*text-align: center;*/
}
ul.page-numbers li {
font-size: 87.5%;
font-weight: 700;
margin: 0 0.5em;
}
ul.page-numbers li span.current {
background: #777D9D;
display: flex;
align-items: center;
justify-content: center;
width: 2em;
height: 2em;
color: #fff;
}
ul.page-numbers li a.first,
ul.page-numbers li a.last,
ul.page-numbers li a.page {
border: 1px solid #777D9D;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: 2em;
height: 2em;
color: #777D9D;
text-decoration: none;
}
.blog .box-side .bnr-group + .subheading03 {
margin-top: 2.75em;
}
.blog .box-side .bnr-group li {
text-align: center;
}
.blog .box-side .bnr-group li a img {
max-width: 280px;
}
.blog .box-side .side-cat {
padding: 0 0.625em;
}
.blog .box-side .side-cat > li {
font-size: 93.75%;
line-height: 1.8em;
margin-top: 1em;
padding: 0 0.6em;
}
.blog .box-side .side-cat li:nth-child(5n) {
border-bottom: 1px solid #C5C7D1;
margin-bottom: 1.6em;
padding-bottom: 1.6em;
}
.blog .box-side .side-cat > li:nth-child(5n+1) {
margin-top: 0;
}
.blog .box-side .side-cat li:nth-child(n+25) {
border-bottom: none;
margin-top: 1em;
margin-bottom: 0;
padding-bottom: 0;
}
.blog .box-side .side-cat li:nth-child(-n+10) {
font-weight: 700;
}
.blog .box-side .side-cat li a {
color: #3F4667;
}
.blog .box-side .side-archive {
text-align: center;
}
.blog .box-side select {
appearance: none;
cursor: pointer;
background: #fff;
border: 1px solid #777D9D;
border-radius: 0.325em;
box-sizing: border-box;
width: 100%;
max-width: 280px;
font-family: inherit;
font-size: 93.75%;
color: #3F4667;
line-height: 1;
outline: none;
padding: 1em;
}
.blog .box-side .side-books {
text-align: center;
}
/* -----------------------------------------------------------
Search
----------------------------------------------------------- */
.blog.search article {
padding-bottom: 3em;
}
.blog.search article:nth-last-of-type(1) {
padding-bottom: 0;
}
.blog.search article .row {
margin-top: 0;
}
.blog.search article .row .text-group {
width: 100%;
max-width: inherit;
}
.blog.search article .row .text-group .title-grids {
margin-bottom: 0;
}
.blog.search article .row .text-group p.more {
margin-top: 1.5em;
}
/* -----------------------------------------------------------
Single
----------------------------------------------------------- */
.box-side h3 {
font-size: 125%;
}
.box-tag {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 1.625em;
/*margin-bottom: 2.5em;*/
}
#btn-details {
margin-top: 2em;
margin-bottom: 3.125em;
}
#btn-details .btn-border {
padding-right: 2.625em;
padding-left: 2.625em;
}
.container-article {
margin-top: 5em;
}
.container-article h2 {
font-family: "fot-tsukubrdgothic-std", sans-serif;
font-size: 150%;
font-weight: 700;
color: #3F4667;
line-height: 1.75em;
margin-top: 3em;
margin-bottom: 2em;
}
.single-main-school .container-article h2,
.single-online .container-article h2,
.single-text .container-article h2,
.single-event .container-article h2 {
border-top: 1px solid #777D9D;
margin-top: 5em;
padding-top: 3.25em;
}
.container-article h3 {
font-size: 112.5%;
font-weight: 700;
color: #3F4667;
margin-top: 3.5em;
margin-bottom: 1.75em;
}
.container-article p, .container-article ul, .container-article ol {
margin-top: 1.75em;
}
.container-article ul li {
list-style: disc inside;
}
.container-article ol li {
list-style: decimal inside;
}
.container-article a {
color: #3F4667;
}
.container-article h2 + h3, .container-article h2 + p, .container-article h3 + p,
.container-article h2 + .wp-block-image {
margin-top: 0;
}
.container-article h2:nth-child(1) {
/*border-top: none;*/
margin-top: 0;
/*padding-top: 0;*/
}
/*.single-main-school .container-article h2:nth-child(1),
.single-main-school .container-article h2:nth-of-type(1),
.single-online .container-article h2:nth-child(1),
.single-online .container-article h2:nth-of-type(1),
.single-text .container-article h2:nth-child(1),
.single-text .container-article h2:nth-of-type(1),
.single-event .container-article h2:nth-child(1),
.single-event .container-article h2:nth-of-type(1) {
border-top: none;
margin-top: 0;
padding-top: 0;
}*/
.single-main-school .container-article h2:nth-child(1),
.single-online .container-article h2:nth-child(1),
.single-text .container-article h2:nth-child(1),
.single-event .container-article h2:nth-child(1) {
margin-top: 0;
}
.container-article .wp-block-group {
margin-top: 6.25em;
padding: 3.125em;
}
.single-main-school .container-article .wp-block-group h2:nth-child(1),
.single-online .container-article .wp-block-group h2:nth-child(1),
.single-text .container-article .wp-block-group h2:nth-child(1),
.single-event .container-article .wp-block-group h2:nth-child(1) {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.container-article .wp-block-group.has-cyan-bluish-gray-background-color {
background: #f7f7f7 !important;
}
.container-article .wp-block-group p:nth-child(1) {
margin-top: 0;
}
.container-article .wp-block-image {
margin-top: 5em;
margin-bottom: 5em;
}
.container-article .wp-block-image + .wp-block-image {
margin-top: 0;
}
.container-article .wp-block-image + h3 {
margin-top: 2.75em;
}
.container-article .wp-block-group .wp-block-image {
margin-top: 3.75em;
}
.box-side p.text-link a {
border-bottom: 2px solid #3F4667;
display: block;
text-decoration: none;
line-height: 1.25em;
padding-bottom: 0.75em;
}
.sticky-sidebar.is-active {
position: sticky;
}
.sticky-sidebar .btn-cv {
padding-right: 1.5em;
padding-left: 1.5em;
}
.post-title {
font-size: 200%;
line-height: 1.75em;
margin-bottom: 2.5em;
}
.single .post-title {
margin-bottom: 0;
}
.post-list {
margin-top: 1.875em;
margin-bottom: 3.125em;
}
.post-list h4 {
font-size: 93.75%;
font-weight: 400;
line-height: 1.75em;
}
.post-list > li {
margin-top: 3.125em;
}
.post-list > li:nth-child(1) {
margin-top: 0;
}
.post-list .post-thumb {
margin-bottom: 0.9375em;
}
.post-list .tag-notes li {
color: #000;
}
#ez-toc-container, .ez-toc {
border: 1px solid #777D9D;
border-radius: 0.625em;
padding: 1.25em;
}
.ez-toc h3,
.ez-toc-title {
display: block;
font-family: "fot-tsukubrdgothic-std", sans-serif;
font-weight: 700;
color: #3F4667;
letter-spacing: 0.5em;
margin-bottom: 1em;
}
p.ez-toc-title {
margin-top: 0;
}
.toc_widget_list > li,
.ez-toc-list > li {
counter-increment: cnt;
display: flex;
font-size: 90%;
margin-top: 0.25em;
}
.toc_widget_list > li:nth-child(1),
.ez-toc-list > li:nth-child(1), .list-decimal > li:nth-child(1) {
margin-top: 0;
}
.toc_widget_list > li::before,
.ez-toc-list > li::before {
content: ""counter(cnt, decimal)"";
font-weight: 700;
color: #3F4667;
margin-right: 1em;
}
.toc_widget_list > li a,
.ez-toc-list > li a {
font-weight: 700;
color: #3F4667;
}
#agreement {
background: #F7F7F7;
margin-top: 6.25em;
padding: 3.125em;
}
#agreement h3, #agreement p, #agreement li {
font-size: 93.75%;
}
#agreement ul {
margin-top: 1.25em;
}
#agreement ul li {
list-style: none;
margin-top: 0.625em;
}
#agreement ul li:nth-child(1) {
margin-top: 0;
}
#agreement strong {
font-size: 106%;
color: #3F4667;
}
#agreement a {
font-weight: 700;
}
.post-meta {
border-top: 1px solid #777D9D;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 1.125em;
padding-top: 0.9375em;
}
.post-meta p {
font-size: 93.75%;
font-weight: 700;
color: #3F4667;
line-height: 1em;
margin-top: 0;
}
.post-meta p.post-author a {
/*text-decoration: none;*/
}
.single-post .container-article figure.wp-block-image img {
margin-bottom: 0;
}
.single-post .container-article figure.wp-block-image figcaption {
font-size: 81.25%;
text-align: center;
margin-top: 1.25em;
margin-bottom: 0;
}
.single-post .container-article img {
display: block;
/*width: 100%;
max-width: 600px;*/
width: auto;
max-width: 100%;
height: auto;
margin: 3.125em auto;
}
.single-post .container-article .btn-container {
margin-top: 6.25em;
}
.single-post .container-article .btn-cv {
color: #fff;
line-height: 1.5em;
padding: 0.614em 2.28em;
}
.footer-article {
margin-top: 6.25em;
}
.single-post .sns-container {
background: #F7F7F7;
border: 1px solid #C5C7D1;
padding: 1.875em;
}
.single-post .sns-container dt {
line-height: 1em;
margin-bottom: 1.875em;
}
.single-post .sns-container ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.single-post .sns-container ul li {
margin: 0 1.40625em;
}
.single-post .sns-container ul li img {
width: auto;
height: 1.6875em;
}
.blog .post-tags {
display: flex;
flex-wrap: wrap;
margin-top: calc(6.75em - 0.46875em);
}
.blog .post-tags li {
margin: 0.46875em 0.9375em 0.46875em 0;
}
.blog .post-tags li a {
border: 1px solid #707070;
border-radius: 0.36em;
display: block;
font-size: 87.5%;
text-decoration: none;
line-height: 1em;
padding: 0.714em 1.357em;
}
.adjacent-nav {
border-top: 1px solid #C5C7D1;
border-bottom: 1px solid #C5C7D1;
display: flex;
flex-wrap: wrap;
margin-top: calc(6.75em - 0.46875em);
padding: 1.875em 0;
position: relative;
}
.adjacent-nav > div {
display: flex;
width: 50%;
}
.adjacent-nav > div > a {
display: flex;
flex-wrap: wrap;
width: 100%;
text-decoration: none;
}
.adjacent-nav-next > a {
flex-direction: row-reverse;
}
.adjacent-nav .pic {
width: 28.6%;
max-width: 100px;
}
.adjacent-nav-prev .pic {
margin-right: 1.25em;
}
.adjacent-nav-next .pic {
margin-left: 1.25em;
}
.adjacent-nav .pic img {
aspect-ratio: 1 / 1;
border-radius: 0.625em;
object-fit: cover;
object-position: center center;
}
.adjacent-nav .text-group {
width: 51.5%;
max-width: 180px;
}
.adjacent-nav .text-group dt {
font-size: 93.75%;
font-weight: 700;
color: #3F4667;
line-height: 1.5em;
margin-bottom: 0.6em;
}
.adjacent-nav-next .text-group dt {
text-align: right;
}
.adjacent-nav .text-group dd {
font-size: 81.25%;
color: #3F4667;
line-height: 1.75em;
}
.related-post {
margin-top: 5.875em;
}
.related-post .post-excerpt {
font-size: 87.5%;
}
.archive.blog .heading02 {
margin-bottom: 2em;
}
/* -----------------------------------------------------------
Taxonomy
----------------------------------------------------------- */
.post-list-disc li {
display: flex;
margin-top: 1.25em;
}
.post-list-disc li::before {
content: "・";
}
.post-list-disc li:nth-child(1) {
margin-top: 0;
}
/* -----------------------------------------------------------
Contact
----------------------------------------------------------- */
.contact .wpcf7 {
padding-top: 1.875em;
}
.contact .form-item dl,
.contact .form-item .btn-container,
.contact .form-item .response {
width: 75%;
margin-right:auto;
margin-left:auto;
}
.contact .form-item .notice {
background: #F8F2CC;
border-radius: 0.625em;
box-sizing: border-box;
width: 87.5%;
margin: 5.3125em auto 7.5em;
padding: 2.5em 3.125em;
}
.contact .form-item dt.ques-item {
margin-top: 6.25em;
}
/**
* form
*/
.contact .wpcf7 .form-item input[type="text"], .contact .wpcf7 .form-item input[type="tel"],
.contact .wpcf7 .form-item input[type="email"], .contact .wpcf7 .form-item textarea,
.contact .wpcf7 .form-item select {
appearance: none;
background: #fff;
border: 1px solid #C5C7D1;
box-sizing: border-box;
margin: 0;
padding: 0.5em;
}
.contact .wpcf7 .form-item textarea {
vertical-align: bottom;
}
.contact .wpcf7 .form-item input[type="text"], .contact .wpcf7 .form-item input[type="tel"],
.contact .wpcf7 .form-item input[type="email"], .contact .wpcf7 .form-item textarea {
border-radius: 5px;
width: 100%;
font-size: 100%;
line-height: 1.75em;
}
.contact .wpcf7 .form-item input:focus, .contact .wpcf7 .form-item textarea:focus {
outline: none;
}
.contact .wpcf7 .form-item input[type="checkbox"],
.contact .wpcf7 .form-item input[type="radio"] {
display:none;
}
.contact .wpcf7 .form-item input[type="submit"], .contact .wpcf7 .form-item input[type="button"],
.contact .wpcf7 .form-item input[type="reset"] {
box-sizing: border-box;
appearance: none;
border: none;
cursor: pointer;
width: 100%;
}
.contact .wpcf7 .form-item .checkbox, .contact .wpcf7 .form-item .radio {
box-sizing: border-box;
cursor: pointer;
/*padding-left: 30px;*/
position: relative;
}
.contact .checkbox span.wpcf7-list-item-label::after,
.contact .wpcf7-acceptance span.wpcf7-list-item-label::after {
background: #fff;
border: 1px solid #C5C7D1;
border-radius: 2px;
box-sizing: border-box;
display: block;
content: "";
width: 20px;
height: 20px;
transition: border-color 0.25s linear;
margin-top: auto;
margin-bottom: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 1;
}
/*.radio::after {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 2px solid #eaeef1;
display: block;
content: "";
width: 16px;
height: 16px;
-webkit-transition: border-color 0.25s linear;
transition: border-color 0.25s linear;
margin-top: -10px;
padding-left: -1.25em;
position: absolute;
top: 50%;
left: 0;
}*/
.contact .checkbox span.wpcf7-list-item-label {
position: relative;
margin: 0;
}
.contact .checkbox span.wpcf7-list-item-label::before,
.contact .wpcf7-acceptance span.wpcf7-list-item-label::before {
border-right: 3px solid #3F4667;
border-bottom: 3px solid #3F4667;
display: block;
width: 5px;
height: 9px;
content: "";
opacity: 0;
transform: rotate(45deg);
margin-top: -7px;
margin-bottom: auto;
position: absolute;
top: 50%;
bottom: 0;
left: 6px;
z-index: 2;
}
/*.radio::before {
background-color: #aacf52;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
display: block;
width: 8px;
height: 8px;
content: "";
opacity: 0;
-webkit-transition: opacity 0.25s linear;
transition: opacity 0.25s linear;
margin-top: -4px;
position: absolute;
top: 50%;
left: 6px;
}*/
.contact span.wpcf7-list-item {
margin-left: 0;
}
.contact .checkbox span.wpcf7-list-item-label,
.contact .wpcf7-acceptance span.wpcf7-list-item-label {
cursor: pointer;
display: flex;
align-items: center;
margin: 0.9375em 3.125em 0.9375em 0;
padding-left: 30px;
}
.contact .checkbox span.has-free-text {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.contact .checkbox span.has-free-text span.wpcf7-list-item-label {
margin-right: 0.9375em;
}
.contact .checkbox span.has-free-text input.wpcf7-free-text {
width: calc(100% - 3em - 30px - 0.9375em);
margin: 0.9375em 0;
}
.contact input[type="checkbox"]:checked + span.wpcf7-list-item-label::before {
opacity: 1.0;
}
.contact .form-item input[type="submit"]:disabled {
background: #636363;
}
.contact span.wpcf7-not-valid-tip {
font-size: 87.5%;
margin-top: 0.5em;
}
/*input["type=radio"]::checked + .radio:before {
opacity: 1.0;
}*/
.contact .chk-list li {
display: flex;
align-items: center;
margin: 0.9375em 3.125em 0.9375em 0;
}
.contact .chk-list div.row {
align-items: center;
margin: 0.9375em 0;
}
.contact .chk-list div.row .notes {
width: calc(100% - 6em);
margin-left: 0.9375em;
}
.contact small.aster {
font-size: 75%;
color: #3F4667;
padding-left: 0.5em;
}
.contact span.attention {
display: block;
font-size: 87.5%;
margin-top: 0.125em;
}
.contact .form-item dt {
margin-top: 3.125em;
margin-bottom: 0.5625em;
}
.contact .form-item dt:nth-of-type(1) {
margin-top: 0;
}
.contact .form-item dd textarea {
margin-top: 0.75em;
}
.contact div.wpcf7 .ajax-loader {
display: none;
}
/* -----------------------------------------------------------
MediaQueries(PC)
----------------------------------------------------------- */
@media only screen and (min-width: 1025px) {
#motto {
grid-template-columns: 56% 44%;
}
#motto .text-group ul li {
font-size: min(1.8vw, 137.5%);
}
.bottom.home .container-sm {
width: 80.6%;
max-width: 900px;
}
.bottom.home .container-sm .text-center {
text-align: left;
}
.online .figure .pic {
width: 51%;
}
.online .figure .text-group {
display: flex;
flex-direction: column;
justify-content: center;
width: 36%;
margin: auto;
padding: 0 6.5%;
}
.text .figure .pic {
width: 51%;
}
.text .figure .text-group {
display: flex;
flex-direction: column;
justify-content: center;
width: 42.5%;
margin: auto;
padding: 0 0 0 6.5%;
}
/**
* Blog
*/
.blog .article {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.blog .article .box-reg, .single-post .article .box-reg {
width: calc(100% - 10.9% - 280px);
}
.blog .article .box-side, .single-post .article .box-side {
width: 25.5%;
max-width: 280px;
margin-top: 0.3125em;
}
.blog .box-side .side-books li {
aspect-ratio: 100 / 82;
margin-top: 3.125em;
}
.blog .box-side .side-books img {
width: auto;
height: 100%;
max-height: 230px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
.online .figure .text-group .text-20 {
font-size: clamp(100%, 1.5625vw, 125%);
}
.text .figure .text-group .text-16 {
font-size: clamp(87.5%, 1.25vw, 100%);
}
}
/* -----------------------------------------------------------
MediaQueries(PC and TB)
----------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
section#main {
padding-top: 4.25em;
}
.sugano-nona .figure-main {
margin-bottom: 7.8125vw;
}
.achievement-year-list {
justify-content: flex-start;
}
.achievement-year-list__item {
width: 20%;
padding-right: 0;
padding-left: 0;
}
.box-sm {
width: 84.6%;
}
.online .figure .text-group {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 9% 6.5%;
}
.online #learning {
flex-direction: column;
width: 80.6%;
}
.online #learning .pic {
width: 260px;
margin-bottom: 1.875em;
}
.online #learning .text-group {
width: 100%;
padding-left: 0;
}
.text .figure .pic {
margin-bottom: 3.125em;
}
/**
* Blog
*/
.blog .article .box-reg {
width: 100%;
max-width: inherit;
}
.blog .article .box-side {
/*width: 100%;*/
width: 94.223%;
max-width: inherit;
margin: 5em auto 0;
padding-bottom: 3.125em;
}
.blog.single-post .article .box-side {
/*width: 100%;*/
/*width: 94.223%;*/
width: 84.8%;
}
.blog .article .box-side .subheading03 {
margin-bottom: 1.875em;
}
.blog .box-side .bnr-group + .subheading03 {
margin-top: 3.375em;
}
.footer-article {
margin-top: 5em;
}
.blog .post-tags {
margin-top: calc(5em - 0.46875em);
}
}
@media only screen and (min-width: 835px) and (max-width: 1024px) {
#motto {
grid-template-columns: 50% 50%;
}
#motto .text-group ul li {
font-size: clamp(100%, 1.9vw, 118.75%);
}
.achievement-year-list__item:nth-child(5n) {
border-right: none;
}
.blog article .row .post-thumb {
max-width: inherit;
}
.blog article .row .text-group {
max-width: inherit;
}
}
@media only screen and (min-width: 835px) {
#motto {
display: grid;
}
#motto p.img {
max-width: 620px;
}
#motto p {
grid-column: 1;
margin-top: 1.875em;
}
#motto p:nth-of-type(1) {
margin-top: 0;
}
#motto .text-group {
box-sizing: border-box;
display: flex;
align-items: center;
grid-column: 2;
grid-row: 1/3;
max-width: 480px;
padding-left: 16.5%;
}
#performance dl dt:nth-of-type(1), #performance dl dd:nth-of-type(1) {
margin-top: 0;
}
.main-school #headline, .online #headline, .text #headline {
letter-spacing: 0.2em;
}
#access .text {
width: 54.6%;
max-width: 600px;
float: right;
}
#access .pic {
width: 36.4%;
max-width: 400px;
margin-top: 0.375em;
float: left;
}
#route {
width: 54.6%;
max-width: 600px;
float: right;
}
.single .article, .term-finished .article, .page-template-page-main-school-finished .article,
.page-template-page-online-finished .article,
.page-template-page-text-finished .article {
padding-bottom: 5em;
}
.box-reg {
/*width: 63.7%;*/
width: calc(100% - 14.4% - 240px);
max-width: 700px;
}
.single:not(.single-main-school) .box-reg .box-tag {
margin-top: 0;
}
.box-reg .box-tag p.tag-seats, .box-reg .box-tag .tag-notes {
margin-top: 1.5em;
}
.box-reg .box-tag ul.tag-seats {
margin-top: 0;
}
.box-side {
/*width: 21.9%;*/
width: 240px;
max-width: 240px;
position: relative;
}
.container-article #ez-toc-container {
display: none;
}
.blog article .row .text-group .post-date {
font-weight: 400;
line-height: 2.095;
margin-top: 0;
position: absolute;
top: 0;
right: 0;
}
.contact input[type="submit"].btn-cv {
width: 54.7%;
max-width: 328px;
padding: 0.614em 2.75em;
}
}
@media only screen and (min-width: 481px) {
#concept ol > li {
width: 43.1%;
max-width: 474px;
margin-top: 7.5em;
margin-left: 13.8%;
}
#concept ol > li:nth-child(-n+2) {
margin-top: 0;
}
#concept ol > li:nth-child(odd) {
margin-left: 0;
}
.flex-tbl {
display: flex;
flex-wrap: wrap;
width: 100%;
}
#co-info {
line-height: 2em;
margin-top: 7.5em;
}
#co-info dt {
width: 20%;
font-weight: 700;
margin-top: 1.75em;
}
#co-info dd {
width: 80%;
margin-top: 1.75em;
}
#co-info dt:nth-of-type(1), #co-info dd:nth-of-type(1) {
margin-top: 0;
}
#member-list {
width: 91%;
max-width: 1000px;
margin: 0 auto;
}
#member-list > li {
width: 30%;
margin-top: 7.5em;
margin-left: 5%;
}
#member-list > li:nth-child(-n+3) {
margin-top: 0;
}
#member-list > li:nth-child(3n+1) {
margin-left: 0;
}
#member-list > li .text-group h3 {
margin-bottom: 0.25em;
}
#member-list > li .text-group li {
margin-top: 0.25em;
}
#member-list > li .text-group li:nth-child(1) {
margin-top: 0;
}
#business .business {
display: flex;
flex-direction: column;
width: 45.5%;
max-width: 500px;
margin-top: 7.5em;
margin-left: 9%;
}
#business .business:nth-child(-n+2) {
margin-top: 0;
}
#business .business:nth-child(odd) {
margin-left: 0;
}
#business .business .heading05 {
flex: 1 auto;
}
.business-row .pic {
width: 30%;
}
.business-row .text-group {
width: 65%;
margin-left: 5%;
}
#vision p, #mission p, #values p, #vi p {
line-height: 2em;
}
#route dl {
display: flex;
}
#route dt {
border-right: 2px solid #777D9D;
width: 15%;
padding-right: 6.5%;
}
#route dd {
box-sizing: border-box;
width: 85%;
line-height: 2em;
padding-left: 1.875em;
}
.online .figure .text-group .text-center {
text-align: left;
}
.single .article, .term-finished .article,
.page-template-page-main-school-finished .article,
.page-template-page-online-finished .article,
.page-template-page-text-finished .article {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.box-tag .tag-notes {
font-family: "fot-tsukubrdgothic-std", sans-serif;
font-weight: 700;
font-size: 112.5%;
}
/*.box-tag ul.tag-seats + ul.tag-notes {
margin-top: 1em;
}*/
.box-tag p.tag-seats {
font-family: "fot-tsukubrdgothic-std", sans-serif;
font-weight: 700;
font-size: 112.5%;
margin-right: 1.625em;
}
.box-tag ul.tag-seats li {
font-family: "fot-tsukubrdgothic-std", sans-serif;
font-weight: 700;
font-size: 112.5%;
margin-top: 0;
/*margin-right: 1.625em;*/
}
.read-copy.text-brand {
font-size: 112.5%;
margin-top: 2.25em;
}
.figure-main + .btn-container {
margin-top: 3.125em;
}
}
/* -----------------------------------------------------------
MediaQueries(TB and SP)
----------------------------------------------------------- */
@media only screen and (max-width: 834px) {
#motto {
display: flex;
flex-direction: column;
}
#motto .heading01 {
margin-bottom: 1em;
}
#motto p {
margin-top: 2.5em;
margin-right: auto;
margin-left: auto;
order: 3;
}
#motto p:nth-of-type(1) {
margin-top: 0;
margin-bottom: 2.5em;
order: 1;
}
#motto .text-group {
text-align: center;
order: 2;
}
#motto .text-group ul li {
font-size: clamp(100%, 2.6vw, 137.5%);
}
.bottom #program .heading01 + p.line-height-2 {
line-height: 1.75em;
}
.bottom #program .row {
margin-top: 5em;
}
.bottom #program .sec-header + .row {
margin-top: 3.125em;
}
#performance .post-grids .post-excerpt {
font-size: clamp(87.5%, 1.8vw, 93.75%);
line-height: 1.75em;
}
.about #performance .post-index li {
font-size: clamp(87.5%, 1.9vw, 100%);
line-height: 1.75em;
}
#performance .post-index.mt-5em, #performance .btn-container.mt-5em {
margin-top: 3.125em;
}
#sugano-nona > p {
font-size: clamp(87.5%, 1.9vw, 100%);
line-height: 1.75em;
}
#performance dl {
display: block;
}
#performance dl dt {
width: 100%;
font-size: clamp(112.5%, 2.4vw, 125%);
line-height: 1.6em;
margin-top: 2.5em;
}
#performance dl dt:nth-of-type(1) {
margin-top: 0;
}
#performance dl dd {
width: 100%;
font-size: clamp(87.5%, 1.9vw, 100%);
line-height: 1.75em;
margin-top: 1em;
}
.achievement-list {
width: 100%;
padding-bottom: 5em;
}
.page-achievement__text {
margin: 0 auto 30px;
}
.achievement-list__date {
font-size: clamp(87.5%, 1.9vw, 100%);
}
.achievement-list__title {
font-size: clamp(87.5%, 1.9vw, 100%);
}
.achievement-year-list {
justify-content: flex-start;
margin-top: 0;
}
.achievement-year-list__item {
width: 25%;
font-size: clamp(100%, 2.15vw, 112.5%);
}
.achievement-year-list__item:nth-child(4n) {
border-right: none;
}
.achievement-year-list__item:nth-last-child(1) {
width: 50%;
}
.achievement-category-list {
margin-top: 1em;
margin-bottom: 3.125em;
}
.achievement-category-list__item {
width: 48.4%;
font-size: clamp(100%, 2.15vw, 112.5%);
margin: 0.625em 0 0 3.2%;
padding-right: 1em;
padding-left: 1em;
}
.achievement-category-list__item:nth-child(odd) {
margin-left: 0;
}
.achievement-category-list__item:nth-child(-n+2) {
margin-top: 0;
}
.page-achievement__subtitle {
font-size: clamp(125%, 3.4vw, 175%);
}
.achievement-list__item {
flex-direction: column;
}
.achievement-list__date {
width: 100%;
margin-bottom: 8px;
}
.achievement-list__text {
width: 100%;
}
.achievement-list__description {
font-size: clamp(87.5%, 1.9vw, 100%);
}
.box-sm {
width: 100%;
}
#member-list > li .text-group ul li {
font-size: clamp(81.25%, 1.7vw, 87.5%);
}
#access {
margin-top: 3.125em;
}
#access .text h3 {
font-size: clamp(112.5%, 2.4vw, 125%);
line-height: 1.75em;
}
#access .pic {
margin: 3.125em 0;
}
#route li {
margin-top: 3.125em;
}
#route li:nth-child(1) {
margin-top: 0;
}
#home-index .row-item {
width: 100%;
margin-top: 6.25em;
}
#home-index .row-item:nth-child(1) {
margin-top: 0;
}
#home-index .row-item .heading02 {
margin-top: 0.875em;
margin-bottom: 0.875em;
}
#home-index .row-item .btn-container.mt-5em {
margin-top: 3.125em;
}
#home-index .row-item .btn-container .text-20 {
font-size: 125%;
}
.online .figure .text-group .br {
display: block;
}
.online #learning {
width: 84.8%;
}
.read-copy {
font-size: clamp(87.5%, 1.8vw, 93.75%);
}
p.tag-seats {
font-size: clamp(75%, 1.6vw, 81.25%);
margin-top: 0.75em;
}
ul.tag-seats {
/*margin-top: 0.5625em;*/
}
.box-reg .box-tag p.tag-seats, .box-reg .box-tag .tag-notes {
margin-top: 1.5em;
}
/*.box-reg .box-tag ul.tag-seats + .tag-notes {
margin-top: 1.5em;
}*/
/*.box-reg */.box-tag ul.tag-seats {
margin-top: 0;
}
ul.tag-seats li {
font-size: clamp(75%, 1.6vw, 81.25%);
/*margin-top: 0.75em;*/
}
.post-title {
font-size: clamp(125%, 3.9vw, 200%);
}
.container-article h2 {
font-size: clamp(125%, 2.9vw, 150%);
margin-top: 4em;
padding-top: 2.875em;
}
.blog .container-article h2 {
margin-top: 3.625em;
padding-top: 0;
}
.container-article h3 {
font-size: 100%;
margin-top: 3em;
margin-bottom: 1.25em;
}
.container-article p, .container-article ul, .container-article ol {
font-size: clamp(87.5%, 1.9vw, 100%);
}
.sticky-sidebar {
display: none;
}
.box-side {
margin: 3.125em auto 0;
}
#ez-toc-container {
margin-bottom: 5em;
}
.post-list {
display: flex;
flex-wrap: wrap;
}
.post-list > li {
width: 47.5%;
margin-top: 2.5em;
margin-left: 5%;
}
.post-list > li:nth-child(-n+2) {
margin-top: 0;
}
.post-list > li:nth-child(odd) {
margin-left: 0;
}
.post-list h4 {
font-size: 87.5%;
font-weight: 700;
color: #3F4667;
line-height: 1.5em;
}
.post-list .tag-notes {
font-size: 75%;
line-height: 1.5em;
margin-top: 0.5em;
}
.post-list .tag-notes li {
color: #3F4667;
}
.post-list p.tag-seats {
font-size: 68.75%;
margin-top: 0.9375em;
}
.post-list ul.tag-seats {
margin-top: 0.30078125em;
}
.post-list ul.tag-seats li {
font-size: 68.75%;
}
#last-btn-cv a.text-24 {
font-size: 125%;
}
#last-btn-cv.sp-none{
display: none;
}
#last-btn-cv.sp-active{
animation: btn-cv-sp 0.5s forwards;
margin-top: 0;
position: fixed;
bottom: 1.25em;
left: 5%;
z-index: 999;
}
.blog #headline {
line-height: 1.5;
}
.blog article, .blog.search article {
margin-bottom: 1.875em;
padding-bottom: 1.875em;
}
.blog article:nth-last-of-type(1), .blog.search article:nth-last-of-type(1) {
margin-bottom: 5em;
}
.blog article ul.post-categories {
margin-right: 0;
}
.blog.single-post article ul.post-categories {
margin-bottom: 1.40625em;
}
.blog article .row .text-group .post-date {
font-weight: 400;
line-height: 1.25em;
margin-top: 0;
margin-bottom: 0.875em;
}
.blog article .row {
margin-top: 1em;
}
.blog article ul.post-categories li a {
font-size: 75%;
padding-top: 0.416em;
padding-bottom: 0.416em;
}
.blog article .row .post-thumb {
width: 41.5%;
}
.blog article .row .text-group {
width: 54%;
}
.post-meta p {
font-size: clamp(75%, 1.8vw, 93.75%);
}
.single-post .container-article figure.wp-block-image figcaption {
font-size: clamp(75%, 1.6vw, 81.25%);
}
.contact span.attention {
font-size: clamp(85.725%, 1.7vw, 87.5%);
line-height: 1.75em;
}
.contact label.checkbox,
.contact .checkbox span.wpcf7-list-item-label, .contact .wpcf7-acceptance span.wpcf7-list-item-label {
font-size: clamp(87.5%, 1.9vw, 100%);
}
.contact .cv .btn-cv, .contact .wpcf7 .btn-cv {
font-size: clamp(125%, 2.7vw, 137.5%);
padding-top: 0.375em;
padding-bottom: 0.375em;
}
}
@media only screen and (min-width: 481px) and (max-width: 1024px) {
.blog .box-side .side-books {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.blog .box-side .side-books li {
aspect-ratio: 1 / 1;
width: 29.8%;
margin-top: 1.875em;
margin-left: 5.3%;
}
.blog .box-side .side-books li:nth-child(-n+3) {
margin-top: 0;
}
.blog .box-side .side-books li:nth-child(3n+1) {
margin-left: 0;
}
.blog .box-side .side-books li img {
width: auto;
height: 100%;
max-height: 230px;
}
}
@media only screen and (min-width: 481px) and (max-width: 834px) {
.heading05 span.text-main span.br-sp {
display: inline-block;
}
.single:not(.single-main-school) .box-tag {
margin-top: 0;
}
.box-side {
width: 100%;
}
}
@media only screen and (min-width: 601px) {
.adjacent-nav::after {
background: #C5C7D1;
content: "";
width: 1px;
height: calc(100% - 1.25em);
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.blog article .related-post .row-3 {
margin-top: 0;
}
.blog article .related-post .row-3 > li {
width: 30%;
/*max-width: 210px;*/
margin-left: 5%;
}
.blog article .related-post .row-3 > li:nth-child(3n+1) {
margin-left: 0;
}
}
@media only screen and (min-width: 481px) {
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
.blog article .related-post .row {
flex-direction: column;
}
.blog article .related-post .row-3 > li {
width: 100%;
max-width: inherit;
margin-top: 1.875em;
margin-left: 0;
}
.blog article .related-post .row-3 > li:nth-child(1) {
margin-top: 0;
}
.blog article .related-post .post-grids > li a {
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.blog article .related-post .row .post-thumb {
width: 44.1%;
margin-bottom: 0;
}
.blog article .related-post .post-excerpt {
width: 49.7%;
margin-top: 0;
}
}
/* -----------------------------------------------------------
MediaQueries(SP)
----------------------------------------------------------- */
@media only screen and (max-width: 600px) {
.blog article .row .text-group p.more,
.blog article .row .text-group .btn-more {
display: none;
}
.blog article .row .text-group .title-grids {
font-size: 87.5%;
font-weight: 400;
line-height: 1.5em;
margin-bottom: 0;
}
.blog article .row .text-group .post-date {
font-size: 78.5%;
margin-bottom: 1.125em;
}
.adjacent-nav {
border-top: 1px solid #C5C7D1;
border-bottom: none;
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin-top: calc(5em - 0.46875em);
padding: 0;
position: relative;
}
.adjacent-nav > div {
/*border-bottom: 1px solid #C5C7D1;*/
display: flex;
width: 100%;
}
.adjacent-nav-prev {
border-bottom: 1px solid #C5C7D1;
padding-top: 1.875em;
padding-bottom: 1.875em;
}
.adjacent-nav-next {
border-bottom: 1px solid #C5C7D1;
padding-top: 1.875em;
padding-bottom: 1.875em;
}
.adjacent-nav .text-group {
width: calc(100% - 28.6% - 1.25em);
max-width: inherit;
}
.blog article .related-post .row {
flex-direction: column;
}
.blog article .related-post .row-3 > li {
width: 100%;
max-width: inherit;
margin-top: 1.875em;
margin-left: 0;
}
.blog article .related-post .row-3 > li:nth-child(1) {
margin-top: 0;
}
.blog article .related-post .post-grids > li a {
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.blog article .related-post .row .post-thumb {
width: 44.1%;
margin-bottom: 0;
}
.blog article .related-post .post-excerpt {
width: 49.7%;
margin-top: 0;
}
}
@media only screen and (max-width: 480px) {
.figure-main.container {
width: 100%;
}
.company .figure-main.container {
margin-bottom: 3.125em;
}
#motto.container {
width: 100%;
}
#motto.container > .text-group {
width: 80%;
margin-right: auto;
margin-left: auto;
}
#concept ol > li {
width: 100%;
margin-top: 5em;
}
#concept ol > li:nth-child(1) {
margin-top: 0;
}
#concept ol > li .heading02 {
margin-bottom: 1em;
}
/*#concept ol > li p.line-height-2 {
line-height: 1.75em;
}*/
#concept ol > li .img {
text-align: center;
}
#concept ol > li .img img {
width: 82.1%;
max-width: 435px;
}
#program .row.container {
width: 100%;
}
#program .row.container .text-group {
width: 84.8%;
margin-right: auto;
margin-left: auto;
}
#sugano-nona {
padding-bottom: 3.75em;
}
.sugano-nona .figure-main {
margin-bottom: 2.5em;
}
.sugano-nona #blog .heading03 {
padding-top: 0;
}
.box-sm {
width: 100%;
}
#co-info dt {
width: 100%;
font-weight: 700;
line-height: 1.75em;
margin-top: 1.75em;
}
#co-info dt:nth-of-type(1) {
margin-top: 0;
}
#co-info dd {
width: 100%;
line-height: 1.75em;
}
.btn-performance {
margin-top: 3.125em;
}
#member-list > li {
width: 47.5%;
margin-top: 3.125em;
margin-left: 5%;
}
#member-list li:nth-child(-n+2) {
margin-top: 0;
}
#member-list li:nth-child(odd) {
margin-left: 0;
}
#member-list > li .pic {
margin-bottom: 1.25em;
}
#business {
margin-top: 3.75em;
}
#business .subheading01 {
margin-bottom: 1.25em;
}
#business .business {
margin-top: 6.25em;
}
#business .business:nth-child(1) {
margin-top: 0;
}
#business .business .text-group {
width: 94.223%;
margin: 0 auto;
}
.business-row {
margin-top: 6.25em;
}
.business-row .pic img {
margin-top: 0.625em;
}
.business-row .pic-grid {
display: grid;
}
.business-row .pic-grid-1 {
grid-row: 1;
grid-column: 1 / 3;
}
.pic-grid-2 {
grid-row: 2;
width: calc(100% - 0.3125em);
}
.business-row .pic-grid-2.odd {
grid-column: 1 / 2;
}
.business-row .pic-grid-2.even {
grid-column: 2 / 2;
margin-left: auto;
}
.business-row .text-group {
width: 94.223%;
margin: 1.875em auto 0;
}
.business-row .text-group .heading05 {
text-align: center;
}
.heading05 span.text-main span.br-sp {
margin-top: 0.5em;
}
.company .container-sm {
width: 100%;
}
#vision .heading02 .text-main .br-inline,
#mission .heading02 .text-main .br-inline {
padding-left: 1em;
}
.company .container-sm p span.br {
display: inline;
}
#mission .heading04 {
margin-top: 4em;
}
#vi .text-right {
text-align: left;
}
.list-decimal {
margin-top: 2.5em;
}
.list-decimal > li {
font-size: 93.75%;
}
.list-decimal > li::before {
margin-right: 0.625em;
}
.map iframe {
aspect-ratio: 7 / 6;
}
#route dt {
border-bottom: 2px solid #777D9D;
margin-bottom: 1.25em;
padding-bottom: 1.25em;
}
#route dd.text-16 {
line-height: 1.75em;
}
#route dd a {
display: inline-block;
margin-top: 0.75em;
}
.single #main .container {
width: 100%;
}
.single .box-sp {
width: 84.8%;
margin-right: auto;
margin-left: auto;
}
.box-tag {
align-items: flex-start;
flex-direction: column-reverse;
margin-top: 1.5em;
/*margin-bottom: 1.5em;*/
}
.box-tag .tag-notes {
margin-top: 0;
margin-left: 0;
}
.single:not(.single-main-school) .box-tag p.tag-seats {
margin-top: 1.125em;
}
.box-reg .box-tag .tag-notes {
margin-top: 0;
}
.box-tag ul.tag-seats {
margin-top: 0.46875em;
}
.read-copy.text-brand {
font-size: 87.5%;
margin-top: 1.875em;
}
#btn-details {
margin-top: 1.75em;
margin-bottom: 1.875em;
}
.figure-main + .btn-container {
margin-top: 1.875em;
}
.container-article {
margin-top: 1.875em;
}
.blog .container-article {
margin-top: 5em;
}
.container-article .wp-block-group.has-cyan-bluish-gray-background-color {
width: 100%;
margin-top: 5em;
padding-left: 0;
padding-right: 0;
position: relative;
}
.container-article .wp-block-group.has-cyan-bluish-gray-background-color::before {
background: #f7f7f7;
content: "";
width: 100vw;
height: 100%;
transform: translateX(-50%);
position: absolute;
top: 0;
left: 50%;
z-index: -1;
}
.container-article .wp-block-image {
margin-top: 3.125em;
margin-bottom: 3.125em;
}
.container-article .wp-block-group .wp-block-image {
margin-top: 3.125em;
}
#agreement {
margin-top: 5em;
padding-left: 0;
padding-right: 0;
position: relative;
}
#agreement.wp-block-group::before {
background: #f7f7f7;
content: "";
width: 100vw;
height: 100%;
transform: translateX(-50%);
position: absolute;
top: 0;
left: 50%;
z-index: -1;
}
#agreement h3 {
font-size: 100%;
}
#agreement p {
font-size: 87.5%;
}
.ez-toc-list > li {
font-size: 81.25%;
line-height: 1.6em;
margin-top: 1.25em;
}
.box-side {
width: 84.8%;
}
.term-finished .box-side, .page-template-page-main-school-finished-php .box-side,
.page-template-page-online-finished-php .box-side,
.page-template-page-text-finished-php .box-side {
width: 100%;
}
.box-side p.text-link {
font-weight: 700;
text-align: center;
}
.box-side p.text-link a {
display: inline-block;
}
.bottom.home .container.sec-lg {
padding-top: 5em;
}
#home-index .row-item {
width: 100%;
}
/**
* Online
*/
.online .figure.container {
width: 100%;
}
.online .figure .text-group {
align-items: flex-start;
padding-right: 7.6%;
padding-left: 7.6%;
}
/**
* Text
*/
.text .intro {
width: 90%;
}
.text .figure.container {
width: 100%;
margin-bottom: 2.5em;
}
.text .figure .text-group {
width: 84.8%;
margin-right: auto;
margin-left: auto;
}
/**
* Blog
*/
.blog .box-side .side-books {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.blog .box-side .side-books li {
width: 46.9%;
margin-top: 1.875em;
margin-left: 6.2%;
}
.blog .box-side .side-books li:nth-child(-n+2) {
margin-top: 0;
}
.blog .box-side .side-books li:nth-child(odd) {
margin-left: 0;
}
ul.page-numbers li {
margin: 0 0.25em;
}
.single-post .container-article .btn-container {
margin-top: 4.75em;
}
.single-post .container-article .btn-cv.text-22 {
width: 100%;
font-size: 93.75%;
padding: 1em;
}
/**
* Contact
*/
.contact .wpcf7 .form-item dl, .contact .wpcf7 .form-item .btn-container, .contact .wpcf7 .form-item .response {
width: 100%;
}
.contact .form-item .notice {
width: 100%;
margin-bottom: 6.25em;
padding: 1.25em;
}
}