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

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*マージン*/

.mt10{
	margin-top:10px;
}

.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}

.mt40{
	margin-top:40px;
}

.mt50{
	margin-top:50px;
}

.mt60{
	margin-top:60px;
}

.mt70{
	margin-top:70px;
}

.mt80{
	margin-top:80px;
}

.mt90{
	margin-top:90px;
}

.mt100{
	margin-top:100px;
}

.mb10{
	margin-bottom:10px;
}

.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.mb40{
	margin-bottom:40px;
}

.mb50{
	margin-bottom:50px;
}

.mb60{
	margin-bottom:60px;
}

.mb70{
	margin-bottom:70px;
}

.mb80{
	margin-bottom:80px;
}

.mb90{
	margin-bottom:90px;
}

.mb100{
	margin-bottom:100px;
}

/*マージン*/

/*IMG*/

.img_ma{
	margin-right:auto;
	margin-left:auto;
	display:block;
	max-width: 100%;
}

img{
	max-width: 100%;
	height:auto;
}

/*IMG*/

a{
	transition:.2s;
	color:#292b4e;
	text-decoration: none;
}

body{
	font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", YuMincho, yu-mincho-pr6n, "Yu Mincho", "serif";
	font-size:14px;
	line-height:24px;
	color:#292b4e;
	padding-top:100px;
}

header{
	width:100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 10;
	background: #fff;
	transition: .3s;
}

.header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 30px;
}

.h_logo{
	font-size: 16px;
	line-height: 22px;
}

.h_logo > a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.h_logo > a > div{
	margin-right: 26px;
}

