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

/*===========
margin
===========*/
.mg-top-80{
	margin-top: 80px!important;
}
.mg-top-120{
	margin-top: 120px!important;
}
.mg-bottom-120{
	margin-bottom: 120px!important;
}
.pad-top-120{
	padding-top: 120px;
}
.pad-bottom-120{
	padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.mg-bottom-120{
	margin-bottom: 60px!important;
}
}
@media only screen and (max-width: 767px) {
	.mg-bottom-120{
	margin-bottom: 60px!important;
}
	.pad-top-120{
	padding-top: 60px;
}
	.pad-bottom-120{
	padding-bottom: 60px;
}
		.full_sp{
		padding: 0!important;
	}
	.full_sp .more-btn{
		padding: 0 15px;
	}
}


/*===========
header
===========*/
#header_fixed{
		position: fixed;
	width: 100%;
	left:0;
	top: 0;
	z-index: 999;

}


/*===========
main
===========*/
.main{
	width: 100%;
	height: 930px;
	background-image: url("images/mv_back.png");
	background-position:bottom;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	margin-top: -100px;
		padding-top: 136px;
	z-index: -1;
}

.main .flex_area{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}


.catch-copy_wrap{
	position: relative;
	margin-right: 65px;
}
.catch-copy_area{
	width: 100%;
	height: 100%;
	position: relative;
}
.catch-copy_area h1{
	writing-mode: vertical-rl;
	font-size: 40px;
	letter-spacing: 12px;
	line-height: 1.4;
}
.catch-copy_area h1 span{
	margin-top: 60px;
}


.main_img_area{
	width: 80%;
	height: 570px;
}
.main_img_area img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 200px 0 0 0;
}


@media only screen and (max-width: 1200px) {
	.main{
	width: 100%;
	height: 100%;
	margin-top: 0;
		padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 30px;
}
.catch-copy_wrap{
	margin-right: 45px;
}
	.catch-copy_area h1{
	font-size: 36px;
		letter-spacing: 10px;
}
	
.main_img_area{
	height: 500px;
}
}

@media only screen and (max-width: 767px) {
	.main{
		background-image: url("images/mv_back_sp.png");
		padding-bottom: 140px;
}
.main_img_area{
	height: 305px;
}
.main_img_area img{
	border-radius: 100px 0 0 0;
}
	.catch-copy_area h1{
	font-size: 22px;
	letter-spacing: 6px;
}

}

/*===========
head
===========*/
.head_type-01{
	padding-bottom: 64px;
}
.head_type-01 h2{
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 4px;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
.head_type-01{
	padding-bottom: 36px;
}
.head_type-01 h2{
	font-size: 28px;
}
}
@media only screen and (max-width: 767px) {
	.head_type-01{
	padding-bottom: 36px;
}
.head_type-01 h2{
	font-size: 24px;
	line-height: 1.5;
	letter-spacing:0.05em;
}
}


/*===========
top-reason
===========*/
.top_reason{
	position: relative;
	z-index: 1;
	margin-top: -120px;
    padding-top: 60px;
}

.top_reason .head_txt{
	font-size: 22px;
	margin-top: 20px;
}

.reason_type-01,
.reason_type-02,
.reason_type-03{
	display: flex;
	position: relative;
}
.reason_type-01 .img_area{
	width: 70%;
	height: 584px;
}
.reason_type-01 .img_area img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.reason_type-01 .txt_area_wrap{
	width: 600px;
	height: 446px;
	position: absolute;
	 left: 52%;
    margin-top: 74px;
}
 .txt_area_wrap .txt_area{
	position: relative;
	width: 100%;
	height: 100%;
}


