@charset "UTF-8";
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #top_main { padding: 0 0 70px 0; } }
/*768px*/
/*--------------------------------------------------------------------------
	更新情報
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { .top_topics { margin: 0 0 70px 0; padding: 30px 10px 25px 10px; }
  .top_topics .sbj { margin: 0 auto; padding: 0 0 15px 0; border-bottom: 1px solid #70c0e8; }
  .top_topics .sbj h2 span { padding: 2px 0 2px 34px; background: url("../img/ic_p01_02.png") no-repeat left top 2px; background-size: 24px auto; font-size: 24px; }
  .top_topics .sbj p { width: 90px; }
  .top_topics .topics_area dl { padding: 18px 0 0 0; flex-wrap: wrap; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
  .top_topics .topics_area dl:first-of-type { margin: 0; }
  .top_topics .topics_area dl dt { margin: 0 0 8px 0; width: 100%; }
  .top_topics .topics_area dl dt span.ymd { font-size: 13px; }
  .top_topics .topics_area dl dd { width: 100%; flex: none; -webkit-flex: none; }
  .top_topics .topics_area dl dd span.type_main { margin: 0 10px 0 0; width: 130px; font-size: 11px; } }
/*768px*/
/*--------------------------------------------------------------------------
	ピースマイルについて
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { .top_about { padding: 0 0 80px 0; background: url("../../img/bg_line01.png") no-repeat center bottom; background-size: auto 40px; }
  .top_about .theme { font-size: 15px; text-align: left; }
  .top_about .theme p:first-of-type { font-size: 30px; text-align: center; }
  .top_about .theme p br { display: none; } }
/*900px*/
@media screen and (max-width: 768px) { .top_about { margin: 0 0 60px 0; padding: 0 0 50px 0; background: url("../../img/bg_line01.png") no-repeat center bottom; background-size: auto 30px; }
  .top_about .theme { margin: 0 0 20px 0; line-height: 1.9; }
  .top_about .theme p:first-of-type { font-size: 22px; }
  .top_about .frm { margin: 0 auto 20px auto; height: 280px; background: url("../../img/bg_top_about01.jpg") no-repeat center center; background-size: auto 280px; }
  .top_about .frm h2 { font-size: 24px; }
  .top_about .frm .page_sub_menu { max-width: 480px; }
  .top_about .frm .page_sub_menu ul li { margin: 0 10px; width: calc(50% - 20px); }
  .top_about .frm .page_sub_menu ul li:nth-of-type(n+3) { margin: 20px 10px 0 10px; }
  .top_about .frm .page_sub_menu ul li a { padding: 10px 0; font-size: 16px; }
  .top_about .frm + p { text-align: left; } }
/*768px*/
@media screen and (max-width: 480px) { .top_about .frm { height: 240px; background: url("../../img/bg_top_about01.jpg") no-repeat center center; background-size: auto 240px; }
  .top_about .frm h2 { font-size: 24px; }
  .top_about .frm .page_sub_menu { max-width: 480px; }
  .top_about .frm .page_sub_menu ul { padding: 0 10px; }
  .top_about .frm .page_sub_menu ul li { margin: 0 5px; width: calc(50% - 10px); }
  .top_about .frm .page_sub_menu ul li:nth-of-type(n+3) { margin: 20px 5px 0 5px; }
  .top_about .frm .page_sub_menu ul li a { padding: 7px 0; font-size: 15px; } }
/*480px*/
/*--------------------------------------------------------------------------
	活動案内・ご利用案内・お仕事募集しております
--------------------------------------------------------------------------*/
@media screen and (max-width: 1200px) { .main_work .top_work .point:nth-of-type(2n) .frm .ph { padding: 0 30px 0 0; }
  .main_work .top_work .point:nth-of-type(2n) .frm .cap { padding: 0 30px 0 0; }
  .main_work .top_work .point .frm .ph { padding: 0 0 0 30px; width: calc(600px - 30px); }
  .main_work .top_work .point .frm .cap { padding: 0 0 0 30px; }
  .main_work .top_work .point .frm .cap h3 { font-size: 28px; }
  .main_work .top_work .point .frm .cap p:first-of-type { font-size: 20px; } }
