/*
Title: 売却査定
Last Updated: 2020-12-
Author: Minoura
*/

/*----------------------------------------
	全体
----------------------------------------*/

html{
	font-family:'Noto Sans JP', sans-serif,'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	font-size:62.5%;
	color: #3e3a39;
	-webkit-text-size-adjust:100%;
	line-height:1.5;
	font-weight: 500;
}
body{ font-size:1.4rem; font-size: 1.4em; }
img{ vertical-align: bottom; }
.max_respon{ max-width:100%; }

a{
	color:#3f80ad;
	transition: all 0.4s;
}
a:hover{
	color:#59a3d7;
	transition: all 0.4s;
}
.palt{
	font-feature-settings: "palt";
}

/*----------------------------------------
	iframe比率維持
----------------------------------------*/

.map{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 70% 0 0;
	text-align: center;
}
.map iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.map iframe:not(:target){
	left: 0\9;
	top: 0\9;
}
.map iframe{
	left: 0\9;
	top: 0\9;
}
@media all and (-ms-high-contrast: none) {
.map iframe{
		left: 50%\9 !important;
		top: 50%\9 !important;
	}
}
.map{ z-index: 2; }/*chrome対策*/


/*----------------------------------------
	text
----------------------------------------*/

p{ line-height: 1.8; }
.text_pop{ font-family: 'Poppins', sans-serif; }
.text_blue{ color: #1a5fa7; }
.text_white{ color: #fff; }
.text_orenge{ color: #dcb800; }
.text_red{ color: #e6493e; }

.text_bold{ font-weight: bold; }
.text_normal{ font-weight: normal; }
.text_italic{ font-style: italic; }
.text_100{ font-weight: 100; }
.text_300{ font-weight: 300; }
.text_400{ font-weight: 400; }
.text_500{ font-weight: 500; }
.text_700{ font-weight: 700; }
.text_900{ font-weight: 900; }

.text_10{ font-size:1.0rem !important; }
.text_11{ font-size:1.1rem !important; }
.text_12{ font-size:1.2rem !important; }
.text_13{ font-size:1.3rem !important; }
.text_14{ font-size:1.4rem !important; }
.text_15{ font-size:1.5rem !important; }

.ls_-1{ letter-spacing: -1px; }
.ls_1{ letter-spacing: 1px; }
.ls_2{ letter-spacing: 2px; }
.ls_3{ letter-spacing: 3px; }

.lh_00{ line-height: 0; }
.lh_12{ line-height: 1.2; }
.lh_13{ line-height: 1.3; }
.lh_14{ line-height: 1.4; }
.lh_15{ line-height: 1.5; }
.lh_16{ line-height: 1.6; }
.lh_17{ line-height: 1.7; }
.lh_18{ line-height: 1.8; }

@media print, screen and (min-width: 769px){

	.text_16{ font-size:1.6rem !important; }
	.text_17{ font-size:1.7rem !important; }
	.text_18{ font-size:1.8rem !important; }
	.text_19{ font-size:1.9rem !important; }
	.text_20{ font-size:2.0rem !important; }
	.text_21{ font-size:2.1rem !important; }
	.text_22{ font-size:2.2rem !important; }
	.text_24{ font-size:2.4rem !important; }
	.text_26{ font-size:2.6rem !important; }
	.text_28{ font-size:2.8rem !important; }
	.text_30{ font-size:3.0rem !important; }
	.text_32{ font-size:3.2rem !important; }
	.text_34{ font-size:3.4rem !important; }
	.text_36{ font-size:3.6rem !important; }
	.text_38{ font-size:3.8rem !important; }
	.text_40{ font-size:4.0rem !important; }
	.text_42{ font-size:4.2rem !important; }
	.text_44{ font-size:4.4rem !important; }
	.text_45{ font-size:4.5rem !important; }
	.text_48{ font-size:4.8rem !important; }
	.text_55{ font-size:5.5rem !important; }

	.ls_4{ letter-spacing: 4px; }
	.ls_5{ letter-spacing: 5px; }


}/*END*/

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

	.text_16,
	.text_17,
	.text_18{
		font-size: 1.5rem;
	}
	.text_19{
		font-size: 1.6rem !important;
	}
	.text_21,
	.text_22,
	.text_24{
		font-size: 1.8rem !important;
	}
	.text_28,
	.text_32,
	.text_34,
	.text_36,
	.text_40,
	.text_42{
		font-size: 2rem !important;
	}
	.text_48{
		font-size: 3.2rem !important;
	}

	.ls_4{ letter-spacing: 1px; }
	.ls_5{ letter-spacing: 1px; }

}/*END*/

@media print, screen and (min-width: 600px) and ( max-width: 1059px){

	.text_20{ font-size: 2vw !important; }
	.text_26{ font-size: 2.4vw !important; }
	.text_30{ font-size: 2.8vw !important; }
	.text_38{ font-size: 3.6vw !important; }
	.text_44{ font-size: 4.2vw !important; }
	.text_45{ font-size: 4.2vw !important; }
	.text_55{ font-size: 5.2vw !important; }

}/*END*/

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

	.text_16,
	.text_17,
	.text_18{
		font-size: 1.4rem;
	}
	.text_20,
	.text_19{
		font-size: 1.5rem !important;
	}
	.text_21,
	.text_22,
	.text_24{
		font-size: 1.6rem !important;
	}
	.text_26,
	.text_28,
	.text_30,
	.text_32,
	.text_34{
		font-size: 1.8rem !important;
	}
	.text_38,
	.text_36,
	.text_40,
	.text_42{
		font-size: 2rem !important;
	}
	.text_44{
		font-size: 2.2rem !important;
	}

	.text_48,
	.text_55{
		font-size: 2.6rem !important;
	}

	/*letter-spacing*/
	.ls_4{ letter-spacing: 2px; }
	.ls_5{ letter-spacing: 2px; }
	.ls_6{ letter-spacing: 2px; }
	.ls_7{ letter-spacing: 2px; }
	.ls_8{ letter-spacing: 2px; }

}/*END*/


li{ list-style:none; }
.center{ text-align:center; }
.text_left{ text-align:left; }
.text_right{ text-align:right; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }
.center a{
	margin-left: auto;
	margin-right: auto;
}

.op:hover{
	filter: alpha(opacity=60);
	-moz-opacity:060;
	opacity:0.60;
	transition: all 0.4s;
}
.op{
	transition: all 0.4s;
}


/*----------------------------------------
	layout
----------------------------------------*/

#container{
	overflow: hidden;
}
.inner_frame{
	width: 100%;
	position: relative;
	box-sizing: border-box;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
.frame600{
	width: 100%;
	position: relative;
	box-sizing: border-box;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
@media print, screen and (min-width: 1080px){

	.inner_frame{
		padding-right: 20px;
		padding-left: 20px;
	}

}/*END*/

@media print, screen and (min-width: 600px){

	.sp_br{
		display: none;
	}
	.box_l{
		float: left;
		width: 48.07%;
	}
	.box_r{
		float: right;
		width: 48.07%;
	}

}/*END*/

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

	.inner_frame{
		padding-right: 2%;
		padding-left: 2%;
	}

}/*END*/

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

	.inner_frame{
		padding-right: 3%;
		padding-left: 3%;
	}

	.tb_br{
		display: none;
	}

}/*END*/

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

	.pc_br{
		display: none;
	}
	.inner_frame{
		padding-right: 4%;
		padding-left: 4%;
	}

}/*END*/