.txt_area_wrap .txt_area .inner{
	width: 475px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
 .txt_area_wrap .txt_area .inner .head{
	position: relative;
	margin-bottom: 30px;
	z-index: 1;
}
.txt_area_wrap .txt_area .inner .head span{
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 120px;
	line-height: 1;
	color: #5B8DAC;
	opacity: 0.1;
	letter-spacing: 6px;
	z-index: -1;
} 
.txt_area_wrap .txt_area .inner .head p{
	font-size: 22px;
} 


 .txt_area_wrap .txt_area .inner .head h3{
	font-size: 30px;
	 line-height: 1.3;
}


.reason_type-01 .txt_area_wrap .txt_area .inner .head span{
	bottom: 20px;
} 


@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.top_reason{
	margin-top: -60px;
}
	
.reason_type-01,
.reason_type-02,
.reason_type-03{
	display: block;
}
	.reason_type-01,
	.reason_type-02{
		margin-bottom: 64px;
	}
	
	.reason_type-01 .img_area{
	width: 95%;
	height: 384px;
}
.reason_type-01 .txt_area_wrap{
width: 95%;
    margin: 0 auto;
    height: 100%;
    position: inherit;
    left: 0;
    margin-top: 36px;
}

.txt_area_wrap .txt_area .inner{
	width: 100%;
	position: inherit;
	top: 0;
	left: 0;
	transform: translate(0,0);
}
	 .txt_area_wrap .txt_area .inner .head{
	margin-bottom: 20px;
}
	.reason_type-01 .txt_area_wrap .txt_area .inner .head span{
	bottom: inherit;
} 

	.txt_area_wrap .txt_area .inner .head span{
	position: absolute;
	 bottom: inherit;
		 right: inherit;
    left: 50%;
    top: 32%;
    transform: translate(-50%,-50%);
	font-size: 120px;
} 

	
}


@media only screen and (max-width: 767px) {
	.top_reason .head_txt{
	font-size: 14px;
}	
	
.reason_type-01,
.reason_type-02,
.reason_type-03{
	display: block;
}
	.reason_type-01,
	.reason_type-02{
		margin-bottom: 64px;
	}
	
	.reason_type-01 .img_area{
	width: 95%;
	height: 200px;
}
.reason_type-01 .txt_area_wrap{
width: 95%;
    margin: 0 auto;
    height: 100%;
    position: inherit;
    left: 0;
    margin-top: 36px;
}

.txt_area_wrap .txt_area .inner{
	width: 100%;
	position: inherit;
	top: 0;
	left: 0;
	transform: translate(0,0);
}
	 .txt_area_wrap .txt_area .inner .head{
	margin-bottom: 20px;
}
	.reason_type-01 .txt_area_wrap .txt_area .inner .head span{
	bottom: inherit;
} 
	.txt_area_wrap .txt_area .inner .head span{
	position: absolute;
	 bottom: inherit;
		 right: inherit;
    left: 50%;
    top: 10%;
    transform: translate(-50%,-50%);
	font-size: 64px;
} 

	 .txt_area_wrap .txt_area .inner .head h3{
	font-size: 20px;
}
		
.txt_area_wrap .txt_area .inner .head p{
	font-size: 16px;
} 

}


.reason_type-02 .img_area{
	width: 70%;
	height: 584px;
	margin-left: auto;
}
.reason_type-02 .img_area img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.reason_type-02 .txt_area_wrap{
	width: 600px;
	height: 446px;
	position: absolute;
	 right: 55%;
    margin-top: 74px;
}
.reason_type-02 .txt_area_wrap .txt_area .inner .head span{
	left: 0;
	bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
.reason_type-02 .img_area{
	width: 95%;
	height: 384px;
	margin-left: auto;
}

.reason_type-02 .txt_area_wrap{
	width: 95%;
	margin: 0 auto;
	height: 100%;
	position: inherit;
	 right: 0;
    margin-top: 36px;
}
.reason_type-02 .txt_area_wrap .txt_area .inner .head span{
	left: 50%;
	bottom: inherit;
}

}
@media only screen and (max-width: 767px) {
.reason_type-02 .img_area{
	width: 95%;
	height: 200px;
	margin-left: auto;
}

.reason_type-02 .txt_area_wrap{
	width: 95%;
	margin: 0 auto;
	height: 100%;
	position: inherit;
	 right: 0;
    margin-top: 36px;
}
	.reason_type-02 .txt_area_wrap .txt_area .inner .head span{
	bottom: inherit;
}
.reason_type-02 .txt_area_wrap .txt_area .inner .head span{
	left: 50%;
}

}


