@charset "UTF-8";

/* ▼▼▼ トップ
======================================================*/
/* slickにflexを使用したときの不具合対策 */
* {
   min-height: 0;
   min-width : 0;
 }

/* ▼ メインビジュアル
----------------------------------------*/
#mainVisual {
	width: 100%;
	max-width: 1366px;
	padding:70px 0 0 0;
	margin:0 auto 40px;
	position: relative;
	background: url(../img/top/mv_bg_pc.png) no-repeat left bottom / 80%;
	overflow: hidden;
}
#mainVisual ul.slider{
	display: none;
}
	#mainVisual ul.slider.slick-initialized{
		display: block;
	}

#mainVisual ul.slider li{
	display: flex!important;
	justify-content: space-between;
	align-items: center;
}

#mainVisual ul.slider li h1.mv_title{
	width: 35%;
  min-width: 450px;
  padding: 40px 10px 30px 6%;
  color: #fff;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
#mainVisual ul.slider li h1.mv_title span.mv_sub{
	display: inline-block;
	border:1px solid #6F6F6F;
	padding: 5px 10px;
	margin-bottom: 15px;
	font-size:14px;
	text-align: center;
}
#mainVisual ul.slider li h1.mv_title span.mv_main{
  display: block;
	font-size:38px;
	line-height: 1.7;
}
#mainVisual ul.slider li h1.mv_title span.mv_main span{
	font-size:60px;
	line-height: 1;
}
#mainVisual ul.slider li h1.mv_title a{
	display: block;
	width:300px;
	height:70px;
	background: #0340C9;
	margin: 20px 0 15px 0;
	font-size:19px;
	text-align: center;
	line-height: 70px;
}
#mainVisual ul.slider li h1.mv_title span.mv_note{
	font-size: 12px;
	font-weight: 500;
}
#mainVisual ul.slider li > img{
	width:calc(100% - 37%);
	position: relative;
	top:-50px;
}

.slick-list{
	overflow: visible;
}



/* ▼ 動画でわかる物件レポート作成
----------------------------------------*/
#movie{
  background: url(../img/section_bg_bk_pc.png) no-repeat center / cover;
  padding:50px 0 65px;
  color:#fff;
  font-weight: 700;
}
#movie h2.title{
  margin-bottom: 30px;
  font-size:28px;
  text-align: center;
  }
#movie h3.title{
  font-size:19px;
  text-align: center;
  }
#movie .movie_wrap{
  display: flex;
  justify-content: space-between;
}
#movie .movie_wrap .movie_block{
  width:45%;
}
#movie .movie_wrap .movie_block div{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 10px;
}
#movie .movie_wrap .movie_block div iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


/* ▼ 不動産会社向け営業支援サービス 不動産ビジネスセンター
----------------------------------------*/
#service_title{
  padding:80px 0 60px;
}
#service_title h2{
  font-size:36px;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}
#service_title h2 span:first-of-type{
  display: inline-block;
  font-size: 18px;
  margin-bottom: 20px;
}
#service_title h2 span:last-of-type{
  font-size: 14px;
  font-weight: 400;
}


/* ▼ 査定書・提案書 自動作成ツール
--------------------------------------- */
#tool{
	background: rgb(229,229,229);
  background: linear-gradient(0deg, rgba(229,229,229,1) 0%, rgba(245,244,244,1) 100%);
  padding:70px 0;
}
#tool .container{
  display: flex;
  max-width:1366px;
}
#tool .container .tool_img{
  display: flex;
  align-items: flex-end;
  width:58%;
  background: url(../img/top/tool_img_2.png) no-repeat center top / contain;
  padding:0 3%;
  margin-right: 20px;
}
#tool .container .tool_img ul{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
#tool .container .tool_img ul li{
  width:23%;
}
#tool .container .tool_img ul li p:first-of-type{
  width: 100%;
  padding-top: 100%;
  background: #0340C9;
  border-radius: 50%;
  position: relative;
}
#tool .container .tool_img ul li p:first-of-type span{
  width: 100%;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  letter-spacing: -0.02em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  }
