@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Noto+Sans+JP:wght@400;500;700&family=Roboto&display=swap');
/*-------------------------------------------------------- 
                       ヘッダー
---------------------------------------------------------- */
#header_top .clearfix{
	width:1066px;
	margin:0 auto;
}
	
h1{
	width:500px;
	float:left;	
	padding:7px 0 9px;
	font-size:11px;
	color:#FFFFFF;
}
#header_top .header_mail{
	width:550px;
	float:right;
    display: inline-flex;
}
.header_mail .btn-flat-simple {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0em 0.5em;
  text-decoration: none;
  color: #0d2b6b;
  background: #FFF;
	border-radius: 5px;
	margin: 5px 0 5px 5px;
	font-size: 11px;
    line-height: 2;
}
.header_mail .saiyo-btn {
background-color: #42B115;
color: #ffffff;
}
.header_top2 {
width: 1066px;
margin: 0 auto;}
.header_top2 img {margin:2px 0 2px 5px;}
.sp-br{display:none;}
/*-------------------------------------------------------- 
　　　　　　　　　　メイン部分
---------------------------------------------------------- */
main{
	padding-top:87px;
}
.catch{
	margin:46px 0 22px;
	text-align:center;
}
#main_img{
	background:url(../images/top_bg_main.jpg) no-repeat top center;
	width:1160px;
	height:368px;
	margin: auto;
	
}
#main_img p{
	padding-top:126px;
	padding-left:302px;
}
/*-------------------------------------------------------- 
　　　　　　　　　　rpa
---------------------------------------------------------- */
	.rpa_cnt{
		background: url(https://www.fujii-iryoki.co.jp/shared/images/pra_topbg.png) center/cover no-repeat;
		padding: 89px 16px 90px;
	}
	.rpa_cnt > p{
		font-size: 21px;
		font-weight: 700;
		text-align: center;
		line-height:1.43;
		margin: 0 auto 39px;
		font-family: source-han-sans-japanese,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #222222;
	}
	.rpa_cnt > div a{
		display: flex;
		margin:auto;
		text-decoration: none;
		color: #0A3279;
		background: #FFF;
		max-width: 633px;
    border: solid 5px #BFCFF0;
    border-radius: 10px;
    filter: drop-shadow(0 0 0.3rem rgba(0,0,0,0.2));
    position: relative;
    padding: 29px 44px 29px 10px;
    justify-content: center;
    align-items: center;
    gap: 25px;
	}
	.rpa_cnt > div a:hover{
		opacity: 0.6;
	}
	.rpa_cnt > div a img{
		width: 100%;
		max-width: fit-content;
	}
	.rpa_cnt > div a p{
		margin: 0;
	}
	.rpa_cnt > div a::before{
		content: "";
		width: 39px;
    	height: 100%;
	    position: absolute;
		background-color: #BFCFF0;
		right: 0;
	}
	.rpa_cnt > div a::after{
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 9px 6px;
    border-color: transparent transparent #0A3279 transparent;
    transform: rotate(90deg);
    right: 10px;
    top: 47%;
	}
/*-------------------------------------------------------- 
　　　　　　　　　　voice
---------------------------------------------------------- */
#voice h2 {
	border-bottom:4px solid #093179;
}
#voice h2 img {
	padding:22px 0 19px;
}
.voice_cnt_wrap{
	margin:0 auto;
	width:1161px;
	overflow:hidden;
}
.voice_sc_wrap {
width: 1161px;
margin: 0 auto;
}
.voice_sc {
width: 1161px;
}
/*-------------------------------------------------------- 
　　　　　　　　　　お客様の声スライダー
---------------------------------------------------------- */
.slider_img {
	width:			93px;
	height:			150px;
	overflow:		hidden;
	margin:			0;
	position:		relative;
}
.slider_img .caption {
	font-size:		12px;
	text-align: 	center;
	color:			#fff;
}
.slider_img .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}
.slider_img:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		40px;	/* ホバーで下にずらす */
}
.slider_img:hover .mask_l {
	padding-top:		20px;	/* ホバーで下にずらす */
}
.slider_img:hover .mask_ll {
	padding-top:		5px;	/* ホバーで下にずらす */
}
/*-------------------------------------------------------- 
　　　　　　　　　　理由があります
---------------------------------------------------------- */
#reason {
	background: url(../images/bg_contents.jpg) no-repeat bottom center;
	background-size: cover;
	margin: 0 auto;
	height:325px;
}
#reason .txt_reason {
	text-align: center;
	padding: 52px 0 42px;
}
#reason_btn {
	width: 702px;
	margin: 0 auto;
	padding: 1px 0 42px;
	overflow:hidden;
}
/*-------------------------------------------------------- 
　　　　　　　　　　医院継承支援ボタン
---------------------------------------------------------- */
#link_btn a{
	width:346px;
	display:block;
    color: #0C2B6B;
	text-align:center;
	line-height:1;    
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 35px auto 20px;
	padding: 15px 10px 15px 43px;
	position: relative;
	border:solid 3px #0C2B6B;
	/* padding と border の幅を要素の幅と高さに含める */
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;	
}

#link_btn p:after{
	content:"";
	display: inline-block;
	width: 6px;
	height: 11px;
	background: url(../images/arw_mail.png) left center no-repeat ;
	margin-left:25px;
	position: relative;
}
/*-------------------------------------------------------- 
　　　　　　　　　　works
---------------------------------------------------------- */
#works h2 {
	border-bottom:4px solid #67593B;
}
#works h2 img {
	padding:22px 0 19px;
}
.works_cnt_wrap{
	background-color:#EDEDED;
}
#works ul{
	width:1120px;
	margin:0 auto;
	padding: 20px 0 20px;
	overflow:hidden;
}
#works li{
	float:left;
	margin-right:20px;
}
#works li.last_child{
	margin-right:0 !important;
}