.h_nav{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.h_nav > nav > ul{
	display: flex;
	justify-content: flex-start;
}

.h_nav > nav > ul > li{
	margin-left: 30px;
	position: relative;
}

.h_nav > nav > ul > li:before{
	position: absolute;
	bottom:0;
	left: 0;
	content: "";
	display: inline-block;
	width: 0;
	height: 1px;
	background: #292b4e;
	transition: .3s;
}

.h_nav > nav > ul > li:hover:before{
	width: 100%;
}

.h_tel{
	margin-left: 30px;
}

.h_tel:hover{
	opacity: 0.6;
}

.h_con{
	width:200px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#fff;
	background: url("images/bg1.jpg") no-repeat center/cover;
	font-size: 16px;
	line-height: 22px;
	margin-left: 30px;
}

.h_con:hover{
	opacity: 0.6;
}

.h_con > p{
	background: url("images/icon_mail.png") no-repeat top center;
	padding-top:18px;
}

.sp_con_nav{
	position: fixed;
	bottom: 0;
	right: 0;
	display: none;
	z-index: 10;
}

.sp_con_nav > a{
	width:50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background:#27264e;
	border-right: 1px solid #fff;
}

.sp_con_nav > a:nth-of-type(1){
	width:80px;
	color: #FFFFFF;
	height: 50px;
	display:flex;
	justify-content: center;
	background:#27264e;
	border-right: 1px solid #fff;
}

.sp_con_nav > a div:nth-of-type(1){
	display:flex;
}

.sp_con_nav > a:nth-of-type(2){
	width:80px;
	color: #FFFFFF;
	height: 50px;
	display:flex;
	justify-content: center;
	background:#27264e;
	border-right: 1px solid #fff;
}

.sp_con_nav > a div:nth-of-type(2){
	display:flex;
}

.sp_con_nav > a > div > p{
	margin-left: 5px;
}

.sp_con_nav > a:last-of-type{
	border:0;
}

.sp_con_nav > a img{
	display: block;
}

.sp_con_nav_tel img{
	height: 18px;
}

.ham_btn{
	width:60px;
	height: 60px;
	position: absolute;
	top:0;
	right: 0;
	background:url("images/bg1.jpg") no-repeat center/cover;
	cursor: pointer;
}
.ham_btn > img{
	transition: .3s;
}

.ham_btn > img:nth-of-type(1){
	opacity: 0;
	width:32px;
	position: absolute;
	top:19px;
	left: 14px;
}

.ham_btn > img:nth-of-type(2){
	width:32px;
	position: absolute;
	top:19px;
	left: 14px;
}

@media screen and (min-width:651px) {
	.ham_btn{
		display: none;
	}
}

.ham_open .ham_btn > img:nth-of-type(1){
	opacity: 1;
}

.ham_open .ham_btn > img:nth-of-type(2){
	opacity: 0;
}

.ham_bg{
	position: fixed;
	top:0;
	left:0;
	z-index: 9;
	background:url("images/bg2.jpg") no-repeat center/cover;;
	width:100%;
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	transition: .3s;
}

.ham_open .ham_bg{
	opacity: 1;
	pointer-events: auto;
}

.ham_open header{
	background: #fff !important;
}

.ham_open .h_logo a img:nth-of-type(1){
	display: block !important;
}

.ham_open .h_logo a img:nth-of-type(2){
	display: none !important;
}

.ham_wrap{
	position: fixed;
	right:0;
	top:60px;
	z-index: 50;
	width:100%;
	padding-top:0;
	transition: .4s;
	cursor: default;
	opacity: 0;
	pointer-events: none;
}

.ham_open .ham_wrap{
	opacity: 1;
	pointer-events: auto;
}

.ham_box{
	width:100%;
	height: 100%;
	overflow-y: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.ham_box > ul{
	width:100%;
}

.ham_box > ul > li{
	text-align: center;
}

.ham_box > ul > li > p{
	padding:14px;
	font-size: 16px;
	line-height: 22px;
	color:#fff;
	transition: .2s;
	cursor: pointer;
}

.ham_box > ul > li > a{
	display: block;
	padding:14px;
	font-size: 16px;
	line-height: 22px;
	color:#fff;
	text-decoration: none;
	transition: .2s;
	cursor: pointer;
}

.ham_box > ul > li > ul{
	
}

.ham_box > ul > li > ul > li{
	
}

.ham_box > ul > li > ul > li > a{
	display: block;
	color:#fff;
	text-decoration: none;
	text-align: center;
	margin-bottom: 10px;
}

@media screen and (max-width:1360px) {
	body{
		padding-top: 80px;
	}
	
	.h_logo > a > div{
		width:160px;
	}
	
	.h_logo > a > .blog_h_pre{
		width:200px;
	}
	
	.h_con{
		width:140px;
		height: 80px;
	}
}

@media screen and (max-width:1260px) {
	body{
		padding-top: 80px;
	}
	
	.header{
		height: 80px;
		padding:0 20px;
	}
	
	.h_logo{
		font-size: 14px;
		line-height: 20px;
	}
	
	.h_logo > a > div{
		margin-right: 20px;
	}
	
	.h_tel{
		display: none;
	}
	
	.h_con{
		display: none;
	}
	
	.sp_con_nav{
		display: flex;
	}
}

@media screen and (max-width:850px) {
	body{
		padding-bottom: 50px;
	}
	
	.h_logo > a > p{
		display: none;
	}
	
	.h_nav > nav > ul > li{
		margin-left: 20px;
	}
}

@media screen and (max-width:650px) {
	body{
		padding-top: 60px;
	}
	
	.header{
		height: 60px;
	}
	
	.h_logo > a > div{
		width:auto;
	}
	
	.h_logo > a > div img{
		height: 40px;
	}
	
	.h_nav{
		display: none;
	}
}

.top_slide_wrap{
	position: relative;
	margin-bottom: 80px;
}

.top_slider{
	width:100%;
	position: absolute;
	top:0;
	left: 0;
}

.top_slide{
	width:100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.top_slide_text_wrap{
	position: relative;
	padding: 0 30px;
	max-width: 1200px;
	margin:0 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.top_slide_text{
	padding:50px 40px 70px;
	background: rgba(255,255,255,0.90);
	width:100%;
	max-width: 550px;
}

.top_slide_text > div{
	font-size: 18px;
	line-height: 26px;
	margin:35px 0 30px;
	font-weight: bold;
}

.top_slide_text > div > p > span{
	display: inline-block;
}

.top_slide_text > p{
	margin-top:15px;
}

@media screen and (max-width:900px) {
	.top_slide_text_wrap{
		justify-content: flex-end;
		align-items: flex-end;
		padding:0;
	}
	
	.top_slide_text{
		padding:30px 20px;
		max-width: 500px;
	}
}

@media screen and (max-width:600px) {
	.top_slide_text_wrap{
		justify-content: center;
		align-items: flex-end;
		padding:0;
	}
	
	.top_slide_text{
		max-width: 450px;
		padding:30px 20px;
		background: rgba(255,255,255,0.80);
	}
	
	.top_slide_text > div{
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 20px;
	}
}

.title1{
	font-size: 48px;
	line-height: 54px;
	font-family: "Times New Roman", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", YuMincho, "Yu Mincho", "serif";
	text-align: center;
}

.title1 > div{
	width:100px;
	height: 1px;
	background:#ea5504;
	margin:26px auto 0;
}

.title1_2{
	text-align: left;
}

.title1_2 > div{
	margin:26px 0 0;
}

.title1_3{
	color:#fff;
}

.title1_3 > div{
	background:#fff;
}

@media screen and (max-width:750px) {	
	.title1{
		font-size: 36px;
		line-height: 42px;
	}
}

@media screen and (max-width:500px) {	
	.title1{
		font-size: 28px;
		line-height: 34px;
	}
}

.top_news{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1140px;
	padding:0 20px;
	margin:0 auto 150px;
	position: relative;
}

.top_news_list{
	width:calc( 100% - 200px );
}

.top_news_list > a{
	display: table;
	width:100%;
}

.top_news_list > a:hover{
	color:#ea5504;
}

.top_news_list > a > div{
	display: table-cell;
	vertical-align: top;
	width:1px;
	padding:30px 0;
	border-bottom: 1px solid #cccccc;
}

.top_news_list > a > div > p{
	white-space: nowrap;
}

.top_news_list > a > div > p > span{
	display: inline-block;
	padding:0 30px;
}

.top_news_list > a:nth-of-type(1) > div , .top_news_list > a:nth-of-type(1) > h3{
	padding-top:16px;
}


.top_news_list > a > h3{
	display: table-cell;
	vertical-align: top;
	padding:30px 0;
	border-bottom: 1px solid #cccccc;
}

.view_more{
	display: flex;
	justify-content: center;
	align-items: center;
	width:160px;
	height: 70px;
	color: #fff;
	border:1px solid #292b4e;
	position: relative;
	overflow: hidden;
	background:#fff;
}

.view_more > div{
	width:100%;
	height: 100%;
	background:url("images/btn_bg.jpg") no-repeat center/cover;
	position: absolute;
	top:0;
	left: 0;
	transition: .3s;
	z-index: 1;
}

.view_more > p{
	z-index: 2;
}

.view_more:hover{
	color: #292b4e;
}

.view_more:hover > div{
	top: 100%;
}

.top_news .view_more{
	position: absolute;
	top:120px;
	left: 20px;
}

@media screen and (max-width:750px) {
	.top_news{
		display: block;
	}
	
	.top_news .title1{
		text-align: center;
		margin-bottom: 30px;
	}
	
	.top_news .title1 > div{
		margin:26px auto 0;
	}
	
	.top_news_list{
		width:100%;
	}
	
	.top_news .view_more{
		position: relative;
		top:auto;
		left: auto;
		margin:50px auto 0;
	}
}

@media screen and (max-width:500px) {
	.top_news_list > a > div{
		display: block;
		width:100%;
		border-bottom: 0;
		padding-bottom: 0;
		padding-top:20px;
	}
	
	.top_news_list > a > h3{
		display: block;
		width:100%;
		padding-top:10px !important;
		padding-bottom: 20px;
	}
}

.top_servise_wrap{
	padding:90px 20px 80px;
	background: url("images/service_bg.jpg") no-repeat center/cover;
}

.top_servise{
	max-width: 1100px;
	margin:0 auto;
}

.top_servise h2{
	margin-bottom: 30px;
}

.top_servise > p{
	text-align: center;
	margin-bottom: 80px;
}

.top_servise > p > a{
	text-decoration: underline;
}

.top_servise > p > a:hover{
	color:#ea5504;
	text-decoration: none;
}

.top_service_box{
	margin-bottom: 70px;
}

.top_servise .top_service_box:last-of-type{
	margin-bottom: 0;
}

.top_service_box > h3{
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 30px;
	text-align: center;
}

.top_service_list{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.top_service_list > li{
	width:23.5%;
	margin-bottom: 15px;
	margin-right: 2%;
	background: url("images/bg2.jpg") no-repeat center/cover;
}

.top_service_list > li:nth-of-type(4n){
	margin-right: 0;
}

.top_service_list > li > a{
	display: flex;
	justify-content: center;
	align-items: center;
	padding:15px 20px;
	padding-left: 10px;
	background:url("images/ar1.png") no-repeat 97.5% center;
	color:#fff;
}

.top_service_list > li > div{
	display: flex;
	justify-content: center;
	align-items: center;
	padding:15px 20px;
	padding-left: 10px;
	color:#fff;
}

.top_service_list > li > a:hover{
	background-color: rgba(255,255,255,0.30);
}

@media screen and (max-width:850px) {
	.top_service_list > li{
		width: 32%;
	}
	
	.top_service_list > li:nth-of-type(4n){
		margin-right: 2%;
	}
	
	.top_service_list > li:nth-of-type(3n){
		margin-right: 0;
	}
}

@media screen and (max-width:500px) {
	.top_service_list > li{
		width: 49%;
	}
	
	.top_service_list > li:nth-of-type(3n){
		margin-right: 2%;
	}
	
	.top_service_list > li:nth-of-type(2n){
		margin-right: 0;
	}
}

.top_staff_wrap{
	background: url("images/bg2.jpg") no-repeat center/cover;
	padding:50px 20px;
	margin-bottom: 110px;
}

.top_staff{
	margin:0 auto 50px;
}

.top_staff h2{
	margin-bottom: 60px;
}

.top_staff_list{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}

.top_staff_list_box{
	padding:0 15px;
	color:#fff;
}

.top_staff_list_box > a {
	color:#fff;
}

.top_staff_list_box > a > img{
	display: block;
	margin:0 auto 25px;
	transition: .3s;
}

.top_staff_list_box > a:hover > img{
	opacity: 0.6;
}

.top_staff_list_box > a > p{
	margin-bottom: 10px;
}

.top_staff_list_box > a > h3{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.top_staff_list_box > a > h3 > p:nth-of-type(1){
	font-size: 16px;
	line-height: 22px;
	margin-right: 24px;
}

.top_staff_list_box > a > h3 > p:nth-of-type(2){
	font-size: 14px;
	line-height: 20px;
	font-family: "Times New Roman", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", YuMincho, "Yu Mincho", "serif";
}

.top_staff .slick-dots{
	display: flex;
	justify-content: center;
	align-items: center;
	bottom:-50px;
}

.top_staff .slick-dots li{
	padding:0;
	margin:0 6px;
	width:14px;
	height: 14px;
}

.top_staff .slick-dots li button{
	width:14px;
	height: 14px;
	border:1px solid #fff;
}

.top_staff .slick-dots .slick-active button{
	background: #fff;
}

.top_staff .slick-dots li button:before{
	display: none;
}

@media screen and (max-width:1200px) {
	.top_staff_wrap{
		padding:50px 10px;
	}
	
	.top_staff_list_box{
		padding:0 10px;
	}
}

@media screen and (max-width:450px) {
	.top_staff_wrap{
		padding:50px 0;
	}
}

.top1{
	padding:0 20px;
	margin-bottom: 100px;
}

.top1_list{
	max-width: 1100px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.top1_box{
	width:48%;
	max-width: 515px;
}

.top1_box h2{
	position: relative;
	z-index: 2;
}

.top1_box > img{
	display: block;
	position: relative;
	z-index: 1;
	margin:-46px 0 24px;
}

.top1_box > ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.top1_box > ul > li{
	width:48%;
	margin-bottom: 10px;
	background: url("images/bg2.jpg") no-repeat center/cover;
}

.top1_box > ul > li > a{
	display: flex;
	justify-content: center;
	align-items: center;
	padding:15px 20px;
	padding-left: 10px;
	background:url("images/ar1.png") no-repeat 97.5% center;
	color:#fff;
}

.top1_box > ul > li > a:hover{
	background-color: rgba(255,255,255,0.30);
}

@media screen and (max-width:750px) {
	.top1_box > img{
		margin-top:-38px;
	}
}

@media screen and (max-width:700px) {
	.top1_list{
		justify-content: center;
	}
	
	.top1_box{
		width:100%;
	}
	
	.top1_list > .top1_box:nth-of-type(1){
		margin-bottom: 60px;
	}
}

.top_col_wrap{
	margin-bottom: 120px;
}

.top_col_wrap > h2{
	padding:0 20px;
	max-width: 1140px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.top_col_bg{
	position: relative;
	z-index: 1;
	background:#f2f8fa;
	padding:80px 20px 0;
	margin-top:-48px;
}

.top_col{
	position: relative;
	max-width: 1100px;
	margin:0 auto;
	padding-bottom: 110px;
}

.top_col > h2{
	margin-bottom: 40px;
}

.top_col_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.top_col_big{
	width:62%
}

.top_col_img{
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 30px;
	transition: .3s;
}

.top_col_img:before {
	content:"";
	display: block;
	padding-top: 75%; /* 高さを幅の75%に固定 */
}

.top_col_img > div{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: absolute;
	top:0;
	left: 0;
	background:#fff;
	width:100%;
	max-width: 290px;
	min-height: 56px;
	padding:6px 24px;
	font-size: 16px;
	line-height: 22px;
}

.top_col_title{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 26px;
}

.top_col_title > p:nth-of-type(1){
	font-size: 24px;
	line-height: 24px;
	width:144px;
}

.top_col_title > p:nth-of-type(2){
	font-size: 18px;
	line-height: 24px;
	width:calc( 100% - 144px );
}

.top_col_small{
	width:33%
}

.top_col_small_box{
	display: block;
}

.top_col_small > .top_col_small_box:nth-of-type(1){
	margin-bottom: 50px;
}

.top_col_small_box .top_col_img{
	margin-bottom: 20px;
}

.top_col_small_box .top_col_img > div{
	max-width: 230px;
	min-height: 36px;
	font-size: 14px;
	line-height: 20px;
	padding:6px 20px;
}

.top_col_small_box .top_col_title{
	margin-bottom: 0;
}

.top_col_small_box .top_col_title > p:nth-of-type(1){
	font-size: 18px;
	line-height: 24px;
	width:110px;
}

.top_col_small_box .top_col_title > p:nth-of-type(2){
	font-size: 14px;
	line-height: 22px;
	width:calc( 100% - 110px );
}

.top_col_big:hover .top_col_img , .top_col_small_box:hover .top_col_img{
	opacity: 0.6;
}

.top_col_big:hover .top_col_title , .top_col_small_box:hover .top_col_title{
	color:#ea5504;
}

.top_col .view_more{
	position: absolute;
	bottom:-34px;
	right: 0;
}

@media screen and (max-width:850px) {
	.top_col_list{
		max-width: 720px;
		justify-content: center;
		margin:0 auto;
	}
	
	.top_col_big{
		width:100%;
		margin-bottom: 50px;
	}
	
	.top_col_small{
		width:100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.top_col_small_box{
		width:48%;
	}
	
	.top_col_small > .top_col_small_box:nth-of-type(1){
		margin-bottom: 0 ;
	}
}

@media screen and (max-width:600px) {
	.top_col_small_box .top_col_title > p:nth-of-type(2){
		width:100%;
	}
}

@media screen and (max-width:500px) {
	.top_col_small{
		width:90%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.top_col_small_box{
		width:100%;
	}
	
	.top_col_small > .top_col_small_box:nth-of-type(1){
		margin-bottom: 50px;
	}
	
	.top_col_small_box .top_col_title > p:nth-of-type(2){
		width:calc( 100% - 120px );
	}
	
	.top_col_title > p:nth-of-type(1){
		font-size: 20px;
		line-height: 26px;
		width:110px;
	}

	.top_col_title > p:nth-of-type(2){
		font-size: 16px;
		line-height: 22px;
		width:calc( 100% - 110px );
	}
}

.top_rec_wrap{
	margin-bottom: 200px;
}

.top_rec_wrap > h2{
	position: relative;
	z-index: 2;
	max-width: 1140px;
	padding:0 20px;
	margin:0 auto;
}

.top_rec_bg{
	position: relative;
	z-index: 1;
	margin-top:-14px;
	padding:0 20px ;
	background:url("images/top_rec.jpg") no-repeat 40% top;
	background-size: cover;
}

.top_rec{
	position: relative;
	padding:200px 0 150px;
	max-width: 1100px;
	margin:0 auto;
}

.top_rec > h3{
	background:#fff;
	padding:10px 24px;
	font-size: 36px;
	line-height:42px;
	display: table;
	margin-bottom: 35px;
}

.top_rec > p{
	background:#fff;
	padding:5px 24px;
	font-size: 24px;
	line-height:30px;
	display: table;
	margin-bottom: 16px;
}

.top_rec > p span{
	display: inline-block;
}

.top_rec .view_more{
	position: absolute;
	bottom:-34px;
	left: 0;
}

@media screen and (max-width:550px) {
	.top_rec{
		padding:150px 0 100px;
	}
	
	.top_rec > h3{
		font-size: 24px;
		line-height: 34px;
		padding:10px 10px;
	}
	
	.top_rec > p{
		font-size: 18px;
		line-height: 24px;
		padding:5px 10px;
	}
}

@media screen and (max-width:400px) {
	.top_rec{
		padding:120px 0 80px;
	}
}

.footer_wrap{
	background: url("images/bg2.jpg") no-repeat center/cover;
	padding:40px 20px 60px;
	color:#fff;
}

.footer_wrap a{
	color:#fff;
}

.footer{
	display: flex;
	justify-content: space-between;
	max-width: 1100px;
	margin:0 auto;
}

.ft1 > div{
	display: block;
	margin-bottom: 60px;
}

.ft1 > p:nth-of-type(1){
	margin-bottom: 44px;
	font-size: 18px;
	line-height: 24px;
}

.ft_tel > span{
	display: inline-block;
	width:40px;
}

.ft_right{
	display: flex;
	justify-content: flex-start;
}

.ft2{
	display: flex;
	width:320px;
}

.ft2 > ul{
	width:50%;
	margin-left: 30px;
}

.ft2 > ul > li{
	line-height: 20px;
	margin-bottom: 20px;
}

.ft3{
	width:calc( 100% - 320px );
	max-width: 480px;
	margin-left: 50px;
}

.ft3 > p{
	margin-bottom: 14px;
}

.ft3 > ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.ft3 > ul > li{
	position: relative;
	margin-bottom: 2px;
	width:calc( 50% - 10px );
	padding-left: 20px;
}

.ft3 > ul > li:nth-of-type(odd){
	margin-right: 20px;
}

.ft3 > ul > li > span{
	position: absolute;
	top:0;
	left: 0;
}

.ft2 > ul > li a , .ft3 > ul > li a{
	position: relative;
	display: table;
}

.ft2 > ul > li a:before , .ft3 > ul > li a:before{
	position: absolute;
	bottom:0;
	left: 0;
	content: "";
	display: inline-block;
	width: 0;
	height: 1px;
	background: #fff;
	transition: .3s;
}

.ft2 > ul > li a:hover:before , .ft3 > ul > li a:hover:before{
	width: 100%;
}

.copy_r{
	padding:13px 20px;
	text-align: center;
}

@media screen and (max-width:1100px) {
	.footer{
		flex-wrap: wrap;
	}
	
	.ft1{
		width:100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 40px;
	}
	
	.ft1 > div{
		margin-bottom: 0;
		margin-right: 20px;
	}
	
	.ft1 > p:nth-of-type(1){
		margin-bottom: 0;
		margin-right: 20px;
	}
	
	.ft_right{
		width:100%;
		justify-content: center;
	}
	
	.ft2{
		width:250px;
	}
	
	.ft2 > ul{
		margin-left: 0px;
	}
	
	.ft2 > ul:nth-of-type(1){
		margin-left: 0;
	}
	
	.ft3{
		width:calc( 100% - 280px );
		margin-left: 30px;
	}
}

@media screen and (max-width:650px) {
	.footer_wrap{
		padding-bottom: 40px;
	}
	
	.ft1{
		display: block;
		text-align: center;
		margin-bottom: 0;
	}
	
	.ft1 > div{
		margin-bottom: 30px;
		margin-right: 0;
	}
	
	.ft1 > p:nth-of-type(1){
		margin-bottom: 30px;;
		margin-right: 0;
	}
	
	.ft_right{
		display: none;
	}
}

.ft_con_wrap{
	margin-top:200px;
}

.ft_con_h{
	padding:0 20px;
	max-width: 1140px;
	margin:0 auto 14px;
}

.ft_con_h > div:nth-of-type(1){
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-end;
	margin-bottom: 30px;
}

.ft_con_h > div:nth-of-type(1) > p:nth-of-type(1){
	font-size: 48px;
	line-height: 54px;
	font-family: "Times New Roman", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", YuMincho, "Yu Mincho", "serif";
	margin-right: 30px;
}

.ft_con_h > div:nth-of-type(1) > p:nth-of-type(2){
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 6px;
}

.ft_con_h > div:nth-of-type(2){
	width:100px;
	height: 1px;
	background: #292b4e;
}

.ft_con{
	display: flex;
	flex-wrap: wrap;
}

.ft_con > div{
	display: flex;
	align-items: center;
	align-content: center;
	width:50%;
	height: 300px;
	padding:20px;
	color:#fff;
}

.ft_con_tel{
	background:url("images/ft_con_tel_bg.jpg") no-repeat center/cover;
	justify-content: flex-end;
}

.ft_con_mail{
	background:url("images/ft_con_mail_bg.jpg") no-repeat center/cover;
	justify-content: flex-start;
}

.ft_con > div > div{
	width:100%;
	max-width: 530px;
	text-align: center;
}

.ft_con > div > div > p{
	height: 56px;
	font-size: 16px;
	line-height: 22px;
}

.ft_con > div > div > p > span{
	display: inline-block;
}

.ft_con > div > div > div{
	display: flex;
	justify-content: center;
	align-items: center;
}

.ft_con > div > div > div > a{
	display: table;
	margin: 0 auto;
}

.ft_con > .ft_con_tel > div > div > a:hover{
	opacity: 0.6;
}

.ft_con > .ft_con_mail > div > div > a{
	display: flex;
	justify-content: center;
	align-items: center;
	padding:20px 50px;
	border:1px solid #fff;
	width:100%;
	max-width: 410px;
}

.ft_con > .ft_con_mail > div > div > a:hover{
	background: #fff;
}

.ft_con > .ft_con_mail > div > div > a > div{
	background: url("images/ft_con_mail.png") no-repeat center/cover;
}

.ft_con > .ft_con_mail > div > div > a > div img{
	transition: .3s;
	opacity: 0;
}

.ft_con > .ft_con_mail > div > div > a:hover > div img{
	opacity: 1;
}

@media screen and (max-width:650px) {
	.ft_con > div{
		width:100%;
		height: 240px;
		justify-content: center !important;
	}
}

@media screen and (max-width:500px) {
	.ft_con_h > div:nth-of-type(1){
		margin-bottom: 20px;
	}
	
	.ft_con_h > div:nth-of-type(1) > p:nth-of-type(1){
		font-size: 36px;
		line-height: 42px;
		margin-right: 20px;
	}
	
	.ft_con_h > div:nth-of-type(1) > p:nth-of-type(2){
		font-size: 16px;
		line-height: 22px;
	}
}

.page_title{
	margin-bottom: 10px;
}

.page_title_img{
	width:calc( 50% + 190px );
	height: 400px;
	position: relative;
	z-index: 2;
}

.title_com{
	background:url("images/title_com.jpg") no-repeat right center;
	background-size: cover;
}

.title_ser{
	background:url("images/title_ser.jpg") no-repeat center center;
	background-size: cover;
}

.title_gi{
	background:url("images/title_gi.jpg") no-repeat center center;
	background-size: cover;
}

.title_ach{
	background:url("images/title_ach.jpg") no-repeat right center;
	background-size: cover;
}

.title_staff{
	background:url("images/title_staff_2025.webp") no-repeat center 40%;
	background-size: cover;
}

.title_con{
	background:url("images/title_con.webp") no-repeat center 40%;
	background-size: cover;
}

.title_news{
	background:url("images/title_news.webp") no-repeat center 40%;
	background-size: cover;
}

.title_faq{
	background:url("images/title_faq.webp") no-repeat center 40%;
	background-size: cover;
}

.page_title_text_wrap{
	width:100%;
	position: relative;
	display: flex;
	justify-content: flex-end;
	margin-top: -400px;
}

.page_title_text{
	width:50%;
	height: 470px;
	background:#2b2a51;
	color:#fff;
	padding:0 20px;
	display: flex;
	align-items: center;
}

.page_title_text > div{
	width:100%;
	max-width: 550px;
	text-align: right;
	position: relative;
	z-index: 2;
}

.page_title_text > div p:nth-of-type(1){
	font-size: 60px;
	line-height: 66px;
	font-family: "Times New Roman", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", YuMincho, "Yu Mincho", "serif";
	margin-bottom: 20px;
}

.page_title_text > div p:nth-of-type(2){
	font-size: 18px;
	line-height: 24px;
}

@media screen and (max-width:1100px) {
	.page_title_img{
		width:calc( 50% + 70px );
	}
}

@media screen and (max-width:850px) {
	.page_title_img{
		height: 300px;
	}
	
	.page_title_text_wrap{
		margin-top: -300px;
	}
	
	.page_title_text{
		height: 350px;
	}
	
	.page_title_text > div p:nth-of-type(1){
		font-size: 40px;
		line-height: 46px;
		margin-bottom: 14px;
	}

	.page_title_text > div p:nth-of-type(2){
		font-size: 16px;
		line-height: 22px;
	}
}

@media screen and (max-width:750px) {
	.page_title{
		background:#2b2a51;
		position: relative;
		padding-bottom: 50px;
	}
	
	.page_title_img{
		width:95%;
		height: 200px;
	}
	
	.page_title_text_wrap{
		margin-top: 0;
		background:#2b2a51;
		position: absolute;
		bottom:0;
		left: 0;
		width:auto;;
		padding:20px;
		z-index: 3;
	}
	
	.page_title_text{
		width:100%;
		height: auto;
		padding:0;
	}
	
	.page_title_text > div p:nth-of-type(1){
		font-size: 40px;
		line-height: 46px;
		margin-bottom: 8px;
	}

	.page_title_text > div p:nth-of-type(2){
		font-size: 16px;
		line-height: 22px;
	}
}

@media screen and (max-width:500px) {
	.page_title_text > div p:nth-of-type(1){
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 8px;
	}

	.page_title_text > div p:nth-of-type(2){
		font-size: 16px;
		line-height: 22px;
	}
}

.bread_wrap{
	padding:10px;
	margin-bottom: 100px;
}

.breadcrumbs{
	max-width: 1120px;
	margin:0 auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}

.breadcrumbs > span{
	margin:0 10px 6px;
}

.breadcrumbs > span .blog_cat{
	position: static;
}

.breadcrumbs > span a:hover{
	text-decoration: underline;
}

.bread_ar{
	background:url("images/bread_ar.png") no-repeat center center;
	width:11px;
	height: 9px;
}

.box1{
	max-width: 1140px;
	padding: 0 20px;
	margin:0 auto 100px;
}

.com1 > h2{
	font-size: 36px;
	line-height: 44px;
	text-align: center;
	margin-bottom: 44px;
}

.com1 > h2 > p > span{
	display: inline-block;
}

.com1 > h2 > div{
	width:100px;
	height: 1px;
	background: #292b4e;
	margin:26px auto 0;
}

@media screen and (max-width:600px) {
	.com1 > h2{
		font-size: 24px;
		line-height: 32px;
	}
}

.com1_text > p{
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 30px;
}

.com2 > h2{
	position: relative;
}

.com2 > h2 > div:nth-of-type(1){
	position: relative;
	z-index: 1;
	background: url("images/bg2.jpg") no-repeat center/cover;
	width:100%;
	height: 300px;
}

.com2 > h2 > div:nth-of-type(2){
	position: absolute;
	top:70px;
	left: 30px;
	z-index: 3;
}

.com2 > h2 > div:nth-of-type(2) > p:nth-of-type(1){
	font-size: 64px;
	line-height: 70px;
	font-family: "Times New Roman", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", YuMincho, "Yu Mincho", "serif";
	margin-bottom: 12px;
	color:#fff;
	opacity: 0.1;
}

.com2 > h2 > div:nth-of-type(2) > p:nth-of-type(2){
	color:#fff;
	font-size: 24px;
	line-height: 30px;
	padding-left: 4px;
}

.com2_box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}

.com2_img_wrap{
	width:48%;
	padding:0 20px;
	position: relative;
	z-index: 2;
	margin-top:-240px;
}

.com2_img{
	max-width: 437px;
	margin:0 auto;
	text-align: right;
}

.com2_img > img:nth-of-type(1){
	display: block;
	margin-bottom: 30px;
}

.com2_text{
	width:52%;
	margin-top:26px;
}

.com2_text > p{
	margin-bottom: 30px;
}

.com2_text > ul{
	margin-bottom: 30px;
}

.com2_text > ul > li{
	position: relative;
	padding-left: 24px;
}

.com2_text > ul > li > span{
	position: absolute;
	top:0;
	left: 0;
}

@media screen and (max-width:850px) {
	.com2 > h2 > div:nth-of-type(1){
		height: 200px;
	}
	
	.com2 > h2 > div:nth-of-type(2){
		top:40px;
	}
	
	.com2_img_wrap{
		padding-right: 10px;
		margin-top:-60px;
	}
}

@media screen and (max-width:700px) {
	.com2 > h2 > div:nth-of-type(1){
		height: 300px;
	}
	
	.com2 > h2 > div:nth-of-type(2){
		top:30px;
	}
	
	.com2 > h2 > div:nth-of-type(2) > p:nth-of-type(1){
		font-size: 56px;
		line-height: 62px;
		margin-bottom: 0;
	}
	
	.com2 > h2 > div:nth-of-type(2) > p:nth-of-type(2){
		font-size: 20px;
		line-height: 26px;
	}
	
	.com2_box{
		position: relative;
		padding-bottom: 50px;
	}
	
	.com2_img_wrap{
		width:100%;
		padding:0 20px;
		margin-top: -150px;
		position: static;
	}
	
	.com2_img > img:nth-of-type(1){
		position: relative;
		z-index: 2;
		margin-bottom: 0;
	}
	
	.com2_img > img:nth-of-type(2){
		position: absolute;
		bottom:0;
		right: 0;
	}
	
	.com2_text{
		width:100%;
		margin-top: 40px;
	}
}

.title2{
	text-align: center;
	margin-bottom:50px;
}

.title2 > p:nth-of-type(1){
	font-size: 64px;
	line-height: 100%;
	font-family: "Times New Roman", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", YuMincho, "Yu Mincho", "serif";
	color:#eeeeee;
	position: relative;
}

.title2 > p:nth-of-type(2){
	font-size: 24px;
	line-height: 32px;
	position: relative;
	margin-top: -24px;
}

.title2 > p:nth-of-type(2) span{
	display: inline-block;
}

.title2_1 > p:nth-of-type(2){
	margin-top: -10px;
}

@media screen and (max-width:550px) {
	.title2 > p:nth-of-type(1){
		font-size: 40px;
	}
	
	.title2 > p:nth-of-type(2){
		font-size: 20px;
		line-height: 26px;
		margin-top:-16px;
	}
	
	.title2_1 > p:nth-of-type(2){
		margin-top: -10px;
	}
}

.com3 > img{
	display: block;
	margin:0 auto 44px;
}

.com3 > p{
	margin-bottom: 20px;
	text-align: center;
}

.com4 > ol{
	display: table;
	margin:0 auto;
}

.com4 > ol > li{
	position: relative;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 12px;
	padding-left: 50px;
}

.com4 > ol > li > span{
	position: absolute;
	top:0;
	left: 0;
}

@media screen and (max-width:860px) {
	.com4 > ol > li{
		font-size: 20px;
		line-height: 28px;
		padding-left: 40px;
	}
}

@media screen and (max-width:500px) {
	.com4 > ol > li{
		font-size: 16px;
		line-height: 24px;
		padding-left: 30px;
	}
}

.com5 > img{
	display: block;
	margin:0 auto 60px;
}

.com5 > ul{
	max-width: 890px;
	margin:0 auto;
}

.com5 > ul > li{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.com5 > ul > li > h3{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	min-height: 74px;
	background:url("images/bg1.jpg") no-repeat center/cover;
	font-size: 24px;
	line-height: 30px;
	color:#fff;
}

.com5 > ul > li > div{
	width:calc( 100% - 150px );
	padding-left: 25px;
	display: flex;
	align-items: center;
}

@media screen and (max-width:500px) {
	.com5 > ul > li > h3{
		width:80px;
		font-size: 20px;
		line-height: 26px;
	}
	
	.com5 > ul > li > div{
	width:calc( 100% - 80px );
	padding-left: 15px;
	}
}

.com6 > div{
	font-size: 24px;
	line-height: 36px;
	text-align: center;
}

.com6 > div > p > span{
	display: inline-block;
}

.com6 > div > div{
	max-width: 720px;
	height: 1px;
	margin:36px auto;
	background:#cccccc;
}

@media screen and (max-width:860px) {
	.com6 > div{
		font-size: 20px;
		line-height: 32px;
	}
	
	.com6 > div > div{
		margin:26px auto;
	}
}

@media screen and (max-width:500px) {
	.com6 > div{
		font-size: 16px;
		line-height: 28px;
	}
	
	.com6 > div > div{
		margin:16px auto;
	}
}

.com7 > ul{
	display: table;
	margin:0 auto;
}

.com7 > ul > li{
	font-size: 16px;
	line-height: 26px;
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
}

.com7 > ul > li > span{
	position: absolute;
	top:0;
	left: 0;
}

.com8_wrap{
	background: url("images/com_group_bg_2025.webp") no-repeat center bottom;
	background-size: cover;
	padding:50px 0 600px;
	margin-bottom: 150px;
}

.com8_wrap .title2 > p:nth-of-type(1){
	color:#fff;
	opacity: 0.47;
}

.com8_wrap .title2 > p:nth-of-type(2){
	color:#fff;
}

.com8{
	max-width: 1100px;
	margin:0 auto;
}

.com8 > ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.com8 > ul > li{
	width:33.3333333333333333%;
	max-width: 310px;
	padding:0 20px;
	text-align: center;
	color:#fff;
}

.com8 > ul > li:nth-of-type(1){
	order: 2;
}

.com8 > ul > li:nth-of-type(2){
	order: 1;
	margin-top:70px;
}

.com8 > ul > li:nth-of-type(3){
	order:3;
	margin-top:70px;
}


.com8 > ul > li > div > h3{
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 10px;
}

.com8 > ul > li > div > p{
	margin-bottom: 10px;
}

.com8 > ul > li > a{
	display: block;
	margin-bottom: 20px;
	background:#27264e;
}

.com8 > ul > li > a img{
	transition: .3s;
}

.com8 > ul > li > a:hover img{
	opacity: 0.6;
}

.com8 > ul > li > div > a{
	color:#fff;
}

.com8 > ul > li > div > a:hover{
	text-decoration: underline;
}

@media screen and (max-width:700px) {
	.com8 > ul{
		padding:0 10px;
	}
	
	.com8 > ul > li{
		padding:0 10px;
	}
}

@media screen and (max-width:550px) {
	.com8_wrap{
		padding-bottom: 650px;
	}
	
	.com8 > ul{
		padding:0 20px;
	}
	
	.com8 > ul > li{
		width:100%;
		max-width: 100%;
		padding:0;
		text-align: left;
	}
	
	.com8 > ul > li:nth-of-type(1){
		order: 1;
	}

	.com8 > ul > li:nth-of-type(2){
		order: 2;
		margin-top:50px;
	}

	.com8 > ul > li:nth-of-type(3){
		order:3;
		margin-top:50px;
	}
	
	.com8 > ul > li{
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	.com8 > ul > li > a{
		width:150px;
		margin-bottom: 0;
	}
	
	.com8 > ul > li > div{
		width:calc( 100% - 150px );
		padding-left: 20px;
	}
}

@media screen and (max-width:450px) {
	.com8_wrap{
		padding-bottom: 550px;
	}
	
	.com8 > ul > li > a{
		width:100px;
	}
	
	.com8 > ul > li > div{
		width:calc( 100% - 100px );
		padding-left: 14px;
	}
}

.com_his{
	padding:0 20px;
	margin-bottom: 130px;
}

.com_his_tbl_wrap{
	max-width: 900px;
	margin:0 auto;
}

.com_his_tbl{
	width:100%;
}

.com_his_tbl th{
	width:130px;
	padding:8px;
	color:#fff;
	text-align: center;
	border-bottom: 1px solid #fff;
	background:#2b2a51;
}

.com_his_tbl td{
	padding:8px 20px;
	border-bottom: 1px solid #fff;
	background:#eeeeee;
}

.com_his_tbl_wrap > p{
	padding:0 40px;
	margin-top:15px;
}

@media screen and (max-width:600px) {
	.com_his_tbl th{
		width:80px;
	}
}

.com_ousetsu{
	display: flex;
	flex-wrap: wrap;
	max-width: 1140px;
	padding:0 20px;
	margin:0 auto 130px;
}

.com_ousetsu > div{
	width:50%;
}

.com_ol{
	padding:0 20px;
	margin-bottom: 130px;
}

.com_ol_tbl_wrap{
	max-width: 900px;
	margin:0 auto;
}

.com_ol_tbl{
	width:100%;
}

.com_ol_tbl th{
	width:240px;
	padding:8px 20px;
	border-bottom: 1px solid #fff;
	background:#f8f8fa;
	vertical-align: top;
}

.com_ol_tbl td{
	padding:8px 20px;
	border-bottom: 1px solid #fff;
}

.com_ol_tbl td ol li{
	list-style: decimal outside;
	margin-left: 20px;
}

@media screen and (max-width:720px) {
	.com_ol_tbl th{
		width:180px;
	}
}

@media screen and (max-width:600px) {
	.com_ol_tbl th{
		display: block;
		width:100%;
		padding:10px;
	}
	
	.com_ol_tbl td{
		display: block;
		width:100%;
		padding:10px;
		margin-bottom: 10px;
	}
}

.com_access{
	
}

.com_access .google-maps {
	position: relative;
	padding-bottom: 500px;
	height: 0;
	overflow: hidden;
}

.com_access .google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.com_access > ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top:60px;
}

.com_access > ul > li{
	width:33.333333333333%;
	max-width: 320px;
	padding:0 20px;
	margin-bottom: 40px;
	text-align: center;
}

.com_access > ul > li > h3{
	text-align: center;
	color:#fff;
	background:#2b2a51;
	padding:6px;
	margin-bottom: 20px;
}

@media screen and (max-width:1000px) {
	.com_access > ul{
		padding:0 10px;
	}
	
	.com_access > ul > li{
		padding:0 10px;
	}
}

@media screen and (max-width:650px) {
	.com_access .google-maps {
		padding-bottom: 350px;
	}
	
	.com_access > ul > li{
		width:50%;
	}
}

@media screen and (max-width:450px) {
	.com_access > ul > li{
		width:100%;
	}
}

.ser_box{
	margin-bottom: 100px;
}

.ser_box > h2{
	width:100%;
	height: 300px;
	display: flex;
	align-items: center;
	padding:0 20px;
	margin-bottom: 30px;
}

.ser_box1 > h2{
	background: url("images/ser1.jpg") no-repeat center/cover;
}

.ser_box2 > h2{
	background: url("images/ser2.jpg") no-repeat center/cover;
}

.ser_box3 > h2{
	background: url("images/ser3.jpg") no-repeat center/cover;
}

.ser_box > h2 > div > p:nth-of-type(1){
	font-size: 64px;
	line-height: 100%;
	color:#eeeeee;
	font-family: "Times New Roman", Times, "serif";
	margin-bottom: 5px;
}

.ser_box > h2 > div > p:nth-of-type(2){
	font-size: 24px;
	line-height: 30px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	text-align: right;
}

.ser_box_text{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.ser_box_text > div{
	width:48%;
	max-width: 510px;
}

.ser_box_text > div > div , .ser_box_text > div > p{
	margin-bottom: 20px;
}

.ser_box_text > div > p > span{
	padding-bottom: 2px;
	border-bottom: 1px solid #747587;
}

.ser_box_text > div > div > div{
	margin-bottom: 10px;
}

.ser_box_text > div > div > div > p{
	display: inline;
	border-bottom: 1px solid #747587;
	padding-bottom: 2px;
}

.ser_box_exa > h3{
	width:170px;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	padding-bottom: 10px;
	margin:0 auto 26px;
	border-bottom: 1px solid #2b2a51;
}

.ser_box_exa > p{
	text-align: center;
}

@media screen and (max-width:700px) {
	.ser_box > h2{
		height: 220px;
	}
	
	.ser_box > h2 > div > p:nth-of-type(1){
		font-size: 44px;
	}
	
	.ser_box > h2 > div > p:nth-of-type(2){
		font-size: 18px;
		line-height: 24px;
	}
	
	.ser_box_text > div{
		width:100%;
		max-width: 100%;
	}
}

.ser_bus > h2{
	font-size: 30px;
	line-height: 36px;
	text-align: center;
	margin-bottom: 40px;
}

.ser_bus > p{
	text-align: center;
	margin-bottom: 60px;
}

.ser_bus_box{
	margin-bottom: 60px;
}

.ser_bus_box > h3{
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 24px;
}

.ser_bus_box > h3 > div{
	width:100px;
	height: 1px;
	background:#292b4e;
	margin-top:16px;
}

.ser_bus_box > ul{
	display: flex;
	flex-wrap: wrap;
}

.ser_bus_box > ul > li{
	width:32%;
	margin-bottom: 40px;
	margin-right: 2%;
	background:url("images/bg2.jpg") no-repeat center/cover;
}

.ser_bus_box > ul > li:nth-of-type(3n){
	margin-right: 0;
}

.ser_bus_box > ul > li > a{
	width:100%;
	height: 66px;
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 20px;
	color:#fff;
	padding:0 15px;
	padding-right: 50px;
	background: url("images/ar1.png") no-repeat 94% center;
}

.ser_bus_box > ul > li > a:hover{
	background-color: rgba(255,255,255,0.40);
}

.ser_bus_box > ul > li > p{
	width:100%;
	height: 66px;
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 20px;
	color:#fff;
	padding:0 15px;
	padding-right: 50px;
}

@media screen and (max-width:700px) {
	.ser_bus > h2{
		font-size: 24px;
		line-height: 32px;
	}
	
	.ser_bus_box > h3{
		font-size: 18px;
		line-height: 24px;
	}
	
	.ser_bus_box > ul > li{
		width:48.5%;
		margin-right: 3%;
	}
	
	.ser_bus_box > ul > li:nth-of-type(3n){
		margin-right: 3%;
	}
	
	.ser_bus_box > ul > li:nth-of-type(2n){
		margin-right: 0;
	}
}

@media screen and (max-width:450px) {
	.ser_bus_box > ul > li{
		width:100%;
		margin-right: 0 !important;
		margin-bottom: 20px;
	}
}

.gi1{
	margin-bottom: 130px;
}

.title3{
	font-size: 36px;
	line-height: 48px;
	text-align: center;
	margin-bottom: 60px;
}

.title3 > span{
	display: inline-block;
}

.title3 > div{
	width:100px;
	height: 1px;
	margin:20px auto 0;
	background:#292b4e;
}

.gi1 > p{
	text-align: center;
	margin-bottom: 16px;
}

.gi1 > ul{
	display: table;
	margin:40px auto;
}

.gi1 > ul > li{
	padding:14px 15px;
	font-size: 16px;
	line-height: 24px;
}

.gi1 > ul > li:nth-of-type(odd){
	background:#ccd0d3;
}

.gi1 > ul > li > p{
	position: relative;
	padding-left: 24px;
}

.gi1 > ul > li > p > span{
	position: absolute;
	top:0;
	left: 0;
}

@media screen and (max-width:700px) {
	.title3{
		font-size: 24px;
		line-height: 34px;
	}
}

@media screen and (max-width:500px) {
	.title3{
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 40px;
	}
	
	.gi1 > ul{
		margin-bottom: 20px;
	}
}

.gi2{
	margin-bottom: 130px;
}

.gi2 > h2{
	width:100%;
	min-height: 230px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url("images/bg2.jpg") no-repeat center/cover;
	padding:20px;
	margin-bottom: 50px;
}

.gi2 > h2 > .title2{
	margin-bottom: 0;
}

.gi2 > h2 > .title2 > p:nth-of-type(1){
	opacity: 0.1;
}

.gi2 > h2 > .title2 > p:nth-of-type(2){
	color:#fff;
}

.gi2 > ul{
	display: table;
	margin:0 auto 50px;
	border-top:1px solid #cccccc;
}

.gi2 > ul > li{
	font-size: 18px;
	line-height: 26px;
	padding:20px 10px;
	border-bottom:1px solid #cccccc;
}

.gi2 > p{
	text-align: center;
	margin-bottom: 14px;
}

@media screen and (max-width:500px) {
	.gi2 > ul > li{
		font-size: 16px;
		line-height: 24px;
	}
}

.gi3{
	margin-bottom: 130px;
}

.gi3_box{
	max-width: 820px;
	margin: 0 auto 50px;
}

.gi3_box > h3{
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 20px;
}

.gi3_box > p{
	margin-bottom: 10px;
}

@media screen and (max-width:500px) {
	.gi3_box > h3{
		font-size: 18px;
		line-height: 26px;
	}
}

.gi4{
	margin-bottom: 130px;
}

.gi4_h_wrap{
	background: url("images/gi_bg.jpg") no-repeat 80% 10%;
	background-size: cover;
	margin-bottom: 60px;
}

.gi4_h{
	width:100%;
	max-width: 1140px;
	height: 450px;
	margin:0 auto;
	padding-bottom: 50px;
	display: flex;
	align-items: center;
}

.gi4_h > div{
	padding:20px;
	padding-bottom: 30px;
}

.gi4_h > div > p:nth-of-type(1){
	font-size: 64px;
	line-height: 100%;
	font-family: "Times New Roman", Times, "serif";
	position: relative;
	z-index: 1;
	color: #eeeeee;
}

.gi4_h > div > p:nth-of-type(2){
	font-size: 24px;
	line-height: 32px;
	position: relative;
	z-index: 2;
	margin-top:-24px;
	padding-left: 30px;
	margin-bottom: 40px;
}

.gi4_h > div > p:nth-of-type(3){
	font-size: 36px;
	line-height: 42px;
}

@media screen and (max-width:700px) {
	.gi4_h > div{
		background:rgba(255,255,255,0.60);
	}
	
	.gi4_h > div > p:nth-of-type(1){
		color:#ededed;
	}
	
	.gi4_h > div > p:nth-of-type(2){
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 20px;
		padding-left: 20px;
	}
	
	.gi4_h > div > p:nth-of-type(3){
		font-size: 24px;
		line-height: 32px;
	}
}

@media screen and (max-width:400px) {
	.gi4_h > div > p:nth-of-type(3){
		font-size: 20px;
		line-height: 26px;
	}
}

.gi4_text_wrap{
	padding:0 20px;
}

.gi4_text{
	max-width: 830px;
	margin:0 auto;
}

.gi4_text > p{
	margin-bottom: 30px;
}

.gi4_text > ul{
	margin-bottom: 30px;
}

.gi4_text > ul > li{
	padding-left: 20px;
	position: relative;
}

.gi4_text > ul > li > span{
	position: absolute;
	top:0;
	left: 0;
}

.gi5{
	max-width: 1000px;
	min-height: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 5px solid #ccd0d3;
	margin:0 auto;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	padding:20px;
}

@media screen and (max-width:700px) {
	.gi5{
		font-size: 18px;
		line-height: 26px;
	}
}

.ach_text > p{
	font-size: 14px;
	line-height: 36px;
	margin-bottom: 24px;
}

.ach_text > p:last-of-type{
	margin-bottom: 60px;
}

.ach_text > p > a{
	text-decoration: underline;
}

.ach_text > p > a:hover{
	text-decoration: none;
	color:#ea5504;
}

.ach{
	margin-bottom: 100px;
}

.ach > h2{
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 10px;
	border-bottom: 1px solid #292b4e;
	margin-bottom: 26px;
}

.ach_box{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-bottom: 60px;
}

.ach_box > h3{
	width:160px;
	min-height: 40px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color:#fff;
	padding:10px 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	background:#292b4e;
}

.ach_box > ul{
	width:calc( 100% - 160px );
	padding-left: 30px;
}

.ach_box > ul > li{
	position: relative;
	padding-left: 20px;
	margin-bottom: 8px;
}

.ach_box > ul > li > span{
	position: absolute;
	top:0;
	left: 0;
}

.ach_box > ul > li > p{
	display: inline-block;
	margin-right: 10px;
}

.ach_box > ul > li > a{
	width:90px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	display: inline-block;
	color:#fff;
	text-decoration: none;
	border:1px solid #292b4e;
	background:#292b4e;
}

.ach_box > ul > li > a:hover{
	background:#fff;
	color:#292b4e;
}

@media screen and (max-width:500px) {
	.ach_box > ul{
		width:100%;
		padding-left: 0;
		margin-top:20px;
	}
}

.rec_title{
	width:100%;
	height: 480px;
	background:url("images/title_rec1.webp") no-repeat 40% 10%;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 60px;
	line-height: 68px;
	text-align: center;
	color: #fff;
	font-family: "Times New Roman", Times, "serif";
	margin-bottom: 20px;
}

.rec_title_img{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.rec_title_img > li{
	width:calc( 33.333333333333333333% - 20px );
	margin:0 10px;
}

.rec_title_img > li{
	height: 320px;
}

.rec_title_img > li:nth-of-type(1){
	background:url("images/title_rec2.webp") no-repeat 90% 10%;
	background-size: cover;
}

.rec_title_img > li:nth-of-type(2){
	background:url("images/title_rec3.webp") no-repeat 10% 10%;
	background-size: cover;
}

.rec_title_img > li:nth-of-type(3){
	background:url("images/title_rec4.webp") no-repeat center 10%;
	background-size: cover;
}

@media screen and (max-width:1000px) {
	.rec_title{
		height: 360px;
	}
	
	.rec_title_img > li{
		height: 240px;
	}
}

@media screen and (max-width:850px) {
	.rec_title{
		height: 280px;
		font-size: 40px;
		line-height: 46px;
	}
	
	.rec_title_img > li{
		height: 150px;
	}
}

@media screen and (max-width:500px) {
	.rec_title{
		height: 200px;
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 10px;
	}
	
	.rec_title_img > li{
		width:calc( 33.333333333333333333% - 10px );
		height: 100px;
		margin:0 5px;
	}
}

.rec1{
	padding:0 20px;
	text-align: center;
	margin-bottom: 80px;
}

.rec1 > p{
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 40px;
}

@media screen and (max-width:500px) {
	.rec1 > p{
		font-size: 16px;
		line-height: 30px;
	}
}

.rec2{
	padding:60px 20px 80px;
	background:url("images/bg2.jpg") no-repeat center/cover;
	margin-bottom: 90px;
}

.rec2 > .title2 > p:nth-of-type(1){
	opacity: 0.1;
}

.rec2 > .title2 > p:nth-of-type(2){
	color:#fff;
}

.rec2_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1100px;
	margin:0 auto;
}

.rec2_box{
	width:32%;
	max-width: 320px;
	background:#fff;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 50px;
}

.rec2_box_h{
	text-align: center;
	color:#fff;
	background:#2b2a51;
	font-size: 16px;
	line-height: 22px;
	padding:14px 10px;
}

.rec2_box_img{
	width:100%;
	height: 150px;
	margin-bottom: 10px;
}

.rec2_list > li:nth-of-type(1) > .rec2_box_img{
	background: url("images/rec2_1.jpg") no-repeat 80% center;
	background-size: cover;
}

.rec2_list > li:nth-of-type(2) > .rec2_box_img{
	background: url("images/rec2_2.jpg") no-repeat 80% center;
	background-size: cover;
}

.rec2_list > li:nth-of-type(3) > .rec2_box_img{
	background: url("images/rec2_3.jpg") no-repeat 60% center;
	background-size: cover;
}

.rec2_box_text{
	padding:0 15px 20px;
	font-size: 14px;
	line-height: 20px;
}

.rec2_box_list{
	margin-bottom: 18px;
}

.rec2_box_list > li{
	position: relative;
	padding-left: 20px;
	margin-bottom: 6px;
}

.rec2_box_list > li > span{
	position: absolute;
	top:0;
	left: 0;
}

.rec2_box_text > p{
	position: relative;
	padding-left: 20px;
}

.rec2_box_text > p > span{
	position: absolute;
	top:0;
	left: 0;
}

.rec2_box_text > p > a{
	text-decoration: underline;
}

.rec2_box_text > p > a:hover{
	text-decoration: none;
	color:#ea5504;
}

@media screen and (max-width:800px) {
	.rec2_list{
		justify-content: center;
		max-width: 700px;
		margin:0 auto;
	}
	
	.rec2_box{
		width:48%;
	}
	
	.rec2_list > li:nth-of-type(2){
		margin-left: 4%;
	}
}

@media screen and (max-width:550px) {
	.rec2_box{
		width:100%;
	}
	
	.rec2_list > li:nth-of-type(2){
		margin-left: 0;
	}
}

.rec3{
	margin-bottom: 100px;
}

.rec3 > p{
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	padding:0 20px;
	margin-bottom: 70px;
}

.rec3_box{
	position: relative;
	padding-bottom: 500px;
	margin-bottom: 70px;
}

.rec3_box_content{
	padding:0 20px;
	max-width: 1140px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 2;
}

.rec3_box_logo{
	width:270px;
	height:270px;
	display: flex;
	justify-content: center;
	align-items: center;
	border:1px solid #ccc;
	background:#fff;
	padding:20px;
}

.rec3_box_text{
	width:calc( 100% - 280px );
	padding:10px;
	background:#fff;
}

.rec3_box_text > h3{
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 5px;
}

.rec3_box_text > div{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.rec3_box_text > div > p{
	margin-right: 20px;
}

.rec3_box_text > div > p > a:hover{
	color:#ea5504;
}

.rec3_box_img{
	position: absolute;
	bottom:0;
	right: 0;
	z-index: 1;
	width: calc( 100% - ( 100% - 1100px ) / 2 - 170px );
	max-width: 90%;
	height: 600px;
}

.rec3_box1 .rec3_box_img{
	background: url("images/rec3_1.webp") no-repeat 70% 10%;
}

.rec3_box2 .rec3_box_img{
	background: url("images/rec3_2.webp") no-repeat 74% 80%;
	right:auto;
	left: 0;
}

.rec3_box2 .rec3_box_content{
	flex-direction: row-reverse;
}

.rec3_box2 .rec3_box_text > h3{
	text-align: right;
}

.rec3_box2 .rec3_box_text > div{
	width:100%;
	flex-direction: row-reverse;
}

.rec3_box2 .rec3_box_text > div > p{
	margin-right: 0;
	margin-left: 20px;
}

@media screen and (max-width:850px) {
	.rec3_box{
		padding-bottom: 350px;
	}
	
	.rec3_box_logo{
		width:150px;
	}
	
	.rec3_box_text{
		width:calc( 100% - 160px );
	}
	
	.rec3_box_img{
		height: 400px;
	}
}

@media screen and (max-width:550px) {
	.rec3_box{
		padding:0;
	}
	
	.rec3_box_content{
		justify-content: center;
	}
	
	.rec3_box_logo{
		width:250px;
		height: 250px;
		margin-bottom: 30px;
	}
	
	.rec3_box_text{
		width:100%;
		margin-bottom: 30px;
	}
	
	.rec3_box_img{
		position: static;
		height: 300px;
		max-width: 100%;
	}
	
	.rec3_box2 .rec3_box_text > h3{
		text-align: left;
	}

	.rec3_box2 .rec3_box_text > div{
		width:100%;
		flex-direction: row;
	}

	.rec3_box2 .rec3_box_text > div > p{
		margin-right: 20px;
		margin-left: 0;
	}
}

.rec4_wrap{
	padding:60px 10px 40px;
	background: #e1e8ee;
	margin-bottom: 90px;
}

.rec4{
	max-width: 1100px;
	margin:0 auto;
}

.rec4 .title2{
	margin-bottom: 150px;
}

.rec4_box{
	background:#fff;
	padding:30px 30px 50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 130px;
}

.rec4_box_img{
	width:330px;
}

.rec4_box1 .rec4_box_img{
	margin-top:-110px;
}

.rec4_box2{
	flex-direction: row-reverse;
}

.rec4_box2 .rec4_box_img{
	margin-top:-110px;
}

.rec4_box_text_wrap{
	width:calc( 100% - 370px );
}

.rec4_box_h{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 14px;
}

.rec4_box_name{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.rec4_box_name > p{
	margin-right: 10px;
}

.rec4_box_name > p:last-of-type{
	font-size: 16px;
}

.rec4_box_text > p{
	margin-top: 20px;
}

@media screen and (max-width:800px) {
	.rec4_box{
		max-width: 650px;
		margin:0 auto 100px;
	}
	
	.rec4_box_img{
		width:100%;
		margin-bottom: 40px;
	}
	
	.rec4_box_img > img{
		display: block;
		margin:0 auto;
	}
	
	.rec4_box1 .rec4_box_img{
		margin-top:-80px;
	}
	
	.rec4_box2 .rec4_box_img{
		margin-top:-80px;
	}
	
	.rec4_box_text_wrap{
		width:100%;
	}
}

@media screen and (max-width:500px) {
	.rec4_box{
		padding:40px 20px 50px;
	}
}

.rec5{
	max-width: 1120px;
	padding:0 10px;
	margin:0 auto 140px;
}

.rec5 > p{
	text-align: center;
	padding:0 10px;
	margin-bottom: 50px;
}

.rec5_box{
	font-size: 14px;
	line-height: 30px;
	padding:0 10px;
	margin-bottom: 130px;
}

.rec5_box > h3{
	width:260px;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	margin:0 auto;
	padding-bottom: 10px;
	border-bottom:1px solid #292b4e;
	margin-bottom: 50px;
}

.rec5_box > p{
	text-align: center;
}

.cp_flow_box{
	display: flex;
}

.cp_flow_box > h4{
	width:229px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color:#fff;
	padding:10px;
}

.cp_flow_box > h4 > div > p:nth-of-type(1){
	color:#fff;
	opacity: 0.32;
	font-size: 60px;
	line-height: 100%;
	font-family: "Times New Roman", Times, "serif";
	font-style: italic;
	margin-bottom: 15px;
}

.cp_flow_box > h4 > div > p:nth-of-type(2){
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 6px;
}

.cp_flow_box > h4 > div > p:nth-of-type(2) span{
	display: inline-block;
}

.cp_flow1 > h4{
	background:#c9c9d2;
	color:#292b4e;
	min-height: 190px;
}

.cp_flow1 > h4 > div > p:nth-of-type(1){
	color:#292b4e;
}

.cp_flow2 > h4{
	background:#78798f;
	min-height: 150px;
}

.cp_flow3 > h4{
	background:#363758;
	min-height: 150px;
}

.cp_flow_box > div{
	width:calc( 100% - 229px );
	padding:10px 0;
	padding-left: 40px;
	display: flex;
	align-items: center;
}

.cp_flow > p{
	margin-top:30px;
	text-align: right;
}

.cp_flow_ar img{
	display: block;
}

@media screen and (max-width:700px) {
	.cp_flow_box > h4{
		width:150px;
	}
	
	.cp_flow_box > div{
		width:calc( 100% - 150px );
		padding-left: 20px;
	}
	
	.cp_flow_ar{
		width:150px;
	}
}

@media screen and (max-width:500px) {
	.cp_flow_box > h4{
		width:100px;
		padding:0;
	}
	
	.cp_flow_box > div{
		width:calc( 100% - 100px );
	}
	
	.cp_flow_box > h4 > div > p:nth-of-type(1){
		font-size: 40px;
		margin-bottom: 10px;
	}
	
	.cp_flow_box > h4 > div > p:nth-of-type(2){
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 4px;
	}
	
	.cp_flow_box > h4 > div > p:nth-of-type(3){
		font-size: 12px;
		line-height: 18px;
	}
	
	.cp_flow_ar{
		width:100px;
	}
}

.rec6_wrap{
	padding:60px 20px 100px;
	background: #e1e8ee;
	margin-bottom: 90px;
}

.rec6{
	max-width: 980px;
	margin:0 auto;
}

.rec6_box > img{
	display: block;
	margin:0 auto 40px;
}

.rec6_box > p{
	margin-bottom: 20px;
}

.rec6_box > p > span{
	display: inline-block;
}

.rec6_box > table {
	margin-bottom: 20px;
}

.rec6_box > table th{
	width:1px;
	white-space: nowrap;
	padding-right: 20px;
	font-weight: bold;
	vertical-align: top;
}

.rec6_box > div{
	text-align: right;
	margin-top:40px;
}

@media screen and (max-width:450px) {
	.rec6_box > table{
		margin-bottom: 0;
	}
	
	.rec6_box > table th{
		width:100%;
		display: block;
	}
	.rec6_box > table td{
		width:100%;
		display: block;
		margin-bottom: 20px;
	}
}

.rec7{
	max-width: 850px;
	padding:0 20px;
	margin:0 auto;
}

.rec_jd{
	margin-bottom: 150px;
}

.rec_jd > h3{
	display: table;
	min-width: 300px;
	font-size: 24px;
	line-height: 32px;
	padding:14px 50px;
	color:#fff;
	text-align: center;
	margin:0 auto 50px;
	background:#292b4e;
}

.rec_jd > h3 > span{
	display: inline-block;
}

.rec_jd_box{
	margin-bottom: 100px;
}

.rec_jd_box > h4{
	text-align: center;
	margin-bottom: 40px;
}

.rec_jd_box > h4 > p:nth-of-type(1){
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 14px;
}

.rec_jd_box > h4 > p:nth-of-type(2){
	font-size: 16px;
	line-height: 22px;
}

.rec_jd_box > h4 > div{
	width:100%;
	max-width: 380px;
	height: 1px;
	background: #cccccc;
	margin:0 auto 12px;
}

.rec_jd_box > table{
	width:100%;
}

.rec_jd_box > table th{
	width:240px;
	padding:10px 20px;
	vertical-align: top;
	border-bottom: 2px solid #fff;
	background:#f8f8fa;
}

.rec_jd_box > table td{
	padding:10px 0;
	padding-left: 20px;
	vertical-align: top;
	border-bottom: 2px solid #fff;
}

.rec_jd_box > div{
	margin-top:20px;
}

.rec_jd_box > div a{
	text-decoration: underline;
}

.rec_jd_box > div a:hover{
	text-decoration: none;
	color:#ea5504
}

@media screen and (max-width:650px) {
	.rec_jd_box > table th{
		width:120px;
	}
}

@media screen and (max-width:450px) {
	.rec_jd > h3{
		width:100%;
		min-width: 0;
		max-width: 300px;
		font-size: 20px;
		line-height: 26px;
		padding:10px 20px;
	}
	
	.rec_jd_box > table th{
		display: block;
		width:100%;
		padding:10px;
	}
	
	.rec_jd_box > table td{
		display: block;
		width:100%;
		padding:10px;
		margin-bottom: 6px;
	}
}

.rec8{
	max-width: 1140px;
	padding:0 20px;
	margin:0 auto 150px;
}

.rec_app{
	max-width: 500px;
	font-size: 14px;
	line-height: 30px;
	margin:0 auto;
}

.rec_app > p{
	margin-bottom: 40px;
}

.rec_app > div{
	display: table;
}

.rec_app > div > p{
	display: table-cell;
	vertical-align: top;
}

.rec_app > div > p:nth-of-type(1){
	width:1px;
	white-space: nowrap;
}

.rec9_wrap{
	padding:0 20px;
}

.rec9{
	max-width: 1100px;
	padding:40px 20px 30px;
	margin:0 auto;
	text-align: center;
	background:url("images/bg2.jpg") no-repeat center/cover;
	color:#fff;
}

.rec9 > h2{
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 12px;
}

.rec9 > h2 > span{
	display: inline-block;
}

.rec9 > p{
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 30px;
}

.rec9 > a{
	max-width: 300px;
	display: block;
	padding: 10px;
	margin:0 auto;
	font-size: 16px;
	line-height: 22px;
	background:#fff;
	border:1px solid #fff;
}

.rec9 > a:hover{
	background:#424264;
	color:#fff;
}

@media screen and (max-width:500px) {
	.rec9 > h2{
		font-size: 24px;
		line-height: 34px;
	}
	
	.rec9 > p{
		font-size: 16px;
		line-height: 24px;
	}
}

.staff1{
	padding:0 20px;
	margin-bottom: 100px;
}

.staff1 > p{
	text-align: center;
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 20px;
}

@media screen and (max-width:700px) {
	.staff1 > p{
		font-size: 16px;
		line-height: 32px;
	}
}

.staff2{
	margin-bottom: 50px;
}

.staff2 .top_staff_list_box > a{
	color:#292b4e;
}

.staff2 .top_staff_list_box > a .view_more{
	transition: .3s;
	margin:26px auto 0;
}

.staff2 .top_staff_list_box > a:hover .view_more{
	color: #292b4e;
}

.staff2 .top_staff_list_box > a:hover .view_more > div{
	top: 100%;
}

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

.staff3 > img{
	display: block;
	margin: 0 auto 36px;
}

.staff3 > h2{
	border-bottom: 1px solid #ccc;
	max-width: 550px;
	margin:0 auto;
	padding-bottom: 16px;
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 26px;
}

.staff3 > h2 > span{
	display: inline-block;
}

.staff3 > p:nth-of-type(1){
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 24px;
}

.staff_wrap{
	margin-bottom: 130px;
}

.staff_name{
	width:100%;
	height: 480px;
	display: flex;
	align-items: center;
	margin-bottom: 70px;
}

.yaegashi .staff_name{
	background:url("images/yaegashi1.webp") no-repeat 60% center;
	background-size: cover;
}

.murakami .staff_name{
	background:url("images/murakami1.webp") no-repeat 70% center;
	background-size: cover;
}

.sakanoi .staff_name{
	background:url("images/sakanoi1.webp") no-repeat 80% center;
	background-size: cover;
}

.shuto .staff_name{
	background:url("images/shuto1.webp") no-repeat 90% center;
	background-size: cover;
}

.sagawa .staff_name{
	background:url("images/sagawa1.webp") no-repeat 40% center;
	background-size: cover;
}

.staff_name > div{
	padding:30px;
}

.staff_name > div > p{
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 10px;
}

.staff_name > div > div{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.staff_name > div > div > p:nth-of-type(1){
	font-size: 30px;
	line-height: 36px;
	margin-right: 30px;
}

.staff_name > div > div > p:nth-of-type(2){
	font-size: 24px;
	line-height: 30px;
	font-family: "Times New Roman", Times, "serif";
}

@media screen and (max-width:800px) {
	.staff_name{
		height: 360px;
	}
}

@media screen and (min-width:651px) {
	.shuto .staff_name{
		color:#fff;
	}
}
@media screen and (max-width:650px) {
	.staff_name{
		align-items: flex-end;
	}
	
	.staff_name > div{
		padding:10px 20px;
		background:rgba(255,255,255,0.80);
	}
	
	.staff_name > div > div > p:nth-of-type(1){
		margin-right: 16px;
	}
}

@media screen and (max-width:500px) {
	.staff_name{
		height: 300px;
	}
	
	.staff_name > div{
		padding:10px;
	}
	
	.staff_name > div > p{
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 4px;
	}
	
	.staff_name > div > div > p:nth-of-type(1){
		font-size: 24px;
		line-height: 30px;
	}
	
	.staff_name > div > div > p:nth-of-type(2){
		font-size: 18px;
		line-height: 24px;
	}
}

.staff_intro{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 70px;
}

.staff_intro_text{
	width:54%;
	max-width: 580px;
}

.staff_intro_text > h3{
	font-size: 36px;
	line-height: 44px;
	color:#eeeeee;
	font-family: "Times New Roman", Times, "serif";
	margin-bottom: 30px;
}

.staff_intro_text > div > p{
	margin-bottom: 20px;
}

.staff_intro_text > table{
	width:100%;
	margin-top:40px;
}

.staff_intro_text > table th{
	width:120px;
	padding:10px 20px;
	background:#ccd0d3;
	border-bottom: 6px solid #fff;
}

.staff_intro_text > table td{
	padding:10px 0;
	padding-left: 20px;
	border-bottom: 6px solid #fff;
}

.staff_intro_img{
	width:43.4545454545454545%
}

@media screen and (max-width:750px) {
	.staff_intro_text{
		width:100%;
		margin-bottom: 50px;
	}
	
	.staff_intro_img{
		width:100%;
	}
	
	.staff_intro_img img{
		display: block;
		margin:0 auto;
	}
}

@media screen and (max-width:500px) {
	.staff_intro_text > table th{
		padding:10px;
		width:80px;
	}
	
	.staff_intro_text > table td{
		padding-left: 10px;
	}
}

.staff_desc{
	margin-bottom: 80px;
}

.staff_desc_box{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 15px;
}

.staff_desc_box > h3{
	width:200px;
	height: 50px;
	display: flex;
	align-items: center;
	padding:0 30px;
	padding-right: 0;
	color:#fff;
	background:#2b2a51
}

.staff_desc_box > div{
	width:calc( 100% - 200px );
	padding-left: 20px;
	padding-bottom: 1px;
}

.staff_desc_box > div > p{
	padding-top: 14px;
}

.staff_desc_box > div > table{
	width:100%;
	margin-bottom: 30px;
}

.staff_desc_box > div > table th{
	width:90px;
	padding-top: 14px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}

.staff_desc_box > div > table td{
	padding-top: 14px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ccc;
}

.staff_desc_box > div > table + p{
	padding-bottom:30px;
}

@media screen and (max-width:650px) {
	.staff_desc_box > h3{
		width:100%;
		padding-left: 20px;
	}
	
	.staff_desc_box > div{
		width:100%;
		padding:0 20px;
	}
	
	.staff_desc_box > div > p{
		padding-bottom:30px;
	}
}

@media screen and (max-width:450px) {
	.staff_desc_box > h3{
		padding-left: 10px;
	}
	
	.staff_desc_box > div{
		padding:0 10px;
	}
}

.staff_img_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.staff_img_list > li{
	width:32%;
	max-width: 355px;
}

.staff_img_list > li > img{
	display: block;
	margin:0 auto;
}

@media screen and (max-width:700px) {
	.staff_img_list > li{
		width:48%;
		margin-bottom: 4%;
	}
	
	
	.staff_img_list > li:nth-of-type(1){
		width:100%;
		max-width: 100%;
	}
}

.con_text{
	margin-bottom: 80px;
}

.con_text > p{
	margin-bottom: 18px;
}

.con_text > p a{
	text-decoration: underline;
}

.con_text > p a:hover{
	color:#ea5504;
	text-decoration: none;
}

.con_form{
	max-width: 770px;
	margin:0 auto;
}

.con_box{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5px;
}

.con_box > h2{
	width:50%;
	height: 48px;
	padding:0 30px;
	display: flex;
	align-items: center;
	background: #2b2a51;
	color:#fff;
}

.con_box > div{
	width:50%;
}

.con_box > div > input[type="text"]{
	display: block;
	width:100%;
	height: 48px;
	border:1px solid #ccc;
	padding:0 15px;
}

.con_box > div > select{
	display: block;
	width:200px;
	height: 48px;
	border:1px solid #ccc;
	padding:0 15px;
	margin-left: 5px;
}

.con_box > div > textarea{
	display: block;
	width:100%;
	height: 200px;
	border:1px solid #ccc;
	padding:15px;
}

.submit_box{
	margin-top:80px;
}

.submit{
	display: block;
	width:100%;
	max-width:300px;
	margin:0 auto;
	padding:25px 0;
	font-size:16px;
	color:#fff;
	background:url("images/bg2.jpg") no-repeat center/cover;;
	transition:.2s;
	line-height:100%;
	cursor:pointer;
	text-align:center;
	border:0;
	font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", YuMincho, "Yu Mincho", "serif";
	-webkit-appearance: none;
}

.submit:hover{
	opacity: 0.6;
}

.back{
	display: block;
	width:200px;
	margin:0 auto;
	padding:20px 0;
	font-size:16px;
	color:#fff;
	background:#999;
	transition:.2s;
	line-height:100%;
	cursor:pointer;
	text-align:center;
	margin-top:20px;
	border:0;
	font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", YuMincho, "Yu Mincho", "serif";
	-webkit-appearance: none;
}

.back:hover{
	opacity: 0.6;
}

@media screen and (max-width:650px) {
	.con_box{
		margin-bottom: 15px;
	}
	
	.con_box > h2{
		width:100%;
		padding:0 15px;
	}
	
	.con_box > div{
		width:100%;
	}
	
	.con_box > div > select{
		margin-top:5px;
		margin-left: 0;
	}
}

.news_wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.news_r{
	width:30%;
}

.news_side_box{
	margin-bottom: 60px;
}

.news_r > div:last-of-type{
	margin-bottom: 0;
}

.news_side_box > p{
	padding:12px 30px;
	color:#fff;
	background:#2b2a51;
	margin-bottom: 5px;
}

.news_side_box > ul > li{
	border-bottom: 1px dotted #666;
}

.news_side_box > ul > li > a{
	display: block;
	padding: 10px 30px;
}

.news_side_box > ul > li > a:hover{
	text-decoration: underline;
}

.news_l{
	width:66%;
	max-width: 630px;
}

.news_list_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 18px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 18px;
}

.news_list_box_cat{
	width:120px;
	min-height: 100px;
	color:#fff;
	background:#292b4e;
	padding:10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

.news_list_box_text{
	width:calc( 100% - 135px );
	padding:40px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
}

.news_list_box_date{
	position: absolute;
	top:0;
	left: 0;
	font-family: "Times New Roman", Times, "serif";
	font-style: italic;
	font-size: 16px;
}

.news_list_box_btn{
	position: absolute;
	bottom:0;
	right:0;
	width:100px;
	font-size: 14px;
	line-height: 30px;
	font-family: "Times New Roman", Times, "serif";
	text-align: center;
	background:#eee;
	transition: .3s;
}

.news_list_box:hover .news_list_box_btn{
	background:#292b4e;
	color:#fff;
}

@media screen and (max-width:750px) {
	.news_l{
		width:100%;
		max-width: 100%;
		margin-bottom: 70px;
	}
	
	.news_r{
		width:100%;
	}
	
	.news_side_box > p{
		padding:12px 20px;
	}
	
	.news_side_box > ul{
		display: flex;
		flex-wrap: wrap;
	}
	
	.news_side_box > ul > li{
		width:32%;
	}
	
	.news_side_box > ul > li:nth-of-type(3n-1){
		margin:0 2%;
	}
	
	.news_side_box > ul > li > a{
		padding:10px;
	}
}

@media screen and (max-width:550px) {
	.news_list_box_cat{
		font-size: 14px;
		width:100px;
	}
	
	.news_list_box_text{
		width:calc( 100% - 110px );
	}
	
	.news_side_box > ul > li{
		width:49%;
	}
	
	.news_side_box > ul > li:nth-of-type(3n-1){
		margin:0;
	}
	
	.news_side_box > ul > li:nth-of-type(2n){
		margin-left:2%;
	}
}

@media screen and (max-width:400px) {
	.news_side_box > ul > li{
		width:100%;
	}
	
	.news_side_box > ul > li:nth-of-type(2n){
		margin-left:0;
	}
}

.news_box_cat {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 40px;
}

.news_box_cat > div{
	width:230px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	background:#292b4e;
	color:#fff;
	font-size: 18px;
	line-height: 24px;
	padding:10px;
	margin-right: 20px;
}

.news_box_cat > p{
	font-size: 20px;
	line-height: 26px;
	font-style: italic;
	font-family: "Times New Roman", Times, "serif";
}

.news_box_title{
	font-size: 24px;
	line-height: 32px;
	padding-bottom: 10px;
	border-bottom: 1px solid #292b4e;
	margin-bottom: 30px;
}

.news_box_content a{
	text-decoration: underline;
}

.news_box_content a:hover{
	text-decoration: none;
	color:#ea5504;
}

@media screen and (max-width:500px) {
	.news_box_cat{
		margin-bottom: 30px;
	}
	
	.news_box_cat > div{
		width:100%;
		height: 40px;
		padding:0 20px;
		justify-content: flex-start;
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 10px;
		margin-right: 0;
	}
	
	.news_box_cat > p{
		font-size: 18px;
		line-height: 24px;
	}
	
	.news_box_title{
		font-size: 18px;
		line-height: 24px;
	}
}

.pp_top_text{
	margin-bottom: 70px;
}

.pp_box{
	margin-bottom: 50px;
}

.pp_box > h2{
	font-size: 18px;
	line-height: 24px;
}

.pp_box > h2 > div{
	width:100px;
	height: 1px;
	background:#292b4e;
	margin:10px 0 16px;
}

.pp_box > p{
	margin-bottom: 20px;
}

.pp_box > div{
	padding-left: 40px;
}

.pp_box > div > ul > li{
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
}

.pp_box > div > ul > li > span{
	position: absolute;
	top:0;
	left: 0;
}

.pp_last_wrap{
	display: flex;
	justify-content: flex-end;
}

.pp_last{
	width:100%;
	max-width: 400px;
	border:1px solid #ccc;
	padding:20px;
}

.pp_last > p{
	display: table;
	margin:0 auto;
}

.pp_last > p > span{
	display: inline-block;
}

@media screen and (max-width:500px) {
	.pp_box > div{
		padding-left: 10px;
	}
}

.faq_list_wrap{
	margin-bottom: 70px;
}

.faq_list_wrap > h2{
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 30px;
}

.faq_box{
	margin-bottom: 10px;
}

.faq_box > h3{
	position: relative;
	padding:12px 50px;
	background:#e1e8ee;
	font-size: 16px;
	line-height: 22px;
	cursor:pointer;
}

.faq_box > h3 > span{
	position: absolute;
	top:12px;
	left: 15px;
}

.faq_box > h3 > div{
	width:15px;
	height: 14px;
	background:url("images/plus.png") no-repeat center center;
	position: absolute;
	top:50%;
	right:17px;
	margin-top:-7px;
	transition: .3s;
}

.faq_box > .faq_open > div{
	background:url("images/minus.png") no-repeat center center;
}

.faq_box > div{
	padding:24px 0 50px;
	padding-left: 50px;
}

.faq_box > div a{
	text-decoration: underline;
}

.faq_box > div a:hover{
	color:#ea5504;
	text-decoration: none;
}

@media screen and (max-width:500px) {
	.faq_box > h3{
		padding-left: 30px;
	}
	
	.faq_box > h3 > span{
		left:8px;
	}
	
	.faq_box > div{
		padding:18px 8px 20px;
	}
}

.blog_body{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.header_blog{
	padding:0 20px;
}

.header_blog .header{
	padding:0;
	max-width: 1100px;
	margin:0 auto;
}

@media screen and (min-width:1261px) {
	.header_blog .header{
		height: 100px;
	}
}

.header_blog .h_logo > a > p{
	margin-right: 20px;
}

.blog_btn{
	width:350px;
	height: 46px;
	display: flex;
	justify-content: center;
	align-items: center;
	border:1px solid #2b2a51;
}

.blog_btn > p{
	padding-right: 30px;
	background:url("images/blog_ar1.png") no-repeat right center;
	transition: .3s;
}

.blog_btn:hover{
	background:#2b2a51;
}

.blog_btn:hover > p{
	color:#fff;
	background:url("images/blog_ar2.png") no-repeat right center;
	transition: .3s;
}

.header_blog .h_logo > a > p{
	font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", YuMincho, "Yu Mincho", "serif";
}

@media screen and (max-width:1000px) {
	.header_blog .blog_btn{
		width:200px;
	}
	
	.header_blog .blog_btn > p{
		padding-right: 20px;
	}
}

@media screen and (max-width:650px) {
	.header_blog .h_logo > a > div:nth-of-type(1){
		width:130px;
	}
	.header_blog .h_logo > a > div:nth-of-type(2){
		width:110px;
	}
	.header_blog .h_logo > a > .blog_h_pre{
		width:150px !important;
	}
	
	.header_blog .h_logo > a > div img{
		display: block;
		height: auto;
	}
	
	.header_blog .blog_btn{
		display: none;
	}
}

.blog_h{
	background:#2b2a51;
	padding:0 20px;
	margin-bottom: 20px;
}

.blog_h > div{
	display: flex;
	align-items: center;
	max-width: 1100px;
	height: 350px;
	background:url("images/title_blog_2025.webp") no-repeat 53% 40%;
	background-size: cover;
	margin:0 auto;
	padding:20px;
}

.blog_h_yaegashi > div{
	background:url("images/title_blog_yaegashi.webp") no-repeat 70% 10%;
	background-size: cover;
}

.blog_h > div > p{
	padding:20px;
	background:rgba(255,255,255,0.60);
	font-size: 36px;
	line-height: 44px;
}

.blog_h > div > p > span{
	display: inline-block;
}

@media screen and (max-width:750px) {
	.blog_h > div{
		height: 250px;
	}
	
	.blog_h > div > p{
		font-size: 24px;
		line-height: 32px;
	}
}

@media screen and (max-width:550px) {
	.blog_h{
		padding:0;
	}
	
	.blog_h > div{
		height: 180px;
		padding:10px;
	}
	
	.blog_h > div > p{
		font-size: 18px;
		line-height: 26px;
		padding:10px;
	}
}

.blog_footer{
	max-width: 1100px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.blog_footer_l{
	flex-wrap: wrap;
}

.blog_footer_l > div{
	margin-bottom: 20px;
}

.blog_footer_l > div:nth-of-type(1){
	display: flex;
	flex-wrap: wrap;
	font-size: 18px;
	line-height: 24px;
}

.blog_footer_l > div:nth-of-type(1) > div{
	margin-right: 36px;
}

.blog_footer_l > div:nth-of-type(1) > div:nth-of-type(2){
	padding-top: 6px;
}

.blog_footer_l > div:nth-of-type(2){
	margin-right: 20px;
}

.blog_footer_r .blog_btn{
	border:1px solid  #fff;
}

.blog_footer_r .blog_btn > p{
	background:url("images/blog_ar2.png") no-repeat right center;
}

.blog_footer_r .blog_btn:hover{
	background:#fff;
}

.blog_footer_r .blog_btn:hover > p{
	color:#292b4e;
	background:url("images/blog_ar1.png") no-repeat right center;
	transition: .3s;
}


@media screen and (max-width:800px) {
	.blog_footer{
		justify-content: center;
	}
	
	.blog_footer_l > div{
		width:100%;
		text-align: center;
	}
	
	.blog_footer_l > div:nth-of-type(1){
		justify-content: center;
	}
	
	.blog_footer_l > div:nth-of-type(1) > div{
		width:100%;
		margin-right: 0;
		text-align: center;
	}
	
	.blog_footer_l > div:nth-of-type(1) > div:nth-of-type(2){
		padding-top:14px;
		font-size: 16px;
		line-height: 20px;
	}
	
	.blog_footer_l > div:nth-of-type(2){
		margin-right: 0;
	}
}



@media screen and (max-width:400px) {
	.blog_footer_r{
		width:100%;
	}
	
	.blog_footer_r .blog_btn{
		width:100%;
	}
}

.blog_list_box{
	display: block;
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 40px;
}

.blog_list_box_date{
	display: flex;
	justify-content: center;
	align-items: center;
	width:90px;
	height: 90px;
	position: absolute;
	top:0;
	left: 0;
	color:#fff;
	font-weight: bold;
	background:#2b2a51;
}

.blog_list_box_title{
	display: flex;
	align-items: center;
	min-height: 50px;
	font-size: 18px;
	line-height: 24px;
	padding:10px 0;
	padding-left: 105px;
}

.blog_list_box_content{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.blog_list_box_img{
	width:40%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.blog_list_box_img:before {
    content:"";
    display: block;
    padding-top: 75%; /* 高さを幅の75%に固定 */
}

.blog_list_box_text{
	position: relative;
	width:60%;
	min-height: 200px;
	padding-left: 15px;
	padding-bottom: 45px;
}

.blog_list_box_cat{
	display: flex;
	flex-wrap: wrap;
	margin-top:5px;
}

.blog_list_box_cat > p{
	padding:5px 15px;
	background:#d9dae5;
	text-align: center;
	margin-top:10px;
	margin-right: 10px;
	font-size: 12px;
	line-height: 18px;
}

.blog_list_box_text > p:last-of-type{
	position: absolute;
	bottom:0;
	right: 0;
	width:100px;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
	color:#fff;
	border:1px solid #2b2a51;
	background:#2b2a51;
	transition: .3s;
}

.blog_list_box:hover .blog_list_box_text > p:last-of-type{
	color:#2b2a51;
	background:#fff;
}

@media screen and (max-width:450px) {
	.blog_list_box_title{
		font-size: 16px;
		line-height: 24px;
	}
	
	.blog_list_box_img{
		width:100%;
		margin-bottom: 15px;
	}
	
	.blog_list_box_text{
		width:100%;
		min-height: 0;
		padding-left: 0;
	}
}

.blog_box{
	margin-bottom: 120px;
}

.blog_title_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999999;
	margin-bottom: 20px;
}

.blog_date{
	display: flex;
	justify-content: center;
	align-items: center;
	width:90px;
	min-height: 90px;
	color:#fff;
	font-weight: bold;
	background:#2b2a51;
}

.blog_title{
	width:calc( 100% - 105px );
	padding:10px 0 40px;
	position: relative;
}

.blog_title h2{
	font-size: 18px;
	line-height: 24px;
}

.blog_cat{
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	bottom:0;
	left: 0;
}

.blog_cat > p{
	padding:5px 15px;
	background:#d9dae5;
	text-align: center;
	margin-top:10px;
	margin-right: 10px;
	font-size: 12px;
	line-height: 18px;
}

.blog_img{
	margin-bottom: 30px;
}

.blog_contents{
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

.blog_contents a{
	text-decoration: underline;
}

.blog_contents a:hover{
	text-decoration: none;
	color:#ea5504;
}

@media screen and (max-width:450px) {
	.blog_date{
		width:100%;
		min-height: 0;
		justify-content: flex-start;
		padding: 5px 10px;
	}
	
	.blog_title{
		width:100%;
	}
}

.blog_saishin > h2{
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 40px;
}

/*pagenavi*/

span.pages{
	display:none;
}

div.wp-pagenavi{
	display:table;
	margin:50px auto 50px;
}

.wp-pagenavi span , .wp-pagenavi a{
	padding:9px 8px !important;
	border: 1px solid #fff !important;
	font-size:12px !important;
	text-decoration:none;
}

.wp-pagenavi span{
	color:#fff;
	background:#292b4e;
}

.wp-pagenavi .extend{
	color:#292b4e;
	background:#e1e8ee;
}

.wp-pagenavi a{
	color:#292b4e;
	background:#e1e8ee;
}

.wp-pagenavi .first , .wp-pagenavi .last{
	display: none !important;
}

.wp-pagenavi a:hover{
border:1px solid #292b4e !important;
}

.wp-pagenavi > *{
	margin-right:6px !important;
}

.wp-pagenavi > *:last-child{
	margin-right:0px !important;
}

/*pagenaviここまで*/

.page_link{
	pointer-events:none;
	padding-top:100px;
	margin-top:-100px;
}

.sm_list{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.sm_list > li{
	width:23%;
	font-size: 16px;
	line-height: 24px;
	margin-right: 2.6666666666666667%;
	margin-bottom: 24px;
	display: flex;
	align-items: flex-end;
}

.sm_list > li:nth-of-type(4n){
	margin-right: 0;
}

.sm_list > li > a{
	display: block;
	width:100%;
	padding:6px 0;
	border-bottom: 1px solid #2b2a51;
}

.sm_list > li > a:hover{
	border-bottom: 1px solid #ea5504;
}

.sm_list2 > a{
	display: block;
	padding:10px;
	color:#fff;
	background:#2b2a51;
	border:1px solid #2b2a51;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 35px;
}

.sm_list2 > a:hover{
	background:#fff;
	color: #2b2a51;
}

.sm_list2 > ul{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.sm_list2 > ul > li{
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	list-style: disc outside;
	width:calc( 25% - 30px );
}

.sm_list2 > ul > li > a:hover{
	color:#ea5504
}

@media screen and (max-width:750px) {
	.sm_list > li{
		width:31%;
		margin-right: 3.5%;
	}
	
	.sm_list > li:nth-of-type(4n){
		margin-right: 3.5%;
	}
	
	.sm_list > li:nth-of-type(3n){
		margin-right: 0;
	}
	
	.sm_list2 > ul > li{
		width:calc( 33.33333333333% - 30px );
	}
}

@media screen and (max-width:500px) {
	.sm_list{
		justify-content: space-between;
	}
	
	.sm_list > li{
		width:48%;
		margin-right: 0 !important;
	}
	
	.sm_list2 > ul{
		justify-content: space-between;
	}
	
	.sm_list2 > ul > li{
		width:calc( 48% - 20px );
		margin-right: 0;
	}
}


/* SP時 表示調整 */
@media screen and (max-width:500px) {
	.top_slide_wrap{
		padding-top:1px;
		margin-bottom: 30px;
	}
	
	.top_slide_text_wrap{
		margin-top:150px;
	}
	
	.top_slide_text > p:last-of-type{
		display: none;
	}
	
	.top_news{
		margin-bottom: 80px;
	}
	
	.top_servise_wrap{
		padding-top:70px;
	}
	
	.top_staff_wrap{
		padding-bottom: 40px;
		margin-bottom: 80px;
	}
	
	.view_more{
		width:120px;
		height: 50px;
		font-size: 12px;
		line-height: 18px;
	}
	
	.top_col .view_more{
		bottom:20px;
	}
	
	.top_rec .view_more{
		left:auto;
		right:0;
	}
	
	.top_rec_wrap{
		margin-bottom: 130px;
	}
	
	.top_rec_bg{
		background-position: 70% top;
		padding:0 10px;
	}
	
	.top_rec{
		padding-top:50px;
		padding-bottom: 20px;
	}
	
	.top_rec > h3{
		font-size: 18px;
		line-height: 24px;
		padding:5px;
		margin-bottom: 20px;
	}
	
	.top_rec > p{
		font-size: 14px;
		line-height: 20px;
		padding:5px;
		margin-bottom: 8px;
	}
	
	.page_title{
		margin-bottom: 50px;
	}
	
	.bread_wrap{
		display: none;
	}
	
	.title3{
		margin-bottom: 30px;
	}
	
	.staff1 > p{
		line-height: 26px;
	}
	
	.ft_con_wrap{
		margin-top:100px;
	}
	
	.staff1{
		margin-bottom: 50px;
	}
	
	.staff2{
		margin-bottom: 20px;
	}
	
	.staff_name{
		margin-bottom: 20px;
	}
	
	.staff_intro_text > h3{
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 20px;
	}
	
	.staff_desc{
		margin-bottom: 40px;
	}
	
	.ach{
		margin-bottom: 0;
	}
	
	.ach_text > p{
		line-height: 28px;
	}
	
	.rec1{
		margin-bottom: 60px;
	}
	
	.rec1 > p{
		line-height: 26px;
		margin-bottom: 24px;
	}
	
	.rec2{
		padding-bottom: 40px;
	}
	
	.rec3 > p{
		margin-bottom: 50px;
	}
	
	.rec4_wrap{
		margin-bottom: 70px;
	}
	
	.rec4 .title2{
		margin-bottom: 100px;
	}
	
	.rec4_box{
		margin-bottom: 70px;
	}
	
	.rec4_box3{
		margin-bottom: 50px;
	}
	
	.cp_flow_box > div{
		line-height: 24px;
	}
	
	.cp_flow > p{
		font-size: 12px;
		line-height: 20px;
		text-align: left;
	}
	
	.rec5{
		margin-bottom: 60px;
	}
	
	.rec5_box{
		margin-bottom: 60px;
	}
	
	.rec5_box > h3{
		margin-bottom: 30px;
	}
	
	.rec6_wrap{
		padding-bottom: 60px;
		margin-bottom: 60px;
	}
	
	.rec8{
		margin-bottom: 60px;
	}
	
	.rec_jd_box{
		margin-bottom: 60px;
	}
	
	.rec_jd{
		margin-bottom: 80px;
	}
	
	.box1{
		margin-bottom: 70px;
	}
	
	.com1_text > p{
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	
	.com2_text > p{
		margin-bottom: 20px;
	}
	
	.com2_text > p:last-of-type{
		margin-bottom: 0;
	}
	
	.title2{
		margin-bottom: 40px;
	}
	
	.com8_wrap{
		margin-bottom: 80px;
		padding-bottom: 80px;
	}
	
	.com_his{
		margin-bottom: 80px;
	}
	
	.com_his_tbl_wrap > p{
		padding:0;
	}
	
	.com_ousetsu{
		margin-bottom: 80px;
	}
	
	.com_ol{
		margin-bottom: 60px;
	}
	
	.gi1{
		margin-bottom: 80px;
	}
	
	.gi2{
		margin-bottom: 80px;
	}
	
	.gi3{
		margin-bottom: 80px;
	}
	
	.gi4{
		margin-bottom: 80px;
	}
	
	.gi4_h{
		align-items: flex-end;
	}
	
	.gi4_h_wrap{
		margin-bottom: 40px;
	}
	
	.gi4_text > p{
		margin-bottom: 20px;
	}
	
	.con_text{
		margin-bottom: 50px;
	}
	
	.pp_top_text{
		margin-bottom: 50px;
	}
	
	.pp_box{
		margin-bottom: 40px;
	}
}


/* 記事エディター用 */
.news_box_content strong , .blog_contents strong{
	font-weight: bold;
}
.news_box_content em , .blog_contents em{
	font-style: italic;
}
.news_box_content li , .blog_contents li{
	list-style: inherit;
	margin-left: 20px;
}





/* 20230309 追記 */

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

.title_access > p{
	font-size: 24px;
	line-height: 32px;
	position: relative;
	margin-top: -24px;
}

.title_access > p > span{
	display: inline-block;
}

.title_access > p{
	margin-top: -10px;
}

.ft_address > div:nth-of-type(2){
	margin-top: 20px;
}

.ft_con_tel_box > div:nth-of-type(2){
	margin-top: 16px;
}

.h_nav_tel a{
	display: block;
}

.blog_btn{
	width:380px;
	height: 46px;
	display: flex;
	justify-content: center;
	align-items: center;
	border:1px solid #2b2a51;
}

.blog_footer_l > div{
	margin-bottom: 20px;
}

.blog_footer_address{
	display: flex;
}

.blog_footer_address > div:nth-of-type(2){
	margin-left: 16px;
}

@media screen and (max-width:1100px) {
	
	.ft_address > div {
		width:100%;
	}
	
	.ft_address > div > p:nth-of-type(1){
		margin-right: 10px;
	}
	
	.h_nav > nav > ul > li {
		margin-left: 20px;
		position: relative;
	}
}	

@media screen and (max-width:1100px) {
	.h_nav_tel{
		display: none;
	}
}	

@media screen and (max-width:785px) {
	
	.ft_address{
		margin-top:20px;
	}
	
	.blog_footer_address{
		display: block;
	}
	
	.blog_footer_address > div:nth-of-type(2){
		margin-top: 16px;
	}
}	



/* 20230309 end */

/* 20250910 */

.gi_vo_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.gi_vo_img{
	width:350px;
	background: url("images/gi_vo.jpg") no-repeat center 20%;
	background-size: cover;
}

.gi_vo_text{
	width:calc( 100% - 390px );
}

.gi_vo_name{
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.gi_vo_name p:nth-of-type(1){
	font-size: 24px;
	line-height: 32px;
}

.gi_vo_name p:nth-of-type(2){
	font-size: 16px;
	line-height: 24px;
	padding-top: 4px;
	padding-bottom: 2px;
}

.gi_vo_text_box_h{
	font-size: 16px;
	position: relative;
	padding-left: 26px;
	margin-bottom: 14px;
}

.gi_vo_text_box_h::before{
	content:"Q．";
	display: block;
	position: absolute;
	top:0;
	left: 0;
}

.gi_vo_text_box > p + p{
	margin-top: 10px;
}

.gi_vo_text_box > div{
	width:1px;
	height: 45px;
	background: #3a395d;
	margin:20px auto;
}

@media screen and (max-width:750px) {
	.gi_vo_img{
		margin:0 auto 30px;
	}
	
	.gi_vo_img::before{
		content:"";
		display: block;
		padding-top: 150%;
	}
	
	.gi_vo_text{
		width:100%;
	}
	
	.gi_vo_name{
		justify-content: center;
	}
	
	.gi_vo_text_box > div{
		height: 30px;
	}
}

/* 20250910 end */



