/*----------------------------------------------------------------------------------------------------------------------
common
------------------------------------------------------------------------------------------------------------------------*/

section {
	width: 100%;
	margin: 0 auto 100px;
}

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

	section {
		width: 100%;
		margin: 0 auto 80px;
	}
}

/*----------------------------------------------------------------------------------------------------------------------
fonts
------------------------------------------------------------------------------------------------------------------------*/
@font-face {
	font-family: 'flexslider-icon';
	src: url('../fonts/flexslider-icon.eot');
	src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*----------------------------------------------------------------------------------------------------------------------
about 徒然舎について
------------------------------------------------------------------------------------------------------------------------*/


/*----------------- greeting */
section#greeting{
	margin-top: 120px;
	margin-bottom: 25px;
}

.copy{position: relative;}

.copy img{
	width: 400px;
	margin: 0 auto 90px;
	display: block;
	padding-bottom: 55px;
}

.copy::after{
	position: absolute;
	top: 100%;
	left: 50%;
	margin: 0;
	content: "";
	width: 1px;
	height: 70px;
	background-color: #8F8DB9;
}


/*----------------- profile */


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

.profile_box img{max-width: 480px; width: 100%;}

.profile_desc{width: 420px;}

.owner_name{
	font-size: 15px;
	font-weight: bold;
	color: #312E7D; 
}

.owner_name span{
	font-size: 13px;
	font-weight: normal;
	color: #747474;}

	.profile_desc p{margin-bottom: 30px; font-size: 14px;}



	/*----------------- company */

section#company{margin-bottom: 60px;}

	.company_box{
		display: flex;
		justify-content: space-between;
		margin-bottom: 90px;
	}

	dl.company_info {
		width: 445px;
		/*	height: 500px;*/
		overflow: hidden;
		border-bottom: 1px solid #e7e7e3;
		float: left;
		font-size: 13px;
		line-height: 30px;
	}

	dl.company_info dt {
		width: 125px;
		float: left;
		padding: 10px 0;
		border-top: 1px solid #e7e7e3;
		color: #2f305c;
	}

	dl.company_info dd {
		margin-left: 125px;
		padding: 10px 0 10px 15px;
		border-top: 1px solid #e7e7e3;
	}

	dl.company_info dd:after { clear: both; }

	dl.company_info ul { margin-left: 15px; }

	dl.company_info ul li {
		padding-left: 3px;
		list-style: disc;
	}


	.achievement{
		background: #fff;
		padding: 50px 45px;
		margin-bottom: 50px;
	} 

	.achievement h4.head-border{
		width: 80%;
		font-size: 16px;
		color: #2D2A66;
		font-weight: bold;
		text-align:center;
		display: flex;
		align-items: center;
		margin: 0 auto 50px;
	}

	.achievement h4.head-border:before,
	.achievement h4.head-border:after {
		content: "";
		height: 1px;
		flex-grow: 1;
		background-color: #7B79A7;
	}

	.achievement h4.head-border:before {
		margin-right: 1.5rem;
	}

	.achievement h4.head-border:after {
		margin-left: 1.5rem;
	}



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

	ul.latest_list li {
		display: block;
		width: 190px;
	}

	ul.latest_list li p{
		font-size: 12px;
		color: #575757;
		margin-bottom: 10px;
		line-height: 1;
	}

	ul.latest_list li h5 { 

		font-size: 14px;
		color: #2D2A66;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 25px;
		line-height:22px; 　 
		word-wrap : break-word;
		overflow-wrap : break-word;
		word-break: break-all;}

		ul.latest_list li img { margin-bottom: 15px; width: 100%;}

		ul.latest_list li a:link { text-decoration: none; display: block;}

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

		.achievement .button{width: 400px;}


		/*----------------- gaisho */


		.gaisho_abstruct{
			width: 100%;
			max-width: 680px;
			font-size: 14px;
			margin: 0 auto 50px;
		}


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

		.gaisho_box_sub{background: #fff; width: 100%; width: 304px; padding: 30px 28px 10px; }

		.gaisho_box_sub img{width: 100%; margin-bottom: 28px;}

		.gaisho_name{
			font-size: 15px;
			text-align: center;
			font-weight: bold;
			line-height: 1.75;
			padding-bottom: 18px;
			margin-bottom: 28px;
			border-bottom: 2px dotted #B0B0BC;
			letter-spacing: 0.05em;
			color: #565565;}

			.gaisho_name span{font-size:11px;}

			.gaisho_box_sub ul{font-size: 13px; line-height: 1.85;}

			.gaisho_box_sub ul li{list-style-type:disc; margin-left:15px; margin-bottom: 20px;}


			/*----------------- access */

			section#access{
				background: #fff;
				padding: 80px 0 100px;
			}

			h4.access-midashi{
				font-size: 18px;
				font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
				margin-bottom: 25px;
			}


			.shop-box{
				display: flex;
				justify-content: space-between;
				margin-bottom: 80px;
			}

			.shop-desc{width: 440px; font-size: 14px; line-height: 1.8;}

			.shop-image{width: 480px;}

			.shop-image img{width: 100%;}

			dl#shopinfo {
				width: 550px;
				height: 500px;
				overflow: hidden;
				border-bottom: 1px solid #e7e7e3;
				float: left;
				font-size: 14px;
				line-height: 30px;
			}

			dl#shopinfo dt {
				width: 115px;
				float: left;
				padding: 10px 0;
				border-top: 1px solid #e7e7e3;
				color: #2f305c;
			}

			dl#shopinfo dd {
				margin-left: 115px;
				padding: 10px 0 10px 15px;
				border-top: 1px solid #e7e7e3;
			}

			dl#shopinfo dd:after { clear: both; }

			dl#shopinfo ul { margin-left: 15px; }

			dl#shopinfo ul li {
				padding-left: 3px;
				list-style: circle;
			}

			.g_map {
				position: relative;
				float: right;
			}

			#map { max-width: 370px; }

			#map_canvas {
				height: 500px;
				width: 370px;
				float: right;
			}

			.btn_map {
				z-index: 30000;
				position: absolute;
				bottom: -15px;
				left: 130px;
				width: 140px;
				height: 30px;
			}

			/*-----------------history */

			.history_cont { margin: 0 auto 30px; }

			.history_cont:nth-child(2n) .history_img { float: left; }

			.history_cont:nth-child(2n) .history_desc { float: right; }

			.history_img {
				float: right;
				width: 260px;
			}

			.history_img img {
				border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
			}

			.history_desc {
				width: 670px;
				font-size: 14px;
				float: left;
			}

			.history_cont:nth-child(4) {
				height: 360px;
				background: url(../img/about/bg_history.png) no-repeat bottom right;
				margin-bottom: 50px;
			}

			.history_title {
				color: #2f305c;
				font-weight: bold;
				padding-bottom: 15px;
				margin-bottom: 15px;
				border-bottom: 1px solid #dcdcdc;
				line-height: 14px;
			}

			/*-----------------media */

			dl.publist{
				width: 100%;
				height: auto;
				overflow: hidden;
			}

			dl.publist dt, dl.publist dd{
				padding:15px 0;
			}

			dl.publist dt {
				width: 20%;
				float: left;}

				dl.publist dd {
					padding-left:20%
					width:100%;
					border-bottom: 1px solid #dcdcdc;
				}
				dl.publist dd:after { clear: both; }



				br.pcbr{display: block;}