#tool .container .tool_img ul li p:last-of-type{
  margin-top: 10px;
  color:#0340C9;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.02em;
}


/* ▼ ツール・サービス内容共通パーツ
--------------------------------------- */
.product_info{
  width: 40%;
}
.product_info .product_info_inner{
  width:100%;
  max-width:340px;
  margin:auto;
}
.product_info .product_info_inner .sub_title{
  display: inline-block;
  padding:5px 15px;
  border:1px solid #000;
  font-weight: 500;
}
.product_info .product_info_inner h2.title{
  margin: 20px 0;
  font-size:28px;
  font-weight: 700;
  line-height: 1.6;
}
.product_info .product_info_inner .product_info_text{
  margin-bottom: 30px;
}
.product_info .product_info_inner .product_info_text span:nth-of-type(2){
  display: block;
  margin-top: 20px;
  font-size:12px;
  font-weight: 300;
  letter-spacing: -0.01em;
}
.product_info .product_info_inner > a{
  display: block;
  width: 100%;
  height:60px;
  font-size:18px;
  font-weight: 700;
  text-align: center;
  line-height: 60px;
}
.product_info .product_info_inner .link_btn_bk{
  background: #000;
  margin-bottom: 20px;
  color:#fff;
}
.product_info .product_info_inner .link_btn_wh{
  background: #fff;
  border:1px solid #000;
}


/* ▼ 機能紹介
--------------------------------------- */
#function{
  padding:80px 0 130px;
}
#function .container{
  max-width:1240px;
}

/* ▼ 機能紹介　査定情報以外にも様々な情報が盛りだくさん！多言語にも対応
--------------------------------------- */
#function #info_lang .info_lang_inner{
  display: flex;
  justify-content: space-between;
}
#function #info_lang .info_lang_inner > div h3.title{
  max-width: 520px;
  background: #0340C9;
  border-radius: 5px;
  padding: 5px 10px;
  margin:0 auto 20px;
  color:#fff;
  font-size:20px;
  font-weight: 700;
  text-align: center;
  position: relative;
}
#function #info_lang .info_lang_inner > div h3.title::after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 11px 0 11px;
  border-color: #033fc9 transparent transparent transparent;
  margin:auto;
  position: absolute;
  right:0;
  bottom: -13px;
  left: 0;
}

#function #info_lang .info_lang_inner .info_list{
  width: 58%;
}
#function #info_lang .info_lang_inner .info_list ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding:35px 0 0 0;
}
#function #info_lang .info_lang_inner .info_list ul li{
  margin: 0 15px 20px 15px;
  text-align: center;
}
#function #info_lang .info_lang_inner .info_list ul li img{
  height:56px;
  margin:auto;
}
#function #info_lang .info_lang_inner .info_list ul li p{
  color:#0340C9;
  font-size:12px;
  font-weight: 500;
  text-align: center;
}
#function #info_lang .info_lang_inner .lang_list{
  width: 38%;
}
#function #info_lang .info_lang_inner .lang_list ul{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#function #info_lang .info_lang_inner .lang_list ul li{
  width:30%;
}
#function #info_lang .info_lang_inner .lang_list ul li p{
  margin-bottom: 10px;
  color:#0340C9;
  font-size:16px;
  font-weight: 700;
  text-align: center;
}
#function #info_lang .info_lang_inner .lang_list ul li img{
  box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.16);
}


/* ▼ 機能紹介　レポート提出に便利なオンライン共有機能
--------------------------------------- */
#function #online{
  background: #E1E8F7;
  padding:80px 0;
  margin:50px auto 40px;
  text-align: center;
}
#function #online h2.title{
  margin-bottom: 50px;
  color:#0340C9;
  font-size:24px;
  font-weight: bold;
  text-align: center;
}
#function #online img{
  max-width: 800px;
  margin-bottom: 30px;
}
#function #online ul{
  display: flex;
  justify-content: space-between;
  max-width: 800px;
  margin: auto;
}
#function #online ul li{
  width:23%;
}
#function #online ul li p{
  width: 100%;
  padding-top: 100%;
  background: #0340C9;
  border-radius: 50%;
  color:#fff;
  font-size:16px;
  font-weight: bold;
  position:relative;
  }
