@charset "utf-8";

.news_area{
	background: #fffada;
}

.news_area .news_box{
	display: flex;
	justify-content: space-between;
}

.news_area .news_box > div.news{
	margin-right: 10rem;
}

.news_area .news{
	max-width: 65rem;
	
	width: -webkit-fill-available;
}

.news_area .information{
	max-width: 65rem;
	
	width: -webkit-fill-available;
}

.news_area .news_list,
.news_area .blog_latest_1,
.news_area .blog_latest_2{

}

.news_area .news_list li,
.news_area .blog_latest_1 li,
.news_area .blog_latest_2 li,
.news_list_area .blog_latest_1 li,
.news_list_area .blog_latest_2 li{
	display: flex;
	border-bottom: 0.2rem dotted #d1d1d1;
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
}

.news_area .news_list li .data,
.news_area .blog_latest_1 li .blog_latest_date,
.news_area .blog_latest_2 li .blog_latest_date,
.news_list_area .blog_latest_1 li .blog_latest_date,
.news_list_area .blog_latest_2 li .blog_latest_date{
	color: #008a7c;
	font-weight: bold;
	min-width: 13rem;
}

.news_area .news_list li .title a,
.news_area .blog_latest_1 li .blog_latest_title a,
.news_area .blog_latest_2 li .blog_latest_title a,
.news_list_area .blog_latest_1 li .blog_latest_title a,
.news_list_area .blog_latest_2 li .blog_latest_title a{
	color: #222;
	font-size: 1.8rem;
}

.news_area .news_list li .title a:hover,
.news_area .blog_latest_1 li .blog_latest_title a:hover,
.news_area .blog_latest_2 li .blog_latest_title a:hover,
.news_list_area .blog_latest_1 li .blog_latest_title a:hover,
.news_list_area .blog_latest_2 li .blog_latest_title a:hover{
	text-decoration: underline;
}

.blog_latest_1 + ul,
.blog_latest_2 + ul{
	display: flex;
	justify-content: center;
	
	display: none;
}

.blog_latest_1,
.blog_latest_2{
	margin-bottom: 4rem;
}

.blog_latest_1 + ul li,
.blog_latest_2 + ul li{
	margin-left: 1rem;
	margin-right: 1rem;
}

.blog_latest_1 + ul li a,
.blog_latest_2 + ul li a{
	color: #f08200;
	border: 0.1rem solid #f08200;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 14rem;
	height: 4rem;
	border-radius: 0.4rem;
}

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

	.news_area .news_box {
		justify-content: center;
		flex-wrap: wrap;
	}

	.news_area .news_box > div.news {
		margin-right: 0rem;
		margin-bottom: 6rem;
		max-width: none;
	}

	.news_area .news_box > div {
		width: 80%;
	}

}

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

	.news_area .information {
		max-width: 100%;
	}

}

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

	.news_area .news_box > div {
		font-size: 1.4rem;
	}

	.news_area .news_box > div {
		width: 90%;
	}

}


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

	.blog_latest_1 li,
	.blog_latest_2 li{
		font-size: 1.4rem;
	}

	.news_area .blog_latest_1 li .blog_latest_title a,
	.news_area .blog_latest_2 li .blog_latest_title a{
		font-size: 1.4rem;
	}

	.news_area .news_box > div {
		width: 100%;
	}

}


/*------------------------------------*/

.top_about{
	background: #f9f5ee;
	margin-bottom: 8rem;
}

.top_about .about_box{
	display: flex;
	justify-content: space-between;
}

.top_about .about_box .text{
	position: relative;
	width: 55rem;
	
	margin-left: 8rem;
	margin-right: 8rem;
}

.top_about .about_box .text .comment{
	position: absolute;
	top: -3rem;
	left: -13rem;
}

.top_about .about_box .text h3{
	color: #008a7c;
	font-size: 6rem;
	font-weight: bold;
	margin-bottom: 3rem;
}

.top_about .about_box .text h3 strong{
	color: #f08200;
}

.top_about .about_box .text p{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 4rem;
}

.top_about .about_box .image{

}

.top_about .about_box .image .about_image{
	position: relative;
	margin-bottom: 2rem;
}

.top_about .about_box .image .about_image .comment{
	position: absolute;
	top: -4rem;
	left: -4rem;
	width: 60%;
}

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

	.top_about .about_box .text {
		position: relative;
		width: 55rem;
		margin-left: 0rem;
		margin-right: 6rem;
	}

	.top_about .about_box .text h3 {
		font-size: 5rem;
	}

	.top_about .about_box .text .comment {
		position: relative;
		top: -3rem;
		left: 0rem;
	}

}

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



	.top_about .about_box .text {
		position: relative;
		width: 55rem;
		margin-left: auto;
		margin-right: auto;
	}

	.top_about .about_box .text .figure{
		width: 100%;
		text-align: center;
	}

	.top_about .about_box .text .figure img{
		max-width: 40rem;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.globalnavi {
		margin-left: 0;
		margin-right: 0;
	}

	.top_about .about_box {
		flex-wrap: wrap;
	}

	.top_about .about_box .image{
		margin-left: auto;
		margin-right: auto;
	}
	
	.top_about .about_box .image .about_image {
		margin-top: 5rem;
		margin-bottom: 2rem;
		margin-top: 5rem;
		max-width: 55rem;
	}

	.top_about .about_box .image .move {
		max-width: 55rem;
	}

}

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

	.top_about .about_box .text {
		margin-right: 0rem;
		margin-bottom: 5rem;
	}

	.top_about .about_box .text .comment {
		text-align: center;
	}

	.top_about .about_box .text h3 {
		font-size: 3.5rem;
	}

	.top_about .about_box .text p {
		font-size: 1.4rem;
		margin-bottom: 2rem;
	}

	.top_about .about_box .image .about_image .comment{
		left: -2rem;
	}

}