/*-------------------------------------------------------
under 740px
-------------------------------------------------------*/


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

	/*----------------- greeting */
	section#greeting{
		margin-top: 60px;
		margin-bottom: 20px;
	}

	.copy{position: relative;}

	.copy img{
		width: 96%;
		margin: 0 auto 80px;
		display: block;
		padding-bottom: 40px;
	}

	.copy::after{
		position: absolute;
		top: 100%;
		left: 50%;
		margin: 0;
		content: "";
		width: 1px;
		height: 70px;
		background-color: #8F8DB9;
	}




	/*----------------- profile */

section#profile{margin-bottom: 60px;}

	.profile_box{display: block}

	.profile_box img{max-width: 100%; width: 100%; margin-bottom: 35px;}

	.profile_desc{width: 100%;}

	.owner_name{margin-bottom: 8px;}



	/*----------------- company */

section#company{margin-bottom: 40px;}
	.company_box{
		display: block;
		margin-bottom: 70px;
		overflow: hidden
	}

	dl.company_info {width: 100%;}

	dl.company_info dt {width: 25%;}

	dl.company_info dd {margin-left: 25%;}

	dl.company_info:first-child{border-bottom: none;}

	.achievement{
		background: #fff;
		width: 100%;
		padding: 50px 5%;
		margin-bottom: 30px;
	} 

	.achievement h4.head-border{
		width: 100%;
		font-size: 16px;
		margin: 0 auto 45px;
	}

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

		ul.latest_list li {
			display: block;
			width:46%;
		}

		.achievement .button{width: 100%; font-size: 12px;}



		/*----------------- gaisho */
	section#gaisho{margin-bottom: 60px;}

		section#gaisho p{font-size: 14px;margin: 0 auto 30px;}

		.gaisho_box{display: block}

		.gaisho_box_sub{background: #fff; width: 100%; padding: 30px 5% 10px; margin-bottom: 30px; }

		/*----------------- access */

		section#access {
			margin-top: -50px;
			padding-top: 50px;
			padding-bottom: 50px;
			margin-bottom: 35px;
		}

		.access-midashi{margin-bottom: 35px;}

		.shop-box{
			display: block;
			margin-bottom: 45px;
		}

		.shop-desc{width: 100%; margin-bottom: 45px}
		.shop-image{width: 100%;}



		dl#shopinfo {
			width: 100%;
			height: auto;
			float: none;
			border-bottom: none;
			margin-bottom: 30px;
		}

		dl#shopinfo dt {
			width: 100%;
			display: block;
			float: none;
			padding: 10px;
			background: #e7e7e3;
			boder: none;
		}

		dl#shopinfo dd {
			margin-left: 0;
			padding: 10px;
			boder: none;
			float: none;
		}

		dl#shopinfo dd:after { clear: both; }

		#map {
			max-width: 100%;
			float: none;
		}

		#map_canvas {
			height: 260px;
			width: 100%;
			float: none;
		}

		/*-----------------history */