/*----------------------------------------
	header
----------------------------------------*/

header{
	position: relative;
}
.head_logo{
	position: absolute;
	left: 3%;
	top: 30px;
	width: 12.88%;
	max-width: 174px;
}
.head_tel{
	position: absolute;
	right: 2%;
	top: 30px;
	width: 36.29%;
	max-width: 490px;
}
header .inner_frame{
	position: absolute;
	bottom: 100px;
	left: 0;
	right: 0;
	margin: auto;
}
.btn_satei{
	display: block;
	width: 280px;
	background: url("../images/btn_satei_on.png") center top repeat;
	background-size: cover;
}
.btn_satei img{
	transition: all 0.4s;
}
.btn_satei:hover img{
	opacity: 0;
}


.menu_btn{
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	padding: 18px 0 22px 0;
	font-weight: 700;
	text-align: center;
	letter-spacing: 1px;
}
.menu_btn li{
	position: relative;
	display: inline-block;
	margin-left: 2%;
	margin-right: 2%;
}
.menu_btn li a{
	display: block;
	color: #1a5fa7;
	text-decoration: none;
}




@media print, screen and (min-width: 769px){

	.menu_btn li a:after{
		display: inline-block;
		transition: all 0.4s;
		content: "";
		width: 0;
		height: 2px;
		background: #1a5fa7;
		position: absolute;
		left: 0;
		bottom: -7px;
	}
	.menu_btn li a:hover:after{
		width: 100%;
	}

}/*END*/