/*------------------------------------*/


.top_category{

}

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


.top_category_list li {
	width: calc((100% / 4) - 2rem);
}

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

	.top_category_list {
		flex-wrap: wrap;
	}

	.top_category_list li {
		width: calc((100% / 2) - 1rem);
	}

}


/*------------------------------------*/

.top_search_list{
	max-width: 126rem;
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.top_search_list li:nth-child(1){
	width: 49%;
	margin-bottom: 2.5rem;
}

.top_search_list li:nth-child(2){
	width: 49%;
	margin-bottom: 2.5rem;
}

.top_search_list li:nth-child(3){
	width: 31.5%;
}

.top_search_list li:nth-child(4){
	width: 31.5%;
}

.top_search_list li:nth-child(5){
	width: 31.5%;
}

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


	.top_search_list li:nth-child(1){
		width: 49%;
		margin-bottom: 1rem;
	}

	.top_search_list li:nth-child(2){
		width: 49%;
		margin-bottom: 1rem;
	}

	.top_search_list li:nth-child(3){
		width: 49%;
		margin-bottom: 1rem;
	}

	.top_search_list li:nth-child(4){
		width: 49%;
		margin-bottom: 1rem;
	}

	.top_search_list li:nth-child(5){
		width: 49%;
	}

}

/*------------------------------------*/

.new_arrival_area{
	background: #f9f5ee;
}

.new_arrival_list{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5.5rem;
}

.new_arrival_list > li{
	/*width: 33rem;*/
	width: calc((100% / 4) - 2.5rem);
	
	border: 0.1rem solid #d1d1d1;
	background: #fff;
	margin-right: 2.5rem;
	margin-bottom: 2.5rem;
	display: flex;
	flex-direction: column;
}

.new_arrival_list > li:nth-child(4n){
	margin-right: 0rem;
}

.new_arrival_list > li .data{
	max-width: 26rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3rem;
	margin-left: 3rem;
	margin-right: 3rem;
	padding-bottom: 2.5rem;
}

.new_arrival_list > li .data .image{
	margin-bottom: 1.5rem;
	text-align: center;
}

.new_arrival_list > li .data .image img{
	max-height: 20rem;
}

.new_arrival_list > li .data .text{
	min-height: 18rem;
}

.new_arrival_list > li .data h4{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.new_arrival_list > li .data h4 a{
	color: #5f4c37;
}

.new_arrival_list > li .data .price_area{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}

.new_arrival_list > li .data .price_area .price{
	font-size: 2.4rem;
	font-weight: bold;
	color: #d77909;
}

.new_arrival_list > li .data .price_area .category{
	font-weight: bold;
	color: #fff;
	background: #98836a;
	padding: 0.5rem 1rem;
}

.new_arrival_list > li .data .data_list{

}

.new_arrival_list > li .data .data_list li{
	display: flex;
	font-size: 1.4rem;
	align-items: baseline;
}

.new_arrival_list > li .bt{
	width: 100%;
	
	height: 3.5rem;
	margin-top: 1rem;
	font-size: 1.4rem;
	margin-top: auto;
}

.new_arrival_list > li .bt a{
	display: flex;
	justify-content: center;
	align-items: center;
	
	background: #d77909;
	color: #fff;

	width: 100%;
	height: 100%;
	
	font-weight: bold;
}

.new_arrival_list > li .bt a:hover{
	opacity: 0.6;
}

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

	.new_arrival_list > li {
		width: calc((100% / 3) - 2rem);
	}

	.new_arrival_list > li:nth-child(4n){
		margin-right: 2.5rem;
		margin-bottom: 2.5rem;
	}

	.new_arrival_list > li:nth-child(3n){
		margin-right: 0rem;
	}

}

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

	.new_arrival_list > li {
		width: calc((100% / 2) - 2rem);
	}

	.new_arrival_list > li:nth-child(3n){
		margin-right: 2.5rem;
	}

	.new_arrival_list > li:nth-child(2n){
		margin-right: 0rem;
	}

}

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

	.new_arrival_box.width-1400{
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}

	.new_arrival_list > li {
		width: calc((100% / 1) - 0rem);
	}

	.new_arrival_list > li{
		margin-right: 0rem;
	}

	.new_arrival_list > li:nth-child(3n){
		margin-right: 0rem;
	}

	.new_arrival_list > li:nth-child(2n){
		margin-right: 0rem;
	}
	
	.new_arrival_list > li:nth-child(n+4){
		display:none;
	}
	
	.new_arrival_list > li .data{
		display: flex;
		padding-top: 1rem;
		margin-left: 1rem;
		margin-right: 1rem;
		padding-bottom: 1rem;
		max-width: 100%;
	}
	
	.new_arrival_list > li .data .image {
		margin-bottom: 1.5rem;
		max-width: 14rem;
		min-width: 14rem;
		margin-right: 1rem;
	}

	.new_arrival_list > li .data .image img{
		max-height: 14rem;
	}

	.new_arrival_list > li .data .price_area {
		flex-direction: column-reverse;
		justify-content: flex-start;
		align-items: baseline;
		margin-bottom: 0;
	}
	
	.new_arrival_list > li .data .data_list div,
	.new_arrival_list > li .data .data_list p {
		font-size: 1.2rem;
	}

	.new_arrival_list > li .data + .bt {
		display: none;
	}
	
	.new_arrival_list > li .data .price_area .category {
		font-size: 1.2rem;
	}



}

/*------------------------------------*/

.new_arrival_area.bt{
	position: relative;
	width: 42rem;
	height: 9rem;
	margin-left: auto;
	margin-right: auto;
}

.new_arrival_area.bt.banner{
	width: 34rem;
	height: 8rem;
}

.new_arrival_area.bt.kenkichi{
	width: 34rem;
	height: 8rem;
	background: none;
}

