@charset "utf-8";

/* コンテンツ
*****************************************************/
/* html, body { font-family : "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","メイリオ", "Meiryo", "verdana", sans-serif; border: 0; margin: 0; outline: 0; padding: 0; font-weight: 500;} */
.wrapper *,
.wrapper *:before,
.wrapper *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
address, caption, cite, code, dfn, var, h1, h2, h3, h4, h5, h6 { margin-bottom: 0; margin-top: 0; line-height: 100%;}
ul, ol { margin: 0; margin-left: 0; padding: 0; }
li { margin-bottom: 0; }
p { margin: 0; }
table { border: none; margin: 0; }
th, td { border: none; }
small {font-size: inherit}
figure  {margin: 0}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.wrapper a { text-decoration: none; }
.wrapper a:hover { opacity: 0.7; }

.cfix { clear: both; overflow: hidden; display: block; }

*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}
img { height: auto; max-width: 100%; }
.clearfix { clear: both; display: block; overflow: hidden; }
.bg-img { background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
.tbl { display: table; width: 100%; height: 100%; }
.tbl-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.spDisp_lp { display: none; }
.img-center { margin: 0 auto; text-align: center; }
.txt-center { text-align: center; }
.sec-cost-tbl .fee { color: #D73563;}
.yellow { color: #FFFF00; font-weight: 700; }
.padbot40 { padding-bottom: 40px; }
.sp-only { display: none; }
.cfix { clear: both; display: block; overflow: visible; }
.clearfix:before, .clearfix:after { content:""; display: table; clear: both; }
.clearfix {clear: both; overflow: hidden;}
.kerning {
  font-feature-settings: "palt" 1;
}

.koseikai {background: #ecf3f8}
.prp_hip--main {max-width: 1200px;width: 100%;margin: 0 auto;background: #fff;}
.wrapper {max-width: 1000px;width: 100%;margin: 0 auto;padding: 50px 0;}
.p_banner__img img.spnone {
  left: 50%;
  margin: 0 auto;
  max-width: 100%;
  min-height: 550px;
  min-width: 1920px;
  position: relative;
  text-align: center;
  transform: translateX(-50%);
}
.hip--sec01 {padding: 40px 0 40px 439px;position: relative;min-height: 450px;margin: 0 0 44px;}
.hip--sec01 h2 {font-size: 32px;margin-bottom: 36px;color: #0085ce;font-weight: 600;}
.hip--sec01 h2 span {display: block;margin: 16px 0 0;}
.hip--sec01 figure {position: absolute;margin: 0;top: 0;left: 0;width: 100%;max-width: 400px;}
.hip--sec01 figure small{font-size: 11px;padding: 11px 0;display: block;line-height: 14px;color: #575757;}
.hip--sec01 p {font-size: 16px;line-height: 37px;margin: 0 0 11px;}
.hip--sec01 .p2 {text-align: right;color: #555;}

.hip--sec02 {background: #f2f9fd; margin: 0 0 69px;}
.hip--sec02 ul {display: flex;justify-content: space-between;padding: 30px 30px;}
.hip--sec02 ul li{width: 217px;position: relative;}
.hip--sec02 ul li:last-child:after {display: none}
.hip--sec02 ul li:after {content:url(images/small_arrow.png);position: absolute;top: 56%;right: -20px;}
.hip--sec02 ul li h3{color: #0085CE;font-size: 18px;font-weight: bold;border-bottom: 1px solid #0085CE;padding: 0 0 3px 0; line-height: 1.2;}
.hip--sec02 ul li h3 small{display: inline-block;text-align: center;width: 34px;color: #fff;background: #0085CE;font-size: 10px;vertical-align: bottom;padding: 2px 3px 1px;margin-right: 5px;position: relative;top: 3px;line-height: 1.1;}
.hip--sec02 ul li h3 small q {font-size: 14px;background: none;}
.hip--sec02 ul li figure{margin: 10px 0 0;}

.hip--sec03 {text-align: center;margin: 0 0 30px;}
.hip--sec03 ul{text-align: center;display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: center; width: 668px; margin: 0 auto;}
.hip--sec03 ul li {display: inline-block;margin: 0 7px 30px;width: 320px;}
.hip--sec03 ul li figure{}
.hip--sec03 ul li figure img{border:1px solid #D6D6D6;border-bottom: none;}
.hip--sec03 ul li h3{background: #0085ce;color: #fff;font-weight: bold;font-size: 18px;padding: 12px;text-align: left;display: flex;}

.hip--sec03 ul li h3 small::before, .hip--sec03 ul li h3 span::before{content: '';background: url(images/sec03_arrow.png) no-repeat;position: absolute;left: -31px;top: 0;width: 20px; height: 21px;}
.hip--sec03 ul li h3 small{display: block;position: relative;}
.hip--sec03 ul li h3 span{display: block;margin: 11px 0 0;position: relative;}
.hip--sec03 ul li i{width: max-content; margin: 0 auto;font-style: normal;}


.hip--sec04 {margin: 0 0 49px;}
.hip--sec04 .c_tl-ttl {margin-bottom: 36px;}
.sec04__text{text-align: center;margin-bottom: 29px;}
.hip--sec04 ul {display: flex;justify-content: space-between;}
.hip--sec04 ul li {width: 480px;background: #FFE6C9;text-align: center;}
.hip--sec04 ul li:first-child  {background: #e6f3fa;}
.hip--sec04 ul li:first-child h2 {color: #000;}
.hip--sec04 ul li:first-child h3 {background: #0085CE;color: #fff;}
.hip--sec04 ul li figure {padding: 20px 50px 40px;position: relative;}
.hip--sec04 ul li figure img {width: 380px;}
.hip--sec04 ul li a:hover{opacity: 0.8;}


.sec04__btn { position: relative; display: inline-block; border-radius: 25px; background-color: white; color: #db5969; font-size: 18px; width: 150px; line-height: 40px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px;letter-spacing: -0.1rem; padding-left: 7px; font-weight: bold;}
.sec04__btn::before { content: ""; position: absolute; left: 21px; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; background-image: url(images/sec04__btn_before.png); background-repeat: no-repeat; background-position: center; }
.sec04__btn:hover { opacity: 0.8; color: #db5969;transition: all 0.3s ease-in-out;}

.hip--sec04 ul li:nth-child(1) h3 small{color:#0085CE}
.hip--sec04 ul li:nth-child(2) h3 small{color:#DB5968}
.hip--sec04 ul li h3 small{width: 100px;line-height: 50px;background-color: #fff;font-size: 24px;display: inline-block;vertical-align: middle;letter-spacing: -0.15rem; margin-right: 1px;}

.hip--sec04 ul li figure span{position: absolute; left: 20px; top: 41px;width: 100px;height: 100px;}
.hip--sec04 ul li h3 {background: #FFA8AA;color: #fff;font-size: 24px;font-weight: bold;padding: 5px;display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;height: 61px;}
.hip--sec04 ul li h3 span{/*line-height: 50px;*/display: inline-block; vertical-align: middle;}
.hip--sec04 ul li p {text-align: left;margin: 18px 0 0;line-height: 23px;}
.hip--sec04 ul li h2 {font-size: 24px;font-weight: bold;margin: 0 0 27px;color: #db5968;}

.sec04__left{}

.hip--sec05 {}
.hip--sec05 ul{padding: 0 50px;}
.hip--sec05 ul li{display: flex;justify-content: space-between;margin: 0 0 30px;}
.hip--sec05 ul li figure{width: 355px;}
.hip--sec05 ul li .inner {width: 505px;}
.hip--sec05 ul li .inner h3{font-size: 24px;font-weight: bold;color: #0085ce;position: relative;border-bottom: 1px solid #0085ce;padding: 9px 0 7px 48px;margin: 0 0 20px;}
.hip--sec05 ul li:nth-child(2) .inner h3:before {content:'2'}
.hip--sec05 ul li:nth-child(3) .inner h3:before {content:'3'}
.hip--sec05 ul li:nth-child(4) .inner h3:before {content:'4'}
.hip--sec05 ul li:nth-child(5) .inner h3:before {content:'5'}
.hip--sec05 ul li .inner h3:before {content:'1';position: absolute;top: 0;left: 0;width: 40px;height: 40px;background: #0085ce;color: #fff;text-align: center;line-height: 41px;}
.hip--sec05 ul li .inner p{font-size: 18px;line-height: 36px;}
.hip--sec05 .sec05_thumb{margin: 49px auto 70px;text-align: center; width: 900px;}
.hip--sec05 .sec05_thumb img {margin: 0 auto;}

.hip--sec06 {}
.hip--sec06 .inner{}
.hip--sec06 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.hip--sec06 ul li{width: 235px;display: inline-block;position: relative;}
.hip--sec06 ul li:last-child:after {display: none}
.hip--sec06 ul li:after {content: url(images/small_arrow.png);position: absolute;top: 28%;right: -17px;}
.hip--sec06 ul .child2 h3:before,
.box-white__ttl.two:before {content: '2'}
.hip--sec06 ul .child3 h3:before,
.box-white__ttl.three:before {content: '3'}
.hip--sec06 ul .child4 h3:before,
.box-white__ttl.four:before {content: '4'}
.hip--sec06 ul .child5 h3:before,
.box-white__ttl.five:before {content: '5'}
.hip--sec06 ul li p{line-height: 24px;}
.owl-nav {position: absolute;top: 42%;left: 0;right: 0;}
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {opacity: .6}
.owl-nav .owl-prev{font-size: 0;background: url(images/arrowleft.png) no-repeat center;width: 60px;height: 60px;position: absolute;left: -30px;}
.owl-nav .owl-next{font-size: 0;background: url(images/arrowright.png) no-repeat center;width: 60px;height: 60px;position: absolute;left: unset; right: -30px;}
.hip--sec06 ul li h3,
.box-white__ttl {font-size: 21px;font-weight: bold;color: #0085ce;position: relative;border-bottom: 2px solid #0085ce;padding: 5px 0 4px 37px;margin: 20px 0 14px;}
.hip--sec06 ul li h3:before,
.box-white__ttl:before {content:'1';position: absolute;top: 0;left: 0;width: 30px;height: 30px;background: #0085ce;color: #fff;text-align: center;line-height: 32px; font-size: 17px;}

.hip--sec07 {background-color: #E8E8E8; padding:30px;margin: 40px 0 70px;}
.hip--sec07 h3 {font-size: 24px; font-weight: 600; text-align: center; margin-bottom: 25px;}
.prp-table{background-color: #fff; width: 100%; margin-top: 20px; border-collapse: collapse; }
.prp-table tbody {}
.prp-table tr:nth-child(3) td:nth-child(1) {/*! letter-spacing: 15px; */}
.prp-table tr{/* border-bottom:1px dashed #AAA; */ border-left: 20px solid #FFF; border-right: 20px solid #FFF; position: relative; background-image: linear-gradient(to right, #aaa, #aaa 2px, transparent 2px, transparent 6px);
  background-size: 6px 2px;
  background-position: left bottom;
  background-repeat: repeat-x;}
/*.prp-table tr:after { background: url('images/p_sec05__bd.png') repeat-x left top; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; width: 100%; }*/
.prp-table tr:last-child:after { background: none; }
.prp-table tr:last-child{background-image:none;}
.prp-table tr td.td_top{padding-top: 30px;}
.prp-table tr td.td_bottom{padding: 18px 8px 30px;}
.prp-table tr td.ptd{letter-spacing: 0;}
.prp-table td{padding:18px 10px; vertical-align: top;}
.prp-table td:nth-child(1){font-weight: 600;  text-align:center; line-height: 1.25;max-width: 100%;width: 190px;}
.prp-table td:last-child{padding-left:0; line-height: 1.3;}
.effects-box h3{font-size: 24px; font-weight: 600; text-align:center;}
.list-contra{list-style-type: "・"; padding-left: 10px;}
.list-contra li {margin: 0 0 5px;}

.hip--sec08 {  }
.hip-table {background: rgba(70,135,189,.05);padding: 18px 0;margin-bottom: 60px; }
.sec-cost-tbl { width: 100%; font-size: 20px; text-align: center; background: #fff;  max-width: 900px;margin: 0 auto;}
.sec-cost-tbl tr th, .sec-cost-tbl tr td { border: 1px solid #D2D2D2; vertical-align: middle; padding: 12px 10px; font-weight: bold;padding: 14px 10px;}
.sec-cost-tbl tr th { background: #0085ce; color: #fff; text-align: center; padding: 12px 10px;}
.sec-cost-tbl tr th:nth-child(2) { width: 40%; }
.sec-cost-tbl tr th:nth-child(2) { width: 40%; }
.sec-cost-tbl tr:nth-child(odd) td {  }
.sec-cost-boxlow { border: 20px solid #C7DBEB; padding: 38px 35px 40px 30px; font-weight: bold;}
.sec-cost-ttl { font-size: 28px; font-weight: bold; color: #2E70A7; line-height: 1.2; margin-bottom: 45px; text-align: center; }
.sec-cost-boxlow img { display: inline-block; vertical-align: top; margin-right: 25px; }
.sec-cost-boxlow p { display: inline-block; vertical-align: top; width: calc(100% - 366px); }
.sec-cost-pd { padding: 5px 10px !important; line-height: 1.3; }

.hip--sec09 {}
.dl-qa { margin: 0 auto 10px; max-width: 100%; padding: 0 50px;}
.dl-qa dt {   background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(249,249,249,1) 46%, rgba(240,240,240,1) 51%, rgba(247,247,247,1) 100%); border: #d6d6d6 1px solid; font-size: 20px; line-height: 40px; margin-top: 10px; padding: 15px 20px; }
.dl-qa dt div { background: url('images/icon-q.jpg') no-repeat; font-weight: 700; min-height: 50px; padding-left: 70px; line-height: 50px; }
.dl-qa dd { background:url('images/icon-a.jpg') no-repeat #FFF; font-size: 18px; background-position: 20px 15px; border: #d6d6d6 1px solid; border-top:none; padding: 20px 70px 20px 90px;line-height: 1.8; }
.accT { position: relative; cursor: pointer; }
.accT:after { content: url('images/icon-open.png'); position: absolute; right: 20px; top: 20px; }
.accT.open:after { content: url('images/icon-close.png'); }

.c_tl-ttl { font-size: 0; line-height: 1; color: var(--dark); text-align: center; display: block; border-top: 3px solid #0085ce; border-bottom: 1px solid #0085ce; margin-bottom: 40px; padding-bottom: 12px; }
.c_tl-ttl span { font-size: 28px; font-weight: bold; line-height: 1.3; display: block; letter-spacing: 0.17rem; }
.c_tl-ttl .uppertxt { font-size: 16px; font-weight: bold; color: #fff; display: inline-block; min-width: 174px; line-height: 25px; letter-spacing: 0.1rem; background-color: #0085ce; border-radius: 0 0 5px 5px; margin-bottom: 10px; }
.c_tl-ttl .light_txt { color: #0085ce; }
.c_hlight_txt { font-weight: bold; color: var(--primary);  }

.sliderwrap { background-color: #f1f9fc; padding: 20px 50px; }
.slider { background-color: #FFF; padding: 20px 20px 0; }
  .slider .box-slide:first-child { padding-left: 0; padding-right: 20px; }
  .box-slide { position: relative; }
  .box-slide p { letter-spacing: -0.05rem; }
  .box-slide:after { content: url('images/small_arrow.png'); position: absolute; right: 3px; top: 61px; }
  .box-white { background-color: #FFF; min-height: 130px; padding: 0 0 20px; }
  .slick-slide { margin: 0 auto; width: 255px; }
  .slick-dots li button { color: #C9C9C9; }
  .slick-dots li button:before { color: #C9C9C9; font-size: 12px; }
  .slick-dots li button:hover:before,
  .slick-dots li button:focus:before { color: #006FB9; }
  .slick-dots li.slick-active button:before { color: #006FB9; }
  .slick-dots li button:before, .slick-dots li.slick-active button:before { opacity: 1; }
  .slick-prev:before { content: url('images/icon-prev.png'); }
  .slick-next:before { content: url('images/icon-next.png'); }
  .slick-prev, .slick-next { height: 60px; width: 60px; opacity: 1; z-index: 9; }
  .slick-prev:before, .slick-next:before { opacity: 1; }
  .slick-prev:hover, .slick-next:hover { opacity: 0.7; }
  .slick-prev { left: -30px; }
  .slick-next { right: -30px; }

.spnone {}
.pcnone {display: none}
.spbr {display: none}

@media only screen
and (max-width : 1000px) {
  .hip--sec06 ul {max-width: 600px; margin: 0 auto;}
  .hip--sec06 ul li {margin: 10px;}
}

@media only screen
and (max-width : 800px) {
  .spnone {display: none}
  .pcnone {display: block}
  .spbr {display: block}
  .breadcrumbs {padding: 1em 15px }
  .c_tl-ttl .uppertxt {font-size: 13px; letter-spacing: 0.1rem; min-width: 0; padding: 0 10px; line-height: 1.5; margin-bottom: 3px;}
  .c_tl-ttl span {font-size: 21px; letter-spacing: 0.1rem; line-height: 1.5;}
  .c_tl-ttl {margin-bottom: 30px; padding-bottom: 3px;}

  .p_banner__img img {margin: 0 auto;}
  .wrapper {padding: 0 17px 30px;background: #FFF;}
  .prp_hip--main {}
  .hip--sec01 {padding: 30px 0 20px; margin: 0;}
  .hip--sec01 h2 {font-size: 21px;text-align: center; margin-bottom: 25px;}
  .hip--sec01 h2 span {margin: 12px 0 0;}
  .hip--sec01 figure {position: static;margin: 0 auto;}
  .hip--sec01 .p2 {font-size: 10px; margin-bottom: 20px;margin-top: 7px;}
  .hip--sec01 p {line-height: 1.7; font-size: 16px; margin-bottom: 0;text-align: center;}

  .hip--sec02 {margin: 0 auto 30px; width: 100%;}
  .hip--sec02 ul {display: block; text-align: center; padding: 20px 15px 30px;}
  .hip--sec02 ul li {display: block; text-align: left; max-width: 311px; width: 100%; margin: 0 auto 35px;}
  .hip--sec02 ul li:last-child {margin-bottom: 0}
  .hip--sec02 ul li figure {margin: 10px auto 0; text-align: center; width: 57%;}
  .hip--sec02 ul li::after {content: url(images/small_arrow_sp.png); top: unset; bottom: -35px; left: 0; right: 0; text-align: center; /*transform: rotate(90deg);*/}

  .hip--sec04 ul {margin: 0 -20px;}
  .hip--sec04 ul li figure {padding: 16px;}
  .hip--sec04 ul li h2 {font-size: 19px; margin: 0 0 15px;}
  .hip--sec04 ul li h3 {font-size: 18px; padding: 5px; line-height: 1.3;}
  .hip--sec04 {margin: 0 0 31px;}
  .hip--sec04 ul li p {font-size: 15px;}

  .hip--sec05 ul {padding: 0;}
  .hip--sec05 ul li {display: block; max-width: 505px; width: 100%; margin: 0 auto 30px;}
  .hip--sec05 ul li .inner {width: 100%;}
  .hip--sec05 ul li figure {float: right; width: 266px;}
  .hip--sec05 ul li .inner h3 {border-top: 1px solid #0085ce; border-bottom: none; padding: 20px 0 10px; font-size: 21px;margin-bottom: 10px;}
  .hip--sec05 ul li .inner h3::before {top: -60%; width: 30px; height: 30px; line-height: 32px; font-size: 18px;}
  .hip--sec05 ul li .inner p {line-height: 28px; font-size: 16px; letter-spacing: -0.01rem;}
  .hip--sec05 ul li:last-child {margin-bottom: 0}

  .hip--sec05 .sec05_thumb {margin: 30px auto; width: 100%;}

  .hip--sec07 {padding: 20px 10px; margin: 30px -10px 30px;}
  .hip--sec07 h3{font-size: 18px;}
  .prp-table{margin-top: 15px;font-size: 13px;}
  .prp-table tr{border-left: 5px solid #FFF; border-right: 5px solid #FFF;}
  .prp-table td{font-size:13px; padding: 12px;width:100%}
  .prp-table td:nth-child(1){font-size: 13px; padding: 13px 0px;width: 200px;}
  .prp-table td:last-child{padding-left: 3px; padding-right: 0; line-height: 1.5;}
  .list-contra{padding-left: 10px;}
  .list-contra li {margin: 0;}
  .prp-table tbody {display: block;}
  .prp-table td:nth-child(1) {display: block; padding: 13px 0;}
  .prp-table tr td.td_top{padding-top: 15px;}
  .prp-table tr td.td_bottom{padding-bottom: 15px;}

  /* .hip-table {background: #f2f9fd; margin: 0 -10px 30px; padding: 10px;} */
  .sec-cost-tbl {font-size: 15px;}
  .hip--sec08 .c_tl-ttl {margin-bottom: 20px;}
  .sec-cost-tbl tr th, .sec-cost-tbl tr td {line-height: 2;}

  .dl-qa { width: 100%; padding: 0; margin-bottom: 0;}
  .dl-qa dt{ font-size: 18px; line-height: 1.5; padding: 9px 35px 13px 10px;background-color: #fafafa; }
  .dl-qa dt div { background-image: url('images/icon-q-sp.jpg'); min-height: 30px; padding-left: 40px; padding-top: 4px; line-height: 1.2; }
  .dl-qa dd { background-image: url('images/icon-a-sp.jpg'); background-position: 10px 9px; font-size: 16px; padding: 10px 25px 10px 50px; line-height: 1.5; }
  .accT:after { content: url('images/icon-open-sp.png'); right: 10px; top: 13px; width: auto; height: auto; }
  .accT.open:after { content: url('images/icon-close-sp.png'); }
}

@media only screen
and (max-width : 736px) {
  .slider { padding: 0 10px 0; }
  .slider .box-slide:first-child { padding-right: 0; }
  .box-slide:after { content: ''; }
  .box-white { display: flex; flex-wrap: wrap; justify-content: space-between; min-height: 0; padding-bottom: 10px; }
    .box-white.last { padding-bottom: 0; }
    .box-white__ttl { border-width: 1px; font-size: 18px; margin-bottom: 20px; padding-bottom: 7px; margin-top: 8px; }
    .box-white .img img { width: 120px; }
    .box-white p { text-align: left; width: calc(100% - 130px); }
    .box-slide p {letter-spacing: 0.05rem; margin-top: -4px;}
    .hip--sec07 h3 {
      margin-bottom: 20px;
  }
}

@media only screen
and (max-width : 600px) {
.hip--sec01 p{text-align: left;}

.hip--sec03 { margin-bottom: 18px; }
.hip--sec03 ul { text-align: center; width: 100%; }
.hip--sec03 ul li { display: flex; width: 336px; margin: 0 auto 10px !important; }
.hip--sec03 ul li figure { width: 47.5%; }
.hip--sec03 ul li h3 { display: block; padding: 27px 9px 25px 40px; width: 52.5%; text-align: left; font-size: 18px; }
.hip--sec03 ul li h3 small::before, .hip--sec03 ul li h3 span::before { top: 0; left: -30px; }
.hip--sec03 ul li h3 span { margin: 12px 0 0; }
.hip--sec03 .c_tl-ttl { margin-bottom: 31px; }
.hip--sec03 ul li figure img { border-right: none; border-bottom: 1px solid #d6d6d6; }


  .sec04__text { text-align: left; line-height: 27px; }
  .hip--sec04 .c_tl-ttl { margin-bottom: 25px; }
  .hip--sec04 ul li { width: 100%; }
  .hip--sec04 ul { flex-wrap: wrap; }
  .hip--sec04 ul li figure span { left: 12px; top: 20px; width: 75px; height: 75px; }
  .hip--sec04 ul li figure { padding: 20px 23px; }
  .hip--sec04 ul li h2 { font-size: 21px; margin: 0 0 18px; }
  .hip--sec04 ul li h3 small { width: 80px; line-height: 40px; font-size: 18px; }
  .hip--sec04 ul li:first-child h3 span {font-size: 21px;}
  .hip--sec04 ul li h3 span { line-height: 100%; font-size: 24px; }
  .hip--sec04 ul li h3 { padding: 5px 22px;height: auto;}
  .hip--sec04 ul li:first-child { margin-bottom: 33px; }
  .sec04__btn { display: block; }
  .sec04__btn { width: 100%; line-height: 30px; margin-top: 9px; font-size: 15px; }
  .sec04__btn::before { left: -80px; right: 0; margin: 0 auto;}

  .hip--sec04 ul li h3 { flex-wrap: wrap; }
  .hip--sec04 ul li p {min-height: 161px;}

  .prp-table td:nth-child(1) { width: auto; margin-left: 5px; }
  .prp-table td:last-child { width: 77%; }
  .prp-table td { padding: 10px; } 

  .hip--sec06 ul {padding: 0 15px;}
  .hip--sec06 ul li {display: flex; width: 100%; margin: 10px auto; padding: 53px 0 0; justify-content: space-between;}
  .hip--sec06 ul li figure {width: 120px;}
  .hip--sec04 ul li:nth-child(2) h2{font-size: 24px;}
  .hip--sec04 ul li:nth-child(2) h3{font-size: 24px;padding: 5px 22px 10px;}
  .hip--sec06 ul li h3 {position: absolute; top: 0; left: 0; margin: 0; width: 100%;}
  .hip--sec06 ul li::after {display: none}
  .hip--sec06 ul li p {width: 58%;}
}

@media screen and (max-width:320px) {
  .prp-table td { font-size: 11px; }
  .dl-qa dt div { font-size: 15px; }
  .hip--sec07 h3 { font-size: 16px; }
  .hip--sec01 p { font-size: 14px; }
  .hip--sec01 figure small{font-size: 9px; }
  .hip--sec03 ul li h3 { font-size: 14px; }
  .sec04__text { font-size: 13px; }
  .prp-table td:nth-child(1) { margin-left: 0; }
  .hip--sec04 ul li:first-child h3 span { font-size: 17px; }
  .hip--sec04 ul li h3 span { font-size: 21px; }
  .prp-table tr td.td_bottom{padding: 18px 5px 30px; }
}