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

	共通
	
	ごあいさつ
	会社概要

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

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*----- ＊＊＊＊＊ -----*/
/*--------------------------------------------------------------------------
	ごあいさつ
--------------------------------------------------------------------------*/
#company { margin: 0 auto; padding: 70px 0 100px 0; background: url("../../company/img/company_img_1.png") no-repeat center top; background-size: auto 450px; max-width: 2000px; }
#company .theme { margin: 0 auto; padding: 0 10px; display: flex; width: 100%; max-width: 1120px; }
#company .theme .cap { flex: 1; -webkit-flex: 1; }
#company .theme .cap h2 span { padding: 0 0 0 40px; display: inline-block; position: relative; line-height: 1.6; font-size: 24px; font-weight: 500; }
#company .theme .cap h2 span::after { position: absolute; left: 0; top: 6px; bottom: 4px; width: 5px; background: #3281a9; content: ''; }
#company .theme .cap .msg { margin: 34px 0 0 0; padding: 34px 0 0 0; border-top: 1px solid #3281a9; font-size: 16px; }
#company .theme .cap .msg p { margin: 25px 0 0 0; }
#company .theme .cap .msg p:first-of-type { margin: 0; }
#company .theme .ph { padding: 0 0 0 60px; width: 410px; }
#company .theme .ph > div { text-align: center; font-size: 15px; max-width: 300px; }
#company .theme .ph > div p { margin: 25px 0 0 0; }
#company .theme .ph > div p span { margin: 5px 0 0 20px; font-size: 23px; }
#company .branch_office { margin: 95px auto 0 auto; padding: 0 10px; max-width: 1120px; }
#company .branch_office .frm { padding: 50px; display: flex; width: 100%; background: #fff; }
#company .branch_office .frm .cap { flex: 1; -webkit-flex: 1; order: 2; }
#company .branch_office .frm .cap > h2 { margin: 0 0 20px 0; padding: 5px 24px 5px 24px; display: inline-block; color: #fff; background: #9b8f74; font-size: 18px; font-weight: 500; }
#company .branch_office .frm .cap > p { line-height: 1.8; font-size: 26px; }
#company .branch_office .frm .cap .msg p { margin: 25px 0 0 0; }
#company .branch_office .frm .cap .msg p:first-of-type { margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #cdc7b9; font-size: 18px; }
#company .branch_office .frm .ph { padding: 0 50px 0 0; display: block; width: 380px; order: 1; }

/*--------------------------------------------------------------------------
	会社概要
--------------------------------------------------------------------------*/
#company_outline .intro_parts_box { margin: 0 0 70px 0; }
#company_outline > section { margin: 140px auto 0 auto; }
#company_outline > section:first-of-type { margin: 0 auto; }
#company_outline > section .list { padding: 60px 20px 50px 20px; background: #fff; }
#company_outline > section .list .frm .item { margin: 0 auto; padding: 10px 0; border-bottom: 1px solid #c3bcac; display: table; width: 100%; max-width: 1000px; table-layout: fixed; }
#company_outline > section .list .frm .item:first-of-type { padding: 0 0 10px 0; }
#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.line, #company_outline > section .list .frm .item .cap.line { vertical-align: middle; }
#company_outline > section .list .frm .item .sbj { width: 280px; }
#company_outline > section .list .frm .item .sbj h3 { color: #000; font-size: 15px; font-weight: 500; }
#company_outline > section .list .frm .item .cap { word-break: break-all; }
#company_outline > section .list .frm .item .cap .add { margin: 20px 0 0 0; }
#company_outline > section .list .frm .item .cap .add:first-of-type { margin: 0; }
#company_outline > section .list .frm .item .cap .add a.map { margin: 5px 0 7px 0; display: block; width: 150px; line-height: 30px; color: #fff; font-size: 13px; text-align: center; }
#company_outline > section .list .frm .item .cap .add a.map:link, #company_outline > section .list .frm .item .cap .add a.map:visited { background-color: #524b49; }
#company_outline > section .list .frm .item .cap .add a.map:active, #company_outline > section .list .frm .item .cap .add a.map:hover { background-color: #3281a9; }
#company_outline > section .list .frm .item .cap ul.area { line-height: 0; font-size: 0; }
#company_outline > section .list .frm .item .cap ul.area li { display: inline-block; line-height: 2; font-size: 14px; }
#company_outline > section .list .frm .item .cap ul.area li::after { content: '・'; }
#company_outline > section .list .frm .item .cap ul.area li:last-of-type::after { content: none; }