section#history{margin-bottom: 35px;}
		.history_cont {
			margin: 0 auto 60px;
			width: 100%;
		}

		.history_cont:nth-child(2n) .history_img, .history_cont:nth-child(2n) .history_desc { float: none; }

		.history_img {
			width: 100%;
			float: none;
			margin-bottom: 20px;
		}

		.flexslider{
			margin-bottom:20px !important;
		}

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

		.history_desc {
			width: 100%;
			float: none;
		}

		.history_cont:nth-child(4) {
			height: auto;
			background: none;
			margin-bottom: 60px;
		}

		.history_title {
			color: #184161;
			font-weight: bold;
			padding-bottom: 15px;
			margin-bottom: 15px;
			border-bottom: 1px solid #dcdcdc;
			line-height: 18px;
		}


		/*-----------------media */


		dl.publist dt {width: 35%;}
		dl.publist dd {	padding-left:35%;}




		br.pcbr{display: none;}





	}

/*----------------------------------------------------------------------------------------------------------------------
buy 買取のご案内
------------------------------------------------------------------------------------------------------------------------*/


/*buy-intro*/

section#buy-intro{
	margin-top: 120px;
}

.buy-copy {
	display: flex;
	align-items: center;
	background:none;
	font-size: 24px;
	padding-left:0;
	width: 780px;
	margin: 0 auto 60px;
}
.buy-copy:before,
.buy-copy:after {
	border-top: 1px solid #B1B0CE;
	content: "";
	flex-grow: 1;
}
.buy-copy:before {margin-right: 1.4rem;}

.buy-copy:after {margin-left: 1.4rem;}

.buy-copy img{display: block; width:340px; }

.buy-copy + p{
	width: 100%;
	max-width: 640px;
	font-size: 16px;
	margin: 0 auto 60px;
	text-align: center;
	line-height: 2;
}

.covid19{
	background: #FF6565;
	width: 100%;
	max-width: 800px;
	padding: 45px;
	color: #fff;
	margin: 0 auto 90px;
	border-radius: 6px;
}

.covid19 h5{
	font-size: 20px;
	text-align: center;
	margin:0 0 35px;
	font-weight: bold;
}

.covid19 p{
	font-size: 15px;
	line-height: 2;
}

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

ul.buy_button li a{
	display: block;
	width: 220px;
	height: 240px;
	background: #FED039;
	color: #2F2D7C;
	text-decoration: none;
	border-radius: 6px;
	text-align: center;
}

ul.buy_button li img{
	width: 138px;
	margin: 10px auto 5px;
	text-align: center;}

	.buy-button-title{font-size: 20px; font-weight: bold; margin-bottom: 5px; line-height: 1.35;}

	ul.buy_button li p{font-size: 13px;}


	/*センターボーダー　見出し*/
/*h3.title-border {
display: flex;
align-items: center;
background:none;
font-size: 24px;
padding-left:0;
}
h3.title-border:before,
h3.title-border:after {
border-top: 1px solid #2f305c;
content: "";
flex-grow: 1;
}
h3.title-border:before {margin-right: 1.4rem;}
h3.title-border:after {margin-left: 1.4rem;}*/


