@charset "utf-8";

html {
	/* ルートのフォントサイズを10pxに設定しておく */
	font-size: 62.5%;
	/*scroll-behavior: smooth;*/
}

body {
	/* ルートのフォントサイズを1.6em（16pxと同等のサイズ）に設定 */
	font-size: 1.6em;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W2", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #3c3c3c;
}

a[href^="tel:"] {
	color: inherit;
	pointer-events: none;
	text-decoration:none;
	display: inline-block;
}

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

a[href^="tel:"] {
	color: inherit;
	pointer-events: auto;
}

}

ul{ padding: 0; list-style-type: none;}

.pc{ display: block ; }
.sp{ display: none; }

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

.pc{ display: none ; }
.sp{ display: block ; }

}

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

.mt-6 {margin-top: 6rem;}
.btn {
	padding: 1rem 2rem;
	font-size: 1.6rem;
}
.font-red {color: #CC0000;}
.font-25 {font-size: 2.5rem;}
.font-24 {font-size: 2.4rem;}
.font-23 {font-size: 2.3rem;}
.font-22 {font-size: 2.2rem;}
.font-21 {font-size: 2.1rem;}
.font-20 {font-size: 2rem;}
.font-19 {font-size: 1.9rem;}
.font-18 {font-size: 1.8rem;}
.font-17 {font-size: 1.7rem;}
.font-16 {font-size: 1.6rem;}
.font-15 {font-size: 1.5rem;}
.font-14 {font-size: 1.4rem;}
.font-13 {font-size: 1.3rem;}
.font-12 {font-size: 1.2rem;}
.font-11 {font-size: 1.1rem;}
.font-10 {font-size: 1rem;}

.pc-pd15 {margin-left: 15px; margin-right: 15px;}

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

header{
	border-bottom: 1px solid #eee;
}

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

	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 120px;
}

.head .call_area{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	
	width: 380px;
}

.head .call_area li:first-child{
	border-bottom: 1px solid #c62b2b;
	
	height: 3.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
	color: #c62b2b;
	padding: 0 1rem;
	font-weight: bold;
	
	width: 100%;
}

.head .call_area li:last-child{
	
	height: 5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #c62b2b;
}

.head .call_area li:last-child div{
	font-weight: bold;
	border: 2px solid #c62b2b;
	padding: 0.2rem 1.4rem 0rem;
	margin-right: 1rem;
}

.head .call_area li:last-child i{
	font-size: 3rem;
}

.head .call_area strong{
	font-size: 3.4rem;
}

.call_area_sp{
	display: none;
}

.head .logo{
	display: flex;
}

.head .logo h1{
	max-width: 320px;
	margin-right: 10px;
}

.head .logo h1 img{
	width: 100%;
}