.new_arrival_area.bt a{
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 100%;
	height: 100%;
	background: #7d1d28;
	border-radius: 5px;

	position: relative;
	font-size: 2rem;
	color: #fff;
	font-weight: bold;
}

.new_arrival_area.bt.kenkichi a{
	background: none;
}

.new_arrival_area.bt a span{
	font-size: 3rem;
}

.new_arrival_area.bt a:hover{
	background: #a03642;
}

.new_arrival_area.bt a::before{
	content: "";
	top: 0.4rem;
	left: 0.4rem;
	right: 0.4rem;
	bottom: 0.4rem;
	position: absolute;
	border: 0.1rem solid #fff;
	width: auto;
	height: auto;
	border-radius: 5px;
}

.new_arrival_area.bt.kenkichi a::before{
	border: 0.2rem solid #fff;
}

.new_arrival_area.bt img{
	position: absolute;
	top: -3.5rem;
	right: -7rem;
	pointer-events: none;
}

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

	.new_arrival_area.bt {
		width: 90%;
		height: 8rem;
	}

	.new_arrival_area.bt img {
		top: -1rem;
		right: -2rem;
		width: 9rem;
	}

	.new_arrival_area.bt.kenkichi {
		margin-top: 3rem;
		width: 25rem;
		height: 6rem;
		background: none;
		margin-right: 0;
		display: flex;
		justify-content: flex-end;
	}

}

/*------------------------------------*/

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

.recommendation_box .image{
	margin-bottom: 3rem;
}

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


.recommendation_box > div{
	width: 48%;
}

}

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

	.recommendation_box {
		justify-content: center;
		flex-wrap: wrap;
	}

	.recommendation_box > div {
		width: 100%;
	}

	.recommendation_box .new_arrival_area.bt{
		display: none;
	}
}

/*------------------------------------*/

.kenkichi_area{
	background-image: url(../img/kenkichi_area_bg.jpg);
	background-size: auto;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #4e93fa;
	min-height: 62rem;
	background-position: bottom;
}

.kenkichi_area .kenkichi_box{
	display: flex;
	justify-content: flex-end;
	max-width: 120rem;
}

.kenkichi_area .kenkichi_text{
	max-width: 46%;
}

.kenkichi_area .kenkichi_text p{
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 3rem;
}

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

	.kenkichi_area .kenkichi_text {
		/*max-width: 43%;*/
	}

}

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

	.kenkichi_area .kenkichi_text {
		max-width: 70%;
	}

}

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

	.kenkichi_area{
		background-image: url(../img/kenkichi_area_bg_sp.jpg);
		background-size: cover;
		padding-bottom: 16rem;
	}

	.new_arrival_area.bt.kenkichi a {
		font-size: 1.4rem;
		width: 20rem;
	}

	.kenkichi_area .kenkichi_text {
		max-width: 100%;
	}

	.kenkichi_area .kenkichi_text p{
		font-size: 1.4rem;
		margin-bottom: 0rem;
	}

}

/*------------------------------------*/

.top_recommendation_area{
	background-image: url(../img/top_recommendation_bg.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #f9f5ee;
}

.top_recommendation_list{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.top_recommendation_list li{
	border: 0.5rem solid #fff;
	display: flex;
	padding: 2rem 0;
	margin-bottom: 1.5rem;
	
	overflow: hidden;
}

.top_recommendation_list li:nth-child(1){
	background: #e3ecf2;
}

.top_recommendation_list li:nth-child(2){
	background: #e6f2e3;
}

.top_recommendation_list li:nth-child(3){
	background: #f2ede3;
}

.top_recommendation_list li:last-child{
	margin-bottom: 0rem;
}

.top_recommendation_list li .title{
	width: 26rem;
	margin-left: 3.5rem;
	margin-right: 3.5rem;
}

.top_recommendation_list li .title .image{
	font-size: 2.4rem;
	font-weight: bold;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	margin-bottom: 1.5rem;
}

.top_recommendation_list li .title .image img{
	margin-right: 1.5rem;
}

.top_recommendation_list li:nth-child(1) .title .image{
	color: #00a0e9;
}

.top_recommendation_list li:nth-child(2) .title .image{
	color: #008a7c;
}

.top_recommendation_list li:nth-child(3) .title .image{
	color: #d77909;
}

.top_recommendation_list li .bt{
	width: 20rem;
	height: 4.2rem;
	margin-left: auto;
	margin-right: auto;
}

.top_recommendation_list li .bt a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	
	font-weight: bold;
	border-radius: 0.5rem;
}

.top_recommendation_list li:nth-child(1) .title .bt a{
	color: #00a0e9;
	border: 0.2rem solid #00a0e9;
}

.top_recommendation_list li:nth-child(2) .title .bt a{
	color: #008a7c;
	border: 0.2rem solid #008a7c;
}

.top_recommendation_list li:nth-child(3) .title .bt a{
	color: #d77909;
	border: 0.2rem solid #d77909;
}

.top_recommendation_list li table{
	/*width: 92rem;*/
	width: 100%;
}

.top_recommendation_list li table th{
	padding: 1rem;
}

.top_recommendation_list li table tr.line{
	border-bottom: 0.1rem solid #c0c0c0;
}

.top_recommendation_list li table td{
	padding: 0.5rem 1rem;
}

.top_recommendation_list li table tr.line + tr td{
	padding-top: 1rem;
	width: 25%;
}

.top_recommendation_list li table td.price{
	font-weight: bold;
	color: #a01c1c;
}

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

	.top_recommendation_list li .title {
		width: 18rem;
	}

	.top_recommendation_list li .bt {
		width: 18rem;
	}

}

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

	.top_recommendation_list{
		width: 100%;
	}

	.top_recommendation_list li {
		padding-right: 2rem;
	}

}