/*1200px*/
@media screen and (max-width: 1000px) { .main_work .top_work .point:nth-of-type(2n) .frm .ph { padding: 0 30px 0 0; }
  .main_work .top_work .point .frm .ph { padding: 0 0 0 30px; width: calc(520px - 30px); } }
/*1000px*/
@media screen and (max-width: 900px) { .main_work .work_menu p:first-of-type { font-size: 44px; }
  .main_work .work_menu .page_sub_menu { margin: 30px 0 70px 0; }
  .main_work .work_menu .page_sub_menu ul li a { font-size: 17px; }
  .main_work .top_work { margin: 0 auto 80px auto; }
  .main_work .top_work .point { margin: 50px auto 0 auto; padding: 55px 0 0 0; border-top: 1px solid #3692b5; }
  .main_work .top_work .point:first-of-type { margin: 0; padding: 0; border-top: none; }
  .main_work .top_work .point:nth-of-type(2n) .frm .ph { padding: 0 10px 40px 10px; order: 1; }
  .main_work .top_work .point:nth-of-type(2n) .frm .cap { padding: 0 10px; order: 2; }
  .main_work .top_work .point .frm { flex-wrap: wrap; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
  .main_work .top_work .point .frm .ph { margin: 0 auto; padding: 0 10px 40px 10px; width: 100%; max-width: 420px; order: 1; }
  .main_work .top_work .point .frm .cap { padding: 0 10px; flex: none; -webkit-flex: none; order: 2; }
  .main_work .top_work .point .frm .cap h3 br, .main_work .top_work .point .frm .cap p br { display: none; }
  .main_work .top_work .point .frm .cap p:first-of-type { margin: 15px 0 0 0; } }
/*900px*/
@media screen and (max-width: 768px) { .main_work .work_menu p { text-align: left; }
  .main_work .work_menu p:first-of-type { margin: 0 0 20px 0; font-size: 32px; text-align: center; }
  .main_work .work_menu .page_sub_menu { margin: 20px 0 50px 0; }
  .main_work .work_menu .page_sub_menu ul li a { padding: 15px 10px; font-size: 15px; letter-spacing: 0.1em; }
  .main_work .top_work { margin: 0 auto 70px auto; }
  .main_work .top_work .point { margin: 30px auto 0 auto; padding: 35px 0 0 0; }
  .main_work .top_work .point:first-of-type { margin: 0 auto; }
  .main_work .top_work .point:nth-of-type(2n) .frm .ph { padding: 0 10px 30px 10px; }
  .main_work .top_work .point:nth-of-type(2n) .frm .cap { padding: 0 10px; }
  .main_work .top_work .point .frm .ph { padding: 0 10px 30px 10px; }
  .main_work .top_work .point .frm .cap h3 { font-size: 24px; }
  .main_work .top_work .point .frm .cap p:first-of-type { margin: 10px 0; font-size: 18px; } }
/*768px*/
@media screen and (max-width: 480px) { .main_work .work_menu p:first-of-type { font-size: 26px; letter-spacing: 0.1em; }
  .main_work .work_menu .page_sub_menu ul { flex-wrap: wrap; }
  .main_work .work_menu .page_sub_menu ul li { border-right: none; border-left: none; width: 50%; }
  .main_work .work_menu .page_sub_menu ul li:first-of-type { border-right: 1px solid #fff; }
  .main_work .work_menu .page_sub_menu ul li:last-of-type { border-top: 1px solid #fff; width: 100%; }
  .main_work .work_menu .page_sub_menu ul li a { padding: 10px; } }
/*480px*/
/*--------------------------------------------------------------------------
	活動内容・ご利用案内・お仕事募集について
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { .top_activity .menu01 .work a > div { flex-wrap: wrap; }
  .top_activity .menu01 .work a > div h2 { margin: 0 0 15px 0; width: 100%; text-align: center; }
  .top_activity .menu01 .work a > div p { width: 100%; font-size: 18px; flex: none; -webkit-flex: none; }
  .top_activity .menu02 { text-align: center; }
  .top_activity .menu02 .frm { flex-wrap: wrap; }
  .top_activity .menu02 .frm .enter, .top_activity .menu02 .frm .business { padding: 30px 10px; width: 100%; }
  .top_activity .menu02 .frm .enter { border-right: none; border-bottom: 2px solid #fff; }
  .top_activity .menu02 .frm .business { border-left: none; } }
/*1000px*/
@media screen and (max-width: 900px) { .top_activity .ph { padding: 40px 0 340px 0; background: url("../../img/img_top_work02.jpg") no-repeat #f4f9fb center bottom; background-size: auto 300px; } }
/*900px*/
@media screen and (max-width: 768px) { .top_activity .ph p { text-align: left; }
  .top_activity .menu01 .work a > div h2 { font-size: 26px; }
  .top_activity .menu01 .work a > div h2 span { padding: 0 0 0 41px; background: url("../img/ic_p01_05.png") no-repeat left top; background-size: 26px auto; }
  .top_activity .menu01 .work a > div p { font-size: 15px; }
  .top_activity .menu02 .frm .enter a, .top_activity .menu02 .frm .business a { padding: 30px 50px; }
  .top_activity .menu02 .frm .enter a div h2, .top_activity .menu02 .frm .business a div h2 { font-size: 24px; }
  .top_activity .menu02 .frm .enter a div h2 span, .top_activity .menu02 .frm .business a div h2 span { padding: 2px 0 2px 50px; }
  .top_activity .menu02 .frm .enter a div p, .top_activity .menu02 .frm .business a div p { margin: 12px auto 0 auto; padding: 12px 0 0 0; }
  .top_activity .menu02 .frm .enter a div h2 span { background: url("../../img/ic_enter01.png") no-repeat left top 1px; background-size: 34px auto; }
  .top_activity .menu02 .frm .business a div h2 span { background: url("../../img/ic_business01.png") no-repeat left top 6px; background-size: 34px auto; } }
/*768px*/
@media screen and (max-width: 400px) { .top_activity .menu01 .work a > div h2 { font-size: 24px; }
  .top_activity .menu01 .work a > div h2 span { padding: 0 0 0 39px; background: url("../img/ic_p01_05.png") no-repeat left top; background-size: 24px auto; }
  .top_activity .menu01 .work a > div p { font-size: 14px; }
  .top_activity .menu02 .frm .enter a, .top_activity .menu02 .frm .business a { padding: 60px 20px 30px 20px; }
  .top_activity .menu02 .frm .enter a div h2, .top_activity .menu02 .frm .business a div h2 { font-size: 21px; }
  .top_activity .menu02 .frm .enter a div h2 span, .top_activity .menu02 .frm .business a div h2 span { padding: 40px 0 0 0; }
  .top_activity .menu02 .frm .enter a div h2 span { background: url("../../img/ic_enter01.png") no-repeat center top 1px; background-size: 34px auto; }
  .top_activity .menu02 .frm .business a div h2 span { background: url("../../img/ic_business01.png") no-repeat center top 6px; background-size: 34px auto; } }
/*400px*/
/*--------------------------------------------------------------------------
	イベント・ブログ・お知らせ・よくある質問
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { .top_post_list { padding: 0 10px; max-width: 720px; }
  .top_post_list .ar.event, .top_post_list .ar.diary { margin: 0; width: 100%; }
  .top_post_list .ar.event h2, .top_post_list .ar.diary h2 { margin: 0 0 50px 0; font-weight: 500; text-align: center; }
  .top_post_list .ar.event h2 span.en, .top_post_list .ar.diary h2 span.en { margin: 0 0 5px 0; color: #3692b5; font-size: 40px; font-weight: 400; letter-spacing: 0.14em; }
  .top_post_list .ar.event h2 span.sbj, .top_post_list .ar.diary h2 span.sbj { display: block; color: #888; font-size: 19px; }
  .top_post_list .ar.event a, .top_post_list .ar.diary a { display: block; width: 100%; }
  .top_post_list .ar.event a:first-of-type .post .list p, .top_post_list .ar.diary a:first-of-type .post .list p { margin: 0 0 10px 0; font-size: 15px; }
  .top_post_list .ar.event a:first-of-type .post .list h3, .top_post_list .ar.diary a:first-of-type .post .list h3 { font-size: 22px; }
  .top_post_list .ar.event a:first-of-type .post .ph, .top_post_list .ar.diary a:first-of-type .post .ph { width: 140px; }
  .top_post_list .ar.event a:nth-of-type(2), .top_post_list .ar.diary a:nth-of-type(2) { margin: 25px 0 0 0; padding: 20px 0 0 0; border-top: 1px dotted #3692b5; }
  .top_post_list .ar.diary { margin: 50px 0 0 0; padding: 100px 0 0 0; width: 100%; background: url("../../img/bg_line01.png") no-repeat center top; background-size: auto 48px; }
  .top_post_list .ar.news { margin: 50px 0 0 0; }
  .top_post_list .ar.news .frm { padding: 0; }
  .top_post_list .ar.news .frm h2 { width: 120px; } }
/*1000px*/
@media screen and (max-width: 768px) { .top_post_list { margin: 70px auto 0 auto; }
  .top_post_list .ar.event h2, .top_post_list .ar.diary h2 { margin: 0 0 20px 0; }
  .top_post_list .ar.event h2 span.en, .top_post_list .ar.diary h2 span.en { font-size: 34px; }
  .top_post_list .ar.event h2 span.sbj, .top_post_list .ar.diary h2 span.sbj { font-size: 18px; }
  .top_post_list .ar.event a:first-of-type .post .list p, .top_post_list .ar.diary a:first-of-type .post .list p { font-size: 12px; }
  .top_post_list .ar.event a:first-of-type .post .list h3, .top_post_list .ar.diary a:first-of-type .post .list h3 { font-size: 18px; }
  .top_post_list .ar.event a:first-of-type .post .ph, .top_post_list .ar.diary a:first-of-type .post .ph { width: 100px; }
  .top_post_list .ar.event a:nth-of-type(n+2) .post .list h3, .top_post_list .ar.diary a:nth-of-type(n+2) .post .list h3 { font-size: 14px; }
  .top_post_list .ar.event { padding: 0; }
  .top_post_list .ar.diary { margin: 40px 0 0 0; padding: 65px 0 0 0; background: url("../../img/bg_line01.png") no-repeat center top; background-size: auto 36px; }
  .top_post_list .ar.news { margin: 40px 0 0 0; padding: 65px 0 0 0; background: url("../../img/bg_line01.png") no-repeat center top; background-size: auto 36px; }
  .top_post_list .ar.news .frm h2 span.en { font-size: 21px; }
  .top_post_list .ar.news .frm h2 span.sbj { font-size: 13px; }
  .top_post_list .ar.news .frm .news_post a .post .list h3 { font-size: 13px; }
  .top_post_list .faq.single { margin: 40px 0 0 0; padding: 65px 0 0 0; background: url("../../img/bg_line01.png") no-repeat center top; background-size: auto 36px; }
  .top_post_list .faq h2 a { font-size: 19px; max-width: 420px; } }
/*768px*/
@media screen and (max-width: 540px) { .top_post_list .ar.event a:first-of-type .post:has(.ph) .text, .top_post_list .ar.diary a:first-of-type .post:has(.ph) .text { padding: 0 20px 0 0; }
  .top_post_list .ar.event a:first-of-type .post .ph, .top_post_list .ar.diary a:first-of-type .post .ph { width: 90px; }
  .top_post_list .ar.event a:nth-of-type(n+2) .post .list, .top_post_list .ar.diary a:nth-of-type(n+2) .post .list { flex-wrap: wrap; }
  .top_post_list .ar.event a:nth-of-type(n+2) .post .list p, .top_post_list .ar.diary a:nth-of-type(n+2) .post .list p { margin: 0 0 3px 0; width: 100%; }
  .top_post_list .ar.event a:nth-of-type(n+2) .post .list h3, .top_post_list .ar.diary a:nth-of-type(n+2) .post .list h3 { width: 100%; flex: none; -webkit-flex: none; }
  .top_post_list .ar.news .frm { flex-wrap: wrap; }
  .top_post_list .ar.news .frm h2 { margin: 0 0 20px 0; width: 100%; text-align: center; }
  .top_post_list .ar.news .frm h2 span.en { font-size: 24px; }
  .top_post_list .ar.news .frm .news_post { width: 100%; flex: none; -webkit-flex: none; }
  .top_post_list .ar.news .frm .news_post a .post .list { flex-wrap: wrap; }
  .top_post_list .ar.news .frm .news_post a .post .list p { margin: 0 0 5px 0; width: 100%; font-size: 12px; }
  .top_post_list .ar.news .frm .news_post a .post .list h3 { width: 100%; flex: none; -webkit-flex: none; } }
/*540px*/

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