/* buy-outline */

section#buy-outline{
	background: #fff;
	padding:70px 0 100px ;
}

section#buy-outline .wrapper_all{overflow: visible;}

section#buy-outline h3{margin-bottom: 40px;}

.buy-outline-box{
	width: 100%;
	max-width: 700px;
	margin: 0 auto 90px;}

	.buy-outline-box p{
		font-size: 14px;
		line-height: 2;
	}

	.buy-outline-box.button{
		width: 400px;
	}

	.buy-outline-box p span{
		font-weight: bold;
		color: #FF0000;
	}

	.buy-outline-01{
		display: flex;
		justify-content: space-between;
	}

	.buy-outline-01-img{
		width: 100%;
		max-width: 340px;
	}

	.buy-outline-01-img img{
		width: 100%;
		margin-bottom: 10px;
	}

	.buy-outline-01-img p{
		font-size: 13px;
		color: #676767;
		line-height: 1.85;
		text-align: center;
	}

	.buy-outline-01-desc{
		width: 100%;
		max-width: 330px;
	}

	.buy-outline-02-img{margin-bottom: 35px;}

	.buy-outline-02-img img{width: 100%;}

	.buy-outline-02-desc p{text-align: center;}

	.gaisho-intro{
		width: 100%;
		max-width: 700px;
		border-radius: 6px;
		border: 1px solid #2D2A66;
		margin: 0 auto 60px;
		color: #2D2A66;
		padding:  45px;
		box-sizing: border-box;
		font-size: 14px;
	}

	.gaisho-intro h4{
		font-size: 18px;
		text-align: center;
		font-weight: bold;
		margin: 0 auto 30px;
	}

	.gaisho-intro ul{
		margin-top: 30px;
		padding-left: 18px;
	}

	.gaisho-intro ul li{
		list-style-type: disc;
	}


	.buy-trip-intro{
		width: 760px;
		margin: 0 auto 70px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.buy-trip-intro-img{width: 360px;}

	.buy-trip-intro-img img{width: 100%;}

	.buy-trip-intro-desc{width: 360px;}

	.buy-trip-intro-desc p{
		font-size: 14px;
		font-weight: bold;
	}

	.buy-trip-intro-desc p span{
		color: #ff0000;
		font-size: 12px;
	}

	.midashi{
		font-size: 18px;
		font-weight: bold;
		color: #2F2D7C;
		margin-bottom: 20px;
	}

	.midashi img{
		width: 80px;
		display: inline-block;
		margin-right: 10px;
	}

	.kaitori_box h4.head-border {
		display: flex;
		margin: 0 auto 80px;
		align-items: center;
		font-size: 24px;
		font-weight: bold;
		color: #312E7D;
		width: 540px;

	}
	.kaitori_box h4.head-border:before,
	.kaitori_box h4.head-border:after {
		border-top: 2px dotted #2f305c;
		content: "";
		flex-grow: 2;
	}
	.kaitori_box h4.head-border:before {margin-right: 1.4rem;}
	.kaitori_box h4.head-border:after {margin-left: 1.4rem;}

	ul.process-image{
		display: flex;
		justify-content: space-between;
		width: 540px;
		margin: 0 auto 80px;
	}

	ul.process-image li{
		width: 100px;
		height: auto;
		position: relative;
	}

	ul.process-image li:after{
		content: "";
		display: inline-block;
		width: 15px;
		height: 30px;
		background: url(../img/buy/arrow-right.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 28%;
		right: -30px;
	}

	ul.process-image li:last-child:after{content: none;}

	ul.process-image li img{width: 100%;}

	ul.process-image li p{
		margin-top: 10px;
		font-weight: bold;
		color: #2D2A66;
		font-size: 12px;
		text-align: center;
	}


	.process-box{
		background: #fff;
		display: flex;
		align-items: center;
		/*		justify-content: space-between;*/
		margin:0 auto 100px;
		position: relative;
	}

	.process-box:after{
		content: "";
		display: block;
		width: 40px;
		height: 30px;
		background: url(../img/buy/arrow-bottom.png) no-repeat;
		background-size: contain;
		position: absolute;
		bottom:-65px;
		right:50%;
	}

	.process-box.last{margin-bottom: 60px;}

	.process-box.last:after{content: none;}

	.process-box img{
		display: block;
		width: 320px;
	}

	.process-box img.mobile{display: none;}

	.process-desc{padding: 15px 45px;}

	.process-number{
		font-style: italic;
		font-weight: normal;
		font-size:32px;
		color: #2D2A66;
		display: inline-block;
	}

	.process-title{
		display: inline-block;
		color: #2D2A66;
		font-size:22px;
		font-weight:bold;
		margin-left:20px;
		margin-bottom:15px;}

		.process-desc ul{
			font-size: 14px;
			line-height: 2;
			padding-left: 15px;
		}

		.process-desc ul li{list-style-type: disc;}

		.process-desc ul li span{font-weight: bold}

		p.process-info{font-size: 12px;}

		.kaitori-faq{
			border-radius: 6px;
			border: 1px solid #2D2A66;
			margin: 0 auto 60px;
			color: #2D2A66;
			padding:  45px;
			box-sizing: border-box;
			width: 680px;
			background: #fff;
		}

		.kaitori-faq h4{
			font-size: 18px;
			text-align: center;
			font-weight: bold;
		}

		.kaitori_owner{
			background: #EFEFE7;
			width: 100%;
			box-sizing: border-box;
			border-radius: 6px;
			padding: 34px 65px;
			position: relative;
			height;auto;
			box-sizing: border-box;
		}

		.kaitori_owner h4{
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 20px;
			position: relative;}

			.kaitori_owner_box{position: relative; overflow: hidden;}

			ul.kaitori_profile{
				font-size: 13px;
				line-height: 1.7;
				padding-left: 17px;
				float: left;

			}

			ul.kaitori_profile li{list-style-type: disc;}

			.kaitori_profile_02{
				width: 280px;
				position: absolute;
				top: -30px;
				right: 35px;
				z-index: 100;
			}

			.kaitori_profile_02 img{width: 100%;}


			/*************************ここまで書いた*******************/

			/* buy-tentou */

			section#buy-tentou{
				background: #fff;
				padding:70px 0 20px;
				margin-bottom: 70px;
			}

			section#buy-tentou .process-box{background: #FAFAF6;}

			section#buy-tentou	ul.process-image{
				display: flex;
				justify-content: space-between;
				width: 390px;
				margin: 0 auto 80px;
			}

			.wrapper_all footer{margin-top: 0;}


			/********固定フッター PC *********/
			.fixbar{
				width: 100%;
				background: #fff;
				padding: 28px 0;
				position: sticky;
				bottom: 0px;
				z-index: 10000000;
				position: fixed;
				box-shadow: 0px 0px 6px 5px rgba(54, 54, 54, .16);
			}

			.fixbar-box{
				width: 880px;
				margin: 0 auto;
				display: flex;
				align-items: center;
				justify-content: space-between;
			}

			.fixbar-tel{
				color: #4A478B;
				text-align: center;
			}

			.fixbar-tel-title{
				font-size: 16px;
				margin-bottom: 5px;
			}

			.fixbar-tel p{
				font-size: 36px;
				font-weight: bold;
			}

			.fixbar-tel p span{
				color: #272727;
				font-size: 14px;
				font-weight: normal;
			}


			.fixbar-mail .button,
			.fixbar-line .button{
				font-size: 14px;
				height: 50px;
				margin-top: 0;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.fixbar-line .button{background: #5BBF3C;border: 1px #5BBF3C;}

			.fixbar-mail img, .fixbar-line img{
				width: 28px;
				height: auto;
				display: inline-block;
				margin-right: 8px;
			}

  a[href^="tel:"]{
    pointer-events: none;
    text-decoration: none;
    color: #2f305c;
  }


a.button[href^="tel:"]{color: #fff;}


/*-------------------------------------------------------
under 740px
-------------------------------------------------------*/
@media screen and (max-width:740px) {

	section#buy-intro{
		margin-top: 60px;
		margin-bottom: 60px;
	}

	.buy-copy {width: 100%; display: block; margin-bottom: 40px;}

	.buy-copy img{display: block; width:100%; }

	.buy-copy + p{
		font-size: 14px;
		margin: 0 auto 40px;
	}

	.covid19{
		padding: 10% 5%;
		margin: 0 auto 60px;
	}

	.covid19 h5{
		font-size: 16px;
		margin:0 0 20px;
	}

	.covid19 p{font-size: 13px;}

	ul.buy_button{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		position: relative;
	}
	ul.buy_button li{
		width: 48%;
		position: relative;
		overflow: hidden;
	}

	ul.buy_button li a{
		display: block;
		width: 100%;
		height: auto;
		background: #FED039;
		color: #2F2D7C;
		text-decoration: none;
		border-radius: 6px;
		text-align: center;
		margin-bottom: 15px;
		padding: 3%;
	}

	ul.buy_button li img{width: 50%;}

	.buy-button-title{font-size: 16px;}

	ul.buy_button li p{font-size: 12px; line-height: 1.5; margin-bottom: 15px;}



	/* buy-outline */

	section#buy-outline{padding-top: 40px; margin-bottom:30px; padding-bottom: 60px;}

	section#buy-outline h3{margin-bottom: 40px;}

	.buy-outline-box{margin-bottom: 50px;}

	.buy-outline-box p{
		font-size: 14px;
		line-height: 2;
	}

	.buy-outline-box p span{
		font-weight: bold;
		color: #FF0000;
	}

	.buy-outline-01{
		display: block
	}

	.buy-outline-01-img, .buy-outline-01-desc{
		width: 100%;
		max-width: 100%;
	}

	.buy-outline-01-img{margin-bottom: 30px;}

	.buy-outline-01-desc{text-align: center;}

	.buy-outline-02-img{margin-bottom: 35px; }

	.buy-outline-02-desc p{text-align: left;}

	.gaisho-intro{padding:  8% 5%;}

	.gaisho-intro h4{
		font-size: 16px;
		margin-bottom: 20px;
	}

section#buy-trip {
    padding-top: 50px;
    margin-top: -50px;
}


	.buy-trip-intro{
		width: 100%;
		margin: 0 auto 70px;
		display: block;
	}

	.buy-trip-intro-img{width: 100%;}

	.buy-trip-intro-img img{width: 100%; margin-bottom: 30px;}

	.buy-trip-intro-desc{width: 100%;}

	.buy-trip-intro-desc p{
		text-align: center
	}

	.midashi{text-align: center;	}

	.midashi img{
		width: 60px;
	}

	.kaitori_box h4.head-border {
		margin: 0 auto 50px;
		font-size: 18px;
		width: 100%;
	}

	ul.process-image{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		margin: 0 auto 20px;
	}

	ul.process-image li{
		width: calc(45% - 22px);
		margin: 0 auto 40px;
	}

	ul.process-image li:after{
		content: none;
	}

	/*	ul.process-image li:last-child:after{content: none;}*/

	ul.process-image li img{width: 90%; display: block; margin: 0 auto;}

	section#buy-tentou	ul.process-image{

		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		margin: 0 auto 20px;
	}

	.process-box{
		width: 100%;
		background: #fff;
		display: block;
		margin:0 auto 80px;
		position: relative;
	}

	.process-box:after{
		content: "";
		display: block;
		width: 30px;
		height: 20px;
		background: url(../img/buy/arrow-bottom.png) no-repeat;
		background-size: contain;
		position: absolute;
		bottom:-50px;
		right:45%;
	}

	.process-box.last{margin-bottom: 60px;}

	.process-box.last:after{content: none;}

	.process-box img{
		width: 100%;
	}

	.process-box img.pc{display: none;}
	.process-box img.mobile{display: block;}


	.process-desc{padding: 25px 5%;}

	.process-number{
		font-size:26px;
	}

	.process-title{
		font-size:18px;
		margin-left:10px;
	}

	.process-desc ul{
		padding-left: 20px;
	}

.kaitori-faq{

		padding:  35px 6%;
		box-sizing: border-box;
		width: 100%;
		margin-bottom: 45px;
	}

	.kaitori-faq h4{
		font-size: 16px;
/*		text-align: center;
font-weight: bold;*/
}

.kaitori_owner{
	background: #EFEFE7;
	width: 100%;
	padding: 35px 5%;
}

.kaitori_owner h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;}

	.kaitori_owner_box{position: relative; overflow: hidden;}

	ul.kaitori_profile{
		font-size: 13px;
		line-height: 1.7;
		padding-left: 17px;
		float: left;

	}

	ul.kaitori_profile li{list-style-type: disc;}

	.kaitori_profile_02{
		width: 100%;
		margin: 0 auto 20px;
		position: relative;
		top: 0;
		right: 0;
}

