
body#service #kvArea{ width: 100%; height: 490px; background-image: url(../images/service_kv_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; text-align: center; position: relative;}
body#service #kvArea .innerBox{ max-width: 791px;}
/* start service contents01Area */
body#service #contents01Area{ width: 100%; background-image: url(../images/service_bg01.png); background-position: center bottom; background-repeat: no-repeat; background-size: cover; position: relative; padding: 100px 0; position: relative; z-index: 1;}
body#service #contents01Area p{ text-align: center; font-size: 28px; color: #003A81; font-weight: 600; box-sizing: border-box; position: relative; z-index: 1; padding: 0 0 100px;}
body#service #contents01Area .hgroup{ width: 100%; overflow: hidden; position: relative; z-index: 1; padding: 0 0 50px;}
body#service #contents01Area .hgroup h2{ text-align: center; font-weight: 600; font-size: 32px; color: #003A81;}
body#service #contents01Area .hgroup h2 span{ font-size: 56px; font-weight: 600; color: #F29600;}
body#service #contents01Area ul{ width: 100%; max-width: 768px; display: block; margin: auto auto auto auto; list-style: none; position: relative; z-index: 1;}
body#service #contents01Area ul li{ font-size: 22px; font-weight: 600; background-image: url(../images/service_contents01_icon.png); background-repeat: no-repeat; background-position: left center; padding:4px 0 0 40px; color: #000000;}
body#service #contents01Area ul li:nth-child(even){ margin: 20px 0;}
body#service #contents01Area ul li span{ color: #F29600;}
body#service #contents01Area img{ max-width: 1011px; position: absolute; bottom: -40px; left: 0; right: 0; margin: auto;}
/* end service contents01Area */

/* start service contents02Area */
body#service #contents02Area{ width: 100%; background-image: url(../images/service_bg02.jpg); background-position: center; background-size: cover; position: relative; padding: 100px 0;}
body#service #contents02Area .hgroup{ width: 100%; overflow: hidden; position: relative; z-index: 1; padding: 0 0 50px;}
body#service #contents02Area .hgroup h2{ text-align: center; font-weight: 600; font-size: 32px; color: #003A81; background-image: url(../images/service_contents02_icon.png); background-position: right center; background-repeat: no-repeat; width: 100%; max-width: 720px; margin: auto;}
body#service #contents02Area .hgroup h2 span{ font-size: 56px; font-weight: 600; color: #F29600;}
body#service #contents02Area ul{ width: 100%; max-width: 1024px; margin: auto; text-align: center; display: block; list-style: none; text-align: center;}
body#service #contents02Area ul li{ width: 100%; max-width: 194px; min-height: 501px; display: inline-block; position: relative; vertical-align: top;}
body#service #contents02Area ul li:nth-child(even){ margin: 0 6px;}
body#service #contents02Area ul li > span.reason{ display: block; padding: 2px 8px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #fff; border-radius: 0 20px 20px 20px; background: linear-gradient(to right,#0E63BC, #003B73); width: 100px; position: absolute; top: -14px; left: 0; right: 0; margin: auto; letter-spacing: 0.1em;}
body#service #contents02Area ul li > .box h3{ display: block; text-align: center; font-size: 16px; font-weight: 600; color: #0070C4; line-height: 1.2; padding: 20px 0;}
body#service #contents02Area ul li > p{ font-size: 14px; font-weight: 300;}
/* end service contents02Area */

/* start service contents03Area */
body#service #contents03Area{ width: 100%; background-image: url(../images/service_bg03.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 100px 0; position: relative; z-index: 1;}
body#service #contents03Area .hgroup{ width: 100%; overflow: hidden; position: relative; z-index: 1; padding: 0 0 50px;}
body#service #contents03Area .hgroup h2{ text-align: center; font-weight: 600; font-size: 56px; color: #003A81;}
body#service #contents03Area table{ width: 100%; max-width: 1024px; margin: auto;}
body#service #contents03Area table tr:nth-child(1) td{ background-color: #0070C4; color: #fff; font-size: 26px; font-weight: 600; text-align: center; line-height: 1.2; padding: 10px; box-sizing: border-box; border: 2px solid #fff; width: 50%;}
body#service #contents03Area table tr:nth-child(2) td{ background-color: #FEFAEF; font-size: 20px; font-weight: 600; text-align: center; line-height: 1.2; padding: 30px 10px; box-sizing: border-box; border: 2px solid #fff; width: 50%;}
body#service #contents03Area ul{ width: 100%; max-width: 1024px; margin: auto; padding: 20px; box-sizing: border-box; background-color: #FFF8F5; color: #000; border-radius: 10px; border: 1px solid #F93A61; list-style: none; margin-top: 40px;}
body#service #contents03Area ul li{ font-size: 14px;}
/* end service contents03Area */