/*-------------------------------------------*/

.sell_jirei_list{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.sell_jirei_page_select{
	display: none;
}


.table_typeG{
	margin-left: auto;
	margin-right: auto;
	border-top: 0.1rem solid #ddd;
	border-left: 0.1rem solid #ddd;
	width: 100%;
}

.table_typeG th{
	border-right: 0.1rem solid #ddd;
	border-bottom: 0.1rem solid #ddd;
	background: #eee;
	padding: 1rem 0.5rem;
}

.table_typeG td{
	border-right: 0.1rem solid #ddd;
	border-bottom: 0.1rem solid #ddd;
	background: #fff;
	padding: 1rem 0.5rem;
}



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

	.top_recommendation_list li table {
		width: 58rem;
	}

}

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

	.top_recommendation_list li .title {
		/*width: 15rem;*/
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.top_recommendation_list li .bt {
		width: 15rem;
	}

	.top_recommendation_list li table {
		width: 45rem;
	}

}

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

	.top_recommendation_list{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.top_recommendation_list li {
		flex-wrap: wrap;
	}

	.top_recommendation_list li .title {
		margin-left: 1rem;
		margin-right: 1rem;
		align-items: center;
	}

	.top_recommendation_list li .title .image {
		font-size: 2rem;
		margin: 0;
	}

	.top_recommendation_list li table tr.line {
		display: none;
	}

	.top_recommendation_list li table tr {
		display: flex;
		flex-wrap: wrap;
		border-bottom: 0.1rem solid #ccc;
	}

	.top_recommendation_list li table tr + tr td{
		width: 100%;
		font-size: 1.4rem;
		padding-top: 0.5rem 1rem;
	}

	.top_recommendation_list li table tr.line + tr td{
		width: 100%;
	}


	.top_recommendation_list li .bt {
		width: 10rem;
		margin-right: initial;
	}

	/**/

	.top_recommendation_list .bt{
		width: 15rem;
	}

	.top_recommendation_list .bt a{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		
		font-weight: bold;
		border-radius: 0.5rem;
	}

	.top_recommendation_list li:nth-child(1) .page_bt a{
		color: #00a0e9;
		border: 0.2rem solid #00a0e9;
		width: 15rem;
display: flex;
justify-content: center;
align-items: center;
height: 4rem;
border-radius: 0.5rem;
margin-left: auto;
margin-right: auto;
	}

	.top_recommendation_list li:nth-child(2) .page_bt a{
		color: #008a7c;
		border: 0.2rem solid #008a7c;
		width: 15rem;
display: flex;
justify-content: center;
align-items: center;
height: 4rem;
border-radius: 0.5rem;
margin-left: auto;
margin-right: auto;
	}

	.top_recommendation_list li:nth-child(3) .page_bt a{
		color: #d77909;
		border: 0.2rem solid #d77909;
		width: 15rem;
display: flex;
justify-content: center;
align-items: center;
height: 4rem;
border-radius: 0.5rem;
margin-left: auto;
margin-right: auto;
	}

}

/*------------------------------------*/




#company01.collapse{
	display: block;
	width: 70%;
}

.more_bt.company01{
	display: none;
	justify-content: center;
	align-items: center;
}

.more_bt.company01 label.more_bt.company01{
	width: 10rem;
	height: 4rem;
	border: 0.2rem solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	transition: all 0.2s;
	overflow: hidden;
}

.more_bt.company01 label.more_bt.company01:hover{
	color:#fff;
	border: 0.2rem solid #fff;
	opacity: 1;
}

.more_bt.company01 label.more_bt.company01::before {
	content: '';
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #fff;
	-webkit-transition: all .3s ease;
	transition: all .2s ease;
}

.more_bt.company01 label.more_bt.company01:hover::before {
	top: 0;
}

.more_bt.company01 label:after {
	display: inline-block;
	content: 'OPEN▼';
	padding-right: 5px;
	transition: 0.2s;
	margin-left: 0.5rem;
	font-size: 1.4rem;
	border: 0.1rem solid #00a0e9;
	padding: 0.4rem 1rem;
	color: #00a0e9;
}

.more_bt.company01 input:checked ~ label:after {
	content: 'CLOSE▲';
	margin-left: 0.5rem;
}

.more_bt.company01 #check01{
	display:none;
}

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

	#company01.collapse{
		display: none;
	}

	#company01.collapsing{
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	#company01.collapse.show{
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.more_bt.company01{
		display: flex;
		justify-content: center;
		align-items: center;
	}

}

/*-----------------------------*/

#company02.collapse{
	display: block;
	width: 70%;
}

.more_bt.company02{
	display: none;
	justify-content: center;
	align-items: center;
}

.more_bt.company02 label.more_bt.company01{
	width: 10rem;
	height: 4rem;
	border: 0.2rem solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	transition: all 0.2s;
	overflow: hidden;
}

.more_bt.company02 label.more_bt.company01:hover{
	color:#fff;
	border: 0.2rem solid #fff;
	opacity: 1;
}

.more_bt.company02 label.more_bt.company01::before {
	content: '';
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #fff;
	-webkit-transition: all .3s ease;
	transition: all .2s ease;
}

.more_bt.company02 label.more_bt.company01:hover::before {
	top: 0;
}

.more_bt.company02 label:after {
	display: inline-block;
	content: 'OPEN▼';
	padding-right: 5px;
	transition: 0.2s;
	margin-left: 0.5rem;
	font-size: 1.4rem;
	color: #008a7c;
	border: 0.1rem solid #008a7c;
	padding: 0.4rem 1rem;
	font-weight: bold;
}

.more_bt.company02 input:checked ~ label:after {
	content: 'CLOSE▲';
	margin-left: 0.5rem;
}