.kaitori_profile_02 img{width: 100%;}


/* buy-tentou */

section#buy-tentou{
	background: #fff;
	padding:50px 0 0;
	margin-bottom: 30px;
}

section#buy-tentou .process-box{background: #FAFAF6;}

.wrapper_all footer{margin-top: 0;}




/********固定フッター mobile *********/
.fixbar{
	width: 100%;
	background: #fff;
	padding: 14px 0;
	bottom: 0px;
	z-index: 10000000;
	position: fixed;
	box-shadow: 0px 0px 6px 5px rgba(54, 54, 54, .16);
}

.fixbar-box{
	width: 92%;
	margin: 0 auto ;
}

.fixbar-tel{
	color: #4A478B;
	text-align: center;
}

.fixbar-tel-title{
	font-size: 12px;
	margin-bottom: 0px;
}

.fixbar-tel p{
	font-size: 20px;
	font-weight: bold;
}

.fixbar-tel p span{
	color: #272727;
	font-size: 12px;
	font-weight: normal;
}

/*
.fixbar-line .button{background: #5BBF3C;border: 1px #5BBF3C;}
*/
.fixbar-mail img, .fixbar-line img{
	width: 40px;
	height: auto;
	display: block
	margin-right: 0;
}


a[href^="tel:"]{pointer-events: initial;}




}





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