/* start service contents04Area */
body#service #contents04Area{ width: 100%; background-image: url(../images/service_bg04.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 100px 0; position: relative; z-index: 1;}
body#service #contents04Area .hgroup{ width: 100%; overflow: hidden; position: relative; z-index: 1; padding: 0 0 50px;}
body#service #contents04Area .hgroup h2{ text-align: center; font-weight: 600; font-size: 56px; color: #003A81;}
body#service #contents04Area img{ max-width: 1025px; display: block; margin: -100px auto auto auto;}
/* end service contents04Area */

/* start service contents05Area */
body#service #contents05Area{ width: 100%; background-image: url(../images/service_bg05.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 100px 0; position: relative; z-index: 1;}
body#service #contents05Area .hgroup{ width: 100%; overflow: hidden; position: relative; z-index: 1; padding: 0 0 50px;}
body#service #contents05Area .hgroup h2{ text-align: center; font-weight: 600; font-size: 56px; color: #003A81;}
body#service #contents05Area ul{ width: 100%; max-width: 943px; margin: auto; list-style: none;}
body#service #contents05Area ul li{ border-radius: 10px; border: 1px solid #0D5FB4; padding: 20px; box-sizing: border-box; width: 100%; overflow: hidden; background-color: #fff;}
body#service #contents05Area ul li:nth-child(2){ margin: 40px 0;}
body#service #contents05Area ul li img{ max-width: 262px; float: left; border-radius: 10px; margin-right: 20px;}
body#service #contents05Area ul li .txt{ width: calc(100% - 282px); float: left;}
body#service #contents05Area ul li .txt .prof{ display: inline-block; padding: 2px 20px 0; box-sizing: border-box; font-size: 16px; font-weight: 600; color: #fff; border-radius: 0 20px 20px 20px; background: linear-gradient(to right,#0E63BC, #003B73); margin: 10px 0; font-weight: 300;}
body#service #contents05Area ul li .txt .prof br{ display: none;}
body#service #contents05Area ul li .txt p{ font-size: 14px; font-weight: 300; line-height: 1.8;}
/* end service contents05Area */

/* start service contents06Area */
body#service #contents06Area{ width: 100%; background-image: url(../images/service_bg02.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 100px 0; position: relative; z-index: 1;}
body#service #contents06Area .hgroup{ width: 100%; overflow: hidden; position: relative; z-index: 1; padding: 0 0 50px;}
body#service #contents06Area .hgroup h2{ text-align: center; font-weight: 600; font-size: 56px; color: #003A81;}
body#service #contents06Area ul{ width: 100%; max-width: 1025px; margin: auto; text-align: center; list-style: none;}
body#service #contents06Area ul li{ width: 100%; max-width: 175px; display: inline-block; vertical-align: top;}
body#service #contents06Area ul li:nth-child(even){ width: 17px; padding: 70px 0 0; box-sizing: border-box;}
body#service #contents06Area ul li:nth-child(even) img{ width: 100%;}
body#service #contents06Area ul li h3{ font-size: 16px; font-weight: 600; padding: 20px 0;}
body#service #contents06Area ul li p{ font-size: 14px; font-weight: 300;}
/* end service contents06Area */

/* start service contents07Area */
/* start service contents07Area */
body#service #contents07Area{ width: 100%; background-image: url(../images/service_bg06.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 100px 0; position: relative; z-index: 1;}
body#service #contents07Area .hgroup{ width: 100%; overflow: hidden; position: relative; z-index: 1; padding: 0 0 50px;}
body#service #contents07Area .hgroup h2{ text-align: center; font-weight: 600; font-size: 56px; color: #003A81;}