@media print, screen and (min-width: 600px){



	.sp_mv{
		display: none;
	}
	.pc_mv{
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

}/*END*/

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

	.pc_mv{
		display: none;
	}
	.sp_mv{
		width: 100%;
	}
	.head_tel{
		display: none;
	}
	.head_logo{
		left: 4%;
		top: 20px;
		width: 40%;
		max-width: 170px;
	}
	.btn_satei{
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}


	.menu_btn{
		max-width: inherit;
		padding: 11px 3% 11px 6%;
		text-align: left;
		line-height: 1.8;
		letter-spacing: 1px;
		font-size: 1.4rem !important;
	}
	.menu_btn li{
		margin-left: 0;
		margin-right: 30px;
	}



}/*END*/


/*----------------------------------------
	contents
----------------------------------------*/

h2{
	font-size: 2.6rem;
	text-align: center;
	letter-spacing: 3px;
	line-height: 1.2;
}
h2 span.text_pop{
	font-size: 6rem;
	letter-spacing: 5px;
}
.bg_gray{
	background: #eee;
}
.bg_blue{
	background: #d4e9fe;
}
.problems_frame{
	background: #1a5fa7;
	color: #fff;
	text-align: center;
}
.problems_frame ul{
	padding-left: 1.92%;
	padding-right: 1.92%;
}
.problems_frame li{
	float: left;
	width: 20%;
}
.problems_frame li p{
	line-height: 1.5;
}
.tsuyomi_ttl{
	text-align: center;
	color: #fff;
	background: #1a5fa7;
	padding: 20px 0;
	font-style: italic;
	font-weight: 900;
}
.tsuyomi_list li{
	color: #1a5fa7;
}
.tsuyomi_list li p{
	line-height: 2;
	font-weight: 700;
	letter-spacing: 1px;
	padding-left: 18%;
	padding-right: 4%;
}

.lh_copy{
	line-height: 0;
}

rt{
	position: relative;
	top: 15px;
}

.support{
	position: relative;
	box-sizing: border-box;
	background: url("../images/support_img.png") right 25px bottom no-repeat #fff;
	background-size: 22.3%;
	color: #1a5fa7;
	border: 2px solid #1a5fa7;
}
/*
.support:before,
.support:after{
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	width: 0;
	height: 0;
	margin: auto;
}
.support:before{
	top: 0;
	border-style: solid;
	border-color: #1a5fa7 transparent transparent transparent;
	border-width: 30px 45px 0 45px;
}
.support:after{
	top: -2px;
	border-style: solid;
	border-color: #eee transparent transparent transparent;
	border-width: 30px 45px 0 45px;
	z-index: 10;
}
*/
.flow_list{
	color: #1a5fa7;
}
.flow_list li{
	position: relative;
	background: url("../images/flow_line.gif") center top repeat-y;
	background-size: 100px;
	padding-bottom: 30px;
}
.flow_list li:last-child{
	background: none;
}
.flow_icon{
	position: absolute;
	margin: auto;
	width: 14.42%;
	left: 0;
	right: 0;
	top: 0;
}
.flow_list h3{
	letter-spacing: 2px;
	line-height: 1.6;
	margin-bottom: 16px;
}
/*
.flow_list h3 span{
	display: block;
}
*/
.flow_list h3 .step_number{
	color: #dcb800;
}