.reason_type-03 .img_area{
	width: 70%;
	height: 584px;
}
.reason_type-03 .img_area img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.reason_type-03 .txt_area_wrap{
	width: 600px;
	height: 446px;
	position: absolute;
	 left: 55%;
    margin-top: 74px;
}
.reason_type-03 .txt_area_wrap .txt_area .inner .head span{
	right: 0;
}


@media only screen and (min-width: 768px) and (max-width: 1200px) {

.reason_type-03 .img_area{
	width: 95%;
	height: 384px;
}
.reason_type-03 .txt_area_wrap{
	width: 95%;
	margin: 0 auto;
	height: 100%;
	position: inherit;
	 left: 0;
    margin-top: 36px;
}
.reason_type-03 .txt_area_wrap .txt_area .inner .head span{
	right: inherit;
	left: 50%;
}

}
@media only screen and (max-width: 767px) {
.reason_type-03 .img_area{
	width: 95%;
	height: 200px;
}
.reason_type-03 .txt_area_wrap{
	width: 95%;
	margin: 0 auto;
	height: 100%;
	position: inherit;
	 left: 0;
    margin-top: 36px;
}
.reason_type-03 .txt_area_wrap .txt_area .inner .head span{
	right: inherit;
	left: 50%;
}

}

/*===========
top-service
===========*/
.top_judge{
	padding-top: 130px;
	z-index: 1;
	position: relative;
}

