@charset "utf-8";

/*全体の設定
---------------------------------------------------------------------------*/
body {
  background: #fff;
  color: #5d5d5d;
  font-size: 16px;
  line-height:1.2;
  font-family:"Noto Sans JP","メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  
}

h2 {
  font-size: 120%;
}

h1 {
  text-align: center;
  color: #fff;
  font-size: 150%;
  line-height: 1.5;
  padding: 5px;
}

p{
  line-height: 1.8;
}
/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
  body {
    background: #fff;
    color: #5d5d5d;
    font-size: 16px;
    line-height:1.3;
    font-family:"Noto Sans JP","メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  }
  

  h1 {
    text-align: center;
    color: #fff;
    font-size: 42px;
    line-height: 1.2;
    padding: 0.5em;
  }

p {
  line-height: 1.8;
  margin-bottom: 10px;
}
}/* ▲PCメディアクエリ終了▲ */





.day_box p {
  line-height: 1.4;
  margin-bottom: 14px;
  /* font-size: 18px; */
}


.bg-map {
  padding:15px 0 45px 0;
  background-image:url("img/backmap-01.png");
  background-size: cover;
}
/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.bg-map{
  padding:45px 0 45px 0;
  background-image:url("img/backmap-01.png");
}
}/* ▲PCメディアクエリ終了▲ */



.wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}

.wrapper p {
  font-size: 16px;
  margin-bottom: 30px;
}
/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.wrapper {
  padding-top: 20px;
  padding-bottom: 45px;
}

.wrapper p {
  font-size: 18px;
  margin-bottom: 30px;
}
}/* ▲PCメディアクエリ終了▲ */



.info__box {
  background-color: #f2f2f2;
  font-size: 18px;
  margin: 10px 5px 5px;
  padding: 40px 10px 20px 10px;
}

.info__items {
  background-color: #1f7bce;
  border-radius: 5px;
  box-shadow: 0 3px 0 #00519a;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -2px #00519a;
  width: 10%;
  margin-left: 10px;
  margin-right: 20px;
  margin-bottom: 5%;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
}

.info__item {
  margin-left: 92px;
  margin-top: -50px;
  line-height: 140%;
  font-size: 20px;
  letter-spacing: .1px;
  font-weight: bold;
}

#order_01 {
  width: 85%;
  margin: 0 auto;
}

#s-details {
  margin: 20px auto 0 auto;
}

#s-details th {
  width: 30%;
  background-color: #555;
  font-size: 100%;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-bottom: 1px solid #fff;
}

#s-details td {
  width: 70%;
  padding: 20px;
  border: 1px solid #ddd;
  line-height: 150%;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
  color: #555;
  /*リンクテキストの色*/
  text-decoration: none;
}

a:hover {
  color: #006ddc;
  /*マウスオン時の文字色（全体）*/
}

a:hover .btn {
  position: relative;
  top: 3pt;
  left: 3pt;
}

/*---------- PC・スマホの非表示指定 ----------*/
@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:768px){.pcnone{display:none;}}




/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
  width: 100%;
}

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
#container {
  width: 100%;
  /*コンテナー幅*/
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 0 auto;
}
}/* ▲PCメディアクエリ終了▲ */








/* 免責事項
---------------------------------------------------------------------------*/
.disclaimer {
  font-size: 60%;
  height: 60px;
  margin: 10px auto;
}
/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.disclaimer {
  overflow-y: scroll;
  height: 100px;
  width: 90%;
  padding: 1em;
  font-size: 80%;
  color: #888;
  margin: 20px auto;
}
}/* ▲PCメディアクエリ終了▲ */

.privacy {
  background-color:#eee;
  padding:20px;
}


/*メインコンテンツ
---------------------------------------------------------------------------*/

#main {
  clear: both;
  margin: 0;
  
}



/*fv
---------------------------------------------------------------------------*/

/* ▼PCメディアクエリ */
.fv{
 
}

.fv-contents{
  padding:0 5.33vw 30px 5.33vw;
  background-image: url(img/fv-bg-pict-02.png);
  background-size:cover;
}

.header{
  font-size:4.27vw;
  color:#fff;
  background:#072c5d;
  text-align: center;
  font-weight: middle;
  padding:10px 0 10px 0;
  font-weight: bold;
}

.fv-contents-big-left{
  
  }



.fv-hukidashi{
  font-size:5vw;
  margin:00px 0 0 0vw;
  padding:20px 0 0 0;
  font-weight: bold;
  color:#3d3d3d;
  display: inline-block; 
  transform: rotate(-7deg);
}
.fv-copy-01{
  font-size:7vw;
  font-weight: bold;
  text-align: center;
  color:#3d3d3d;
}

.fv-copy-01-small-font{
  font-size:90%;
  font-weight: bold;
  color:#3d3d3d;
}

.fv-copy-02{
  font-size:11.5vw;
  font-weight: 900;
  text-align: center;
  color:#235fba;
  margin:2px 0 0 0;
}


.fv-copy-02-01-small-font{
  font-size:80%;
  font-weight: bold;
  color:#235fba;
}

.fv-copy-02-02-small-font{
  font-size:100%;
  font-weight: 900;
  color:#235fba;
}

.fv-copy-02-03-small-font{
  font-size:50%;
  font-weight: bold;
  color:#235fba;
}

.fv-copy-03{
  font-size:11.5vw;
  font-weight: 900;
  text-align: center;
  color:#235fba;
  margin:10px 0 0px 0;
}

.fv-copy-03-01-small-font{
  font-size:100%;
  font-weight: 900;
  color:#235fba;
}

.fv-contents-big-right{
  
  
}



.fv-pict-carport{
  margin:30px 0 10px 0;
  width:100%;
}
.fv-box-big{
  

}
.fv-box-middle-left{
  
}
.fv-box-small-upper{
  padding:10px 0 10px 0;
  margin: 10px 0 10px 0;
  background-color:#fff;
  width:190px;
}
.fv-box-small-upper-icon{
  text-align: center;
  margin:0 0 0px 0;
}

.fv-box-small-upper-icon img{
  transform: scale(0.6); 
}

.fv-box-small-upper-sentence{
  font-size:4.27vw;
  font-weight: bold;
  text-align: center;
  color:#3d3d3d;
}
.fv-box-small-lower{
  padding:10px 0 10px 0;
  background-color:#fff;
  width:190px;
}
.fv-box-small-lower-icon{
  text-align: center;
  margin:0 0 0px 0;
}