/*-----------------contact_tel */

.contact_cont {
	width: 460px;
	padding: 35px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: url(../img/contact/bg_yellow.png) no-repeat top center, #fff;
	float: left;
	text-align: center;
	margin-bottom: 40px;
}

.contact_cont:nth-child(2) { float: right; }

.contact_detail {
	border-bottom: dotted 1px #d5d5d5;
	margin-bottom: 20px;
}

.contact_title {
	color: #2f305b;
	margin-bottom: 20px;
}

.contact_number {
	font-size: 36px;
	color: #2f305b;
	font-weight: bold;
	margin-bottom: 10px;
}

.contact_desc {
	font-size: 14px;
	color: #323236;
	margin-bottom: 20px;
}

.contact_att {
	font-size: 12.5px;
	line-height: 24px;
	text-align: left;
	letter-spacing: .05em;
	height: 60px;
}

.contact_att2 {
	background: #fff4ad;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	font-size: 14px;
	padding: 25px;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom:40px;
}

.contact_att3 {
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	font-size: 14px;
	padding: 25px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.contact_att2 ul {
	width: 90%;
	margin: 10px auto;
	border-top: #979689 dotted 1px;
	background: none;
	margin-top: 20px;
	padding-top: 15px;
}

.contact_att2 ul li {
	margin: 0px 15px;
	float: left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.contact_line{
background: #fff;
display: flex;
margin-bottom: 90px;
padding: 55px 35px;
justify-content: center;
}

.contact_line_img{width: 160px;}

.contact_line_img img{width: 100%;}

.contact_line_desc{ padding-left:45px; }

span.strong{font-weight: bold; background:#fff4ad; font-size: 18px;}

span.att{font-size: 12.5px;}

.button_line {
	border: 1px solid #5BBF3C;
	background-color: #5BBF3C;
	margin-top: 15px;
}
.button_line:hover {
	color: #ffffff;
	background-color: #80CC64;
	border: 1px solid #80CC64;
}




/*-----------------------contactform*/

dl#contactform {
	width: 100%;
	border-bottom: #d4d4d4 solid 1px;
	margin: 40px auto;
	font-size: 14px;
}

dl#contactform dt {
	width: 25%;
	height: 70px;
	float: left;
	padding: 15px 0;
	border-top: 1px solid #e7e7e3;
	color: #2f305c;
	vertical-align: central;
}

dl#contactform dd {
	height: 70px;
	margin-left: 25%;
	padding: 15px 0 15px 50px;
	border-top: 1px solid #e7e7e3;
	vertical-align: central;
}

