@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
img { vertical-align: top; }
a, a:link { color: #040404; text-decoration: none; }
a:visited { color: #040404; }
a:hover { color: #040404; }
a:active { color: #040404; }
.footeryd { display: none; }
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body { color: #000; font-size: 13px; line-height: 1.5; text-size-adjust: none; -webkit-text-size-adjust: none; background-color: #FFF; }
#container { text-align: left; }
.fl { float: left; }
.fr { float: right; }
img { vertical-align: middle; width: 100%; }
.container { width: 80%; margin: 0 auto; box-sizing: border-box; }
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
/* -------------- top -------------- */
.top { color: #888; height: 23.8px; line-height: 23.8px; background-color: transparent; }
.rii > a { font-size: 14px !important; margin-left:10px; }
@media screen and (max-width: 880px) {
.top { display: none; }
}
.f_left { float: left; }
#gHeader { position: absolute; left: 60px; top: 20px; right: 60px; z-index: 999; }
#gHeader .logo { margin-top: 13px; }
#gHeader .ss { height: 34px; margin-left: 20px; margin-top: 32px; position: relative; overflow: hidden; }
#gHeader .ss input[ type="text"] { width: 240px; padding: 0 36px 0 10px; line-height: 34px; box-sizing: border-box; border: none; background: rgba(255, 255, 255, 1); margin: 0; border-radius: 17px; }
#gHeader .ss .btn { position: absolute; right: 4px; top: 0; background: url(../images/ss1.png) no-repeat center; background-size: 28px; border: none; padding: 0; margin: 0; width: 34px; height: 34px; }
/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi { width: 65%; }
#gNavi li { width: 16.66%; float: left; }
#gNavi li>a { display: block; color: #333; font-size: 19px; line-height: 98px; text-align: center; position: relative; }
#gNavi li>a:before { content: ""; width: 6px; height: 6px; position: absolute; left: 50%; bottom: 20px; background: #fff; border-radius: 50%; transform: translateX(-50%); display: none; }
#gNavi li .drop { position: absolute; left: 0; top: 98px; right: 0; background: #fff; padding: 30px; text-align: center; overflow: hidden; z-index: 100; display: none; }
#gNavi li .dl dl { width: 12.5%; float: left; text-align: left; margin-bottom: 20px }
#gNavi li .dl dl { height: 200px; }
#gNavi li .dl dl dt { font-size: 15px; font-weight: 600; margin-bottom: 8px; position: relative; padding-left: 30px; line-height: 30px; }
#gNavi li .dl dl dt:after { content: ""; width: 22px; height: 5px; background: #258cd2; border-radius: 0 3px 3px 0; position: absolute; left: 0; top: 12px; box-sizing: border-box; }
#gNavi li .dl dl a { display: block; }
#gNavi li .dl dl dd a { font-size: 13px; line-height: 30px; position: relative; padding-left: 14px; }
#gNavi li .dl dl dd a:after { content: ""; width: 8px; height: 8px; position: absolute; left: 0; top: 12px; background: #dedede; border-radius: 50%; }
#gNavi li .dl dl dd a.on, #gNavi li .dl dl dd a:hover { color: #258cd2; }
#gNavi li .dl dl dd a.on:after, #gNavi li .dl dl dd a:hover:after { background: #258cd2; }
#gNavi li .dl dl.on dt a { color: #258cd2; }
#gNavi li .drop1 a { display: inline-block; margin: 0 20px 10px; padding: 10px 30px; background: #f3f3f3; color: #333; font-size: 15px; border-radius: 4px; }
#gNavi li .drop1 a.on { background: #258cd2; color: #fff; }
#gNavi li.on>a { font-weight: 600; }
#gNavi li.on>a:before { display: block; }
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter { padding-top: 40px; background: url(../images/bg7.jpg) no-repeat top left; background-size: cover; font-size: 14px; }
#gFooter .container { margin-bottom: 30px; }
#gFooter .box1 { width: 30%; }
#gFooter .flogo img { width: auto; max-width: 260px; }
#gFooter ul.nav { width: 80%; }
#gFooter ul.nav li { width: 12.25%; float: left; text-align: center; line-height: 40px; }
#gFooter ul.nav li a { font-size: 15px; display: block; color: #222; line-height: 15px; border-right: 1px dashed rgb(82 82 82 / 30%); }
#gFooter ul.nav li:last-child a { border-right: none; }
#gFooter .box1 p { font-size: 14px; line-height: 33px; color: #222; }
#gFooter .box1 p img { width: 26px; margin-right: 5px; }
#gFooter .fl h3 { font-size: 20px; margin-bottom: 12px; color: #258cd2; }
#gFooter .box1 .copyr3 { text-align: center; }
#gFooter .box1 .copyr3 .coch { margin: 10px; float: left; }
#gFooter .box1 .copyr3 .coch img { display: block; width: 30px; height: 30px; }
#gFooter .box2 { width: 40%; }
#gFooter .box2 li { width: 50%; float: left; }
#gFooter .box2 li a { display: block; line-height: 40px; padding-left: 30px; background: url(../images/icon77.png) no-repeat left center; background-size: 16px; }
#gFooter .box3 { width: 30%; padding-left: 40px; box-sizing: border-box; }
#gFooter .box3 .img { width: 50%; float: left; text-align: center; }
#gFooter .box3 .img img { width: 140px; margin-bottom: 10px; }
#gFooter .power { line-height: 40px; color: #666; border-top: 1px solid #fafafa; text-align: center; margin-top: 20px; }
#gFooter .power a { color: #666; }
#gFooter .power img { width: auto; }
.sec .title { text-align: center; letter-spacing: 1px; font-family: "思源黑体 CN"; padding-bottom: 28px; background: url(../images/icon31.png) no-repeat bottom 10px center; }
.sec .title p { font-size: 16px; color: #878787; }
.sec .title h2 { font-size: 36px; color: #333; display: inline-block; position: relative; line-height: 46px; margin-bottom: 12px }
.sec .title h2:before { content: ""; width: 38px; height: 46px; position: absolute; left: -60px; top: 0; background: url(../images/tl.png) no-repeat center; background-size: cover; }
.sec .title h2:after { content: ""; width: 38px; height: 46px; position: absolute; right: -60px; top: 0; background: url(../images/tr.png) no-repeat center; background-size: cover; }
.sec .more a { display: block; width: 142px; line-height: 44px; border-radius: 22px; background: #258cd2; color: #fff; font-size: 15px; margin: 32px auto 0; position: relative; padding-left: 30px; box-sizing: border-box; }
.sec .more a:after { content: ""; width: 20px; height: 20px; position: absolute; right: 12px; transition: 0.3s; top: 12px; background: url(../images/jt.png) no-repeat center; background-size: 20px; }
.sec .more a:hover:after { right: 5px; }
.sp { display: none !important; }
.sec .title1 { background-image: url(../images/icon32.png); }
.sec .title1 h2, .sec .title1 p { color: #fff; }
.fixed { position: fixed; right: 0; top: 20%; z-index: 999; }
.fixed li { position: relative; }
.fixed li .box { position: absolute; right: -200px; top: 0; transition: 0.3s; z-index: -1; border-right: 1px solid #fff; }
.fixed li .box a { width: 170px; display: block; line-height: 60px; background: #1c89e4; color: #fff; font-size: 18px; text-align: center; }
.fixed li .box1 { background: #fff; padding: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, .3); }
.fixed li .box1 img { width: 150px; }
.fixed li span { display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; background: #1c89e4; border-bottom: 1px solid #fff; cursor: pointer; }
.fixed li span img { height: 20px;  }
.fixed li:last-child span { border-bottom: none; }
.fixed li span img { width:20px; vertical-align: middle; }
.fixed li:hover .box { right: 60px }
.fixed li:hover .box a { width: 170px; display: block; line-height: 60px; background: #1c89e4; color: #fff; font-size: 18px; text-align: center; }

.pr15 {padding-right: 15px;}
.pr30 {padding-right: 30px;}
.pl15 {padding-left: 15px;}
.pb20 {padding-bottom: 20px;}
.pt20 {padding-top: 20px;}
.pl30 {padding-left: 30px;}
.ml20 {margin-left: 20px;}
.pb30 {padding-bottom: 30px;}
.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px;}
.lh24 {line-height: 24px;}
.lh30 {line-height: 30px;}
.bg_f8f {background-color: #f8f8f8;}
.color_555 {color: #555555;}
.color_8e8 {color: #8e8e8e;}
.border {border: #efefef solid 1px;}
.border_top {  border-top: #efefef solid 1px;}
.pull_left { float: left !important;}
.serviceForm .title { min-width: 60px; text-align: right; font-size: 14px; color: #313131;background: #fff;  padding-bottom: 0px; }
.serviceForm .title span{ color:#ef1f1f;}
.radioBoxs { }
.radioBoxList li { cursor: pointer; }
.radioBoxList li { height: 18px; line-height: 18px; border-bottom: none; }
.radioBoxList .icon { width: 18px; height: 18px; background: url(../images/icon5-1.png) no-repeat left; overflow: hidden; float: left; }
.radioBoxList .choose { background-position: right; }
.serviceForm .inputBox, .serviceForm .area { line-height: 40px; margin-top: 18px; }
.serviceForm .inputBox input { width: 70%; height: 40px; line-height: 38px; border-radius: 2px; padding-left: 10px; padding-right: 10px; border: 1px solid #efefef; }
.openSelect { opacity: 1 !important; transform: translateY(0%) !important; -webkit-transform: translateY(0%) !important; -moz-transform: translateY(0%) !important; -ms-transform: translateY(0%) !important; -o-transform: translateY(0%) !important; }
.divselect ul li a { display: block; height: 40px; line-height: 40px; color: #8e8e8e; text-decoration: none; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #efefef; }
.divselect ul li a:hover { background-color: #efefef; }
.textareaBox .title { line-height: 40px; }
.textareaBox .textarea { width: 70%;  }
.textareaBox textarea { width: 100%; padding: 10px; outline: none; line-height: 38px;border: 1px solid #efefef; height: 120px; border-radius: 2px; }
.tjBtn {height: 40px;line-height: 40px;display: inline-block;padding-left: 83px;padding-right: 83px;border-radius: 2px;border:none;outline:none; }
.bg_f04 {background-color: #f0475b;}
.color_fff {color: #fff !important;}


 @media all and (min-width: 1024px) and (max-width: 1680px) {
#gHeader { left: 40px; right: 40px; top: 0px; }
#gHeader .logo { width: 240px; margin-top: 18px; }
#gHeader .ss input[ type="text"] { width: 200px; }
#gHeader .ss .btn { background-size: 24px; }
.sec .title h2 { font-size: 34px; line-height: 44px; }
.sec .title h2:before, .sec .title h2:after { width: 36px; height: 44px; }
.sec .title p { font-size: 15px; }
}
 @media all and (min-width: 1024px) and (max-width: 1600px) {
#gHeader .logo { width: 220px; margin-top: 20px; }
#gNavi { margin-left: 50px; }
#gNavi li>a { font-size: 16px; font-family: "思源黑体 CN"; }
#gHeader .ss input[ type="text"] { width: 180px; line-height: 30px; }
#gHeader .ss .btn { width: 30px; height: 30px; }
#gHeader .ss { height: inherit; margin-top: 34px; }
.sec .title h2 { font-size: 32px; }
.sec .title h2:before, .sec .title h2:after { top: 2px; }
#gFooter .box1 { width: 35%; }
#gFooter .box3 { width: 35%; }
#gFooter .container { margin-bottom: 0px; }
#gFooter ul.nav { margin-bottom: 30px; }
}
 @media all and (min-width: 1024px) and (max-width: 1440px) {
.container { width: 86%; }
#gHeader { left: 20px; right: 20px; }
#gNavi { width: 62%; }
#gNavi li .dl dl dt { font-size: 16px; }
#gNavi li .dl dl dt:after { height: 3px; }
#gNavi li .dl dl dd a { font-size: 14px; }
#gFooter .box3 .img img { width: 120px }
#gFooter .fl h3 { font-size: 18px; }
}
 @media all and (min-width: 1024px) and (max-width: 1400px) {
.container { width: 90%; }
#gFooter ul.nav li a { font-size: 14px; }
#gFooter { font-size: 13px; }
}
 @media all and (min-width: 1024px) and (max-width: 1366px) {
#gHeader .logo { width: 200px; margin-top: 22px; }
.sec .title h2 { line-height: 38px; font-size: 30px; }
.sec .title h2:before, .sec .title h2:after { width: 32px; height: 38px; }
.sec .title { background-size: 18px; }
.sec .title p { font-size: 14px; }
#gFooter { font-size: 13px; }
#gFooter .box1 p { font-size: 13px; }
#gFooter .box1 p img { width: 22px; }
}
 @media all and (min-width: 1024px) and (max-width: 1300px) {
#gHeader .ss input[ type="text"] { width: 170px; }
#gNavi { margin-left: 40px; }
}
 @media all and (min-width: 992px) and (max-width: 1200px) {
.container { width: 94%; }
#gNavi { width: 70%; float: right; margin-left: 0; }
#gNavi li>a { font-size: 15px; }
#gHeader .ss { display: none; }
#gFooter .box3 .img img { width: 100px }
#gNavi li .dl dl { width: 25%; margin-bottom: 20px; }
}
 @media all and (min-width: 0) and (max-width: 767px) {
.footeryd { background-color: rgba(11,129,222,0.75); height: 50px; position: fixed; bottom: 30px; left: 50%; margin-left: -46%; z-index: 999; width: 92%; border-radius: 10px; }
.footeryd { display: block; }
.footeryd { width: 370px !important; left: 50%; margin-left: -184px; }
.footeryd a { float: left; width: 33.33%; text-align: center; }
.footeryd img { display: inline-block; height: 24px; width: 24px; margin: 5px 0 0; }
.footeryd strong { color: #fff; font-size: 12px; display: block; height: 20px; line-height: 20px; }
.sp { display: block !important; }
.pc { display: none !important; }
.fl, .fr { float: inherit; }
.container { width: 100%; }
#gHeader { position: absolute; left: 0px; padding: 10px; top: 0px; right: 0px; }
#gHeader .logo { margin-top: 0px; width: 160px; }
#gHeader .sear { position: absolute; right: 60px; top: 15px; width: 32px; }
#gHeader .menu { position: absolute; right: 13px; top: 15px; width: 32px; }
#gHeader .ss { height: inherit; margin-left: 0px; margin-top: 0px; position: absolute; left: 0; top: 64px; right: 0; background: #fff; padding: 50px 30px; display: none; }
#gHeader .ss form { margin: 0 auto; position: relative; max-width: 300px; }
#gHeader .ss input[ type="text"] { width: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .2); }
#gHeader .ss input { appearance: none; -webkit-appearance: none; }
#gHeader .ss .btn { background-size: 22px; }
/*------------------------------------------------------------
		gNavi
	------------------------------------------------------------*/
#gNavi { width: 100%; position: absolute; left: 0; top: 64px; right: 0; padding: 20px; box-sizing: border-box; margin-left: 0px; z-index: 100; background: #fff; display: none; }
#gNavi li { width: 100%; float: inherit; }
#gNavi li>a { color: #333; font-size: 15px; line-height: 40px; text-align: left; background: url(../images/next1.png) no-repeat right center; background-size: 22px; border-bottom: 1px dashed #efeeef; }
#gNavi li .drop { position: relative; left: 0; top: 0px; padding: 0; right: 0; }
#gNavi li .dl dl { width: 50%; text-align: center; padding: 8px; box-sizing: border-box; }
#gNavi li .dl dl{ height:56px;}
#gNavi li .dl dl dt { font-size: 14px; background: #fafafa; padding-left: 0px; line-height: 40px; margin-bottom: 0; border-radius: 4px; }
#gNavi li .dl dl dt a { color: #333; }
#gNavi li .dl dl dt.on a { background: #258cd2; color: #fff; }
#gNavi li .dl dl dt:after { display: none; }
#gNavi li .dl dl dd { display: none; }
#gNavi li .dl dl dd a.on:after, #gNavi li .dl dl dd a:hover:after { background: #258cd2; }
#gNavi li .drop1 a { margin: 10px; padding: 5px 10px; font-size: 14px; }
#gNavi li.on>a { background-image: url(../images/next2.png); color: #258cd2; }
#gNavi li.on>a:before { display: none; }
#gNavi li.on .drop { display: block; }
#gNavi li:nth-child(2).on>a:before, #gNavi li:nth-child(3).on>a:before, #gNavi li:nth-child(6).on>a:before, #gNavi li:nth-child(7).on>a:before { background-image: url(../images/icon31.png ); }
/*------------------------------------------------------------
		フッター
	------------------------------------------------------------*/
#gFooter { padding-top: 30px; font-size: 13px; }
#gFooter .container { margin-bottom: 0px; padding: 0 10px; }
#gFooter .box1 { width: 100%; }
#gFooter ul.nav { width: 100%; }
#gFooter ul.nav li { width: 20%; line-height: 30px; margin-bottom: 14px; }
#gFooter ul.nav li a { font-size: 13px; line-height: 14px; }
#gFooter ul.nav li:nth-child(5n) a { border-right: none; }
#gFooter .box1 p { font-size: 13px; line-height: 32px; }
#gFooter .box1 p img { width: 21px; }
#gFooter .fl h3 { font-size: 16px; margin-bottom: 8px; }
#gFooter .box2 { width: 100%; margin: 15PX 0; }
#gFooter .box2 li { width: 33.33%; float: left; }
#gFooter .box2 li a { display: block; padding-left: 0px; background: none; }
#gFooter .box3 { width: 100%; padding-left: 0px; }
#gFooter .box3 .img { width: 50%; }
#gFooter .box3 .img img { width: 100px; }
#gFooter .power { line-height: 24px; margin-top: 10px; }
.sec .title { letter-spacing: 0px; font-family: "思源黑体 CN"; }
.sec .title p { font-size: 12px; }
.sec .title h2 { font-size: 22px; line-height: 30px; }
.sec .title h2:before { width: 24px; height: 30px; left: -30px; }
.sec .title h2:after { width: 24px; height: 30px; right: -30px; }
.sec .more a { width: 124px; line-height: 35px; border-radius: 17px; font-size: 12px; margin-top: 20px; }
.sec .more a:after { top: 7px; }
.sec .more a:hover:after { right: inherit; }
}