.fv-box-small-lower-icon img{
  transform: scale(0.6); 
}

.fv-box-small-lower-sentence{
  font-size:4.27vw;
  font-weight: bold;
  text-align: center;
  color:#3d3d3d;
}
.fv-box-middle-right{
  
}
.fv-box-blue{
  color:#3f9dd4;
  font-weight: 900;
}
.fv-box-small{
  font-size:94%;
}

.fv-pict-man{
}


@media screen and (min-width:769px){
.fv{
  background-image: url(img/fv-bg-pc-01.png);
  background-size:cover;
  width:100%;
  height:clamp(650px, 100vh, 900px);
  position: relative;
  z-index: 2;
}
.fv-contents{
  padding:0 0px 0px 0px;
  width:80vw;
  margin:0 auto;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  background-image: none;
  
}

.header{
  font-size:1.8vw;
  color:#fff;
  background:#072c5d;
  text-align: center;
  font-weight: middle;
  padding:10px 0 10px 0;
  font-weight: 600;
}

.fv-contents-big-left{
width:57%;
}

.fv-hukidashi{
  font-size:1.8vw;
  margin:00px 0 0 0px;
  padding:40px 0 0 0;
  font-weight: bold;
  color:#4d4d4d;
  display: inline-block; 
  transform: rotate(-7deg);
}
.fv-copy-01{
  font-size:3.1vw;
  font-weight: bold;
  text-align: left;
  color:#3d3d3d;
  
}

.fv-copy-01-small-font{
  font-size:3.0vw;
  font-weight: bold;
  color:#3d3d3d;
}

.fv-copy-02{
  font-size:6.0vw;
  font-weight: 900;
  text-align: left;
  color:#235fba;
  margin:-10px 0 0 0;
}


.fv-copy-02-01-small-font{
  font-size:4.5vw;
  font-weight: bold;
  color:#235fba;
}

.fv-copy-02-02-small-font{
  font-size:6.0vw;
  font-weight: 900;
  color:#235fba;
}

.fv-copy-02-03-small-font{
  font-size:3.0vw;
  font-weight: bold;
  color:#235fba;
}

.fv-copy-03{
  font-size:6.0vw;
  font-weight: 900;
  text-align: left;
  color:#235fba;
  margin:5px 0 0 0;
}

.fv-copy-03-01-small-font{
  font-size:5.8vw;
  font-weight: 900;
  color:#235fba;
}

.fv-contents-big-right{
  width:43%;
  
}



.fv-pict-carport{
  margin:50px 0 20px 0
}

.fv-pict-carport img{
width:41vw;
}



.fv-box-big{
  
  padding:0 0 00px 0;
}
.fv-box-middle-left{
  padding:clamp(440px,68vh,645px) 0 00px 0;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content: flex-start;
  text-align: left;
}
.fv-box-small-upper{
  padding:20px 5px 20px 5px;
  margin: 20px 15px 20px 0px;
  background-color:#fff;
  width:48%;
  z-index: 2;
}
.fv-box-small-upper-icon{
  
  margin:0 0 0px 0;
}

.fv-box-small-upper-icon img{
  transform: scale(0.0); 
}

.fv-box-small-upper-sentence{
  font-size:1.7vw;
  font-weight: bold;
  text-align: center;
  color:#3d3d3d;
}
.fv-box-small-lower{
  padding:20px 5px 20px 5px;
  margin: 20px 0 20px 0;
  background-color:#fff;
  width:48%;
  z-index: 2;
}
.fv-box-small-lower-icon{
 
  margin:0 0 0px 0;
}

.fv-box-small-lower-icon img{
  transform: scale(0.0); 
}

.fv-box-small-lower-sentence{
  font-size:1.7vw;
  font-weight: bold;
  text-align: center;
  color:#3d3d3d;
}
.fv-box-middle-right{
  width:40%;
  
}
.fv-box-blue{
  color:#3f9dd4;
  font-weight: 900;

}
.fv-box-small{
  font-size:28px;
}

.fv-pict-man{
  position: absolute;
  z-index: 1;
  right: 0; /* 画面の右側に配置 */
  bottom: 0; /* 下寄せ */
  padding:0 7vw 0 0;
 
}

.fv-pict-man img{
  width:clamp(450px,35vw,630px);

}

}
/* ▲PCメディアクエリ終了▲ */


/*悩み
---------------------------------------------------------------------------*/
.probrem-box{

}

.problem-box-middle{
background-color:#e7e7e7 ;
padding:0 5.33vw 10px 5.33vw;
}

.title-01{
  color:#3d3d3d;
  font-size:8vw;
  font-weight:bold;
  text-align: center;
  padding:40px 0 0 0;
  line-height: 1.3;
}

.title-exception-small{
  font-size:90%;
}

.exception-color-01{
  color:#235fba;
  font-weight: 900;
}

.exception-color-02{
  color:#fa763f;
  font-weight: 900;
  
}

.problem-box-small{
  padding:20px 0 0 0;
}

.problem-blett{
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  background-color:#fff;
  border:2px solid #6d6d6d;
  padding:20px 5.33vw 20px 5.33vw;
  margin:0 0 20px 0;

}
.check-icon{
  width:7%;
  padding:0px 0 0 0;
}
.problem-sentence{
  width:93%;
  font-size:5.33vw;
  color:#3d3d3d;
  font-weight:600;
  padding:0 0 0 2vw;
}

.problem-people{
  text-align: center;
  margin:-20px 0 -10px 0;
}

.problem-people img{
  transform: scale(0.7); 
}


.problem-small-sentence{
  font-size:5.33vw;
  background-color:#235fba;
  text-align: center;
  color:#fff;
  margin:0px 18.5vw 0 18.5vw;
  font-weight:bold;
  padding:5px 0 8px 0;
}

.triangle-small{
  text-align: center;
  margin:-5px 0 0 0;
}

.triangle-small img{
  transform: scale(0.7); 
}

.problem-middle-sentence{
  font-size:6.4vw;
  font-weight:bold;
  color:#3d3d3d;
  text-align: center;
  padding:5px 0 30px 0;
}

.problem-pict{
  padding:0 5.33vw 40px 5.33vw;
}



/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.probrem-box{

}

.problem-box-middle{
background-color:#e7e7e7 ;
padding:0 40px 20px 40px;
}

