@charset "UTF-8";
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
#top_main { padding: 0 0 140px 0; }

/*--------------------------------------------------------------------------
	更新情報
--------------------------------------------------------------------------*/
.top_topics { margin: 0 0 140px 0; padding: 50px 10px; background: #f4f9fb; }
.top_topics .sbj { margin: 0 auto 20px auto; display: table; width: 100%; max-width: 700px; table-layout: fixed; }
.top_topics .sbj h2, .top_topics .sbj p { display: table-cell; vertical-align: middle; }
.top_topics .sbj h2 span { padding: 2px 0 2px 40px; display: inline-block; color: #3692b5; background: url("../img/ic_p01_02.png") no-repeat left top 2px; background-size: 30px auto; font-size: 30px; font-weight: 400; letter-spacing: 0.14em; }
.top_topics .sbj p { width: 100px; }
.top_topics .sbj p a { padding: 7px 0; display: block; width: 100%; text-align: center; border-radius: 3px; }
.top_topics .sbj p a:link, .top_topics .sbj p a:visited { border: 1px solid #70c0e8; color: #70c0e8; background: url("../img/ar01_lb_r.png") no-repeat #fff right 10px center; background-size: 6px auto; }
.top_topics .sbj p a:hover, .top_topics .sbj p a:active { border: 1px solid #70c0e8; color: #fff; background: url("../img/ar01_wh_r.png") no-repeat #70c0e8 right 10px center; background-size: 6px auto; }
.top_topics .topics_area { margin: 0 auto; max-width: 700px; }
.top_topics .topics_area a { display: block; width: 100%; }
.top_topics .topics_area a:hover dt span.category, .top_topics .topics_area a:active dt span.category { opacity: 0.7; }
.top_topics .topics_area dl { padding: 8px 0; display: flex; display: -webkit-flex; }
.top_topics .topics_area dl dt { width: 270px; line-height: 0; font-size: 0; }
.top_topics .topics_area dl dt span { display: inline-block; vertical-align: middle; line-height: 1; }
.top_topics .topics_area dl dt span.ymd { font-size: 15px; }
.top_topics .topics_area dl dt span.category { margin: 0 0 0 10px; padding: 5px; border: 1px solid #3692b5; width: 130px; color: #3692b5; background: #fff; font-size: 11px; text-align: center; border-radius: 3px; }
.top_topics .topics_area dl dd { line-height: 1.6; flex: 1; -webkit-flex: 1; }
.top_topics .topics_area dl dd span.type_main { margin: 2px 15px 0 0; display: inline-block; vertical-align: top; width: 150px; line-height: 20px; color: #fff; background: #70c0e8; font-size: 12px; text-align: center; border-radius: 3px; }

/*--------------------------------------------------------------------------
	ピースマイルについて
--------------------------------------------------------------------------*/
.top_about { margin: 0 0 70px 0; padding: 0 0 100px 0; background: url("../../img/bg_line01.png") no-repeat center bottom; background-size: 2000px auto; text-align: center; }
.top_about .theme { margin: 0 0 40px 0; padding: 0 10px; font-size: 17px; line-height: 2.2; }
.top_about .theme p:first-of-type { margin: 0 0 5px 0; line-height: 1.6; color: #7ab7ce; font-size: 32px; }
.top_about .frm { margin: 0 auto 40px auto; display: flex; display: -webkit-flex; height: 400px; background: url("../../img/bg_top_about01.jpg") no-repeat center center; background-size: auto 400px; max-width: 2000px; text-align: center; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; justify-content: center; -webkit-box-pack: center; }
.top_about .frm h2 { margin: 0 0 20px 0; line-height: 1.4; font-size: 40px; font-weight: 400; letter-spacing: 0.14em; }
.top_about .frm .page_sub_menu { margin: 0 auto; max-width: 520px; }
.top_about .frm .page_sub_menu ul { flex-wrap: wrap; }
.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 { display: block; padding: 15px 0; width: 100%; line-height: 1.6; color: #fff; font-size: 19px; border-radius: 3px; }
.top_about .frm .page_sub_menu ul li a:link, .top_about .frm .page_sub_menu ul li a:visited { background: #3692b5; }
.top_about .frm .page_sub_menu ul li a:active, .top_about .frm .page_sub_menu ul li a:hover { background: #7ab7ce; }
.top_about .frm + p { padding: 0 10px; }

/*--------------------------------------------------------------------------
	活動案内・ご利用案内・お仕事募集しております
--------------------------------------------------------------------------*/
.main_work .work_menu { text-align: center; }
.main_work .work_menu p { padding: 0 10px; }
.main_work .work_menu p:first-of-type { margin: 0 0 20px 0; color: #3692b5; font-size: 54px; font-weight: 400; letter-spacing: 0.14em; }
.main_work .work_menu .page_sub_menu { margin: 30px 0 100px 0; background: #7ab7ce; }
.main_work .work_menu .page_sub_menu ul { margin: 0 auto; width: 100%; max-width: 1200px; }
.main_work .work_menu .page_sub_menu ul li { border-right: 1px solid #fff; border-left: 1px solid #fff; padding: 0; width: 33.33%; }
.main_work .work_menu .page_sub_menu ul li:first-of-type { border-left: none; }
.main_work .work_menu .page_sub_menu ul li:last-of-type { border-right: none; }
.main_work .work_menu .page_sub_menu ul li a { padding: 15px 10px; display: flex; display: -webkit-flex; width: 100%; line-height: 1.6; color: #fff; font-size: 19px; border-radius: 0; letter-spacing: 0.14em; }
.main_work .work_menu .page_sub_menu ul li a:link, .main_work .work_menu .page_sub_menu ul li a:visited { border: none; background: #7ab7ce; }
.main_work .work_menu .page_sub_menu ul li a:active, .main_work .work_menu .page_sub_menu ul li a:hover { border: none; background: #3692b5; }
.main_work .top_work { margin: 0 auto 140px auto; }
.main_work .top_work .point { margin: 70px auto 0 auto; max-width: 1400px; }
.main_work .top_work .point:first-of-type { margin: 0 auto; }
.main_work .top_work .point:nth-of-type(2n) .frm .ph { padding: 0 40px 0 0; order: 1; }
.main_work .top_work .point:nth-of-type(2n) .frm .cap { padding: 0 60px 0 0; order: 2; }
.main_work .top_work .point .frm { display: flex; display: -webkit-flex; }
.main_work .top_work .point .frm .ph { padding: 0 0 0 40px; width: calc(740px - 40px); }
.main_work .top_work .point .frm .cap { padding: 0 0 0 60px; flex: 1; -webkit-flex: 1; }
.main_work .top_work .point .frm .cap h3 { line-height: 1.6; color: #70c0e8; font-size: 32px; font-weight: 500; letter-spacing: 0.12em; }
.main_work .top_work .point .frm .cap p:first-of-type { margin: 25px 0; line-height: 1.8; font-size: 22px; }

/*--------------------------------------------------------------------------
	活動内容・ご利用案内・お仕事募集について
--------------------------------------------------------------------------*/
.top_activity .ph { padding: 0 0 380px 0; background: url("../../img/img_top_work02.jpg") no-repeat center bottom; background-size: auto 340px; font-size: 19px; text-align: center; }
.top_activity .ph p { padding: 0 10px; }
.top_activity .menu01 .work { margin: 0 0 2px 0; width: 100%; }
.top_activity .menu01 .work a { padding: 30px 10px; display: block; width: 100%; }
.top_activity .menu01 .work a h2, .top_activity .menu01 .work a p { color: #fff; }
.top_activity .menu01 .work a:link, .top_activity .menu01 .work a:visited { background: #3692b5; }
.top_activity .menu01 .work a:active, .top_activity .menu01 .work a:hover { background: #7ab7ce; }
.top_activity .menu01 .work a > div { margin: 0 auto; display: flex; display: -webkit-flex; max-width: 1100px; }
.top_activity .menu01 .work a > div h2 { width: 280px; line-height: 1; font-size: 34px; font-weight: 400; letter-spacing: 0.14em; }
.top_activity .menu01 .work a > div h2 span { padding: 0 0 0 45px; display: inline-block; background: url("../img/ic_p01_05.png") no-repeat left top 3px; background-size: 30px auto; }
.top_activity .menu01 .work a > div p { font-size: 18px; flex: 1; -webkit-flex: 1; }
.top_activity .menu02 { background: #7ab7ce; text-align: center; }
.top_activity .menu02 .frm { margin: 0 auto; display: flex; display: -webkit-flex; max-width: 1100px; }
.top_activity .menu02 .frm .enter, .top_activity .menu02 .frm .business { display: flex; display: -webkit-flex; width: 50%; }
.top_activity .menu02 .frm .enter a, .top_activity .menu02 .frm .business a { padding: 30px 50px; border: 1px solid #fff; display: block; width: 100%; border-radius: 3px; flex-grow: 1; }
.top_activity .menu02 .frm .enter a:link, .top_activity .menu02 .frm .enter a:visited, .top_activity .menu02 .frm .business a:link, .top_activity .menu02 .frm .business a:visited { background: #7ab7ce; }
.top_activity .menu02 .frm .enter a:active, .top_activity .menu02 .frm .enter a:hover, .top_activity .menu02 .frm .business a:active, .top_activity .menu02 .frm .business a:hover { background: #3692b5; }
.top_activity .menu02 .frm .enter a div h2, .top_activity .menu02 .frm .business a div h2 { line-height: 1.4; color: #fff; font-size: 28px; font-weight: 400; }
.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: 15px auto 0 auto; padding: 15px 0 0 0; display: block; border-top: 1px solid #fff; width: 100%; color: #fff; }
.top_activity .menu02 .frm .enter { padding: 30px 25px 30px 10px; border-right: 1px solid #fff; }
.top_activity .menu02 .frm .enter a div h2 span { background: url("../../img/ic_enter01.png") no-repeat left top 2px; background-size: 40px auto; }
.top_activity .menu02 .frm .business { padding: 30px 10px 30px 25px; border-left: 1px solid #fff; }
.top_activity .menu02 .frm .business a div h2 span { background: url("../../img/ic_business01.png") no-repeat left top 8px; background-size: 40px auto; }

/*--------------------------------------------------------------------------
	イベント・ブログ・お知らせ・よくある質問
--------------------------------------------------------------------------*/
.top_post_list { margin: 140px auto 0 auto; padding: 0 10px; display: flex; display: -webkit-flex; max-width: 1120px; flex-wrap: wrap; }
.top_post_list .ar.event, .top_post_list .ar.diary { margin: 0 auto; padding: 0 25px; width: 50%; }
.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 .post .list p, .top_post_list .ar.event a .post .list h3, .top_post_list .ar.diary a .post .list p, .top_post_list .ar.diary a .post .list h3 { line-height: 1.4; }
.top_post_list .ar.event a:first-of-type:link .post .list p, .top_post_list .ar.event a:first-of-type:visited .post .list p, .top_post_list .ar.diary a:first-of-type:link .post .list p, .top_post_list .ar.diary a:first-of-type:visited .post .list p { color: #7ab7ce; }
.top_post_list .ar.event a:first-of-type:link .post .list h3, .top_post_list .ar.event a:first-of-type:visited .post .list h3, .top_post_list .ar.diary a:first-of-type:link .post .list h3, .top_post_list .ar.diary a:first-of-type:visited .post .list h3 { color: #444; }
.top_post_list .ar.event a:first-of-type:active .post .list, .top_post_list .ar.event a:first-of-type:hover .post .list, .top_post_list .ar.diary a:first-of-type:active .post .list, .top_post_list .ar.diary a:first-of-type:hover .post .list { opacity: 0.7; }
.top_post_list .ar.event a:first-of-type .post, .top_post_list .ar.diary a:first-of-type .post { display: flex; display: -webkit-flex; width: 100%; }
.top_post_list .ar.event a:first-of-type .post:has(.ph) .list, .top_post_list .ar.diary a:first-of-type .post:has(.ph) .list { padding: 0 30px 0 0; }
.top_post_list .ar.event a:first-of-type .post .list, .top_post_list .ar.diary a:first-of-type .post .list { flex: 1; -webkit-flex: 1; }
.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 5px 0; 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; font-weight: 500; }
.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:first-of-type .post .ph.e_ph div, .top_post_list .ar.event a:first-of-type .post .ph.d_ph div, .top_post_list .ar.diary a:first-of-type .post .ph.e_ph div, .top_post_list .ar.diary a:first-of-type .post .ph.d_ph div { text-align: center; }
.top_post_list .ar.event a:first-of-type .post .ph.e_ph div.image-wrapper, .top_post_list .ar.event a:first-of-type .post .ph.d_ph div.image-wrapper, .top_post_list .ar.diary a:first-of-type .post .ph.e_ph div.image-wrapper, .top_post_list .ar.diary a:first-of-type .post .ph.d_ph div.image-wrapper { aspect-ratio: 1/1; }
.top_post_list .ar.event a:first-of-type .post .ph.e_ph div img, .top_post_list .ar.event a:first-of-type .post .ph.d_ph div img, .top_post_list .ar.diary a:first-of-type .post .ph.e_ph div img, .top_post_list .ar.diary a:first-of-type .post .ph.d_ph div img { border-radius: 3px; }
.top_post_list .ar.event a:nth-of-type(2), .top_post_list .ar.diary a:nth-of-type(2) { margin: 30px 0 0 0; }
.top_post_list .ar.event a:nth-of-type(n+2), .top_post_list .ar.diary a:nth-of-type(n+2) { flex-grow: none; }
.top_post_list .ar.event a:nth-of-type(n+2):link .post .list p, .top_post_list .ar.event a:nth-of-type(n+2):visited .post .list p, .top_post_list .ar.diary a:nth-of-type(n+2):link .post .list p, .top_post_list .ar.diary a:nth-of-type(n+2):visited .post .list p { color: #444; }
.top_post_list .ar.event a:nth-of-type(n+2):link .post .list h3, .top_post_list .ar.event a:nth-of-type(n+2):visited .post .list h3, .top_post_list .ar.diary a:nth-of-type(n+2):link .post .list h3, .top_post_list .ar.diary a:nth-of-type(n+2):visited .post .list h3 { color: #444; }
.top_post_list .ar.event a:nth-of-type(n+2):active .post .list, .top_post_list .ar.event a:nth-of-type(n+2):hover .post .list, .top_post_list .ar.diary a:nth-of-type(n+2):active .post .list, .top_post_list .ar.diary a:nth-of-type(n+2):hover .post .list { opacity: 0.7; }
.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 { margin: 0 0 10px 0; display: flex; display: -webkit-flex; }
.top_post_list .ar.event a:nth-of-type(n+2) .post .list p, .top_post_list .ar.event a:nth-of-type(n+2) .post .list h2, .top_post_list .ar.diary a:nth-of-type(n+2) .post .list p, .top_post_list .ar.diary a:nth-of-type(n+2) .post .list h2 { line-height: 1.4; }
.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: 3px 0 0 0; width: 120px; font-size: 12px; }
.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: 15px; font-weight: 500; flex: 1; -webkit-flex: 1; }
.top_post_list .ar.event a:nth-of-type(n+2) .post .ph, .top_post_list .ar.diary a:nth-of-type(n+2) .post .ph { display: none; }
.top_post_list .ar.event a:nth-of-type(n+2) ul.data { display: none; }
.top_post_list .ar.event a ul.data { margin: 5px 0 0 0; display: table; width: 100%; line-height: 1.6; font-size: 12px; table-layout: fixed; }
.top_post_list .ar.event a ul.data li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.top_post_list .ar.diary a:nth-of-type(n+2) .cap { display: none; }
.top_post_list .ar.diary a div.cap { margin: 5px 0 0 0; height: 3.2em; line-height: 1.6; font-size: 12px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; }
.top_post_list .ar.news { 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 .frm { margin: 0 auto; padding: 0 10px; display: flex; display: -webkit-flex; max-width: 820px; }
.top_post_list .ar.news .frm h2 { line-height: 1; width: 270px; }
.top_post_list .ar.news .frm h2 span.en { color: #7ab7ce; font-size: 24px; font-weight: 400; letter-spacing: 0.14em; }
.top_post_list .ar.news .frm h2 span.sbj { margin: 10px 0 0 0; display: block; color: #888; font-size: 15px; }
.top_post_list .ar.news .frm .news_post { flex: 1; -webkit-flex: 1; }
.top_post_list .ar.news .frm .news_post a { margin: 10px 0 0 0; display: block; width: 100%; }
.top_post_list .ar.news .frm .news_post a:first-of-type { margin: 0; }
.top_post_list .ar.news .frm .news_post a .post .list { display: flex; display: -webkit-flex; }
.top_post_list .ar.news .frm .news_post a .post .list p, .top_post_list .ar.news .frm .news_post a .post .list h3 { line-height: 1.4; }
.top_post_list .ar.news .frm .news_post a .post .list p { margin: 3px 0 0 0; width: 105px; font-size: 12px; }
.top_post_list .ar.news .frm .news_post a .post .list h3 { font-size: 14px; font-weight: 500; flex: 1; -webkit-flex: 1; }
.top_post_list .faq { margin: 50px auto 0 auto; padding: 0 10px; width: 100%; }
.top_post_list .faq.single { padding: 100px 0 0 0; background: url("../../img/bg_line01.png") no-repeat center top; background-size: auto 48px; }
.top_post_list .faq h2 a { margin: 0 auto; padding: 18px 10px; display: block; width: 100%; color: #fff; font-size: 22px; font-weight: 500; text-align: center; max-width: 520px; letter-spacing: 0.14em; border-radius: 3px; }
.top_post_list .faq h2 a:link, .top_post_list .faq h2 a:visited { background: #7ab7ce; }
.top_post_list .faq h2 a:active, .top_post_list .faq h2 a:hover { background: #3692b5; }
.top_post_list .faq h2 a span { padding: 0 0 0 30px; display: inline-block; background: url("../img/ic_faq01.png") no-repeat left center; background-size: 20px auto; }

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