@charset "UTF-8";
/* CSS Document */
/* -----------------------------------------------------
Reset
----------------------------------------------------- */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

* { margin: 0; padding: 0; }
img { vertical-align: bottom; max-width: 100%; width: auto; height: auto; }


html { font-size: 100%; }
body { color: #333; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%; }


/* -----------------------------------------------------
Layout
----------------------------------------------------- */
#Container { width: 100%; max-width: 100%; }
#Contents { min-height: 300px; }

.inner { max-width: 1000px; width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

header { max-width: 1000px; width: 100%; margin: 0 auto; padding: 30px 20px 0 20px; box-sizing: border-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
header address { text-align: right; }
header address a { display: inline-block; padding: 6px 20px; border: 2px solid #FFF; background: rgba(29,70,135,1.00); text-decoration: none; border-radius: 5px; color: #FFF; box-shadow: 3px 3px 3px rgba(0,0,0,0.30); }
header address a:before { content: ""; display: inline-block; background: url(../images/head_ic_contact.png) no-repeat; background-size: 100% auto; width: 24px; height: 17px; margin-right: 8px; vertical-align: -0.1em; }
header address a:hover { background: rgba(84,82,81,1); transition: all 0.3s; }
header p:nth-child(2) { margin-top: 10px; }
header p:nth-child(2) strong { font-size: 1.750em; } 

#GlobalNavi { background: -webkit-linear-gradient(top, rgba(29,70,135,1) 0%,rgba(29,70,135,1) 50%,rgba(27,65,126,1) 51%,rgba(29,70,135,1) 100%);
background: linear-gradient(to bottom, rgba(29,70,135,1) 0%,rgba(29,70,135,1) 50%,rgba(27,65,126,1) 51%,rgba(29,70,135,1) 100%);  margin-top: 20px; border-bottom: 1px solid #FFF; }
#GlobalNavi ul { max-width: 1000px; width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
#GlobalNavi ul li { width: 20%; border-right: 1px solid #FFF; box-sizing: border-box; }
#GlobalNavi ul li:last-child { display: none; }
#GlobalNavi ul li:first-child { border-left: 1px solid #FFF; }
#GlobalNavi ul li a { color: #FFF; text-decoration: none; display: block; text-align: center; padding: 20px 10px; }
#GlobalNavi ul li a:hover,
#Home #GlobalNavi ul li:first-child a,
#Company #GlobalNavi ul li:nth-child(2) a,
#Business #GlobalNavi ul li:nth-child(3) a,
#Recruit #GlobalNavi ul li:nth-child(4) a,
#Entry #GlobalNavi ul li:nth-child(4) a,
#Access #GlobalNavi ul li:nth-child(5) a
 { background: -webkit-linear-gradient(top, rgba(84,82,81,1) 0%,rgba(84,82,81,1) 50%,rgba(78,76,75,1) 51%,rgba(84,82,81,1) 100%);
background: linear-gradient(to bottom, rgba(84,82,81,1) 0%,rgba(84,82,81,1) 50%,rgba(78,76,75,1) 51%,rgba(84,82,81,1) 100%); box-shadow: 10px 0px 10px -10px #000 inset,-10px 0px 10px -10px #000 inset; transition: all .3s; }

footer { background: #828282; padding: 0 0 30px 0; margin-top: 90px; }
footer .inner { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
footer address { width: 50%; color: #FFF; line-height: 1.5em; }
footer address p + p { margin-top: 10px; }
footer ul { width: 45%; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
footer ul li { font-size: 0.875em; line-height: 1.3em; margin-top: 10px; }
footer ul li a { color: #FFF; text-decoration: none; }
footer ul li a:before { content:"｜"; }
footer ul li:nth-child(4n+1) a:before { display: none; }
footer p.copy { width: 100%; color: #FFF; text-align: right; font-size: 0.750em; margin-top: 25px; }

footer .sp { display: none; }

#PageTop { max-width: 1000px; width: 100%; margin: 0 auto; position: relative; top: -32px; bottom: 0; left: 0; right: 0; padding: 0 20px; box-sizing: border-box; text-align: right; }
#PageTop a { display: inline-block; color: #FFF; text-decoration: none; padding: 10px 20px 6px 20px; border: 2px solid #FFF; background: rgba(29,70,135,1.00); border-radius: 5px 5px 0 0; border-bottom: none; font-size: 0.875em; box-shadow: 1px 0px 2px #000; margin-right: 5px; }
#PageTop a:before { content: "▲"; display: inline-blockl; margin-right: 8px; }
#PageTop a:hover { background: rgba(84,82,81,1); transition: all 0.3s; }


/* ----------------------------------------------------
Common
----------------------------------------------------- */
#Breadcrumb { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; margin-top: 30px; }
#Breadcrumb li { color: #000; font-size: 0.813em; }
#Breadcrumb li:after { content:"　>　"; }
#Breadcrumb li:last-child:after { display: none; }
#Breadcrumb li a { color: #000; text-decoration: none; }
#Breadcrumb li a:hover { color: #009844; text-decoration: underline; }

#HeadLine { background-repeat: no-repeat; background-size: 100% auto; padding-top: 20.7355%; position: relative; }
#HeadLine .inner { position: absolute; top: 20%; left: 0; right: 0; margin: auto; }
#HeadLine h2 { font-size: 2.500em; color: #1d4687; letter-spacing: 0.3em; }
#HeadLine h2:before { content:""; margin-left: 0.5em; }
#HeadLine h2:after { content: ""; background: url(../images/h2_line.png) no-repeat left; height: 3px; width: 100%; display: block; margin-top: 10px; }
#HeadLine p { font-size: 1.500em; margin: 20px 0 0 0.9em; font-weight: bold; }

#Company #Contents { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#MainArea { width: 71.875%; margin-top: 40px; order: 1; border-left: 1px solid #1d4687; padding-left: 40px; padding-bottom: 10px; box-sizing: border-box; }
#MainArea h2 { font-size: 1.563em; position: relative; padding-left: 28px; margin-top: 70px; font-weight: bold; }
#MainArea h2:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 21px 21px; position: absolute; left: 0; }
#MainArea .box:first-child h2,#MainArea > h2:first-child { margin-top: 0; }
#MainArea p { font-size: 1em; line-height: 1.5em; margin-top: 20px; }
#MainArea .right { text-align: right; padding-right: 10px; }
#MainArea .ttl { font-size: 1.500em; font-weight: bold; }

#MainArea a.btn { display: inline-block; padding: 3px 20px; border: 2px solid #FFF; background: rgba(29,70,135,1.00); text-decoration: none; border-radius: 10px; color: #FFF; box-shadow: 3px 3px 3px rgba(0,0,0,0.30); font-size: 0.875em; }
#MainArea a.btn:hover { background: rgba(84,82,81,1); transition: all 0.3s; }

.box { padding-top: 1px; }

.row { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }

aside { width: 23.4375%; margin-top: 40px; }
#LeftNavi h2 { font-size: 1.250em; border: 1px solid #1d4687; text-align: center; padding: 15px 10px; box-sizing: border-box; font-weight: bold; }
#LeftNavi ul { border: 1px solid #1d4687; border-top: 0; background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0px,rgba(255,255,255,1) 50px) #FFF;
background: linear-gradient(to bottom, rgba(237,237,237,1) 0px,rgba(255,255,255,1) 50px) #FFF; padding: 25px 20px; box-sizing: border-box; font-size: 1em; line-height: 1.5em; }
#LeftNavi ul li a { position: relative; padding-left: 17px; text-decoration: none; color: #6e6e6e; display: block; cursor: pointer; }
#LeftNavi ul li a:hover,#LeftNavi ul li a.ac { color: #000; }
#LeftNavi ul li a.ac:before,aside ul li a:hover:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; position: absolute; left: 0; top: 4px; color: #000; }


/* ----------------------------------------------------
トップページ
----------------------------------------------------- */
#MainImg img { width: 100%; height: auto; }

#Navi { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; }
#Navi div { width: 30%; box-sizing: border-box; margin-top: 50px; }
#Navi div a { border: 1px solid #1d4687; text-decoration: none; padding: 20px; font-size: 1.500em; box-shadow: 1px 1px 2px #000; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position: relative; }
#Navi div a:before { content: ""; display: inline-block; background-repeat: no-repeat; background-size: 100%; vertical-align: middle; margin-right: 20px; }
#Navi div a:after { content:""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 0 9px 9px; right: 5px; bottom: 5px; }

#Navi #company a { color: #db4659; }
#Navi #company a:before { background-image: url(../../images/ic_company.png); width: 66px; height: 65px; }
#Navi #company a:after { border-color: transparent transparent #db465a transparent; }
#Navi #company a:hover { border-color: #db4659; background: rgba(219,70,89,0.10); transition: all .3s; } 
#Navi #business a { color: #006d9a; } 
#Navi #business a:before { background-image: url(../../images/ic_business.png); width: 73px; height: 65px; }
#Navi #business a:after { border-color: transparent transparent #006d9a transparent; }
#Navi #business a:hover { border-color: #006d9a; background: rgba(0,109,154,0.10); transition: all .3s; } 
#Navi #recruit a { color: #c87e17; } 
#Navi #recruit a:before { background-image: url(../../images/ic_recruit.png); width: 73px; height: 65px; }
#Navi #recruit a:after { border-color: transparent transparent #c87e17 transparent; }
#Navi #recruit a:hover { border-color: #c87e17; background: rgba(200,126,23,0.10); transition: all .3s; } 
#Navi #contact { order: 4; }
#Navi #contact a { color: #1d8187; font-size: 1.313em; line-height: 1.3em; }
#Navi #contact a:before { background-image: url(../../images/ic_contact.png); width: 60px; height: 47px; }
#Navi #contact a:after { border-color: transparent transparent #1d8187 transparent; }
#Navi #contact a:hover { border-color: #1d8187; background: rgba(29,129,135,0.10); transition: all .3s; } 

#Navi #News { width: 65%; order: 3; box-shadow: none; }
#Navi #News h2 { background: #1d4687; color: #FFF; padding: 10px 30px; }
#Navi #News dl { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-top: 10px; border-bottom: 1px solid #a0a0a0; font-size: 0.875em; line-height: 1.5em; }
#Navi #News dl dt { width: 10em; border-top: 1px dashed #a0a0a0; box-sizing: border-box; padding: 10px 0 10px 2em; }
#Navi #News dl dd { width: calc(100% - 10em); border-top: 1px dashed #a0a0a0; padding: 10px 0; }
#Navi #News dl dt:first-child { border-top: none; }
#Navi #News dl dd:nth-child(2) { border-top: none; }
#Navi #News dl dd.new:after { content: "NEW"; color: #e00012; margin-left: 0.5em; }


/* ----------------------------------------------------
会社案内
----------------------------------------------------- */
#Company #HeadLine { background-image: url(../../company/images/main_img.jpg); }
#Company #MainArea h2:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 21px 21px; border-color: transparent transparent #db465a transparent; }
#Company #MainArea p { margin-left: 28px; }
#Company #MainArea #Co07 p,#Company #MainArea #Co01 p { margin-left: 0; }
#Company #MainArea table { margin-left: 28px; margin-top: 20px; font-size: 1em; line-height: 1.5em; }
#Company #MainArea table td { padding: 5px 0; }
#Company #MainArea table td strong { font-size: 1.188em; }
#Company #MainArea table th { padding: 5px 1.5em 5px 0; text-align: left; font-weight: normal; white-space: nowrap; }

#Company #MainArea table td.row { -webkit-align-items: flex-start; align-items: flex-start; }
#Company #MainArea table td a { margin-left: 15px; white-space: nowrap; }

#Company #LeftNavi h2 { color: #db465a; }
#Company #LeftNavi ul li a.ac:before,#Company #LeftNavi ul li a:hover:before { border-color: transparent transparent transparent #db465a; }


/* ----------------------------------------------------
業務内容
----------------------------------------------------- */
#Business #HeadLine { background-image: url(../../business/images/main_img.jpg); }

#Business #MainArea h2:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 21px 21px; border-color: transparent transparent #006d9a transparent; }
#Business #MainArea h3 { color: #006d9a; border-bottom: 1px solid #006d9a; padding-bottom: 5px; padding-left: 5px; width: 100%; margin-top: 55px; font-size: 1.250em; }
#Business #MainArea h2 + p { font-size: 1.250em; }

#Business #MainArea .row { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#Business #MainArea .txt { width: 50%; margin-top: 30px; }
#Business #MainArea .img { width: 44.7%; margin-top: 30px; }

#Business #LeftNavi h2 { color: #006d9a; }
#Business #LeftNavi ul li:last-child { border-top: 1px dashed #6e6e6e; margin-top: 15px; padding-top: 15px; }
#Business #LeftNavi ul li a.ac:before,#Business #LeftNavi ul li a:hover:before { border-color: transparent transparent transparent #006d9a; }

#Business .btn { text-align: center; }
#Business .btn a { display: inline-block; background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(231,231,231,1) 51%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(231,231,231,1) 51%,rgba(255,255,255,1) 100%); border: 2px solid #0f76a0; border-radius: 15px; padding: 15px 25px; color: #0f76a0; text-decoration: none; font-size: 1.250em; margin-top: 30px; font-weight: bold; box-shadow: 1px 1px 3px rgba(0,0,0,1.00); }
#Business .btn a:hover { background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(231,231,231,1) 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(231,231,231,1) 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%); transition: all .3s; }

#Business.insurance #HeadLine { background-image: url(../../business/images/main_img_insurance.jpg); }
#Business.insurance #MainArea h2 + p { font-size: 1em; }

.insurance dl { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; line-height: 1.5em; margin-top: 30px; }
.insurance dl dt { width: 7em; color: #006d9a; font-weight: bold; }
.insurance dl dd { width: calc(100% - 7em); }
.insurance #MainArea p.contact { font-weight: bold; line-height: 1.8em; }
.insurance p span { color: #006d9a; font-size: 1.125em; }
.insurance p.contact strong { font-size: 1.875em; }


/* ----------------------------------------------------
採用案内
----------------------------------------------------- */
#Recruit #HeadLine { background-image: url(../../recruit/images/main_img.jpg); }
#Recruit #MainArea h2:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 21px 21px; border-color: transparent transparent #c87e17 transparent; }
#Recruit #MainArea #Tab { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; }
#Recruit #MainArea #Tab li { width: 34%; text-align: center; margin-top: 40px; display: block; padding: 20px 15px; border: 1px solid #6a696a; border-radius: 10px; color: #8d8d8e; text-decoration: none; font-size: 1.125em; box-shadow: 1px 1px 2px rgba(0,0,0,0.50); box-sizing: border-box; font-weight: bold;
background: -webkit-linear-gradient(top, rgba(222,223,223,1) 0%,rgba(222,223,223,1) 50%,rgba(200,201,201,1) 51%,rgba(222,223,223,1) 100%);
background: linear-gradient(to bottom, rgba(222,223,223,1) 0%,rgba(222,223,223,1) 50%,rgba(200,201,201,1) 51%,rgba(222,223,223,1) 100%);
 }
#Recruit #MainArea #Tab li:hover,#Recruit #MainArea #Tab li.ac { background: -webkit-linear-gradient(top, rgba(255,233,161,1) 0%,rgba(255,233,161,1) 50%,rgba(230,210,145,1) 51%,rgba(255,233,161,1) 100%);
background: linear-gradient(to bottom, rgba(255,233,161,1) 0%,rgba(255,233,161,1) 50%,rgba(230,210,145,1) 51%,rgba(255,233,161,1) 100%); border-color: #c87e17; color: #000; }

#Recruit table { border: 1px solid #1d4687; font-size: 1em; line-height: 1.5em; margin-top: 60px; }
#Recruit table td { border: 1px solid #1d4687; padding: 10px; }
#Recruit table th { border: 1px solid #1d4687; padding: 10px; vertical-align: middle; }
#Recruit .entry { text-align: center; margin-top: 40px; }
#Recruit .entry a { border: 1px solid #c87e17; display: inline-block; padding: 15px 20px; position: relative; text-decoration: none; color: #000; font-size: 1.250em; }
#Recruit .entry a:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 0 9px 9px; right: 5px; bottom: 5px; border-color: transparent transparent #c87e17 transparent; }
#Recruit .entry a:hover { background: rgba(200,126,23,0.10); transition: all .3s; } 
#Recruit .img { margin-top: 100px; text-align: center; }

#Recruit #LeftNavi h2 { color: #c87e17; }
#Recruit #LeftNavi ul li a.ac:before,#Recruit #LeftNavi ul li a:hover:before { border-color: transparent transparent transparent #c87e17; }


/* ----------------------------------------------------
エントリーフォーム
----------------------------------------------------- */
#Entry #HeadLine { background: #1d4687; padding: 20px 0; }
#Entry #HeadLine h2 { position: static; font-size: 2em; max-width: 1000px; width: 100%; padding: 0 20px; box-sizing: border-box; margin: auto; letter-spacing: 0em; text-align: center; }
#Entry #HeadLine h2 span { background: #FFF; display: inline-block; padding: 10px; width: 350px; text-align: center; margin: 0 auto; }
#Entry #HeadLine h2:before { display: none; }
#Entry #HeadLine h2:after { display: none; }

#Entry #Contents { background: rgba(29,70,135,0.20); max-width: 960px; padding: 1px 20px 90px 20px; }
#Entry footer { background: #828282; padding: 0 0 30px 0; margin-top: 0; }
#Entry #form { margin-top: 30px; }

#Entry table { width: 100%; box-sizing: border-box; color: #FFF; border-collapse: separate; border-spacing: 0 10px; }
#Entry table td,#Entry table th { background: rgba(29,70,135,0.70); padding: 20px; border-bottom: 2px solid #FFF; border-top: 2px solid #FFF; }
#Entry table th { border-right: 1px dashed #FFF; border-left: 2px solid #FFF; vertical-align: middle; width: 25%; font-weight: normal; }
#Entry table td { border-right: 2px solid #FFF; padding: 20px 30px; }
input[type="text"] { border: 1px solid #CCC; border-radius: 5px; padding: 5px; font-size: 1em; }
.mt10 { margin-top: 10px; }
select { border: 1px solid #CCC; font-size: 1em; }
textarea { border: 1px solid #CCC; border-radius: 5px; padding: 5px; font-size: 1em; }

#Entry .btn { text-align: center; }
#Entry .btn input { border: 1px solid #1d4687; display: inline-block; padding: 15px 20px; position: relative; text-decoration: none; color: #000; font-size: 1.250em; background: #FFF; }
#Entry h3 { margin-top: 50px; font-size: 1.250em; }
#Entry p { font-size: 1em; margin-top: 20px; line-height: 1.5em; }

#Policy dl { line-height: 1.5em; } 
#Policy dl dt { margin-top: 20px; font-weight: bold; }
#Policy dl ul { margin-left: 1em; margin-top: 5px; }

/* ----------------------------------------------------
アクセス
----------------------------------------------------- */
#Access #Map { position: relative; padding-top: 63.5416%; }
#Access #Map iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#Access h2 { margin-top: 40px; }
#Access h3 { font-size: 1.500em; }
#Access h4 { margin-top: 15px; font-size: 1.125em; }
#Access #Contents p { line-height: 1.5em; margin-top: 10px; font-size: 1.125em; }
#Access #Contents p strong { font-size: 1.889em; font-weight: bold; }
#Access .row { -webkit-align-items: flex-end; align-items: flex-end; }
#Access .row .img { margin-top: 40px; width: 42%; }
#Access .row .txt { margin-top: 40px; width: 55%; }


@media screen and (max-width:840px) {
	
	footer address { width: 55%; }
/* ----------------------------------------------------
トップページ
----------------------------------------------------- */
	#Navi div a { font-size: 1.250em; }
	#Navi #contact a { color: #1d8187; font-size: 1.125em; line-height: 1.3em; }
	
}



@media screen and (max-width:767px) {
/* -----------------------------------------------------
Layout
----------------------------------------------------- */
	header { padding: 15px 20px; }
	header address { display: none; }
	header h1 img { width: auto; height: 45px; }
	
	header #Menu { display: block; position: relative; height: 48px; width: 48px; right: 0; vertical-align: bottom; color: #FFF; border-radius: 5px; background: #1d4687;  }
	header #Menu span { width: 30px; height: 4px; background: #FFF; display: block; position: absolute; top: 45%; right: 0; left: 0; margin: auto; border-radius: 5px; }
	header #Menu span:before { content:''; height: 4px; width: 30px; background: #FFF; position: absolute; top: -9px; right: 0; left: 0; margin: auto; border-radius: 5px; }
	header #Menu span:after { content:''; height: 4px; width: 30px; background: #FFF; position: absolute; top: 9px; right: 0; left: 0; margin: auto; border-radius: 5px; }	
	
	header #Menu.active span { -webkit-transform: translateY(20px) rotate(-45deg); transform: translateY(20px) rotate(-45deg); top: 2px; width: 30px; }
	header #Menu.active span:before { opacity: 0; }
	header #Menu.active span:after { -webkit-transform: translateY(-20px) rotate(-90deg); transform: translateY(-20px) rotate(-90deg); width: 30px; top: 20px; }

	#GlobalNavi { display: none; position: relative; width: 100%; margin-top: 0; box-shadow: none; border-top: 1px solid #d2d2d2; padding: 0; }
	#GlobalNavi ul { display: block; border: none; padding: 0; font-size: 0.875em; }
	#GlobalNavi ul li { width: 100%; border-right: none; padding: 0; background: #1d4687; border-bottom: 1px solid #FFF; }
	#GlobalNavi ul li a { padding: 15px 10px; }
	#GlobalNavi ul li:first-child { border-left: none; }
	#GlobalNavi ul li:last-child { border-bottom: none; display: block; }
	#Home #GlobalNavi ul li:first-child a,
	#Company #GlobalNavi ul li:nth-child(2) a,
	#Business #GlobalNavi ul li:nth-child(3) a,
	#Recruit #GlobalNavi ul li:nth-child(4) a,
	#Entry #GlobalNavi ul li:nth-child(4) a,
	#Access #GlobalNavi ul li:nth-child(5) a { background: none; box-shadow: none; }
	
	footer address { width: 100%; }
	footer address p img { height: 30px; width: auto; }
	footer ul { display: none; }


/* ----------------------------------------------------
Common
----------------------------------------------------- */
	#Breadcrumb { display: none; }

	#HeadLine .inner { top: 18%; }
	#HeadLine h2 { font-size: 1.850em; }
	#HeadLine h2:after { width: 50%; background-position: top right; }
	#HeadLine p { font-size: 1.250em; margin: 10px 0 0 0.9em; font-weight: bold; }

	#Company #Contents { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
	#MainArea { width: 100%; border-left: none; padding-left: 0; padding-bottom: 0; }
	#MainArea h2 { font-size: 1.563em; position: relative; padding-left: 28px; margin-top: 70px; font-weight: bold; }

	.row { -webkit-flex-wrap: wrap; flex-wrap: wrap; }

	aside { width: 100%; }
	#LeftNavi h2 { display: none; }
	#LeftNavi ul { border-top: 1px solid #1d4687; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
	#LeftNavi ul li { margin-right: 20px; margin-top: 5px; }
	#LeftNavi ul li a { color: #000; }
	#LeftNavi ul li a:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; position: absolute; left: 0; top: 4px; color: #000; }
	

/* ----------------------------------------------------
トップページ
----------------------------------------------------- */
	#Navi { -webkit-justify-content: space-around; justify-content: space-around; }
	#Navi div { width: 45%; box-sizing: border-box; margin-top: 50px; }

	#Navi #contact { order: 3; }
	#Navi #contact a:before { margin: 9px 20px 9px 0; }
	
	#Navi #News { width: 100%; }


/* ----------------------------------------------------
会社案内
----------------------------------------------------- */
	#Company #MainArea h2:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 21px 21px; border-color: transparent transparent #db465a transparent; }
	#Company #MainArea p { margin-left: 28px; }
	#Company #MainArea h2:first-child + p { margin-left: 0; }
	#Company #MainArea table { margin-left: 28px; margin-top: 20px; font-size: 1em; line-height: 1.5em; }
	#Company #MainArea table td { padding: 5px 0; }
	#Company #MainArea table td strong { font-size: 1.188em; }
	#Company #MainArea table th { padding: 5px 1.5em 5px 0; text-align: left; font-weight: normal; white-space: nowrap; }

	#Company #MainArea table td.row { -webkit-align-items: flex-start; align-items: flex-start; }
	#Company #MainArea table td a { margin-left: 15px; white-space: nowrap; }

	#Company #LeftNavi h2 { color: #db465a; }
	#Company #LeftNavi ul li a:before { border-color: transparent transparent transparent #db465a; }
	

/* ----------------------------------------------------
業務内容
----------------------------------------------------- */
	#Business #LeftNavi ul li:last-child { border-top: 1px dashed #6e6e6e; width: 100%; }
	#Business #LeftNavi ul li a:before { border-color: transparent transparent transparent #006d9a; }


/* ----------------------------------------------------
採用案内
----------------------------------------------------- */
	#Recruit table { margin-top: 30px; }
	#Recruit #LeftNavi ul li a:before { border-color: transparent transparent transparent #c87e17; }


/* ----------------------------------------------------
エントリーフォーム
----------------------------------------------------- */
	#Entry #form { margin-top: 30px; }

	#Entry table { box-sizing: border-box; }
	#Entry table td,#Entry table th { box-sizing: border-box; }
	input[type="text"] { width: 70%; box-sizing: border-box; }
	textarea { width: 100%; box-sizing: border-box; }
	
	#age { width: 70px; }
	#zip { width: 100px; }


/* ----------------------------------------------------
アクセス
----------------------------------------------------- */
	#Access #Contents p strong { font-size: 1.500em; font-weight: bold; }


}

@media screen and (max-width:540px) {
	header h1 img { width: auto; height: 35px; }
	
	footer address p { font-size: 0.875em; }
	footer p.copy { text-align: center; line-height: 1.3em; }

/* ----------------------------------------------------
Common
----------------------------------------------------- */
	#HeadLine h2 { font-size: 1em; color: #1d4687; }
	#HeadLine h2:after { margin-top: 5px; }
	#HeadLine p { font-size: 0.875em; margin: 10px 0 0 0.9em; }
	
	#MainArea h2 { font-size: 1.500em; }
	#MainArea p { font-size: 0.875em; }
	#MainArea .ttl { font-size: 1.250em; font-weight: bold; }
	#LeftNavi ul { font-size: 0.875em; }
	
	#MainArea br.sp { content: ""; }
	#MainArea br.sp:before { content: ""; margin-left: -0.333em; }
	
/* ----------------------------------------------------
トップページ
----------------------------------------------------- */
	#Navi { margin-top: 30px; }
	#Navi div { width: 100%; box-sizing: border-box; margin-top: 20px; }
	#Navi div a { padding: 10px 20px; }
	
	#Navi #News { margin-top: 50px; }


/* ----------------------------------------------------
会社案内
----------------------------------------------------- */
	#Company #MainArea table { margin-left: 0; font-size: 0.875em; }
	#Company #MainArea table td a { margin-left: 0; }
	

/* ----------------------------------------------------
業務内容
----------------------------------------------------- */
	#Business #MainArea .txt { width: 100%; margin-top: 30px; }
	#Business #MainArea .img { width: 100%; margin-top: 30px; text-align: center; }
	#Business.insurance #MainArea h2 + p { font-size: 0.875em; }
	
	.insurance dl { font-size: 0.875em; }


/* ----------------------------------------------------
採用案内
----------------------------------------------------- */
	#Recruit #MainArea #Tab li { width: 45%; }

	#Recruit table { font-size: 0.875em; border-bottom: none; }
	#Recruit table td { display: block; border: none; border-bottom: 1px solid #1d4687; }
	#Recruit table th { display: block; text-align: left; border: none; border-bottom: 1px dashed #1d4687; font-weight: bold; }
	#Recruit .entry { text-align: center; margin-top: 40px; }
	#Recruit .entry a { border: 1px solid #c87e17; display: inline-block; padding: 15px 20px; position: relative; text-decoration: none; color: #000; font-size: 1.250em; }
	#Recruit .entry a:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 0 9px 9px; right: 5px; bottom: 5px; border-color: transparent transparent #c87e17 transparent; }
	#Recruit .entry a:hover { background: rgba(200,126,23,0.10); transition: all .3s; } 
	#Recruit .img { margin-top: 100px; text-align: center; }



/* ----------------------------------------------------
エントリーフォーム
----------------------------------------------------- */
	#Entry #HeadLine h2 { font-size: 1.500em; }
	#Entry #HeadLine h2 span { width: 100%; box-sizing: border-box; }
	
	#Entry table td,#Entry table th { display: block; width: 100%; font-size: 0.875em; padding: 10px; }
	#Entry table th { border-bottom: 1px dashed #FFF; border-left: 2px solid #FFF; border-right: 2px solid #FFF; font-weight: bold; }
	#Entry table td { border-right: 2px solid #FFF; border-top: none; border-left: 2px solid #FFF; }
	input[type="text"] { width: 100%; }
	.mt10 { margin-bottom: 5px; }
	
	#age { width: 70px; }
	

/* ----------------------------------------------------
アクセス
----------------------------------------------------- */
	#Access h2 { display: none; }
	#Access .row { -webkit-align-items: flex-end; align-items: flex-end; }
	#Access .row .img { margin-top: 20px; width: 100%; order: 1; }
	#Access .row .txt { width: 100%; order: 0; }

}

@media screen and (max-width:375px) {
	
	footer .sp { display: block; }
	

	
/* ----------------------------------------------------
トップページ
----------------------------------------------------- */	
	#Navi #News dl { display: block; }
	#Navi #News dl dt { width: 100%; padding: 10px 0.5em 0 0.5em; box-sizing: border-box; }
	#Navi #News dl dd { width: 100%; padding: 0 0.5em 10px 0.5em; box-sizing: border-box; border: none; }
	
	
/* ----------------------------------------------------
会社案内
----------------------------------------------------- */
	#Company #MainArea table td { display: block; padding-top: 0; }
	#Company #MainArea table th { display: block; font-weight: bold; padding-bottom: 0; }
	
}