dl#contactform dt.tarea, dl#contactform dd.tarea { height: auto; }

dl#contactform dd:after { clear: both; }

span.file{
	display:block;
	margin-bottom:20px;}
	
	span.file:last-child{
		margin-bottom:0;}
		


		.mark {
			color: #FFFFFF;
			font-size: 12px;
			background-color:#D12A2D;
			padding: 0 6px;
			border-radius: 2px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			float: right;
			display: inline-block;
			vertical-align: middle;
		}

		.anymark {
			color: #FFFFFF;
			font-size: 12px;
			background-color: #C3C1B2;
			padding: 0 6px;
			border-radius: 2px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			float: right;
			display: inline-block;
			vertical-align: middle;
		}

		.red {
			color: #d80f2c;
			display: inline-block;
			margin-left: 15px;
		}

		.check { text-align: center; }

		.attention {
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			width: 100%;
			background-color: #d8d5d3;
			padding: 30px 25px;
			font-weight: bold;
			margin: 25px auto;
		}

		.aligncenter {
			text-align: center;
			margin: 0 auto;
		}

		/*---contact form7---*/
		#contactform .input_text, #contactform .input_textarea {
			font-size: 14px;
			vertical-align: middle;
			border: 1px solid #fff;
			background: #fff;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			padding-left: 10px;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			width: 100%;
			-webkit-appearance: none; /*スマホのinputシャドウ削除*/
		}

		#contactform .input_text { height: 36px; }

		#contactform .input_textarea { height: auto; }

		#contactform .input_dropdown {
			width: 45%;
			font-size: 13px;
			vertical-align: central;
			height: 36px;
		}

		.wpcf7 .wpcf7-response-output {
			width: 90%;
			margin: 15px auto;
			padding: 13px 35px 13px 14px;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			text-align: center;
		}

		.wpcf7 .wpcf7-validation-errors {
			color: #f42c4d;
			background-color: #fee8e9;
			border: 1px solid #fee8e9;
		}

		.wpcf7 .wpcf7-mail-sent-ok {
			color: #3A87AD;
			background-color: #D9EDF7;
			border: 1px solid #BCE8F1;
			font-weight: bold;
			text-align: center;
			margin: 25px auto;
		}

		.wpcf7-form input[type=submit] {
			width: 240px;
			height: auto;
			margin: 30px auto 30px;
			font-size: 16px;
			padding: 10px 15px;
			text-align: center;
			background: #2f305c;
			letter-spacing: 2px;
			color: #fff;
			border: 1px solid #666464;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			cursor: pointer;
		}

		.wpcf7-form input[type=submit]:hover {
			background-color: #d1d1d1;
			border: 1px solid #d1d1d1;
			color: #515151;
			text-decoration: none;
		}

		.wpcf7-form .regist { display: none; }

		span.wpcf7-not-valid-tip { font-size: 12px; }