.head_back_wrap{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.head_back{
	position: relative;
	z-index: 0;
	background-image: url("images/head_back.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.head_back::before{
	content: "";
	width: 100%;
	height: 115px;
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	position: absolute;
	top: 0;
	left: 0;
}
.head_back::after{
	content: "";
	width: 100%;
	height: 190px;
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
}

.top_judge .head_back{
	width: 100%;
	height: 420px;
}

.top_judge .head_txt{
	font-size: 18px;
	margin-top: 20px;
}

@media only screen and (max-width: 1200px) {
	.top_judge{
	padding-top: 100px;
	z-index: 1;
	position: relative;
}
}

@media only screen and (max-width: 767px) {
		.top_judge{
	padding-top: 80px;
}
.head_back{
	background-image: url("images/head_back_sp.png");
}
	
	.head_back::before{
	height: 100px;
}
	.head_back::after{
	height: 100px;
}
	
	.top_judge .head_back{
	height: 395px;
}
	
	.top_judge .head_txt{
	font-size: 14px;
}
}



.judge_item{
	width: 500px;
	margin: 0 auto;
	background-color: #F5FBFF;
	border: 4px solid #D0E7F5;
	padding: 40px 15px;
	border-radius: 6px;
	margin-bottom: 35px;
}
.judge_item .head{
display: inline-block;
	background-color: #84CBF7;
	border-radius: 50px;
	width: 190px;
	height: 50px;
	line-height: 50px;
		font-size: 20px;
	margin-bottom: 30px;
}

.judge_item .txt{
	font-size: 26px;
	letter-spacing: 4px;
	margin-bottom: 20px;
	line-height: 1.4;
}


@media only screen and (min-width: 768px) and (max-width: 1200px) {

}
@media only screen and (max-width: 767px) {
.judge_item{
	max-width: 360px;
	width: 100%;
	padding : 30px 15px;
}
	.judge_item .head{
	height: 40px;
	line-height: 40px;
		font-size: 18px;
	margin-bottom: 20px;
}
	.judge_item .txt{
	font-size: 20px;
	letter-spacing: 3px;
	margin-bottom: 15px;
}
}


.judge_back{
	background-image: url("images/judge_back.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 340px;
	position: relative;
	margin-top: 120px;
}


.hukidasi_wrap{
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
}
.hukidasi_wrap .hukidasi{
	position: relative;
  display: inline-block;
  padding: 20px 15px;
	width: 562px;
  background: #4884AA;
  border-radius: 6px;
}
.hukidasi_wrap .hukidasi::before {
     content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -94px;
    border: 94px solid transparent;
    border-top: 40px solid #4884AA;
}

.hukidasi_wrap .hukidasi p{
	font-size: 30px;
}


.judge_back .txt_area{
	width: 100%;
	position: absolute;
	top: 56%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.judge_back .txt_area p{
	font-size: 40px;
	letter-spacing: 6px;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {

}
@media only screen and (max-width: 767px) {
.judge_back{
	background-image: url("images/judge_back_sp.jpg");
	height: 225px;
	margin-top: 80px;
}
	.hukidasi_wrap .hukidasi{
	width: 320px;
}
	
	.hukidasi_wrap .hukidasi::before{
		 margin-left: -46px;
    border: 46px solid transparent;
    border-top: 26px solid #4884AA;
	}	
	   
	.hukidasi_wrap .hukidasi p{
	font-size: 22px;
}
	
	.judge_back .txt_area p{
	font-size: 26px;
	letter-spacing: 3px;
}
}



/*===========
top-product
===========*/
.top_product{
	padding-top: 130px;
	padding-bottom: 140px;
	position: relative;
}
.top_product::before{
	content: "";
	background-image: url("images/japan.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 532px;
	height: 630px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
}

.top_product .head_back img{
	width: 100%;
	height: 490px;
	object-fit: cover;
}

.top_product .txt_area{
	margin-bottom: 65px;
	position: relative;
	z-index: 1;
}


.top_product .txt_area p{
	font-size: 36px;
	letter-spacing: 5px;
	margin-bottom: 40px;
}
.top_product .txt_area p:last-of-type{
	margin-bottom: 0;
}

.product_btn{
	position: relative;
	z-index: 1;
}
.product_btn a{
	width: 208px;
	height: 64px;
	font-size: 16px;
	color: #fff;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, rgba(43,155,224,1) 0%, rgba(126,194,223,1) 100%);
	box-shadow: 3px 3px 6px  rgba(148,148,148,0.3);
}

.top_product .product_btn a{
	width: 520px;
	margin: 0 auto;
	height: 95px;
	font-size: 22px;
	border-radius: 18px;
}

@media only screen and (max-width: 1200px) {
	.top_product{
	padding-top: 100px;
}
		.top_product::before{
	top: 50%;
	transform: translate(-50%,-50%);
}
}

@media only screen and (max-width: 767px) {
.top_product{
	padding-top: 80px;
	padding-bottom: 64px;
}
	.top_product .head_back img{
	height: 420px;
}
	
	.top_product::before{
	width: 350px;
	height: 415px;
}
	
	
	.top_product .txt_area p{
	font-size: 24px;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
.top_product .product_btn a{
	max-width: 360px;
	width: 100%;
	height: 70px;
	font-size: 16px;
	border-radius: 6px;
}
}


/*===========
top-company
===========*/
.top_company{
	padding-bottom: 65px;
}
.company_wrap{
	display: flex;
}
.company_wrap .img_area{
	width: 55%;
	height: 600px;
}
.company_wrap .img_area img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.company_wrap .data_area{
	width: 718px;
	height: 100%;
	padding: 46px 68px;
	position: relative;
	z-index: 1;
	margin-top: 60px;
	margin-left: -80px;
	background-color: #F5FBFF;
}
.company_wrap .data_area h3{
	font-size: 36px;
	margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
.company_wrap{
	display: block;
}
.company_wrap .img_area{
	width: 85%;
	height: 300px;
}
	.company_wrap .data_area{
	width: 90%;
	padding: 36px 36px;
	margin-top: -40px;
	margin-left: auto;
		margin-right: auto;
}
}
@media only screen and (max-width: 767px) {
.company_wrap{
	display: block;
}
.company_wrap .img_area{
	width: 85%;
	height: 228px;
}
	.company_wrap .data_area{
	width: 90%;
	padding: 36px 26px;
	margin-top: -40px;
	margin-left: auto;
		margin-right: auto;
}
	.company_wrap .data_area h3{
	font-size: 20px;
	margin-bottom: 0;
}
}



/*======================
下層ここから
======================*/
/*===========
一覧
===========*/
.under_top_back{
background-image:url( "images/under_head_back.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 420px;
	position: relative;
	margin-top: -100px;
	z-index: 0;
}

.under_top_back::before{
	content: "";
	width: 100%;
	height: 115px;
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.under_top_back::after{
	content: "";
	width: 100%;
	height: 190px;
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}


.under_top_ttl{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
    text-align: center;
}
.under_top_ttl h1{
	font-size: 40px;
	letter-spacing: 6px;
	font-weight: 600;
}


.pankuzu{
	position: absolute;
	bottom: 85px;
	left: 80px;
	width: 100%;
	z-index: 1;
}


@media only screen and (max-width: 1200px) {
.under_top_back{
	height: 320px;
	margin-top: 0;
}
	.under_top_back::before{
	height: 100px;
}
	.under_top_back::after{
	height: 100px;
}
	.under_top_ttl h1{
	font-size: 36px;
}
	.pankuzu{
		width: 100%;
		left: 0;
	bottom: 50px;
	padding-left: 15px;
	padding-right: 15px;
}
}

@media only screen and (max-width: 767px) {
.under_top_back{
background-image:url( "images/under_head_back_sp.png");
	height: 280px;
}
.under_top_ttl h1{
	font-size: 30px;
	letter-spacing: 4px;
}
		.pankuzu{
	bottom: 40px;
}
}


/*一覧記事エリア*/
.article_wrap{
	padding-bottom: 140px;
}
.article_flex{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}


/*記事一覧*/
.article_list_wrap {
	width: 865px;
}
.article_list_wrap .head{
	font-size: 32px;
	letter-spacing: 4px;
	margin-bottom: 20px;
}

.article_list_wrap .head_all{
	margin-bottom: 40px;
}

.article_item{
	margin-bottom: 64px;
}
.article_item:last-of-type{
	margin-bottom: 0;
}

.article_item .article_all_head{
	font-size: 30px;
	padding: 10px 20px;
	background-color: #EBF2F7;
}

.article_item .datail_list li a{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E2E2E2;
	transition: .3s;
	position: relative;
}
.article_item .datail_list li .txt_area{
	width: 100%;
	transition: .3s;
}
.article_item .datail_list li .txt_area:hover{
	opacity: .5;
}

.article_item .datail_list .txt_area .datail_name{
	font-size: 22px;
	letter-spacing: 2px;
	line-height: 1.2;
	margin-bottom: 12px;
}

.article_item .datail_list .readmore{
	text-align: right;
	position: absolute;
	right: 0;
	bottom: 20px;
}
.article_item .datail_list .readmore span{ 
	display: inline-block;
	position: relative;
	padding-left: 15px;
}
.article_item .datail_list .readmore span::before{ 
		content: "";
	background-image: url("images/icon/arrow_right_blue.svg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 6px;
	height: 12px;
	position: absolute;
	top: 55%;
	left: 0;
	transform: translateY(-50%);
}
.article_item .datail_list .readmore span:hover{
	text-decoration: underline;
}

@media only screen and (max-width: 1200px) {
	.article_wrap{
	padding-bottom: 64px;
}
.article_list_wrap {
	width: 100%;
	margin-bottom: 64px;
}

}
@media only screen and (max-width: 767px) {
	.article_list_wrap .head{
	font-size: 30px;
	letter-spacing: 2px;
}
		.article_list_wrap .head_all{
		text-align: center;
}
	
.article_item .article_all_head{
	font-size: 26px;
	text-align: center;
}
	.article_item .datail_list li a{
	display: block;
}
	.article_item .datail_list .txt_area{
	width: 100%;
		margin-bottom: 15px;
}
	.article_item .datail_list .txt_area .datail_name{
	font-size: 22px;
}
.article_item .datail_list .readmore{
	position: inherit;
	right: inherit;
	bottom: inherit;
}
.article_item .datail_list .readmore{
	text-align: left;
}
}


/*都道府県カテゴリ*/
.prefectures{
	width: 240px;
}
.prefectures .head{
	padding: 10px 30px;
	background-color: #2E78A7;
	border-radius: 6px 6px 0 0;
}

.prefectures .cat_area{
	padding: 20px 12px; 
	background-color: #EBF2F7;
	border-radius: 0 0 6px 6px;
}

.prefectures .cat_all{
	width: 100%;
	padding: 12px 25px;
	background-color: #fff;
}
.prefectures .cat_all a{
	display: inline-block;
	position: relative;
	padding-left: 15px;
	font-size: 16px;
}
.prefectures .cat_all a::before{
	content: "";
	background-image: url("images/icon/arrow_right_blue.svg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 6px;
	height: 12px;
	position: absolute;
	top: 60%;
	left: 0;
	transform: translateY(-50%);
}

@media only screen and (max-width: 1200px) {
.article_flex{
	display: block;
}
.prefectures{
	width: 100%;
}
}

@media only screen and (max-width: 767px) {
.prefectures .cat_all a{
	font-size: 14px;
}
	.prefectures .cat_all a::before{
		top: 58%;
	}
}


/*アコーディオン全体*/
.prefectures .cat_item {
		margin-top: 10px;
	margin-bottom: 10px;
}
.prefectures .cat_item:last-of-type{
	margin-bottom: 0;
}

.prefectures .cat_item .accordion_area{
    width: 100%;
	background-color: #fff;
	padding: 12px 25px;
	padding-right: 20px;
}

/*アコーディオンタイトル*/
.prefectures .cat_item .accordion_title {
	width: 100%;
    position: relative;
    cursor: pointer;
    transition: all .5s ease;
}

/*アイコンの＋と×*/
.prefectures .cat_item .accordion_title::after{
    position: absolute;
    content:'';
	background-image: url( "images/icon/icon_plus.svg");
	background-size: contain;
	background-repeat: no-repeat;
    width: 15px;
    height: 15px;
	top:50%;
    right: 0;
	transform: translate(-50%,-50%);
}

/*　close　*/
.prefectures .cat_item .accordion_title.close::after{
background-image: url( "images/icon/icon_minus.svg");
}


/*アコーディオンで現れるエリア*/
.prefectures .cat_item .accordion_inner {
    display: none;/*はじめは非表示*/
    padding-top: 12px;
	margin-top: 12px;
	border-top: 1px solid #E2E2E2;
}
.prefectures .cat_item .accordion_inner .cat_list li{
	margin-bottom: 5px;
}
.prefectures .cat_item .accordion_inner .cat_list li:last-child{
	margin-bottom: 0;
}

.prefectures .cat_item .accordion_inner .cat_list a{
   	display: inline-block;
	position: relative;
	padding-left: 15px;
	font-size: 14px;
}
.prefectures .cat_item .accordion_inner .cat_list a::before{
   	content: "";
	background-image: url("images/icon/arrow_right_blue.svg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 6px;
	height: 12px;
	position: absolute;
	top: 60%;
	left: 0;
	transform: translateY(-50%);
}

.prefectures .cat_item .accordion_inner .cat_list a:hover{
	text-decoration: underline;
}


@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 767px) {

}


/*===========
記事詳細
===========*/
.single_wrap{
	padding-top: 40px;
	padding-bottom: 80px;
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,247,251,1) 50%, rgba(220,238,247,1) 100%);
}

.single_product_wrap{
	margin-bottom: 84px;
}

.product_item{
	width: 100%;
	padding: 45px 60px;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0px 0px 24px rgba(159,201,226,0.2);
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 64px;
}
.product_item:last-of-type{
	margin-bottom: 0;
}

@media only screen and (max-width: 1200px) {
.product_item{
	max-width: 640px;
	margin: 0 auto;
	width: 100%;
	display: block;
	margin-bottom: 64px;
}
}
@media only screen and (max-width: 767px) {
	.single_product_wrap{
	margin-bottom: 64px;
}
	.product_item{
		padding: 30px 20px;
		margin-bottom: 40px;
	}
}


.product_item .img_area{
	width: 245px;
}
.product_item .img_area img{
	width: 100%;
	height: 245px;
	object-fit: cover;
	object-position: center;
	border-radius: 100%;
}

.product_item .contents_area{
	width: 635px;
	height: 100%;
}

.product_item .contents_area .txt_area{
	padding-bottom: 25px;
	border-bottom: 1px solid #E2E2E2;
}
.product_item .product_name{
	font-size: 30px;
	margin-bottom: 10px;
}

.product_item .price_area{
	display: flex;
	justify-content: space-between;
	padding-top: 25px;
}
.product_item .price_area .price_inner dl{
	display: flex;
	font-size: 16px;
}
.product_item .price_area .price_inner dl:first-of-type{
	margin-bottom: 5px;
}
.product_item .price_area .price_inner dt{
	margin-right: 25px;
}
.product_item .price_area .product_btn{
	margin-top: 10px;
}

@media only screen and (max-width: 1200px) {
.product_item .contents_area{
	width: 100%;
}
	.product_item .img_area{
	margin: 0 auto;
		margin-bottom: 20px;
}
	.product_item .product_name{
		text-align: center;
}
}
@media only screen and (max-width: 767px) {
.product_item .img_area{
	width: 180px;
}
.product_item .img_area img{
	height: 180px;
}
	.product_item .product_name{
	font-size: 24px;
}
	.product_item .price_area{
	display: block;
}
.product_item .price_area .product_btn{
	margin-top: 25px;
}
	
	.product_item .price_area .product_btn a{
	height: 50px;
		font-size: 14px;
		margin: 0 auto;
}

}


/*single_company_wrap*/
.single_company_wrap .head h2{
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 40px;
	letter-spacing: 3px;
}

.single_company_wrap .company_item{
	width: 100%;
	background-color: #fff;
	border-radius: 20px;
	padding: 40px;
	padding-bottom: 60px;
	margin-bottom: 45px;
}

.single_company_wrap .company_item .txt{
	font-size: 20px;
	margin-bottom: 40px;
}

.single_company_wrap .company_item .table{
	width: 890px;
	margin: 0 auto;
}


.single_company_wrap .more-btn a{
	font-size: 16px;
}
.single_company_wrap .more-btn a::after{
	content: none;
}


@media only screen and (max-width: 1200px) {
	.single_company_wrap .company_item{
		max-width: 640px;
		margin: 0 auto;
		margin-bottom: 45px;
}
.single_company_wrap .company_item .table{
	width: 100%;
}
	.single_company_wrap .more-btn a{
		width: 280px;
	}
}

@media only screen and (max-width: 767px) {
.single_company_wrap .head h2{
	font-size: 24px;
	margin-bottom: 30px;
}

}




/*===========
footer
===========*/
.footer{
	width: 100%;
	padding-top: 64px;
	padding-bottom: 45px;
}

.footer_logo{
	margin-bottom: 30px;
}

.footer_nav {
	margin-bottom: 40px;
}
.footer_nav .footer_menu_list{
	display: flex;
	justify-content: center;
}
.footer_nav .footer_menu_list li a{
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	margin-left: 15px;
	padding-right: 15px;
	letter-spacing: 3px;
	position: relative;
}


@media only screen and (min-width: 768px) and (max-width: 1200px) {

}
@media only screen and (max-width: 767px) {
.footer{
	width: 100%;
	padding-top: 34px;
}
	.footer_logo{
	margin-bottom: 20px;
}
	.footer_logo img{
		width: 170px;
		height: auto;
	}
}