.flow_bg{
	display: block;
	width: 100%;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.flow_tex{
	background: #e5f1fd;
	padding: 1.8% 3.4% 2.6% 3.4%;
}

.h_sub_ttl{
	display: inline-block;
	border:2px solid #1a5fa7;
	padding:4px 14px;
	margin-bottom:10px;
}

.support_area{
	border:2px solid #1a5fa7;
	padding:6.5% 4.5%;
	position: relative;
}
.support_deco{
	position: absolute;
	bottom:0;
	right:15px;
}
.support_deco img{
	max-width:232px;
}


.faq_list{
	margin-bottom: 40px;
	background: #fff;
	box-sizing: border-box;
	padding: 30px;
}
.faq_q,
.faq_a{
	position: relative;
	margin-left: 76px;
	letter-spacing: 1px;
}
.faq_q{
	color: #dcb800;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 20px;
}
.faq_a{
	color: #1a5fa7;
	line-height: 2;
	margin-bottom: 35px;
}
.faq_q span,
.faq_a span{
	position: absolute;
	left: -76px;
	top: 0;
	font-size: 2.4rem !important;
	color: #fff;
	box-sizing: border-box;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	text-align: center;
	line-height: 1;
	padding-top: 13px;
	font-weight: 700;
}
.faq_q span{
	background: #dcb800;
}
.faq_a span{
	background: #1a5fa7;
}
.faq_tel{
	display: block;
	width: 100%;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}


.howto_bg{
	background: url(../images/howtosell_bg.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
.howto_deco{
	position: absolute;
	bottom:0;
	right:10%;
}

.sp_block{
		display: none;
}
.pc_block{
		display: inline-block;
}

@media screen and (max-width: 1200px){
	.howto_deco{
		width:55%;
		position: absolute;
		bottom:0;
		right:-10px;
		text-align: right;
	}
	.lh_copy{
		line-height: 28px;
		letter-spacing: 1px;
	}


}/*END*/

.copy_tb_br_block{
	display: none;
}
@media screen and (max-width: 800px){
	.copy_tb_br_block{
		display: block;
	}

}/*END*/

@media print, screen and (min-width: 600px){

	.problems_frame li:nth-child(2){
		padding-top: 50px
	}
	.problems_frame li:nth-child(4){
		padding-top: 50px
	}

	.tsuyomi_list li{
		float: left;
		width: 32.69%;
	}
	.tsuyomi_list li:nth-child(1){
		margin-left: 13%;
	}
	.tsuyomi_list li:nth-child(2){
		margin-left: 4%;
		padding-top: 80px;
		margin-bottom: -25px;
	}
	.tsuyomi_list li:nth-child(3){
		clear: both;
	}
	.tsuyomi_list li:nth-child(4){
		margin-left: 0.96%;
		padding-top: 80px;
	}
	.tsuyomi_list li:nth-child(5){
		margin-left: 0.96%;
		padding-top: 160px;
		margin-bottom: -35px;
	}
	#flow h2{
		margin-bottom: 80px;
	}
	.flow_l{
		float: left;
		width: 39.41%;
		text-align: right;
	}
	.flow_r{
		float: right;
		width: 39.41%;
	}
	.flow_img01{
		position: relative;
		top: -60px;
	}


}/*END*/

@media print, screen and (min-width: 600px) and ( max-width: 1059px){

	h2 span.text_pop{
		font-size: 5.7vw;
	}
	h2{
		font-size: 2.4vw;
	}

}/*END*/

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



}/*END*/

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



}/*END*/

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

	h2{
		font-size: 1.8rem;
		letter-spacing: 1px;
		line-height: 1.4;
	}
	h2 span.text_pop{
		font-size: 3.4rem;
		letter-spacing: 2px;
	}
	.problems_frame .inner_frame{
		padding-right: 2% !important;
		padding-left: 2% !important;
	}
	.problems_frame li{
		width: 49%;
		padding-top: 15px;
	}
	.problems_frame li h3{
		font-size: 1.6rem !important;
	}
	.problems_frame li p{
		font-size: 1.2rem;
	}
	.problems_frame li:nth-child(2n+1){
		clear: both;
	}
	.problems_frame li:nth-child(even){
		float: right;
	}
	.problems_frame li:last-child{
		width: 100%;
		margin-bottom: 0;
	}
	.problems_frame li:last-child img{
		width: 49%;
	}
	.tsuyomi_copy_sp{
		letter-spacing: 0;
	}
	.tsuyomi_ttl{
		padding: 15px 0;
	}
	.tsuyomi_list li{
		margin-bottom: 40px;
		width: 98%;
	}

	.howto_bg{
		background-position: 40%;
	}

	.support{
		background-position: center bottom;
		background-size: auto 180px;
		padding-left: 4%;
		padding-right: 4%;
		padding-bottom: 200px !important
	}
	.support:before{
		border-width: 20px 30px 0 30px;
	}
	.support:after{
		border-width: 20px 30px 0 30px;
	}
	#flow h2{
		margin-bottom: 30px;
	}
	.flow_list li{
		background-position: left top;
		background-size: 20%;
		padding-bottom: 40px;
		padding-left: 25%;
	}
	.flow_list li:nth-child(1),
	.flow_list li:nth-child(4),
	.flow_list li:nth-child(5){
		padding-bottom: 15px;
	}
	.flow_icon{
		width: 20%;
		right: auto;
	}
	.flow_list li .flow_l img,
	.flow_list li .flow_r img{
		padding-top: 20px;
	}
	.flow_img01{
		position: relative;
		left: -10%;
	}
	.faq_list{
		margin-bottom: 20px;
		padding: 24px 5% 15px 5%;
	}
	.faq_q,
	.faq_a{
		margin-left: 62px;
		letter-spacing: 1px;
	}
	.faq_q{
		font-size: 1.7rem !important;
	}
	.faq_a{
		margin-bottom: 25px;
	}
	.faq_q span,
	.faq_a span{
		left: -62px;
		font-size: 2rem !important;
		width: 44px;
		height: 44px;
		padding-top: 11px;
	}

	.sp_block{
		display: block;
	}
	.pc_block{
			display: none;
	}



}/*END*/