#function #online ul li p span{
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* ▼ 機能紹介　カスタマイズオプション
--------------------------------------- */
#function #customize{
  background: rgb(229,229,229);
  background: linear-gradient(0deg, rgba(229,229,229,1) 0%, rgba(245,244,244,1) 100%);
  padding:80px 0;
  text-align: center;
}
#function #customize .customize_flex{
  display: flex;
  justify-content: space-between;
  max-width: 960px;
  margin:auto;
}
#function #customize .product_info .product_info_inner{
  margin-left:0;
}
#function #customize .customize_flex .customize_img{
  width: 58%;
  text-align: center;
}
#function #customize .customize_flex .customize_img img{
  max-width: 540px;
}

#function #customize > p{
  max-width: 960px;
  margin:50px auto 0;
}



/* ▼ サービス紹介　WEB集客・反響支援サービス共通
--------------------------------------- */
.service_wrap{
  margin-bottom: 120px;
}

.service_flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.service_flex .service_img{
  width:60%;
  background:linear-gradient(0deg, rgba(229,229,229,1) 0%, rgba(245,244,244,1) 100%);
  text-align: center;
  position: relative;
}
.service_flex .service_img::before{
  content:'';
  width:100%;
  height:227px;
  background: url(../img/bg_deco01.png) no-repeat left bottom / contain;
  position: absolute;
  top: -227px;
  left: 0;
  z-index:-1;
}
.service_flex .service_img img{
  width: 100%;
  max-width:583px;
  margin:auto;
  }

.service_wrap > p {
  max-width: 950px;
  padding: 0 20px;
  margin: 60px auto 0;
  line-height: 2.2;
  letter-spacing: 0em;
}



/* ▼ 各サービス個別設定
--------------------------------------- */

/* WEB集客・反響支援サービス */
#service01 .service_flex .service_img{
  padding:110px 20px 80px;
}
#service01 .service_flex .service_img p{
  width:188px;
  height:188px;
  background: url(../img/baloon.png) no-repeat center / contain;
  position: absolute;
  top: 30px;
  left: 14%;
  }
#service01 .service_flex .service_img p span{
    width: 100%;
    color:#fff;
    font-size:17px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

/* 顧客紹介サービス */
#service02 .service_flex .service_img{
  order:1;
  padding:110px 20px 130px;
}
#service02 .service_flex .service_img ul{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 60%;
  margin: auto;
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
}
#service02 .service_flex .service_img ul li{
  width:31%;
}
#service02 .service_flex .service_img ul li p{
  width: 100%;
  padding-top: 100%;
  background: #0340C9;
  border-radius: 50%;
  position: relative;
}
#service02 .service_flex .service_img ul li p span{
  width: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  letter-spacing: -0.02em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  }
  #service02 .service_flex .service_img ul li p span span{
    margin-top: 15px;
    font-size:14px;
  }

/* ニーズ閲覧サービス */
#service03 .product_info .product_info_inner .sub_title{
  letter-spacing: 0;
}
#service03 .service_flex .service_img{
  padding:110px 20px 140px;
}
#service03 .service_flex .service_img .circle{
  width:178px;
  height:178px;
  border-radius: 89px;
  background: #0340C9;
  position: absolute;
  bottom: 100px;
  left: 14%;
  }
  #service03 .service_flex .service_img .circle span{
    width: 100%;
    color:#fff;
    font-size:22px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }




