@charset "utf-8";

.content h4 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.content p{
	margin-top:0;
}

.sub_top_img {
	background-image: url(../../common/img/pic_main_shinsyo.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 28.5%;	/*画像縦横比を保つための値*/
	position: relative;	/*画像上テキストの位置指定用*/
}

/*
.content table.table_02 {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	max-width: 960px;
}
.content table.table_02 th,
.content table.table_02 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #888;
	padding: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #BBB;
	border-right-color: #BBB;
	border-left-color: #BBB;
}
.content table.table_02 th {
	font-size: 18px;
	white-space: nowrap;
	letter-spacing: 1px;
	background-color: #F6F6F6;
	color: #006384;
}
.content table.table_02 td {
	font-size: 16px;
	line-height: 30px;
	background-color: #FFF;
}


.t_up{
	background-color: #F6F6F6 !important;
}

.t_down{
	background-color: #EEE !important;
}

.content table.table_02 .t_up ul li.midashi{
	padding-top: 20px;
}

.content table.table_02 .t_up ul li h4{
	margin-left:0;
	padding-left:0;
}

.content table.table_02 .t_up ul li.midashi_detail{
	padding-top: 40px;
}
.content table.table_02 .t_up ul li.ruirei{
	padding-left: 20px;
}
.content table.table_02 .t_up ul li.ruirei_below{
	padding-left: 84px;
}
*/
.content .ruirei {
    line-height: 30px;
    padding-left: 8em;
    text-indent: -4em;
    padding-top: 10px;
    padding-right: 1em;
}

.content .midashi_detail{
	margin-top:40px;
	margin-left:40px;
	margin-bottom:40px;
	padding-left: 1em;
    text-indent: -1em;
}

.content .shinsho_area{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left:40px;
}
.content .shinsho_area li{
	flex:auto;
}




/*
こんな企業様にオススメ
-------------------------------------------*/

.user {
    padding: 10px;
    margin-bottom: 30px;
    margin-top: 20px;
    /*margin-right: 30px;
	margin-left: 30px;*/
	margin-right: 20px;
	margin-left: 20px;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.btn-flat-border {
  padding: 5px;
  margin: 5px 1% 5px 1%;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #0085B2;
  border: solid 5px #0085B2;
  border-radius: 10px;
  transition: .4s;
  width: 28%;
  font-weight: bold;
  text-align: center;
}

.btn-flat-border:hover {
  background: #FFFFFF;
  color: #0085B2;
}

.content .pay_text {
	margin-left: 40px;
	margin-right: 25px;
	display: inline-block;	/*QRコード決済画像横並び用*/
}

.content .payment {
    margin: 0px;
    padding: 0px;
}

.content .payment_indent {
    margin: 0px;
    padding: 0px;
    padding-left: 1em;
    text-indent: -1em;
}

.img_right {
    display: inline-block;
    width: 200px;
    margin-bottom: 50px;
}


@media screen and (min-width:961px){

	.br-pc{
		display:block;
	}
}
/*(961～)*/

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

	.content .br-pc{
		display:none;
	}
	.content .shinsho_area {
		margin-left: 20px;
		margin-right: 10px;
		font-size: 90%;
	}

	.content .pay_text {
		margin-right: 20px;
		margin-left: 20px;
	}

	.content .payment_indent {
		margin-bottom:20px;
	}

	.img_right {
		display: inline-block;
		padding: 13px;
		width: 200px;
		margin-left: 30px;
	}
	
}
/*(～960)*/


/*iPad対応*/

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

	.content .ruirei {
		padding-left: 6em;
		padding-right: 1em;
	}

	.btn-flat-border {
  		width: 40%;
  		margin: 5px 2% 5px 3%;
	}

}

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

}
/*(～760)*/

@media screen and (max-width:640px){
	
	
	.img_left,
	.img_right {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
}
/*(～640)*/

@media screen and (min-width:461px){
	.content .br-sp2{
		display:none;
	}
}

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

	.content .shinsho_rui{
		padding:0;
	}
	.content .ruirei {
		padding-left: 2em;
		text-indent: -1em;
		padding-right: 1em;
	}

	content .br-sp2{
		display:block;
	}

	.content .midashi_detail{
		margin-left:20px;
		margin-right:20px;
	}

	.btn-flat-border {
  		width: 93%;
	}
}

@media screen and (max-width:375px){
	
	
}
/*(～375)*/

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