@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,d,footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video { margin:0; padding:0; border:0; outline:0; vertical-align:bottom; background:transparent;}
body { line-height:1; -webkit-text-size-adjust: 100%;}
ul li { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}

a { margin:0; padding:0; color: #666; text-decoration: none; vertical-align:baseline;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
table { border-collapse:collapse; border-spacing:0;}
hr { display:block; height:1px; border:0;  border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select { vertical-align:middle;}
/* ===================================================================================
  resetここまで
=================================================================================== */
body * {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	font-size: 3.7vw;
}
img { width: 100%;}
.pc_none { display: block;}
.sp_none { display: none;}

header {
  background: #fff;
  border-bottom: solid 3px #f75a1f;
}
.sec01 { background: url("../images/sp_bg01.jpg") no-repeat top center/100%;}
.sec02 { background: url("../images/sp_bg02.jpg") no-repeat top center/100%;}
.sec03 {
  background:
    url("../images/sp_bg03-1.jpg") no-repeat top center/100%,
    url("../img/sp_bg03-2.jpg") no-repeat bottom center/100%,
    #003e91;}
.sec04 { background: url("../images/sp_bg04.jpg") no-repeat top center/100%;}
.sec05 { background: url("../images/sp_bg05.jpg") no-repeat top center/100%;}
.sec06 { background: url("../images/sp_bg06.jpg") no-repeat top center/100%;}
.cta { background: #f75a1f;}


header h1 {
  text-align: center;
  padding: 2.5vw 0 2.8vw;
}
header h1 img { width: 43.7vw;}

.cta .inner { padding: 5.3vw 0;}
.cta .tel_area {
  width: 92vw;
  margin: 0 auto;
}
.cta .tel_area .text {
  color: #fff;
  font-size: 4.8vw;
  font-weight: bold;
  margin-left: 0.7vw;
  margin-bottom: 2.4vw;
}
.cta .tel_area .tel a {
  display: block;
  color: #ffff00; 
  font-size: 10vw;
  font-weight: bold;
  line-height: 1;
  font-family: 'Futura',sans-serif;
  letter-spacing: 0;
  padding-left: 14.9vw;
  position: relative;
}
.cta .tel_area .tel a::before {
  content: "";
  display: block;
  width: 13.9vw;
  height: 7.9vw;
  background: url("../images/img_cta_tel.png") no-repeat center/100%;
  position: absolute;
  left: 0;
  top: 1.6vw;
}
.cta .tel_area .time {
  color: #fff;
  font-size: 3.5vw;
  margin: 2vw 0 2.4vw -2vw;
}
.cta .btn {
  width: 93.1vw;
  margin: 0 auto;
}
.cta .btn a {
  display: block;
  filter: drop-shadow(0.4vw 0.4vw 0.4vw rgba(0,0,0,0.2));
}



.sec02 .text1 {
  font-size: 5.1vw;
  font-weight: bold;
  line-height: 1.52;
  text-align: center;
  margin: 3.1vw 0 6vw;
}
.sec02 .text1 strong {
  color: #f75a1f;
  font-size: 5.1vw;
  font-weight: bold;
  line-height: 1.52;
}
.sec02 .text1 span {
  font-size: 5.1vw;
  font-weight: bold;
  line-height: 1.52;
  background: linear-gradient(transparent 75%, transparent 0, #fdf258 25%, #fdf258 0);
  background-position: 0px -1vw;
}
.sec02 .text2 {
  line-height: 1.64;
  text-align: center;
  margin-bottom: 10vw;
}
.sec02 .text2 strong { color: #003e91;}

.sec02 .example_area .example {
  width: 88vw;
  height: 61.5vw;
  margin: 0 auto;
  background: url("../images/bg_example.png")no-repeat 0 0/100%;
  filter: drop-shadow(2vw 2vw 1.3vw rgba(0,0,0,0.3));
  position: relative;
}
.sec02 .example_area .example::before {
  content: "";
  display: block;
  width: 10.7vw;
  height: 10vw;
  margin: 0 auto;
  background: url("../images/sp_example_arrow.png")no-repeat 0 0/100%;
  position: absolute;
  bottom: -5.1vw;
  right: 0;
  left: 0;
}

.sec02 .example_list {
  margin-top: 2.4vw;
  margin-left: 5.3vw;
}
.sec02 .example_list li {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 6.7vw;
  margin-bottom: 2vw;
}
.sec02 .example_list li::before {
  content: "";
  display: block;
  width: 5.1vw;
  height: 5.1vw;
  background: url("../images/icon_check.png")no-repeat center/100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sec02 .example_list li .line {
  display: block;
  height: 0.4vw;
  background-image: linear-gradient(to right, #b3b3b3, #b3b3b3 0.4vw, transparent 0.3vw, transparent 0.7vw);
  background-size: 1.2vw 0.4vw;
  background-position: top;
  background-repeat: repeat-x;
  margin: 0 3.3vw 0 1.3vw;
}
.sec02 .example_list li.c01 .line { width: 19.5vw;}
.sec02 .example_list li.c02 .line { width: 19.5vw;}
.sec02 .example_list li.c03 .line { width: 12vw;}
.sec02 .example_list li.c04 .line { width: 27vw;}
.sec02 .example_list li strong {
  color: #003e91;
  font-size: 5.3vw;
} 
.sec02 .example_list li strong span {
  color: #003e91;
  font-size: 4.1vw;
}
.sec02 .example_list li .etc {
  font-size: 3.2vw;
  margin-top: 1vw;
  margin-left: 1vw;
}

.sec02 .ad_list {
  display: flex;
  justify-content: center;
  padding-bottom: 1.3vw;
}
.sec02 .ad_list li,
.sec02 .ad_text {
  font-weight: bold;
  line-height: 1.35;
  text-align: center;
}
.sec02 .ad_list li:nth-child(2) {
  margin-left: 15.3vw;
  margin-right: 4.3vw;
}
.sec02 .ad_text { padding-bottom: 12vw;}


.sec03 .rs_list {}
.sec03 .rs_list .reason_box {
  position: relative;
  margin-bottom: 6vw;
}
.sec03 .rs_list .reason_box .rs_text {
  width: 71.5vw;
  margin: -8.7vw auto 0;
  background: #fff;
  box-shadow: 1.3vw 1.3vw 1.3vw rgba(0,0,0,0.3);
  position: relative;
  z-index: 999;
}
.sec03 .rs_list .reason_box .rs_text h2 {
  font-size: 5.1vw;
  text-align: center;
  line-height: 1.31;
  padding: 4.7vw 0 2.4vw;
}
.sec03 .rs_list .reason_box .rs_text h2 strong {
  color: #f75a1f;
  font-size: 5.1vw;
}
.sec03 .rs_list .reason_box .rs_text p {
  line-height: 1.64;
  text-align: justify;
  width: 62vw;
  margin: 0 auto;
  padding-bottom: 4.7vw;
}
.sec03 .rs_list .reason_box .rs_text p strong { line-height: 1.64;}

.sec03 .dakara {
  color: #fff;
  font-size: 6.5vw;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.3vw;
}

.sec03 .img04 {
  margin: 15.7vw 0 0;
  padding-bottom: 23.7vw;
  position: relative;
}
.sec03 .img04 .text {
  font-size: 4.9vw;
  line-height: 1.62;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  margin-top: 2.3vw;
}



.sec04 .case_box.case1 { margin: 26.3vw auto 39.2vw;}
.sec04 .case_box.case2 { margin: 0 auto 49vw;}
.sec04 .case_box.case3 { padding-bottom: 26.3vw;}

.sec04 .case_box .case { margin-bottom: 25vw;}
.sec04 .case_box .case h2 {
  color: #fff; 
  text-align: center;
  font-size: 5.9vw;
  margin-bottom: 8vw;
}
.sec04 .case_box .case p {
  color: #fff;
  text-align: center;
  line-height: 1.71;
  width: 67.6vw;
  margin: 0 auto;
}
.sec04 .case_box .case p strong {
  color: #fdf258;
  line-height: 1.71;
}
.sec04 .case_box .solution {
  width: 74.7vw;
  margin: 0 auto;
}
.sec04 .case_box .solution h2 {
  font-size: 4.7vw;
  line-height: 1.42;
  text-align: center;
  letter-spacing: 0.1vw;
  margin-bottom: 8vw;
}
.sec04 .case_box .solution h2 strong {
  color: #003e91;
  font-size: 4.7vw;
}
.sec04 .case_box .solution p {
  line-height: 1.71;
  text-align: justify;
}
.sec04 .case_box .solution p strong {
  color: #f75a1f;
  line-height: 1.71;
}



.sec05 .step_box { margin-left: 22.7vw;}
.sec05 .step_box.step1 { margin: 20vw 0 15.7vw 22.7vw;}
.sec05 .step_box.step2 { margin: 0 0 15.3vw 22.7vw;}
.sec05 .step_box.step3 { margin: 0 0 13.3vw 22.7vw;}
.sec05 .step_box.step4 { margin: 0 0 12.8vw 22.7vw;}
.sec05 .step_box.step5 { padding-bottom: 38.1vw;}
.sec05 .step_box h2 { font-size: 4.7vw;}
.sec05 .step_box p {
  line-height: 1.64;
  margin-top: 3.3vw;
  width: 64vw;
}



.sec06 .voice_box.voice1 { margin: 8.7vw 0 60vw;}
.sec06 .voice_box.voice2 { margin-bottom: 69.3vw;}
.sec06 .voice_box.voice3 { padding-bottom: 62vw;}
.sec06 .voice_box .name {
  color: #003e91;
  font-size: 5.3vw;
  font-weight: bold;
  text-align: center;
  margin-bottom: 4vw;
}
.sec06 .voice_box .text {
  text-align: justify;
  line-height: 1.64;
  width: 92vw;
  margin: 0 auto;
}

.last { margin-bottom: 17.3vw;}



.tracking {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.3vw 0;
  background: rgba(255,255,255,0.8);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
.tracking .tel {
  width: 50.1vw;
  height: 12.8vw;
  background: url("../images/sp_fl_tel.png")no-repeat center/100%;
  filter: drop-shadow(0.4vw 0.4vw 0.4vw rgba(0,0,0,0.3));
  margin-right: 3.3vw;
  position: relative;
}
.tracking .tel a {
  display: block;
  color: #fff;
  font-size: 5.1vw;
  font-weight: bold;
  line-height: 1;
  font-family: 'Futura',sans-serif;
  position: absolute;
  top: 6.4vw;
  left: 6.7vw;
}
.tracking .btn {
  width: 42.1vw;
  filter: drop-shadow(0.4vw 0.4vw 0.4vw rgba(0,0,0,0.3));
}


.sec07 .dougu_box .name {
    color: #003e91;
    font-size: 5.3vw;
    font-weight: bold;
    text-align: center;
    margin-bottom: 4vw;
}
@media screen and (min-width:768px) and ( max-width: 1050px) {
  .sec07 .voice_box.voice1 { margin: 7.1vw 0 17.1vw 2.4vw;}
  .sec07 .voice_box.voice2 { margin: 0 0 20vw 43.3vw;}
  .sec07 .voice_box.voice3 {
    margin: 0 0 0 2.4vw;
    padding-bottom: 12.4vw;
  }
  .sec07 .voice_box .name {
    font-size: 2.1vw;
    margin-bottom: 2.9vw;
  }
  .sec07 .voice_box .text {
    font-size: 1.5vw;
    width: 54.3vw;
  }
}

.sec07 {
		background: url(https://www.kpnet.jp/wp-content/uploads/2020/11/dougu_bg_sp.png) no-repeat top center/100%;
}
.dougu_box.dougu .text {
    text-align: justify;
    line-height: 1.64;
    width: 92vw;
    margin: 0 auto;
}
table.contact input,
table.contact textarea{
    max-width: 90%!important;
}