.more_bt.company02 #check02{
	display:none;
}

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

	#company02.collapse{
		display: none;
	}

	#company02.collapsing{
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	#company02.collapse.show{
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.more_bt.company02{
		display: flex;
		justify-content: center;
		align-items: center;
	}


	.company_area .company_box .company_data .guidance .office_box h5 {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

}
/*-----------------------------*/

#company03.collapse{
	display: block;
	width: 70%;
}

.more_bt.company03{
	display: none;
	justify-content: center;
	align-items: center;
}

.more_bt.company03 label.more_bt.company03{
	width: 10rem;
	height: 4rem;
	border: 0.2rem solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	transition: all 0.2s;
	overflow: hidden;
}

.more_bt.company03 label.more_bt.company03:hover{
	color:#fff;
	border: 0.2rem solid #fff;
	opacity: 1;
}

.more_bt.company03 label.more_bt.company03::before {
	content: '';
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #fff;
	-webkit-transition: all .3s ease;
	transition: all .2s ease;
}

.more_bt.company03 label.more_bt.company03:hover::before {
	top: 0;
}

.more_bt.company03 label:after {
	display: inline-block;
	content: 'OPEN▼';
	padding-right: 5px;
	transition: 0.2s;
	margin-left: 0.5rem;
	font-size: 1.4rem;
	padding: 0.4rem 1rem;
	
	color: #d77909;
	border: 0.1rem solid #d77909;
	font-weight: bold;
}

.more_bt.company03 input:checked ~ label:after {
	content: 'CLOSE▲';
	margin-left: 0.5rem;
}

.more_bt.company03 #check03{
	display:none;
}

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

	#company03.collapse{
		display: none;
	}

	#company03.collapsing{
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	#company03.collapse.show{
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.more_bt.company03{
		display: flex;
		justify-content: center;
		align-items: center;
	}


	.company_area .company_box .company_data .guidance .office_box h5 {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.top_recommendation_list li table {
		width: 100%;
		margin-bottom: 2rem;
	}

}




/*------------------------------------*/

.charm_area{
	background-image: url(../img/charm_area_bg.jpg);
	background-size: auto;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #4e93fa;
	/*min-height: 60em;*/
}

.charm_area .top_charm{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.charm_area .top_charm .text{
	max-width: 43%;
	margin-right: 5rem;
}

.charm_area .top_charm .text .comment{
	color: #fff;

	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.8;
	/*line-height: normal;*/
}


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

}

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

	.charm_area .top_charm .text{
		max-width: 60%;
	}

}

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

	.charm_area{
		background-image: none;
	}

	.charm_area .top_charm {
		flex-wrap: wrap;
	}

	.charm_area .top_charm .text {
		max-width: 100%;
		margin-right: 0rem;
	}

	.charm_area .top_charm .text .comment {
		font-size: 1.4rem;
	}

	.charm_area .top_charm .text .comment .image{
		margin-bottom: 2rem;
	}

	.charm_area .top_charm > .image {
		display: none;
	}

}

/*------------------------------------*/

.top_member_area{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top_member_area .top_member{
	width: 120rem;
}

.top_member_area .top_member h3{
	font-size: 4rem;
	font-weight: bold;
	color: #008a7c;
}

.top_member_area .top_member .text{
	background: #008a7c;
	display: flex;
	justify-content: space-between;

	padding: 5rem 6rem;
	position: relative;
}

.top_member_area .top_member .text .comment{
	color: #fff;
	width: 43rem;
}

.top_member_area .top_member .text .comment h4{
	font-size: 3.5rem;
	font-weight: bold;
	margin-bottom: 2rem;
}

.top_member_area .top_member .text .comment p{
	font-size: 1.5rem;
}

.top_member_area .top_member .text .bt{
	width: 58rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top_member_area .top_member .text .bt div{
	width: 27rem;
	height: 9rem;
}

.top_member_area .top_member .text .bt div a{
	background: #fff;
	color: #008a7c;
	font-size: 2.4rem;
	font-weight: bold;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 100%;
	height: 100%;

	position: relative;
}

.top_member_area .top_member .text .bt div a:hover{
	opacity: 0.6;
}

.top_member_area .top_member .text .bt div a::after{
	content: "";
	position: absolute;
	border: 0.2rem solid #008a7c;
	
	top: 0.4rem;
	left: 0.4rem;
	right: 0.4rem;
	bottom: 0.4rem;
}

.top_member_area .top_member .image{
	position: absolute;
	right: -10rem;
	bottom: -9rem;
}

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

	.top_member_area .top_member{
		width: 100%;
	}

	.top_member_area .top_member .text .comment {
		width: 37%;
	}

	.top_member_area .top_member .text .bt {
		width: 55%;
	}

}

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

	.top_member_area .top_member .text .comment {
		width: 45%;
	}

	.top_member_area .top_member .text .bt {
		flex-wrap: wrap;
		width: 48%;
	}

	.top_member_area .top_member .image {
		right: 2rem;
		bottom: -6rem;
	}

	.top_member_area .top_member .image img{
		width: 12rem;
	}

}