.title-01{
  color:#3d3d3d;
  font-size:60px;
  font-weight:bold;
  text-align: center;
  padding:60px 0 0 0;
  line-height: 1.3;
}

.title-exception-small{
  font-size:48px;
}

.exception-color-01{
  color:#235fba;
  font-weight: 900;
}

.exception-color-02{
  color:#fa763f;
  font-weight: 900;
}

.problem-box-small{
  padding:40px 0 0 0;
}

.problem-blett{
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  background-color:#fff;
  border:4px solid #6d6d6d;
  padding:20px 40px 20px 30px;
  margin:0 auto 30px auto;
  width:1000px;
  

}
.check-icon{
  width:7%;
  padding:0px 0 0 0;
}
.problem-sentence{
  width:93%;
  font-size:24px;
  color:#4d4d4d;
  font-weight:600;
  padding:0 0 0 0vw;
}

.triangle-big{
  text-align: center;
}


.problem-people{
  text-align: center;
  margin:50px 0 30px 0;
}

.problem-people img{
  transform: scale(1.5); 
  
}

.problem-small-sentence{
  font-size:36px;
  background-color:#235fba;
  text-align: center;
  color:#fff;
  margin:100px auto 0 auto;
  font-weight:bold;
  padding:8px 0 10px 0;
  width:500px;
}

.triangle-small{
  text-align: center;
}

.triangle-small img{
  transform: scale(1.0); 
}

.problem-middle-sentence{
  font-size:40px;
  font-weight:bold;
  color:#3d3d3d;
  text-align: center;
  padding:20px 0 30px 0;
}

.problem-pict{
  padding:0 40px 60px 40px;
  text-align: center;
}
}
/* ▲PCメディアクエリ終了▲ */


/*他社との比較
---------------------------------------------------------------------------*/
.comparison-box{
  padding:0 5.33vw 0 5.33vw;
  background-color: #e7f0fb;
}

.comparison-table{
  padding:20px 0 10px 0
}

table {
  border-collapse: collapse; /* 枠線を統一する */
  width: 100%;
}

td {
  border: 1px solid #6d6d6d;
  padding: 15px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 18px;
  color:#4d4d4d;
}

.white-bg {
  background-color: white;
  font-weight: 600;
}

.blue-bg{
  background-color:#2357b0;
}

.gray-bg{
  background-color:#e7e7e7;
}

.yellow-bg{
  background-color:#fcfbe9;
}

.white-text{
  color: #fff;
}
.comparison-small-sentence{
  font-size:5.33vw;
  background-color:#235fba;
  text-align: center;
  color:#fff;
  margin:30px 10vw 5px 10vw;
  font-weight:bold;
  padding:6px 0 8px 0;
}

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.comparison-box{
  padding:0 40px 0 40px;
  background-color: #e7f0fb;
 
}

.comparison-table{
  padding:40px 0 30px 0;
  width:1000px;
  margin:0 auto;
}

table {
  border-collapse: collapse; /* 枠線を統一する */
  width: 100%;
}

td {
  border: 1px solid #3d3d3d;
  padding: 20px 15px 20px 15px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 20px;
  color:#4d4d4d;
}

.white-bg {
  background-color: white;
  font-weight: 600;
}

.blue-bg{
  background-color:#2357b0;
}

.gray-bg{
  background-color:#e7e7e7;
}

.yellow-bg{
  background-color:#fcfbe9;
}

.white-text{
  color: #fff;
}

.comparison-small-sentence{
  font-size:36px;
  background-color:#235fba;
  text-align: center;
  color:#fff;
  margin:40px auto 0 auto;
  font-weight:bold;
  padding:8px 0 10px 0;
  width:500px;
}
}
/* ▲PCメディアクエリ終了▲ */


/*サービス内容
---------------------------------------------------------------------------*/

.service-box{
  background-color:#3f9dd4 ;
  padding:0 5.33vw 40px 5.33vw;
  }
  
  .title-02{
    color:#fff;
    font-size:8vw;
    font-weight:bold;
    text-align: center;
    padding:40px 0 0 0;
    line-height: 1.3;
  }
  
  .exception-color-03{
    color:#fce441;
    font-weight: 900;
  }
  
  .service-small-box{
    background-color:#fff ;
    padding:30px 5.33vw 0 5.33vw;
    margin:20px 0 0 0;
  
  }
  .sub-title{
    font-size:5.33vw;
    font-weight:bold;
    text-align: center;
    color:#235fba;
  }
  .service-pict{
  padding:20px  0 20px 0;
  }

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.service-box{
background-color:#3f9dd4 ;
padding:0 40px 60px 40px;


}

.title-02{
  color:#fff;
  font-size:60px;
  font-weight:bold;
  text-align: center;
  padding:60px 0 0 0;
  line-height: 1.3;
}

.exception-color-03{
  color:#fce441;
  font-weight: 900;
}

.service-middle-box{
display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  width:1000px;
  margin:0 auto;
}

.service-small-box{
  background-color:#fff ;
  padding:50px 40px 0 40px;
  margin:40px auto 0 auto;
  width:48%;
}
.sub-title{
  font-size:36px;
  font-weight:bold;
  text-align: center;
  color:#235fba;
}
.service-pict{
padding:30px  0 40px 0;
text-align: center;
}

.service-pict img{
  width:100%;

}

}
/* ▲PCメディアクエリ終了▲ */


/*ご利用の流れ
---------------------------------------------------------------------------*/
.flow-box{
  padding:0 5.33vw 40px 5.33vw;


}
.flow-box-small{
  background-color:#edf5fb ;
  padding:20px 0 20px 0;
  margin:0 0 0px 0;
  text-align: center;
}
.number{
  
  font-size: 5.33vw;
  color:#fff;
  text-align: center;
  margin:0 0px 5px 0px;
  font-weight: bold;
  padding:0px 0 0px 0;
}

.circle {
  display: inline-block;
  width: 8vw;
  height: 8vw;
  text-align: center;
  line-height: 24px;
  font-weight: bold;
  border-radius: 50%;
  background: #2357b0;
  color: white;
  padding:0.7vw 0 0 0;
}

.flow-box-small-sentence{
  font-size: 5.33vw;
  text-align: center;
  color:#4d4d4d;
  font-weight: 600;
  line-height: 1.3;
}

