@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 16, page_home.scss */
#home #mainImg.swiper-container { width: 100%; height: 950px; }
/* line 17, page_home.scss */
#home #mainImg.swiper-container ul.swiper-wrapper { height: 100%; }
/* line 18, page_home.scss */
#home #mainImg.swiper-container ul.swiper-wrapper li.swiper-slide { height: 100%; }
/* line 20, page_home.scss */
#home #mainImg.swiper-container .swiper-button-prev, #home #mainImg.swiper-container .swiper-button-next { display: none; }
/* line 23, page_home.scss */
#home #mainImg.swiper-container .swiper-pagination { bottom: -50px; }
/* line 24, page_home.scss */
#home #mainImg.swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #22b573 !important; }
@media only screen and (max-width: 750px) { /* line 31, page_home.scss */
  #home #mainImg.swiper-container { width: 100%; height: 600px; }
  /* line 32, page_home.scss */
  #home #mainImg.swiper-container ul.swiper-wrapper { height: 100%; }
  /* line 33, page_home.scss */
  #home #mainImg.swiper-container ul.swiper-wrapper li.swiper-slide { height: 100%; }
  /* line 35, page_home.scss */
  #home #mainImg.swiper-container .swiper-button-prev, #home #mainImg.swiper-container .swiper-button-next { display: none; }
  /* line 38, page_home.scss */
  #home #mainImg.swiper-container .swiper-pagination { bottom: -50px; } }
/* line 47, page_home.scss */
#home #news.swiper-container { background: #fff; padding: 30px 80px 0; box-sizing: border-box; margin: -50px auto 150px; position: relative; max-width: 1100px; }
/* line 48, page_home.scss */
#home #news.swiper-container .tit { font-size: 32px; font-weight: 700; margin: 0 auto 20px; }
/* line 49, page_home.scss */
#home #news.swiper-container ul.listWrap.swiper-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 50, page_home.scss */
#home #news.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide { width: calc(100% / 3 - 30px); }
/* line 51, page_home.scss */
#home #news.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a { color: inherit; position: relative; }
/* line 52, page_home.scss */
#home #news.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .new { background: #fefe06; position: absolute; z-index: 10; top: -15px; left: -15px; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size: 14px; }
/* line 53, page_home.scss */
#home #news.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .ph { margin-bottom: 12px; }
/* line 54, page_home.scss */
#home #news.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .text { text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: baseline; }
/* line 55, page_home.scss */
#home #news.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .text .date { font-size: 14px; color: #696969; }
/* line 56, page_home.scss */
#home #news.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .text .category { font-size: 11px; line-height: 1.5; color: #fff; background: #000; padding: 2px 8px; }
/* line 59, page_home.scss */
#home #news.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .text .read { font-size: 15px; margin-top: 5px; }
/* line 64, page_home.scss */
#home #news.swiper-container .swiper-pagination, #home #news.swiper-container .swiper-button-prev, #home #news.swiper-container .swiper-button-next { display: none; }
/* line 65, page_home.scss */
#home #news.swiper-container .linkBtn { position: absolute; top: 40px; right: 80px; }
@media only screen and (max-width: 750px) { /* line 76, page_home.scss */
  #home #news.swiper-container { padding: 30px 5% 0; margin: 0px auto 80px; max-width: 100%; /*.swiper-button-prev, .swiper-button-next{ display: block;}
.swiper-button-prev {}
.swiper-button-next {}*/ }
  /* line 77, page_home.scss */
  #home #news.swiper-container .tit { font-size: 32px; margin: 0 auto 20px; }
  /* line 78, page_home.scss */
  #home #news.swiper-container ul.listWrap.swiper-wrapper { flex-wrap: nowrap; }
  /* line 79, page_home.scss */
  #home #news.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide { width: auto; opacity: .25; transition: .5s; }
  /* line 80, page_home.scss */
  #home #news.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide.swiper-slide-active { opacity: 1; }
  /* line 81, page_home.scss */
  #home #news.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a { color: inherit; }
  /* line 82, page_home.scss */
  #home #news.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .ph { margin-bottom: 12px; }
  /* line 83, page_home.scss */
  #home #news.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .text { text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: baseline; }
  /* line 84, page_home.scss */
  #home #news.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .text .date { font-size: 14px; color: #696969; }
  /* line 85, page_home.scss */
  #home #news.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .text .category { font-size: 11px; line-height: 1.5; color: #fff; background: #000; padding: 2px 8px; }
  /* line 88, page_home.scss */
  #home #news.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .text .read { font-size: 14px; margin-top: 5px; }
  /* line 96, page_home.scss */
  #home #news.swiper-container .linkBtn { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin: 20px auto 0; } }
/* line 108, page_home.scss */
#home #conceptSec { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto 60px; }
/* line 110, page_home.scss */
#home #conceptSec .titWrap .cmnTit { width: 410px; }
/* line 114, page_home.scss */
#home #conceptSec .titWrap .ph { display: none; }
/* line 115, page_home.scss */
#home #conceptSec .titWrap .read { width: calc(100% - 410px); }
/* line 117, page_home.scss */
#home #conceptSec .phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-top: -30px; }
/* line 119, page_home.scss */
#home #conceptSec .phWrap .ph span { display: block; height: 0; }
/* line 120, page_home.scss */
#home #conceptSec .phWrap .ph span img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 122, page_home.scss */
#home #conceptSec .phWrap .ph.ph01 { width: 37%; }
/* line 123, page_home.scss */
#home #conceptSec .phWrap .ph.ph01 span { width: 100%; padding-top: 77%; }
/* line 125, page_home.scss */
#home #conceptSec .phWrap .ph.ph02 { width: 63%; margin-top: 70px; }
/* line 126, page_home.scss */
#home #conceptSec .phWrap .ph.ph02 span { width: 100%; padding-top: 46%; }
@media only screen and (max-width: 750px) { /* line 135, page_home.scss */
  #home #conceptSec { margin: 0 auto 60px; }
  /* line 136, page_home.scss */
  #home #conceptSec .titWrap { padding: 0 7%; }
  /* line 137, page_home.scss */
  #home #conceptSec .titWrap .cmnTit { width: 100%; margin-bottom: 20px; }
  /* line 141, page_home.scss */
  #home #conceptSec .titWrap .ph { display: block; width: 100%; height: 0; padding-top: 60%; margin-bottom: 25px; }
  /* line 142, page_home.scss */
  #home #conceptSec .titWrap .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 144, page_home.scss */
  #home #conceptSec .titWrap .read { width: 100%; }
  /* line 146, page_home.scss */
  #home #conceptSec .phWrap { margin-top: 0px; }
  /* line 151, page_home.scss */
  #home #conceptSec .phWrap .ph.ph01 { width: 37%; display: none; }
  /* line 152, page_home.scss */
  #home #conceptSec .phWrap .ph.ph01 span { width: 100%; padding-top: 77%; }
  /* line 154, page_home.scss */
  #home #conceptSec .phWrap .ph.ph02 { width: 86%; margin: 25px auto 0; }
  /* line 155, page_home.scss */
  #home #conceptSec .phWrap .ph.ph02 span { width: 100%; padding-top: 60%; } }
/* line 165, page_home.scss */
#home #featureSec { margin: 0 auto 150px; }
/* line 174, page_home.scss */
#home #featureSec ul.listWrap li .tit { font-size: 20px; }
/* line 177, page_home.scss */
#home #featureSec .linkBtn.L { margin: 50px auto 0; }
@media only screen and (max-width: 750px) { /* line 188, page_home.scss */
  #home #featureSec { margin: 0 auto 80px; }
  /* line 190, page_home.scss */
  #home #featureSec ul.listWrap { padding: 0 10px; }
  /* line 191, page_home.scss */
  #home #featureSec ul.listWrap li { width: calc(100% / 3 - 10px); }
  /* line 193, page_home.scss */
  #home #featureSec ul.listWrap li .num span { font-size: 12px; line-height: 1.5; margin-bottom: 5px; }
  /* line 194, page_home.scss */
  #home #featureSec ul.listWrap li .num em { font-size: 45px; }
  /* line 196, page_home.scss */
  #home #featureSec ul.listWrap li .ph { width: 90%; padding-top: 90%; }
  /* line 197, page_home.scss */
  #home #featureSec ul.listWrap li .tit { font-size: 14px; line-height: 1.6; text-align: justify; margin-top: 15px; }
  /* line 200, page_home.scss */
  #home #featureSec .linkBtn.L { margin: 25px auto 0; } }
/* line 212, page_home.scss */
#home #studioSec { margin: 0 auto 150px; }
/* line 213, page_home.scss */
#home #studioSec .titWrap { margin: 0 auto 40px; }
/* line 214, page_home.scss */
#home #studioSec .titWrap .cmnTit { width: 410px; }
/* line 218, page_home.scss */
#home #studioSec .titWrap .read { width: calc(100% - 410px); }
/* line 220, page_home.scss */
#home #studioSec .phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; height: 420px; margin: 0 auto 60px; }
/* line 221, page_home.scss */
#home #studioSec .phWrap .ph { width: 50%; height: 100%; overflow: hidden; }
/* line 222, page_home.scss */
#home #studioSec .phWrap .ph a { width: 100%; height: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end; position: relative; }
/* line 223, page_home.scss */
#home #studioSec .phWrap .ph a .tit { left: 3.5%; font-size: 48px; font-weight: 700; color: #fff; position: relative; z-index: 5; }
/* line 224, page_home.scss */
#home #studioSec .phWrap .ph a .tit strong { font-size: 130%; }
/* line 226, page_home.scss */
#home #studioSec .phWrap .ph a .linkBtn { position: relative; z-index: 5; width: 180px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 20px; margin-right: 2.5%; }
/* line 227, page_home.scss */
#home #studioSec .phWrap .ph a .linkBtn em { font-size: 20px; color: #fff; }
/* line 228, page_home.scss */
#home #studioSec .phWrap .ph a .linkBtn i { width: 33px; height: 1px; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 10px; transition: .25s; }
/* line 229, page_home.scss */
#home #studioSec .phWrap .ph a .linkBtn i::before { content: ""; width: 10px; height: 1px; background: #fff; position: absolute; transform: rotate(45deg); right: 0px; bottom: 4px; }
/* line 232, page_home.scss */
#home #studioSec .phWrap .ph a .flexImg { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; width: 100%; height: 0; padding-top: 56.25%; }
/* line 233, page_home.scss */
#home #studioSec .phWrap .ph a .flexImg img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; }
/* line 237, page_home.scss */
#home #studioSec .phWrap .ph a:hover .linkBtn i { right: 8px; }
@media only screen and (max-width: 750px) { /* line 274, page_home.scss */
  #home #studioSec { margin: 0 auto 80px; }
  /* line 275, page_home.scss */
  #home #studioSec .titWrap { margin: 0 auto 25px; padding: 0 7%; }
  /* line 276, page_home.scss */
  #home #studioSec .titWrap .cmnTit { width: 100%; margin-bottom: 25px; }
  /* line 280, page_home.scss */
  #home #studioSec .titWrap .read { width: 100%; }
  /* line 282, page_home.scss */
  #home #studioSec .phWrap { height: auto; margin: 0 auto 30px; }
  /* line 283, page_home.scss */
  #home #studioSec .phWrap .ph { width: 100%; height: 240px; }
  /* line 284, page_home.scss */
  #home #studioSec .phWrap .ph a { width: 100%; height: 100%; flex-direction: column; justify-content: space-between; align-items: flex-start; }
  /* line 285, page_home.scss */
  #home #studioSec .phWrap .ph a .tit { left: 5%; font-size: 28px; }
  /* line 286, page_home.scss */
  #home #studioSec .phWrap .ph a .tit strong { font-size: 130%; }
  /* line 288, page_home.scss */
  #home #studioSec .phWrap .ph a .linkBtn { width: 180px; margin: 0 0 0 auto; }
  /* line 289, page_home.scss */
  #home #studioSec .phWrap .ph a .linkBtn em { font-size: 18px; }
  /* line 290, page_home.scss */
  #home #studioSec .phWrap .ph a .linkBtn i { width: 33px; height: 1px; right: 10px; }
  /* line 291, page_home.scss */
  #home #studioSec .phWrap .ph a .linkBtn i::before { width: 10px; height: 1px; bottom: 4px; }
  /* line 294, page_home.scss */
  #home #studioSec .phWrap .ph a .flexImg { padding-top: 100%; }
  /* line 299, page_home.scss */
  #home #studioSec .phWrap .ph a:hover .linkBtn i { right: 8px; } }
/* line 337, page_home.scss */
#home #lessonSec { margin: 0 auto 80px; }
@media only screen and (max-width: 750px) { /* line 372, page_home.scss */
  #home #lessonSec { margin: 0 auto 40px; } }
/* line 408, page_home.scss */
#home #accessSec { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto 100px; }
/* line 409, page_home.scss */
#home #accessSec .titWrap { margin: 0 auto 40px; }
/* line 410, page_home.scss */
#home #accessSec .titWrap .cmnTit { width: 410px; }
/* line 414, page_home.scss */
#home #accessSec .titWrap .read { width: calc(100% - 410px); }
/* line 416, page_home.scss */
#home #accessSec iframe { width: 500px; }
/* line 417, page_home.scss */
#home #accessSec .text { width: calc(100% - 550px); text-align: left; }
/* line 418, page_home.scss */
#home #accessSec .text .tit { font-size: 18px; }
/* line 419, page_home.scss */
#home #accessSec .text .add { font-size: 16px; }
/* line 422, page_home.scss */
#home #accessSec .text ul.listWrap { margin-top: 20px; }
@media only screen and (max-width: 750px) { /* line 441, page_home.scss */
  #home #accessSec { margin: 0 auto 60px; padding: 0 7%; }
  /* line 442, page_home.scss */
  #home #accessSec .titWrap { margin: 0 auto 30px; }
  /* line 443, page_home.scss */
  #home #accessSec .titWrap .cmnTit { width: 100%; }
  /* line 447, page_home.scss */
  #home #accessSec .titWrap .read { width: 100%; }
  /* line 449, page_home.scss */
  #home #accessSec iframe { width: 100%; height: 350px; margin-bottom: 25px; }
  /* line 450, page_home.scss */
  #home #accessSec .text { width: calc(100% - 0px); }
  /* line 451, page_home.scss */
  #home #accessSec .text .tit { font-size: 18px; }
  /* line 452, page_home.scss */
  #home #accessSec .text .add { font-size: 13px; }
  /* line 455, page_home.scss */
  #home #accessSec .text ul.listWrap { margin-top: 20px; }
  /* line 458, page_home.scss */
  #home #accessSec .text ul.listWrap li .t i { font-size: 24px; }
  /* line 459, page_home.scss */
  #home #accessSec .text ul.listWrap li .t em { font-size: 15px; }
  /* line 461, page_home.scss */
  #home #accessSec .text ul.listWrap li .acc { font-size: 13px; } }
/* line 475, page_home.scss */
#home #blogSec { background: #f0eeee; padding: 80px 0 100px; position: relative; }
/* line 477, page_home.scss */
#home #blogSec .inner.swiper-container .cmnTit { margin: 0 auto 40px; }
/* line 481, page_home.scss */
#home #blogSec .inner.swiper-container ul.listWrap.swiper-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 482, page_home.scss */
#home #blogSec .inner.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide { width: calc(100% / 4 - 20px); }
/* line 483, page_home.scss */
#home #blogSec .inner.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a { color: inherit; position: relative; }
/* line 484, page_home.scss */
#home #blogSec .inner.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .new { background: #fefe06; position: absolute; z-index: 10; top: -15px; left: -15px; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size: 14px; }
/* line 485, page_home.scss */
#home #blogSec .inner.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .ph { margin-bottom: 12px; }
/* line 486, page_home.scss */
#home #blogSec .inner.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .text { text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: baseline; }
/* line 487, page_home.scss */
#home #blogSec .inner.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .text .date { font-size: 14px; color: #696969; }
/* line 488, page_home.scss */
#home #blogSec .inner.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .text .category { font-size: 11px; line-height: 1.5; color: #696969; padding-left: .75em; border-left: 1px solid rgba(0, 0, 0, 0.25); }
/* line 491, page_home.scss */
#home #blogSec .inner.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .text .read { font-size: 15px; margin-top: 5px; }
/* line 496, page_home.scss */
#home #blogSec .inner.swiper-container .swiper-pagination, #home #blogSec .inner.swiper-container .swiper-button-prev, #home #blogSec .inner.swiper-container .swiper-button-next { display: none; }
/* line 497, page_home.scss */
#home #blogSec .inner.swiper-container .linkBtn { position: absolute; top: 10px; right: 0px; }
@media only screen and (max-width: 750px) { /* line 510, page_home.scss */
  #home #blogSec { padding: 50px 0 100px; }
  /* line 512, page_home.scss */
  #home #blogSec .inner.swiper-container .cmnTit { margin: 0 auto 30px; }
  /* line 516, page_home.scss */
  #home #blogSec .inner.swiper-container ul.listWrap.swiper-wrapper { flex-wrap: nowrap; }
  /* line 517, page_home.scss */
  #home #blogSec .inner.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide { width: auto; opacity: .25; transition: .5s; }
  /* line 518, page_home.scss */
  #home #blogSec .inner.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide.swiper-slide-active { opacity: 1; }
  /* line 520, page_home.scss */
  #home #blogSec .inner.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .ph { margin-bottom: 12px; }
  /* line 522, page_home.scss */
  #home #blogSec .inner.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .text .date { font-size: 14px; }
  /* line 523, page_home.scss */
  #home #blogSec .inner.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .text .category { font-size: 11px; padding-left: .75em; border-left: 1px solid rgba(0, 0, 0, 0.25); }
  /* line 526, page_home.scss */
  #home #blogSec .inner.swiper-container ul.listWrap.swiper-wrapper li.swiper-slide a .text .read { font-size: 14px; margin-top: 5px; }
  /* line 531, page_home.scss */
  #home #blogSec .inner.swiper-container .linkBtn { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin: 30px auto 0; } }