/*----------------------------------------
	contact
----------------------------------------*/

.contact{
	width: 100%;
	line-height: 1.8;
	border-top: 1px solid #ddd;
	box-sizing: border-box;
}
.contact th,
.contact td{
	text-align: left;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	padding: 20px;
}
.contact td.required{
	padding: 20px 20px 10px 20px;
}
.contact th{
	background: #eee;
	color: #1a5fa7;
}
.contact td{
	background: #fff;
}
.contact table{
	width: 100%;
}
.contact table th,
.contact table td{
	padding: 0 !important;
	border: none;
}
.contact table th{
	display: none;
}
#add2{
	margin-bottom: 10px;
}
.check div{
	padding: 5px 0;
}
.privacy{
	width: 100%;
}
.privacy th{
	display: none;
}
.privacy .hissu,
th.hissu:after,
th.nini:after{
	display: inline-block;
	padding:2px 5px 4px 5px;
	line-height: 1;
	margin-left: 8px;
	vertical-align: -1px;
	font-size: 1.2rem;
	color: #fff;
	font-weight: normal;
}
.privacy .hissu{
	display: inline-block;
	background: #e5493e;
}
th.hissu:after{
	content: "必須";
	display: inline-block;
	background: #e5493e;
}
th.nini:after{
	content: "任意";
	display: inline-block;
	background: #aaa;
}
.error_blank{
	display: block;
	color: #a90d0d;
	font-size: 1.4rem;
}
.required .error_blank{
	padding-top: 10px;
}
.estate_add1 .error_blank,
.estate_add2 .error_blank{
	margin-bottom: 10px;
}