/* ▼ お知らせ
--------------------------------------- */
#top_news{
  background: url(../img/top/news_bg_pc.jpg) no-repeat center / cover;
  padding:50px 0;
}
#top_news .container{
background: rgba(255,255,255,0.9);
padding:50px 100px 50px 100px;
}
#top_news .container h2.title{
  margin-bottom: 20px;
  font-size:28px;
  text-align: center;
  font-weight: bold;
}
#top_news .container ul.news_list li{
  border-bottom:1px solid #CCCCCC;
  padding:20px 0;
  font-weight: 500;
}
#top_news .container ul.news_list li .date{
  margin-right:20px;
  color:#0340C9;
  font-weight: bold;
}
#top_news .container ul.news_list li a{
  font-size: 16px;
  font-weight: bold;
}
#top_news .container .news_btn{
  display: block;
  width:340px;
  height:60px;
  background: #000;
  margin:35px auto 0;
  color:#fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  line-height: 60px;
}
#top_news .container ul.news_list li .fresh {
    color: red;
    font-weight: bold;
    margin-right: 5px;
}





/* ▼▼▼ 769px〜1100px
======================================================*/
@media screen and (min-width: 1041px) and (max-width: 1150px) {

	#mainVisual {
    background-size: 90%;
		}

}

/* ▼▼▼ 769px〜1100px
======================================================*/
@media screen and (min-width: 861px) and (max-width: 1040px) {

  #mainVisual {
    background-size: 100%;
		}
  #mainVisual ul.slider li h1.mv_title{
    min-width: 420px;
    padding-left:30px;
  }
  #mainVisual ul.slider li > img {
    min-width: 550px;
    top: -100px;
    }

}

/* ▼▼▼ 769px〜1100px
======================================================*/
@media screen and (min-width: 769px) and (max-width: 860px) {

  #mainVisual {
    background-size: 100% 80%;
		}
  #mainVisual ul.slider li h1.mv_title{
    min-width: 420px;
    padding-bottom:10px;
    padding-left:30px;
  }
  #mainVisual ul.slider li > img {
    min-width: 550px;
    top: -100px;
    left: -70px;
    }

}