@media screen and ( max-width: 768px ){
	
	.top_member_area .top_member .text {
		padding: 5rem 4rem;
	}

	.top_member_area .top_member .text .comment {
		width: 55%;
	}

	.top_member_area .top_member .text .comment h4 {
		font-size: 3rem;
	}

	.top_member_area .top_member .image {
		display: none;
	}

}

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

	.top_member_area .width-1400{
		margin-left: 1rem;
		margin-right: 1rem;
	}

	.top_member_area .top_member h3 {
		font-size: 3rem;
	}

	.top_member_area .top_member .text {
		padding: 5rem 4rem;
		flex-wrap: wrap;
	}

	.top_member_area .top_member .text .comment {
		width: 100%;
		margin-bottom: 2rem;
	}

	.top_member_area .top_member .text .comment h4 {
		font-size: 2.5rem;
		line-height: 1.5;
	}

	.top_member_area .top_member .text .comment p {
		font-size: 1.4rem;
	}

	.top_member_area .top_member .text .bt {
		width: 100%;
	}

	.top_member_area .top_member .text .bt div {
		width: 23rem;
		height: 7rem;
		margin-top: 1rem;
	}

	.top_member_area .top_member .text .bt div a {
		font-size: 2rem;
	}

	.top_member_area .top_member .image {
		display: flex;
		top: 2rem;
		bottom: auto;
		right: 1rem;
	}

	.top_member_area .top_member .image img {
		width: 8rem;
	}

	.top_member_area .top_member .text .bt{
		justify-content: center;
	}

	.top_member_area .top_member .text .bt div a {
		width: 20rem;
		height: 6rem;
		margin-left: auto;
		margin-right: auto;
	}

}

/*------------------------------------*/

.top_banner_list{
	display: flex;
	justify-content: space-between;

	max-width: 120rem;
	margin-left: auto;
	margin-right: auto;
}

.top_banner_list li{
	/*width: calc((100% / 4) - 2.5rem);*/
	
	width: calc((100% / 3) - 2.5rem);
	display: flex;
	justify-content: center;
}

.top_banner_list li .top{
	margin-bottom: 2rem;
}

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

	.top_banner_list {
		flex-wrap: wrap;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.top_banner_list li {
		width: calc((100% / 2) - 2.5rem);
		margin-bottom: 2.5rem;
	}

}

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

	.top_banner_area{

	}

	.top_banner_area.pd-90{
		padding-top: 0rem;
	}

	.top_banner_list li {
		width: calc((100% / 1) - 0rem);
		margin-bottom: 1.5rem;
	}

}

/*------------------------------------*/

.recruit_banner{
	margin-bottom: 16rem;
}

.recruit_banner_box{
	background-image: url(../img/recruit_banner_bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 26rem;
	
	display: flex;
	justify-content: center;
}

.recruit_banner_box .bt{
	margin-top: 10rem;
	width: 42rem;
	height: 9rem;
}

.recruit_banner_box .bt a{
	width: 100%;
	height: 100%;
	background: #7d1d28;

	display: flex;
	justify-content: center;
	align-items: center;
	border: 0.2rem solid #fff;
	color: #fff;
	font-weight: bold;
}

.recruit_banner_box .bt a:hover{
	background: #c6404f;
}

.recruit_banner_box .bt a .box{
	text-align: center;
}

.recruit_banner_box .bt a .box div{
	font-size: 2.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
}


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

	.recruit_banner_box{
		/*background-image: url(../img/recruit_banner_bg_sp.jpg);*/
		background-image: none;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		min-height: 26rem;
		
		display: flex;
		justify-content: center;
	}

	.recruit_banner_box .bt{
		margin-top: 0;
		width: auto;
	}

}


/*------------------------------------*/

.footer_contact{
	background: #f18e38;
}

.footer_contact .footer_contact_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer_contact .footer_contact_box .text{
	display: flex;
	align-items: center;
}

.footer_contact .footer_contact_box .text .image{
	margin-left: -14rem;
}

.footer_contact .footer_contact_box .text .tel{
	
}

.footer_contact .footer_contact_box .text .tel h3{
	font-size: 3rem;
	font-weight: bold;
	color: #fff;
}

.footer_contact .footer_contact_box .text .tel .phone{
	font-size: 5rem;
	font-weight: bold;
	color: #fff;

	display: flex;
	/*align-items: center;*/
	align-items: baseline;
	justify-content: center;
}

.footer_contact .footer_contact_box .text .tel .phone img{
	margin-right: 1rem;
}

.footer_contact .footer_contact_box .text .tel .phone ruby{

}

.footer_contact .footer_contact_box .text .tel .phone ruby rb{

}

.footer_contact .footer_contact_box .text .tel .phone ruby rt{
	font-size: 1.2rem;
}

.footer_contact .footer_contact_box .text .tel .open{
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	
	text-align: right;
	font-feature-settings: "palt";
}

.footer_contact .footer_contact_box .bt{
	width: 34rem;
	height: 10rem;
}

.footer_contact .footer_contact_box .bt a{
	display: flex;
	justify-content: center;
	align-items: center;

	width: 100%;
	height: 100%;
	border: 0.2rem solid #fff;
	background: #7d1d28;
	border-radius: 0.5rem;
	font-size: 2.4rem;
	font-weight: bold;
	color: #fff;
}

.footer_contact .footer_contact_box .image{
	max-width: 48rem;
}

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

	.footer_contact .width-1400{
		max-width: 120rem;
		margin-left: auto;
		margin-right: auto;
	}

	.footer_contact .footer_contact_box .bt{
		width: 28rem;
		height: 8rem;
	}

	.footer_contact .footer_contact_box .text .tel h3 {
		font-size: 2.5rem;
	}

	.footer_contact .footer_contact_box .text .tel .phone {
		font-size: 4rem;
	}

	.footer_contact .footer_contact_box .text .tel .phone img{
		width: 5rem;
		margin-right: 1rem;
	}
	
	.footer_contact .footer_contact_box .text .tel .open {
		font-size: 1.8rem;
	}

}

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

	.footer_contact {
		padding-top: 6rem;
	}

	.footer_contact .footer_contact_box {
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.footer_contact .footer_contact_box > .image{
		margin-bottom: 4rem;
	}

}

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

	.footer_contact .footer_contact_box .text .image{
		margin-left: -14rem;
		max-width: 13rem;
	}

}

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

	.footer_contact .footer_contact_box .text .image{
		margin-left: -3rem;
		width: 4rem;
		margin-right: -1rem;
	}

	.footer_contact .footer_contact_box .text .tel .phone{
		font-size: 2.7rem;
	}

	.footer_contact .footer_contact_box .text .tel .phone img{
		width: 3.5rem;
		margin-right: 1rem;
	}

	.footer_contact .footer_contact_box .text .tel .phone ruby rt{
		font-size: 0.8rem;
	}

	.footer_contact .footer_contact_box .text .tel .open {
		font-size: 1.4rem;
		text-align: center;
	}

	.footer_contact .footer_contact_box .text .tel {
		text-align: center;
	}

	.footer_contact .footer_contact_box .text .tel h3{
		font-size: 1.8rem;
	}

	.footer_contact .footer_contact_box .bt {
		width: 28rem;
		height: 8rem;
	}

	.footer_contact .footer_contact_box .bt a {
		font-size: 2rem;
	}

	.footer_contact .footer_contact_box .text{
		margin-top: 2rem;
		margin-bottom: 2rem;
	}


}

