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

@import url(‘https://fonts.googleapis.com/css?family=Noto+Sans+JP&subset=japanese’);

.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:#000;
	text-decoration: none;
}

body{
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size:16px;
	line-height:28px;
}

header{
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	top:0;
	left: 0;
	z-index: 10;
	transition: .3s;
}

.h_logo{
	width:300px;
	height: 90px;
	background:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

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

.h_nav ul{
	display: flex;
}

.h_nav ul > li{
	margin-right: 40px;
}

.h_nav ul > li > a{
	position: relative;
	color:#000;
	text-decoration: none;
	font-weight: bold;
}

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

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

.h_nav > a{
	display: flex;
	justify-content: center;
	align-items: center;
	width:200px;
	height: 90px;
	color: #fff;
	font-weight: bold;
	background:#e60012;
	text-decoration: none;
	border:1px solid #e60012;
}

.h_nav > a:hover{
	background:#fff;
	color: #e60012;
}

.top_slider_wrap{
	margin-bottom: 40px;
	position: relative;
}

.top_slider_text_wrap{
	width:100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 5;
	padding:0 20px;
}

.top_slider_text{
	display: flex;
	align-items: center;
	max-width: 1200px;
	margin:0 auto;
}

.top_slider_text > div > p:nth-of-type(1){
	font-size: 60px;
	line-height: 66px;
	font-weight: bold;
	margin:20px 0;
}

.top_slider_text > div > p:nth-of-type(1) span{
	color:#e60012;
}

.top_slider_text > div > p:nth-of-type(2){
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	text-shadow: 0px 0px 6px #f2f2f2;
}

.slide_news{
	width:100%;
	max-width: 590px;
	position: absolute;
	bottom:0;
	right:0;
	z-index: 6;
	display: flex;
	background:#fff;
	color:#000;
	text-decoration: none;
	padding:10px 0;
}

.slide_news:hover{
	color:#e60012;
}

.slide_news > div:nth-of-type(1){
	width:170px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #e60012;
	color:#e60012;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	font-family: "Times New Roman", Times, "serif";
}

.slide_news > div:nth-of-type(2){
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	width:calc( 100% - 170px );
	min-height: 96px;
	padding-left: 20px;
}

.slide_news > div:nth-of-type(2) > p{
	width:100%;
}

.slide_news > div:nth-of-type(2) > p:nth-of-type(1){
	margin-bottom: 6px;
}

.heading1{
	text-align: center;
}

.heading1 > img{
	display: block;
	margin:0 auto 20px;
}

.heading1 > p:nth-of-type(1){
	font-size: 36px;
	line-height: 60px;
	font-weight: bold;
}

.heading1_2 > p:nth-of-type(1){
	font-size: 30px;
	line-height: 46px;
	font-weight: bold;
}

.heading1 > p:nth-of-type(2){
	font-size: 24px;
	line-height: 30px;
	color:#e60012;
	font-family: "Times New Roman", Times, "serif";
	margin-top:10px;
}

.heading1 > p:last-child{
	margin-bottom: 60px;
}

.heading1_2 > p:last-child{
	margin-bottom: 30px;
}

.heading1 > div{
	width:1px;
	height:40px;
	margin:15px auto;
	background:#e60012;
}

.heading_ib{
	display: inline-block;
}

.heading_red{
	color:#e60012;
}

.heading_times{
	font-family: "Times New Roman", Times, "serif";
	font-size: 130%;
	font-weight: normal;
}

.top_op > .heading1{
	padding:0 20px;
}

.top_op > p{
	padding:0 20px;
	text-align: center;
}

.top_op_list_wrap{
	position: relative;
	padding:20px 20px 0;
	margin:60px 0 100px;
}

.top_op_list_wrap > img:nth-of-type(1){
	position: absolute;
	top:0;
	left: 0;
}

.top_op_list_wrap > img:nth-of-type(2){
	position: absolute;
	bottom:0;
	right: 0;
}

.top_op_list{
	position: relative;
	z-index: 2;
	max-width: 1200px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.top_op_list > li{
	width:48%;
	max-width: 566px;
	margin-bottom: 60px;
}

.top_op_list > li > div:nth-of-type(1){
	width:1px;
	height:40px;
	margin:0 auto;
	background:#e60012;
	position: relative;
	z-index: 2;
}

.top_op_list > li > a:nth-of-type(1){
	display: block;
	position: relative;
	z-index: 1;
	margin:-20px auto 15px;
}

.top_op_list > li > h3{
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.top_op_list > li > p{
	margin-bottom: 20px;
	background:rgba( 255,255,255,0.4 );
}

.top_op_list > li > a:last-of-type{
	width:190px;
	display: block;
	color:#fff;
	background:url("images/link_ar1.webp") no-repeat 96% center #e60012;
	border: 1px solid #e60012;
	padding:6px;
	text-align: center;
	text-decoration: none;
	margin:0 auto;
}

.top_op_list > li > a:last-of-type:hover{
	background:url("images/link_ar2.webp") no-repeat 96% center #fff;
	color:#e60012;
}

.top_os{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding:0 20px;
	margin-bottom: 130px;
}

.top_os > div{
	width:50%;
}

.heading2{
	
}

.heading2 > img{
	display: block;
	margin:0 0 20px;
}

.heading2 > p:nth-of-type(1){
	font-size: 36px;
	line-height: 48px;
	font-weight: bold;
}

.heading2 > p:nth-of-type(2){
	font-size: 24px;
	line-height: 30px;
	color:#e60012;
	font-family: "Times New Roman", Times, "serif";
	margin-top:10px;
}

.heading2 > p:last-child{
	margin-bottom: 60px;
}

.heading2 > div{
	width:1px;
	height:40px;
	margin:15px 0;
	margin-left: 40px;
	background:#e60012;
}

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

.top_os_l > div{
	width:100%;
	max-width: 600px;
	padding-right: 70px;
}

.top_os_l > div > a{
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height: 90px;
	background:url("images/link_ar2.webp") no-repeat 96% center #fff;
	border: 1px solid #e60012;
	color:#e60012;
	text-align: center;
	text-decoration: none;
	margin-top:30px;
}

.top_os_l > div > a:hover{
	background:url("images/link_ar1.webp") no-repeat 96% center #e60012;
	color:#fff;
}

.top_list1{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 70px;
}

.top_list1 > div{
	width:50%;
	position: relative;
}

.top_list1 > div > div:first-of-type{
	width:1px;
	height: 40px;
	background:#e60012;;
	position: absolute;
	top:-20px;
	left: 50%;
}

.top_list1 > div > div:last-of-type{
	position: relative;
	width:90%;
	max-width: 520px;
	background:#fff;
	padding:30px;
	margin:-120px auto 0;
}

.top_list1 > div > div:last-of-type > h2{
	text-align: center;
	margin-bottom: 26px;
}

.top_list1 > div > div:last-of-type > h2 > p:nth-of-type(1){
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
	margin-bottom: 8px;
}

.top_list1 > div > div:last-of-type > h2 > p:nth-of-type(2){
	font-family: "Times New Roman", Times, "serif";
	color:#e60012;
}

.top_list1 > div > div:last-of-type > p{
	margin-bottom: 50px;
}

.btn1{
	width:190px;
	display: block;
	color:#fff;
	background:url("images/link_ar1.webp") no-repeat 96% center #e60012;
	border: 1px solid #e60012;
	padding:6px;
	text-align: center;
	text-decoration: none;
	margin:0 auto;
}

.btn1:hover{
	background:url("images/link_ar2.webp") no-repeat 96% center #fff;
	color:#e60012;
}

.top_news{
	padding: 1px 20px 40px;
	background:#f9f9f9;
	margin-bottom:150px;
}

.top_news .heading1{
	margin-top:-28px;
}

.top_news .heading1 > img{
	margin-bottom: 4px;
}

.top_news .heading1 > p:nth-of-type(2){
	margin-top:0;
	margin-bottom: 40px;
}

.top_news_list{
	max-width: 1200px;
	margin:0 auto;
}

.top_news_list > li{
	margin-bottom: 10px;
}

.top_news_list > li > a{
	display: flex;
	flex-wrap: wrap;
	text-decoration: none;
	background:#fff;
	padding:12px;
}

.top_news_list > li > a > div:nth-of-type(1){
	width:200px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background:#e60012;
	color:#fff;
	font-family: "Times New Roman", Times, "serif";
}

.top_news_list > li > a > div:nth-of-type(2){
	width:70px;
	display: flex;
	align-items: center;
}

.top_news_list > li > a > div:nth-of-type(2) div{
	width:40px;
	height: 1px;
	background:#e60012;
	transition: .3s;
}

.top_news_list > li > a:hover > div:nth-of-type(2) div{
	width:100%;
}

.top_news_list > li > a > h3{
	width:calc( 100% - 270px );
	display: flex;
	align-items: center;
	color:#000;
}

.ft_con_wrap{
	background:url("images/ft_con_bg.webp") no-repeat 10% center;
	background-size: cover;
	padding:100px 20px;
}

.ft_con{
	max-width: 800px;
	padding:1px 20px 30px;
	background:#fff;
	margin:0 auto;
}

.ft_con .heading1{
	margin-top:-28px;
}

.ft_con .heading1 > img{
	margin-bottom: 12px;
}

.ft_con .heading1 > p:nth-of-type(1){
	font-size: 24px;
	line-height: 34px;
}

.ft_con .heading1 > p:nth-of-type(2){
	margin-top:6px;
	margin-bottom: 40px;
}

.ft_con_list{
	max-width: 680px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:0 auto 50px;
}

.ft_con_list > li{
	width:48%;
}

.ft_con_list > li > h3{
	line-height: 30px;
	color:#fff;
	font-weight: bold;
	background:#e60012;
	text-align: center;
}

.ft_con_tel{
	text-align: center;
}

.ft_con_tel > p:nth-of-type(1){
	font-size: 36px;
	line-height: 42px;
	color:#e60012;
	font-family: "Times New Roman", Times, "serif";
	margin:18px 0 10px;
}

.ft_con_mail > a{
	width:100%;
	height: 64px;
	margin-top:12px;
	display: flex;
	justify-content: center;
	align-items: center;
	background:url("images/link_ar1.webp") no-repeat 96% center #5d0301;
	color:#fff;
	text-decoration: none;
	font-weight: bold;
	border:1px solid #5d0301;
}

.ft_con_mail > a:hover{
	color: #5d0301;
	background:url("images/link_ar3.webp") no-repeat 96% center #fff;
}

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

.ft_con > p:nth-of-type(1){
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 6px;
}

.ft1_wrap{
	padding:60px 20px;
	position: relative;
}

.ft1{
	display: flex;
	align-items: center;
	max-width: 1200px;
	margin:0 auto;
}

.ft1 > div{
	width:50%;
}

.ft1_l{
	display: flex;
	align-items: center;
	padding-right: 20px;
}

.ft1_l > div{
	width:calc( 100% - 194px );
	max-width: 300px;
	padding-right: 30px;
}


.ft1_l > ul{
	width:194px;
}

.ft1_l > ul > li{
	margin-bottom: 8px;
}

.ft1_l > ul > li:last-of-type{
	margin-bottom: 0;
}

.ft1_l > ul > li > a{
	display: block;
	color:#000;
	text-decoration: none;
	background:url("images/link_ar4.webp") no-repeat 96% center;
}

.ft1_l > ul > li > a:hover{
	color:#e60012;
	background:url("images/link_ar2.webp") no-repeat 96% center;
}

.ft1_r > p{
	font-size: 12px;
	line-height: 24px;
}

.go_top{
	position: absolute;
	bottom:0;
	right: 0;
}

.ft2_wrap{
	background:#e60012;
	color:#fff;
	padding:20px;
}

.ft2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	max-width: 1200px;
	margin:0 auto;
}

.ft2 > ul{
	display: flex;
}

.ft2 > ul > li{
	margin-right: 40px;
}

.ft2 > ul > li:last-of-type{
	margin-right: 0;
}

.ft2 > ul > li > a{
	color:#fff;
	text-decoration: none;
}

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

.ft2 > p{
	font-family: "Times New Roman", Times, "serif";
}

@media screen and (max-width:1160px) {
	.top_list1 > div > div:last-of-type{
		margin-top:-15%;
	}
	
	.h_logo{
		width:200px;
		height: 70px;
		padding:0 20px;
	}
	
	.h_nav ul > li{
		margin-right: 20px;
	}
	
	.h_nav > a{
		width:180px;
		height: 70px;
	}
}

@media screen and (max-width:940px) {
	.h_nav{
		display: none;
	}
	
	.top_os_l > div{
		padding-right: 40px;
	}
}

@media screen and (max-width:800px) {
	.heading1 > p:nth-of-type(1){
		font-size: 24px;
		line-height: 40px;
	}
	
	.heading1 > p:nth-of-type(2){
		font-size: 18px;
		line-height: 24px;
	}
	
	.heading2 > p:nth-of-type(1){
		font-size: 24px;
		line-height: 40px;
	}
	
	.heading2 > p:nth-of-type(2){
		font-size: 18px;
		line-height: 24px;
	}
	
	.top_op_list{
		justify-content: center;
	}
	
	.top_op_list > li{
		width:100%;
	}
	
	.top_os > div{
		width:100%;
	}
	
	.top_os_l{
		margin-bottom: 40px;
	}
	
	.top_os_l > div{
		max-width: 100%;
		padding-right: 0;
	}
	
	.top_os_l > div > a{
		height:60px;
	}
	
	.top_list1 > div{
		width:100%;
	}
	
	.top_list1 > div:nth-of-type(1){
		margin-bottom: 60px;
	}
	
	.top_list1 > div > div:last-of-type{
		padding:30px 20px;
	}
	
	.top_news{
		margin-bottom: 100px;
	}
	
	.ft1{
		flex-wrap: wrap;
	}
	
	.ft1 > div{
		width:100%;
	}
	
	.ft1_l{
		flex-wrap: wrap;
		padding:0;
		margin-bottom: 20px;
	}
	
	.ft1_l > div{
		width:100%;
		padding-right: 0;
		max-width:100%;
		margin-bottom: 30px;
		text-align: center;
	}
	
	.ft1_l > ul{
		width:100%;
		display: flex;
		flex-wrap: wrap;
	}
	
	.ft1_l > ul > li{
		width:31%;
	}
	
	.ft1_l > ul > li:nth-of-type(3n-1){
		margin: 0 3.5% 10px;
	}
	
	.ft1_l > ul > li > a{
		padding-right: 20px;
		background-position: 98% 5.5px;
	}
	
	.ft1_l > ul > li > a:hover{
		background-position: 98% 5.5px;
	}
	
	.go_top{
		width:50px;
	}
	
	.ft2 > ul{
		width:100%;
		justify-content: center;
		margin-bottom: 20px;
	}
	
	.ft2 > p{
		width:100%;
		text-align: center;
	}
}

@media screen and (max-width:650px) {
	.top_slider_text > div > p:nth-of-type(1){
		font-size: 40px;
		line-height: 46px;
	}
	
	.slide_news > div:nth-of-type(1){
		width:120px;
	}
	
	.slide_news > div:nth-of-type(2){
		width:calc( 100% - 120px );
		min-height: 0;
		padding:10px 0;
		padding-left: 20px;
	}
	
	.top_news_list > li > a > div:nth-of-type(1){
		width:120px;
	}
	
	.top_news_list > li > a > div:nth-of-type(2){
		width:60px;
	}
	
	.top_news_list > li > a > h3{
		width:calc( 100% - 180px );
	}
	
	.ft_con_wrap{
		padding:60px 20px;
	}
	
	.ft_con_list > li{
		width:100%;
	}
	
	.ft_con_tel{
		margin-bottom: 40px;
	}
}

@media screen and (max-width:500px) {
	.top_slider_text{
		align-items: flex-end;
		padding-bottom: 150px;
	}
	
	.top_slider_text > div > p:nth-of-type(1){
		font-size: 30px;
		line-height: 36px;
	}
	
	.top_slider_text > div > p:nth-of-type(2){
		font-size: 16px;
		line-height: 26px;
	}
	
	.top_news_list > li > a > div:nth-of-type(1){
		height: 30px;
	}
	
	.top_news_list > li > a > h3{
		width:100%;
		margin-top:10px;
	}
	
	.ft1_l > ul > li{
		width:48%;
	}
	
	.ft1_l > ul > li:nth-of-type(3n-1){
		margin: 0 0 10px;
	}
	
	.ft1_l > ul > li:nth-of-type(2n){
		margin-left: 4%;
	}
	
	.ft2 > ul{
		margin-bottom: 8px;
	}
	
	.ft2 > ul > li{
		margin-right: 20px;
	}
	
	.ft2 > ul > li > a{
		font-size: 14px;
		line-height: 20px;
	}
	
	.ft2 > p{
		font-size: 14px;
		line-height: 20px;
	}
}

.heading1 > div , .heading2 > div , .line_move_t_b{
	transform: scale(1,0);
	transform-origin: top;
	transition: .4s;
}


.line_move_l_r{
	transform: scale(0,1);
	transform-origin: left;
	transition: .4s;
}

.ham_btn{
	width:34px;
	height: 23px;
	position: absolute;
	top:23.5px;
	right: 20px;
	cursor: pointer;
}
.ham_btn > img{
	transition: .3s;
}

.ham_btn > img:nth-of-type(1){
	opacity: 0;
	width:30px;
	height: 20px;
	position: absolute;
	top:1.5px;
	left: 2px;
}

.ham_btn > img:nth-of-type(2){
	width:100%;
	position: absolute;
	top:0;
	left: 0;
}

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

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

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

.ham_bg{
	position: fixed;
	top:0;
	left:0;
	z-index: 8;
	background:rgba(0,0,0,0.60);
	width:100%;
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	transition: .3s;
}

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

.ham_wrap{
	position: fixed;
	right: -280px;
	top:0;
	z-index: 9;
	width:280px;
	background:#fff;
	padding:110px 20px 20px;
	transition: .3s;
	cursor: default;
}

.ham_open .ham_wrap{
	right:0;
}

.ham_wrap > p{
	position: absolute;
	top:30px;
	left: 0;
	width:100%;
	border-bottom:2px solid #fff;
	padding:4px 10px;
	color:#fff;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
}

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

.ham_box > ul{
	text-align: left;
}

.ham_box > ul > li{
	margin-bottom: 14px;
}

.ham_box > ul > li > a{
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color:#000;
	text-decoration: none;
	padding-bottom: 2px;
}

.ham_box > ul > li > a > div{
	width:40px;
	height: 1px;
	background: #e60012;
	margin-left: 10px;
}

.ham_box > a{
	display: block;
	width:100%;
	padding:14px 20px;
	color:#fff;
	background: #e60012;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
}

.page_title{
	width:100%;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.pp_title{
	background: url("images/pp_title.webp") no-repeat center/cover;
}

.os_title{
	background: url("images/os_title.webp") no-repeat center/cover;
}

.fc_title{
	background: url("images/fc_title.webp") no-repeat center/cover;
}

.com_title{
	background: url("images/com_title.webp") no-repeat center/cover;
}

.rec_title{
	background: url("images/rec_title.webp") no-repeat center/cover;
}

.exa_title{
	background: url("images/exa_title.webp") no-repeat center/cover;
}

.page_title > div > p:nth-of-type(1){
	font-size: 36px;
	line-height: 42px;
	font-weight: bold;
	margin-bottom: 14px;
}

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

.bread_wrap{
	padding:14px;
}

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

.breadcrumbs > span{
	padding:0 6px;
}

.breadcrumbs > span > img{
	display: block;
}

.breadcrumbs > span a{
	color:#000;
	text-decoration: none;
}

.breadcrumbs > span a:hover{
	color:#e60012;
}

.page_wrap1{
	max-width: 1240px;
	padding:0 20px;
	margin:40px auto 150px;
}

.page_wrap2{
	margin:40px auto 150px;
}

.pp_top{
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 60px;
}

.pp_box{
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 50px;
}

.pp_box > h2{
	font-size: 24px;
	line-height: 30px;
	border-bottom: 1px solid #e60012;
	padding-bottom: 6px;
	margin-bottom: 24px;
}

.pp_box > ul{
	padding-left: 30px;
	margin-top: 30px;
}

.pp_box > ul > li{
	padding-left: 30px;
	position: relative;
}

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

.pp_con{
	max-width: 700px;
	border: 1px solid #cccccc;
	font-size: 16px;
	line-height: 24px;
	padding:20px;
	margin-top:40px;
}

.pp_con h3{
	margin-bottom: 20px;
}

.pp_con > div{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

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

.pp_con > div .btn1{
	height: 36px;
	font-size: 14px;
	line-height: 20px;
}

@media screen and (max-width:700px) {
	.page_title{
		height: 220px;
	}
	
	.page_title > div > p:nth-of-type(1){
		font-size: 30px;
		line-height: 36px;
	}
	
	.page_title > div > p:nth-of-type(2){
		font-size: 22px;
		line-height: 28px;
	}
	
	.pp_con > div p{
		width:100%;
	}
	
	.pp_con > div .btn1{
		margin:20px 0 0 ;
	}
}

@media screen and (max-width:500px) {
	.page_title{
		height: 180px;
	}
	
	.page_title > div > p:nth-of-type(1){
		font-size: 24px;
		line-height: 30px;
	}
	
	.page_title > div > p:nth-of-type(2){
		font-size: 18px;
		line-height: 24px;
	}
	
	.pp_box > h2{
		font-size: 20px;
		line-height: 26px;
	}
	
	.pp_box > ul{
		padding-left: 10px;
	}
}

.os1{
	margin-bottom: 40px;
}

.os1 > p{
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 20px;
}

.os1 > div{
	width:1px;
	height: 40px;
	background:#e60012;
	margin:0 auto;
}

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

.os_list > li:nth-of-type(2n){
	flex-direction: row-reverse;
}

.os_list_box > div{
	width:50%;
}

.os_list_box_img{
	min-height: 400px;
}

.os_list_box1 .os_list_box_img{
	background: url("images/os1.webp") no-repeat center/cover;
}

.os_list_box2 .os_list_box_img{
	background: url("images/os2.webp") no-repeat center/cover;
}

.os_list_box3 .os_list_box_img{
	background: url("images/os3.webp") no-repeat center/cover;
}

.os_list_box_text{
	display: flex;
	align-items: center;
	padding:30px 0;
	padding-left: 30px;
}

.os_list > li:nth-of-type(2n) .os_list_box_text{
	padding:30px 0;
	padding-right: 30px;
}

.os_list_box_text > div > h3{
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
	margin-bottom: 30px;
}

.os_list_box_text > div > h3{
	display: flex;
	align-items: center;
}

.os_list_box_text > div > h3 > div{
	width:40px;
	height: 1px;
	background: #e60012;
}

.os_list_box_text > div > h3 > p{
	width:calc( 100% - 40px );
	padding-left: 20px;
}

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

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

@media screen and (max-width:800px) {
	.os_list_box{
		margin-bottom: 60px;
	}
	
	.os_list_box > div{
		width:100%;
	}
	
	.os_list_box_text{
		padding:40px 0 0 !important;
	}
}

@media screen and (max-width:500px) {
	.os_list_box_img{
		min-height: 250px;
	}
	
	.os_list_box_text > div > h3{
		font-size: 22px;
		line-height: 30px;
	}
}

.page_ft_nav{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top:100px;
}

.page_ft_nav > li{
	width:48%;
	max-width: 560px;
	text-align: center;
	margin-top: 60px;
}

.page_ft_nav > li > a:first-of-type{
	display: block;
}

.page_ft_nav > li > p{
	font-size: 16px;
	margin:10px auto 20px;
	font-weight: bold;
}

@media screen and (max-width:600px) {
	.page_ft_nav > li{
		width:100%;
	}
	
	.page_ft_nav > li:first-of-type{
		margin-top: 0;
	}
}

.fc_list1_box{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 80px;
}

.fc_list1_box > a , .fc_list1_box > div{
	width:50%;
}

.fc_list1_box > div > div{
	width:100%;
}

.fc_list1_box_img{
	display: block;
	min-height: 400px;
	text-decoration: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.fc_list1_box_img:hover{
	opacity: 0.6;
}

.fc_list1_box_text{
	display: flex;
	align-items: center;
	padding-left: 30px;
}

.fc_list1_box_text > div > img{
	display: block;
	margin:0 auto 10px;
}

.fc_list1_box_text > div > h2{
	display: table;
	margin:0 auto 10px;
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
}

.fc_list1_box_text > div > p{
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 20px;
}

.fc_list1_box_text > div > div{
	display: flex;
	justify-content: flex-end;
}

.fc_list1_box_text > div > div > a{
	margin:0;
}

.fc_new{
	width:130px;
	height: 100%;
	background: url("images/fc_new.webp") no-repeat center center;
	background-size: 100% 100%;
	font-size: 22px;
	line-height: 28px;
	text-align: center;
	color:#fff;
	font-family: "Times New Roman", Times, "serif";
	padding-top:20px;
	padding-right: 10px;
	letter-spacing: 1px;
}

@media screen and (max-width:800px) {
	.fc_list1_box{
		margin-bottom: 60px;
	}
	
	.fc_list1_box > a , .fc_list1_box > div{
		width:100%;
	}
	
	.fc_list1_box_text{
		padding:0;
		margin-top:-24px;
	}
	
	.fc_list1_box_img{
		min-height: 350px;
	}
}

@media screen and (max-width:500px) {
	.fc_list1_box_img{
		min-height: 250px;
	}
	
	.fc_list1_box_text > div > h2{
		font-size: 22px;
		line-height: 30px;
	}
	
	.fc_new{
		width:100px;
		font-size: 18px;
		padding-top: 14px;
	}
}

.fc_box > h2{
	padding:20px;
	padding-left: 80px;
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
	background:url("images/logo.webp") no-repeat 18px 14px #eee;
	margin-bottom: 40px;
}

.fc_rpt{
	margin-bottom: 60px;
}

.fc_rpt > h3{
	display: flex;
	margin-bottom: 40px;
}

.fc_rpt > h3 > div:nth-of-type(1){
	width:8px;
	min-height: 64px;
	background: url("images/line1.webp") no-repeat center/cover;
}

.fc_rpt > h3 > div:nth-of-type(2){
	width:calc( 100% - 8px );
	padding-left: 24px;
	display: flex;
	align-items: center;
	font-size: 30px;
	line-height: 36px;
}

.fc_rpt_img{
	max-width: 768px;
	margin-bottom: 40px;
}

@media screen and (max-width:600px) {
	.fc_box > h2{
		font-size: 22px;
		line-height: 30px;
		background-size: 30px auto;
		background-position: 12px 12px;
		padding:15px;
		padding-left: 54px;
	}
	
	.fc_rpt > h3 > div:nth-of-type(1){
		min-height: 40px;
	}
	
	.fc_rpt > h3 > div:nth-of-type(2){
		font-size: 22px;
		line-height: 28px;
		padding-left: 16px;
	}
}

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

.fc_list2 > li{
	width:32%;
	margin-top:60px;
}

.fc_list2 > li:nth-of-type(3n-1){
	margin:60px 2% 0;
}

.fc_list2_box > img{
	display: block;
	margin:0 auto;
	position: relative;
	z-index: 2;
}

.fc_list2_box_img{
	display: block;
	text-decoration: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
	margin-top:-16px;
	margin-bottom: 20px;
}

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

.fc_list2_box_img:hover{
	opacity: 0.6;
}

.fc_new2{
	width:80px;
	height: 100%;
	background: url("images/fc_new.webp") no-repeat center center;
	background-size: 100% 100%;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color:#fff;
	font-family: "Times New Roman", Times, "serif";
	padding-top:14px;
	padding-right:8px;
	letter-spacing: 1px;
	position: absolute;
	top:0;
	left: 0;
}

.fc_list2_box > p{
	display: table;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin:0 auto 24px;
}

.fc_list2_box .btn1{
	font-size: 14px;
}

@media screen and (max-width:750px) {
	.fc_list2 > li{
		width:48%;
	}
	
	.fc_list2 > li:nth-of-type(3n-1){
		margin:60px 0 0;
	}
	
	.fc_list2 > li:nth-of-type(2n){
		margin-left: 4%;
	}
}

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

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

.box2{
	margin:0 auto 100px;
}

.greeting > img{
	display: block;
	width:100%;
	margin:0 auto 60px;
}

.greeting_text{
	max-width: 1010px;
	margin:0 auto;
}

.com_h_1{
	text-align: center;
	font-size: 30px;
	line-height: 60px;
	font-weight: bold;
}

.com_h_1 span{
	display: inline-block;
}

.com_h_1 > div{
	width:1px;
	height: 40px;
	margin:16px auto 30px;
	background:#e60012;
}

.greeting_text > p{
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 20px;
}

.greeting_sign{
	display: flex;
	justify-content: flex-end;
	margin-top:40px;
}

.rinen_wrap{
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 70px;
}

.rinen_wrap > img:nth-of-type(1){
	position: absolute;
	top:0;
	left: 0;
}

.rinen_wrap > img:nth-of-type(2){
	position: absolute;
	bottom:0;
	right: 0;
}

.rinen{
	max-width: 1090px;
	padding:0 20px;
	margin:0 auto;
	position: relative;
	z-index: 2;
}

.rinen_text{
	font-size: 16px;
	line-height: 28px;
	background:rgba(255,255,255,0.60)
}

.rinen_p1{
	margin-bottom: 40px;
}

.rinen_p2{
	max-width: 440px;
	margin:0 auto 40px;
	text-align: center;
	font-weight: bold;
	padding:15px;
	background: #eee;
}

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

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

.houshin{
	line-height: 28px;
}

.houshin > p{
	text-align: center;
	margin-bottom: 25px;
}

.houshin > div:nth-of-type(1){
	width:1px;
	height: 40px;
	background:#e60012;
	margin:0 auto;
}

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

.houshin_list_box > h3{
	max-width: 440px;
	padding:15px;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
	margin:0 auto;
	position: relative;
	z-index: 2;
	background:#eee;
}

.houshin_list_box > div{
	position: relative;
	z-index: 1;
	margin-top:-32px;
	border:5px solid #eee;
	border-radius: 5px;
	padding:70px 30px 40px;
}

.houshin_list_box > div > p{
	max-width: 770px;
	margin:0 auto 20px;
}

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

.houshin_list_line{
	width:1px;
	height: 70px;
	background:#e60012;
	margin:0 auto;
}

.staff{
	padding:50px 20px 20px;
	background:#eee;
	margin-bottom: 100px;
}

.staff_list{
	max-width: 1360px;
	margin:0 auto;
}

.staff_box{
	display: flex;
	flex-wrap: wrap;
	background:#fff;
	margin-bottom: 60px;
}

.staff_box > div{
	width:50%;
}

.staff_img{
	min-height: 460px;
	position: relative;
}

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

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

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

.staff_line1{
	width:1px;
	height: 40px;
	background: #e60012;
	position: absolute;
	top:-20px;
	left: 50%;
}

.staff_text{
	padding:30px 20px;
	padding-left: 30px;
}

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

.staff_name{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	width:50%;
}

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

.staff_name > p:nth-of-type(2){
	color:#e60012;
	font-family: "Times New Roman", Times, "serif";
}

.staff_hobby{
	display: flex;
	width:50%;
	font-size: 14px;
	line-height: 22px;
}

.staff_hobby > div:nth-of-type(1){
	width:60px;
	min-height: 26px;
	background: #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.staff_hobby > div:nth-of-type(2){
	width:calc( 100% - 60px );
	display: flex;
	align-items: center;
	padding-left: 10px;
}

.staff_p1{
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
}

.staff_line2{
	width:1px;
	height: 40px;
	background: #e60012;
	margin:15px 0;
	margin-left: 20px;
}

.staff_p2 > p{
	line-height: 28px;
	margin-bottom: 20px;
}

.staff_p2 > p:last-of-type{
	margin-bottom: 0px;
}

.outline_img{
	width:100%;
	height:270px;
	background:url("images/outline.webp") no-repeat center/cover;
}

.outline_line{
	width:1px;
	height: 75px;
	background: #e60012;
	margin:-15px auto 40px;
}

.com_line{
	width:1px;
	height: 75px;
	background: #e60012;
	margin:-30px auto 30px;
}

.com_tbl1{
	width:100%;
	max-width: 940px;
	margin:0 auto;
}

.com_tbl1 th{
	width:200px;
	padding:10px 30px;
	border-right: 5px solid #fff;
	border-bottom: 5px solid #fff;
	background:#eeeeee;
}

.com_tbl1 td{
	padding:10px 30px;
	border-bottom: 5px solid #fff;
	background: #fafafa;
}

.com_tbl2{
	width:100%;
	max-width: 940px;
	margin:0 auto;
}

.com_tbl2 th{
	width:200px;
	padding:15px 30px;
	border-bottom: 1px solid #eee;
}

.com_tbl2 td{
	padding:15px 30px;
	border-bottom: 1px solid #eee;
}

.map {
	position: relative;
	padding-bottom: 450px;
	height: 0;
	overflow: hidden;
}

.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.access_list{
	padding:0 20px;
	max-width: 860px;
	margin:60px auto 0;
}

.access_list > li{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 24px;
}

.access_list > li > h3{
	width:300px;
	display: flex;
	align-items: center;
	font-weight: bold;
}

.access_list > li > h3 > div{
	width:40px;
}

.access_list > li > h3 > div img{
	display: block;
	margin:0 auto;
}

.access_list > li > h3 > p{
	padding-left: 30px;
}

.access_list > li > p{
	width:calc( 100% - 300px );
}

@media screen and (max-width:1200px) {
	.staff_name{
		width:100%;
		margin-bottom: 20px;
	}
	
	.staff_hobby{
		width:100%;
	}
}

@media screen and (max-width:850px) {
	.staff_box > div{
		width:100%;
	}
	
	.staff_text{
		padding:30px 20px;
	}
	
	.staff_img{
		min-height: 0;
		height: 350px;
	}
}

@media screen and (max-width:700px) {
	.access_list > li > h3{
		margin-bottom: 15px;
	}
	
	.access_list > li > p{
		width:100%;
	}
}

@media screen and (max-width:600px) {
	.greeting_sign > div{
		width:200px;
	}
	
	.rinen_wrap{
		padding-top:30px;
	}
	
	.com_h_1{
		font-size: 22px;
		line-height: 44px;
	}
	
	.houshin_list_box > h3{
		font-size: 20px;
		line-height: 30px;
	}
	
	.staff_img{
		height: 280px;
	}
	
	.outline_img{
		height: 180px;
	}
	
	.com_tbl1 th{
		width:120px;
		padding:10px;
	}
	
	.com_tbl1 td{
		padding:10px;
	}
	
	.com_tbl2 th{
		width:120px;
		padding:15px 0;
	}
	
	.com_tbl2 td{
		padding:15px 10px;;
		padding-right: 0;
	}
	
	.com_line{
		height: 50px;
		margin:-30px auto 20px;
	}
}

@media screen and (max-width:450px) {
	.com_h_1{
		font-size: 20px;
		line-height: 40px;
	}
	
	.com_tbl1 th{
		display: block;
		width:100%;
		padding:10px;
		border-right: 0;
	}
	
	.com_tbl1 td{
		display: block;
		width:100%;
		padding:10px;
	}
	
	.com_tbl2 th{
		display: block;
		width:100%;
		padding:15px 10px 0;
		border-bottom: 0;
	}
	
	.com_tbl2 td{
		display: block;
		width:100%;
		padding:5px 10px 15px;
	}
}

@media screen and (max-width:400px) {
	.houshin_list_box > h3{
		font-size: 18px;
		line-height: 28px;
	}
	
	.houshin_list_box > div{
		padding:30px 20px !important;
		margin-top:0 !important;
		border-top:0;
	}
	
	.houshin_list_line{
		height: 50px;
	}
}

.rec_mes_img{
	width:100%;
	height: 570px;
	background: url("images/rec_mes.webp") no-repeat 20% 10%;
	background-size: cover;
}

.rec_mes_text_wrap{
	display: flex;
	justify-content: flex-end;
	margin-top:-510px;
}

.rec_mes_text_wrap2{
	padding:0 20px;
	width:65%;
	max-width: 600px;
}

.rec_mes_text{
	padding:30px 20px;
	background: #fff;
}

.rec_mes_text > p{
	line-height: 28px;
	margin-bottom: 30px;
}

.rec_mes_text > p:last-of-type{
	margin-bottom: 0;
}

.rec_mes_text > .com_h_1 > div{
	margin:10px auto 20px;
}

.rec_mes_text > .greeting_sign > div{
	width:220px;
}

@media screen and (max-width:750px) {
	.rec_mes_text_wrap{
		margin-top:-300px;
	}
	
	.rec_mes_text_wrap2{
		width:100%;
		max-width: 100%;
	}
}

@media screen and (max-width:500px) {
	.rec_mes_img{
		height: 400px;
	}
	
	.rec_mes_text_wrap{
		margin-top:-150px;
	}
	
	.rec_mes_text_wrap2{
		padding:0 10px;
	}
}

.rec_ob > p{
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	margin:-20px auto 70px;
}

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

.rec_ob_box{
	width:50%;
	margin-bottom: 90px;
}

.rec_ob_img{
	width:100%;
	margin-bottom: 50px;
}

.rec_ob_text{
	width:100%;
	max-width: 520px;
	padding:0 20px;
	margin:0 auto;
}

.rec_ob_text > h3{
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}

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

.rec_ob_text > div{
	width:1px;
	height: 40px;
	background: #e60012;
	margin:14px auto 20px;
}

@media screen and (max-width:700px) {
	.rec_ob_box{
		width:100%;
	}
	
	.rec_ob_list > li:last-of-type{
		margin-bottom: 0;
	}
}

.rec_staff_wrap{
	background: #eee;
	padding:40px 20px 100px;
	position: relative;
	margin-bottom: 100px;
}

.rec_staff_wrap > img:nth-of-type(1){
	position: absolute;
	top:0;
	left: 0;
}

.rec_staff_wrap > img:nth-of-type(2){
	position: absolute;
	bottom:0;
	right: 0;
}

.rec_staff{
	position: relative;
}

.rec_staff_list{
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin:0 auto;
}

.rec_staff_box{
	width:33.3333333333333%;
	background:#fff;
}

.rec_staff_img{
	width:100%;
	min-height: 260px;
	position: relative;
}

.rec_staff_suzuki .rec_staff_img{
	background:url("images/rec_staff_suzuki.webp") no-repeat 70% 20%;
	background-size: cover;
}

.rec_staff_woman .rec_staff_img{
	background:url("images/rec_staff_woman.webp") no-repeat 70% 20%;
	background-size: cover;
}

.rec_staff_kadowaki .rec_staff_img{
	background:url("images/rec_staff_kadowaki.webp") no-repeat 70% 20%;
	background-size: cover;
}

.rec_staff_img div{
	width:1px;
	height: 40px;
	background: #e60012;
	position: absolute;
	top:-20px;
	left: 50%;
}

.rec_staff_text{
	max-width: 380px;
	margin:0 auto;
	padding:20px 20px 40px;
}

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

.rec_staff_text > p:nth-of-type(1){
	text-align: center;
	margin-bottom: 20px;
}

@media screen and (max-width:900px) {
	.rec_staff_box{
		width:100%;
		display: flex;
		flex-wrap: wrap;
	}
	
	.rec_staff_box > div{
		width:50%;
	}
	
	.rec_staff_text > h3{
		text-align: left;
	}
	
	.rec_staff_text > p:nth-of-type(1){
		text-align: left;
	}
}

@media screen and (max-width:650px) {
	.rec_staff_box > div{
		width:100%;
	}
	
	.rec_staff_text{
		max-width: 100%;
		padding:30px 20px 40px;
	}
	
	.rec_staff_text > h3{
		text-align: center;
	}
	
	.rec_staff_text > p:nth-of-type(1){
		text-align: center;
	}
}

.rec_skill > p{
	text-align: center;
	margin-bottom: 70px;
}

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

.rec_skill_list1 > li{
	width:32%;
	max-width: 374px;
	margin-bottom: 50px;
}

.rec_skill_list1 > li > img{
	width:100%;
}

.rec_skill_list1 > li > h3{
	font-weight: bold;
	text-align: center;
	margin:14px auto 8px;
}

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

.rec_skill_list2 > li{
	width:18.5%;
	display: flex;
	justify-content: center;
	align-items: center;
	background:#eee;
	padding:5px;
	margin-bottom:1.8%;
}

@media screen and (max-width:900px) {
	.rec_skill_list2 > li{
		width:23.5%;
	}
}

@media screen and (max-width:700px) {
	.rec_skill_list1 > li{
		width:48%;
	}
	
	.rec_skill_list2 > li{
		width:32%;
	}
}

@media screen and (max-width:500px) {
	.rec_skill_list1{
		justify-content: center;
	}
	
	.rec_skill_list1 > li{
		width:100%;
	}
	
	.rec_skill_list2 > li{
		width:48%;
		margin-bottom: 4%;
	}
}

.rec_youkou .com_tbl1{
	margin-bottom: 80px;
}

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

.rec_oubo > p{
	display: table;
	margin:0 auto 40px;
}

.rec_oubo > div{
	max-width: 650px;
	border:10px solid #eee;
	margin:0 auto;
	padding:20px;
}

.rec_oubo > div > h4{
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

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

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

.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:35%;
	height: 48px;
	padding:0 30px;
	display: flex;
	align-items: center;
	background: #eee;
	color:#000;
}

.con_box > div{
	width:65%;
}

.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:18px;
	color:#fff;
	background:#e60012;
	transition:.2s;
	line-height:100%;
	cursor:pointer;
	text-align:center;
	border:0;
	-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;
	-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;
	max-width: 1000px;
	margin:0 auto;
}

.news_r{
	width:30%;
}

.news_side_box{
	margin-bottom: 60px;
}

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

.news_side_box > p{
	padding:6px 30px;
	color:#fff;
	background:#e60012;
	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_text{
	width:100%;
	padding:30px 0 40px;
	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-size: 16px;
}

.news_list_box_btn{
	position: absolute;
	bottom:0;
	right:0;
	font-size: 14px;
	line-height: 30px;
	width:150px;
	padding:0;
	transition: .3s;
}

.news_list_box:hover .news_list_box_btn{
	background:url("images/link_ar1.webp") no-repeat 96% center #fff;
	color:#e60012;
}

@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:6px 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_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: 10px;
}

.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-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: 10px;
	}
	
	.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;
	}
}

/*pagenavi*/

span.pages{
	display:none;
}

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

.wp-pagenavi span , .wp-pagenavi a{
	padding:9px 11px !important;
	font-size:12px !important;
	text-decoration:none;
}

.wp-pagenavi span{
	color:#fff;
	background:#e60012;
	border:1px solid #e60012 !important;
}

.wp-pagenavi a{
	color:#565656;
	background:#fff;
	border:1px solid #000 !important;
}

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

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

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

/*pagenaviここまで*/


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