#form_submit input{
	width: 280px;
	height: 60px;
	background: url("../images/btn_check.gif");
	background-size: 100%;
	border: none;
	cursor: pointer;
}
#form_submit{
	width: 280px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.btn_ok input{
	width: 280px;
	border: none;
	cursor: pointer;
	color: #333;
}
.btn_ok{
	width: 280px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 24px;
}
.confirm_frame button{
	border: none;
	background: none;
	text-decoration: underline;
	color: #3f80ad;
	cursor: pointer;
}
span.loading {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border-top: 5px solid rgba( 255, 255, 255, 0.2 );
	border-right: 5px solid rgba( 255, 255, 255, 0.2 );
	border-bottom: 5px solid rgba( 255, 255, 255, 0.2 );
	border-left: 5px solid #ffffff;
	-webkit-transform: translateZ( 0 );
	-ms-transform: translateZ( 0 );
	transform: translateZ( 0 );
	-webkit-animation: load-circle 1.0s linear infinite;
	animation: load-circle 1.0s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
}
@-webkit-keyframes load-circle {
	0% {
		-webkit-transform: rotate( 0deg );
		transform: rotate( 0deg );
	}
	100% {
		-webkit-transform: rotate( 360deg );
		transform: rotate( 360deg );
	}
}
@keyframes load-circle {
	0% {
		-webkit-transform: rotate( 0deg );
		transform: rotate( 0deg );
	}
	100% {
		-webkit-transform: rotate( 360deg );
		transform: rotate( 360deg );
	}
}
.confirm_frame{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
.modal_bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
	z-index: 9;
}
.confirm_contents{
	overflow-y: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	width: 100%;
	max-width: 660px;
	padding: 40px 30px 0 30px;
	z-index: 10;
	font-weight: normal;
	box-sizing: border-box;
}
.confirm_scroll{
	overflow: hidden;
}
.confirm_scroll .confirm_contents{
	overflow: auto;
	height: 96vh;
}
.confirm_item{
	font-weight: bold;
	display: inline-block;
	padding-top: 5px;
}
.btn_close button{
	width: 100%;
	display: block;
	border: none;
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
}
.btn_close{
	position: relative;
	width: 280px;
	margin-right: auto;
	margin-left: auto;
}

.add span{
	display: inline-block;
	width: 70px;
}
.menseki span{
	display: inline-block;
	width: 130px;
}
span.error_blank{
	width: 100%;
	display: block;
}
.radio_side div{
	display: inline-block;
	margin-right: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.radio div{
	margin-top: 3px;
	margin-bottom: 3px;
}


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

	.check div{
		padding: 8px 0;
	}
	.contact{
		border-top: none;
	}
	.contact td,
	.contact th{
		display: block;
		border-bottom: none;
	}
	.contact td{
		padding: 15px 1%;
	}
	.contact th{
		padding: 5px 4%;
	}
	th.hissu:after,
	th.nini:after{
		padding: 3px 6px;
	}
	.hp div,
	.kind div{
		width: 48%;
		margin-right: 0;
	}
	.confirm_contents{
		width: 92%;
		box-sizing: border-box;
		padding: 20px 4.5%;
	}
	#form_submit input{
		width: 265px;
		height: 57px;
	}
	.btn_close,
	#form_submit,
	.btn_ok input,
	.btn_ok{
		width: 80%;
	}


}/*END*/