/*------------------------------------*/

.footer{
	background: #192e65;
	padding-top: 4rem;
	padding-bottom: 14rem;
}

.footer_link_list{
	display: flex;
	margin-bottom: 7rem;
}

.footer_link_list > li{
	display: flex;
	width: 14.2857%;
	font-size: 1.4rem;
}

.footer_link_list > li ul{

}

.footer_link_list > li ul li{
	display: flex;
	margin-bottom: 1.5rem;
}

.footer_link_list > li ul li::before{
	content: "\025b6";
	color: #fff;
	font-size: 0.8rem;
	margin-top: 0.3rem;
	margin-right: 0.5rem;
}

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


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

	.footer_link_list {
		flex-wrap: wrap;
	}

	.footer_link_list > li{
		width: 100%;
	}

	.footer_link_list > li ul {
		display: flex;
	}

	.footer_link_list > li ul li {
		margin-right: 3rem;
	}

	.footer_link_list > li ul li br{
		display: none;
	}

}


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

	.footer_link_list {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.footer_link_list > li {
		width: 44%;
		margin-bottom: 1rem;
	}
	
	.footer_link_list > li ul {
		display: inline-block;
	}

	.footer_link_list > li ul li {
		margin-right: 0;
	}

	.footer_link_list > li ul li br{
		display: block;
	}

	.footer_link_list > li ul li br.pc{
		display: none;
	}

	.footer_link_list > li:nth-child(1) {
		width: 100%;
	}

	.footer_link_list > li:nth-child(2) ul li:nth-child(2),
	.footer_link_list > li:nth-child(2) ul li:nth-child(3),
	.footer_link_list > li:nth-child(2) ul li:nth-child(4),
	.footer_link_list > li:nth-child(2) ul li:nth-child(5),
	.footer_link_list > li:nth-child(2) ul li:nth-child(6),

	.footer_link_list > li:nth-child(3) ul li:nth-child(2),
	.footer_link_list > li:nth-child(3) ul li:nth-child(3),
	.footer_link_list > li:nth-child(3) ul li:nth-child(4),
	.footer_link_list > li:nth-child(3) ul li:nth-child(5),
	.footer_link_list > li:nth-child(3) ul li:nth-child(6){
		margin-left: 1.5rem;
	}


}

/*------------------------------------*/

.footer_data{
	display: flex;
}

.footer_data .data{
	margin-right: 3rem;
}

.footer_data .data .image{
	margin-bottom: 1rem;
	max-width: 35.5rem;
}

.footer_data .data .text{
	color: #fff;
	font-size: 1.4rem;
}

.footer_data .sns{
	margin-right: 2.5rem;
	max-width: 26rem;
}

.footer_data .under_link{
	height: 8.5rem;
	display: flex;
	align-items: end;
}

.footer_data .under_link a{
	color: #fff;
	text-decoration: underline;
}

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

	.footer_data .sns {
		max-width: 20rem;
	}

	.footer_data .under_link {
		height: 7rem;
	}

}

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

	.footer_data {
		flex-wrap: wrap;
	}

	.footer_data .data {
		width: 100%;
		margin-bottom: 2rem;
	}

	.footer_data .under_link {
		height: 6.5rem;
	}

}

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

	.footer_data {
		flex-wrap: wrap;
	}

	.footer_data .data {
		margin-right: 0rem;
	}

	.footer_data .data .image {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	.footer_data .data .text{
		font-size: 1.1rem;
		text-align: center;
		margin-bottom: 2rem;
	}

	.footer_data .sns {
		margin-right: auto;
		margin-left: auto;
		width: 60%;
		margin-bottom: 2rem;
	}

	.footer_data .under_link {
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-bottom: 2rem;
	}

}

/*------------------------------------*/

.footer .copy{

}

.footer .copy .copyright{
	color: #fff;
	font-size: 1.4rem;
	text-align: right;
}

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

	.footer .copy .copyright {
		text-align: center;
	}

}

/*------------------------------------*/

.follow{
	background: #f18e38;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 10;
}

.follow .follow_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 10rem;
}

.follow .follow_box .text{
	display: flex;
	align-items: center;
	font-size: 2rem;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
}

.follow .follow_box .text .image{
	margin-right: 1rem;
}

.follow .follow_box .tel .phone{
	/*font-size: 5rem;*/
	font-size: 4.5rem;
	font-weight: bold;
	color: #fff;

	display: flex;
	/*align-items: center;*/
	align-items: baseline;
	line-height: 1rem;
	/*padding-top: 1rem;*/
	padding-top: 0rem;
	white-space: nowrap;
	margin-bottom: 0.5rem;
}
}

.follow .follow_box .tel .phone ruby{

}

.follow .follow_box .tel .phone ruby rb{

}

.follow .follow_box .tel .phone ruby rt{
	font-size: 1.2rem;
}


.follow .follow_box .tel .phone img{
	margin-right: 1rem;
	max-width: 5rem;
}

