/*===============================================
●smart.css  画面の横幅が1024pxまで
===============================================*/
@media screen and (max-width: 1024px){
body {
	background-color: #FFFFFF;
	font-size: 14px;
}
.mt200 {margin-top:160px;}
.mt150 {margin-top:120px;}
.mt100 {margin-top:80px;}
.mt80 {margin-top:60px;}
.mt60 {margin-top:50px;}
.mt40 {margin-top:30px;}
.mt20 {margin-top:15px;}
.mt10 {margin-top:10px;}
.mt-btn{margin-top: 10px;}

/* TOPイメージ */

#main{
	max-width: 960px;
	width: 92%;
	margin: 0 auto;
	padding: 50px 0;
}
#footbox{
	max-width: 960px;
	width: 92%;
	margin: 0 auto;
	padding: 50px 0 10px 0;
}
.company{
	width: 100%;
	margin: 40px auto 0;
}

	
}

/*===============================================
●smart.css  画面の横幅が834pxまで
===============================================*/
@media screen and (max-width: 834px){
body {
	background-color: #FFFFFF;
	font-size: 14px;
}
.hidden-phone {
	display: none !important;
}

img {
	vertical-align:middle;
	border: 0;
	max-width: 100%;
	height:auto;
}
.f80{font-size: 0.6rem;}
.f120{font-size: 1rem;}
.f150{font-size: 1.3rem;}
.f180{font-size: 1.4rem;}
.f200{font-size: 1.6rem;}
.f36{font-size: 36px;}
.mt200 {margin-top:120px;}
.mt150 {margin-top:90px;}
.mt100 {margin-top:60px;}
.mt80 {margin-top:50px;}
.mt60 {margin-top:40px;}
.mt40 {margin-top:20px;}
.mt20 {margin-top:15px;}
.mt10 {margin-top:10px;}
.mt-btn{margin-top: 10px;}


}



/*===============================================
●smart.css  画面の横幅が480pxまで
===============================================*/
@media screen and (max-width: 480px){

body {
	background-color: #FFFFFF;
	font-size: 14px;
}
.hidden-phone {
	display: none !important;
}
.hidden-pc {
	display: inherit !important;
}

img {
	vertical-align:middle;
	border: 0;
	max-width: 100%;
	height:auto;
}
.mt20 {margin-top:10px;}

.br-sm-no{display: none;}
.br-480{display: inherit;}
.center_pc{text-align:left !important;}
.f80{font-size:13px;}
.f120{font-size:15px;}
.f150{font-size:16px;}
.f200{font-size:17px;}
.f250{font-size:18px;}
.f300{font-size:26px;}
.f36{font-size: 30px;}

.f70{font-size:13px;}
.f110{font-size:15px;}
.f120{font-size:16px;}
.f150{font-size:18px;}
.f200{font-size:24px;}


.business{
	float: none;
	position: relative;
	margin: 40px auto 10px;
	text-align:center;
	width: 300px;
	display: block;
}


.company table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #727172;	
}
.company table th{
	display: block;
	text-align: left;
	padding: 20px;
	font-weight: normal;
	background-color: #eeeeef;
	border: 1px solid #727172;
}
.company table td{
	display: block;
	text-align: left;
	padding: 20px;
	font-weight: normal;
	border: 1px solid #727172;	
}

.flex_box{
	margin-top: 60px;
	display: flex;
	flex-direction: column-reverse;
}
.flex_box_text{
	width: 100%;
	margin-top: 20px;
}
.flex_box_photo{
	width: 100%;
}

.pink_title{
	font-size: 20px;
	font-weight: bold;
	color: #ed5053;
	text-align: center;
	margin-top: 80px;
}

.box3{
	display: flex;
	flex-direction: column;
}
.box_risk{
	width: 100%;
	border: 1px solid #ed5053;
	margin-top: 40px;
}
.box_risk_title{
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 5px 10px ;
	background-color: #ed5053;
}
.box_risk p.icon{
	text-align: center;
	padding: 10px 20px 0;
}
.box_risk p.risk_text{
	padding: 0 20px 20px;
}

.lease_text{
	margin: 40px 0;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

.gold_title{
	margin-top: 40px;
	font-size: 20px;
	font-weight: bold;
	color: #b09d60;
	text-align: center;
}

.box_merit{
	width: 100%;
	border: 1px solid #b09d60;
	margin-top: 40px;
}
.box_merit_title{
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 5px 10px ;
	background-color: #b09d60;
}
.box_merit p.icon{
	text-align: center;
	padding: 10px 20px 0;
}
.box_merit p.merit_text{
	padding: 0 20px 20px;
}


.form-box{
	display: flex;
	flex-direction: column;
}
.form-box-explain{
	width: 100%;
	margin-top: 40px;
}
.form-box-in{
	width: 100%;
	margin-top: 40px;
}

/* お問い合わせ */
.formbox{
	margin-top:40px;
	padding:10px;
}
table.form{
	margin: 0;
	border:none;
	width:100%;
	border-collapse: collapse;
}
table.form th{
	display: block;
	width: 100%;
	text-align:left;
	padding:20px 10px 5px;
    border-bottom: none;
}
table.form td{
	display: block;
	width: 100%;
	padding:10px 10px 20px;
    border-bottom: 1px solid #D6D6D6;
}

.wpcf7-select{
	margin: 10px 0 0;
}

input.wpcf7-submit {
	font-size: 1.2rem;
	font-weight: bold;
	width: 80%;
}
input.wpcf7-previous {
	font-size: 1.2rem;
	font-weight: bold;
	width: 80%;
}
.kisai{
	margin-right: 1em;
}
.nini{
	margin-right: 1em;
}


}