.flow-box-small-sentence-02{
  font-size: 4.27vw;
  color:#4d4d4d;
  font-weight: 600;
  line-height: 1.2;
  background-color: #fff;
  border:solid #2357b0 1.5px;
  display: inline-block; 
  padding: 4px 15px 6px 15px; 
  margin:8px 0 0 0;
}


/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.flow-box{
  padding:0 40px 40px 40px;

}
.flow-box-small{
  background-color:#edf5fb ;
  padding:20px 0 30px 0;
  margin:0 auto 5px auto;
  text-align: center;
  width:1000px;
}
.number{
  
  font-size: 24px;
  color:#fff;
  text-align: center;
  margin:0 0px 8px 0px;
  font-weight: bold;
  padding:0px 0 0px 0;
}

.circle {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 24px;
  font-weight: bold;
  border-radius: 50%;
  background: #2357b0;
  color: white;
  padding:7px 0 0 0;
}

.flow-box-small-sentence{
  font-size: 30px;
  text-align: center;
  color:#4d4d4d;
  font-weight: 600;
  line-height: 1.2;
  
}

.flow-box-small-sentence-02{
  font-size: 24px;
  color:#4d4d4d;
  font-weight: 600;
  line-height: 1.2;
  background-color: #fff;
  border:solid #2357b0 2px;
  display: inline-block; 
  padding: 4px 20px 6px 20px; 
  margin:8px 0 0 0;
}
}
/* ▲PCメディアクエリ終了▲ */


/*CTA
---------------------------------------------------------------------------*/
.cta-box{
  background-color:#072c5d ;
  padding:40px 5.33vw 40px 5.33vw;
  background-image: url(img/cta-box-bg-pict.png);
background-size:cover;
  }
  
  .cta-copy{
  color:#fff;
  font-size: 5vw;
  text-align: center;
  font-weight: bold;
  }
  
  .cta-copy-02{
    color:#fff;
    font-size: 4.27vw;
    text-align: center;
    font-weight:bold ;
    border:solid 1px #fff;
    margin:10px 26vw 10px 26vw;
    padding:7px 0 7px 0;
    }

  .cta-button{
    display: block;
  background:#fa763f ;
  width:100%;
  margin:15px auto 0 auto;
  padding:30px 0 30px 0;
  border-radius: 80px;
  border-bottom:solid 3px #926560;
  
  }
  
  .button-copy{
  color:#fff;
  font-size: 5.33vw;
  text-align: center;
  font-weight: bold;
  }
  
  .cta-button:hover {
    background: #fa9971; /* ホバー時の色変更 */
    filter:alpha(opacity=60);
    -webkit-transition:0.3s ease-in-out;
    -moz-transition:0.3s ease-in-out;
    -o-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
    }

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.cta-box{
background-color:#072c5d ;
padding:40px 40px 40px 40px;
background-image: url(img/cta-box-bg-pict.png);
background-size:cover;
}

.cta-copy{
color:#fff;
font-size: 24px;
text-align: center;
font-weight: 600;
}

.cta-copy-02{
  color:#fff;
  font-size: 20px;
  text-align: center;
  font-weight:bold ;
  border:solid 1px #fff;
  margin:8px auto 10px auto;
  padding:3px 0 5px 0;
  width:200px;
  }

.cta-button{
  display: block;
background:#fa763f ;
width:840px;
margin:20px auto 0 auto;
padding:40px 0 40px 0;
border-radius: 80px;
border-bottom:solid 3px #926560;
}

.button-copy{
color:#fff;
font-size: 30px;
text-align: center;
font-weight: bold;
}

.cta-button:hover {
  background: #fa9971; /* ホバー時の色変更 */
  filter:alpha(opacity=60);
  -webkit-transition:0.3s ease-in-out;
  -moz-transition:0.3s ease-in-out;
  -o-transition:0.3s ease-in-out;
  transition:0.3s ease-in-out;
  }
}
/* ▲PCメディアクエリ終了▲ */


/*お客様の声
---------------------------------------------------------------------------*/
.voice-box{
  padding:0px 5.33vw 40px 5.33vw;
}

.voice-box-large{
  padding:20px 0 0 0;
}

.voice-box-middle{
  margin:0 0 20px 0;

  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  padding:20px 4.27vw 20px 4.27vw;
  background-color:#fff7f1 ;
}

.voice-box-small{
width:30%;
}

.voice-icon{

}

.voice-profile{
font-size:3.73vw;
text-align: center;
padding:5px 0 0 0;
font-weight: 600;
background-color: #3f9dd4;
color:#fff;
margin:5px 0 0 0;
padding:0 2px 2px 2px;
}

.voice-sentence{
width:65%;
font-size:4.27vw;
padding:10px 0 0 0;
}
/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.voice-box{
  padding:0px 40px 50px 40px;
}

.voice-box-large{
  padding:40px 0 0 0;
}

.voice-box-middle{
  margin:0 auto 30px auto;

  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  padding:30px 40px 30px 40px;
  background-color:#fff7f1 ;
  width:1000px;
}

.voice-box-small{
width:20%;
}

.voice-icon{
  text-align: center;
}

.voice-profile{
font-size:16px;
text-align: center;
font-weight: 600;
background-color: #3f9dd4;
color:#fff;
margin:5px 0 0 0;
padding:0 0 2px 0;
}

.voice-sentence{
width:77%;
font-size:24px;
padding:10px 0 0 0;
color:#4d4d4d;
}
}
/* ▲PCメディアクエリ終了▲ */


/*選ばれる理由
---------------------------------------------------------------------------*/
.reason-box{
  padding:0px 5.33vw 40px 5.33vw;
  background-color: #edf5fb;
}

.reason-subtitle{
  background-color: #3f9dd4;
  font-size:5.33vw;
  color:#fff;
  font-weight: bold;
  text-align: center;
  margin:25px 0px 20px 0px;
  padding:8px 0 8px 0;
}

.reason-pict{

}

.reason-pict img{
width:100%;
}


.reason-text{
  font-size:4.27vw;
  padding:15px 0 0px 0;
  color:#4d4d4d;
}

.reason-box-small{
background-color: #fff;
padding:5.33vw;
margin:20px 0 0px 0;
display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
}

.reason-icon{
width:25%
}

.reason-icon img{
width:90%;
}

.reason-box-text{
  font-size:5.33vw;
  font-weight: 600;
  width:74%;
  padding:10px 0 0 0;
  color:#4d4d4d;
}
/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.reason-box{
  padding:0px 40px 60px 40px;
  background-color: #edf5fb;
  
}

