@charset 'UTF-8';

body {
  background: #fff;
  letter-spacing: 102%;
}

.tittle{
   text-align: center;
   font-size: 15px;
   color:#00cc33;
}

 /*-----------------------------------------------------------------
 枠の設定
 -----------------------------------------------------------------*/

 .group{
   padding: 0 0 5px 0;
   margin: 0px auto 20px auto;
   width: 859px;
   height: auto;
   border: 5px solid #FFE6CD;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
 }

 .bg01 {
  background:url("../images/service/1.png") no-repeat;
  width: 100%;
  height: 380px;
  position: relative;
  margin: 0 auto;
  padding: 0 auto;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
 }

.bg01 .text{
   text-align: left;
   padding: 90px 0 0px 307px;
   font-size: 15px;
   line-height: 1.6;
   width: 358px;
   position:absolute;
 }

 .group .font11{
     font-size: 11px;
     text-decoration: underline;
     color: #333;
 }

 .font11 a:visited{
  color: #333;
 }

 .font11 a:hover {
  color: #b3b3b3;
 }

 /*-----------------------------------------------------------------
 電話
 -----------------------------------------------------------------*/

.sskt_main_pd1_tel {
   position: absolute;
   top: 300px;
   left: 15px;
   width: 160px;
   height: 70px;
   font-size: 11px;
   text-align: center;
 }



 /*-----------------------------------------------------------------
リンクボタン２
 -----------------------------------------------------------------*/
 .sskt_main_pd1_cart2 {
  position: absolute;
  top: 310px;
  left: 186px;
  width: 160px;
  height: 55px;
 }

 .sskt_main_pd1_cart3 {
  position: absolute;
  top: 310px;
  left: 650px;
  width: 160px;
  height: 55px;
 }

 .sskt_main_pd1_suryo3 {
   position: absolute;
   top: 310px;
   left: 417px;
   width: 160px;
   height: 55px;
   font-size: 11px;
   text-align: center;
 }



 /*-----------------------------------------------------------------
 各保険のリボン付き枠
 -----------------------------------------------------------------*/
.ribbon_box1 {    
    float: left;
    display: block;
    position: relative;
    margin: 15px 5px 15px 20px;
    padding: 10px 0px;
    width: 275px;
    height: 340px;
    background: #f1f1f1;
  }

.box1 {    
    padding: 0px 5px;
    font-size: 130%;
  }

.box1_photo{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 275px;
  height: 170px;
}

.ribbon_box2 {    
    float: both;
    display: block;
    position: relative;
    margin: 15px auto;
    padding: 10px 20px;
    width: 300px;
    background: #f1f1f1;
  }

.ribbon9 {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 0 0 -20px;
    width: calc(100% + 20px);
    font-size: 18px;
    color: white;
    background: #70a6ff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.ribbon9:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px #6081b7;
}


 /*-----------------------------------------------------------------
 Gallery　と　見直し文章の枠
 -----------------------------------------------------------------*/
.box30 {
    float: both;
  position: relative;
    margin: 2em 0;
    background: #ffffec;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 160%;
    background: #ff9460;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
    font-size: 130%;
}

.box30_p2 {
  position: absolute;
    padding:10px 10px 10px 30px;
width:500px;
    font-size: 120%;
color:#ab5555;
}


 /*-----------------------------------------------------------------
リンクボタン　横
 -----------------------------------------------------------------*/
 .box30_sodan {
  position: absolute;
  bottom: 10px;
  left: 250px;
  width: 160px;
  height: 55px;
 }

 .box30_siryo {
  position: absolute;
  bottom: 10px;
  left: 450px;
  width: 160px;
  height: 55px;
 }

 .box30_visitor {
  position: absolute;
  bottom: 10px;
   left: 650px;
   width: 160px;
   height: 55px;
 }

 /*-----------------------------------------------------------------
リンクボタン　縦
 -----------------------------------------------------------------*/
 .box30_sodan2 {
  position: absolute;
  bottom: 170px;
  left: 300px;
  width: 160px;
  height: 55px;
 }

 .box30_siryo2 {
  position: absolute;
  bottom: 90px;
  left: 300px;
  width: 160px;
  height: 55px;
 }

 .box30_visitor2 {
  position: absolute;
  bottom: 10px;
   left: 300px;
   width: 160px;
   height: 55px;
 }

/* =======================================================
  レスポンシブル設定568
======================================================= */
@media screen and (max-width: 780px) {
	.wi100 {
		width: 100%;
		height: auto;
	}


 /*-----------------------------------------------------------------
リンクボタン　横
 -----------------------------------------------------------------*/
 .box30_sodan {
  position: absolute;
  bottom: 10px;
  left: 1px;
  width: 150px;
  height: auto;
 }

 .box30_siryo {
  position: absolute;
  bottom: 10px;
  left: 164px;
  width: 150px;
  height: auto;
 }

 .box30_visitor {
  position: absolute;
  bottom: 10px;
   left: 326px;
   width: 150px;
   height: auto;
 }

 /*-----------------------------------------------------------------
リンクボタン　横
 -----------------------------------------------------------------*/
.box30_p2 {
  position: absolute;
    padding:1px 0px 1px 5px;
width:41%;
    font-size: 100%;
color:#ab5555;
}

}