/*-------------------------------------------------------
under 740px
-------------------------------------------------------*/

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

	/*-----------------contact_tel */

	.contact_cont {
		width: 100%;
		padding: 8% 5%;
		float: none;
	}

	.contact_cont:nth-child(2) { float: none; }

	.contact_title { margin-bottom: 10px; }

	.contact_number { font-size: 34px; }

	.contact_desc {
		font-size: 14px;
		color: #323236;
		margin-bottom: 20px;
	}

	.contact_att { height: auto; }

	.contact_att2 p { text-align: left; }

	.contact_att2 ul {
		width: 100%;
		margin: 10px auto;
		border-top: #979689 dotted 1px;
		background: none;
		padding-top: 8px;
	}

	.contact_att2 ul li {
		margin: 0;
		float: none;
		text-align: left;
		line-height: 28px;
	}


.contact_line{
background: #fff;
display: block;
margin-bottom: 45px;
padding: 8% 5%;
}

.contact_line_img{width: 100px; margin:  0 auto 30px;}

.contact_line_desc{ padding-left:0; font-size: 14px;}

span.strong{font-weight: bold; background:#fff4ad; font-size: 15px;}

span.att{font-size: 12.5px;}

.button_line {margin: 20px auto; display: block;}



	/*-----------------------contactform*/

	dl#contactform { width: 100%; }

	dl#contactform dt {
		width: 100%;
		float: none;
		background: #e7e7e3;
		padding: 10px;
		height:auto;
	}

	dl#contactform dd {
		margin-left: 0%;
		width: 100%;
		padding: 10px 0 10px 0px;
		margin-bottom: 10px;
		boder: none;
		height:auto;
	}

	#contactform .input_text, #contactform .input_textarea { font-size: 16px; }
	#contactform input::-webkit-input-placeholder {
		font-size:13px;
	}
	#contactform input::-ms-input-placeholder {
		font-size:13px;
	}
	#contactform input::-moz-placeholder {
		font-size:13px;
	}

	.wpcf7 .wpcf7-response-output {
		width: 100%;
		padding: 3%;
	}

	.wpcf7-form input[type=submit] {
		margin: 30px auto;
		text-align: center;
		width: 100%;
		-webkit-appearance: none;
	}
}

/*----------------------------------------------------------------------------------------------------------------------
404 Not Found
------------------------------------------------------------------------------------------------------------------------*/


/*-----------------------404*/

#not404 h4 {
	font-size: 25px;
	margin-bottom: 15px;
}

#not404 h5 {
	font-size: 14px;
	margin-bottom: 50px;
}

#not404 p.text { margin-bottom: 50px; }