.reason-subtitle{
  background-color: #3f9dd4;
  font-size:36px;
  color:#fff;
  font-weight: bold;
  text-align: center;
  margin:40px auto 30px auto;
  padding:8px 0 10px 0;
  width:700px;
}

.reason-pict{
width:1000px;
margin:0 auto;
text-align: center;
}

.reason-pict img{
width:70%;

}

.reason-text{
  font-size:24px;
  padding:20px 0 0px 0;
  color:#4d4d4d;
  width:1000px;
  text-align: left;
  margin:0 auto;
}

.reason-box-middle{
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  width:1000px;
  margin:0 auto;
  
}


.reason-box-small{
background-color: #fff;
padding:30px 20px 30px 20px ;
margin:30px auto 0px auto;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  flex-direction: column;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  width:30%;
  align-items: center;
  
}

.reason-icon{
width:50%;
text-align: center;
}

.reason-icon img{
width:100%;
}

.reason-box-text{
  font-size:26px;
  font-weight: 600;
  padding:10px 0 0 0;
  color:#4d4d4d;
}
}
/* ▲PCメディアクエリ終了▲ */


/*得られるメリット
---------------------------------------------------------------------------*/
.merit-small-box{
  background-color:#fff ;
  padding:30px 5.33vw 0 5.33vw;
  margin:20px 0 0 0;
}

.merit-pict{
  padding:20px 0 20px 0;
text-align: center;
}


.merit-sentence{
  font-size:4.27vw ;
  padding:0 0 20px 0;
  margin:0px 0 0 0;
  }
/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
  .merit-small-box{
    background-color:#fff ;
    padding:50px 40px 0 40px;
    margin:40px auto 0 auto;
  width:1000px;
  }


.merit-pict{
  padding:30px 0 0 0;
text-align: center;
}

.merit-pict img{
  width:80%;
}

.merit-sentence{
font-size:24px ;
padding:0 0 40px 0;
margin:20px auto 0 auto;
width:700px;
}
}
/* ▲PCメディアクエリ終了▲ */


/*サポートの流れ
---------------------------------------------------------------------------*/

.exception-color-04{
  color:#3f9dd4;
  font-weight: 900;
}

.flow-box-subtitle{
  background-color: #235fba;
  font-size:5.33vw;
  color:#fff;
  font-weight: bold;
  text-align: center;
  margin:0px 65px 20px 65px;
  padding:4px 0 6px 0;
}


.risk-reversal-box{
  background-color:#fff;
  border: solid 2px #cb911f ;
  border-radius: 15px;
  margin:30px auto 0 auto;
  padding:20px 4.8vw 16px 4.8vw;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;

}

.laurel-left{
width:15%;
text-align: left;
}

.laurel-left img{
  width:93%;
  }

.risk-reversal-box-small{
 width:62%;
}

.risk-reversal-small-sentence{
    text-align: center;
    background-color:#cb911f ;
    color:#fff;
    font-size:4.27vw;
    margin:0 00px 0 00px;
    padding:3px 0 3px 0;
    font-weight: 600;
  }

  .risk-reversal-middle-sentence{
    text-align: center;
    color:#cb911f ;
    font-size:8vw;
    font-weight:900;
    font-family:"游明朝" ;
    padding:8px 0 0 0 ;
  }

.laurel-right{
  width:15%;
  text-align: right;
}

.laurel-right img{
  width:93%;
  }

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
  .flow-box-subtitle{
    background-color: #235fba;
    font-size:36px;
    color:#fff;
    font-weight: bold;
    text-align: center;
    margin:-25px auto 40px auto;
    padding:8px 0 10px 0;
    width:500px;
  }

.risk-reversal-box{
  background-color:#fff;
  border: solid 4px #cb911f ;
  border-radius: 15px;
  margin:30px auto 0 auto;
  padding:30px 30px 20px 30px;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  width:1000px;

}

.laurel-left{
width:21%;
text-align: right;
}

.laurel-left img{
  width:47%;
  }

.risk-reversal-box-small{
 width:48%;
}

.risk-reversal-small-sentence{
    text-align: center;
    background-color:#cb911f ;
    color:#fff;
    font-size:20px;
    margin:0 00px 0 00px;
    padding:3px 0 3px 0;
    font-weight: 600;
  }

  .risk-reversal-middle-sentence{
    text-align: center;
    color:#cb911f ;
    font-size:70px;
    font-weight:900;
    font-family:"游明朝" ;
    padding:5px 0 0 0 ;
  }

.laurel-right{
  width:21%;
  text-align: left;
}

.laurel-right img{
  width:47%;
  }
}
/* ▲PCメディアクエリ終了▲ */


/*よくある質問
---------------------------------------------------------------------------*/
.QA-box{
  background-color: #edf5fb;
  padding:0 5.33vw 40px 5.33vw;
  }
  
  .QA-box-middle{
  background-color: #fff;
  padding:20px 5.33vw 20px 5.33vw;
  display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-between;
    margin:20px 0 0 0;
  }
  
  .QA-box-small-left{
  width:5%;
  }
  
  .QA-box-small-left img{
    width:90%;
    padding:5px 0 0 0;
  }
  
  .QA-box-small-right{
    width:94%;
  }
  
  .Q-text{
    font-size: 5.33vw;
    font-weight:bold;
    border-bottom:1px solid #3d3d3d;
    padding:0 0 15px 0;
    color:#235fba;
  }
  
  .A-text{
    font-size: 4.27vw;
    padding:15px 0 0 0 ;
  }

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.QA-box{
background-color: #edf5fb;
padding:0 40px 60px 40px;
}

.QA-box-middle{
background-color: #fff;
padding:40px;
display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  margin:30px auto 0 auto;
  width:1000px;
}

.QA-box-small-left{
width:5%;
}

.QA-box-small-left img{
  width:70%;
  padding:7px 0 0 0;
}

.QA-box-small-right{
  width:94%;
}

.Q-text{
  font-size: 30px;
  font-weight:bold;
  border-bottom:1px solid #3d3d3d;
  padding:0 0 10px 0;
  color:#235fba;
  
}

.A-text{
  font-size: 24px;
  padding:10px 0 0 0 ;
  line-height: 1.3;
}
}
/* ▲PCメディアクエリ終了▲ */