/*thanks.php*/
.thanks_tel{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 460px;
}


/*----------------------------------------
	フォーム
----------------------------------------*/

select,
textarea,
input[type="tel"],
input[type="email"],
input[type="text"]{
	padding: 6px 12px;
	background: #fff;
	border: 1px solid #aeaeae;
	box-sizing: border-box;
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	-webkit-appearance: none;
	line-height: 1;
}
select{
	padding: 11px 12px;
}
textarea{
	line-height: 1.4;
}
select:focus{ outline:none; }
textarea:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="text"]:focus{
	outline:none;
	border: 1px solid #1a5fa7;
}

.form1{ width: 120px; }
.form2{ width: 300px; }
.form3{ width: 80%; }
.form_all{ width: 100%; }
:focus{ outline: none; }
input[type="text"]:focus,
textarea:focus{
	border-color: #1a5fa7;
}

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

	.form2,
	.form3{
		width: 100%;
	}

}/*END*/


/*----------------------------------------
	radio checkbox
----------------------------------------*/

.radio input[type="radio"],
.check input[type="checkbox"]{
	position: absolute;
	height: 1px;
	width: 1px;
	clip: rect(0, 0, 0, 0);
}
.radio label,
.check label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 10px;
	padding-left: 12px;
	line-height: 1;
}