/* ▼▼▼ 480px〜768px
======================================================*/
@media screen and (max-width: 768px) {
	* {
	   min-height: 0;
	   min-width : 0;
	 }

	#mainVisual {
		background: url(../img/top/mv_bg_sp.png) no-repeat left bottom / calc(100% - 20px);
		padding: 0;
		margin: 118px auto 40px;
		position: relative;
	}
  #mainVisual ul.slider li h1.mv_title {
    width: 100%;
    min-width: 100%;
    padding: 40px 30px;
    color: #fff;
  }
  #mainVisual ul.slider li h1.mv_title span.mv_main {
    font-size: 30px;
  }
  #mainVisual ul.slider li h1.mv_title span.mv_main span {
    font-size: 47px;
    line-height: 1;
  }
	#mainVisual ul.slider li{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#mainVisual ul.slider li h1.mv_title{
		order:1;
	}
	#mainVisual ul.slider li > img{
		order:0;
    width: calc(100% - 20px);
    position: relative;
    top: 20px;
    right: -20px;
	}



  /* ▼ 動画でわかる物件レポート作成
  ----------------------------------------*/
  #movie{
    background: url(../img/section_bg_bk_sp.png) no-repeat center / cover;
    padding:50px 0 20px;
  }
  #movie h2.title {
    font-size: 20px;
    }
  #movie h3.title{
    font-size:18px;
    }
  #movie .movie_wrap{
    display: block;
  }
  #movie .movie_wrap .movie_block{
    width:100%;
    margin-bottom:30px;
  }

  /* ▼ 不動産会社向け営業支援サービス 不動産ビジネスセンター
  ----------------------------------------*/
  #service_title{
    padding:50px 0 ;
  }
  #service_title h2{
    font-size: 26px;
    line-height: 1.2;
  }
  #service_title h2 span:first-of-type{
    margin-bottom: 10px;
  }
  #service_title h2 span:last-of-type{
    display: inline-block;
    margin-top: 15px;
    line-height: 1.7;
    text-align: center;
    }


    /* ▼ 査定書・提案書 自動作成ツール
    --------------------------------------- */
    #tool{
    	padding: 40px 0;
    }
    #tool .container{
      flex-direction: column-reverse;
    }
    #tool .container .tool_img{
      display: flex;
      align-items: flex-end;
      width: 100%;
      margin-top: 30px;
      margin-right: 0;
    }
    #tool .container .tool_img ul{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
      margin-top: 180px;
    }
    #tool .container .tool_img ul li{
      width: 45%;
      margin-bottom: 10px;
    }
    #tool .container .tool_img ul li p:first-of-type{
      width: 100%;
      padding-top: 100%;
      background: #0340C9;
      border-radius: 50%;
      position: relative;
    }
    #tool .container .tool_img ul li p:first-of-type span{
      width: 100%;
      color: #fff;
      font-size: calc(112.5% + 0.3vw);
      font-weight: 500;
      text-align: center;
      line-height: 1.5;
      letter-spacing: -0.02em;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      }
    #tool .container .tool_img ul li p:last-of-type{
      margin-top: 10px;
      color:#0340C9;
      font-weight: 700;
      text-align: center;
      letter-spacing: -0.02em;
    }


    /* ▼ ツール・サービス内容共通パーツ
    --------------------------------------- */
    .product_info{
      width: 100%;
    }
    .product_info .product_info_inner{
      width:100%;
      max-width:340px;
      margin:auto;
    }
    .product_info .product_info_inner h2.title{
      font-size: 22px;
    }
    .product_info .product_info_inner .product_info_text{
      /* margin-bottom: 30px; */
    }
    .product_info .product_info_inner .product_info_text span:nth-of-type(2){
      display: block;
      margin-top: 20px;
      font-size:12px;
      font-weight: 300;
      letter-spacing: -0.01em;
    }
    .product_info .product_info_inner > a{
      display: block;
      width: 100%;
      height:60px;
      font-size:18px;
      font-weight: 700;
      text-align: center;
      line-height: 60px;
    }


    /* ▼ 機能紹介
    --------------------------------------- */
    #function{
      padding: 50px 0 50px;
    }
    #function .container{
      max-width:1240px;
    }

    /* ▼ 機能紹介　査定情報以外にも様々な情報が盛りだくさん！多言語にも対応
    --------------------------------------- */
    #function #info_lang .info_lang_inner{
      display: block;
    }
    #function #info_lang .info_lang_inner > div h3.title{
      font-size: 18px;
      line-height: 1.5;
      padding: 10px;
    }
    #function #info_lang .info_lang_inner > div h3.title::after{
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 13px 11px 0 11px;
      border-color: #033fc9 transparent transparent transparent;
      margin:auto;
      position: absolute;
      right:0;
      bottom: -13px;
      left: 0;
    }

    #function #info_lang .info_lang_inner .info_list{
      width: 100%;
    }
    #function #info_lang .info_lang_inner .info_list ul{
      display: flex;
      flex-wrap: wrap;
      padding: 15px 0 0 0;
    }
    #function #info_lang .info_lang_inner .info_list ul li img{
      height:56px;
      margin:auto;
    }
    #function #info_lang .info_lang_inner .info_list ul li p{
      color:#0340C9;
      font-size:12px;
      font-weight: 500;
      text-align: center;
    }
    #function #info_lang .info_lang_inner .lang_list{
      width: 100%;
      margin-top: 30px;
    }
    #function #info_lang .info_lang_inner .lang_list ul li p{
      height: 60px;
    }


    /* ▼ 機能紹介　レポート提出に便利なオンライン共有機能
    --------------------------------------- */
    #function #online{
      padding: 50px 20px 30px;
      margin:50px auto 40px;
    }
    #function #online h2.title{
      margin-bottom: 30px;
      font-size: 20px;
    }
    #function #online img {
      max-width: 100%;
    }
    #function #online ul{
      flex-wrap: wrap;
    }
    #function #online ul li{
      width: 48%;
      margin-bottom: 4%;
    }
    #function #online ul li p{
      width: 100%;
      padding-top: 100%;
      background: #0340C9;
      border-radius: 50%;
      color:#fff;
      font-size: 14px;
      font-weight: bold;
      position:relative;
      }
    #function #online ul li p span{
      width: 100%;
      text-align: center;
      letter-spacing: -0.01em;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }

    /* ▼ 機能紹介　カスタマイズオプション
    --------------------------------------- */
    #function #customize{
      padding: 50px 20px;
    }
    #function #customize .customize_flex{
      flex-direction: column;
      max-width: 100%;
    }
    #function #customize .product_info .product_info_inner{
      margin-left:0;
    }
    #function #customize .customize_flex .customize_img{
      width: 100%;
      margin-top: 30px;
    }
    #function #customize .customize_flex .customize_img img{
      max-width: 100%;
    }

    #function #customize > p{
      max-width: 100%;
      margin: 20px auto 0;
    }



    /* ▼ サービス紹介　WEB集客・反響支援サービス共通
    --------------------------------------- */
    .service_wrap{
      margin-bottom: 50px;
    }

    .service_flex{
      flex-direction: column;
    }
    .service_flex .service_img{
      width:60%;
      background:linear-gradient(0deg, rgba(229,229,229,1) 0%, rgba(245,244,244,1) 100%);
      text-align: center;
      position: relative;
    }
    .service_flex .service_img::before{
      content:'';
      height: 170px;
      top: -170px;
    }

    .service_wrap > p {
      max-width: 950px;
      padding: 0 20px;
      margin: 30px auto 0;
      line-height: 2.2;
      letter-spacing: 0em;
    }



    /* ▼ 各サービス個別設定
    --------------------------------------- */
    #service01 .service_flex,
    #service03 .service_flex{
      flex-direction: column-reverse;
    }
    /* WEB集客・反響支援サービス */
    #service01 .service_flex .service_img{
      padding: 80px 20px 40px;
      width: 100%;
      margin-top: 50px;
    }
    #service01 .service_flex .service_img p{
      width: 128px;
      height: 128px;
      top: 10px;
      left: 3%;
      }
    #service01 .service_flex .service_img p span{
      font-size: 14px;
      }

    /* 顧客紹介サービス */
    #service02 .service_flex .service_img{
      width: 100%;
      padding: 50px 20px 110px;
      margin-top: 30px;
    }
    #service02 .service_flex .service_img ul{
      width: 90%;
    }
    #service02 .service_flex .service_img ul li p span{
      font-size: 16px;
    }
    #service02 .service_flex .service_img ul li p span span{
      margin-top: 10px;
      font-size: 12px;
    }

    /* ニーズ閲覧サービス */
    #service03 .product_info .product_info_inner .sub_title{
      letter-spacing: 0;
    }
    #service03 .service_flex .service_img{
      padding: 50px 20px 70px;
      margin-top: 30px;
      width: 100%;
    }
    #service03 .service_flex .service_img .circle{
      width: 128px;
      height: 128px;
      border-radius: 64px;
      background: #0340C9;
      position: absolute;
      bottom: 30px;
      left: 4%;
      }
      #service03 .service_flex .service_img .circle span{
        width: 100%;
        color:#fff;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }




    /* ▼ お知らせ
    --------------------------------------- */
    #top_news{
      background: url(../img/top/news_bg_sp.jpg) no-repeat center / cover;
      padding: 50px 20px;
    }
    #top_news .container{
    padding: 20px 20px 40px;
    }
    #top_news .container h2.title{
      margin-bottom: 0;
      font-size: 24px;
      text-align: center;
    }
    #top_news .container ul.news_list li .date{
      display: block;
      margin-right: 0;
    }
    #top_news .container ul.news_list li a{
      font-size: 16px;
      display: block;
      line-height: 1.6;
      margin-top: 5px;
    }
    #top_news .container .news_btn{
      width: 100%;
    }































}