/*--------------------------------------------------------------------------
	スタッフ紹介
--------------------------------------------------------------------------*/
#staff_ar .intro { margin: 0 auto 70px auto; max-width: 1100px; }
#staff_ar .frm { margin: 20px auto 0 auto; padding: 50px 20px; background: #fff; max-width: 1100px; }
#staff_ar .frm:first-of-type { margin: 20 auto; }
#staff_ar .frm .person { margin: 0 auto; display: flex; display: -webkit-flex; max-width: 1000px; }
#staff_ar .frm .person .face { padding: 0 100px 0 0; width: 380px; }
#staff_ar .frm .person .face p.blog { margin: 30px auto 0; width: 200px; }
#staff_ar .frm .person .face p.blog a { border: 1px solid #524b49; display: block; line-height: 30px; font-weight: 500; text-align: center; }
#staff_ar .frm .person .face p.blog a:link, #staff_ar .frm .person .face p.blog a:visited { color: #fff; background: #524b49; }
#staff_ar .frm .person .face p.blog a:active, #staff_ar .frm .person .face p.blog a:hover { color: #524b49; background: #fff; }
#staff_ar .frm .person .data { flex: 1; -webkit-flex: 1; }
#staff_ar .frm .person .data p.position { margin-bottom: 15px; font-size: 16px; }
#staff_ar .frm .person .data h2.name { border-bottom: 1px solid #000; padding: 0 0 30px; line-height: 1; letter-spacing: 0.1em; }
#staff_ar .frm .person .data h2.name span { display: inline-block; vertical-align: middle; }
#staff_ar .frm .person .data h2.name span.sign { font-size: 35px; font-weight: 500; }
#staff_ar .frm .person .data h2.name span.kana { display: block; margin-top: 22px; font-size: 14px; font-weight: 500; }
#staff_ar .frm .person .data h2.name + ul, #staff_ar .frm .person .data h2.name + .skill { margin-top: 30px; }
#staff_ar .frm .person .data ul { line-height: 0; font-size: 0; }
#staff_ar .frm .person .data ul li { margin: 0 20px 0 0; display: inline-block; line-height: 1.8; font-size: 14px; }
#staff_ar .frm .person .data ul + .skill { margin-top: 30px; }
#staff_ar .frm .person .data .skill { background: #FFF; border: 1px solid #3281a9; margin: 20px 0 0 0; padding: 15px 20px 15px; }
#staff_ar .frm .person .data .skill .s_title { display: block; margin-bottom: 3px; color: #3281a9; }
#staff_ar .frm .profile_box { margin: 45px auto 0 auto; }
#staff_ar .frm .profile { margin: 0 auto; max-width: 1000px; }
#staff_ar .frm .profile h2 { margin: 0 0 15px 0; line-height: 1; font-size: 26px; font-weight: 400; }
#staff_ar .frm .profile h2 span { padding: 0 0 0 30px; display: inline-block; background: url("../img/icon_brown.png") no-repeat left top 5px; background-size: 16px auto; }
#staff_ar .frm .profile > div + div { margin-top: 80px; }
#staff_ar .frm .profile .faq .faq_list { border-bottom: 1px solid #c3bcac; display: table; width: 100%; font-size: 15px; }
#staff_ar .frm .profile .faq .faq_list:first-of-type { border-top: 1px solid #c3bcac; }
#staff_ar .frm .profile .faq .faq_list .q, #staff_ar .frm .profile .faq .faq_list .a { display: table-cell; vertical-align: middle; }
#staff_ar .frm .profile .faq .faq_list .q { padding: 12px 10px 12px; width: 310px; background: #e1ddd5; text-align: center; }
#staff_ar .frm .profile .faq .faq_list .a { padding: 12px 20px 12px; background: #fff; }
#staff_ar .frm .profile .faq.epi .faq_list { display: block; }
#staff_ar .frm .profile .faq.epi .faq_list + .faq_list { margin-top: 30px; }
#staff_ar .frm .profile .faq.epi .faq_list .q, #staff_ar .frm .profile .faq.epi .faq_list .a { display: block; }
#staff_ar .frm .profile .faq.epi .faq_list .q { padding: 12px 20px 12px; width: 100%; text-align: left; }
#staff_ar .frm .profile .photo .photo_list { margin: 0 auto; display: flex; display: -webkit-flex; -webkit-box-pack: center; justify-content: center; }
#staff_ar .frm .profile .photo .photo_list.cp_one .item { padding: 0; width: 100%; }
#staff_ar .frm .profile .photo .photo_list.cp_two .item { width: 50%; }
#staff_ar .frm .profile .photo .photo_list.cp_three .item { width: 33.33%; }
#staff_ar .frm .profile .photo .photo_list .item { padding: 0 25px 0; max-width: 400px; }
#staff_ar .frm .profile .photo .photo_list .item .ph { position: relative; overflow: hidden; }
#staff_ar .frm .profile .photo .photo_list .item .ph img { position: absolute; }