.radio label:before,
.check label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	background: #fff;
	border:1px solid #a1a1a1;
}
.radio label:before{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin-top: -7px;
}
.check label:before{
	width: 16px;
	height: 16px;
	margin-top: -9px;
}
.radio label,
.check label{
	margin-left: 0\9;
	padding: 11px\9;
}
.radio label:not(:target),
.check label:not(:target){
	margin-left: 10px\9;
	padding: 11px 0 11px 25px\9;
}
.radio label:before,
.check label:before{
	display: none\9;
}
.radio label:not(:target):before,
.check label:not(:target):before{
	display: inline-block\9;
}
.radio input[type="radio"]:checked + label:after{
	position: absolute;
	content: "";
	top: 50%;
	left: -7px;
	width: 10px;
	height: 10px;
	margin-top: -4px;
	border-radius: 50%;
	background: #1a5fa7;
}
.check input[type="checkbox"]:checked + label:after {
	content: "";
	position: absolute;
	top: 50%;
	box-sizing: border-box;
	display: block;
	left: -7px;
	width: 12px;
	height: 7px;
	margin-top: -5px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.check input[type="checkbox"]:checked + label:before{
	border: 1px solid #1a5fa7;
	background: #1a5fa7;
}
.radio input[type="radio"]:focus + label:before,
.check input[type="checkbox"]:focus + label:before{
	border-color: #1a5fa7;
	box-shadow: 0 0 5px #1a5fa7;
}
.check input[type="checkbox"]:checked + label:before{ background: #1a5fa7; }
.check input[type="radio"]:focus + label:before,
.check input[type="checkbox"]:focus + label:before{
	box-shadow: 0 0 5px #1a5fa7;
}

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



}/*END*/



/*----------------------------------------
	footer
----------------------------------------*/

.page_top{
	display: none;
	width: 80px;
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 3;
}

footer{
	background: #1a5fa7;
	color: #fff;
	text-align: center;
}
.foot_copy{
	font-weight: bold;
	font-style: italic;
}
.foot_logo{
	width: 16.73%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.copyright{
	background: #eee;
	color: #111;
	font-weight: normal;
	padding: 13px 0;
}
.btn_top{
	width: 77.93%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.privacy_link{
	color:#e5493e;
	text-decoration: underline;
}

.fixed_tel{
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	background: rgba(255,255,255,0.9);
}


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

	.page_top{
		right: 3%;
		bottom: 20px;
		width: 36px;
	}
	.foot_logo{
		width: 50%;
	}
	.foot_add{
		font-size: 1.2rem;
	}


	.copyright{
		font-size: 1.1rem !important;
		letter-spacing: 0;
	}


}/*END*/


/*----------------------------------------
	loading
----------------------------------------*/

#loading_wrap{
	width: 100%;
	height: 100vh;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
#loading{
	width: 40px;
	height: 40px;
	border-top: 5px solid rgba(0, 0, 0, 0.15);
	border-right: 5px solid rgba(0, 0, 0, 0.15);
	border-bottom: 5px solid rgba(0, 0, 0, 0.15);
	border-left: 5px solid rgba(0, 0, 0, 0.6);
	animation: loader_animation 1s infinite linear;
	border-radius: 50%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 11;
}
@keyframes loader_animation{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
.loading_none #loading{
	display: none;
	transition: all 1s;
}
.loading_none{ animation: loading_animation 1s forwards; }
@keyframes loading_animation{
	0%{
		opacity: 1;
	}
	99%{
		opacity: 0;
	}
	100%{
		opacity: 0;
		display: none;
		z-index: -1;
	}
}




/*タブ*/
.plan_tab{
	margin-bottom:20px;
	border-bottom:4px solid #1a5fa7;
}
.plan_tab li{
	position: relative;
	float: left;
	color: #1a5fa7;
	font-weight:bold;
	cursor: pointer;
	box-sizing: border-box;
	width: 28.9%;
	text-align: center;
	transition: all 0.4s;
	font-weight:bold;
	padding:16px 10px;
	margin-right: 0.6%;
	background: #eeeeee;
	border-bottom:5px solid #fff;
}
.plan_tab li.active{
	transition: all 0.4s;
	background: #1a5fa7;
	color:#fff;
	border-bottom:5px solid #1a5fa7;
}

.tab_inner{ display: none; }
.show{ display: block; }


.tab_arrow{
	position: relative;
}
/*
.tab_arrow:before{
	content:'';
	display: block;
	width:20px;
	height:20px;
	position: absolute;
	top:42%;
	right:8%;
	background: url(../images/tab_arrow_bl.png);
}
.tab_arrow.active:before{
	content:'';
	display: block;
	width:20px;
	height:20px;
	position: absolute;
	top:42%;
	right:8%;
	background: url(../images/tab_arrow_wh.png);
}
*/
.tab_arrow.active .bl{
	display: none;
}
.tab_arrow .bl{
	display: inline-block;
}
.tab_arrow.active .wh{
	display: inline-block;
}
.tab_arrow .wh{
	display: none;
}

.tab_arrow img{
	max-width:20px;
}

@media screen and (max-width: 1100px) {
	.plan_copy_box .innerPD {
	    padding: 15px 10px 15px 10px;
	}
	.plan_copy_box{
		height:155px;
	}

	.plan_tab li{
		width: 40%;
	}

}/*END*/

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

	.plan_copy_box .innerPD {
	    padding: 15px 10px 15px 10px;
	}



}/*END*/

@media screen and (max-width: 599px) {
	#plan.concept_bg_gra{
		padding-top:0;
	}
	.plan_copy_box{
		display: block;
		height:auto;
	}
	.plan_inner .box_l,
	.plan_inner .box_r{
		width:100%;
	}
	.plan_copy_box .box_l{
		width:100%;
		float:none;
	}
	.plan_copy_box .box_r{
		width: 100%;
		float:none;
		text-align: center;
		padding-bottom: 20px;
	}

	.plan_tab li{
		width: 49.4%;
	}

	.tab_arrow.active .wh,.tab_arrow.active .bl,.tab_arrow .wh,.tab_arrow .bl{
		position: relative;
		top:3px;
	}

/*
	.tab_arrow:before,.tab_arrow.active:before{
		width:15px;
		height:15px;
		background-size: 15px 15px;
		top:36%;
		right:4.5%;
	}
*/



}/*END*/