@charset "UTF-8";

* {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: inherit;font-size: 100%;font-family:'Meiryo','CI',
'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN','Osaka',sans-serif;vertical-align: baseline;}
.mincho {font-family: "Noto Serif JP", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.clearfix {clear: both;}
p {color: #333;font-size: 20px;line-height: 2em;}
a:link,a:visited {color: #333;text-decoration: none;/*font-size: 14px;*/}
a:hover{color: #555;text-decoration:underline;}
strong {font-weight: bold;}
h1,h2,h3,h4,h5,h6,ul,ol,table {clear: both;}
ul {list-style: none;}
img {max-width:100%;}
.sp,.sp_block {display:none !important;}
/*default*/
.sitewide {width: 1024px;margin: auto;}
html{-webkit-scroll-behavior:smooth;scroll-behavior:smooth;}
/*nav*/
.header {position: fixed;width: 100%;z-index: 999;}
.web_nav {height: auto/*83px*/;background: #fff/*linear-gradient(#17344F, #132435)*/;}
nav li {display: inline-block;line-height: 1.8em;margin-right: 2em;}
/*nav a,nav a:link,nav a:visited {color: #fff;}*/
.web_nav .sitewide {display: flex;align-items: flex-start;}
.web_nav nav, .web_nav h1 {display: inline-block;width: 70%;}
.web_nav nav {margin-top: 2em;}
.web_nav h1 {float: right;width: 30%;height: auto;background-color: #fff;padding: 5px;margin-top: 5px;}
.web_nav .custom {width: 30%;}
.web_nav .custom h1 {width: 100%;}
/*contents*/
.container {padding-top: 83px;}
[class*="lp_style-"] {padding-top: 90px;}
/*footer*/
.footer {box-shadow: 0 0 3px #000;padding:1.5em 1em;margin-top: 2px;background: #0068B7;}
footer a:link, footer a:visited, footer p {color: #fff;}
.bottom_logo {text-align: center;}
a.pagetop {position: fixed;bottom: 90px;right: 60px;display: none;}
a.pagetop.show {display: block;}
.pagetop span {display: table-cell;border-radius: 50%;background: #4CCAF7;width: 80px;height: 80px;text-align: center;line-height: 1.2em;font-size: 16px;color: #fff !important;vertical-align: middle;}

.fade2{position: absolute;top: 30%;left: 0;right: 0;text-align: center;font-size: 80px;font-weight: bold;animation-name: fadein;animation-duration: 6s;}
@keyframes fadein {from {opacity: 0;transform: translateY(30px);}
to {opacity: 1;transform: translateY(0);}}
.video_area {position: relative;font-size: 0;}
.video_area .h1 {position: absolute;top: 30%;left: 0;right: 0;text-align: center;font-size: 80px;font-weight: bold;}
.video_area ul {position: absolute;bottom: 0;left: 0;right: 0;width: 100%;text-align: center;margin: auto;}
.video_area li {display: inline-block;font-size: 30px;padding: 20px;}
.filter {background: rgba(0,204,255,0.4);height: 100%;width: 100%;position: absolute;top: 0;}

table {width: 80%;border-collapse: collapse;border-spacing: 0;margin: 30px auto;}
th,td {line-height: 2.6em;border: 1px solid #D7D7D7;padding: 0 5px;font-size: 18px;}
th {text-align: center;background: #E9E9E9;font-weight: bold;}
td table {width: calc(100% - 4px);margin: 4px 0;}

.fade1{font-size: 20px;font-weight: bold;animation-name: fadein;animation-duration: 6s;}
@keyframes fadein {from {opacity: 0;transform: translateY(30px);}

to {opacity: 1;transform: translateY(0);}}
.line {  border-bottom: solid 3px #ffc778;
  position: relative;}
.line:after {  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px skyblue;
  bottom: -3px;
  width: 50%;}
.img_2way {font-size: 0;text-align: center;}
.img_2way img {width: 40%;padding: 2%;}
.q,
.a {position: relative;padding-left: 45px;}
.q {margin-top: 2em;}
.q:before,
.a:before {content: "";background-image: url(/images/stories/kensin/q.png);background-size: 100% 100%;background-repeat: no-repeat;display: inline-block;width: 35px;height: 29px;position: absolute;left: 0;top: 3px;}
.a:before {background-image: url(/images/stories/kensin/a.png);}
.txt_h3 {font-size: 26px;font-weight: bold;}
.txt_h3_under {margin-left: 1em;text-indent: -1em;}
.txt_h3_under b{font-weight: bold;}
.botton.set2 {text-align: right;}
.botton a {text-decoration: none;border: 1px solid #aaa;padding: 5px 20px 2px;position: relative;padding-left: 43px;font-size: 18px;}
.botton a:hover {background-color: #D7D7D7;}
.botton a:before {background-image: url(/images/banners/TOP_arrow_green.svg);content: "";display: inline-block;width: 16px;height: 16px;background-size: 100% 100%;position: absolute;left: 18px;top: 0;bottom: 0;margin: auto;}
span.h15 {height: 15px;display: block;clear: both;}
.line b {text-align: center;font-size: 34px;font-weight: bold;display: block;}

ul.ul_arw li {background: url(../images/li_bg.png) no-repeat;background-position: 9px 5px;padding: 0 0 0 22px;margin: .05em;font-size: initial;}
.div_inner {font-size: initial;}
/*em*/
.em-inner {display: flex;flex-wrap: wrap;max-width: 1024px;justify-content: space-between;align-items: center;}
.em-inner div {width: 62%;padding-left: 3%;margin-bottom: 5%;}
.em-inner .w35 {width: 35%;position: relative;padding-left: 0;}
.em-inner h2 {position: absolute;bottom: 0.1em;text-align: right;width: 100%;font-size: 4.2em;line-height: 0.6em;border-bottom: 0.1em solid #002060;}
.em-inner h2 span {font-size: 1.4em;}
.em-inner.img4 {margin-bottom: 4em;}
.em-inner.img4 img {width: calc(100% /4);}
.em-inner div.txt.left {padding: 0 3% 0 0;}
.em-inner .right h2 {text-align: left;}
.em-inner.img2 img {width: 49%;margin-bottom: 6em;}
.em-inner ul {width: calc(100% / 3);}
.em-inner ul li {font-size: 20px;line-height: 20px;display: flex;justify-content: space-between;align-items: center;}
.em-inner .img1.right img {width: 100%;margin: auto;display: block;}
.em-inner ul li img {width: 7em;}
footer{  background: #002060;padding: 2em 1.5%;}
footer p,
footer a:link,
footer a:visited {color: #fff;text-align: left;}
.pagetop span {background: #002060;}
#lp2d,#lp3d {margin-top: -10em;padding-top: 10em;}
.lp_style-3 .em-inner ul {width: 75%;}
.er1 {line-height: 35px;}
ul.example li {margin-bottom: 1px;}
.non_txt{margin-top:10px;}

@media screen and (max-width: 1023px) {}
@media screen and (max-width: 900px) {.container {padding: 3vw;}
  .item-page {width: 100%;}
  .web_nav h1 {width: 45.6vw;padding: 1.5vw 3vw 0 0;margin-top: 0;}
}
@media screen and (max-width: 640px) {
  .sp {display:inline-block !important;}
  .sp_block {display:block !important;}
  .pc {display:none !important;}
  * {font-size: 3vw;}
  .sitewide {width:100%;}
  /*nav*/
  .web_nav {height: 16vw;}
  .web_nav h1 {width: 70%;margin-top: 1vw;padding: 1vw 3.5vw;}
  nav li {margin-left: 3vw;line-height: 12vw;}
  /*contents*/
  [class*="lp_style-"] {padding: 14vw 3vw 0;}
  /*footer*/
  a.pagetop {bottom: 10vw;right: 3vw;}

  .video_area {font-size: 0;}
  .fade2 img {width: 40%;height: auto;margin-top: 5vw;}
  p {font-size: 3.4vw;text-align: left !important;}
  img {height: auto;}
  table {width: 100%;}
  th,td {font-size: 3vw;}
  .botton a {font-size: 3.4vw;}
  table.highcost.set1 th:nth-child(3) {width: 33%;}
  .em-inner .w35, .em-inner div {width: 100%;padding: 0;margin: 0 auto 6vw;}
  .web_nav nav {display: none;}
  .em-inner h2 {position: static;}
  .em-inner .w35 {order: -1;padding-top: 2em;}
  .em-inner *,
  .em-inner p,
  .em-inner ul li span,
  .em-inner ul li {font-size: 4vw;}
  .em-inner {justify-content: left;}
  .em-inner ul {width: calc(100% /2);margin: 0 0 6vw;}
  .lp_style-3 .em-inner ul {width: 100%;}
  .botton a {display: block;text-align: center;width: 20em;padding: 0.3em 1em;margin: 1em auto 4em;}
  .em-inner div.txt.left {padding: 0;}
  .line b,.txt_h3 {font-size: 6vw;}
}
@media screen and (max-width: 320px) {
  nav li {margin-left: 2.7vw;}
}
@media print { 
 /* All your print styles go here */
 header, nav, #sidebar,footer { display: none !important; } 
 .Component,.item-page {width:95% !important;padding: 20px !important;margin: 0 !important;}
}


.cp_hr06 {
	position: relative;
	height: 3px;
	border-width: 0;
	background-image: -webkit-linear-gradient(left,
	transparent 0%,#9E934B 50%,transparent 100%);
	background-image:         linear-gradient(90deg,
	transparent 0%,#9E934B 50%,transparent 100%);
}