@charset "UTF-8";
/*//////////////////////////////////////////////////

	プライバシーポリシーページ設定

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
/*メインイメージ*/
.mainimg__copy { font-size: 2.3rem; }
@media (min-width: 350px) { .mainimg__copy { font-size: calc( 2.3rem + ( 1vw - 3.5px ) * 1.8279569892 ); } }
@media (min-width: 1280px) { .mainimg__copy { font-size: 4rem; } }
.mainimg__slide-box { background: url("/img/about/mainimg.jpg") top center/cover no-repeat; }

/* メインナビ */
.page__nav { margin-bottom: clamp(48px, 7.282vw, 64px); }
.page__nav .page__nav-wp { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: clamp(7px, 2.211vw, 27px); grid-row-gap: clamp(7px, 1.821vw, 21px); }
.page__nav .page__nav-wp li a { position: relative; display: block; box-sizing: border-box; text-align: center; font-weight: 500; font-size: 1.4rem; padding: clamp(13px, 2.341vw, 23px) 0; line-height: 2.0rem; background: #FFF; border: 2px solid #006e00; color: #006e00; }
@media (min-width: 769px) { .page__nav .page__nav-wp li a { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .page__nav .page__nav-wp li a { font-size: 1.8rem; } }
.page__nav .page__nav-wp li a::after { content: ""; position: absolute; width: clamp(5px, 0.78vw, 7px); height: clamp(5px, 0.78vw, 7px); top: 50%; right: clamp(5px, 1.821vw, 20px); transform: translateY(-50%) rotate(45deg); border-top: 1px solid; border-right: 1px solid; border-color: #006e00; transition: .3s; }
.page__nav .page__nav-wp li.active a { color: #FFF; background: #006e00; }
.page__nav .page__nav-wp li.active a::after { border-color: #FFF; }

/* 共通パーツ */
.sec__cout { padding-bottom: clamp(64px, 10.143vw, 93px); }

.sec__head { text-align: left; font-family: "リュウミン B-KL", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 2rem; line-height: 1.4; margin-bottom: clamp(20px, 3.251vw, 30px); color: #006e00; }
@media (min-width: 769px) { .sec__head { font-size: calc( 2rem + ( 1vw - 7.69px ) * 0.9784735812 ); } }
@media (min-width: 1280px) { .sec__head { font-size: 2.5rem; } }
.sec__head.border { padding-bottom: clamp(15px, 2.341vw, 21px); border-bottom: 1px solid #C3C3C3; margin-bottom: clamp(20px, 3.121vw, 28px); }
.sec__head span { font-size: 1.4rem; }
@media (min-width: 769px) { .sec__head span { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .sec__head span { font-size: 1.6rem; } }

.sec__txtwp + .sec__txtwp { margin-top: clamp(40px, 7.802vw, 80px); }

.sec__ttl { text-align: left; font-size: 1.6rem; line-height: 1; font-family: "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-weight: 500; margin-bottom: clamp(10px, 1.691vw, 15px); }
@media (min-width: 769px) { .sec__ttl { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .sec__ttl { font-size: 2rem; } }
.sec__ttl.border { padding-bottom: clamp(10px, 1.56vw, 14px); border-bottom: 1px solid #C3C3C3; margin-bottom: clamp(13px, 1.951vw, 17px); }

.sec__txt { font-size: 1.4rem; line-height: 2.125; font-family: "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-weight: 400; }
@media (min-width: 769px) { .sec__txt { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .sec__txt { font-size: 1.6rem; } }

.teacher__cout { box-sizing: border-box; padding: clamp(24px, 3.251vw, 27px) clamp(20px, 3.381vw, 31px); margin-bottom: clamp(40px, 6.502vw, 60px); background: #FFF; }
.teacher__cout .teacher__cout-img { margin-bottom: 20px; }
.teacher__cout .teacher__cout-txt .wrap { font-size: 0; line-height: 1; font-family: "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-weight: 500; margin-bottom: clamp(12px, 2.601vw, 26px); }
.teacher__cout .teacher__cout-txt .wrap .wrap__post { display: inline-block; font-size: 1.4rem; margin-right: clamp(10px, 2.081vw, 22px); color: #006e00; }
@media (min-width: 769px) { .teacher__cout .teacher__cout-txt .wrap .wrap__post { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .teacher__cout .teacher__cout-txt .wrap .wrap__post { font-size: 1.6rem; } }
.teacher__cout .teacher__cout-txt .wrap .wrap__name { display: inline-block; font-size: 1.4rem; }
@media (min-width: 769px) { .teacher__cout .teacher__cout-txt .wrap .wrap__name { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .teacher__cout .teacher__cout-txt .wrap .wrap__name { font-size: 1.6rem; } }
.teacher__cout .teacher__cout-txt .desc { font-size: 1.3rem; line-height: 2.2666666667; font-family: "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-weight: 400; }
@media (min-width: 769px) { .teacher__cout .teacher__cout-txt .desc { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .teacher__cout .teacher__cout-txt .desc { font-size: 1.5rem; } }

.rules__cout { margin-top: clamp(40px, 5.982vw, 52px); }
.rules__cout .rules__cout-box { display: grid; grid-template-columns: clamp(28px, 3.381vw, 38px) 1fr; grid-column-gap: clamp(10px, 1.821vw, 16px); grid-row-gap: clamp(5px, 0.78vw, 7px); box-sizing: border-box; padding: clamp(20px, 2.861vw, 24px) clamp(20px, 5.202vw, 60px) clamp(24px, 3.381vw, 28px); background: #FFF; }
.rules__cout .rules__cout-box .num { grid-area: 1 / 1 / 2 / 2; }
.rules__cout .rules__cout-box .num span { box-sizing: border-box; display: block; width: 100%; aspect-ratio: 1/1; text-align: center; background: #006e00; color: #FFF; border-radius: 50%; line-height: 2.0rem; padding: clamp(3px, 0.65vw, 8px) 0; font-family: "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 1.4rem; }
@media (min-width: 769px) { .rules__cout .rules__cout-box .num span { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .rules__cout .rules__cout-box .num span { font-size: 1.8rem; } }
.rules__cout .rules__cout-box .ttl { grid-area: 1 / 2 / 2 / 3; line-height: clamp(28px, 3.381vw, 38px); font-family: "リュウミン R-KL", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 1.4rem; color: #006e00; }
@media (min-width: 769px) { .rules__cout .rules__cout-box .ttl { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .rules__cout .rules__cout-box .ttl { font-size: 1.8rem; } }
.rules__cout .rules__cout-box .desc { grid-area: 2 / 1 / 3 / 3; line-height: 1.625; font-family: "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 1.4rem; }
@media (min-width: 769px) { .rules__cout .rules__cout-box .desc { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .rules__cout .rules__cout-box .desc { font-size: 1.6rem; } }
.rules__cout .rules__cout-box + .rules__cout-box { margin-top: 20px; }
.rules__cout .rules__cout-link { margin-top: clamp(40px, 7.932vw, 82px); }
.rules__cout .rules__cout-link .ttl { margin-bottom: clamp(33px, 6.242vw, 63px); font-family: "リュウミン R-KL", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 1.8rem; line-height: 1.6; color: #006e00; }
@media (min-width: 769px) { .rules__cout .rules__cout-link .ttl { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 1.1741682975 ); } }
@media (min-width: 1280px) { .rules__cout .rules__cout-link .ttl { font-size: 2.4rem; } }
.rules__cout .rules__cout-link .btn a { max-width: 350px; background: #006e00; color: #FFF; }

.book__cout { margin-top: 30px; }
.book__cout .book__cout-box { display: grid; grid-template-columns: clamp(130px, 22.887vw, 221px) 1fr; grid-column-gap: clamp(16px, 2.731vw, 25px); grid-row-gap: clamp(12px, 2.081vw, 20px); align-items: flex-start; box-sizing: border-box; padding: clamp(20px, 3.901vw, 40px) clamp(20px, 5.202vw, 60px) clamp(24px, 4.031vw, 38px); background: #FFF; }
.book__cout .book__cout-box + .book__cout-box { margin-top: clamp(40px, 5.852vw, 50px); }
.book__cout .book__cout-box .ttl { grid-area: 1 / 1 / 2 / 3; font-family: "リュウミン B-KL", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 1.6rem; color: #006e00; line-height: 1; padding-bottom: 6px; }
@media (min-width: 769px) { .book__cout .book__cout-box .ttl { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 1.5655577299 ); } }
@media (min-width: 1280px) { .book__cout .book__cout-box .ttl { font-size: 2.4rem; } }
.book__cout .book__cout-box .img { grid-area: 2 / 1 / 3 / 2; }
.book__cout .book__cout-box .info { grid-area: 2 / 2 / 3 / 3; font-size: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; justify-content: flex-start; align-items: center; }
.book__cout .book__cout-box .info .info__wp.author { flex: 0 1 100%; width: 100%; max-width: 100%; }
.book__cout .book__cout-box .info .info__wp.author .info__name { font-size: 1.4rem; }
@media (min-width: 769px) { .book__cout .book__cout-box .info .info__wp.author .info__name { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .book__cout .book__cout-box .info .info__wp.author .info__name { font-size: 1.6rem; } }
.book__cout .book__cout-box .info .info__wp.publisher { margin-top: 20px; flex: 0 1 100%; width: 100%; max-width: 100%; }
.book__cout .book__cout-box .info .info__wp.issue { flex: 0 1 100%; width: 100%; max-width: 100%; }
.book__cout .book__cout-box .info .info__item { margin-bottom: clamp(6px, 1.56vw, 16px); font-family: "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-weight: 500; font-size: 1.4rem; line-height: 1; color: #006e00; }
.book__cout .book__cout-box .info .info__name { font-family: "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-weight: 500; font-size: 1.4rem; line-height: 1.3; }
.book__cout .book__cout-box .desc { grid-area: 3 / 1 / 4 / 3; font-size: 1.3rem; line-height: 2.2666666667; }
@media (min-width: 769px) { .book__cout .book__cout-box .desc { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .book__cout .book__cout-box .desc { font-size: 1.5rem; } }
.book__cout .book__cout-box.type_01 .img { padding-right: clamp(10px, 3.121vw, 39px); }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .mainimg__slide-box { background: url("/img/about/mainimg.jpg") top right/cover no-repeat; }
  /* メインナビ */
  .page__nav .page__nav-wp { grid-template-columns: repeat(3, 1fr); }
  .page__nav .page__nav-wp li:hover a { opacity: 1; color: #FFF; background: #006e00; }
  .page__nav .page__nav-wp li:hover a::after { border-color: #FFF; }
  .sec__head { line-height: 1; }
  .teacher__cout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; flex-direction: row-reverse; max-width: 630px; }
  .teacher__cout .teacher__cout-img { flex: 0 1 23.415492%; width: 23.415492%; max-width: 23.415492%; margin-bottom: 0; }
  .teacher__cout .teacher__cout-txt { flex: 0 1 69.894366%; width: 69.894366%; max-width: 69.894366%; }
  .rules__cout .rules__cout-box .desc { grid-area: 2 / 2 / 3 / 3; }
  .rules__cout .rules__cout-link .btn a:hover { background: #FFF; color: #006e00; }
  .book__cout .book__cout-box { grid-template-rows: min-content min-content 1fr; }
  .book__cout .book__cout-box .img { grid-area: 1 / 1 / 4 / 2; }
  .book__cout .book__cout-box .ttl { grid-area: 1 / 2 / 2 / 3; padding-bottom: 0; }
  .book__cout .book__cout-box .info { grid-area: 2 / 2 / 3 / 3; }
  .book__cout .book__cout-box .info .info__wp.author { flex: 0 1 auto; width: auto; max-width: auto; }
  .book__cout .book__cout-box .info .info__wp.publisher { margin-top: 0; margin-left: clamp(20px, 3.901vw, 40px); flex: 0 1 auto; width: auto; max-width: auto; }
  .book__cout .book__cout-box .info .info__wp.issue { flex: 0 1 auto; width: auto; max-width: auto; }
  .book__cout .book__cout-box .info .info__item { display: inline-block; vertical-align: middle; margin-bottom: 0; }
  .book__cout .book__cout-box .info .info__name { margin-left: clamp(8px, 1.3vw, 12px); display: inline-block; vertical-align: middle; }
  .book__cout .book__cout-box .desc { grid-area: 3 / 2 / 4 / 3; } }
/*------------------------------
		981px以上
------------------------------*/
/*------------------------------
		1181px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */
