/*********************************************
index.css
*********************************************/
/*.o-com-h2{
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 0;
	color: #000;
	margin-top: 10px;
}*/


/*add C4********************************************************************************/
.o-top-main-b{
	justify-content: center;
	max-width: 935px;
	margin: 100px auto 0 auto;
}

.o-m-imgb{
	display: flex;
	align-items: flex-end;
}

.o-maim-ib{
	/* width: 400px; */
}

/*.o-st-main-1,.o-st-main-2{
	position: absolute;
	bottom: 0;
}*/

.o-st-main-1{
	width: 337px;
	left: -3%;
	display: block;
	margin: 0 auto;
}

.o-st-main-2{
	width: 19%;
	right: 0%;
}

.o-main-h1{
	color: #000;
	font-size: 61px;
	line-height: 65px;
	font-weight: 600;
	margin-bottom: 10px;
	text-align: center;
}

.o-main-area,.o-main-site,.o-main-h1-sub{
	display: block;
	text-align: center;
	color: #000;
}

.o-main-area,.o-main-h1-sub{
	font-size: 19px;
	line-height: 24px;
	font-weight: 600;
	margin-bottom: 10px;
}

.o-main-site{
	font-size: 28px;
	line-height: 34px;
	margin-bottom: 10px;
}

.o-main-h1-sub{
	font-weight: 400;
	margin-bottom: 0;
}

.o-m-btnb{
	margin-top: 30px;
	margin-bottom: 30px;
}

.o-m-btnb .o-w-btn{
	margin-top: 15px;
}

.o-ribbon-b{
	width: 100%;
	height: 101px;
	background: url(../img/top-ribbon-st.svg) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	position: relative;
	z-index:100;
}

.o-ab-h2{
	font-size: 30px;
	line-height: 32px;
	font-weight: 500;
	text-align: center;
	box-sizing: border-box;
	padding-top: 15px;
	margin: 0;
}

.o-790-b{
	max-width: 350px;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 65px;
}

.o-ab-ul{
	border-top: solid 1px rgba(142,195,30,.5);
}

.o-ab-ul li{
	margin: 0;
	justify-content: space-between;
	align-items: center;
	border-bottom: solid 1px rgba(142,195,30,.5);
	box-sizing: border-box;
	padding: 15px;
}

.o-ab-ul li span{
	width: 69px;
	display: block;
	margin: 0 auto 15px auto;
}

.o-ab-ul p{
	font-size: 18px;
	line-height: 24px;
	color: #595757;
	margin-bottom: 0;
	width: 100%;
	text-align: justify;
}

.o-top-h2{
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 20px;
	font-weight: 400;
}

.o-recinfo-ob{
	margin: 0;
	margin-top: 60px;
}

.o-sd-1{
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 2px 3px 5px 1px rgba(0, 0, 0, 0.2);
	width: 95%;
	max-width: 465px;
	margin: 0 auto 35px auto;
}

.o-rinfo-imgb{
	/*box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);*/
	width: 100%;
	/*height: 226px;*/
	height: 61.99vw;
	max-height: 326.88px;
	display: flex;
	justify-content: center;
	/* align-items: center; */
	overflow: hidden;
}

.o-rinfo-imgb img{
	max-width: 101%; /* 親要素の幅を超えない */
	max-height: 101%; /* 親要素の高さ以下に */
	object-fit: cover; /* 縦横比を維持して表示 */
}

.o-rinfo-txtb{
	box-sizing: border-box;
	padding: 20px 25px;
}

.o-rinfo-ul{
	margin-top: 15px;
	margin-bottom: 25px;
}

.o-rinfo-ul li{
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 15px;
}

.o-rinfo-icon{
	width: 16px;
	margin-top: 3px;
}

.o-rinfo-txtw{
	width: 90%;
}

.o-nmt-1{
	margin-top: -33px;
}

.o-sec-pb-1{
	padding-bottom: 55px;
}

.o-m-btnb .o-icon-mr-1{
	margin-right: 43px;
}


@media (min-width: 576px){
.o-maim-ib{
	width: 500px;
	justify-content: space-between;
}

.o-st-main-1,.o-st-main-2{
	display: none;
}

.o-ab-ul p{
    font-size: 18px;
    line-height: 24px;
    width: 81%;
}

.o-com-serch-ul li{
    width: 48.6%;
}

li.o-com-city{
    width: 18.6%;
}

li.o-com-half{
    width: 48.6%;
}


.o-ribbon-b{
    width: 100%;
    height: 101px;
    background: url(../img/top-ribbon.svg) no-repeat;
    background-size: 100% 100%;
}

.o-ab-ul li span{
    width: 69px;
	margin: 0;
}

.o-790-b{
    max-width: 790px;
}

.o-sm-main{
	max-width: 90%;
	padding: 0;
}

.o-st-main-1{
	width: 190px;
	display: block;
}

.o-main-area, .o-main-h1-sub{
	font-size: 19px;
    line-height: 24px;
    margin-bottom: 5px;
}

.o-main-site{
	 font-size: 24px;
    line-height: 30px;
    margin-bottom: 0;
}

.o-m-btnb{
	padding-top: 21px;
}

.o-main-h1{
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 10px;
    text-align: center;
}

.o-m-btnb .o-icon-mr-1{
	margin-right: 20px;
}

.o-rinfo-imgb img{
	max-width: 100%;
	max-height: 100%;
	/* object-fit: contain; */ /* 縦横比を維持して表示 */
}

.o-rinfo-imgb{
	height: 326px;
}
}


@media (min-width: 650px){


}



@media (min-width: 768px){
.o-maim-ib{
	width: auto;
}

.o-top-main-b{
    justify-content: space-between;
    max-width: 935px;
    margin: 60px auto 0 auto;
}

.o-man-1{
	width: 29%;
}

.o-man-2{
	width: 23%;
}

.o-m-imgb img{
	width: 100%;
}

.o-main-h1{
	font-size: 65px;
	line-height: 75px;
	margin-bottom: 10px;
	text-align: center;
}

.o-main-area,.o-main-h1-sub{
	font-size: 21px;
	line-height: 27px;
	margin-bottom: 10px;
}

.o-main-site{
	font-size: 34px;
	line-height: 49px;
	margin-bottom: 10px;
}

.o-ab-ul p{
    width: 86%;
}

.o-sd-1{
    width: 44%;
    margin: 0 2.6% 35px 2.6%;
}

.o-com-serch-ul li{
    width: 31.9%;
    margin: 0 0.7% 15px 0.7%;
}

li.o-com-city{
    width: 15.2%;
}

li.o-com-half{
    width: 48.6%;
}

.o-sm-main{
	max-width: 720px;
	padding: 0;
}

.o-main-site {
    font-size: 29px;
    line-height: 39px;
    margin-bottom: 10px;
}

.o-m-btnb{
	padding-top: 0;
	margin-top: 30px;
	margin-bottom: 60px;
}

.o-m-btnb .o-icon-mr-1{
	margin-right: 48px;
}

.o-rinfo-imgb img{
  /* object-fit: contain; */ /* 縦横比を維持して表示 */
}

.o-rinfo-imgb{
	height: 223px;
}

}



@media (orientation: landscape) and (max-width: 767px){

}

@media (orientation: landscape) and (max-width: 991px){

}


@media (min-width: 992px){
.o-job-search {
    margin: 0 auto;
    max-width: 870px;
    align-items: flex-end;
}

.o-m-imgb{
	width: auto;
}

.o-m-imgb img{
	width: auto;
}

.o-sd-1{
    width: 30%;
    margin: 0 1.6% 35px 1.6%;
}

.o-sm-main{
	max-width: 100%;
	padding: 0 15px;
}

.o-main-site{
	font-size: 39px;
	line-height: 49px;
	margin-bottom: 10px;
}


.o-rinfo-imgb{
	height: 20.4vw;
	max-height: 226px;
}
}



@media (min-width: 1025px){

}

@media (min-width: 1100px){
.o-sm-main{
	max-width: 1100px;
	padding: 0 15px;
}
}



@media (min-width: 1200px){

}