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

	共通
	
	ごあいさつ
	会社概要

	プライバシーポリシー
	リンク
	サイトマップ

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*----- ＊＊＊＊＊ -----*/
/*640px*/
/*--------------------------------------------------------------------------
	ごあいさつ
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #company .theme .ph { padding: 0 0 0 40px; width: 360px; }
  #company .theme .ph > div { max-width: 300px; }
  #company .branch_office .frm { padding: 50px 20px; }
  #company .branch_office .frm .ph { padding: 0 40px 0 0; width: 320px; } }
/*1000px*/
@media screen and (max-width: 900px) { #company .theme { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
  #company .theme .cap { width: 100%; flex: auto; -webkit-flex: auto; }
  #company .theme .cap h2 { max-width: 100%; }
  #company .theme .ph { margin: 0 auto; padding: 50px 0 0 0; width: 100%; max-width: 300px; }
  #company .theme .ph > div p { margin: 15px 0 0 0; }
  #company .branch_office .frm { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
  #company .branch_office .frm .cap { width: 100%; flex: auto; -webkit-flex: auto; }
  #company .branch_office .frm .cap > p br { display: none; }
  #company .branch_office .frm .ph { padding: 0 0 50px 0; width: 100%; }
  #company .branch_office .frm .ph ul { display: flex; width: 100%; }
  #company .branch_office .frm .ph ul li { width: 50%; } }
/*900px*/
@media screen and (max-width: 640px) { #company { padding: 50px 0 70px 0; }
  #company .theme .cap h2 span { padding: 0 0 0 24px; font-size: 18px; }
  #company .theme .cap .msg { margin: 15px 0 0 0; padding: 20px 0 0 0; font-size: 14px; }
  #company .theme .cap .msg p { margin: 20px 0 0 0; }
  #company .theme .ph { padding: 30px 0 0 0; }
  #company .theme .ph > div { font-size: 13px; }
  #company .theme .ph > div p { margin: 12px 0 0 0; }
  #company .theme .ph > div p span { margin: 5px 0 0 15px; font-size: 19px; }
  #company .branch_office { margin: 60px auto 0 auto; }
  #company .branch_office .frm { padding: 30px 15px; }
  #company .branch_office .frm .cap > h2 { margin: 0 0 15px 0; padding: 5px 20px; font-size: 15px; }
  #company .branch_office .frm .cap > p { font-size: 21px; }
  #company .branch_office .frm .cap .msg p { margin: 20px 0 0 0; }
  #company .branch_office .frm .cap .msg p:first-of-type { margin: 20px 0 0 0; padding: 20px 0 0 0; font-size: 16px; } }
/*640px*/
@media screen and (max-width: 440px) { #company .branch_office .frm .ph ul { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
  #company .branch_office .frm .ph ul li { width: 100%; } }
/*440px*/
/*--------------------------------------------------------------------------
	会社概要
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #company_outline > section .list .frm .item .sbj { width: 200px; } }
/*1000px*/
@media screen and (max-width: 640px) { #company_outline .intro_parts_box { margin: 0 0 30px 0; }
  #company_outline .intro_parts_box > p { font-size: 19px; }
  #company_outline > section { margin: 70px auto 0 auto; }
  #company_outline > section .list { padding: 25px 15px 30px 15px; }
  #company_outline > section .list .frm .item .sbj, #company_outline > section .list .frm .item .cap { display: table-cell; vertical-align: top; }
  #company_outline > section .list .frm .item .sbj { width: 140px; }
  #company_outline > section .list .frm .item .sbj h3 { font-size: 14px; }
  #company_outline > section .list .frm .item .cap .add { margin: 15px 0 0 0; }
  #company_outline > section .list .frm .item .cap .add a.map { margin: 5px 0 7px 0; width: 140px; line-height: 26px; font-size: 12px; }
  #company_outline > section .list .frm .item .cap ul.area li { font-size: 13px; } }
/*640px*/
@media screen and (max-width: 540px) { #company_outline > section .list .frm .item .sbj, #company_outline > section .list .frm .item .cap { display: block; width: 100%; }
  #company_outline > section .list .frm .item .sbj { width: 100%; } }
/*540px*/
/*--------------------------------------------------------------------------
	スタッフ紹介
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #staff_ar .frm { padding: 30px 15px; }
  #staff_ar .frm .person .face { padding: 0 30px 0 0; width: 300px; }
  #staff_ar .frm .person .face p.blog { margin: 20px auto 0; }
  #staff_ar .frm .person .data p.position { font-size: 14px; }
  #staff_ar .frm .person .data h2.name { padding: 0 0 20px; }
  #staff_ar .frm .person .data h2.name span.sign { font-size: 30px; }
  #staff_ar .frm .person .data h2.name span.kana { font-size: 13px; }
  #staff_ar .frm .person .data h2.name + .skill { margin-top: 20px; }
  #staff_ar .frm .profile_box { margin: 50px auto 0 auto; }
  #staff_ar .frm .profile h2 { margin-bottom: 15px; font-size: 24px; }
  #staff_ar .frm .profile h2 span { padding: 0 0 0 28px; background: url("../img/icon_brown.png") no-repeat left top 3px; background-size: 16px auto; }
  #staff_ar .frm .profile > div + div { margin-top: 50px; }
  #staff_ar .frm .profile .faq .faq_list { font-size: 14px; }
  #staff_ar .frm .profile .faq .faq_list .q { width: 230px; }
  #staff_ar .frm .profile .faq .faq_list .a { padding: 12px 10px 12px; } }
/*1000px*/
@media screen and (max-width: 640px) { #staff_ar .intro { margin: 0 auto 40px auto; }
  #staff_ar .frm .person { display: block; width: 100%; }
  #staff_ar .frm .person .face { margin: 0 auto 30px; padding: 0; width: 100%; max-width: 250px; }
  #staff_ar .frm .person .data { margin: 0 auto; }
  #staff_ar .frm .person .data p.position { text-align: center; font-size: 13px; }
  #staff_ar .frm .person .data h2.name { text-align: center; }
  #staff_ar .frm .person .data h2.name span.sign { font-size: 23px; }
  #staff_ar .frm .person .data h2.name span.kana { font-size: 13px; }
  #staff_ar .frm .person .data .skill { padding: 10px; }
  #staff_ar .frm .profile_box { margin: 50px auto 0 auto; }
  #staff_ar .frm .profile h2 { font-size: 20px; }
  #staff_ar .frm .profile h2 span { padding: 0 0 0 24px; background-size: 14px auto; }
  #staff_ar .frm .profile .faq .faq_list { display: block; font-size: 13px; }
  #staff_ar .frm .profile .faq .faq_list .q, #staff_ar .frm .profile .faq .faq_list .a { display: block; }
  #staff_ar .frm .profile .faq .faq_list .q { padding: 10px; width: 100%; }
  #staff_ar .frm .profile .faq .faq_list .q br { display: none; }
  #staff_ar .frm .profile .faq .faq_list .a { padding: 10px 10px 15px; } }
/*640px*/
/*--------------------------------------------------------------------------
	プライバシーポリシー
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { #privacy .frm .intro { margin: 0 auto 35px auto; padding: 0 0 30px 0; }
  #privacy .frm > section { margin: 45px 0 0 0; }
  #privacy .frm > section h2 { margin: 0 0 15px 0; line-height: 1.4; font-size: 17px; }
  #privacy .frm > section h2 .gf_po { margin: 2px 0 0 0; padding: 0 10px 0 15px; background: url("../img/icon_privacy.png") no-repeat left top; background-size: auto 22px; font-size: 22px; }
  #privacy .frm > section .item { padding: 20px 15px; }
  #privacy .frm > section .item a.window { padding: 0 20px 0 0; background: url("../img/icon_pri_off.png") no-repeat right 6px top 5px; background-size: 12px auto; }
  #privacy .frm > section .item a.window:active, #privacy .frm > section .item a.window:hover { background: url("../img/icon_pri_on.png") no-repeat right 6px top 5px; background-size: 12px auto; }
  #privacy .frm > section .item .list01 { margin: 20px 0 0 0; }
  #privacy .frm > section .item .list01 ul:first-of-type { margin: 0 0 0 15px; }
  #privacy .frm > section .item .list01 ul.att { margin: 15px 0 0 0; }
  #privacy .frm > section .item .list02 { margin: 20px 0 0 15px; }
  #privacy .frm > section .item .list02 ul li { padding: 0 0 0 15px; background: url("../img/ic_arror01_bl_r.png") no-repeat left top 10px; background-size: 6px auto; }
  #privacy .frm > section .item .list03 { margin: 20px 0 0 15px; }
  #privacy .frm > section .item .data { margin: 20px 0 0 0; } }
/*640px*/
/*--------------------------------------------------------------------------
	サイトマップ
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { #link .frm { padding: 30px 15px; }
  #link .frm > section { margin: 40px auto 0 auto; max-width: 400px; }
  #link .frm > section h2 { margin: 0 0 15px 0; padding: 0 0 0 30px; background: url("../img/icon_brown.png") no-repeat left top 5px; background-size: 16px auto; font-size: 16px; }
  #link .frm > section > a { padding: 10px 15px 15px 15px; width: 100%; }
  #link .frm > section > a:nth-of-type(2) { border-top: none; }
  #link .frm > section > a .links h3 { margin: 0 0 5px 0; }
  #link .frm > section > a .links p { font-size: 12px; } }
/*640px*/
/*--------------------------------------------------------------------------
	サイトマップ
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #sitemap .list { max-width: 900px; justify-content: flex-start; }
  #sitemap .list > section { width: 33.33%; max-width: inherit; }
  #sitemap .list > section:nth-of-type(n+4) { margin: 50px 0 0 0; } }
/*1000px*/
@media screen and (max-width: 768px) { #sitemap .list { max-width: 500px; }
  #sitemap .list > section { width: 50%; }
  #sitemap .list > section:nth-of-type(n+3), #sitemap .list > section:nth-of-type(n+4) { margin: 50px 0 0 0; } }
/*768px*/
@media screen and (max-width: 640px) { #sitemap .list > section:nth-of-type(n+3), #sitemap .list > section:nth-of-type(n+4) { margin: 30px 0 0 0; }
  #sitemap .list > section h2 { margin: 0 0 15px 0; padding: 0 0 0 24px; background: url("../img/icon_brown.png") no-repeat left top 3px; background-size: 14px auto; font-size: 15px; }
  #sitemap .list > section ul li { margin: 12px 0 0 0; }
  #sitemap .list > section ul + h2 { margin: 30px 0 15px 0; } }
/*640px*/
@media screen and (max-width: 440px) { #sitemap .list { max-width: 260px; }
  #sitemap .list > section { margin: 0; width: 100%; }
  #sitemap .list > section:nth-of-type(n+2), #sitemap .list > section:nth-of-type(n+3), #sitemap .list > section:nth-of-type(n+4) { margin: 30px 0 0 0; } }
/*440px*/

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