body#service #contents07Area .acMenu{ background-color: #fff; padding: 40px 40px 30px; box-sizing: border-box; width: 100%; max-width: 980px; margin: auto; border-radius: 10px;}
body#service #contents07Area .acMenu.even{ margin: 20px auto;}
body#service #contents07Area .acMenu dt{ display: block; width: 100%; max-width: 900px; margin: 0 auto; box-sizing: border-box; cursor: pointer; background-image:url(../images/i_swich01.png); background-repeat: no-repeat; background-position: right 10px center; font-size: 24px; font-weight: 300;}
body#service #contents07Area .acMenu dt.active{ background-image:url(../images/i_swich02.png); background-repeat: no-repeat; background-position: right 10px center;}
body#service #contents07Area .acMenu dt > div{ padding: 6px 30px 8px 50px; box-sizing: border-box; background-image: url(../images/service_contents07_img01.png); background-repeat: no-repeat; background-position: left top;}
body#service #contents07Area .acMenu dd{ display: block; width: 100%; max-width: 885px; display: none; margin: auto; padding: 0; font-size: 16px;}
body#service #contents07Area .acMenu dd > div{ padding: 0 0 8px 40px; box-sizing: border-box; background-image: url(../images/service_contents07_img02.png); background-repeat: no-repeat; background-position: left top; font-size: 16px; font-weight: 300; text-align: left;}
body#service #contents07Area .acMenu dd > div a{ display: block; margin-top: 10px;}
body#service #contents07Area .acMenu dd > div a img{ max-width: 245px;}

body#service #contents07Area .acMenu dd table{ width: 100%; margin-bottom: 8px;}
body#service #contents07Area .acMenu dd table tr{ background-color: #ECF6FF;}
body#service #contents07Area .acMenu dd table td{ border: 2px solid #DBDCDC; text-align: center; vertical-align: middle; line-height: 1.2; font-size: 14px; width: 130px; padding: 20px 0;}
body#service #contents07Area .acMenu dd table td:nth-child(1){ font-size: 14px;font-weight: bold; color: #fff; background-color: #0262AF; width: 120px;}
body#service #contents07Area .acMenu dd table tr:nth-child(2) td,
body#service #contents07Area .acMenu dd table tr:nth-child(3) td,
body#service #contents07Area .acMenu dd table tr:nth-child(4) td{ background-color: #fff;}
body#service #contents07Area .acMenu dd table tr:nth-child(2) td:nth-child(1),
body#service #contents07Area .acMenu dd table tr:nth-child(3) td:nth-child(1),
body#service #contents07Area .acMenu dd table tr:nth-child(4) td:nth-child(1){ background-color: #0262AF;}
body#service #contents07Area .acMenu dd p{ font-size: 13px; font-weight: normal;}
body#service #contents07Area .acMenu dd > div.scroll-table{background: none;padding: 0;}
body#service #contents07Area .acMenu dd > div.wrn{background: none;padding: 0;}
.wrn p{overflow: hidden;font-size: 13px;letter-spacing: 0;}
.wrn p span{float: left; padding:0 5px 5px 0;}
/* end service contents07Area */
/* end service contents07Area */