/*--------------------------------------------------------------------------
	プライバシーポリシー
--------------------------------------------------------------------------*/
#privacy .frm { margin: 0 auto; padding: 0 10px; max-width: 1100px; }
#privacy .frm .intro { margin: 0 auto 45px auto; padding: 0 0 40px 0; border-bottom: 1px solid #524b49; }
#privacy .frm > section { margin: 50px 0 0 0; }
#privacy .frm > section:first-of-type { margin: 0; }
#privacy .frm > section h2 { margin: 0 0 20px 0; line-height: 1.4; font-size: 19px; font-weight: 500; }
#privacy .frm > section h2 .gf_po { padding: 0 15px; display: inline-block; vertical-align: top; background: url("../img/icon_privacy.png") no-repeat left top; background-size: auto 24px; font-size: 27px; font-weight: 400; letter-spacing: 0.14em; }
#privacy .frm > section .item { padding: 23px 40px; background: #fff; }
#privacy .frm > section .item a.window { padding: 0 24px 0 0; background: url("../img/icon_pri_off.png") no-repeat right 6px top 3px; background-size: 14px auto; }
#privacy .frm > section .item a.window:link, #privacy .frm > section .item a.window:visited { color: #3281a9; }
#privacy .frm > section .item a.window:active, #privacy .frm > section .item a.window:hover { color: #c1272d; background: url("../img/icon_pri_on.png") no-repeat right 6px top 3px; background-size: 14px auto; }
#privacy .frm > section .item .list01 { margin: 25px 0 0 0; }
#privacy .frm > section .item .list01 ul:first-of-type { margin: 0 0 0 30px; }
#privacy .frm > section .item .list01 ul.att { margin: 20px 0 0 0; }
#privacy .frm > section .item .list02 { margin: 25px 0 0 30px; }
#privacy .frm > section .item .list02 ul li { padding: 0 0 0 17px; background: url("../img/ic_arror01_bl_r.png") no-repeat left top 11px; background-size: 6px auto; }
#privacy .frm > section .item .list03 { margin: 25px 0 0 30px; }
#privacy .frm > section .item .data { margin: 30px 0 0 0; }

/*--------------------------------------------------------------------------
	関連リンク
--------------------------------------------------------------------------*/
#link .frm { padding: 50px 15px; background: #fff; }
#link .frm > section { margin: 45px auto 0 auto; display: flex; width: 100%; max-width: 1000px; flex-wrap: wrap; }
#link .frm > section:first-of-type { margin: 0 auto; }
#link .frm > section h2 { margin: 0 0 15px 0; padding: 0 0 0 30px; width: 100%; line-height: 1.4; background: url("../img/icon_brown.png") no-repeat left top 5px; background-size: 16px auto; font-size: 18px; font-weight: 500; }
#link .frm > section > a { padding: 10px 20px 20px 20px; border-bottom: 1px solid #c3bcac; display: flex; width: 50%; flex-direction: column; word-break: break-all; }
#link .frm > section > a:nth-of-type(-n+2) { border-top: 1px solid #c3bcac; }
#link .frm > section > a:link, #link .frm > section > a:visited { color: #000; }
#link .frm > section > a:link .links p, #link .frm > section > a:visited .links p { color: #524b49; }
#link .frm > section > a:active, #link .frm > section > a:hover { color: #000; }
#link .frm > section > a:active .links p, #link .frm > section > a:hover .links p { color: #c1272d; }
#link .frm > section > a .links { width: 100%; }
#link .frm > section > a .links h3 { margin: 0 0 8px 0; }
#link .frm > section > a .links h3 span { padding: 0 0 0 25px; display: inline-block; background: url("../img/ic_window01_br.png") no-repeat left top 7px; background-size: 15px auto; font-size: 14px; font-weight: 500; }
#link .frm > section > a .links p { line-height: 1.4; }

/*--------------------------------------------------------------------------
	サイトマップ
--------------------------------------------------------------------------*/
#sitemap .list { margin: 0 auto; display: flex; max-width: 1100px; flex-wrap: wrap; justify-content: space-between; }
#sitemap .list > section { width: calc(25% - 30px); max-width: 300px; }
#sitemap .list > section h2 { margin: 0 0 20px 0; padding: 0 0 0 32px; line-height: 1.2; background: url("../img/icon_brown.png") no-repeat left top 4px; background-size: 16px auto; font-size: 18px; font-weight: 500; }
#sitemap .list > section ul li { margin: 15px 0 0 0; line-height: 1.4; }
#sitemap .list > section ul li:first-of-type { margin: 0; }
#sitemap .list > section ul li a:link, #sitemap .list > section ul li a:visited { color: #000; }
#sitemap .list > section ul li a:active, #sitemap .list > section ul li a:hover { color: #c1272d; }
#sitemap .list > section ul + h2 { margin: 35px 0 20px 0; }

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