/*後押し-01
---------------------------------------------------------------------------*/
.suggestion-box-01-01{
  padding:40px 5.33vw 0px 5.33vw;
  text-align: center;
  background-color:#fff; 
 }
 
 .title-04{
   padding:6px 15px 8px 15px;
   background-color:#235fba; 
   color:#fff;
   display: inline-block;
   font-size:5.33vw;
   font-weight: bold;
 }
 
 .suggestion-box-small{
   background-color: #edf5fb;
   padding:20px 5.33vw 20px 5.33vw;
   display:-webkit-flex;
   display:-moz-flex;
   display:-ms-flex;
   display:-o-flex;
   display:flex;
   -webkit-flex-wrap:wrap;
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
   justify-content:space-between;
   text-align: left;
   margin:0 0 20px 0;
 }
 
 
 .suggestion-box-01-02{
   padding:20px 5.33vw 20px 5.33vw;
   margin:0 5.55vw 0 5.33vw;
   background-color: #e7e7e7;
   
 }

 .suggestion-box-middle{
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
 }




 .suggestion-box-mini-01{
   background-color: #fff;
   width:48%;
   padding:4.27vw;
 }
 .suggestion-box-mini-text{
 font-weight: bold;
 font-size:4.27vw;
 padding:0 0 15px 0;
 text-align: center;
 }
 .suggestion-box-mini-pict{
 
 }
 
 .suggestion-box-mini-pict img{
 width:100%;
 }
 
 .suggestion-box-mini-02{
   background-color: #fff;
   width:48%;
   padding:4.27vw;
 }
 
 .suggestion-box-mini-copy{
 font-size:5.33vw;
 font-weight: bold;
 color:#3d3d3d;
 text-align: center;
 background-color: #e7e7e7;
 padding:0 0  20px 0;
 margin:0 5.33vw 0 5.33vw;
 }
 
 .suggestion-triangle{
   text-align: center;
   padding:15px 0 15px 0;
 }

 .suggestion-triangle img{
  width:30%;
}

.suggestion-pict{
  padding:0px 5.33vw 40px 5.33vw;
}

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.suggestion-box-01-01{
 padding:60px 40px 20px 40px;
 text-align: center;
 background-color:#fff; 
}

.title-04{
  padding:8px 20px 10px 20px;
  background-color:#235fba; 
  color:#fff;
  display: inline-block;
  font-size:24px;
  font-weight: bold;
}

.suggestion-box-small{
  background-color: #edf5fb;
  padding:20px 40px 20px 40px;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  text-align: left;
  margin:0 auto 30px ;
  width:1000px;
}


.suggestion-box-01-02{
  padding:40px 30px 30px 30px;
  margin:0 00px 0 00px;
  background-color: #e7e7e7;
 
}

.suggestion-box-middle{
  width:1000px;
  margin:0 auto ;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;


}


.suggestion-box-mini-01{
  background-color: #fff;
  width:48%;
  padding:30px 30px 30px 30px;
}
.suggestion-box-mini-text{
font-weight: bold;
font-size:24px ;
padding:0 0 15px 0;
text-align: center;
}
.suggestion-box-mini-pict{

}

.suggestion-box-mini-pict img{
width:100%;
}

.suggestion-box-mini-02{
  background-color: #fff;
  width:48%;
  padding:30px 30px 30px 30px;
}

.suggestion-box-mini-copy{
font-size:30px;
font-weight: bold;
color:#3d3d3d;
text-align: center;
background-color: #e7e7e7;
padding:0 0  40px 0;
margin:0 0px 0 0px;
}

.suggestion-triangle{
  text-align: center;
  padding:30px 0 15px 0;
}

.suggestion-triangle img{
  width:200px;
}

.suggestion-pict{
  padding:0px 40px 60px 40px;
  text-align: center;
  margin:0 auto;
  width:1000px;
}
}
/* ▲PCメディアクエリ終了▲ */


/*cta-03
---------------------------------------------------------------------------*/
.cta-box-middle{
  margin:0 0vw 0 0vw;
  padding:15px 1.2vw 5px 1.2vw;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
}
.cta-box-small{
background-color: #e7f0fb;
text-align: center;
width:30%;
padding: 6px 3.73vw 15px 3.73vw;
}

.cta-box-small-text{
font-weight: bold;
font-size:3.73vw ;
color:#4d4d4d;
}

.cta-03-triangle{
  width:2%;
  display: flex;
  align-items: center; /* 垂直方向の中央寄せ */
  justify-content: center;
}

.cta-03-triangle img{
  width:100%;
}

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.cta-box-middle{
  margin:0 auto 0 auto;
  padding:10px 0 0 0;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  width:600px;
}
.cta-box-small{
background-color: #e7f0fb;
text-align: center;
width:30%;
padding: 15px 0 15px 0;
}

.cta-box-small-text{
font-weight: bold;
font-size: 18px;
color:#4d4d4d;
}

.cta-03-triangle{
  width:2%;
  display: flex;
  align-items: center; /* 垂直方向の中央寄せ */
  justify-content: center;
}

.cta-03-triangle img{
  width:100%;
}

}
/* ▲PCメディアクエリ終了▲ */


/*特典
---------------------------------------------------------------------------*/
.present-box{
  padding:40px 5.33vw 40px 5.33vw;
  background-color: #fcfbe9;
  }
  
  .present-title-box{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-between;
    padding:0 0 0px 0;
  }
  
  .present-laurel-left{
    text-align: right;
    width:17%;
  }
  
  .present-laurel-left img{
    width:52%;
  }
  
  .present-title{
    color:#3d3d3d;
    font-size:8vw;
    font-weight:bold;
    text-align: center;
    padding:0px 2vw 0 0;
    width:66%;
  }
  
  .present-laurel-right{
    text-align: left;
    width:17%;
  }
  
  .present-laurel-right img{
    width:52%;
  }
  
  .present-box-middle{
    background-color: #fff;
    margin:20px 0 0 0;
    padding:20px 5.33vw 20px 4.27vw;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-between;
    border:solid 2px #fa763f;
  
  }
  
  .present-icon-box{
  width:16%;
  position: relative;
  }
  
  .present-icon{
  text-align: right;
  }
  
  .present-icon img{
    width:100%;
    }
  
  .present-icon-text{
    position: absolute;
    font-weight: 900;
    text-align: center;
    color:#3d3d3d;
    padding:  1vh 0 0px 3vw;
    font-size: 3.3vw;
    line-height: 1.2;
  
    
  }
  .present-box-small{
    width:80%;
    padding:3px 0 0 0;
  }
  .present-title-small{
    background-color:#3f9dd4 ;
    color:#fff;
    font-weight: bold;
    font-size:5vw;
    padding:3px 3vw 5px 3vw;
    display: inline-block;
  
  }
  .present-text{
    font-size:4.27vw;
    padding:10px 0 0 0;
    font-weight: 600;
  color:#4d4d4d;
  }

  .present-pict{
    padding:15px 0 0 0;
  }
  
  .present-pict img{
    width:100%;
  }

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.present-box{
padding:60px 40px 60px 40px;
background-color: #fcfbe9;
}

