@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700|Roboto:100i,400,700&display=swap");
/* common */
* { font-family: 'Roboto', 'Noto Sans JP', sans-serif; }

body { color: #333; }

a:hover { opacity: .8; }

p { line-height: 1.6; }

li { line-height: 1.6; }

em { color: #ff7820; font-style: normal; }

.pc-only { display: block; }

.tab-only { display: none; }

.sp-only { display: none; }

/* .main-visual */
.main-visual { width: 100%; background: #f6f5f1; background-image: url(images/main_visual_bg.png); background-repeat: no-repeat; background-position: calc(50% + 360px) 0; }

.main-visual-inner { width: 1200px; margin: 0 auto; }

/* .sec */
.sec-area-inner { width: 950px; margin: 0 auto; padding: 60px 0; }

.sec-ttl { text-align: center; margin-bottom: 40px; }

.sec-ttl-main { font-size: 60px; color: #ff7820; }

.sec-ttl-main2 { font-size: 40px; color: #ff7820; padding-right: 5px; }

.sec-ttl-sub { font-size: 18px; border-bottom: 2px solid #ff7820; display: inline-block; margin-top: 5px; }

.sec-ttl-sub em { font-size: 24px; color: #ff7820; padding: 0 5px; font-style: normal; }

/* .sec-point */
.sec-point-overview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto 40px; width: 950px; }

.sec-point-overview-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 10px; }

.sec-point-overview-icon li { margin-right: 20px; }

.sec-point-overview-icon img { width: 85px; }

.sec-point-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; padding-top: 15px; }

.sec-point-list li { position: relative; }

.sec-point-list li::before { content: "Point"; position: absolute; color: #f6f5f1; background-color: #ff7820; padding: 0 15px; font-size: 24px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: -15px; font-weight: 100; font-style: italic; }

.sec-point-list figure { background: #f6f5f1; width: 300px; padding: 30px 0; text-align: center; }

.sec-point-list figure img { margin-bottom: 20px; }

/* .sec-grade */
.sec-grade { background: #f6f5f1; }

.sec-grade-cont { width: 770px; margin: 0 auto; }

.sec-grade-cont-figure { text-align: center; margin-bottom: 5px; }

.sec-grade-cont-figure figcaption { text-align: left; }

.sec-grade-cont-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; text-align: center; font-size: 14px; }

.sec-grade-cont-list li:nth-of-type(1) { margin-right: 120px; }

.sec-grade-cont-list li:nth-of-type(2) { margin-right: 160px; }

.sec-grade-cont-list li:last-of-type { font-weight: bold; font-size: 18px; }

/* .sec-bnr */
.sec-bnr { padding: 70px 0; text-align: center; background: url(images/sec-bnr-bg.jpg); background-position: center; }

/* .sec-reason */
.sec-reason-cont-compare { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.sec-reason-cont-compare-box { width: 400px; margin: 0 auto; }

.sec-reason-cont-compare-box img { margin-bottom: 40px; }

.sec-reason-cont-compare-box dl { background: #f6f5f1; padding: 20px; }

.sec-reason-cont-compare-box dt { font-size: 30px; margin-bottom: 40px; text-align: center; font-weight: bold; line-height: 1.1; }

.sec-reason-cont-compare-box dd { margin-bottom: 15px; line-height: 1.5; text-indent: -1rem; margin-left: 1rem; }

.sec-reason-cont-compare-box-check dt span { display: block; font-size: 14px; font-weight: normal; height: 0; }

.sec-reason-cont-compare-box-check dd::before { content: ""; display: inline-block; width: 30px; height: 24px; background: url(images/sec-reason-icon.png); background-size: contain; vertical-align: middle; margin-right: 10px; }

.sec-reason-cont-compare-box-check dd { text-indent: -2.5rem; margin-left: 2.5rem; }

.sec-reason-cont-text { width: 880px; margin: 0 auto; }

/* .sec-column */
.sec-column { background: url(images/sec-column-bg.jpg); }

.sec-column-cont { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; padding: 30px 20px; background: #fff; width: 860px; position: relative; margin: 0 auto; }

.sec-column-cont::before, .sec-column-cont::after { content: ""; display: inline-block; width: 45px; height: 45px; background: url(images/sec-column-icon.png); background-size: contain; vertical-align: middle; position: absolute; top: -35px; }

.sec-column-cont::before { left: -30px; }

.sec-column-cont::after { right: -30px; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }

.sec-column-cont-text { width: 380px; }

.sec-column-cont-text p:not(:last-of-type) { margin-bottom: 20px; }

/* .sec-feature */
.sec-feature-cont { margin: 0 auto 60px; width: 880px; }

.sec-feature-cont-ttl { padding-top: 60px; margin-bottom: 40px; position: relative; }

.sec-feature-cont-ttl h4:before { content: "01"; position: absolute; color: #ff7820; opacity: .4; right: -40px; font-size: 220px; font-weight: bold; bottom: -30px; }

.sec-feature-cont:nth-of-type(odd) { text-align: right; }

.sec-feature-cont:nth-of-type(odd) h4::before { content: "02"; left: 0; right: auto; }

.sec-feature-cont-ttl h4 { background: #ff7820; color: #fff; font-size: 30px; display: inline-block; padding: 5px; margin-bottom: 10px; }

.sec-feature-cont-ttl h4 em { color: #fff; font-size: 35px; }

.sec-feature-cont-ttl p { height: 50px; }

.sec-feature-cont img:not(:last-of-type) { margin-bottom: 40px; }

.sec-feature-cont-list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.sec-feature-cont-list li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; text-align: center; }

.sec-feature-cont-list li span { display: block; font-weight: normal; margin-top: 10px; }

.sec-feature-cont-list li small { font-weight: normal; font-size: 11px; }

/* .sec-fin */
.sec-fin { background-color: #ff7820; background-image: url(images/sec-fin.png); background-repeat: no-repeat; background-position: calc(50% - 300px) 0; margin-left: auto; }

.sec-fin .sec-area-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.sec-fin-catch { font-size: 30px; color: #fff; line-height: 50px; text-align: left; }

.sec-fin-catch span { font-size: 40px; border-bottom: 5px solid #ffd117; color: #fff; }

/* .sec-cv */
.sec-cv { padding: 70px 0; text-align: center; background-position: center; }

.pc-only { display: block; }

.sp-only { display: none; }

/*** tab ***/
@media screen and (min-width: 768px) and (max-width: 1024px) { .pc-only { display: none; }
  .tab-only { display: block; }
  .sp-only { display: none; }
  .main-visual { background: none; }
  .main-visual-inner { width: 98%; }
  .main-visual-inner img { margin: 0 auto; width: 100%; }
  .main-visual-inner img.pc-only { display: none !important; }
  .sec-area-inner { width: 98%; margin: 0 auto; }
  .sec-point-overview { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .sec-point-list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec-point-list li:nth-of-type(-n+3) { margin-bottom: 40px; }
  .sec-grade-cont { width: 100%; }
  .sec-grade-cont-figure img { width: 100%; }
  .sec-grade-cont-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .sec-grade-cont-list li:nth-of-type(1), .sec-grade-cont-list li:nth-of-type(2) { margin-right: 0; }
  .sec-bnr { background-size: cover; }
  .sec-bnr img { width: 90%; }
  .sec-reason-cont-compare-box { width: calc(98% /2); }
  .sec-reason-cont-compare-box img { width: 100%; }
  .sec-reason-cont-text { width: 100%; }
  .sec-column-cont { width: 100%; padding: 30px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .sec-column-cont img { width: 40%; }
  .sec-column-cont-text { width: 55%; }
  .sec-column-cont::before { left: -1vw; }
  .sec-column-cont::after { right: -1vw; }
  .sec-feature-cont { width: 100%; }
  .sec-feature-cont > img { width: 100%; }
  .sec-cv img { width: 90%; } }

/*** sp ***/
@media screen and (max-width: 767px) { .pc-only { display: none; }
  .tab-only { display: none; }
  .sp-only { display: block; }
  .main-visual { background: none; margin-top: 65px; }
  .main-visual-inner { width: 100%; }
  .main-visual-inner img { margin: 0 auto; width: 100%; }
  .sec-area-inner { width: 98%; margin: 0 auto; padding: 40px 0; }
  .sec-ttl-main { font-size: 34px; margin-bottom: 15px; }
  .sec-ttl-sub { font-size: 18px; line-height: 26px; border-bottom: none; }
  .sec-ttl-sub em { font-size: 20px; }
  .sec-ttl-main2 { font-size: 24px; margin-bottom: 15px; }
  .sec-point-overview { width: 100%; display: block; margin: 0 auto; }
  .sec-point-overview img { margin: 0 auto 20px; display: block; }
  .sec-point-list { display: block; }
  .sec-point-list li::before, .sec-point-list li::after { font-size: 20px; height: 26px; }
  .sec-point-list figure { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 5px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .sec-point-list figure img { width: 35%; margin-bottom: 0; margin-right: 10px; }
  .sec-point-list figure figcaption { font-size: 14px; }
  .sec-point-list li:nth-of-type(-n+3) { margin-bottom: 25px; }
  .sec-grade-cont { width: 100%; }
  .sec-grade-cont-figure img { width: 100%; }
  .sec-grade-cont-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 13px; }
  .sec-grade-cont-list li:nth-of-type(1), .sec-grade-cont-list li:nth-of-type(2) { margin-right: 0; }
  .sec-grade-cont-list li:last-of-type { font-size: 15px; }
  .sec-bnr { background-size: cover; padding: 35px 0; }
  .sec-bnr img { width: 90%; }
  .sec-reason-cont-compare { display: block; }
  .sec-reason-cont-compare-box { width: 100%; }
  .sec-reason-cont-compare-box img { width: 80%; display: block; margin: 0 auto 20px; }
  .sec-reason-cont-compare-box dl { padding: 15px 10px; background: #fff; }
  .sec-reason-cont-compare-box dt { margin-bottom: 25px; font-size: 25px; line-height: 1.1; }
  .sec-reason-cont-compare-box dd { margin-bottom: 10px; font-size: 15px; }
  .sec-reason-cont-compare-box-check dt span { height: auto; }
  .sec-reason-cont-text { width: 100%; }
  .sec-column-cont { width: 100%; padding: 30px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: block; background: #FFFC; }
  .sec-column-cont::before, .sec-column-cont::after { width: 35px; height: 35px; top: -20px; }
  .sec-column-cont img { width: 60%; display: block; margin: 0 auto 20px; }
  .sec-column-cont-text { width: 98%; margin: auto; }
  .sec-column-cont::before { left: -1vw; }
  .sec-column-cont::after { right: -1vw; }
  .sec-feature-cont { width: 100%; }
  .sec-feature-cont:nth-of-type(odd) { text-align: left; }
  .sec-feature-cont-ttl { padding-top: 30px; }
  .sec-feature-cont-ttl h4 { font-size: 20px; line-height: 25px; width: 100%; position: relative; }
  .sec-feature-cont-ttl h4 em { font-size: 20px; }
  .sec-feature-cont-ttl h4:before { font-size: 80px; right: 0; top: -40px; bottom: auto; }
  .sec-feature-cont:nth-of-type(odd) h4::before { right: 0; left: auto; }
  .sec-feature-cont > img { width: 100%; }
  .sec-feature-cont-list { display: block; }
  .sec-feature-cont-list li { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .sec-feature-cont-list li:not(:last-of-type) { margin-bottom: 20px; }
  .sec-feature-cont-list li img { max-width: 100px; }
  .sec-feature-cont-list li > div { width: 100%; }
  .sec-feature-cont-list li span { margin-top: 0; }
  .sec-feature-cont-list li small { font-size: 10px; }
  .sec-fin { text-shadow: 1px 1px 0 #ff7820, -1px -1px 0 #ff7820, -1px 1px 0 #ff7820, 1px -1px 0 #ff7820, 0px 1px 0 #ff7820, -1px 0 #ff7820, -1px 0 0 #ff7820, 1px 0 0 #ff7820; }
  .sec-fin-catch { font-size: 20px; line-height: 40px; }
  .sec-fin-catch span { font-size: 25px; }
  .sec-cv img { width: 90%; } }
/*# sourceMappingURL=style.css.map */