/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.head .call_area li:last-child {
		width: 100%;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	header {
		border-bottom: 1px solid #eee;
		position: fixed;
		background: #fff;
		top: 0;
		height: 7rem;
		z-index: 10;
		width: 100%;
	}

	article#top{
		margin-top: 7rem;
	}

	.call_area_sp{
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		right: 6rem;
		top: 1.2rem;
		width: 4.5rem;
		height: 4.5rem;
		cursor: pointer;
		z-index: 300;
		background: #c62b2b;
		color: #fff;
		line-height: 0;
		border: 1px solid #fff;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */


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

nav{
	min-height: 65px;
	padding: 2rem 0;
	background: url(../img/nav_bg.gif) repeat #ccc;
}

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

.nav li{
	width : -webkit-calc(100% / 5) ;
	width : calc(100% / 5) ;
	border-left: 1px solid #fff;
	text-align: center;
	min-height: 40px;
	
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.8rem;
	font-weight: 900;
}

.nav li:nth-child(5){
	border-right: 1px solid #fff;
}

.nav li a{
	width: 100%;
	min-height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 2rem;
	color: #fff;
	transition-duration: 0.5s;
}

.nav li a:hover{
	text-decoration: none;
	background: rgba(255, 255, 255, 0.2);
}

.nav li a i{
	font-size: 2rem;
	margin-right: 0.5rem;
}

.nav li:last-child{
	border-right: 1px solid #fff;
	display: none;
}

nav .call_area{
	display: none;
}

.p_list{
	display: flex;
	align-items: center;

	max-width: 1200px;
	margin: 0 auto;
	list-style: none;
	height: 3.5rem;
}

.p_list li{
	font-size: 1.2rem;
	padding-right: 0.5rem;
	margin-right: 0.5rem;
	line-height: 0;
}

.p_list li i{
	font-size: 1.2rem;
}

.p_list li a{
	color: #212529;
}

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.nav li {
		font-size: 1.6rem;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */

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

.main_cover{
	position: relative;
}

.main_cover .taxi{
	position: absolute;
	z-index: 1;
	bottom: 0;
	max-width: 1200px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.main_cover .taxi img{
	max-width: 570px;
	width: 45vw;
	margin: 0 0 -4rem -4rem;
}

.main_cover .icon{
	position: absolute;
	z-index: 1;
	top: 4rem;
	max-width: 1200px;
	margin: 0 auto;
	left: -5rem;
	right: 0;
	text-align: right;
}

.main_cover .icon img{
	max-width: 230px;
	width: 23vw;
	margin: 0 0 -4rem -4rem;
}

.main_cover .catch{
	position: absolute;
	z-index: 5;
	top: 0;
	max-width: 1200px;
	margin: 0 auto;
	left: 0;
	right: 0;
	padding: 5.2rem 0 0 5.5rem;
	
	/*display: none;*/
}

.main_cover .catch h2{
	font-size: 5rem;
	font-weight: 900;
	margin-bottom: 3rem;
	color: #fff;

  text-shadow: 0px 0px 1px rgba(51, 51, 51, 0.3),
               0px 0px 2px rgba(51, 51, 51, 0.3),
               0px 0px 3px rgba(51, 51, 51, 0.3),
               0px 0px 4px rgba(51, 51, 51, 0.3),
               0px 0px 5px rgba(51, 51, 51, 0.3),
               0px 0px 6px rgba(51, 51, 51, 0.3);

	font-size: calc(5rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
}

.main_cover .catch p{
	font-size: 2rem;
	font-weight: 900;
	color: #fff;

  text-shadow: 0px 0px 1px rgba(51, 51, 51, 0.3),
               0px 0px 2px rgba(51, 51, 51, 0.3),
               0px 0px 3px rgba(51, 51, 51, 0.3),
               0px 0px 4px rgba(51, 51, 51, 0.3),
               0px 0px 5px rgba(51, 51, 51, 0.3),
               0px 0px 6px rgba(51, 51, 51, 0.3);
}

/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.main_cover .catch{
		padding: 2.5rem 0 0 3rem;
	}
	
	.main_cover .catch h2 {
		margin-bottom: 2rem;
		font-size: calc(4rem + ((1vw - 0.64rem) * 0.7143));
	}
	
	.main_cover .taxi img {
		width: 35vw;
		margin: 0 0 -4rem 0rem;
	}
	
	.main_cover .icon {
		right: 2rem;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.main_cover .catch {
		padding: 2rem 0 0 2rem;
	}

	.main_cover .catch h2 {
		font-size: calc(3.5rem + ((1vw - 0.64rem) * 0.7143));
		margin-bottom: 2rem;
	}

	.main_cover .catch p {
		font-size: 1.4rem;
	}

	.main_cover .icon{
		right: 1rem;
		top: 2rem;
	}

	.main_cover .icon img {
		max-width: 230px;
		width: 25vw;
		margin: 0 0 -4rem -4rem;
	}

	.main_cover .taxi img{
		width: 50vw;
		margin: 0px 1rem -3rem 1rem;
	}
	
	.nav li a{
		min-height: 50px;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */

/* ウィンドウ幅が0～468pxの場合に適用するCSS */
@media screen and ( max-width:468px ){

	.main_cover .icon img {
		width: 32vw;
	}

}/* ウィンドウ幅が0～468pxの場合に適用するCSS */

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

.carousel-item {
	max-height: 700px;
}

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

.top_contents{
	background: url(../img/bg.jpg) no-repeat #fdfae9;
	background-size: contain;
	
	overflow: hidden;
}

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

.news_list{
	width: 100%;
	display: flex;
	justify-content: space-around;
	margin: 0;
}

.news_list li{
	width: 340px;
	height: 300px;
	background: #fff;
	text-align: center;
	padding-top: 2rem;
	
	position: relative;
}

.news_list.news_top li > a{
	max-width: 300px;
	height: 180px;
	overflow: hidden;
	display: block;
	margin: 0 auto;
}

.news_list li .new{
	position: absolute;
	top: 0;
	left: 0;
}

.news_list li img{
	margin-bottom: 2rem;
	transition-duration: 0.5s;

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

.news_list li img:hover{
	opacity: 0.6;
}

.news_list .text{
	margin: 1rem 2rem 0;
	text-align: left;
}

.news_list .text p{
	font-size: 1.2rem;
	margin-bottom: 0.3rem;
}

.news_list .text a{
	color: #3c3c3c;
}

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

.news_bt {
	text-align: center;
	margin: 5rem auto 0;
	width: 20%;
}

.news_bt a:hover{
	text-decoration: underline;
}



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

.news_contents{
	width: 70%;
	margin: 0 auto;
}

.news_contents .h3_title{
	width: 100%;
}

.news_page_btn{
	margin: 8rem auto 0;
	display: flex;
	justify-content: center;
}

.news_page_btn > div{
	width: 50%;
}

.news_page_btn a{
	color: #fff;
}

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

.Page.navigation.example{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.Page.navigation.example span{
	/*width: 5rem;*/
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0.5rem;
	padding: 1rem 2rem;
	
	border-radius: 0.5rem;
	background: #ddd;
}

.Page.navigation.example a{
	/*width: 8rem;*/
	display: flex;
	justify-content: center;
	align-items: center;
	/*border: 1px solid #ccc;*/
	margin: 0.5rem;
	padding: 1rem 2rem;
	
	border-radius: 0.5rem;
	background: #009a44;
	color: #fff;

	transition-duration: 0.5s;
}

.Page.navigation.example a:hover{
	opacity: 0.6;
	text-decoration: none;
}

.news_list.list_area{
	flex-wrap: wrap;
	width: 70%;
	margin: 0 auto 8rem;
}

.news_list.list_area li{
	border-bottom: 1px dotted #ccc;
	margin-left: 2rem;
	margin-bottom: 2rem;
	width: 100%;
	height: auto;
	display: flex;
	padding: 0 0 2rem;
	align-items: center;
}

.news_list.list_area li img{
	margin: 0rem;
	transition-duration: 0.5s;
	max-width: 170px;
	height: auto;
}

/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.news_list li{
		width: 230px;
		height: auto;
		padding: 2rem;
	}

	.news_list li img{
		width: 100%;
		height: auto;
	}
	
	.news_list .text {
		margin: 0rem;
	}
	
	.news_list.list_area .text{
		margin: 0 2rem;
	}


}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.news_list {
		flex-wrap: wrap;
	}
	
	.news_list li{
		margin-bottom: 2rem;
		width: 32%;
	}
	
	.news_list li img {
		width: 100%;
		height: auto;
	}
	
	.news_list li:last-child{
		margin-bottom: 2rem;
	}

	.news_page_btn > div{
		width: 100%;
	}
	
	.news_list.list_area .text {
		margin: 0;
	}
	
}/* ウィンドウ幅が0～700pxの場合に適用するCSS */

/* ウィンドウ幅が0～468pxの場合に適用するCSS */
@media screen and ( max-width:468px ){

	.main_cover .icon img {
		width: 32vw;
	}
	
	.news_list li{
		margin-bottom: 2rem;
		width: 90%;
	}
	
	.news_list li:last-child {
		margin-bottom: 2rem;
	}

	.news_list.list_area {
		flex-wrap: wrap;
		width: 100%;
		margin: 0 auto 3rem;
	}

	.news_list.list_area li a img{
		margin: 0 1.5rem 0 0;
		transition-duration: 0.5s;
		width: 100px;
		height: auto;
	}

	.news_list.list_area li {
		border-bottom: 1px dotted #ccc;
		margin-left: 2rem;
		margin-right: 2rem;
		margin-bottom: 2rem;
		width: 100%;
		height: auto;
		display: flex;
		padding: 0 0 2rem;
		align-items: center;
	}
	
	.news_list li .new {
		width: 4rem;
	}
	
	.news_bt {
		text-align: center;
		margin: 3rem auto 0;
		width: 60%;
	}


}/* ウィンドウ幅が0～468pxの場合に適用するCSS */

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

.about_area p{
	font-size: 1.8rem;
	line-height: normal;
}

.about_area .text{
	width: 45%;
}

/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.about_area{
		width: 90%;
		margin: 0 auto;
	}

	.about_area .image{
		margin-bottom: 2rem;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.about_area{
		width: 90%;
		margin: 0 auto;
	}

	.about_area .image{
		margin-bottom: 2rem;
	}
	
	.about_area .text{
		width: 100%;
	}

	.about_area p{
		font-size: 1.6rem;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */

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

.h2_title{
	width: 100%;
	height: 25rem;
	background: url(../img/sub_bg.png) no-repeat right #f9f4ee;
	display: flex;
	align-items: center;
	justify-content: center;
}

.h2_title div{
	width: 1200px;
}

.h2_title div h2{
	font-size: 4.5rem;
	font-weight: 900;
	margin: 0 2rem;
}

.h2_title div h2 span{
	font-size: 1.6rem;
}

.h3_title{
	text-align: center;
	width: 1200px;
	margin: 0 auto 6rem;
}

.h3_title h3{
	font-size: 4.5rem;
	border-bottom: 1px solid #2f2f2f;
	font-weight: 900;
	position: relative;
}

.h3_title h3::before{
	position: absolute;
	content: url(../img/icon_taxi.png);
	bottom: -1rem;
	left: 25%;
}

.h3_title p{
	font-size: 2rem;
	font-weight: 900;
}

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

.h3_title.article_title{
	text-align: left;
}

.h3_title.article_title h3{
	font-size: 3rem;
	border-bottom: 1px solid #666;
	font-weight: 900;
	position: relative;
	padding-bottom: 1rem;
}

.h3_title.article_title h3::before{
	position: absolute;
	content: none;
	bottom: -1rem;
	left: 25%;
}

.h3_title p{
	font-size: 1.6rem;
	font-weight: 500;
}

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

.content{
	width: 100%;
}

.content.news_area{
	width: 100%;
	background: #f9f4ee;
}

.content section{
	max-width: 1200px;
	padding: 8rem 0;
	margin: 0 auto;
}

.content.news_area section{
	padding: 10rem 0 8rem;
}

#content{
	margin-left: 15px;
	margin-right: 15px;
}

/*---------*/
/* Bootstrap 4 カスタマイズ */

.lead{
	font-size: 2.5rem;
	margin-bottom: 2rem;
	font-weight: 900;
}

/* ウィンドウ幅が0～1024pxの場合に適用するCSS */
@media screen and ( max-width:1024px ){

	.h3_title{
		width: 100%;
	}

}/* ウィンドウ幅が0～1024pxの場合に適用するCSS */

/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	#content{
		margin-left: 0;
		margin-right: 0;
	}

	.content section{
		padding: 6rem 0;
	}

	.h3_title {
		width: 100%;
		margin: 0 auto 4rem;
	}
	
	
	.h3_title h3::before {
		left: 8%;
	}

	.h2_title {
		height: 180px;
		background: url(../img/sub_bg.png) no-repeat -15rem #f9f4ee;
		background-size: cover;
	}

	.h2_title div h2{
		font-size: 4rem;
	}

	.h3_title h3{
		font-size: 4rem;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.content.news_area section{
		padding: 8rem 0 6rem;
	}

	.h2_title{
		height: 130px;
		background: url(../img/sub_bg.png) no-repeat 0rem 0 #f9f4ee;
		background-size: cover;
	}

	.h2_title div h2 {
		font-size: 3rem;
		margin: 0 2rem;
		color: #fff;
		text-shadow: 0px 0px 1px rgba(51, 51, 51, 0.3), 0px 0px 2px rgba(51, 51, 51, 0.3), 0px 0px 3px rgba(51, 51, 51, 0.3), 0px 0px 4px rgba(51, 51, 51, 0.3), 0px 0px 5px rgba(51, 51, 51, 0.3), 0px 0px 6px rgba(51, 51, 51, 0.3);
	}

	.h3_title {
		width: 100%;
	}
	
	.h3_title h3::before {
		left: 0%;
	}
	
	.h3_title h3{
		font-size: 3.2rem;
	}
	
	.h3_title.article_title h3 {
		font-size: 2.5rem;
	}


}/* ウィンドウ幅が0～700pxの場合に適用するCSS */


/* ウィンドウ幅が0～468pxの場合に適用するCSS */
@media screen and ( max-width:468px ){

	.h2_title{
		height: 130px;
		background: url(../img/sub_bg.png) no-repeat -28rem 0 #f9f4ee;
		background-size: cover;
	}

}/* ウィンドウ幅が0～468pxの場合に適用するCSS */

.contents{
	width: 100%;
	margin: 0 auto;
	
}

.contents .left_area{
	width: 850px;
}

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

.top_bt{
	background: #bf5454;
	width: 250px;
	height: 70px;
	border-radius: 5rem;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	
	transition: 0.5s ;
}

.top_bt:hover{
	text-decoration: none;
	color: #fff;
	background: #d77777;
}
/*----------------------*/
	
.page_top{
	position: fixed;
	bottom: 1rem;
	right: 1rem;
}
	
.page_top a{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #008f40;
		
	border-radius: 50rem;
	width: 50px;
	height: 50px;
	color: #fff;
	text-decoration: none;
	transition: 0.5s;
}

.page_top a:hover{
	background: #1db863;
}

.page_top a i{
	font-size: 5rem;
}

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

.top_taxi_list{
	margin-bottom: -8rem;
}

.top_taxi_list > li{
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 8rem 0;
}

.top_taxi_list > li:nth-child(odd){
	background: url(../img/taxi_bg01.gif) repeat;
}

.top_taxi_list > li:nth-child(even){
	background: url(../img/taxi_bg02.gif) repeat;
}

.top_taxi_list > li .text{
	max-width: 520px;
	min-width: 520px;
}

.top_taxi_list > li .text.wide{
	max-width: 870px;
	min-width: 870px;
}

.top_taxi_list > li .text h4{
	font-size: 3rem;
	margin-bottom: 3rem;
	font-weight: 900;
}

.top_taxi_list > li .text h4 span{
	font-size: 2.5rem;
}

.top_taxi_list > li .text ul li{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px dotted #a1a1a1;
	padding: 1rem 0;
}

.top_taxi_list > li .text ul li:last-child{
	border-bottom: none;
}

.top_taxi_list > li .text ul li h5{
	font-size: 2rem;
	font-weight: 900;
	margin-bottom: 0;
	width: 25%;
}

.top_taxi_list > li .text ul li p{
	font-size: 1.6rem;
	margin-bottom: 0;
	width: 50%;
}

.top_taxi_list > li .text ul li div{
	font-size: 2rem;
	font-weight: 900;
	color: #009944;
	width: 25%;
	text-align: right;
}

.top_taxi_list > li .text ul li div strong{
	font-size: 3rem;
}

.top_taxi_list > li .text .tel{
	font-size: 1.8rem;
	font-weight: 900;

	display: flex;
	justify-content: center;
	align-items: center;
	background: #009944;
	color: #fff;
	height: 6rem;
	margin-top: 2.5rem;
}

.top_taxi_list > li .text .tel div{
	margin-right: 2rem;
}

.top_taxi_list > li .text .tel a{
	color: #fff;
	font-size: 2.5rem;
	display: flex;
	align-items: center;
}

/* ウィンドウ幅が0～1024pxの場合に適用するCSS */
@media screen and ( max-width:1024px ){

	.top_taxi_list > li .text{
		min-width: auto;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */


/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.top_taxi_list > li {
		flex-wrap: wrap;
	}

	.top_taxi_list > li .text.wide{
		width: 90%;
		margin: 0 5%;
		max-width: 90%;
		min-width: 90%;
	}


}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.top_taxi_list{
		width: 100%;
		margin-bottom: -6rem;
	}

	.top_taxi_list > li {
		flex-wrap: wrap;
		padding: 6rem 0;
	}

	.top_taxi_list > li .image{
		width: 90%;
		margin: 0 5% 3rem;
	}

	.top_taxi_list > li .image img{
		width: 100%;
	}

	.top_taxi_list > li .text{
		width: 90%;
		margin: 0 5%;
		max-width: 90%;
		min-width: 90%;
	}

	.top_taxi_list > li .text.wide ul li{
		flex-wrap: wrap;
	}
	
	.top_taxi_list > li .text h4 {
		font-size: 2.5rem;
	}
	
	.top_taxi_list > li .text h4 span {
		font-size: 2rem;
	}
	
	.top_taxi_list > li .text ul li h5 {
		width: 45%;
	}
	
	.top_taxi_list > li .text.wide ul li h5 {
		width: 100%;
	}

	.top_taxi_list > li .text ul li p {
		font-size: 1.4rem;
		width: 40%;
	}

	.top_taxi_list > li .text.wide ul li p {
		width: 70%;
	}
	
	.top_taxi_list > li .text ul li div {
		width: 40%;
	}
	
	.top_taxi_list > li .text.wide ul li div {
		width: 30%;
	}
	
	.top_taxi_list > li .text.wide{
		width: 90%;
		margin: 0 5%;
		max-width: 90%;
		min-width: 90%;
	}
	
	.top_taxi_list > li:last-child .text.wide > p{
		margin-bottom: 0;
	}
	
	.top_taxi_list > li .text .tel {
		flex-wrap: wrap;
		height: auto;
		padding: 1rem;
	}
	
	.top_taxi_list > li .text .tel div{
		margin: 0;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */


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

.service_area{
	width: 100%;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0;
	margin: 0 0 0 0;
}

.service_area li{
	margin: 0;
}

.service_area li a{
	transition-duration: 0.5s;
}

.service_area li a:hover{
	opacity: 0.6;
}

/* ウィンドウ幅が0～1024pxの場合に適用するCSS */
@media screen and ( max-width:1024px ){

	.service_area li img{
		width: 100%;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */


/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.service_area li {
		padding: 2rem;
	}

	.service_area li img{
		width: 100%;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.service_area {
		flex-wrap: wrap;
		width: 90%;
		margin: 0 auto;
	}

	.service_area li:first-child{
		margin-bottom: 2rem;
	}

	.service_area li img{
		width: 100%;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */

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

.recruit_text{
	font-size: 2rem;
	line-height: 3rem;
}

.recruit_banner{
	width: 100%;
	height: 410px;
	background: url(../img/banner_bg.jpg) no-repeat;

	display: flex;
	justify-content: center;
	align-items: center;
}

.recruit_banner img{
	margin-bottom: 2.5rem;
}

.recruit_banner a{
	width: 500px;
	background: rgba(0, 153, 68, 0.8);

	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	color: #fff;
	border: 1px solid #fff;
	box-shadow: 0 0 0 5px rgba(0, 153, 68, 0.8);
	padding: 3rem;
	transition-duration: 0.5s;
}

.recruit_banner a:hover{
	text-decoration: none;
	background: rgba(38, 197, 109, 0.8);

	box-shadow: 0 0 0 5px rgba(38, 197, 109, 0.8);
}

/**/

.recruit_banner h4.title{
	font-size: 2.8rem;
	font-weight: 900;
	
	width: 100%;
	text-align: center;
	color: #fff;
}

.recruit_banner .tel a{
	background: none;
	border: none;
	box-shadow: none;
	font-size: 3.5rem;
	font-weight: 900;
	padding: 2rem;
	margin: 0 0 2rem;
}

.recruit_banner .tel a i{
	font-size: 3rem;
}

/**/

.recruit_banner a h4{
	font-size: 3.5rem;
	font-weight: 900;
	
	width: 100%;
	text-align: center;
}

.recruit_banner a p{
	font-size: 2rem;
	font-weight: 500;

	width: 100%;
	text-align: center;
}

.recruit_banner a div{
	margin-top: 2rem;
	font-size: 2.3rem;
	font-weight: 900;

	width: 100%;
	text-align: center;
}

.recruit_banner a div.contact{
	margin-top: 0rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.recruit_banner a div.contact i{
	margin-left: 1rem;
}

/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){


}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.recruit_text{
		font-size: 1.6rem;
	}

	.recruit_banner {
		width: 100%;
		height: auto;
		background-size: cover;
		padding: 3rem;
	}
	
	.recruit_banner h4.title {
		font-size: 2.2rem;
	}

	.recruit_banner img{
		width: 100%;
	}

	.recruit_banner a{
		width: 100%;
		margin: 0;
	}
	
	.recruit_banner a {
		padding: 1.5rem 3rem;
	}
	
	.recruit_banner a h4 {
		font-size: 2.5rem;
	}

	.recruit_banner a div {
		font-size: 2rem;
		margin-top: 0.5rem;
	}
	
	.recruit_banner .tel a {
		padding: 1rem 2rem;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */


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

.footer_banner{
	width: 100%;
	
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6rem 0;
	background: #ededed;
	margin: 8rem 0 0 0;
}

.footer_banner li{
	margin: 0 3.5rem;
}

.footer_banner li img{
	width: 100%;
}

.footer_banner li a{
	transition-duration: 0.5s;
}

.footer_banner li a:hover{
	opacity: 0.6;
}

/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.footer_banner li img{
		width: 100%;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.footer_banner {
		width: 100%;
		flex-wrap: wrap;
		margin: 4rem 0 0 0;
	}

	.footer_banner img{
		width: 100%;
	}

	.footer_banner li:first-child {
		margin-bottom: 3rem;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */

/* ウィンドウ幅が0～468pxの場合に適用するCSS */
@media screen and ( max-width:468px ){

	.recruit_banner .tel a {
		font-size: 2.9rem;
	}

	.recruit_banner a {
		padding: 1.5rem;
	}
	
	.recruit_banner a div {
		font-size: 1.9rem;
	}

}/* ウィンドウ幅が0～468pxの場合に適用するCSS */


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

.footer_link{
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
	height: 8.5rem;
	margin: 0;
	color: #fff;
}

.footer_link a{
	color: #fff;
}

.footer_link li{
	margin: 0 3rem;
}

.footer{
	border-top: 1px solid #fff;
	background: #009944;
	padding-top: 3rem;
}

.footer .footer_area{
	max-width: 1200px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 3rem;
}

.footer .footer_area > ul{
	display: flex;
/*
	justify-content: center;
	align-items: center;
*/
	width: 50%;
	
	flex-wrap: wrap;
}

.footer .footer_area ul.footer_data{
	width : 50%;
	margin: 0;
}

.footer .footer_area ul.footer_link{
	width : 40% ;
}

.footer .footer_area ul.footer_link li{
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
	margin: 0;
}

.footer .footer_area ul.footer_data > li:first-child{
	width: 130px;
	margin-right: 2rem;
}

.footer .footer_area ul.footer_data > li:last-child{
	color: #fff;
}

.footer .footer_area ul.footer_data > li:last-child{
	width: 70%;
}

.footer .footer_area ul.footer_data > li:last-child ul li{
	display: flex;
	justify-content: space-between;
	font-size: 1.6rem;
}

.footer .footer_area ul.footer_data > li:last-child ul li div:first-child{
	font-size: 1.6rem;
	font-weight: normal;
}

.footer .footer_area ul.footer_data > li:last-child ul li div:last-child{
	font-size: 2rem;
}

.footer .footer_area ul.footer_data > li:last-child h4{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.footer .footer_area ul.footer_data > li:last-child p{
	font-size: 1.6rem;
	font-weight: normal;
}

.footer ul li img{
	width: 100%;
}

.footer ul.footer_data li:last-child{
	font-size: 2rem;
	font-weight: bold;
}

.footer ul.footer_data li:last-child span{
	font-size: 1.2rem;
}

.footer .copy{
	text-align: center;
	font-size: 1.4rem;
	padding: 2.5rem 0;
	background: #008f40;
	color: #fff;
	border-top: 1px solid #66c28f;
}

.footer .copy a{
	color: #fff;
}

/*　タブレット横専用　*/
@media screen and (min-width:1000px) and ( max-width:1024px) {

.footer .footer_area ul.footer_data > li:last-child h4{
	font-size: 1.9rem;
}

.footer .footer_area ul.footer_data > li:last-child ul li div:first-child {
	font-size: 1.4rem;
}

}/*　タブレット横専用　*/



/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.footer .footer_area {
		max-width: 100%;
		flex-wrap: wrap;
	}
	
	.footer .footer_area ul.footer_data {
		width: 80%;
		margin: 0 auto;
	}
	
	.footer .footer_area ul.footer_link {
		width: 80%;
		margin: 0 auto;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.footer .footer_area{
		max-width: 100%;
		flex-wrap: wrap;
	}

	.footer .footer_area ul.footer_data {
		width: 100% !important;
		margin: 0;
	}

	.footer .footer_area ul.footer_data > li:first-child {
		width: 100%;
		margin-right: 0;
	}

	.footer .footer_area ul.footer_link {
		width: 100%;
	}
	
	.footer .footer_area ul.footer_link li {
		width: 50%;
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
	
	.footer .footer_area ul.footer_data > li:last-child {
		width: 100%;
	}
	
	.footer .footer_area ul.footer_data > li:first-child {
		width: 15%;
		margin: 0 auto 2rem;
	}
	
	.footer .footer_area ul.footer_data > li:last-child ul li {
		justify-content: center;
		flex-wrap: wrap;
	}
	
	.footer .footer_area ul.footer_data > li:last-child ul li div:first-child {
		width: 100%;
	}
	
	.footer .copy {
		font-size: 1.2rem;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */

/* ウィンドウ幅が0～468pxの場合に適用するCSS */
@media screen and ( max-width:468px ){

	.footer .footer_area ul.footer_data > li:first-child {
		width: 20%;
	}

}/* ウィンドウ幅が0～468pxの場合に適用するCSS */

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

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


}/* ウィンドウ幅が0～1200pxの場合に適用するCSS */


/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.head {
		padding: 0 1rem;
	}

	.head .logo h1 {
		max-width: 250px;
		margin-right: 10px;
	}


	.head .call_area strong {
		font-size: 2.5rem;
	}

	.nav li a {
		padding: 0 1rem;
	}
	
	.p_list {
		padding: 0 1rem;
	}

	.contents {
		max-width: 768px;
		flex-wrap: wrap;
	}
	
	.contents .left_area {
		width: 100%;
	}
	
	.contents .right_area {
		width: 100%;
		border-bottom: 4px solid #fff;
	}

	.top_about {
		background: url(../img/top/bg.png) no-repeat 7rem;
		padding: 6rem 13rem;
	}
	
	.page_top a {
		width: 55px;
		height: 55px;
	}
	
	.footer_link {
		flex-wrap: wrap;
		height: auto;
		padding: 2rem 0;
		line-height: 4rem;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.head {
		flex-wrap: wrap;
		height: auto;
		padding: 0.9rem 1rem;
	}

	.head .logo {
		flex-wrap: wrap;
		justify-content: left;
		align-items: center;
	}
	
	.head .logo h1 {
		max-width: 60%;
	}
	
	.head .logo h1 img {
		width: 70%;
	}
	
	.head .logo p {
		font-size: 1.2rem;
		min-width: 80px;
	}
	
	.head .logo div {
		font-size: 1.1rem;
	}
	
	.head .logo div span {
		font-size: 1.1rem;
		font-weight: normal;
	}
	
	.head .call_area {
		align-items: center;
		margin: 0 auto 2rem;
		display: none;
	}
	
	/*----------------------*/
	
	.nav {
		flex-wrap: wrap;
		width: auto;
		max-width: none;
	}
	
	.nav li{
		width: 100%;
		border-bottom: 1px solid #fff;
		border-left: none;
	}
	
	.nav li a {
		justify-content: left;
		padding: 0;
	}
	
	.nav li:nth-child(5) {
		border-right: none;
	}
	
	.nav li:last-child {
		border-right: none;
		display: flex;
	}
	
	nav .call_area{
		display: block;
		margin: 2rem;
		border-top: 1px dotted #fff;
		border-bottom: 1px dotted #fff;
		color: #fff;
		padding: 1rem 0.5rem 0.5rem;
	}
	
	nav .call_area li:last-child {
		display: flex;
		align-item: center;
		font-size: 2rem;
		align-items: center;
	}
	
	nav .call_area li:last-child a{
		color: #fff;
	}
	
	/*----------------------*/

	.p_list {
		border-top: 1px solid #eee;
		/*border-bottom: 1px solid #eee;*/
		padding-left: 1rem;
	}

	.contents {
		flex-wrap: wrap;
	}
	
	.contents .left_area {
		width: 100%;
	}
	
	.contents .right_area {
		width: 100%;
		border-bottom: 4px solid #fff;
	}

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

	.page_top {
		bottom: 0.5rem;
		right: 0.5rem;
	}
	
	.page_top a {
		width: 40px;
		height: 40px;
	}
	
	.page_top a i {
		font-size: 4rem;
	}
	
	.footer_link {
		flex-wrap: wrap;
		height: auto;
	}
	
	.footer_link li{
		width: 50%;
		margin: 0;
		padding: 1rem;
		
		position: relative;
		border-bottom: 1px solid #fff;
	}
/*
	.footer_link li::before{
		content: "";
		bottom: 42%;
		right: 10px;
		position: absolute;
		z-index: 100;
		display: block;
		width: 10px;
		height: 10px;
		border-top: solid 3px #ccc;
		border-right: solid 3px #ccc;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
*/
	.footer ul {
		flex-wrap: wrap;
		margin-top: 2rem;
	}
	
	.footer ul li:first-child {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
	}
	
	.footer ul.footer_data li:last-child {
		width: 100%;
		text-align: center;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */

/* ウィンドウ幅が0～468pxの場合に適用するCSS */
@media screen and ( max-width:468px ){

	.head .logo h1 img {
		width: 90%;
	}

}/* ウィンドウ幅が0～468pxの場合に適用するCSS */

/* スマートフォン　グローバルナビ */
@media screen and ( max-width:700px ){

.global-nav {
	position: fixed;
	right: -320px; /* これで隠れる */
	top: 0;
	width: 240px; /* スマホに収まるくらい */
	height: 100vh;
	padding-top: 40px;
	background-color: #fff;
	transition: all .6s;
	z-index: 200;
	overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}
.hamburger {
	position: fixed;
	right: 1rem;
	top: 1.2rem;
	width: 4.5rem;
	height: 4.5rem;
	cursor: pointer;
	z-index: 300;
	background: #008f40;
	border: 1px solid #fff;
}
.global-nav__list {
	margin: 3rem 2rem;
	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: 10px;
	width: 24px;
	height: 1px;
	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: 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;
}

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



/*---------------------------------------------------------------------------------------------*/
/* 採用情報 */

.recruit_list{
	width: 80%;
	margin: 0 auto;
}

.recruit_list li{
	width: 100%;
	border-bottom: 1px dotted #ccc;
	display: flex;
	padding: 3rem 0 2rem;
}

.recruit_list li h4{
	width: 20%;
	font-size: 2rem;
	font-weight: 900;
}

.recruit_list li > div{
	width: 100%;
}

.recruit_list li > div div{
	display: flex;
	width: 100%;
}

.recruit_list li div p{
	width: 12%;
	font-weight: bold;
}

/*----*/

.recruit_main{
	display: flex;
}

.recruit_main li{
	padding: 2rem;
}

.recruit_main li h4{
	font-weight: 900;
	margin-bottom: 2rem;
	font-size: 2rem;
	color: #008f40;
	display: flex;
	align-items: center;
}

.recruit_main li h4 span{
	font-size: 1.6rem;
	border-radius: .25rem;
	padding: 0 1rem;
	margin-right: 1.5rem;
}

.recruit_main li p{
	margin-top: 1rem;
}

.recruit_main li div{
	text-align: center;
}


/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.recruit_main {
		margin: 0 2rem;
	}

	.recruit_main li h4 {
		flex-wrap: wrap;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.recruit_main{
		margin: 0 2rem;
	}

	.recruit_list li {
		flex-wrap: wrap;
	}
	
	.recruit_list li h4 {
		width: 100%;
		margin-bottom: 1.5rem;
	}
	
	.recruit_list li > div div {
		flex-wrap: wrap;
	}

	.recruit_list li > div div:first-child {
		margin-bottom: 2rem;
	}
	
	.recruit_list li div p {
		width: 100%;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */

.recruit_description{
	width: 100%;
	display: flex;
}

.recruit_description li{
	width: 33%;
}


/*---------------------------------------------------------------------------------------------*/
/* 会社案内 */

.company_list{
	width: 80%;
	margin: 0 auto;
}

.company_list li{
	width: 100%;
	border-bottom: 1px dotted #ccc;
	display: flex;
	padding: 3rem 0 2rem;
}

.company_list li h4{
	width: 20%;
	font-size: 2rem;
	font-weight: 900;
}

.company_list li > div{
	width: 100%;
}

.company_list li > div div{
	display: flex;
	width: 100%;
}

.company_list li div p{
	width: 20%;
}

/*-------*/

.google_map{
	width: 80%;
	margin: 0 auto;
}

.google_map iframe{
	width: 100%;
}

/*-------*/

.group_text{
	margin-bottom: 5rem;
}

.group_text strong{
	font-size: 2rem;
}

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

.group_list li{
	width: 50%;
	padding: 0 2rem 3rem;
}

.group_list li h3{
	font-size: 2rem;
	font-weight: 900;
	padding: 1.5rem 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.group_list li h3 i{
	font-size: 2.2rem;
}

.group_list li h3 a.btn{
	padding: .25rem 1rem;
	font-size: 1.5rem;
	display: flex;
}

.group_list li .card-body{
	padding: 1.5rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.group_list li .card-body .w100{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

.group_list li .card-body .w100:first-child{
	margin-bottom: 3rem;
}

.group_list li .card-body h4{
	font-size: 1.6rem;
}

.group_list li .card-body p{
	font-size: 1.6rem;
}

.group_list li .card-body p a[href^="tel:"] {
	font-weight: 900;
	font-size: 2rem;
}

.group_list li .card-body p a.btn{
	padding: .25rem 1rem;
	font-size: 1.2rem;
}

/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.group_list li:nth-child(odd){
		padding: 0 1rem 3rem 2rem;
	}

	.group_list li:nth-child(even){
		padding: 0 2rem 3rem 1rem;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.company_list li {
		flex-wrap: wrap;
	}
	
	.company_list li h4{
		width: 100%;
	}

	
	.company_list li > div div {
		flex-wrap: wrap;
	}
	
	.company_list li > div div span{
		width: 100%;
	}
	
	.company_list li > div div:first-child{
		margin-bottom: 2rem;
	}
	
	.company_list li div p {
		width: 100%;
		margin-bottom: 0;
	}

	.group_list li {
		width: 100%;
	}

	.group_list li:nth-child(odd){
		padding: 0 2rem 2rem;
	}

	.group_list li:nth-child(even){
		padding: 0 2rem 2rem;
	}

	.group_list li h3 {
		flex-wrap: wrap;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */

/*---------------------------------------------------------------------------------------------*/
/* お問い合わせ */

.contact_list{
	width: 80%;
	margin: 0 auto;
}

.contact_list li{
	width: 100%;
	border-bottom: 1px dotted #ccc;
	display: flex;
	padding: 3rem 0 2rem;
}

.contact_list li h4{
	width: 30%;
	font-size: 2rem;
	font-weight: 900;
	display: flex;
	align-items: center;
}

.contact_list li h4 span{
	font-size: 1.6rem;
	color: #c62b2b;
	/*border: 1px solid #c62b2b;*/
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .5rem .8rem;
}

.contact_list li h4 small{
	font-size: 60%;
}

.contact_list li > div{
	width: 100%;
}

.contact_list li > div div{
	display: flex;
	width: 100%;
}

.contact_list li div p{
	width: 12%;
	font-weight: bold;
}

.contact_list li .select_list{

}

.contact_list li .select_list li{
	display: flex;
}

.contact_list li .select_list li{
	padding: 1rem 0;
	border-bottom: 1px dotted #eee;
}

.contact_list li .select_list li:first-child{
	padding: 0 0 1rem;
}

.contact_list li .select_list li:last-child{
	padding: 1rem 0 0;
	border-bottom: none;
}

.contact_list li .select_list li div{
	width: 40%;
}

.contact_list li .select_list li span{
	width: 60%;
	font-size: 1.4rem;
}

.contact_list li .day{
	display: flex;
	align-items: center;
}

.contact_list .custom-select{
	width: 8rem;
	height: calc(4rem + 2px);
	padding: 1rem 1rem;
}

.contact_list li #time{
	width: 20rem;
}

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.contact_list li #time{
		width: 13rem;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */


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

.contact_bt{
	margin-top: 5rem;
	text-align: center;
}

.contact_bt_form {
	text-align: center;
	margin-top: 5%;
}

.contact_bt_form > input{
	margin-bottom: 5%;
}

.contact_bt_form input.back{
	background: #aaa;
	margin-right: 2rem;
}

.contact_bt_form input.back:hover{
	background: #ccc;
}

.contact_bt .btn-success{
	background-color: #008f40;
}

input[type="submit"]{
	border-radius: 3px !important;
	min-width: 250px;
	padding: 20px 50px 20px 50px;
	font-size: 1.6rem;
	transition: all 0.3s;
	border: none;
	font-weight: 500;
	position:relative;
	color: #fff !important;
	background-color: #008f40;
	cursor:pointer
}

input[type="submit"]:hover{
	background-color: #2AA579;
	border: none;
	color: #fff !important;
}

.contact a:focus{
	color: #80b8a6;
}

.mw_wp_form.mw_wp_form_complete p{
	text-align: center;
}

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

.contact_list label {
	line-height: 135%;
	position: relative;
	margin: 0.5rem;
	cursor: pointer;
}

.contact_list input[type="radio"],
.contact_list input[type="checkbox"] {
	position: relative;
	margin: 0 1rem 0 0;
	cursor: pointer;
}

.contact_list input[type="radio"]:before {
	position: absolute;
	z-index: 1;
	top: 0.2rem;
	left: 0.3rem;
	width: 1.2rem;
	height: 1.2rem;
	content: '';
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	        transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: scale(0, 0);
	        transform: scale(0, 0);
	border-radius: 50%;
	background: #008f40;
}

.contact_list input[type="checkbox"]:before {
	position: absolute;
	z-index: 1;
	top: 0.2rem;
	left: 0.3rem;
	width: 1.2rem;
	height: 1.2rem;
	content: '';
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	        transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: scale(0, 0);
	        transform: scale(0, 0);
	background: #008f40;
}

.contact_list input[type="radio"]:checked:before,
.contact_list input[type="checkbox"]:checked:before {
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
}

.contact_list input[type="radio"]:after {
	position: absolute;
	top: -0.25rem;
	left: -0.125rem;
	width: 2rem;
	height: 2rem;
	content: '';
	border: 1px solid #ccc;
	border-radius: 50%;
	background: #ffffff;
}

.contact_list input[type="checkbox"]:after {
	position: absolute;
	top: -0.25rem;
	left: -0.125rem;
	width: 2rem;
	height: 2rem;
	content: '';
	border: 1px solid #ccc;
	background: #ffffff;
}

input::-webkit-input-placeholder {
	color: #ccc !important;
}
input:-ms-input-placeholder {
	color: #ccc !important;
}
input::-moz-placeholder {
	color: #ccc !important;
}


/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.contact_list {
		width: 90%;
	}

	.contact_list li h4 {
		width: 35%;
		font-size: 1.8rem;
	}
	
	.contact_list input[type="radio"]:after {
		left: -0.2rem;
	}
	
	.contact_list input[type="radio"]:before {
		left: 0.2rem;
	}
	
	.contact_list input[type="checkbox"]:after {
		left: -0.2rem;
	}
	
	.contact_list input[type="checkbox"]:before {
		left: 0.2rem;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.contact_list li {
		flex-wrap: wrap;
	}
	
	.contact_list li h4 {
		width: 100%;
		margin-bottom: 1.5rem;
	}
	
	.contact_list li > div div {
		flex-wrap: wrap;
	}

	.contact_list li > div div:first-child {
		margin-bottom: 0rem;
	}
	
	.contact_list li div p {
		width: 100%;
	}
	
	.contact_list li .select_list li div {
		width: 100%;
	}
	
	.contact_bt_form input.back{
		margin-right: 0rem;
	}

	.contact_bt_form {
		text-align: center;
		margin-top: 10%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-flow: wrap-reverse;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */

/* Bootstrap カスタマイズ */

.form-control {
	height: calc(4rem + 2px);
	padding: 1rem 1rem;
	font-size: 1.6rem;
}

.custom-control {
	padding-left: 2rem;
}

.custom-control-label::before {
	left: -2rem;
	width: 1.6rem;
	height: 1.6rem;
}

.custom-control-label::after {
	left: -2rem;
	width: 1.6rem;
	height: 1.6rem;
}


/*---------------------------------------------------------------------------------------------*/
/* サービス案内 */

.payment_list{
	width: 80%;
	margin: 0 auto;
}

.payment_list > li{
	width: 100%;
	border-bottom: 1px dotted #ccc;
	display: flex;
	padding: 3rem 0 2rem;
	
	font-feature-settings: "palt";
}

.payment_list > li h4{
	width: 30%;
	font-size: 2rem;
	font-weight: 900;
	
	justify-content: center;
	display: flex;
	align-items: center;

	border-radius: 1rem;
	padding: 1rem 1.5rem;
	background: #f9f4ee;
	margin-right: 2rem;
	position: relative;
	color: #654f35;
}

/*
.payment_list > li h4::before{
	position: absolute;
	content: "";
	border-top: 1px solid #e0d7ad;
	position: absolute;
	width: 85%;
	top: 2rem;
}

.payment_list > li h4::after{
	position: absolute;
	content: "";
	border-top: 1px solid #e0d7ad;
	position: absolute;
	width: 85%;
	bottom: 2rem;
}
*/

.payment_list > li h4 span{
	font-size: 1.4rem;
}

.payment_list > li ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.payment_list > li ul li{
	width: 20%;
}

.payment_list > li ul li img{
	width: 100%;
}
/*
.payment_list li > div .cc{ width: 60%; }
.payment_list li > div .up{ width: 12%; }
.payment_list li > div .qr{ width: auto; }
.payment_list li > div .ic{ width: 70%; }
.payment_list li > div .em{ width: 70%; }
.payment_list li > div .wlt{ width: 50%; }
*/

/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.payment_list > li h4{
		flex-wrap: wrap;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.payment_list{
		width: 90%;
	}

	.payment_list li {
		flex-wrap: wrap;
	}
	
	.payment_list li h4 {
		width: 100%;
		margin-bottom: 1.5rem;
		margin-right: 0;
	}

	.payment_list > li h4::before{
		position: absolute;
		content: none;
		border-top: 1px solid #e0d7ad;
		position: absolute;
		width: 85%;
		top: 2rem;
	}

	.payment_list > li h4::after{
		position: absolute;
		content: none;
		border-top: 1px solid #e0d7ad;
		position: absolute;
		width: 85%;
		bottom: 2rem;
	}

	.payment_list > li ul li{
		width: 33%;
	}
/*
	.payment_list li > div .cc{ width: 100%; }
	.payment_list li > div .up{ width: 25%; }
	.payment_list li > div .qr{ width: 100%; }
	.payment_list li > div .ic{ width: 100%; }
	.payment_list li > div .em{ width: 100%; }
	.payment_list li > div .wlt{ width: 70%; }
*/
}/* ウィンドウ幅が0～700pxの場合に適用するCSS */

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

.ticket_description{
	width: 100%;
	display: flex;
}

.ticket_description li{
	width: 50%;
	padding: 1rem;
}

.ticket_description > li:first-child{
	width: 50%;
}

.ticket_description > li:last-child{
	width: 50%;
}

.ticket_description li > div{
	width: 100%;
}

.ticket_area{
	display: flex;
	justify-content: space-around;
	margin-bottom: 5rem;
}

.ticket_area .card-columns{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.ticket_area .image{
	display: flex;
}

.ticket_area .image img{
	width: 100%;
}

/**/

.ticket_description .card-header{
	font-size: 2rem;
	padding: 1rem 2rem;
	font-weight: bold;
	text-align: center;
}

.ticket_description .ticket_left{
	background: #fff;
	border: none;
}

.ticket_description .ticket_right{
	background: #fff;
	border: none;
}

.ticket_description .ticket_right .card-body{
	/*display: flex;*/
}

.ticket_description .ticket_right .card-body > div{
	margin-bottom: 3rem;
	border-bottom: 1px solid #888;
	padding-bottom: 2rem;
}

.ticket_description .ticket_right .card-body > div:last-child{
	margin-bottom: 0rem;
	border-bottom: none;
}

.ticket_description .card-title{
	font-size: 1.6rem;
	font-weight: normal;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ticket_description .card-title .area strong{
	font-size: 1.6rem;
	font-weight: normal;
}

.ticket_description .card-body{
	padding: 3rem 2rem;
}

.ticket_description ul{
	display: flex;
	flex-wrap: wrap;
}

.ticket_description ul li{
	padding: 0rem 0rem;
	margin: 1rem 0;
	width: 33%;
	background: #fff;
}

.ticket_description > li:first-child ul li{
	width: 33%;
}

.ticket_description .tel{
	text-align: center;
	font-size: 2.2rem;
	margin-top: 1rem;
	/*margin-bottom: 3rem;*/
	color: #008f40;
}

.ticket_description .tel a{
	align-items: center;
	display: flex;
}

.ticket_description .tel i{
	font-size: 2.2rem;
}

/**/

.ticket_area{
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 5rem;
}

.ticket_area .card{
	padding: 1rem;
	margin: 1rem;
	width: 50%;
	border-radius: 1rem;
}

.ticket_area .card .card-image{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3rem 0 1rem;
}

.ticket_area .card .card-title{
	font-size: 1.8rem;
	font-weight: 900;
	margin-bottom: 2rem;
	text-align: center;
}

.ticket_area .image{
	display: flex;
	width: 80%;
}

.ticket_area .image img{
	width: max-content;
}

.ticket_area .text{
	width: 400px;
}

.ticket_area .text h4{
	font-size: 2rem;
	font-weight: 900;
	margin-bottom: 1rem;
}

.ticket_area a{
	margin-top: 3rem;
}

/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.ticket_description .card-title {
		flex-wrap: wrap;
	}
	
	.ticket_description .card-title .area{
		width: 100%;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.ticket_description {
		flex-wrap: wrap;
	}
	
	.ticket_description .card-body{
		padding: 3rem 2rem 0;
	}
	
	.ticket_description > li:first-child {
		width: 100%;
	}
	
	.ticket_description > li:first-child ul li {
		width: 50%;
	}
	
	.ticket_description > li:last-child {
		width: 100%;
	}
	
	.ticket_description ul li {
		width: 50%;
	}

	.ticket_area .card {
		width: 100%;
	}

	.ticket_area .image{
		flex-wrap: wrap;
	}
	
}/* ウィンドウ幅が0～700pxの場合に適用するCSS */

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

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

.tablet_area .card-columns{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.tablet_area .image{
	width: 100%;
	margin-right: 0;
	margin-bottom: 5rem;
	display: flex;
	justify-content: space-between;
}

.tablet_area .image img{
	width: 32%;
	height: auto;
	align-self: flex-start;
}

.tablet_area ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.tablet_area ul li{
	padding: 2rem;
	background: #f9f4ee;
	min-height: 13rem;
}

.tablet_area ul li{
	width: 49.5%;
	margin-top: 1rem;
}

.tablet_area ul li h4{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1rem;
	color: #654f35;
}

.tablet_area ul li p{
	margin-bottom: 0;
}


/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.tablet_area{
		flex-wrap: wrap;
		margin: 0 2rem;
	}
	
	.tablet_area .image {
		margin: 0 0 2rem;
		text-align: center;
		flex-wrap: wrap;
	}
	
	.tablet_area .image img{
		width: 48%;
		margin-bottom: 1rem;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){
	
	.tablet_area .image img:first-child{
		width: 100%;
		margin-bottom: 1rem;
	}
	
	.tablet_area ul {
		width: 100%;
		flex-wrap: wrap;
	}
	
	.tablet_area ul li{
		width: 100%;
		margin: 1rem 2rem 0;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */

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

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

.sightseeing_list > li{
	/*width: 33.333333333333333%;*/
	width: 25%;
	padding: 1rem;
}

.sightseeing_list > li img{
	align-self: flex-start;
	flex-shrink: 0;
}

.sightseeing_list > li h4{
	font-size: 2.5rem;
	font-weight: bold;
	text-align: left;
	margin-top: 1rem;
	margin-bottom: 2rem;
	font-feature-settings: "palt";
	color: #008f40;
}

.sightseeing_list > li .card-text{
	text-align: left;
	margin-bottom: 2rem;
}

.sightseeing_list > li h4 span{
	font-size: 1.4rem;
	color: #3c3c3c;
}

.sightseeing_list > li h4 span.w2{
	padding-left: 1rem;
}

.sightseeing_list > li ul{
	display: flex;
	flex-wrap: wrap;
	/*justify-content: center;*/
}

.sightseeing_list > li ul li{
	/*background: #eeffd2;*/
	padding: 0.5rem 1rem;
	margin-right: 2rem;
	font-size: 1.2rem;
	
	position: relative;
	margin-bottom: 1rem;
	border: 1px solid #ccc;
	border-radius: 6rem;
}

.sightseeing_list > li .rule{
	text-align: left;
	font-size: 1.2rem;
}

.sightseeing_list > li ul li::after{
	font-family: 'Material Icons';
	content: "arrow_right";
	position: absolute;
	
	font-size: 4rem;
	line-height: 2rem;
	color: #cae8d1;
}

.sightseeing_list > li ul li:last-child::after{
	content: none;
}

.sightseeing_list > li div.card-body{
	text-align: right;
	font-feature-settings: "palt";
	min-height: 50rem;
	
	position: relative;
}

.sightseeing_list > li div.card-body .price{
	position: absolute;
	right: 1.25rem;
	bottom: 0.5rem;
}

.sightseeing_list > li div strong{
	font-size: 3.5rem;
	color: #c62b2b;
}

/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.sightseeing_list > li{
		width: 50%;
	}

	.sightseeing_list > li div.card-body {
		min-height: 40rem;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.sightseeing_list > li{
		width: 100%;
		padding: 1rem;
	}
	
	.sightseeing_list > li div.card-body {
		min-height: auto;
	}
	
	.sightseeing_list > li div.card-body .price {
		position: initial;
	}
	
	.sightseeing_list > li h4 span.w2{
		padding-left: 0rem;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */

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

.explanatory_text{
	text-align: center;
	margin-bottom: 5rem;
}

.explanatory_text h4.title_ticket{
	font-size: 2.5rem;
	font-weight: 900;
	margin-bottom: 2rem;
}

.uber_area{
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.uber_area .image{
	max-width: 600px;
}

.uber_area .image img{
	width: 100%;
}

.uber_area .text{
	max-width: 400px;
}

.uber_area .text a{
	margin-top: 3rem;
}

/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px ){

	.uber_area {
		margin: 0 2rem;
	}

	.uber_area .image {
		max-width: 390px;
		margin-right: 3rem;
	}

}/* ウィンドウ幅が0～768pxの場合に適用するCSS */


/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

	.explanatory_text {
		margin: 0 2rem 2rem;
	}
	
	.tablet_area .card-columns {
		margin: 0 2rem;
	}
	
	.uber_area{
		flex-wrap: wrap;
		margin: 0 2rem;
	}

	.uber_area .image {
		margin-right: 0rem;
	}

}/* ウィンドウ幅が0～700pxの場合に適用するCSS */


/*---------------------------------------------------------------------------------------------*/
/* サイトマップ */

.sitemap_box{
	width: 680px;
}

.sitemap_box ul{
	margin: 50px 20px 20px 50px;
}

.sitemap_box li{
	background: url(../img/a.gif) no-repeat 20px 0;
	padding: 0 0 0 35px;
	margin: 0 0 15px;
}

.sitemap_box a{
	color: #797979;
}

.sitemap_box a:hover {
    text-decoration: underline;
}

.sitemap_box .a{
	background: none;
	padding: 0;
	color: #797979;
}

.sitemap_box .b{
	background: url(../img/b.gif) no-repeat 20px 0;
}

.sitemap_box .c{
	padding: 0 0 0 60px;
	margin: 0 0 30px;
	background: url(../img/b.gif) no-repeat 45px 0;
}

.sitemap_box .c span{
	padding: 0 0 0 25px;
	background: url(../img/c.gif) no-repeat 5px 0;
}

.sitemap_box .d{
	padding: 0 0 0 60px;
	margin: 0 0 10px;
	background: url(../img/a.gif) no-repeat 45px 0;
}

.sitemap_box .d span{
	padding: 0 0 0 25px;
	background: url(../img/c.gif) no-repeat 5px 0;
}

.sitemap_box .clam{
	float: left;
	width: 250px;
	color: #24468c;
}

/* ウィンドウ幅が0～700pxの場合に適用するCSS */
@media screen and ( max-width:700px ){

.sitemap_box{
	width: 100%;
}


}/* ウィンドウ幅が0～700pxの場合に適用するCSS */


/*----------------------------------------*/
/*IEハック*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {

.head .call_area li:last-child div{	padding: 0.5rem 1.5rem 0rem; }
.head .call_area a{ padding-top: 0.9rem; }

.main_cover .catch{ width: 1200px; }
.main_cover .catch h2{  }
.main_cover .icon{ width: 1200px; }
.main_cover .taxi{ width: 1200px; }

.nav li a{ padding-top: 0.9rem; }
.h3_title h3{ line-height: 4rem; }

.ticket_area .image img{ width: auto; }

.sightseeing_list > li ul li{ padding: 0.6rem 1rem 0.2rem; }
.recruit_main li h4 span{ padding: 0.6rem 1rem 0rem ; }
.group_list li h3 a.btn{ padding: 0.5rem 1rem 0rem ; }
.group_list li .card-body p a.btn{ padding: 0.5rem 1rem 0rem ; }

.top_taxi_list > li .text .tel{ padding-top: 1rem; }
.top_taxi_list > li .text .tel i{ margin-top: -0.8rem; }

.contact_list li .day .ie_sp{ margin-left: 1.5rem; }

/**/
/*
.contact_list input[type="radio"], .contact_list input[type="checkbox"] {
    position: relative;
    margin: 0 1rem 0 0;
    cursor: pointer;
}
*/

.contact_list .radio{

}

.contact_list .company{

}


/*RadioとText*/
.contact_list li:nth-child(1) label {
	cursor       : pointer;
	position     : relative;
	padding-left : 5px;
	margin-right : 30px;
	overflow     : hidden;
	padding-left : 20px;
	display      : inline-block;
}
.contact_list li:nth-child(1) label:before {
	position      : absolute;
	width         : 2rem;
	height        : 2rem;
	border        : 1px solid #ccc;
	border-radius : 50%;
	left          : 0px;
	top           : 0px;
	content       : '';
	z-index       : 3;
}
.contact_list li:nth-child(1) label:after {
	content          : '';
	position         : absolute;
	width            : 11px;
	height           : 11px;
	border-radius    : 100%;
	left             : 4px;
	top              : 5px;
	background-color : #008f40;
	z-index          : 1;
}
.contact_list li:nth-child(1) label input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	width      : 2rem;
	height     : 2rem;
	left       : -25px;
	top        : 1px;
	margin     : 0px;
	box-shadow : 20px -1px #FFF;
}
.contact_list li:nth-child(1) label input[type="radio"]:checked {
	box-shadow : none;
}
.contact_list li:nth-child(1) label input[type="radio"]:focus {
	opacity    : 0.2;
	box-shadow : 20px -1px #FFF;
}

/*CheckBoxとText */
.contact_list li:nth-child(2) label {
	cursor       : pointer;
	position     : relative;
	padding-left : 25px;
	margin-right :	25px;
	overflow     : hidden;
	position     : relative;
	padding-left : 25px;
	display      : inline-block;
	box-sizing   : border-box;
}
.contact_list li:nth-child(2) label:before {
	content  : '';
	position : absolute;
	width    : 20px;
	height   : 20px;
	left     : 0px;
	top      : 0;
	border   : 1px solid #ccc;
	z-index  : 3;
}
.contact_list li:nth-child(2) label:after {
	content           : '';
	position          : absolute;
	top               : 47%;
	left              : 6px;
	display           : block;
	margin-top        : -8px;
	width             : 8px;
	height            : 12px;
	border-right      : 3px solid #008f40;
	border-bottom     : 3px solid #008f40;
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	z-index           : 1;
}
.contact_list li:nth-child(2) label input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	left       : -40px;
	width      : 20px;
	height     : 20px;
	display    : block;
	box-shadow : 41px 0px #FFF;
	z-index    : 2;
	margin     : 0px;
	padding    : 0px;
}
.contact_list li:nth-child(2) label input[type="checkbox"]:checked {
	box-shadow : none;
}
.contact_list li:nth-child(2) label input[type="checkbox"]:checked:focus {
	box-shadow : 40px 0px #666;
	opacity    : 0.1;
}
.contact_list li:nth-child(2) label input[type="checkbox"]:focus {
	box-shadow : 41px 0px #EEE;
}




}/*IEハック*/

/*----------------------------------------*/
/*Safariハック*/

_::-webkit-full-page-media, _:future, :root .head .call_area {
	width: 420px;
}

_::-webkit-full-page-media, _:future, :root .head .call_area strong {
	font-size: 3rem;
}

/*----------------------------------------*/
/*印刷用*/

@media print{

.sightseeing_list > li ul li{
	font-size: 1rem;
}

.top_taxi_list > li{
	width: 100%;
	padding: 8rem 4rem;
}

.top_taxi_list > li .image img{
	width: 100%;
}

}