.follow .follow_box .tel .open{
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	
	text-align: right;
	font-feature-settings: "palt";
}

.follow .follow_box .bt{
	display: flex;
	margin-bottom: 0;
}

.follow .follow_box .bt li{
	width: 15rem;
	height: 6rem;
}

.follow .follow_box .bt li:nth-child(1){
	display: none;
}

.follow .follow_box .bt li:nth-child(2){

}

.follow .follow_box .bt li:nth-child(3){
	margin-left: 2rem;
	margin-right: 2rem;
}

.follow .follow_box .bt li a{
	width: 100%;
	height: 100%;

	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: bold;
	border: 0.2rem solid #fff;
}

.follow .follow_box .bt li:nth-child(1) a{

}

.follow .follow_box .bt li:nth-child(2) a{
	background: #008a7c;
}

.follow .follow_box .bt li:nth-child(3) a{
	background: #00a0e9;
}

.follow .follow_box .bt li:nth-child(4) a{
	background: #7d1d28;
}

.follow .follow_box .bt li a img{
	margin-right: 1rem;
	max-width: 4.2rem;
}

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

	.follow .follow_box .text {
		font-size: 1.6rem;
	}

	.follow .follow_box .tel .phone {
		font-size: 3.7rem;
	}

	.follow .follow_box .tel .phone img {
		width: 4rem;
	}

	.follow .follow_box .tel .open {
		font-size: 1.4rem;
	}

	.follow .follow_box .bt li {
		width: 8rem;
		height: 6rem;
		font-size: 1.4rem;
	}
	
	.follow .follow_box .bt li:nth-child(3) {
		margin-left: 1rem;
		margin-right: 1rem;
	}

	.follow .follow_box .bt li a {
		flex-wrap: wrap;
	}

	.follow .follow_box .bt li a img {
		margin-right: 0;
		max-width: 3rem;
	}

}

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

	.follow .follow_box .text {
		display: none;
	}

}

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

	.follow .follow_box.width-1400{
		margin-left: 1rem;
		margin-right: 1rem;
	}

	.follow .follow_box .bt li:nth-child(1){
		display: flex;
		margin-left: 0.2rem;
		margin-right: 0.2rem;
	}
	
	.follow .follow_box .bt li:nth-child(2){
		margin-left: 0.2rem;
		margin-right: 0.2rem;
	}
	
	.follow .follow_box .bt li:nth-child(3){
		margin-left: 0.2rem;
		margin-right: 0.2rem;
	}
	
	.follow .follow_box .bt li:nth-child(4){
		margin-left: 0.2rem;
		margin-right: 0.2rem;
	}

	.follow .follow_box .bt {
		display: flex;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.follow .follow_box .bt li{
		width: 8.2rem;
		height: 6.5rem;
		font-size: 1.2rem;
		margin-left: 0.4rem;
		margin-right: 0.4rem;
	}

	.follow .follow_box .text {
		display: none;
	}

	.follow .follow_box .tel {
		display: none;
	}

	.follow .follow_box .bt li a img {
		width: 3.5rem;
		max-width: 3.5rem;
	}

}

/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/


/*------------------------------------*/

/* スマートフォン　グローバルナビ */

.hamburger{
	display: none;
}

.black-bg{
	display: none;
}

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

	.hamburger{
		display: block;
	}

	.black-bg{
		display: block;
	}

	.global-nav {
		position: fixed;
		right: -320px; /* これで隠れる */
		top: 0;
		width: 30rem; /* スマホに収まるくらい */
		height: 100vh;
		padding-top: 40px;
		background: #222;
		transition: all .6s;
		z-index: 200;
		overflow-y: auto; /* メニューが多くなったらスクロールできるように */
		
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		
	}
	.hamburger {
		position: fixed;
		right: 2rem;
		top: 2rem;
		width: 40px; /* クリックしやすいようにちゃんと幅を指定する */
		height: 40px; /* クリックしやすいようにちゃんと高さを指定する */
		cursor: pointer;
		z-index: 300;
		background: #222;
	}
	.global-nav__list {
		margin-top: 5rem;

		padding: 0;
		list-style: none;
	}
	.global-nav__item {
		text-align: center;
		padding: 0 14px;
	}
	.global-nav__item a {
		display: block;
		padding: 8px 0;
		border-bottom: 1px solid #eee;
		text-decoration: none;
		color: #111;
	}
	.global-nav__item a:hover {
		background-color: #eee;
	}
	.hamburger__line {
		position: absolute;
		left: 11px;
		width: 18px;
		height: 2px;
		background-color: #fff;
		transition: all .6s;
	}
	.hamburger__line--1 {
		top: 14px;
	}
	.hamburger__line--2 {
		top: 20px;
	}
	.hamburger__line--3 {
		top: 26px;
	}
	.black-bg {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: 100;
		background-color: #000;
		opacity: 0;
		visibility: hidden;
		transition: all .6s;
		cursor: pointer;
	}

	/* 表示された時用のCSS */
	.nav-open .global-nav {
		right: -3rem;
		
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		padding-left: 0;
	}
	.nav-open .black-bg {
		opacity: .8;
		visibility: visible;
	}
	.nav-open .hamburger__line--1 {
		transform: rotate(45deg);
		top: 20px;
	}
	.nav-open .hamburger__line--2 {
		width: 0;
		left: 50%;
	}
	.nav-open .hamburger__line--3 {
		transform: rotate(-45deg);
		top: 20px;
	}

}

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

	.global-nav__list {
		margin-top: 2rem;
	}

	.nav li a {
		padding-top: 0.8rem;
		padding-bottom: 0.8rem;
	}

}


/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/


/*-----------------------------------------------------------------------------*/
/*IEハック*/

_:-ms-lang(x)::-ms-backdrop, .follow .follow_box .tel .phone{ height: 6rem; }