.present-title-box{
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  padding:0 0 0px 0;
  width:1000px;
  margin:0 auto;
}

.present-laurel-left{
  text-align: right;
  width:27%;
}

.present-laurel-left img{
  width:65px;
}

.present-title{
  color:#3d3d3d;
  font-size:60px;
  font-weight:bold;
  text-align: center;
  padding:0px 5px 0 0;
  width:46%;
}

.present-laurel-right{
  text-align: left;
  width:27%;
}

.present-laurel-right img{
  width:65px;
}

.present-box-middle{
  background-color: #fff;
  margin:30px auto 0 auto;
  padding:30px;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  border:solid 4px #fa763f;
  width:1000px;

}

.present-icon-box{
width:14%;
position: relative;
}

.present-icon{
text-align: right;
}

.present-icon img{
  width:90%;
  }

.present-icon-text{
  position: absolute;
  font-weight: 900;
  text-align: center;
  color:#3d3d3d;
  padding: 27px 0 0px 45px;
  font-size: 26px;
  line-height: 1.0;

  
}
.present-box-small{
  width:80%;
  padding:5px 0 0 0;
}
.present-title-small{
  background-color:#3f9dd4 ;
  color:#fff;
  font-weight: bold;
  font-size:30px;
  padding:3px 15px 5px 15px;
  display: inline-block;

}
.present-text{
  font-size:24px;
  padding:10px 0 0 0;
  font-weight: 600;
  color:#4d4d4d;
}

.present-pict{
  padding:10px 0 0 0;
}

.present-pict img{
  width:90%;
}
}
/* ▲PCメディアクエリ終了▲ */


/*他社との違い-02
---------------------------------------------------------------------------*/
.comparison-02-box{
  padding:40px 5.33vw 40px 5.33vw;
}

.title-07{
  font-size: 5.33vw;
  font-weight: bold;
  text-align: center;
  color:#3d3d3d;
  border-bottom:solid 2px #235fba;
  margin:0 16vw;
  padding:0 0 5px 0;
}

.comparison-02-subtitle{
  background-color: #fcfbe9;
  font-size:6.4vw;
  color:#3d3d3d;
  font-weight: bold;
  text-align: center;
  margin:20px 0px 30px 0px;
  padding:15px 0 15px 0;
}

.comparison-step-box{
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  text-align: center;
}

.comparison-step-box-small{
width:30%;
background-color: #edf5fb;
padding:0 0 30px 0;
}

.comparison-step-number{
background-color: #235fba;
color:#fff;
font-size:6.4vw; 
font-weight: bold;
padding:5px 0;
}

.comparison-step-icon-01{
width:100%;
padding:20px 0 20px 0;
}

.comparison-step-icon-02{
  width:100%;
  padding:22px 0 26px 0;
  }

.comparison-step-icon-03{
  width:100%;
  padding:28px 0 30px 0;
   }

.comparison-step-icon-01 img{
  width:30%;
}

.comparison-step-icon-02 img{
  width:40%;
}

.comparison-step-icon-03 img{
  width:40%;
}

.comparison-step-text{
  font-size: 4.27vw;
  color:#4d4d4d;
  font-weight: bold;
}

.comparison-step-triangle{
  width:3%;
  display: flex;
  align-items: center; /* 垂直方向の中央寄せ */
  justify-content: center;
}

.comparison-merit-box{
padding:10px 2px 0 2px;
}

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.comparison-02-box{
  padding:60px 40px 60px 40px;
}

.title-07{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color:#3d3d3d;
  border-bottom:solid 2px #235fba;
  margin:0 auto;
  padding:0 0 5px 0;
  width:320px;
}

.comparison-02-subtitle{
  background-color: #fcfbe9;
  font-size:36px;
  color:#3d3d3d;
  font-weight: bold;
  text-align: center;
  margin:20px auto 30px auto;
  padding:20px 0 20px 0;
  width:1000px;
}

.comparison-step-box{
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  text-align: center;
  width:1000px;
  margin:0 auto;
}

.comparison-step-box-small{
width:30%;
background-color: #edf5fb;
padding:0 0 30px 0;
}

.comparison-step-number{
background-color: #235fba;
color:#fff;
font-size:30px; 
font-weight: bold;
padding:5px 0;
}

.comparison-step-icon-01{
width:100%;
padding:25px 0 20px 0;
}

.comparison-step-icon-02{
  width:100%;
  padding:30px 0 20px 0;
  }

.comparison-step-icon-03{
  width:100%;
  padding:40px 0 20px 0;
   }

.comparison-step-icon-01 img{
  width:25%;
}

.comparison-step-icon-02 img{
  width:30%;
}

.comparison-step-icon-03 img{
  width:30%;
}

.comparison-step-text{
  font-size: 24px;
  color:#4d4d4d;
  font-weight: bold;
}

.comparison-step-triangle{
  width:3%;
  display: flex;
  align-items: center; /* 垂直方向の中央寄せ */
  justify-content: center;
}

.comparison-merit-box{
padding:20px 2px 0 2px;
width:1000px;
margin:0 auto;
}
}
/* ▲PCメディアクエリ終了▲ */




/*後押し-02
---------------------------------------------------------------------------*/
.suggestion-box-02{
  padding:40px 5.33vw 40px 5.33vw;
  text-align: center;
  background-color:#edf5fb; 

 }


.title-05{
  padding:6px 3.73vw 8px 3.73vw;
  background-color:#235fba; 
  color:#fff;
  display: inline-block;
  font-size:4.27vw;
  font-weight: bold;
  text-align: center;
}

.title-06{
  padding:8px 15px 0px 15px;
  color:#3d3d3d;
  display: inline-block;
  font-size:4.27vw;
  font-weight: bold;
}