/* start service footer */
footer.con_f{ background-image: url(../images/footer_bg02.jpg); background-position: center center; background-size: cover; z-index: 1;}
footer.con_f .contact_btn_area{ width: 100%; max-width: 960px; padding: 40px 0 0; box-sizing: border-box; margin: auto;}
footer.con_f .contact_btn_area .left{ width: 570px; float: left; padding: 20px 0 0;}
footer.con_f .contact_btn_area .left p{ font-size: 26px; color: #fff; font-weight: 600;}
footer.con_f .contact_btn_area .left p span{ font-size: 55px; color: #F29600;}
footer.con_f .contact_btn_area .center{ width: 1px; height: 120px; margin-top: 40px; float: left; background-color: #fff;}
footer.con_f .contact_btn_area .right{ width: 343px; float: right; top: -70px; position: relative;}
footer.con_f .contact_btn_area .right img{ width: 100%;}
footer.con_f .contact_btn_area .right a:nth-child(2){ margin-top: 10px; display: block;}
footer.con_f .companyArea{ background-color: #003A81; padding: 20px; box-sizing: border-box; position: relative;}
footer.con_f .companyArea .pagetop{ position: fixed; bottom: 40px; right: 20px; cursor: pointer;}
footer.con_f .companyArea p{ font-size: 16px; color: #fff; text-align: center;}
/* end service footer */


body#faq #kvArea{ width: 100%; height: 330px; background-image: url(../images/faq_kv_bg.jpg); background-repeat: no-repeat; background-size: cover; text-align: center; position: relative;}
body#faq #kvArea .innerBox{ width: 100%; max-width: 305px; height: 134px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; background-color: rgba(255, 255, 255, 0.9);}
body#faq #kvArea .innerBox::before{ content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 17px 17px 0 0; border-color: #F29600 transparent transparent transparent;}
body#faq #kvArea .innerBox::after{ content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 17px 17px; border-color: transparent transparent #003A81 transparent;}
body#faq #kvArea .innerBox h2{ font-size: 36px; font-weight: 600; line-height: normal; padding-top: 46px;}
/* start faq contents01Area */
body#faq #contents01Area{ width: 100%; background-image: url(../images/service_bg06.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 100px 0; position: relative; z-index: 1;}

body#faq #contents01Area .acMenu{ background-color: #fff; padding: 40px 40px 30px; box-sizing: border-box; width: 100%; max-width: 851px; margin: auto; border-radius: 10px;}
body#faq #contents01Area .acMenu.even{ margin: 20px auto;}
body#faq #contents01Area .acMenu dt{ display: block; width: 100%; max-width: 700px; margin: 0 auto; box-sizing: border-box; cursor: pointer; background-image:url(../images/i_swich01.png); background-repeat: no-repeat; background-position: right 10px center; font-size: 24px; font-weight: 300;}
body#faq #contents01Area .acMenu dt.active{ background-image:url(../images/i_swich02.png); background-repeat: no-repeat; background-position: right 10px center;}
body#faq #contents01Area .acMenu dt > div{ padding: 6px 30px 8px 50px; box-sizing: border-box; background-image: url(../images/service_contents07_img01.png); background-repeat: no-repeat; background-position: left top;}
body#faq #contents01Area .acMenu dd{ display: block; width: 100%; max-width: 600px; display: none; margin: auto; padding: 0; font-size: 16px;}
body#faq #contents01Area .acMenu dd > div{ padding: 0 0 8px 40px; box-sizing: border-box; background-image: url(../images/service_contents07_img02.png); background-repeat: no-repeat; background-position: left top; font-size: 16px; font-weight: 300;}
body#faq #contents07Area .acMenu dd > div a{ display: block; margin-top: 10px;}
body#faq #contents07Area .acMenu dd > div a img{ max-width: 245px;}

body#faq #contents01Area .acMenu dd table{ width: 100%; margin-bottom: 8px;}
body#faq #contents01Area .acMenu dd table tr{ background-color: #ECF6FF;}
body#faq #contents01Area .acMenu dd table td{ border: 2px solid #DBDCDC; text-align: center; vertical-align: middle; line-height: 1.2; font-size: 12px; width: 130px; padding: 6px 0;}
body#faq #contents01Area .acMenu dd table td:nth-child(1){ font-size: 13px; color: #fff; background-color: #0262AF; width: 120px;}
body#faq #contents01Area .acMenu dd table tr:nth-child(2) td{ background-color: transparent; color: #000; font-size: 12px; width: 130px;}
body#faq #contents01Area .acMenu dd p{ line-height: 1.2; font-size: 12px; font-weight: normal;}
/* end faq contents01Area */







/* start company contents01Area */
body#company #contents01Area{ width: 100%; background-image: url(../images/company_bg01.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 100px 0; position: relative; z-index: 1;}
body#company #contents01Area .hgroup{ width: 100%; overflow: hidden; position: relative; z-index: 1; padding: 0 0 50px;}
body#company #contents01Area .hgroup h2{ text-align: center; font-weight: 600; font-size: 56px; color: #003A81;}

body#company #contents01Area table{ width: 100%; max-width: 872px; margin: auto;}
body#company #contents01Area table tr th{ width: 240px; background-color: #F5F8FC; border-top: 1px solid #0070C4; padding: 30px; box-sizing: border-box; text-align: left; font-weight: 300; font-size: 16px;}
body#company #contents01Area table tr:last-child th{ border-bottom: 1px solid #0070C4;}
body#company #contents01Area table tr td{ background-color: #fff; border-top: 1px solid #D7E8F5; padding: 30px; box-sizing: border-box; text-align: left; font-weight: 300; font-size: 16px;}
body#company #contents01Area table tr:last-child td{ border-bottom: 1px solid #D7E8F5;}
body#company #contents01Area table tr td > div:nth-child(2){ margin: 20px 0;}
body#company #contents01Area table tr td h3{ font-size: 16px; font-weight: 600; color: #003A81;}
body#company #contents01Area table tr td p{ font-weight: 300; font-size: 16px;}
body#company #contents01Area table tr td #map{ border: 1px solid #0070C4; width: 100%; max-width: 514px;}
/* end company contents01Area */

/* start company contents02Area */
body#company #contents02Area{ width: 100%; background-image: url(../images/company_bg02.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 100px 0; position: relative; z-index: 1;}
body#company #contents02Area .hgroup{ width: 100%; overflow: hidden; position: relative; z-index: 1; padding: 0 0 50px;}
body#company #contents02Area .hgroup h2{ text-align: center; font-weight: 600; font-size: 56px; color: #003A81;}
body#company #contents02Area .innerBox{ width: 100%; max-width: 1025px; margin: auto; background-color: rgba(255, 255, 255, 0.8); border: 1px solid #DBDCDC; box-sizing: border-box; padding: 50px; box-sizing: border-box; border-radius: 10px;}
body#company #contents02Area .innerBox img{ float: left; margin-right: 20px}
body#company #contents02Area .innerBox .text{ width: calc(100% - 291px); float: left;}
body#company #contents02Area .innerBox .text h3{ font-size: 24px; font-weight: 600; color: #0070C4; border-bottom: 2px solid #0070C4; margin-bottom: 20px;}
body#company #contents02Area .innerBox .text h3 span{ font-size: 18px;}
body#company #contents02Area .innerBox .text p.right{ text-align: right; padding-top: 20px;}
/* end company contents02Area */











body#contact #kvArea{ width: 100%; height: 330px; background-image: url(../images/contact_kv_bg.jpg); background-repeat: no-repeat; background-size: cover; text-align: center; position: relative;}
body#contact #kvArea .innerBox{ width: 100%; max-width: 305px; height: 134px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; background-color: rgba(255, 255, 255, 0.9);}
body#contact #kvArea .innerBox::before{ content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 17px 17px 0 0; border-color: #F29600 transparent transparent transparent;}
body#contact #kvArea .innerBox::after{ content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 17px 17px; border-color: transparent transparent #003A81 transparent;}
body#contact #kvArea .innerBox h2{ font-size: 36px; font-weight: 600; line-height: normal; padding-top: 46px;}
/* start contact contents01Area */
body#contact #contents01Area{ width: 100%; position: relative; padding: 100px 0; position: relative; z-index: 1;}
body#contact #contents01Area form{ width: 100%; max-width: 665px; margin: 20px auto 0;}
body#contact #contents01Area form table.formTable{ width: 100%;}
body#contact #contents01Area form table.formTable tr th{ padding: 22px 0 20px; box-sizing: border-box; text-align: left; width: 200px;}
body#contact #contents01Area form table.formTable tr th span{ display: block; float: left; font-weight: normal; font-size: 16px; font-weight: 600;}
body#contact #contents01Area form table.formTable tr th span.required{ padding: 0 4px 0; box-sizing: border-box; float: right; font-size: 12px; margin-top: 4px; color: #fff; background-color: #930C23;}
body#contact #contents01Area form table.formTable tr th span.any{ padding: 0 4px 0; box-sizing: border-box; float: right; font-size: 12px; margin-top: 4px; color: #fff; background-color: #1254AE;}
body#contact #contents01Area form table.formTable tr td{ padding: 10px 20px 10px 20px; box-sizing: border-box; text-align: left; font-size: 16px; vertical-align: middle;}
body#contact #contents01Area form table.formTable tr td label{ display: block; float: left; margin-right: 20px;}
body#contact #contents01Area form table.formTable tr td label input{ margin-top: -4px;}
body#contact #contents01Area form table.formTable tr td input[type="text"]{ background-color: #F5F8FC; border: 1px solid #DBDCDC; border-radius: 4px; width: 100%; font-size: 14px; padding: 8px; box-sizing: border-box;}
body#contact #contents01Area form table.formTable tr td textarea{ background-color: #F5F8FC; border: 1px solid #DBDCDC; border-radius: 4px; width: 100%; font-size: 16px; padding: 4px; box-sizing: border-box; height: 180px; resize: none;}
body#contact #contents01Area form .submitBox{ width: 100%; overflow: hidden; text-align: center; padding: 20px 0 0;}
body#contact #contents01Area form .submitBox input[type="submit"]{ -webkit-appearance: none; font-size: 24px; color: #fff; font-weight: 600;
 background: -webkit-linear-gradient(to right, #FF8400, #FFAD33); background: linear-gradient(to right, #FF8400, #FFAD33);
 border: none; border-radius: 4px; padding: 10px 40px; box-sizing: border-box;}
/* end contact contents01Area */


