@charset "UTF-8";
/* CSS Document */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;	
}

body {
font-size: 15px;
line-height: 1.75;
letter-spacing: 0.1em;
font-family: 'Noto Sans JP', sans-serif;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;        
color: #3a3a3c;   
font-weight: 500;    
}

p{
	letter-spacing: 0.1em;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 600;
	line-height: 1.7;
}
a{
	text-decoration: none;
	color: #333;
	transition: .4s;
}


ul,ol{
	list-style: none;
	padding: 0;
}
li{
	list-style-type: none;
}
section {
	padding: 80px 0 ;
	width: 100%;
	display: inline-block;
}
a.anchor{
	display: block;
	padding-top: 85px;
	margin-top: -85px;
}

/*改行　-------*/
@media (min-width: 451px){
	br.only450{
		display: none;
	}
}

@media (max-width: 450px){
	br.not450{
		display: none;
	}
}

span.ib{
	display: inline-block　!important;
}

img{
	width: 100%;
	height: 100%;
}

/*PC・SP表示-----------------------*/
.sp{
	display: none;
}
.pc{
	display: block;
}

@media (max-width: 750px) {
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
}

/*幅・高さ調整-------*/
.inner{
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
}
.inner.wide{
	max-width: 1400px;
}
.inner.max{
	max-width: none;
}

/*高さ*/
.mt100{
	margin-top: 100px !important;
}
.mt80{
	margin-top: 80px !important;
}
.mt60{
	margin-top: 60px !important;
}
.mt50{
	margin-top: 50px !important;
}
.mt40{
	margin-top: 40px !important;
}
.mt30{
	margin-top: 30px !important;
}
.mt20{
	margin-top: 20px !important;
}
.mt10{
	margin-top: 10px !important;
}
.mt0{
	margin-top: 0 !important;
}
.mg100{
	margin-bottom: 100px !important;
}
.mg80{
	margin-bottom: 80px !important;
}
.mg60{
	margin-bottom: 60px !important;
}
.mg50{
	margin-bottom: 50px !important;
}
.mg40{
	margin-bottom: 40px !important;
}
.mg30{
	margin-bottom: 30px !important;
}
.mg20{
	margin-bottom: 20px !important;
}
.mg10{
	margin-bottom: 10px !important;
}
.mg0{
	margin-bottom: 0 !important;
}

.tmg40{
	margin-top: -40px;
}

.pmg5 p{
	margin-bottom: 5px;
}
.pmg p{
	margin-bottom: 10px;
}
.pmg15 p{
	margin-bottom: 15px;
}
.pmg20 p{
	margin-bottom: 20px;
}
.pmg5 p:last-child,
.pmg p:last-child,
.pmg15 p:last-child,
.pmg20 p:last-child{
	margin-bottom: 0;
}
.h100{
	height: 100px;	
}
.h50{
	height: 50px;		
}
.h30{
	height: 30px;		
}	
.h20{
	height: 20px;		
}
.h10{
	height: 10px;		
}

.t_center{
	text-align: center;
	margin: 0 auto;
}
.t_left{
	text-align: left;
}
.t_right{
	text-align: right;
}

/*info_flexbox------------------------*/
/*画像 + テキスト 通常のflex*/
.info_flexbox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.comn2{
	width: 48%;
	padding: 1em;
	margin-bottom: 30px;
}
.comn3{
	width: calc( 100% / 3 - 20px);
	padding: 1em;
	margin-bottom: 30px;
}
.comn4{
	width: 30%;
	padding: 1em;
	margin-bottom: 30px;
}
.comn5{
	width: 65%;
	padding: 1em;
	margin-bottom: 30px;
}

.f_center{
	align-items: center;
	justify-content: space-around;
}
.f_end{
	align-items: flex-end;
}
.info_flexbox img{
	height: 100%;
	width: 100%;
	object-fit: contain;
}
@media (max-width: 750px){
	.info_flexbox{
		flex-direction: column;
	}
	.info_flexbox.reverse{
		flex-direction: column-reverse;
	}
	.comn2, .comn3, .comn4, .comn5 {
		width: 100%;
	}
}