.suggestion-box-02-middle{
  padding:20px 5.33vw 40px 5.33vw;
  background-color: #fff;
  margin:30px auto 0 auto;
}


.suggestion-box-02-small{
  text-align: left;
}

.border{
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  border-bottom:solid 1px #3d3d3d ;
  padding:0 0 15px 0;
  margin:20px 0 0 0;
}


/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.suggestion-box-02{
  padding:60px 40px 60px 40px;
  text-align: center;
  background-color:#edf5fb; 
 }


.title-05{
  padding:8px 20px 10px 20px;
  background-color:#235fba; 
  color:#fff;
  display: inline-block;
  font-size:24px;
  font-weight: bold;
  text-align: center;
}

.title-06{
  padding:8px 15px 0px 15px;
  color:#3d3d3d;
  display: inline-block;
  font-size:24px;
  font-weight: bold;
}

.suggestion-box-02-middle{
  padding:20px 40px 40px 40px;
  background-color: #fff;
  margin:30px auto 0 auto;
  width:1000px;
}


.suggestion-box-02-small{
  text-align: left;
}

.border{
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  border-bottom:solid 1px #3d3d3d ;
  padding:0 0 10px 0;
  margin:20px 0 0 0;
}
}
/* ▲PCメディアクエリ終了▲ */











/*その他
---------------------------------------------------------------------------*/
.pb-01{padding-bottom:20px}
.pb-02{padding-bottom:5px}
.pb-03{padding-bottom:10px}
.pt-01{padding-top:10px}
.pt-02{padding-top:0px}
.pt-03{padding-top:10px}
.pt-04{padding-top:2px}
.font18-text{font-size:14px;}
.font32-text{font-size:4.27vw;}
.mb-01{margin-bottom:0px}
.mb-03{margin-bottom:0px}
.mt-04{margin-top:40px;}
.mt-05{margin-bottom:20px}
.mt-06{margin-top:20px;}
.bgc-01{background-color:#3f9dd4 ;}
.bgc-02{background-color:#fff;}
.bgc-03{background-color:#fcfbe9;}
.c-01 {
  width: 6.4vw;
  height: 6.4vw;
  padding:0vw 0 0 0;
  font-size:3.73vw ;
}
.font30-text{font-size:24px;}
.font20-text{font-size:16px;}
.bb-dash{border-bottom:2px dashed;}
.bb-dash-02{border-bottom:3px dashed #fee442;}
/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.pb-01{padding-bottom:40px}
.pb-02{padding-bottom:10px}
.pb-03{padding-bottom:40px}
.pt-01{padding-top:10px}
.pt-02{padding-top:-50px}
.pt-03{padding-top:0px}
.pt-04{padding-top:2px}
.suggestion-box-01-01{
 padding:60px 40px 20px 40px;
 text-align: center;
 background-color:#fff; 
}
.font18-text{font-size:18px;}
.font32-text{font-size:32px;}

.mb-01{margin-bottom:10px}
.mb-03{margin-bottom:-30px}
.mt-04{margin-top:40px;}
.mt-05{margin-bottom:40px}
.mt-06{margin-top:0px;}
.bgc-01{background-color:#3f9dd4 ;}
.bgc-02{background-color:#fff;}
.bgc-03{background-color:#fcfbe9;}
.c-01 {
  width: 30px;
  height: 30px;
  padding:3px 0 0 0;
  font-size:18px ;
}
.font30-text{font-size:30px;}
.font20-text{font-size:40px;}
.bb-dash{border-bottom:3px dashed;}
.bb-dash-02{border-bottom:6px dashed #fee442;}


}






/*フッター設定
---------------------------------------------------------------------------*/
#footer {
  width: 100%;
  min-width: 100%;
  font-size:75%;
  margin:0px auto;
  padding:20px 20px 15px 20px;
  background-color: #e7f0fb;
  color: #3d3d3d;
  text-align: center;
}

#footer a {
  color: #3d3d3d;
  margin: 10px 0;
}

#footer p {
  margin: 10px 0;
}

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){

#footer {
  width: 100%;
  margin: 0 auto;
  font-size: 85%;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #3d3d3d;
  position: relative;
  background-color: #e7f0fb;
  font-size: 90%;
}

#footer a {
  color: #3d3d3d;
  margin: 10px 0;
}

#footer p {
  margin: 10px 0;
}
}/* ▲PCメディアクエリ終了▲ */





/*その他
---------------------------------------------------------------------------*/
.clear {
  clear: both;
}


/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.clear {
  clear: both;
  }


} /* ▲PCメディアクエリ終了▲ */




/*フォント設定
---------------------------------------------------------------------------*/
.red { color: #C00;}

.bold { font-weight: bold;}

.size10 {
  font-size: 10px;
}

.size12 {
  font-size: 12px;
}

.size14 {
  font-size: 14px;
}

.size105 {
  font-size: 105%;
}

.size110 {
  font-size: 110%;
}

.size130 {
  font-size: 130%;
}

.size150 {
  font-size: 150%;
}

.size200 {
  font-size: 200%;
}

.fnt18 {
  font-size: 18px;
}

input {
  padding: 8px;
  font-size: 140%;
}

dl,
dt,
dd {
  margin: 0;
  padding: 0;
}



/* ▼PCメディアクエリ */
@media screen and (min-width:769px){

}
/* ▲PCメディアクエリ終了▲ */




/* margin,padding調整用クラス
---------------------------------------------------------------------------*/
.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml40 {
  margin-left: 40px;
}

.ml60 {
  margin-left: 60px;
}

.ml75 {
  margin-left: 75px;
}

.ml80 {
  margin-left: 80px;
}

.mr20 {
  margin-right: 20px;
}

.mr400 {
  margin-right: 400px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb-10{
  margin-bottom: -10px;
}

.pt20 {
  padding-top: 20px;
}

.pt40 {
  padding-top: 40px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb40 {
  padding-bottom: 40px;
}

.pl10 {
  padding-left: 10px;
}

.pl30 {
  padding-left: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pr10 {
  padding-right: 10px;
}

.pd20 {
  padding: 20px;
}

.pd30 {
  padding: 30px;
}



/* メディアクエリ（スマホ表示用のCSS）
---------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
 
 
  img {
    max-width: 100% !important;
  }

 

  .size150 {
    font-size: 120%;
  }

  .size130 {
    font-size: 105%;
  }

  .size200 {
    font-size: 140%;
  }

  

  input {
    max-width: 99%;
  }

}