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

@media (min-width: 896px) {
	a[href^="tel:"] {pointer-events: none; cursor: default;}
}

.EN {font-family: "Rubik", sans-serif;}
.mincho {font-family: 'Noto Serif JP', serif;}

.bgWH {background-color: #FFF;}
.bgBL {background-color: #00397E;}
.bgGRY {background-color: #EEEEEE;}
.txtWH {color: #FFF;}
.txtBL {color: #00397E;}
.txtGRY {color: #666;}

.ratioBox {position: relative;width: 100%;height: auto;}
.ratio1-1:before {content: "";display: block;padding-top: 100%; /* 1:1 */}
.ratio2-1:before {content: "";display: block;padding-top: 50%; /* 2:1 */}
.ratio3-2:before {content: "";display: block;padding-top: 66%; /* 3:2 */}
.ratio4-3:before {content: "";display: block;padding-top: 75%; /* 4:3 */}
.ratioInner {position: absolute;top: 0; left: 0;width: 100%;height: 100%;}

#side {position: fixed; right: 0; top: 195px; z-index: 2;}
#side li {writing-mode: vertical-rl; -ms-writing-mode: tb-rl; letter-spacing: .2em;}
#side li:first-child {margin-bottom: 10px;}
#side li a {padding: 20px 18px; border-radius: 10px 0 0 10px; display: block; background: #00397E; color: #FFF; border: 1px solid #00397E; border-right: none;}
#side li a span {padding: 34px 2px 0;}
#side li a:hover {color: #00397E; background: #FFF;}
#side li:first-child a span {background: url("../img/cmn/icon_side01_wh.svg") no-repeat center top;}
#side li:last-child a span {background: url("../img/cmn/icon_side02_wh.svg") no-repeat center top;}
#side li:first-child a:hover span {background: url("../img/cmn/icon_side01_bl.svg") no-repeat center top;}
#side li:last-child a:hover span {background: url("../img/cmn/icon_side02_bl.svg") no-repeat center top;}

#header {position: relative; width: 100%; padding: 20px 40px 40px; border-bottom: 5px solid #00397E;}
#header h1 {margin-bottom: 20px;}
.logo {width: 256px;}
#hanburger {display: none;}
.menu_button {width: 55px; height: 55px; position: fixed; top: 0; right: 0; background: #00397E; z-index: 15;}
#hanburger:checked ~ .menu_button {top: 0;}
#hanburger:checked ~ .span2 {display: none;}
#hanburger:checked ~ .span1 {width: 34px; transform: rotate(45deg); top: 27px; right: 11px;}
#hanburger:checked ~ .span3 {width: 34px; transform: rotate(-45deg); top: 27px; right: 11px;}
.global_menu {visibility: hidden; width: 100%; height: 100%; position: fixed; top: 0; left: 0; color: #222; overflow-y: scroll; text-align: center; background: #FFF;}
#hanburger:checked ~ .global_menu {visibility: visible;}
.menu_wrap {display: flex; flex-wrap: wrap; font-size: 16px; white-space: nowrap;}
.menu:not(:last-child) {width: 170px; border-right: 1px solid #CCC;}
.menu:first-child {border-left: 1px solid #CCC;}
.menu > a {width: 100%; display: block; padding: 5px 15px; color: #00397E;}
.menu:not(:last-child) > a span {display: block; /*margin-top: 5px;*/ text-align: center; color: #666; font-size: 75%;}
.menu > a:hover,.menu:not(:last-child) > a:hover span {color: #FFF;}
.menu:last-child {margin: auto 0 auto 30px;}
.menu:last-child a {padding: 8px 30px; background: #00397E; border: 1px solid #00397E; color: #FFF; border-radius: 25px;}
.menu:last-child a span {padding-left: 34px; background: url("../img/cmn/icon_mail_wh.svg") no-repeat center left;}
.menu:last-child a:hover {background: #FFF; color: #00397E;}
.menu:last-child a:hover span {background: url("../img/cmn/icon_mail_bl.svg") no-repeat center left;}
#hanburger,.spOnly {display: none;}
@media screen and (max-width: 1420px) {
	#header {padding: 20px 20px 40px;}
	.menu:not(:last-child) {width: 150px;}
}
@media screen and (max-width: 1275px) {
	.menu:not(:last-child) {width: auto;}
	.menu > a {padding: 5px 20px;}
	.menu:last-child {margin: auto 0 auto 20px;}
	.menu:last-child a {padding: 8px 20px;}
}
@media screen and (max-width: 1110px) {
	#header {padding: 20px 20px 20px;}
	.logo {width: 200px;}
	.menu_wrap {font-size: 14px;}
}
@media screen and (max-width: 995px) {
	.menu > a {padding: 5px 10px;}
	.menu:last-child {margin: auto 0 auto 10px;}
	.menu:last-child a {padding: 8px 10px;}
}
@media screen and (min-width: 896px) {
  .menu_button {display: none;}
  .global_menu {position: inherit; padding: 0; color: #fff; visibility: visible; overflow-y: visible; height: auto; width: auto;}
  .menu:hover > a {background: #00397E;}
}
@media screen and (max-width: 896px) {
	#side {display: none;}
	#header {padding: 10px 20px 20px;}
	#header h1 {margin-bottom: 10px; font-size: 10px; padding-right: 40px;}
	#header .logo {width: 230px;}
  #header .spOnly {display: block;}
  span.span1,span.span2,span.span3 {width: 29px; height: 1px; background-color: #FFF; position: absolute; right: 13px; transition: .3s; z-index: 100; position: fixed;}
  .span1 {top: 17px;}
  .span2 {top: 27px;}
  .span3 {top: 37px;}
  .menu {display: block;}
  .menu > a {padding: 10px 15px; text-align: left; border-bottom: 1px solid #CCC;}
	.menu:not(:last-child) > a span {text-align: left;}
	.menu:last-child {margin: 0;}
	.menu:last-child a {padding: 20px 10px; border-radius: 0;}
  .global_menu {z-index: 10;}
  .global_menu a {border-top-left-radius: 0; border-top-right-radius: 0;}
  .menu .pd {display: inline-block; width: 100%; position: absolute; top: 0; left: 0; height: 100%;}
  .menu_wrap {display: none;}
  #hanburger:checked ~ * .menu_wrap {display: block; opacity: 1; min-height: 100vh; background: #FFF; /*position: fixed;*/ top: 0; z-index: 5;}
  #hanburger:checked ~ * .menu {max-height: inherit; overflow-y: visible; padding: 0; margin-left: 0; position: relative;}
}

footer {background: #222;}
.cmnBtm {padding: 100px 0; background: url("../img/cmn/bg_btm.jpg") no-repeat center; background-size: cover;}
.cmnBtm dt {margin-right: 25px;}
.cmnBtm dt a {color: #FFF; padding-left: 54px; background: url("../img/cmn/tel_wh.svg") no-repeat center left;}
.cmnBtm .area {border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; padding: 30px 0; max-width: 1024px; margin: 0 auto;}
.cmnBtm .area dt {margin-right: 80px; position: relative;}
.cmnBtm .area dt::before {position: absolute; content: ''; width: 40px; height: 1px; background: #FFF; top: 50%; transform: translateY(-50%); right: -60px;}
footer > .container {padding: 80px 0;}
footer .info .logo {width: 256px;}
footer > .container li:first-child {border-left: 1px solid #FFF;}
footer > .container li {border-right: 1px solid #FFF;}
footer > .container li a {display: block; padding: 5px 30px; color: #FFF;}
footer > .container li a:hover {background: #666;}
.footCopy {text-align: right; margin-top: auto;}
.footCopy small {font-size: 14px;}
#ftNavi {display: none;}
@media screen and (max-width: 1010px) {
	footer > .container li a {padding: 5px 20px;}
}
@media screen and (max-width: 896px) {
	footer {margin-bottom: 50px;}
	.cmnBtm {padding: 50px 0;}
	.cmnBtm .col3 {width: 100%;}
	.cmnBtm dt a {padding-left: 38px; background-size: 28px;}
	footer > .container {padding: 40px 0;}
	footer .info {margin-bottom: 20px; text-align: center; width: 100%;}
	footer .info .logo {width: 200px; margin-left: auto; margin-right: auto;}
	footer > .container .flCol,footer > .container .flCol ul {width: 100%;}
	footer > .container li:nth-child(3),footer > .container li:nth-child(5) {border-left: 1px solid #FFF;}
	footer > .container li {width: 50%; text-align: center; margin-bottom: 10px;}
	.footCopy {text-align: center; margin-top: 10px;}
	.footCopy small {font-size: 12px;}
	#ftNavi {display: block; background: #00397E; position: fixed; z-index: 5; bottom: 0; border-top: 1px solid #00397E; width: 100%;}
	#ftNavi ul {text-align: center; font-size: 10px; font-weight: 600; display: flex; flex-wrap: wrap;}
	#ftNavi li {width: 25%;}
	#ftNavi li a {display: block; padding: 5px 0; color: #FFF; border-left: 1px solid #01469A; border-right: 1px solid #022F65;}
	#ftNavi li:first-child a {border-left: none;}
	#ftNavi li:last-child a {border-right: none;}
	#ftNavi li span {width: 24px; margin: 0 auto 5px; display: block;}
}
@media screen and (max-width: 530px) {
  footer #fnavi ul > li,footer #fnavi ul > li:last-child {margin: 0 10px 10px 10px;}
  footer #fnavi ul > li:first-child {margin: 0 0 10px 0; display: block;}
  footer #fnavi ul > li::after {right: -10px;}
  footer #fnavi ul > li:first-child::after {background-color: #FFF; width: 0; right: 0;}
}

.w1300 {width: 100%; max-width: 1332px; padding-left: 0; padding-right: 0;}
.w1500 {width: 100%; max-width: 1520px; padding-left: 0; padding-right: 0;}
.container {width: 100%; max-width: 1212px; padding-left: 0; padding-right: 0;}
.containers {width: calc(100% - 40px); max-width: 888px; padding-left: 0; padding-right: 0;}
.mlr,.container,.containers {margin-left: auto; margin-right: auto;}
.mlr5 {margin-left: 5px; margin-right: 5px;}
.mlr20,.col1,.col2,.col3,.col4,.col5,.col6,.box3,.w46,.w54 {margin-left: 20px; margin-right: 20px;}
.col1 {width: calc(100%/6 - 40px);}
.col2,.box3 {width: calc(100%/3 - 40px);}
.col3 {width: calc(50% - 40px);}
.col4 {width: calc(100%/6*4 - 40px);}
.col5 {width: calc(100%/6*5 - 40px);}
.col6 {width: calc(100% - 40px);}
.box4 {width: calc(25% - 30px); margin-left: 15px; margin-right: 15px;}
.w240 {max-width: 240px; width: 100%;}
.full {width: 100%;}
.half {width: 50%;}
@media screen and (max-width: 896px) {
  .containers {width: calc(100% - 30px);}
  .mlr20,.col1,.col2,.col3,.col4,.col5,.col6,.box3 {margin-left: 15px; margin-right: 15px;}
  .col1 {width: calc(100%/6 - 30px);}
  .col2,.box3 {width: calc(100%/3 - 30px);}
  .col3 {width: calc(50% - 30px);}
  .col4 {width: calc(100%/6*4 - 30px);}
  .col5 {width: calc(100%/6*5 - 30px);}
  .col6 {width: calc(100% - 30px);}
}
@media screen and (max-width: 568px) {
  .col1 {width: calc(100%/3 - 30px);}
  .col2,.col3,.col4,.col5,.col6,.box3 {width: calc(100% - 30px);}
  .mlr5 {margin-left: 5px; margin-right: 5px;}
  .box4 {width: calc(50% - 20px); margin-left: 10px; margin-right: 10px;}
}

ul.dot {list-style: disc; margin-left: 1.5em;}
ul.num {list-style: decimal; margin-left: 1.5em;}

table {width: 100%;}
table tr:nth-child(odd) {background-color: #FFF;}
table tr:nth-child(even) {background-color: #EEEEEE;}
table th,table td {padding: 10px 20px; line-height: 1.7; text-align: center; border: 1px solid #CCCCCC;}
table.tblGR th {width: 25%; background: #4A8308; color: #FFF;}
table.tblGR2 th {width: 280px; background: #4A8308; color: #FFF;}
table.tblGR2 td {text-align: left; width: calc(100% - 250px);}
@media screen and (max-width: 568px) {
  table.tblGR th,table.tblGR td {padding: 10px 5px;}
  table.tblGR2 th,table.tblGR2 td {width: 100%; display: block;}
  table.tblGR2 td {border-top: none;}
}

.ls12 {letter-spacing: .12em;}
.ttlBdr {padding-bottom: 30px;}
.ttlBdr::before {position: absolute; content: ''; width: 370px; height: 1px; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.txtGRY.ttlBdr::before,.txtBL.ttlBdr::before {background: #00397E;}
.txtWH.ttlBdr::before {background: #FFF;}
@media screen and (max-width: 568px) {
	.ttlBdr::before {width: 80%;}
}

.btnCmn {display: block; width: 100%; padding: 12px 20px; color: #FFF; border-radius: 30px; text-align: center;}
.btnCmn:hover {background: #FFF;}
.btnBL {border: 1px solid #00397E; background: #00397E;}
.btnBL:hover {color: #00397E;}
.btnBL span {padding-right: 30px; background: url("../img/cmn/arrow_wh.svg") no-repeat right center;}
.btnBL:hover span {background: url("../img/cmn/arrow_bl.svg") no-repeat right center;}
.btnRecruit {border: 1px solid #D15E67; background: #D15E67;}
.btnRecruit:hover {color: #D15E67;}
.btnRecruit span {padding-left: 38px; background: url("../img/cmn/icon_recruit_wh.svg") no-repeat center left;}
.btnRecruit:hover span {padding-left: 38px; background: url("../img/cmn/icon_recruit_pi.svg") no-repeat center left;}
.btnTrial span {padding-left: 38px; padding-right: 0; background: url("../img/cmn/icon_contact_wh.svg") no-repeat center left;}
.btnTrial:hover span {padding-left: 38px; background: url("../img/cmn/icon_contact_bl.svg") no-repeat center left;}
@media screen and (max-width: 896px) {
	.btnRecruit span,.btnRecruit:hover span,.btnTrial span,.btnTrial:hover span {background-size: 24px auto; padding-left: 34px;}
}
@media screen and (max-width: 568px) {
	.btnCmn {padding: 10px 15px;}
}

#kv .col6 {margin-top: 80px; padding-bottom: 60px; position: relative;}
#kv .col6::before {position: absolute; content: ''; max-width: 400px; width: 90%; height: 5px; background: #222; left: 0; bottom: 0;}
.bread li {color: #00397E; margin-right: 28px;}
.bread li:last-child {margin-right: 0;}
.bread li a {color: #00397E; text-decoration: underline; position: relative;}
.bread li a:hover {color: #222;}
.bread li a::before {position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 8px solid #00397E; border-right: 0; right: -18px; top: 50%; transform: translateY(-50%);}
@media screen and (max-width: 896px) {
	#kv .col6 {margin-top: 40px; padding-bottom: 20px;}
}

/*#top01 {height: 700px;}*/
#top01 .objFit {width: 100%; height: 100%;}
#top01 .mv01,#top01 .mv02 {width: calc(50% + 100px);}
#top01 .mv02 {margin-left: -200px;}
#top01 .copy {position: absolute; top: 50px; width: 100%;}
#top01 .copy h2 {background: rgba(0,57,126,.8); padding: 20px 0 20px 80px;}
#top01 .copy p {text-align: right; margin-right: 140px; text-shadow: 2px 2px 3px #000;}
.mask01 {clip-path: polygon(0 0, 100% 0, calc(100% - 200px) 100%, 0 100%);}
.mask02 {clip-path: polygon(0 100%, 200px 0, 100% 0, 100% 100%);}
.shape01,.shape02 {width: 100%; height: auto;}
.customer {position: absolute; padding: 30px 40px; border-radius: 10px 10px 0 0; background: rgba(255,255,255,.8); bottom: 0; right: 40px; width: 510px;}
.customer h3 {padding-left: 40px; background: url("../img/top/01-03.svg") no-repeat left center;}
.customer li {width: calc(50% - 10px);}
.customer .btnBL span {padding-right: 0; padding-left: 34px;}
.customer li:first-child .btnBL span {background: url("../img/top/01-04_wh.svg") no-repeat left center;}
.customer li:last-child .btnBL span {background: url("../img/top/01-05_wh.svg") no-repeat left center;}
.customer li:first-child .btnBL:hover span {background: url("../img/top/01-04_bl.svg") no-repeat left center;}
.customer li:last-child .btnBL:hover span {background: url("../img/top/01-05_bl.svg") no-repeat left center;}
@media screen and (max-width: 1280px) {
	#top01 .copy .txt50 {font-size: 40px; padding: 20px 0 20px 20px;}
}
@media screen and (max-width: 955px) {
	#top01 .copy .txt50 {font-size: 30px;}
	#top01 .copy .txt30 {font-size: 20px;}	
}
@media screen and (max-width: 896px) {
	.customer {padding: 20px; border-radius: 10px 0 0 0; right: 0; width: 400px;}
	.customer li:first-child .btnBL span,.customer li:last-child .btnBL span  {background-size: 20px; padding-left: 30px;}
}
@media screen and (max-width: 700px) {
	/*#top01 {height: calc(100vh - 208px);}*/
	#top01 .mv01,#top01 .mv02 {width: 100%; height: calc(50vh - 104px + 50px);}
	#top01 .mv02 {margin-left: 0;}
	.mask01 {clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), 0 100%);}
	.mask02 {clip-path: polygon(0 100%, 0 50px, 100% 0, 100% 100%); margin-top: -50px;}
}
@media screen and (max-width: 568px) {
	#top01 .copy {top: 0;}
	#top01 .copy .txt50 {font-size: 20px;}
	#top01 .copy .txt30 {font-size: 16px; margin-right: 20px;}	
	.customer {width: 95%;}
	.customer li {width: calc(50% - 5px);}
}

#topNews .ttl {width: 95px;}
#topNews .ttl h2 {writing-mode: vertical-rl; -ms-writing-mode: tb-rl; letter-spacing: .2em; padding-right: 20px; margin-right: 10px; border-right: 1px solid #222; line-height: 40px;}
#topNews .ttl .EN {transform: rotate(90deg); position: absolute; right: -40px; top: 45px;}
#topNews .newsArea {width: calc(100% - 195px); margin-left: auto;}
.notice a {border: 1px solid #D15E67; padding: 15px 20px; color: #D15E67;}
.notice p span {padding-left: 46px; background: url("../img/cmn/icon_recruit_pi.svg") no-repeat left center;}
.notice a:hover {background: #D15E67; color: #FFF;}
.notice a:hover p span {background: url("../img/cmn/icon_recruit_wh.svg") no-repeat left center;}
@media screen and (max-width: 700px) {
	#topNews .ttl {flex-direction: column;}
	#topNews .ttl,#topNews .newsArea {width: 100%;}
	#topNews .ttl h2 {writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; padding-right: 0; margin-right: 0; border-bottom: 1px solid #222; border-right: none; padding-bottom: 10px;}
	#topNews .ttl .EN {transform: rotate(0deg); position: relative; right: inherit; top: 0; padding: 10px 0 20px;}
}

.news li {border-bottom: 1px solid #CCC;}
.news li a {padding: 20px 0;}
.news li a:hover {background: #EEE;}
.news dt {margin-right: 10px;}
.news dd {background: #00397E; color: #FFF; padding: 5px 15px; text-align: center; min-width: 130px;}
.news p {padding-right: 20px; background: url("../img/cmn/arrow_bl.svg") no-repeat right center;}
.news li a:hover p {background-position: right 10px center;}
.newsArea .w240 {margin-left: auto;}

#top02 .col3 {z-index: 2;}
#top02 .col4 {margin-left: -16%;}
#top02 .col4::before {position: absolute; content: ''; width: 31.25%; height: 100%; top: 0; left: 0; background: #FFF; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}
@media screen and (max-width: 568px) {
	#top02 .col4 {margin-left: 15px; margin-top: 20px;}
	#top02 .col4::before {content: none;}
}

#top03 {background: url("../img/top/03-01.jpg") no-repeat center; background-size: cover;}
#top03::before,#top03::after {position: absolute; content: ''; width: 100%; height: 50%; left: 0; background: #FFF;}
#top03::before {bottom: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}
#top03::after {top: 0; background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}
#top03 .inner {z-index: 1; padding: 80px 0 60px; max-width: 1360px; width: 100%; margin-left: auto; margin-right: auto;}
#top03 .products {width: calc(25% - 40px); margin-left: 20px; margin-right: 20px; padding: 30px 25px; background: #FFF; border-radius: 10px; border-width: 1px; border-style: solid; display: flex; flex-direction: column;}
#top03 .products:first-child {border-color: #00397E;}
#top03 .products:nth-child(2) {border-color: #008A32;}
#top03 .products:nth-child(3) {border-color: #D56839;}
#top03 .products:last-child {border-color: #005A9E;}
#top03 .price {margin-top: auto;}
#top03 .price dt {margin-right: 20px; margin-bottom: 5px;}
#top03 .price dd span {font-size: 150%;}
#top03 .btnCmn span {padding-right: 20px;}
#top03 .btnCmn:hover {background: #FFF;}
#top03 .btnGR {background: #008A32; border: 1px solid #008A32;}
#top03 .btnOR {background: #D56839; border: 1px solid #D56839;}
#top03 .btnLBL {background: #005A9E; border: 1px solid #005A9E;}
#top03 .btnGR span,#top03 .btnOR span,#top03 .btnLBL span {background: url("../img/cmn/arrow_wh.svg") no-repeat right center;}
#top03 .btnGR:hover {color: #008A32;}
#top03 .btnOR:hover {color: #D56839;}
#top03 .btnLBL:hover {color: #005A9E;}
#top03 .btnGR:hover span {background: url("../img/cmn/arrow_gr.svg") no-repeat right center;}
#top03 .btnOR:hover span {background: url("../img/cmn/arrow_or.svg") no-repeat right center;}
#top03 .btnLBL:hover span {background: url("../img/cmn/arrow_lbl.svg") no-repeat right center;}
@media screen and (max-width: 1175px) {
	#top03 .products {width: calc(50% - 30px); margin-left: 15px; margin-right: 15px;}
	#top03 .products .brand {max-width: 200px; margin-left: auto; margin-right: auto;}
}
@media screen and (max-width: 568px) {
	#top03 .products {width: calc(100% - 30px);}
}

#top04 {padding: 100px 0 80px; background: url("../img/top/04.jpg") no-repeat center; background-size: cover;}

.r10 {border-radius: 10px;}
#top05 .col3 a {overflow: hidden;}
#top05 .col3 a:hover img {transform: scale(1.2); transition: .3s;}
#top05 .bgBL {position: absolute; width: 100%; padding: 20px 50px 20px 30px; border-radius: 0 0 10px 10px; color: #FFF; bottom: 0; left: 0; background-image: url("../img/cmn/arrow_wh.svg"); background-repeat: no-repeat; background-position: right 20px center; z-index: 2;}

.contactArea {padding: 0 50px 30px;}
.contactArea::before {position: absolute; content: ''; width: 100%; height: calc(100% - 30px); border: 2px solid #00397E; bottom: 0; left: 0; z-index: -1;}
.contactArea h2 {padding: 0 20px;}
.contactArea dt {padding: 20px 30px; margin-right: 30px;}
.contactArea dd {padding-left: 55px; background: url("../img/cmn/tel.svg") no-repeat left center;}
.btnLine {width: 360px;}
.btnLine a {display: block; width: 100%; border: 1px solid #4CAF50; background: #4CAF50 url("../img/cmn/arrow_wh.svg") no-repeat right 20px center; color: #FFF; padding: 18px 30px; border-radius: 35px; text-align: left;}
.btnLine a span {padding-left: 40px; background: url("../img/cmn/icon_line_wh.svg") no-repeat left center;}
.btnLine a:hover {background: #FFF url("../img/cmn/arrow_gr.svg") no-repeat right 20px center; color: #4CAF50;}
.btnLine a:hover span {background: url("../img/cmn/icon_line_gr.svg") no-repeat left center;}
#top06 .supportArea {border: 2px solid #00397E;}
.supportArea .txtArea {width: 56.8%; padding: 50px 40px 50px 50px;}
.supportArea .imgArea {width: 43.2%;}
.supportArea .imgArea li {height: 50%;}
@media screen and (max-width: 896px) {
	.contactArea {padding: 0 30px 30px;}
	.contactArea .jcSb {justify-content: center;}
	.btnLine {margin-top: 20px;}
	.supportArea .txtArea {width: 56.8%; padding: 30px;}
	.supportArea .imgArea {width: 43.2%;}
}
@media screen and (max-width: 600px) {
	.contactArea dl {justify-content: center;}
	.contactArea dt {padding: 10px 20px; margin-right: 0; margin-bottom: 10px; width: 100%;}
	.contactArea dd {padding-left: 55px; background: url("../img/cmn/tel.svg") no-repeat left center;}
	.supportArea .txtArea {width: 100%; padding: 30px;}
	.supportArea .imgArea {width: 100%; display: flex;}
	.supportArea .imgArea li {height: 120px; width: 50%;}
}

#top07 .w240 {margin-top: auto;}
.itemList .price span {font-size: 150%;}

.newsTtl {position: relative; padding-bottom: 20px; border-bottom: 1px solid #CCC;}
.newsTtl::before {position: absolute; content: ''; width: 200px; height: 1px; background: #00397E; left: 0; bottom: -1px;}
.post {border-bottom: 1px solid #CCC; padding-bottom: 40px; margin-bottom: 20px;}
.post p {background: none; padding-right: 0;}
.bread .post {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}

#application .col3 {background: #EEE; padding: 30px 40px; border-radius: 10px;}
#application h2 span {padding-right: 20px; background: #EEE; position: relative; z-index: 1;}
#application h2::before {position: absolute; content: ''; width: 100%; height: 2px; background: #00397E; right: 0; top: 50%; transform: translateY(-50%);}

.bdrBL dt,.bdrBL dd {padding: 15px 0;}
.bdrBL dt {width: 180px; border-bottom: 1px solid #00397E;}
.bdrBL dd {width: calc(100% - 180px); border-bottom: 1px solid #999;}
@media screen and (max-width: 600px) {
	.bdrBL dt,.bdrBL dd {width: 100%;}
	.bdrBL dt {padding: 15px 0 10px; border-bottom: 1px dotted #999;}
	.bdrBL dd {padding: 15px 0 15px; border-bottom: 1px solid #00397E;}
}

.pageNav {margin-top: 50px;}
.pageNav li {width: 40px; line-height: 40px; text-align: center; margin: 0 5px 5px; font-size: 14px; color: #FFF;}
.pageNav li .current {display: block; width: 100%; height: 100%; background: #00397E;}
.pageNav li a {display: block; width: 100%; background: #FFF; border: 1px solid #00397E; color: #00397E;}
.pageNav li a.next,.pageNav li a.prev {border: none; width: inherit;}
.paging .next {margin-left: auto;}