/*基本Table---------------------------*/
/*th背景あり*/
.info_table{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.info_table tr{
	border: 1px solid #ccc;
}
.info_table th,
.info_table td{
	padding: 15px 10px;
	letter-spacing: 0.12em;
}
.info_table th{
	background: linear-gradient(to right bottom, #1b2465, #1d4f86);
	color: #fff;
	width: 30%;
	border-right: 1px solid #ccc;
	font-weight: 500;
}
.info_table td{
	background: #fff;
	width: 70%;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-size: 0.95rem;
	text-align: left;
}

/*ラインのみ*/
.info_table02{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.info_table02 tr{
	border-bottom: 2px solid #f5f5f5;
}
.info_table02 th,
.info_table02 td{
	padding: 20px 0;
	letter-spacing: 0.08em;
}
.info_table02 th{
	width: 30%;
	border-bottom: 2px solid #0074C2;
	font-weight: 500;
}
.info_table02 td{
	padding-left: 10px;
	width: 70%;
	text-align: left;
}

@media (max-width: 450px){
	.info_table, .info_table02{
		font-size: 0.9rem;
	}
}

/*スマホ縦並び*/
.info_table03 {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.info_table03 th, .info_table03 td {
  border: 2px solid #d2e8f1;
  padding: 1em 15px;
}
.info_table03 td {
	text-align: left;
}
.info_table03 th {
  width: 30%;	
  background: #4d9bc1;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 787px) {
  .info_table03 {
    text-align: left;
  }
  .info_table03 th, .info_table03 td {
    display: block;
    border: 0;
    border-bottom: 2px solid #e6f1f6;
  }
  .info_table03 th{
	width: 100%;  
    background: #4d9bc1;
    color:#fff;
	padding-bottom: 0.2em;
  }

}

.b-bor_n tr,.b-bor_n th,.b-bor_n td{
	padding: 0.3em 0;
	border-bottom: none;
}


/*header-----------------------*/

.top{
width: 100%;
height: auto;	
z-index: 998;   
}


header{
width: 100%;
height: auto;  
background: #fff;
-webkit-box-shadow: 0 6px 15px rgba(36, 37, 38, 0.04);
    box-shadow: 0 6px 15px rgba(36, 37, 38, 0.04); 
position: sticky;
top: 0;
left: 0;    
z-index: 900;    
}

.top_menu{
width: 100%;  
height: auto;    
display: block;    
}

.top_menu .menu_t{
width: 100%;
display: flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center; 
min-height: 50px;
}

.top_menu .menu_t .logo{
width:30%;	
}
.top_menu .menu_t .logo img{
width:80%;	
display: block;
margin: 8px auto;
}
.top_menu .m1 li{
    
}
    
.top_menu .m1 a{
display: block;	
color: #000;    
   width: 100%; 
  text-align: center;    
 font-size: 1em;  
transition: all 0.5s;    
}

.m1{
width: 40%;	 
display: block;  
background: rgba(255,255,255,0.6); 

}
.top_menu .m1 ul{
width: 100%;		
display: flex;
align-items:center;
justify-content:flex-end;  
align-items: center;     
margin: 0 auto; 
}
.m1 ul li .color{
display: block;
color: #0074C2;   
font-family: 'Kanit', sans-serif;        
letter-spacing: 1px;  
transition: all 0.5s;     
}

.m1 ul li a:hover .color{
opacity: 0.5; 
text-decoration: transparent;    
}


.c-txt.line {
  padding-bottom: 5px;
  position: relative;
}
.c-txt.line::before {
  background: #0074C2;
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.c-txt.line:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}


.b1 {
  width: 150px;  
 line-height: 1.5;    
}

.top_contact{
height: auto;
display: flex;    
flex-wrap:wrap;
justify-content:flex-end;
align-items:center;      
}

.t-tel{
width: 250px; 
margin-right:3%;    
}
.t-tel a{
width: 100%;	    
font-size:1.8em;	
color: #0D8300;   
transition: all 0.5s;	
display: block;       
margin: 0 auto;
text-align:center;  
font-family: 'Kanit', sans-serif;    
}

.t-tel a:hover{ 
opacity: 0.7;    
text-decoration: transparent;   
}
.heading-021 {
    position: relative;
    border-bottom: 2px solid #0D8300;
    color: #0D8300;
    display: block;
    font-size: 0.5em;
        text-align: center;
    width: 95%;
    display: block;
    margin: 0 auto;
    font-weight: 500;
}

.heading-021::before,
.heading-021::after {
    position: absolute;
      left: 50%;
  -webkit-transform : translateX(-50%);
  transform : translateX(-50%);
    bottom: -10px;
    width: 20px;
    height: 10px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';

}

.heading-021::before {
    background-color:#0D8300;
}

.heading-021::after {
    bottom: -7px;
    background-color: #fff;
}
.t-mail{
width: 200px;	
}

.t-mail a{
width: 100%;	     
font-size: 1em;	
color:#0074C2; 
border: solid 2px #0074C2;
padding:3% 1%;   
transition: all 0.5s;	
display: block;       
margin: 0 auto;   
text-align: center; 
line-height: 1.5;     
}

.t-mail a:hover{
color: #fff;    
background:#0074C2; 
text-decoration: transparent;    
}




/*====フッター===*/
footer{
width: 100%;
height: auto;
display:block;
text-align: center;	  
background: url("../img/f_bg.jpg") no-repeat bottom;
background-size: cover;	

}

footer .info_flexbox{
	justify-content: center;
	display: inline-flex;
}
footer .info_flexbox .comn2{	
	padding: 0 0 1em;
}
footer .info_table02{
	width: 60%;
	margin: 0 auto;
}
footer .map{
 width: 100%;
 height: 100%;
 min-height: 200px;
 max-height: 250px;
 background:rgba(0,78,130,0.1); 
 box-shadow: 0 2px 5px #555;
	padding-bottom: 0;
}
footer .f_logo{
	width: 70%;
}
.copyright a{
max-width: 500px; 
width: 70%; 
display: block;
margin: 0 auto;
}
.copyright img{
width: 100%;    
}

footer .copyright{
width: 100%;
height: auto;    
background:#fff;    
}
footer .copyright small{
text-align: center;	
color: #fff;
padding:1em 0;
display: block;	
background: #558eff;
font-weight: 500;    
}



/*===スライダー==============================*/
.top_slider{
width: 100%;
height:calc(100vh - 150px);  
display: block; 
min-height: 500px;    
position: relative;   
padding-left: 1em;
background: url("../img/slide_bg.jpg"); 
}
.slider{
width: 100%;
}

.top_slider{
	overflow: hidden;
    width: 100%;
}


.top_slider .slider li{
  width:100%;    
	height: auto;
	position: relative;
 padding-left:199px;
    overflow: hidden;
}

.top_slider .slider li .slide_img{
	display: block;
	width: 100%;
    height:calc(100vh - 150px);  
	object-fit: cover;
	transition: all 0.5s;	
    display: block;
    overflow: hidden;
	border-radius: 500px 0 0 500px;
  
}

.img_up img {
    transition: 2s;
    transition-delay: 0.7s;
    transform: translateX(-10%) scale(1.2);
}
.img_up.inview img {
    transform: translateX(0) scale(1);
}

/*キャッチ*/
.container {
  position: relative;
}

.color-black,
.color-white {
  font-size: 2em;
  height: calc(100% - 40%);
  overflow: hidden;
  position: absolute;
  top: 40%;
    font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-weight: bold; 
    line-height: 1.3;
}
.color-black strong,
.color-white strong{
 font-size:2em;  
 display: block;
 margin-left: 30px;
 line-height: 2;
	
}
.color-black {
  width: 200px; /* テキストの端から画像の端までの長さ */
}
.color-white {
  margin-left: 200px; /* テキストの端から画像の端までの長さ */
  width: 100%;
    
}
.color-black span,
.color-white span {
  position: absolute;
}
.color-black span {
  color: #3a3a3c;
}
.color-white span {
  color: #fff;
  left: -200px; /* テキストの端から画像の端までの長さ分マイナス */
  text-shadow:2px 2px 5px #000;  
}
.color-black span {
  width: 600%;
}

.top_slider li .catch {
  position: absolute;
bottom: 10%;
  left:5%;
  max-width: 600px;
width: 65%;    
}

.top_slider li .catch img{
	display: block;
	width: 100%;
    margin: 0 auto;
}

.top_slider li .catch3 img{
	display: block;
	width: 35%;
    margin: 0 auto;
}
@keyframes apper {
	0% {
		opacity: 0;
	}
	50%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@media (max-width: 690px){
.top_slider{
    width: 100%;
    height: 300px;
    min-height: 100px;
}
.top_slider .slider li .slide_img{
height: 300px;		
}    
.top_slider .slider li{
 padding-left:49px;
}
.color-black,
.color-white {
  font-size: 0.8em;
}
.color-black strong,
.color-white strong{
 font-size:1.8em;  
}
.color-black {
  width: 50px; /* テキストの端から画像の端までの長さ */
}
.color-white {
  margin-left: 50px; /* テキストの端から画像の端までの長さ */
}

.color-white span {
  left: -50px; /* テキストの端から画像の端までの長さ分マイナス */    
}
.top_slider .slider li .slide_img{
	display: block;
	width: 100%;  
	object-fit: cover;
	transition: all 0.5s;	
    display: block;
    overflow: hidden;
	border-radius: 500px 0 0 500px;
  
}   
}
@media (max-width: 450px){
.top_slider{
	padding-left: 0em;
    width: 100%;
    height: 250px;
    min-height: 100px;
}
.top_slider .slider li .slide_img{
height: 250px;		
}    
.top_slider .slider li{
 padding-left:0;
}
.color-black,
.color-white {
  font-size: 0.8em;
}
.color-black strong,
.color-white strong{
 font-size:1.8em;  
}
.color-black {
  width: 0; /* テキストの端から画像の端までの長さ */
}
.color-white {
  margin-left: 0.3rem; /* テキストの端から画像の端までの長さ */
}

.color-white span {
  left: 1rem; /* テキストの端から画像の端までの長さ分マイナス */    
}
.top_slider .slider li .slide_img{
	width: 100%;  
	object-fit: cover;
	transition: all 0.5s;	
    display: block;
    overflow: hidden;
	border-radius: 0;
  
}   
}
/*===背景==========================================================*/
.bg_bl{
	background: linear-gradient(-125deg, rgba(233, 240, 250, 1), rgba(168, 202, 240, 1));
}
.bg_bl2{
	background: linear-gradient(145deg, #fff 70%, #d7e8fc);
}
/*==見出し==========================================================*/
.mtitle{
    font-size: .9rem;
    font-weight: 700;
    line-height: 120%;
}
.mtitle .en{
	display: block;
	color: #4f7096;
	font-size: 4.0625rem;
    font-weight: 600;
    line-height: 100%;
}

.stitle{
	position: relative;
	padding: .3em;
}
.stitle:after {
	content: "";
	display: block;
	height: 4px;
	background: linear-gradient(to right, #558eff, transparent 60%);
}

.ctitle{
	text-align: center;
	margin-bottom: 30px;
	font-size: 1.8rem;
	letter-spacing: 0.08em;
	color: #2EA7E0;
}
.ctitle::before{
	content: '';
	display: block;
	width: 80px;
	height: 30px;
	background: url(../img/ctitle_deco.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto 5px;
}
.ctitle.white{
	color: #fff;
}
/* 固定ボタン ================================================== */
.fixed_btn{
	position: fixed;
	z-index: 9;
	writing-mode: vertical-rl;
	bottom: -5px;
	right: 0;
	padding: 16px;
	color: #fff;
	font-size: 1.1rem;
	border-radius: 0 0 0 15px;
	width: 30%;
	max-width: 200px;
}
.fixed_btn img{
	width: 100%;
	height: auto;
	transform: rotate(0deg);/*傾きをなくす*/
	transition: all 0.3s;
}
.fixed_btn a{
	color: #fff;
	transition: .5s;

}
.fixed_btn a:hover{
	color:#f7d07c;
	
}
.fixed_btn a:hover img{
	transform: rotate(5deg);
	transition: all 0.3s;
	
}
.fixed_btn span{
		font-size: 70%;
	}


/*===top contents==================================================*/
.pb0{
	padding-bottom: 0 !important;
}
.greeting img{
	height: 100%;
	object-fit: contain;
}
.greeting-text {
    padding-top: 2px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    padding-right: 25%;
    line-height: 200%;
	margin: 0 auto;
}
.greeting-text h3{
    margin: 0 0 0 1rem;
    font-size: 2.3rem;
    letter-spacing: .3em;
    line-height: 1.5;
    vertical-align: top;
	color: #4f7096;
}
.greeting-text p{
    letter-spacing: .05em;
    line-height: 2.5;
    vertical-align: top;
}

.w_btn{
	margin-top: 3em;	
	position: relative;
	transition: 0.2s;
	width: 230px

}
.w_btn a{
	padding:0 60px 5px 20px;
	margin-right: 15px;
	border-bottom: 1px dotted #558eff;
}

.w_btn a::before{
	position: absolute;
	font-family: "Font Awesome 6 Free";
	content: "\f061";
	font-weight: bold;
	background: #558eff;
	color: #fff;
	font-size: 1.5em;
	top: 50%;
	right: 0;
	width: 50px;
	height: 50px;
	line-height: 2.3em;
	text-align: center;
	border-radius: 50%;
	transform: translateY(-50%);
}

.w_btn a:hover{
	color: #3a5f9b;
	border-bottom: 1px dotted #3a5f9b;
	transition: 0.2s;
}

.w_btn a:hover::before {
	background: #3a5f9b;
}

.welcom_scroll{
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.welcom_scroll::before{
    content: url(../img/scroll-img1.png);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height:auto;
    z-index: -1;
    animation: flowimg 25s linear infinite;
}
@keyframes flowimg {
	0% { transform: translateX(100%); }
	100% { transform: translateX(-100%); }
}
@keyframes flowimg_l {
	0% { transform: translateX(-50%); }
	100% { transform: translateX(100%); }
}

/*-----*/
.service_head{
	display: flex;   
	flex-wrap: wrap;
    align-items: center;
    margin-bottom: 60px;
	
}
.s-comn3{
	width: calc(98% / 3 );
	padding: 1em;
	margin-bottom: 30px;
}
.s-td{
	display: none;
}
@media (max-width: 850px) {
	.s-comn3{
	width: calc(98% / 2 );
	padding: 1em;
	margin-bottom: 30px;
}
	.s-comn3:last-child{
		display: none;
	}
	.s-td{
	display: block;
}
	
}
@media (max-width: 590px) {
	.s-comn3{
	width: 98%;
	padding: 1em;
	margin-bottom: 15px;
}	
}

.service_item {
    aspect-ratio: 1/1;
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80%;
    max-width: 100%;
    height: 80%;
    margin: 0 auto;
    color: #344a63;
    transition: all .3s cubic-bezier(.165,.84,.44,1);
    transition-property: color;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
}


.service_item:before {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 84px;
    background-color: #fff;
	box-shadow: 0 3px 10px rgba(79, 112, 150,0.8);
    content: "";
    transition: all .3s cubic-bezier(.165,.84,.44,1);
    transition-property: transform;
    transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

@media (max-width: 991px) {
    .service_item:before {
        border-radius:65px
    }
}

@media (max-width: 767px) {
    .service_item:before {
        border-radius:30px
    }
}

.service_item:after {
    z-index: 1;
    position: absolute;
    bottom: -30%;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    content: "";
    pointer-events: none;
    transition: all .3s cubic-bezier(.165,.84,.44,1);
    transition-property: transform;
    transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.service_item:active,.service_item:focus,.service_item:hover {
    color: #008acd;
    text-decoration: none
}

.service_item:active:before,.service_item:focus:before,.service_item:hover:before {
    transform: scale(.98)
}

.service_item:active:after,.service_item:focus:after,.service_item:hover:after {
    transform: translateY(-20%)
}

.service_item .service_item-icon {
    z-index: 3;
    position: relative;
    width: 120px;
	height: auto;
    margin-bottom: 30px
}

.service_item .service_item-title {
    z-index: 3;
    position: relative;
    margin-bottom: 0;
    font-size: 1rem
}

/*=下層==========================================================================================*/
/*パンクズ */
.breadcrumb {
position: absolute;
bottom: 10px;
left: 10px;    
}


.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
font-size: 0.8em;
color: #fff!important;    
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #fff;
}

.breadcrumb li:last-child:after {
  content: '';
}
.breadcrumb .item_text{
color: #fff;    
}
.breadcrumb li a {
  text-decoration: none;
  color: #fff;
}

/*====ボタン===*/
.button{
width: 200px;
margin: 0 auto;   
}
.button a {
    background: #fff;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px 25px;
    color: #0074C2;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    border:2px solid #0074C2;
}
.button a:before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -2em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 2px;
    background-color: #0074C2;
    transition: 0.3s;
}
.button a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -2em;
    transform: translateY(-50%);
    width: 60px;
    height: 2px;
    background-color: #0074C2;
    transition: 0.3s;
}
.button a:hover:before, .button a:hover:after {
    right: -2.5em;
    background-color:#94c6f7;
 
}
.button a:hover {
    background:#0074C2;
    color: #fff;
       border:2px solid #94c6f7;
}
/*====店舗情報===========*/
.about_map{
	background: linear-gradient(-125deg, rgba(233, 240, 250, 1), rgba(168, 202, 240, 1));
}
.about_map iframe{
	height: 450px;
	border-radius: 20px;
	
}

/*====サービス内容ページ================*/
.rtitle{
	font-weight: 700;
	letter-spacing: 0.08em;
	font-size: 1.35rem;
	margin-bottom: 20px;
	color: #0074C2;
}
.rtitle::before{
	content: '';
	display: inline-block;
	width: 6px;
	height: 1em;
	background: linear-gradient(to bottom, #0074C2 0, #0074C2 50%, #000080 50%, #000080 100%);
	margin-right: 0.5em;
	transform: translateY(2px);
}

.img.round{
	position: relative;
	padding-bottom: 8px;
	padding-right: 10px;
}
.img.round img{
	border-radius: 20px;
}

.img.round::before{
	content: '';
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	position: absolute;
	bottom: 0;
	right: 0;
	background: #0074C2;
	pointer-events: none;
	z-index:-1;
	border-radius: 20px;
}

@media (max-width: 750px){
	.img.round{
		padding-bottom: 8px;
		padding-right: 8px;
	}
	.img.round::after{
		width: calc(100% - 8px);
		height: calc(100% - 8px);
	}
}
.repair{
width:calc(97% / 4);  
padding: 2% ;    
background: #fff;
border-radius: 10px;  
margin-top: 1em;    
}
.repair img{
    max-width: 100px;
    width: 60%;
    display: block;
    margin: 0 auto;
}
.repair p{
text-align: center;
color: #235FD9;    
}
@media (max-width: 950px){
	.repair {
    width: calc(97% / 2);
}
}
@media (max-width: 750px){
	.repair {
    width: 97%;
}
}

.img.round img.deco1{
	position: absolute;
    top: -31%;
	left: 0px;
    width: 46%;
}