@charset "UTF-8";
/* スマホ・タブレット
----------------------------------------------------------------------------

	共通
	
	ピースマイルって
	ピースマイルって - ごあいさつ
	ピースマイルって - 施設概要・アクセス
	スタッフ紹介 TOPページ
	スタッフ紹介 詳細ページ
	プライバシーポリシー
	リンク
	サイトマップ

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*1000px*/
@media screen and (max-width: 768px) { /*----- about関連サブメニュー -----*/
  .page_sub_menu.about { margin: 50px auto 0 auto; max-width: 500px; }
  .page_sub_menu.about ul { padding: 0 5px; }
  .page_sub_menu.about ul li { margin: 0 5px; width: calc(50% - 10px); }
  .page_sub_menu.about ul li:nth-of-type(n+3) { margin: 10px 5px 0 5px; }
  .page_sub_menu.about ul li a { padding: 12px 10px; font-size: 13px; } }
/*768px*/
/*640px*/
/*480px*/
/*--------------------------------------------------------------------------
	ピースマイルって
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #about .topimg { height: 340px; }
  #about .access .frm .item .ph { width: 350px; }
  #about .access .frm .item .cap { padding: 0 0 0 40px; }
  #about .access .frm .item .cap p { font-size: 17px; } }
/*1000px*/
@media screen and (max-width: 768px) { #about .topimg { margin: 0 auto 40px auto; height: 240px; background-size: auto 240px; }
  #about .intro { margin: 0 auto 70px auto; text-align: left; }
  #about .intro p { font-size: 14px; }
  #about .intro h3 { margin: 20px 0 10px 0; font-size: 24px; }
  #about .intro h3 + p br { display: none; }
  #about .access { padding: 0 10px; }
  #about .access h3 { margin: 0 auto 20px auto; }
  #about .access h3 span { padding: 4px 0 4px 34px; background: url("../img/ic_map01.png") no-repeat left top 2px; background-size: 18px auto; font-size: 21px; }
  #about .access .frm { padding: 40px 15px 30px 15px; }
  #about .access .frm .item .ph, #about .access .frm .item .cap { display: block; width: 100%; }
  #about .access .frm .item .ph { margin: 0 auto; width: 100%; max-width: 340px; }
  #about .access .frm .item .cap { margin: 20px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #7ab7ce; }
  #about .access .frm .item .cap h4 { padding: 0 0 0 18px; color: #70c0e8; background: url("../img/ar01_lb_r.png") no-repeat left top 6px; background-size: 8px auto; font-size: 17px; }
  #about .access .frm .item .cap p { font-size: 14px; }
  #about .access .frm .item .cap p a.map { line-height: 26px; font-size: 17px; }
  #about .access .frm .item .cap p + h4 { margin: 30px 0 10px 0; } }
/*768px*/
/*--------------------------------------------------------------------------
	ピースマイルって - ごあいさつ
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #about_welcome .intro .frm .cap h3 br.sp { display: none; } }
/*1000px*/
@media screen and (max-width: 900px) { #about_welcome .intro .frm .ph { padding: 0 0 0 30px; width: 270px; } }
/*900px*/
@media screen and (max-width: 768px) { #about_welcome .intro { padding: 40px 10px 0 10px; background-size: auto 500px; }
  #about_welcome .intro .frm .cap { width: 100%; flex: 0; -webkit-flex: none; }
  #about_welcome .intro .frm .cap h3 { font-size: 22px; }
  #about_welcome .intro .frm .cap h3 br { display: none; }
  #about_welcome .intro .frm .ph { margin: 0 auto; padding: 30px 0 0 0; width: 100%; max-width: 270px; }
  #about_welcome .intro .frm .msg { margin: 50px 0 40px 0; text-align: left; }
  #about_welcome .intro .frm .msg p { margin: 20px 0 0 0; font-size: 15px; }
  #about_welcome .intro .frm .msg p br.sp { display: none; }
  #about_welcome .intro .frm .data dl { margin: 0 auto; max-width: 320px; }
  #about_welcome .intro .frm .data dl dt { padding: 0 20px 0 0; width: 120px; text-align: right; }
  #about_welcome .philosophy { margin: 70px auto 0 auto; }
  #about_welcome .philosophy .frm { max-width: 500px; }
  #about_welcome .philosophy .frm .name, #about_welcome .philosophy .frm .cap { display: block; width: 100%; }
  #about_welcome .philosophy .frm .name { width: 100%; }
  #about_welcome .philosophy .frm .name h4 { margin: 0 0 15px 0; font-size: 24px; }
  #about_welcome .philosophy .frm .name h4 span { display: inline-block; font-size: 14px; }
  #about_welcome .philosophy .frm .name h4 span:nth-of-type(2) { margin: 0 15px 0 0; }
  #about_welcome .philosophy .frm .cap { padding: 20px; font-size: 17px; } }
/*768px*/
@media screen and (max-width: 480px) { #about_welcome .philosophy .frm .name h4 br { display: block; } }
/*480px*/
/*--------------------------------------------------------------------------
	ピースマイルって - 施設概要・アクセス
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #about_outline .cat_sbj { margin: 0 0 40px 0; padding: 15px 10px; }
  #about_outline .cat_sbj h3 { font-size: 21px; }
  #about_outline .intro { margin: 0 auto 40px auto; text-align: left; }
  #about_outline .intro p { font-size: 14px; }
  #about_outline .intro p:first-of-type { margin: 0 0 15px 0; font-size: 24px; }
  #about_outline .location .frm .location_info { margin: 0 auto 50px auto; }
  #about_outline .location .about_transfer { margin: 0 auto 50px auto; }
  #about_outline .access .frm .location_info { margin: 0 auto 50px auto; }
  #about_outline .access .frm .location_info .ph { order: 1; }
  #about_outline .access .frm .location_info .ph.map { margin: 0 auto; max-width: 500px; }
  #about_outline .access .frm .location_info .cap { padding: 30px 0 0 0; order: 2; }
  #about_outline .support .frm { margin: 0 auto 50px auto; }
  #about_outline .support .frm .list { margin: 0 10px; width: 100%; font-size: 14px; }
  #about_outline .support .frm .list:nth-of-type(n+2), #about_outline .support .frm .list:nth-of-type(n+3) { margin: 25px 10px 0 10px; padding: 25px 0 0 0; border-top: 1px solid #d8edf5; }
  #about_outline .support .frm .list:last-of-type { margin: 40px 0 0 0; padding: 0; border-top: none; }
  #about_outline .support .frm .list:last-of-type .ph { margin: 0 0 15px 0; height: 200px; background: url("../../about/img/img_outline01.jpg") no-repeat center center; background-size: auto 200px; }
  #about_outline .support .frm .list:last-of-type h4, #about_outline .support .frm .list:last-of-type p { padding: 0 10px; }
  #about_outline .support .frm .list h4 { margin: 0 0 5px 0; line-height: 1.4; font-size: 22px; } }
/*768px*/
@media screen and (max-width: 540px) { #about_outline .support .frm .list:last-of-type .ph { height: 180px; background: url("../../about/img/img_outline01.jpg") no-repeat center center; background-size: auto 180px; } }
/*540px*/
/*--------------------------------------------------------------------------
	スタッフ紹介 TOPページ
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { #staff .frm .list { padding: 30px 20px; }
  #staff .frm .list:has(.ph) .cap { padding: 0 30px 0 0; } }
/*1000px*/
@media screen and (max-width: 768px) { #staff .cat_sbj { margin: 0 0 40px 0; padding: 15px 10px; }
  #staff .cat_sbj p { font-size: 21px; }
  #staff .intro { margin: 0 auto 40px auto; text-align: left; }
  #staff .intro p { font-size: 14px; }
  #staff .intro p:first-of-type { margin: 0 0 15px 0; font-size: 24px; }
  #staff .frm .list { padding: 20px 15px; }
  #staff .frm .list:nth-of-type(n+3) { width: 100%; }
  #staff .frm .list .cap { font-size: 13px; }
  #staff .frm .list .cap h3 span { line-height: 21px; }
  #staff .frm .list .cap h3 span.position { width: 110px; font-size: 13px; }
  #staff .frm .list .cap h3 span.name { padding: 0 18px 0 0; font-size: 21px; }
  #staff .frm .list .cap p { margin: 15px 0 0 0; padding: 10px 0 0 0; font-size: 13px; }
  #staff .frm .list .ph { width: 160px; } }
/*768px*/
@media screen and (max-width: 640px) { #staff .frm .list { flex-wrap: wrap; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
  #staff .frm .list:has(.ph) .cap { padding: 30px 0 0 0; }
  #staff .frm .list .cap { width: 100%; order: 2; flex: 0; -webkit-flex: 0; }
  #staff .frm .list .ph { margin: 0 auto; width: 100%; max-width: 160px; order: 1; } }
/*640px*/
@media screen and (max-width: 400px) { #staff .frm .list .cap h3 { text-align: center; }
  #staff .frm .list .cap h3 span.position { margin: 0 auto 10px auto; display: block; width: 100%; max-width: 110px; }
  #staff .frm .list .cap h3 span.name { padding: 0  0 0 18px; background: url("../img/ar02_lb_r.png") no-repeat left center; background-size: 8px auto; } }
/*400px*/
/*--------------------------------------------------------------------------
	スタッフ紹介　詳細ページ
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #staff_ar .person { margin: 0 auto 60px auto; }
  #staff_ar .person:has(.ph) .cap { padding: 0 30px 0 0; }
  #staff_ar .person .cap p { line-height: 1.8; font-size: 14px; }
  #staff_ar .person .cap p:first-of-type { font-size: 19px; }
  #staff_ar .person .cap h3 { margin: 25px 0 0 0; }
  #staff_ar .person .cap h3 span { line-height: 21px; }
  #staff_ar .person .cap h3 span.position { width: 110px; font-size: 13px; }
  #staff_ar .person .cap h3 span.name { padding: 0 18px 0 0; font-size: 21px; }
  #staff_ar .person .ph { width: 160px; }
  #staff_ar .faq { margin: 50px auto 0 auto; }
  #staff_ar .faq .cat_sbj { margin: 0 0 20px 0; }
  #staff_ar .faq .cat_sbj h4 span { padding: 0 0 0 18px; background: url("../img/ar01_wh_r.png") no-repeat left top 7px; background-size: 10px auto; font-size: 21px; }
  #staff_ar .back_btn a { margin: 40px auto 0 auto; } }
/*768px*/
@media screen and (max-width: 640px) { #staff_ar .person { flex-wrap: wrap; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
  #staff_ar .person:has(.ph) .cap { padding: 30px 0 0 0; }
  #staff_ar .person .cap { width: 100%; order: 2; flex: 0; -webkit-flex: 0; }
  #staff_ar .person .ph { margin: 0 auto; width: 100%; max-width: 160px; order: 1; } }
/*640px*/
@media screen and (max-width: 400px) { #staff_ar .person .cap h3 { text-align: center; }
  #staff_ar .person .cap h3 span.position { margin: 0 auto 10px auto; display: block; width: 100%; max-width: 110px; }
  #staff_ar .person .cap h3 span.name { padding: 0 0 0 18px; background: url("../img/ar02_lb_r.png") no-repeat left center; background-size: 8px auto; } }
/*400px*/
/*--------------------------------------------------------------------------
	プライバシーポリシー
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #privacy .frm div.intro { margin: 0 auto 20px auto; }
  #privacy .frm > section { padding: 40px 0 0 0; }
  #privacy .frm > section h3 { margin: 0 0 10px 0; font-size: 19px; }
  #privacy .frm .name { margin: 40px auto 0 auto; font-size: 15px; } }
/*768px*/
/*--------------------------------------------------------------------------
	リンク
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #link > section { margin: 50px auto 0 auto; }
  #link > section h3 { padding: 0 0 15px 30px; background: url("../img/ic_p01_01.png") no-repeat left top 3px; background-size: 18px auto; font-size: 19px; }
  #link > section .item { margin: 15px 0 0 0; }
  #link > section .item a { padding: 15px 40px 15px 15px; }
  #link > section .item a h4 { font-size: 17px; }
  #link > section .item a:link, #link > section .item a:visited { background: url("../img/ar01_lb_r.png") no-repeat #f9fcfc right 15px center; background-size: 8px auto; }
  #link > section .item a:active, #link > section .item a:hover { background: url("../img/ar01_lb_r.png") no-repeat #d8edf5 right 15px center; background-size: 8px auto; } }
/*768px*/
/*540px*/
/*--------------------------------------------------------------------------
	サイトマップ
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #sitemap > section { margin: 50px auto 0 auto; }
  #sitemap > section h3 { padding: 0 0 20px 34px; background: url("../img/ic_p01_05.png") no-repeat left top; background-size: 24px auto; font-size: 19px; }
  #sitemap > section ul li { width: calc(50% - 20px); }
  #sitemap > section ul li:nth-of-type(n+3) { margin: 10px 10px 0 10px; }
  #sitemap > section ul li a { padding: 5px 15px 5px 35px; }
  #sitemap > section ul li a:link, #sitemap > section ul li a:visited { background: url("../img/ar01_lb_r.png") no-repeat #fff left 15px top 14px; background-size: 8px auto; }
  #sitemap > section ul li a:active, #sitemap > section ul li a:hover { background: url("../img/ar01_lb_r.png") no-repeat #d8edf5 left 15px top 14px; background-size: 8px auto; } }
/*768px*/
@media screen and (max-width: 480px) { #sitemap > section ul li { margin: 0; width: 100%; }
  #sitemap > section ul li:nth-of-type(n+2), #sitemap > section ul li:nth-of-type(n+3), #sitemap > section ul li:nth-of-type(n+4) { margin: 10px 0 0 0; } }
/*480px*/

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