@charset "UTF-8";
/* =========================================================
	★共通
========================================================= */
html { font-size: 62.5%; }

object { pointer-events: none; }

.sp { display: none !important; }

a[href^="tel:"] { pointer-events: none; }

a { text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s; }

p { line-height: 42px; }

.img_r { overflow: hidden; }

.img_r > img { float: right; width: 33%; margin-left: 15px; margin-bottom: 15px; }

/* =========================================================
	★ページャー
========================================================= */
.pager { width: auto; margin: 0 auto; padding-bottom: 100px; }

/* =========================================================
	★パーツ集:フォーム
========================================================= */
input::-webkit-input-placeholder { color: #a9a9a9; }

input:-ms-input-placeholder { color: #a9a9a9; }

input::-ms-input-placeholder { color: #a9a9a9; }

input::placeholder { color: #a9a9a9; }

input.short { width: 25%; }

input.middle { width: 50%; }

/* =========================================================
	共通パーツ
========================================================= */
.c_anchorLink { gap: 20px; }
.c_anchorLink li { width: 280px; }
@media (max-width: 1070px) { .c_anchorLink li { width: 190px; } }
.c_anchorLink a { padding: 10px 0; font-size: 18px; }

.c_CheckList { padding: 40px 60px; }
.c_CheckList li:before { width: 18px; height: 18px; }
.c_CheckList li:after { width: 9px; height: 16px; }

.c_Flow .Flow_Item { display: -webkit-flex; display: flex; margin-bottom: 80px; }
.c_Flow .Flow_Item:after { bottom: -50px; }
.c_Flow .Flow_Img { flex-shrink: 0; width: 30%; margin-right: 30px; }
.c_Flow .Flow_Header { margin: 0 0 30px 0; display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.c_Flow .Flow_Free { top: -40px; left: -20px; }
.c_Flow h3 { display: -webkit-flex; display: flex; align-items: baseline; margin: 0 0 0 35px; font-size: 20px; }
.c_Flow .Flow_Num { margin: 0 1em 0 0; font-size: 24px; }
.c_Flow ul.Flow_tags { margin-left: 26px; }
.c_Flow ul.Flow_tags li { padding: 8px 12px 10px 12px; }
.c_Flow p { margin: 0 0 15px 35px; }
.c_Flow .Flow_Notice { margin: 0 0 20px 35px; }
.c_Flow .Flow_Btn { width: 280px; padding: 15px 0; font-size: 15px; }
.c_Flow .Flow_Btn:after { width: 9px; height: 9px; }

.c_Flex2 > li, .c_Flex2 > a, .c_Flex2 > div, .c_Flex2 > img { width: 48%; }
.c_Flex2 > li:nth-child(n+3), .c_Flex2 > a:nth-child(n+3), .c_Flex2 > div:nth-child(n+3), .c_Flex2 > img:nth-child(n+3) { margin-top: 25px; }
.c_Flex2 .Img:nth-child(n+3), .c_Flex2 .Img_w:nth-child(n+3) { margin-top: 35px; }

.c_Flex3:after { content: ""; display: block; width: 31.7%; }
.c_Flex3 > li, .c_Flex3 > a, .c_Flex3 > div { width: 31.7%; }
.c_Flex3 > li:nth-child(n+4), .c_Flex3 > a:nth-child(n+4), .c_Flex3 > div:nth-child(n+4) { margin-top: 25px; }

.c_Flex4:before { content: ""; display: block; width: 23.5%; order: 1; }
.c_Flex4:after { content: ""; display: block; width: 23.5%; }
.c_Flex4 > li, .c_Flex4 > a, .c_Flex4 > div { width: 23.5%; }
.c_Flex4 > li:nth-child(n+5), .c_Flex4 > a:nth-child(n+5), .c_Flex4 > div:nth-child(n+5) { margin-top: 25px; }

dl.c_Table dt, dl.c_Table dd, dl.c_Table2 dt, dl.c_Table2 dd, dl.c_Table_w dt, dl.c_Table_w dd, dl.c_Table2_w dt, dl.c_Table2_w dd { padding: 1em 0; line-height: 2.3em; }
dl.c_Table .Img img, dl.c_Table2 .Img img, dl.c_Table_w .Img img, dl.c_Table2_w .Img img { border-radius: 1.5vw; }

dl.c_Table dt, dl.c_Table_w dt { width: 20%; }
dl.c_Table dd, dl.c_Table_w dd { width: 80%; }

dl.c_Table2 dt, dl.c_Table2_w dt { width: 75%; padding-right: 5%; }
dl.c_Table2 dd, dl.c_Table2_w dd { width: 25%; }

ul.Tab-List { margin: 0 0 50px 0; }
ul.Tab-List li { padding: 14px 8px; font-size: 18px; }

.PageLinkPosition { padding-top: 100px; margin-top: -100px; }

.Btn_Insta, .btn01, .btn01_w, .btn02 { width: 330px; height: 70px; padding: 0 35px 0 50px; font-size: 20px; }
.Btn_Insta:after, .btn01:after, .btn01_w:after, .btn02:after { width: 19px; height: 10px; }

.Btn_Insta, .btn02 { font-size: 18px; }

.Btn_Insta { width: 300px; padding: 0 20px 0 20px; }
.Btn_Insta:before { width: 35px; height: 35px; }

.c_TextBox { padding: 25px; }

/* =========================================================
	見出し
========================================================= */
.c_Title, .c_Title_w, .c_Title_c, .c_Title_w_c { position: relative; display: -webkit-flex; display: flex; -webkit-box-align: end; align-items: flex-end; margin-bottom: 30px; padding: 0.5rem 0 2rem; font-size: 92px; }
@media (max-width: 940px) { .c_Title, .c_Title_w, .c_Title_c, .c_Title_w_c { font-size: 82px; } }
.c_Title i, .c_Title_w i, .c_Title_c i, .c_Title_w_c i { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; padding-bottom: 11px; font-size: 16px; margin-left: 18px; }
.c_Title i:before, .c_Title_w i:before, .c_Title_c i:before, .c_Title_w_c i:before { content: ""; width: 9px; height: 21px; margin-right: 5px; background: url(../img/line.svg) no-repeat left center/100% auto; }

.c_Title_c, .c_Title_w_c { -webkit-justify-content: center; justify-content: center; }

.c_Title_w i:before, .c_Title_w_c i:before { background: url(../img/line_w.svg) no-repeat left center/100% auto; }

.c_Title36, .c_Title36_w { font-size: 36px; }

.c_Title32, .c_Title32_w { font-size: 32px; }

.c_Title28, .c_Title28_w { font-size: 28px; }

.c_Title24, .c_Title24_w { font-size: 24px; }

.c_Title20, .c_Title20_w { font-size: 20px; }

/* =========================================================
	ヘッダー
========================================================= */
#header { -webkit-box-align: start; align-items: flex-start; padding: 16px 48px 16px 50px; }
@media (max-width: 1350px) { #header { padding: 16px 30px 16px 30px; } }
#header #nav-btn { display: none; }
#header p { font-size: 14px; }
@media (max-width: 1350px) { #header p { font-size: 12px; } }
@media (max-width: 1130px) { #header p { font-size: 10px; } }
#header h1 { max-width: 258px; margin: 12px 0 0 -3px; }
@media (max-width: 1130px) { #header h1 { width: 200px; } }
#header .Info { -webkit-justify-content: flex-end; justify-content: flex-end; margin-top: -7px; }
#header .Info .Tel > span { font-size: 30px; line-height: 100%; }
#header .Info .Tel > span:before { margin-right: 6px; width: 22px; height: 28px; }
#header .Info .Tel i { margin-top: 4px; font-size: 14px; line-height: 100%; text-align: right; }
#header .Info .Tel i span { margin: 0 -4px 0 -4px; font-size: 13px; }
#header .Info .Tenpo, #header .Info .Contact { width: 170px; height: 37px; margin-top: 6px; font-size: 16px; }
#header .Info .Tenpo { margin-left: 14px; }
#header .Info .Tenpo:before { width: 20px; height: 20px; margin-right: 5px; }
#header .Info .Contact { margin-left: 7px; }
#header ul.head-nav { display: -webkit-flex; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-justify-content: flex-end; justify-content: flex-end; margin-top: 7px; }
#header ul.head-nav br.pc2 { display: none; }
@media (max-width: 1040px) { #header ul.head-nav br.pc2 { display: block; } }
#header ul.head-nav > li:nth-child(3) { margin-left: 39px; }
#header ul.head-nav > li:nth-child(4) { margin-left: 38px; }
#header ul.head-nav > li:nth-child(5) { margin-left: 30px; }
#header ul.head-nav > li:nth-child(6) { margin-left: 30px; }
#header ul.head-nav > li:nth-child(7) { margin-left: 36px; }
@media (max-width: 1395px) { #header ul.head-nav > li + li { margin-left: 25px !important; } }
@media (max-width: 1130px) { #header ul.head-nav > li + li { margin-left: 15px !important; } }
@media (max-width: 1040px) { #header ul.head-nav > li + li { margin-left: 25px !important; } }
#header ul.head-nav a { padding: 0.2em 0; color: #fff; font-size: 16px; white-space: nowrap; }
@media (max-width: 1350px) { #header ul.head-nav a { font-size: 13px; } }
#header ul.head-nav li.hasSub { position: relative; }
#header ul.head-nav li.hasSub > a:after { width: 7px; height: 7px; margin-left: 5px; background-position: top 4px center !important; }
#header ul.head-nav li.hasSub > ul { position: absolute; top: 100%; overflow: visible; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; border: 1px solid #fff; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s ease, transform .3s ease, visibility .3s ease; transition: opacity .3s ease, transform .3s ease, visibility .3s ease; }
#header ul.head-nav li.hasSub > ul > li + li { margin: 0; }
#header ul.head-nav li.hasSub > ul a, #header ul.head-nav li.hasSub > ul p { width: 100%; min-width: 280px; }
#header ul.head-nav li.hasSub > ul p { padding: 20px 20px; font-size: 16px; text-align: center; background: #02362F; }
#header ul.head-nav li.hasSub > ul a { display: block; padding: 10px 20px; background: #406A64; }
#header ul.head-nav li.hasSub > ul a:after { right: 15px; }
#header ul.head-nav li.hasSub > ul a:hover { opacity: 1; background: #5b827c; }
#header ul.head-nav li.hasSub:hover > ul { opacity: 1; visibility: visible; }

.Page-Title { padding: 200px 0 100px 0; }
.Page-Title h1 { font-size: 38px; }

.Pankuzu, .Pankuzu_w { padding: 10px 30px; font-size: 14px; }

/* =========================================================
	フッター
========================================================= */
.footInfo { padding-top: 57px; height: 705px; }
.footInfo:before { width: 50%; height: 100%; }
@media (max-width: 1280px) { .footInfo:before { width: 40%; } }
@media (max-width: 1060px) { .footInfo:before { width: 30%; } }
.footInfo .inner_1200 { position: relative; padding-bottom: 189px; }
.footInfo h2 { margin-bottom: 13px; text-align: left !important; }
.footInfo p { line-height: 32px; }
.footInfo a.Tel, .footInfo a.Mail { width: 329px; height: 70px; font-size: 18px; }
.footInfo a.Tel { padding-left: 69px; margin-top: 37px; font-size: 20px; }
.footInfo a.Tel i { margin-top: 7px; font-size: 14px; }
.footInfo a.Tel:before { width: 22px; height: 28px; }
.footInfo a.Mail { padding-left: 55px; margin-top: 20px; font-size: 18px; }
.footInfo .Map { position: absolute; bottom: 0; left: 0; }
.footInfo .Map > p { width: 326px; margin: 122px 34px 0 0; line-height: 32px; }
.footInfo .Map > p span { padding-left: 17px; text-decoration: none; border: none; }
.footInfo .Map img { width: 208px; margin-bottom: 13px; }

footer { padding: 100px 0 42px 0; }
footer ul.Contents { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
@media (max-width: 1200px) { footer ul.Contents { -webkit-flex-direction: column; flex-direction: column; } }
footer ul.Contents > li:nth-child(1) { padding: 0 0 0 18px; }
@media (max-width: 1200px) { footer ul.Contents > li:nth-child(1) { padding: 0; } }
footer h1 { padding: 1px 0 0 4px; }
footer h1 img { width: 373px; height: auto; }
footer h1 + p { margin-top: 78px; }
footer ul.Link { display: -webkit-flex; display: flex; margin: 24px 0; }
@media (max-width: 1200px) { footer ul.Link { margin: 40px 0; } }
footer ul.Link a:link, footer ul.Link a:visited { display: block; line-height: 100%; letter-spacing: 10%; }
footer ul.Link a + a { margin-top: 48px; }
footer ul.Link a + a + a { margin-top: 42px; }
footer ul.Link li:nth-child(2) { margin-left: 58px; }
@media (max-width: 1100px) { footer ul.Link li:nth-child(2) { margin-left: 30px; } }
footer ul.Link li:nth-child(3) { margin-left: 16px; }
@media (max-width: 1100px) { footer ul.Link li:nth-child(3) { margin-left: 10px; } }
footer ul.Link .Sub { margin: 27px 0 0 9px; }
footer ul.Link .Sub a { margin: 0 0 17px 0; }
footer ul.Link .Sub a:before { content: " - "; }
footer ul.Link a + a + a + .Sub { margin: 20px 0 0 9px; }
footer .LinkInsta { margin: 2px 0 0 0; padding: 0 0 0 18px; }
@media (max-width: 1200px) { footer .LinkInsta { padding: 0; margin: 0; } }
footer .LinkInsta li + li { margin-top: 0.2em; }
footer .LinkInsta a:before { width: 1.3em; height: 1.3em; margin-right: 0.55em; }
footer .copy { margin-top: 48px; }

/* =========================================================
	トップ
========================================================= */
#top .top_MainImage { height: 836px; }
@media (max-width: 1300px) { #top .top_MainImage { height: auto; } }
#top .top_MainImage .Slider { height: 836px; }
@media (max-width: 1300px) { #top .top_MainImage .Slider { height: auto; } }
#top .top_MainImage .Slider img { height: 836px; object-fit: cover; aspect-ratio: 3 / 2; }
@media (max-width: 1300px) { #top .top_MainImage .Slider img { height: auto; object-fit: initial; aspect-ratio: auto; } }
#top .top_MainImage h2 { padding: 29px 0 0 2px !important; margin: 0 0 58px 0 !important; font-size: 72px !important; line-height: 80px !important; }
#top .top_MainImage p { font-size: 18px; line-height: 30px; }
#top .top_MainImage .top_News { position: absolute; left: 0; bottom: 0; display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; width: 73%; height: 60px; padding: 0 50px; border-top: 1px solid rgba(255, 255, 255, 0.6); border-right: 1px solid rgba(255, 255, 255, 0.6); }
@media (max-width: 1320px) { #top .top_MainImage .top_News { width: 80%; padding: 0 30px; } }
#top .top_MainImage .top_News p { font-size: 16px; }
#top .top_MainImage .top_News .CatDate { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; width: 230px; margin-right: 25px; }
#top .top_MainImage .top_News .CatDate .Cat { padding: 6px 30px; margin-right: 24px; color: #fff; font-size: 14px; letter-spacing: 4%; line-height: 100%; white-space: nowrap; background-color: rgba(255, 255, 255, 0.6); }
#top .top_MainImage .top_News .Ttl { flex: 1; display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; }
#top .top_MainImage .top_News .Ttl p { text-align: left; }
@media (max-width: 1320px) { #top .top_MainImage .top_News .Ttl p { padding-right: 1em; font-size: 15px; line-height: 1.3em; } }
#top .top_MainImage .top_News .Ttl p a:link, #top .top_MainImage .top_News .Ttl p a:visited { color: #fff; }
#top .top_MainImage .top_News .Ttl p + a { margin-left: auto; }
#top .top_MainImage .scroll-down-box { position: absolute; right: 50px; bottom: -64px; }
#top .top_MainImage .scroll-down-box .scroll-down { display: flex; flex-direction: column; align-items: center; position: relative; }
#top .top_MainImage .scroll-down-box .scroll-text { margin-bottom: 5px; color: #cdcdcd; font-size: 16px; letter-spacing: 10%; }
#top .top_MainImage .scroll-down-box .scroll-line { position: relative; overflow: hidden; width: 1px; height: 132px; background-color: #564F49; }
#top .top_MainImage .scroll-down-box .scroll-line::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 40px; background-color: #cdcdcd; animation: scrollDownAnim 2.5s cubic-bezier(0.42, 0, 0.58, 1) infinite; }
@keyframes scrollDownAnim { 0% { transform: translateY(-40px); }
  70% { transform: translateY(120px); }
  100% { transform: translateY(120px); } }
#top .top_Strengths { padding: 110px 0 140px 0; }
#top .top_Strengths .inner_1200 > ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 2px; }
#top .top_Strengths .inner_1200 > ul > li:nth-child(1) { width: 544px; }
@media (max-width: 1100px) { #top .top_Strengths .inner_1200 > ul > li:nth-child(1) { width: 50% x; } }
#top .top_Strengths .inner_1200 > ul > li:nth-child(2) { flex: 1; margin-left: 45px; padding: 38px 0 0 50px; border-left: 1px solid #e9e8e4; }
#top .top_Strengths p { margin-top: 30px; }
#top .top_Strengths .inner_1200 ul ul li + li { margin-top: 70px; }
#top .top_Strengths .inner_1200 ul ul li > span { font-size: 40px; }
#top .top_Strengths .inner_1200 ul ul li > span + i { width: 60px; height: 5px; margin: 0 30px 0 28px; }
#top .top_Strengths .inner_1200 ul ul li:nth-child(2) > span + i { margin-right: 23px; }
#top .top_Strengths .inner_1200 ul ul li:nth-child(3) > span + i { margin-right: 8px; }
#top .top_Strengths .inner_1200 ul ul li:nth-child(4) > span + i { margin-right: 22px; }
#top .top_Strengths .inner_1200 ul ul h3 { font-size: 24px; }
#top .top_Strengths .inner_1200 ul ul h3 i { margin-bottom: 12px; font-size: 16px; }
#top .top_Strengths .inner_1200 ul ul li:nth-child(3) h3 i { padding-left: 14px; }
#top .top_Strengths .inner_1200 ul ul li:nth-child(3) h3 span { margin-left: -5px; }
#top .top_Strengths a:link, #top .top_Strengths a:visited { margin: 75px 0 0 auto; }
#top .top_Service { padding: 110px 0 120px 0; }
#top .top_Service ul.top_Service_Title li:nth-child(1) { width: 600px; }
#top .top_Service ul.top_Service_Title li:nth-child(2) { position: absolute; top: 28px; left: 50%; }
@media (max-width: 1280px) { #top .top_Service ul.top_Service_Title li:nth-child(2) { left: 45%; } }
@media (max-width: 1200px) { #top .top_Service ul.top_Service_Title li:nth-child(2) { position: static; top: auto; left: auto; } }
#top .top_Service ul.top_Service_Title p { margin-bottom: 36px; white-space: nowrap; line-height: 42px; }
#top .top_Service ul.top_Service_Link01 { display: -webkit-flex; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 150px; }
#top .top_Service ul.top_Service_Link01 li:nth-child(1) { width: 50%; }
#top .top_Service ul.top_Service_Link01 li:nth-child(2) { width: 48.8%; margin-top: 56px; }
#top .top_Service ul.top_Service_Link01 h3 { font-size: 24px; }
@media (max-width: 1110px) { #top .top_Service ul.top_Service_Link01 h3 { font-size: 18px; } }
#top .top_Service ul.top_Service_Link01 li:nth-child(1) h3 { bottom: 16px; left: 46px; }
#top .top_Service ul.top_Service_Link01 li:nth-child(2) h3 { bottom: 18px; left: 36px; }
#top .top_Service ul.top_Service_Link01 li:after { width: 47.85px; height: 47.85px; }
#top .top_Service ul.top_Service_Link01 li:nth-child(1):after { bottom: 17px; right: 26px; }
#top .top_Service ul.top_Service_Link01 li:nth-child(2):after { bottom: 14px; right: 12px; }
#top .top_Service > h3 { width: 32.7vw; margin-top: 66px; padding: 19px 10px 19px 8.8vw; font-size: 24px; }
@media (max-width: 1280px) { #top .top_Service > h3 { width: 45vw; } }
#top .top_Service ul.top_Service_Link02 { display: -webkit-flex; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; }
#top .top_Service ul.top_Service_Link02 li:nth-child(1) { width: 33.3%; margin-top: 106px; }
#top .top_Service ul.top_Service_Link02 li:nth-child(2) { width: 32.6%; margin-top: 55px; }
#top .top_Service ul.top_Service_Link02 li:nth-child(3) { width: 32.5%; }
#top .top_Service ul.top_Service_Link02 h4 { font-size: 20px; }
@media (max-width: 1110px) { #top .top_Service ul.top_Service_Link02 h4 { font-size: 18px; } }
#top .top_Service ul.top_Service_Link02 li:nth-child(1) h4 { bottom: 16px; left: 24px; }
#top .top_Service ul.top_Service_Link02 li:nth-child(2) h4 { bottom: 20px; left: 27px; }
#top .top_Service ul.top_Service_Link02 li:nth-child(3) h4 { bottom: 16px; left: 6px; }
#top .top_Service ul.top_Service_Link02 li:nth-child(3) h4 span { margin-left: 20px; }
#top .top_Service ul.top_Service_Link02 li:after { width: 31.91px; height: 31.91px; }
#top .top_Service ul.top_Service_Link02 li:nth-child(1):after { bottom: 11px; right: 18px; }
#top .top_Service ul.top_Service_Link02 li:nth-child(2):after { bottom: 10px; right: 10px; }
#top .top_Service ul.top_Service_Link02 li:nth-child(3):after { bottom: 8px; right: 10px; }
#top .top_CaseStudies { padding: 123px 0 132px 0; }
#top .top_CaseStudies .inner_1200 { width: 90%; }
#top .top_CaseStudies h2 { position: absolute; top: -10px; left: 1px; display: block; }
#top .top_CaseStudies h2 span { color: #fff; }
#top .top_CaseStudies h2 i { margin: 29px 0 0 0; }
#top .top_CaseStudies .btn01 { position: absolute; top: 205px; left: 0; }
#top .top_CaseStudies .inner_1200 div { width: 900px; padding-right: 8px; margin: 10px 0 0 auto; }
@media (max-width: 1250px) { #top .top_CaseStudies .inner_1200 div { width: 73%; } }
#top .top_CaseStudies .inner_1200 div p { margin: 20px 0 0 0; line-height: 42px; }
#top .top_Instagram { padding: 110px 0 125px 0; }
#top .top_Instagram h2 { margin-bottom: 26px; }
#top .top_Instagram ul { margin-top: 50px; }
#top .top_Instagram ul li:after { right: -11px; bottom: -11px; width: 50px; height: 50px; }
#top .top_Instagram ul img { height: 554px; }
#top .top_Instagram ul h3 { top: 16px; left: 15px; }
#top .top_Instagram ul h3 span { height: 39.2px; margin-top: 4px; }
#top .top_Instagram ul h3:before { width: 39.2px; height: 39.2px; margin-right: 12px; }
#top .top_Instagram ul li:nth-child(3) p { padding-right: 15px; }
#top .Top_footLink { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; padding: 104px 0 105px 0; }
#top .Top_footLink a { width: 329px; height: 70px; padding: 0 35px 0 56px; font-size: 20px; }
#top .Top_footLink a:after { width: 19px; height: 10px; }
#top .Top_footLink a + a { margin-left: 100px; padding: 0 35px 0 45px; }

/* =========================================================
	えらばれる理由
========================================================= */
#strengths .Strengths_Contents li { width: 55%; }
#strengths .Strengths_Contents li.Img { width: 40%; }
#strengths .Strengths_Contents .Title span { font-size: 20px; }
#strengths .Strengths_Contents .Point { padding: 40px 45px 25px 45px; }
#strengths .Strengths_Contents .Point .c_Flex2 { width: 60%; }

/* =========================================================
	サービス
========================================================= */
#service .Service_Link li:after { right: -11px; bottom: -11px; width: 50px; height: 50px; }
#service .Service_Link li:nth-child(n+3) { margin-top: 45px; }

#office .c_anchorLink li { width: 330px; }

#interior .c_anchorLink li { width: 400px; }
#interior .c_TextBox { width: 62%; }
#interior .Example > li .Img { object-fit: cover; aspect-ratio: 4 / 2.9; }
#interior .Example h4 { font-size: 13px; }
#interior .Example p { font-size: 12px; }
#interior .Link div { width: 33%; }
#interior .Link div + div { width: 330px; }
#interior .Link p { font-size: 13px; }
#interior .Link a { width: 350px; }

#repair .c_anchorLink li { width: 330px; }
#repair .Nyami { overflow: hidden; position: relative; height: 450px; }
#repair .Nyami .center-image { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 300px; }
#repair .Nyami .balloon { position: absolute; }
#repair .Nyami .b-top { top: 35px; left: 50%; transform: translateX(-50%); }
#repair .Nyami .b-top:after { bottom: -15px; left: 50%; border-width: 15px 8px 0 8px; border-color: #fff transparent transparent transparent; transform: translateX(-50%); }
#repair .Nyami .b-left-top { top: 140px; left: 11%; }
#repair .Nyami .b-left-top:after { bottom: 12px; right: -12px; border-width: 8px 0 8px 20px; border-color: transparent transparent transparent #fff; transform: rotate(25deg); }
#repair .Nyami .b-left-bottom { bottom: 80px; left: 3%; }
#repair .Nyami .b-left-bottom:after { top: 50%; right: -13px; border-width: 8px 0 8px 20px; border-color: transparent transparent transparent #fff; transform: rotate(25deg); }
#repair .Nyami .b-right-top { top: 150px; right: 8%; }
#repair .Nyami .b-right-top:after { top: 55%; left: -13px; border-width: 8px 20px 8px 0; border-color: transparent #fff transparent transparent; transform: rotate(-15deg); }
#repair .Nyami .b-right-bottom { bottom: 60px; right: 0; }
#repair .Nyami .b-right-bottom:after { top: 40%; left: -13px; border-width: 8px 20px 8px 0; border-color: transparent #fff transparent transparent; transform: rotate(-5deg); }
#repair .Msg { -webkit-box-align: end; align-items: flex-end; max-width: 830px; margin: 40px auto 0 auto; }
#repair .Msg span { font-size: 18px; }
#repair .Msg .msg-bubble { padding: 24px 40px; font-size: 20px; }
#repair .Msg .msg-bubble:after { left: -12px; bottom: 25px; border-width: 10px 14px 10px 0; border-color: transparent #fff transparent transparent; }
#repair .BeforeAfter .box { max-width: 40%; }
#repair .BeforeAfter span { font-size: 18px; }
#repair .BeforeAfter .arrow { border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 16px solid #333; }
#repair .Point .c_Flex3 li { width: 30%; }
#repair .Point .c_TextBox { width: 60%; }
#repair .Link2 .btn02 { width: 400px; }

#public .c_anchorLink li { width: 340px; }
#public #Strengths .c_Flex3 li { width: 30%; }
#public #Strengths .c_Flex3 img { width: 90%; }
#public #Strengths .c_Flex3 p { width: 90%; margin: 0 auto; font-size: 15px; line-height: 2em; }
#public #Casestudies .c_TextBox { padding-left: 40px; padding-right: 40px; }
#public #Casestudies .slider, #public #Casestudies .slider2, #public #Casestudies .slider3, #public #Casestudies .slider4, #public #Casestudies .slider5, #public #Casestudies .slider6 { margin: 0 0 15px 0; }

/* =========================================================
	会社案内
========================================================= */
#company p { line-height: 2.2em; }
#company .c_anchorLink .Long-Item { width: 400px; }
#company #Greeting .c_Flex2 li:nth-child(1) { width: 40%; padding-right: 40px; }
#company #Greeting .c_Flex2 li:nth-child(2) { width: 60%; }
#company .Qualification dt { width: 45%; }
#company .Qualification dd { width: 55%; }
#company #Access h3 + .c_Flex2 li:nth-child(1) { width: 45%; padding-right: 30px; }
#company #Access h3 + .c_Flex2 li:nth-child(2) { width: 55%; }
@media (max-width: 1120px) { #company #Access .Line { -webkit-flex-direction: column; flex-direction: column; }
  #company #Access .Line li { width: 100% !important; }
  #company #Access .Line li + li { margin-top: 30px; }
  #company #Access .Line table { width: 250px; } }
#company #Access .Link { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
#company #Access .Link a + a { margin-left: 1.5em; }
#company #Access .Btn_Insta { width: 350px; }
#company #Philosophy .Img { width: 20%; }
#company #Philosophy .Img + li { width: 75%; }

/* =========================================================
	ESGの取り組み
========================================================= */
#esg .Esg_About h2 { font-size: 36px; }
#esg .Esg_About h2 i { margin-bottom: 1em; }
#esg .Esg_About > p { font-size: 18px; text-align: center; }
#esg .Esg_Contents .Header h3 { font-size: 40px; }
#esg .Esg_Contents .Header h3 i { margin-bottom: 0.8em; font-size: 18px; }
#esg .Esg_Contents .Header h3 span { font-size: 46px; }
#esg .Esg_Contents .Ico img + img { margin-left: 0.8em; }

/* =========================================================
	オトノハコ
========================================================= */
#otonohako .c_anchorLink li { width: 340px; }
#otonohako #About .slider li { margin: 0 10px; }
#otonohako #About .slider .slick-prev:before { margin-left: -20px; }
#otonohako #About .slider .slick-next:before { margin-right: -20px; }
#otonohako #About .c_Flex2 li:nth-child(1) { width: 40%; padding-right: 20px; }
#otonohako #About .c_Flex2 li:nth-child(2) { width: 58%; }
#otonohako #About .c_Flex2.Check li:nth-child(1) { width: 58%; padding-right: 20px; }
#otonohako #About .c_Flex2.Check li:nth-child(2) { width: 40%; }
#otonohako #Advantage .c_Flex3 li { width: 30%; }
#otonohako #Advantage .c_Flex3 img { width: 90%; }
#otonohako #Advantage .c_Flex3 p { width: 90%; margin: 0 auto; font-size: 15px; line-height: 2em; }

/* =========================================================
	ブログレイアウト：取扱商品・お知らせ
========================================================= */
#casestudies .c_anchorLink, #news .c_anchorLink { gap: 10px; }
#casestudies .c_anchorLink li, #news .c_anchorLink li { width: 180px; }
#casestudies .c_anchorLink a, #news .c_anchorLink a { font-size: 15px; }

.NewsList .Header { display: -webkit-flex; display: flex; -webkit-box-align: start; align-items: flex-start; }
.NewsList .Header p { width: 100px; padding: 9px 0; }
.NewsList .Header a:link, .NewsList .Header a:visited { width: 150px; }
.NewsList .Header h2 { font-size: 20px; }
.NewsList .Contents { display: -webkit-flex; display: flex; }
.NewsList .Contents div:nth-child(1) { width: 30%; margin-right: 30px; }
.NewsList .Contents div:nth-child(2) { flex: 1; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }

#pager a, #pager span { width: 40px; height: 40px; }

#single-casestudies .Casestudies_Detail .DayCat p { font-size: 18px; }
#single-casestudies .Casestudies_Detail .BeforeAfter { gap: 25px; }
#single-casestudies .Casestudies_Detail .BeforeAfter .box { max-width: 40%; }
#single-casestudies .Casestudies_Detail .BeforeAfter span { font-size: 18px; }

#single-news .News_Detail .DayCat p { font-size: 18px; }

.Casestudies_Detail table { width: 48.5%; }

/* =========================================================
	お問い合わせ
========================================================= */
#contact .mfp_err { font-size: 16px; }
#contact .Contact_Tel em, #contact .Contact_Tel a { margin-bottom: 0.5em; }
#contact .c_Table dt { width: 25%; }
#contact .c_Table dd { width: 75%; }
#contact input[type="file"], #contact input[type="file"]::file-selector-button { font-size: 14px; }
#contact input[type="submit"] { margin: 0 auto; border: none; cursor: pointer; }
#contact input[type="submit"]:hover { opacity: 0.7; }
#contact #mfp_phase_confirm h4 { font-size: 20px; }
#contact #mfp_phase_confirm #mfp_confirm_table th, #contact #mfp_phase_confirm #mfp_confirm_table td { padding: 0.8em !important; font-size: 16px !important; }
#contact #mfp_phase_confirm #mfp_confirm_table th { width: 30%; padding-bottom: 1em; }
#contact #mfp_phase_confirm #mfp_confirm_table td { width: 70%; padding-bottom: 1em; }
#contact #mfp_phase_confirm .mfp_element_button { width: 253px; height: 70px; padding: 0 24px 0 28px; font-size: 20px; }