/*********************************************
index.css
*********************************************/
.o-biz-ti-b{
	display: block;
	position: relative;
    width: 100vw;
    height: 68vh;
}
.o-top-img1{
	background: url(../img/main-img1-st.jpg) no-repeat;
	background-position: center bottom;
	box-sizing: border-box;
	/*padding-top: 53%;*/
	padding-top: 68vh;
	background-size: cover;
	margin-bottom: 15px;
}

.o-top-img2{
	background: url(../img/main-img2-st.jpg) no-repeat;
	background-position: center bottom;
	box-sizing: border-box;
	padding-top: 68vh;
	background-size: cover;
	margin-bottom: 15px;
}

.o-top-img3{
	background: url(../img/main-img3-st.jpg) no-repeat;
	background-position: center bottom;
	box-sizing: border-box;
	padding-top: 68vh;
	background-size: cover;
	margin-bottom: 15px;
}

.swiper-wrapper{
    height: 68vh!important;
}

.o-main-fade-box{
	position: absolute;
	height: 100vh;
}

/*.o-main-catch{
	z-index: 100;
	background-color: #fef7e9;
	background-image: radial-gradient(#ffffff 11%, transparent 11%), radial-gradient(#ffffff 11%, transparent 11%);
	background-position: 0 0, 10px 10px;
	background-size: 20px 20px;
	height: 32vh;
	min-height: 180px;
	box-sizing: border-box;
	padding: 5px 25px 15px 25px;
	display: flex;
	align-items: center;
}*/
.o-main-catch{
display: block;
	position: absolute;
	left: 15px;
	bottom: 25px;
	z-index: 100;
	height: auto;
	min-height: auto;
	background: transparent;
	padding: 0;
}


.o-st-main-ib{
	width: 100%;
}

.o-st-main-ib hr{
	margin-top: 10px;
	margin-bottom: 5px;
	border-top: 1px solid #f39700;
}

.o-main-ct-txt,.o-main-ct-sub{
	display: block;
	color: #fff;
	/*color: #595757;
	text-align: left;*/
}

.o-main-ct-txt, .o-main-ct-sub{
    /*text-shadow: none;*/
}

.o-main-ct-txt{
	/*font-size: 35px;
	line-height: 50px;*/
	font-size: 38px;
	line-height: 53px;
	letter-spacing: -5px;
}

.o-main-ct-sub{
	font-size: 15px;
	line-height: 25px;
	font-weight: 700;
	padding-left: 5px;
}

.o-dummy-box img{
	margin: 0 auto;
	width: 100%;
}

.o-h2-en{
	display: block;
	font-size: 48px;
	line-height: 50px;
	text-align: center;
	font-weight: 400;
	color: #f1ac16;
	margin-bottom: 20px;
}

.o-h2{
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	font-weight: 500;
	color: #595757;
}


.o-news-db{
    margin-top: 10px;
    width: 100%;
	max-width: 910px;
    height: 100%;
    max-height: 446px;
    /*border-bottom: solid 1px #b4b5b5;*/
    overflow-y: scroll;
    margin: 85px auto 0 auto;
}

.o-news-ul{
    width: 100%;
    /*border-top: solid 1px #b4b5b5;*/
	list-style: none;
	margin:  0;
	padding: 0 15px 0 0;
	box-sizing: border-box;
}

.o-news-li{
    border-top: solid 1px #b4b5b5;
	padding-top: 35px;
	padding-bottom: 35px;
	box-sizing: border-box;
	font-size: 14px;
    line-height: 22px;
	color: #717071;
	text-align:left;
	margin: 0;
	
}

/*.o-news-li:first-child{
    border-top: none;
	padding-top: 20px;
}*/

.o-news-li:last-child{
   border-bottom: solid 1px #b4b5b5;
}

.o-date-td{
	font-size: 16px;
	line-height: 25px;
	text-align: left;
	font-weight: 500;
	color: #595757;
	width: 13%;
	min-width: 115px;
}

.o-news-txt{
	font-weight: 500;
	width: 100%;
	margin-top: 20px;
}

.o-news-txt p,.o-news-txt font,
.o-news-txt span,.o-news-txt a,
.o-news-txt p span,.o-news-txt p span b,
.o-news-txt p span u{
	font-family: inherit;
}

.o-news-txt p{
	font-size: 15px;
    line-height: 24px;
    text-align: justify;
    text-justify: inter-ideograph;
    color: #595757;
    margin-bottom: 0;
}

.comp-ob{
	margin: 0;
	justify-content: center;
}

.o-top-py-2{
	box-sizing: border-box;
	padding-top: 150px;
	padding-bottom: 0;
}


.o-comp-b{
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	padding: 50px 0 50px 0;
}

.o-egg1, .o-egg2{
    width: 50%;
	height: 260px;
}


.webp .o-egg1{
	background: url(../img/top-1-2-sq.webp) no-repeat;
	background-position: bottom	left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.no-webp .o-egg1{
	background: url(../img/top-1-2-sq.jpg) no-repeat;
	background-position: bottom	left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.webp .o-egg2{
	background: url(../img/top-1-1-sq.webp) no-repeat;
	background-position: center	left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.no-webp .o-egg2{
	background: url(../img/top-1-1-sq.jpg) no-repeat;
	background-position: center	left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.o-comp-b .o-h2-en,
.o-comp-b h2{
	/*text-align: left;*/
	margin-bottom: 30px;
}

.o-comp-b h2,.o-sv-txt-b h2,
.o-pd-txt-b h2{
	margin: 10px 0 40px 0;
}

.o-more-btn{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 305px;
	height: 56px;
	box-sizing: border-box;
	border-radius: 28px;
	border: solid 1px #717071;
	margin: 50px auto 0 auto;
	padding: 0 25px;
	background: #fff;
}

span.o-more-txt{
	display: block!important;
	font-size: 18px!important;
	line-height: 25px!important;
	text-align: left!important;
	font-weight: 400!important;
	color: #595757!important;
}

/**service**/
.o-top-py-3{
	box-sizing: border-box;
	padding-top: 300px;
	padding-bottom: 0;
}
picture{
	display: block;
}

.service-ob{
	margin: 0 auto;
	justify-content: space-between;
	width: 100%;
	/*max-width: 945px;*/
	box-sizing: border-box;
	padding: 0 15px;
}

.o-sv-img-b{
    width: 100%;
	order: 1;
	margin: 50px auto 35px auto;
	justify-content: space-between;
	align-items: center;
}

.o-sv-txt-b{
    width: 100%;
	box-sizing: border-box;
    padding-top: 2%;
	order: 2;
}

.o-sv-txt-ib{
    width: 100%;
    max-width: 100%;
    margin: 0;
}



.o-lt{
	text-align: left;
}

.o-sv-txt-b .o-more-btn,
.o-pd-txt-b .o-more-btn{
	margin-left: 0;
}

.o-sv-imgl{
	width: 48%;
	max-width: 244px;
	margin-top: 16%;
}

.o-sv-imgr{
	width: 49%;
	max-width: 245px;
}



.o-tp-2-3{
	margin-top: 30px;
}

/**product**/
.o-top-py-3{
	box-sizing: border-box;
	padding-top: 100px;
	padding-bottom: 0;
}

picture{
	display: block;
}

.o-pro1, .o-pro2{
    width: 100%;
    padding-top: 30%;
}

.webp .o-pro1{
	background: url(../img/top-pro-l-tt.webp) no-repeat;
	background-position: center	right;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.no-webp .o-pro1{
	background: url(../img/top-pro-l-tt.jpg) no-repeat;
	background-position: center	right;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.webp .o-pro2{
	background: url(../img/top-pro-r-tt.webp) no-repeat;
	background-position: center	left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.no-webp .o-pro2{
	background: url(../img/top-pro-r-tt.jpg) no-repeat;
	background-position: center	left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.o-product-b{
    width: 100%;
    max-width: 570px;
    margin: 0 auto;
    padding: 0 15px 50px 15px;
	box-sizing: border-box;
}

.o-product-ib{
	max-width: 350px;
	margin:0 auto;
}

.o-product-b h2{
	text-align: center;
	margin-bottom: 60px;
	
}

.o-product-ob{
	margin: 0 auto;
	justify-content: space-between;
	width: 100%;
	max-width: 945px;
}

.o-pd-txt-b{
	width: 39%;
	max-width: 345px;
	box-sizing: border-box;
	padding-top: 8%;
	order: 2;
}

.o-pd-img-b{
	width: 50%;
	max-width: 465px;
	order: 1;
}

.o-pd-img1{
	width: 286px;
	max-width: 286px;
	margin: 0 auto 60px auto;
}

.o-pd-img2{
	width: 100%;
	max-width: 465px;
}

.o-pd-img-b{
	margin: 0;
}

.o-tp-2-3{
	margin-top: 30px;
}

.o-pd-txt{
	box-sizing: border-box;
	padding-right: 30px;
}

/*office&factory*/
.o-ash-bk{
	background: #f4f2ec;
}

.o-of-ob{
	margin: 0 auto;
	justify-content: space-between;
	width: 100%;
	max-width: 100%;
	align-items: flex-start;
}

.o-of-img-b1{
	/*width: 38%;*/
	width: 50%;
	max-width: 100%;
	box-sizing: border-box;
	padding-top: 0;
	/*padding-top: 7%;*/
}

.o-of-img-b2{
	width: 100%;
	margin: 0 auto 0 auto;
	position: relative;
}

.omt-ng1{
	margin-top: -4%;
}

.o-of-txt-b{
	width: 100%;
	box-sizing: border-box;
	padding-top: 100px;
	order: 2;
}

.o-of-img-b3{
	width: 50%;
	max-width: 100%;
	order: 1;
}

.o-of-ob .o-h2-en{
	font-size: 48px;
	line-height: 60px;
	margin-bottom: 10px;
}

.o-pb1{
	padding-bottom: 100px;
}

.o-of-txt-b .o-more-btn{
	margin-left: 0;
	margin-top: 50px;
}

/*recruit*/
.o-rec-bk{
	background: url(../img/top-5-egg.svg) no-repeat;
	background-position: center top 130px;
	box-sizing: border-box;
	padding-top: 255px;
	padding-bottom: 200px;
}

.webp .o-rec-st-1{
	background: url(../img/top-5-1-st.webp) no-repeat;
	background-position: center;
	box-sizing: border-box;
	margin-bottom: 0;
}

.no-webp .o-rec-st-1{
	background: url(../img/top-5-1-st.jpg) no-repeat;
	background-position: center;
	box-sizing: border-box;
	margin-bottom: 0;
}

.webp .o-rec-st-2{
	background: url(../img/top-5-2-st.webp) no-repeat;
	background-position: center;
	box-sizing: border-box;
	margin-bottom: 0;
}

.no-webp .o-rec-st-2{
	background: url(../img/top-5-2-st.jpg) no-repeat;
	background-position: center;
	box-sizing: border-box;
	margin-bottom: 0;
}

.webp .o-rec-st-3{
	background: url(../img/top-5-3-st.webp) no-repeat;
	background-position: center;
	box-sizing: border-box;
	margin-bottom: 0;
}

.no-webp .o-rec-st-3{
	background: url(../img/top-5-3-st.jpg) no-repeat;
	background-position: center;
	box-sizing: border-box;
	margin-bottom: 0;
}

.o-fp-r,.o-fp-l{
	position: absolute;
}

.o-fp-r{
	/*width: 180px;*/
	top: 5%;
	right: 15px;
}

.o-fp-l{
	/*width: 280px;*/
	bottom: 1%;
	left: 15px;
}

.o-recruit-ob{
	width: 100%;
	max-width: 825px;
	margin: 0 auto;
}

.o-rt-img-b{
	margin: 50px 0 25px 0;
	justify-content: center;
}

.o-rt-img{
	width: 33.33%;
	height: 247px;
}

.o-of-txt{
	text-align: justify;
}

.o-rt-txt-b .o-h2-en{
	margin-bottom: 30px;
}

.o-rt-txt-b h2{
	margin: 0 0 40px 0;
}

.o-ttsp-b3 .o-rt-txt-b{
	max-width: 378px;
	margin: 0 auto;
}

.o-rt-txt-b .o-more-btn{
	margin-top: 45px;
	box-shadow: 2px 2px 9px -3px #777777;
	border: none;
}

/*.o-biz-ti-b{
    min-height: 667px;
}*/

.o-top-py-1{
	padding-top: 90px;
}

.o-ttsp-b2 .o-h2-en,
.o-ttsp-b2 .o-h2{
	text-align: center;
}

.o-ttsp-b2 .o-h2-en{
	margin-bottom: 30px;
}

.o-ttsp-b2 .o-h2,
.o-ttsp-b2 .o-product-b h2{
	margin-bottom: 60px;
}

/*video*/
.o-movie-b {
	padding-top: 278px;
	position: relative;
	background-size: cover;
	background-position: center;
	text-align: center;
	z-index: 10;
	overflow: hidden;
}

.o-movie-b video{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	object-fit: cover;
	height: 150%;
	min-width: 170%;
	bottom: 0;
	margin: auto;
}

.o-movie-txt,.o-sp-mg-txt{
	position: absolute;
	font-size: 16px;
	line-height: 29px;
	color: #fff;
	text-align: center;
	z-index: 100;
	right: 0;
	left: 0;
	margin: 0 auto;
	bottom: 5%;
	font-weight: 500;
}







@media (min-width: 576px){
.o-biz-ti-b {
    width: 100vw;
    height: 100vh;
}

.o-top-img1{
	background: url(../img/main-img1.jpg) no-repeat;
	background-position: center bottom;
	box-sizing: border-box;
	/*padding-top: 53%;*/
	padding-top: 100vh;
	background-size: cover;
	margin-bottom: 15px;
}

.o-top-img2{
	background: url(../img/main-img2.jpg) no-repeat;
	background-position: center bottom;
	box-sizing: border-box;
	padding-top: 100vh;
	background-size: cover;
	margin-bottom: 15px;
}

.o-top-img3{
	background: url(../img/main-img3-for4.jpg) no-repeat;
	background-position: center bottom;
	box-sizing: border-box;
	padding-top: 100vh;
	background-size: cover;
	margin-bottom: 15px;
}

.swiper-wrapper{
    height: 100%!important;
}

.o-main-ct-txt{
	font-size: 40px;
	line-height: 63px;
}

.o-main-ct-sub{
	font-size: 20px;
	line-height: 30px;
	padding-top: 25px;
	padding-left: 10px;
}

.o-main-catch{
	display: block;
	position: absolute;
	left: 15px;
	bottom: 15px;
	z-index: 100;
	height: auto;
	min-height: auto;
	background: transparent;
	padding: 0;
}

.o-main-ct-txt, .o-main-ct-sub{
    color: #fff!important;
    text-align: left;
}

.o-main-ct-txt, .o-main-ct-sub{
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}

.service-ob{
    margin: 0 auto;
    justify-content: space-between;
    width: 90%;
    max-width: 520px;
	padding: 0;
}

.o-product-b{
    width: 90%;
    max-width: 520px;
    margin: 0 auto;
    padding-left:0;
	padding-right:0;
    box-sizing: border-box;
}

.o-product-ib{
	max-width: 100%;
}

.o-rt-img-b{
	margin: 0 0 65px 0;
	justify-content: space-between;
}

.o-rt-img{
    width: 32%;
	height: auto;
}

.o-rt-txt-b h2{
    margin: 0 0 40px 0;
}

.o-product-b h2{
    text-align: left;
    margin-bottom: 60px;
}

/*.o-of-img-b1{
    width: 38%;
    max-width: 407px;
    box-sizing: border-box;
    padding-top: 7%;
	margin: 0;
}

.o-of-img-b2{
    width: 60%;
    max-width: 659px;
	margin: 0;
}
*/
.o-of-txt-b{
	order: 1;
}

.o-fp-r{
	width: 158px;
    top: 8%;
    right: 15px;
}

.o-fp-l{
	width: 215px;
    bottom: 5%;
    left: -40px;
}

.o-rec-bk{
	background: url(../img/top-5-egg.svg) no-repeat;
	background-position: center top 200px;
	box-sizing: border-box;
	padding-top: 245px;
	padding-bottom: 200px;
	background-size: 95%;
}

.o-rt-txt-b .o-h2-en{
	margin-bottom: 20px;
}

.o-rt-txt-b h2{
	margin: 0 0 20px 0;
}

.o-of-txt{
	text-align: center;
}

.o-top-py-2{
    padding-top: 150px;
    padding-bottom: 0;
}

.o-top-py-3{
    padding-top: 150px;
    padding-bottom: 0;
}

.omt-ng1{
    margin-top: -8%;
}

.o-biz-ti-b{
    min-height: auto;
}

.o-comp-b{
	width: 90%;
	max-width: 520px;
	padding:0 auto 60px auto;
}

/*video*/
.o-movie-b {
	padding-top: 37%;
	position: relative;
	background-size: cover;
	background-position: center;
	text-align: center;
	z-index: 10;
}

.o-movie-b video{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	left: 0;
	object-fit: cover;
	height: 100%;
	min-width: 100%;
	transform: none;
	right: 0;
	bottom: 0;
	margin: auto;
}

.o-movie-txt{
	position: absolute;
	font-size: 16px;
	line-height: 29px;
	color: #fff;
	text-align: center;
	z-index: 100;
	right: 0;
	left: 0;
	margin: 0 auto;
	bottom: 5%;
	font-weight: 500;
}
}



@media (min-width: 768px){
.o-main-catch{
    left: 50px;
    bottom: 50px;
}

.o-main-ct-txt{
    font-size: 70px;
    line-height: 103px;
}

.o-main-ct-sub{
    font-size: 22px;
    line-height: 30px;
    padding-top: 25px;
    padding-left: 10px;
}

.o-top-img1{
	background: url(../img/main-img1-tt.jpg) no-repeat;
	background-position: center bottom;
	box-sizing: border-box;
	/*padding-top: 53%;*/
	padding-top: 100vh;
	background-size: cover;
	margin-bottom: 15px;
}

.o-top-img2{
	background: url(../img/main-img2-tt.jpg) no-repeat;
	background-position: center bottom;
	box-sizing: border-box;
	padding-top: 100vh;
	background-size: cover;
	margin-bottom: 15px;
}

.o-top-img3{
	background: url(../img/main-img3-for4-tt.jpg) no-repeat;
	background-position: center bottom;
	box-sizing: border-box;
	padding-top: 100vh;
	background-size: cover;
	margin-bottom: 15px;
}

.o-h2-en{
    font-size: 60px;
    line-height: 72px;
    /*text-align: center;*/
    margin-bottom: 20px;
}

.o-h2 {
    font-size: 23px;
    line-height: 30px;
    /*text-align: center;*/
}

.o-news-ul{
    width: 100%;
    margin: 0;
    padding: 0 15px 0 0;
}

.o-news-li{
    padding-top: 35px;
    padding-bottom: 35px;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}

.o-date-td{
    font-size: 16px;
    line-height: 25px;
    text-align: left;
    width: 13%;
    min-width: 115px;
}

.o-news-txt{
    width: 81%;
	margin-top: 0;
}

.o-news-txt p{
    font-size: 15px;
    line-height: 24px;
    text-align: justify;
    margin-bottom: 0;
}

.webp .o-egg1{
	background: url(../img/top-1-2-sq-tt.webp) no-repeat;
	background-position: top left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.no-webp .o-egg1{
	background: url(../img/top-1-2-sq-tt.jpg) no-repeat;
	background-position: top left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.webp .o-egg2{
	background: url(../img/top-1-1-sq-tt.webp) no-repeat;
	background-position: top left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.no-webp .o-egg2{
	background: url(../img/top-1-1-sq-tt.jpg) no-repeat;
	background-position: top・left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.o-top-py-2{
    padding-top: 150px;
    padding-bottom: 0;
}

.o-comp-b{
    width: 90%;
    max-width: 720px;
    margin: 0 auto;
    padding: 80px 0 60px 0;
}

.o-egg1, .o-egg2{
    padding: 0;
}

.o-comp-b h2{
    margin-bottom: 25px;
}

.service-ob{
    margin: 0 auto;
    justify-content: space-between;
    width: 90%;
    max-width: 720px;
	padding: 0;
}

.o-sv-img-b{
    width: 100%;
	order: 1;
	margin-bottom: 35px;
}

.o-sv-txt-b{
    width: 100%;
    padding-top: 2%;
	order: 2;
}

.o-sv-txt-ib{
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.o-top-py-3{
	padding-top: 150px;
	padding-bottom: 0;
}

.o-of-ob .o-h2-en{
    font-size: 47px;
    line-height: 57px;
    margin-bottom: 10px;
}

.o-offac-pt{
	padding-top:220px;
}

.webp .o-pro1{
	background: url(../img/top-pro-l-tt.webp) no-repeat;
	background-position: center	right;
	box-sizing: border-box;
	background-size: cover;
	margin-top: 50px;
	margin-bottom: 0;
}

.no-webp .o-pro1{
	background: url(../img/top-pro-l-tt.jpg) no-repeat;
	background-position: center	right;
	box-sizing: border-box;
	background-size: cover;
	margin-top: 50px;
	margin-bottom: 0;
}

.webp .o-pro2{
	background: url(../img/top-pro-r-tt.webp) no-repeat;
	background-position: center	left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.no-webp .o-pro2{
	background: url(../img/top-pro-r-tt.jpg) no-repeat;
	background-position: center	left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.o-product-b{
    width: 90%;
    max-width: 720px;
    margin: 0 auto;
    padding:0;
    box-sizing: border-box;
}

.o-of-txt-b{
    /*width: 45%;*/
	width: 39%;
    box-sizing: border-box;
    /*padding-top: 3.5%;*/
	padding: 0;
    order: 1;
}

.o-of-img-b1{
    width: 38%;
    max-width: 407px;
    box-sizing: border-box;
    padding-top: 7%;
    margin: 0;
}

.o-of-img-b2{
    width: 60%;
    max-width: 659px;
    margin: 0;
}

.o-of-img-b3{
	width: 53%;
    /*width: 50%;*/
    max-width: 440px;
	margin: 0;
    /*margin-top: -3%;*/
	order: 2;
}

/*.omt-ng1{
    margin-top: -8%;
}*/

.o-rec-bk{
    background: url(../img/top-5-egg.svg) no-repeat;
    background-position: center top 200px;
    box-sizing: border-box;
    padding-top: 305px;
    padding-bottom: 200px;
	background-size: auto;
}

.o-fp-r{
	width: 225px;
    top: 8%;
    right: 15px;
}

.o-fp-l{
	width: 332px;
    bottom: 5%;
    left: -40px;
}

.o-top-py-1{
	padding-top: 7.5rem;
}

.o-more-btn{
    margin: 65px auto 0 auto;
}


.o-product-ib{
	max-width: 100%;
}

.o-pb1{
	padding-bottom: 4%;
}

.o-pt1{
	padding-top: 7%;
}

.o-of-img-b3 p{
	text-align: right;
	font-size: 16px;
	line-height: 26px;
	color: #595757;
	font-weight: 500;
	margin: 10px 0 0 0;
}

.o-of-txt-b .o-more-btn{
    margin-left: 0;
    margin-top: 35px;
}
}



@media (orientation: landscape) and (max-width: 767px){
.o-main-ct-txt {
    font-size: 40px!important;
    line-height: 63px!important;
}
}

@media (orientation: landscape) and (max-width: 991px){
.o-top-img1{
	background: url(../img/main-img1-768.jpg) no-repeat;
	background-position: center top;
	box-sizing: border-box;
	/*padding-top: 53%;
	padding-top: 100vh;*/
	background-size: cover;
	margin-bottom: 15px;
}

.o-top-img2{
	background: url(../img/main-img2-768.jpg) no-repeat;
	background-position: right 42% bottom;
	box-sizing: border-box;
	padding-top: 100vh;
	background-size: cover;
	margin-bottom: 15px;
}

.o-top-img3{
	background: url(../img/main-img3-768.jpg) no-repeat;
	background-position: center bottom;
	box-sizing: border-box;
	padding-top: 100vh;
	background-size: cover;
	margin-bottom: 15px;
}

.o-main-ct-txt{
    font-size: 50px;
    line-height: 65px;
}

.o-main-catch{
    left: 15px;
    bottom: 25px;
}
}


@media (min-width: 992px){
.o-top-img1{
	background: url(../img/main-img1.jpg) no-repeat;
	background-position: center bottom;
	box-sizing: border-box;
	/*padding-top: 53%;*/
	padding-top: 100vh;
	background-size: cover;
	margin-bottom: 15px;
}

.o-top-img2{
	background: url(../img/main-img2.jpg) no-repeat;
	background-position: right 42% bottom;
	box-sizing: border-box;
	padding-top: 100vh;
	background-size: cover;
	margin-bottom: 15px;
}

.o-top-img3{
	background: url(../img/main-img3-for4.jpg) no-repeat;
	background-position: center bottom;
	box-sizing: border-box;
	padding-top: 100vh;
	background-size: cover;
	margin-bottom: 15px;
}

.o-main-ct-txt, .o-main-ct-sub{
    text-align: left;
}
	
.o-main-ct-txt{
    font-size: 70px;
    line-height: 103px;
}

.o-main-ct-sub{
    font-size: 22px;
    line-height: 30px;
    padding-top: 25px;
    padding-left: 10px;
}

.o-h2-en{
    font-size: 60px;
    line-height: 72px;
    text-align: center;
    margin-bottom: 20px;
}

.o-h2{
    font-size: 23px;
    line-height: 30px;
    text-align: center;
}

.o-news-txt{
    width: 86%;
}

.webp .o-egg1{
	background: url(../img/top-1-2-sq.webp) no-repeat;
	background-position: bottom	left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.no-webp .o-egg1{
	background: url(../img/top-1-2-sq.jpg) no-repeat;
	background-position: bottom	left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.webp .o-egg2{
	background: url(../img/top-1-1-sq.webp) no-repeat;
	background-position: bottom	left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.no-webp .o-egg2{
	background: url(../img/top-1-1-sq.jpg) no-repeat;
	background-position: bottom	left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.o-top-py-2{
    padding-top: 300px;
}

.o-egg1, .o-egg2{
    width: 33%;
    padding-top: 25%;
	height: auto;
}

.o-comp-b{
    width: 34%;
    max-width: 320px;
    margin: 0 auto;
    padding: 40px 15px;
}

.o-comp-b .o-h2-en, .o-comp-b h2{
    margin-bottom: 25px;
}


.o-comp-b h2{
	margin-bottom: 25px;
}

.service-ob{
    margin: 0 auto;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
}

.o-sv-txt-ib{
    width: 100%;
    max-width: 350px;
    margin: 0 0 0 auto;
}

.o-sv-txt-b{
    width: 39%;
    padding-top: 2%;
	order: 1;
}

.o-sv-img-b{
    width: 58.1%;
	order: 2;
	margin-top: 0;
	margin-bottom: 0;
}

.o-top-py-3{
	padding-top: 300px;
}

.webp .o-pro1{
	background: url(../img/top-pro-l.webp) no-repeat;
	background-position: center	right;
	box-sizing: border-box;
	background-size: cover;
	margin-top: 0;
	margin-bottom: 0;
}

.no-webp .o-pro1{
	background: url(../img/top-pro-l.jpg) no-repeat;
	background-position: center	right;
	box-sizing: border-box;
	background-size: cover;
	margin-top: 0;
	margin-bottom: 0;
}

.webp .o-pro2{
	background: url(../img/top-pro-r.webp) no-repeat;
	background-position: center	left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.no-webp .o-pro2{
	background: url(../img/top-pro-r.jpg) no-repeat;
	background-position: center	left;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 0;
}

.o-product-b{
    width: 37%;
    max-width: 570px;
    padding: 60px 20px;
}

.o-product-ib{
    max-width: 350px;
}

.o-pro1, .o-pro2{
    width: 29.05%;
    padding-top: 30%;
}

.o-of-img-b1{
    width: 38%;
    max-width: 407px;
    box-sizing: border-box;
    padding-top: 7%;
}

.o-of-img-b2{
    width: 60%;
    max-width: 659px;
}

.o-of-ob{
    margin: 0 auto;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    align-items: center;
}

.o-of-txt-b{
    width: 55%;
	padding: 0;
    /*padding-top: 3.5%;
    padding-left: 0;*/
}

.o-of-img-b3{
    /*width: 45%;*/
	width: 44%;
    max-width: 440px;
    /*margin-top: -3%;*/
}

.o-sv-txt-b .o-more-btn, .o-pd-txt-b .o-more-btn{
    margin-left: 0;
}

.o-rt-img{
    width: 263px;
}

.o-lt{
    text-align: left;
}

.o-of-txt-b .o-more-btn{
    margin-left: 0;
    margin-top: 50px;
}
}



@media (min-width: 1025px){
.o-top-img2{
	background: url(../img/main-img2.jpg) no-repeat;
	background-position: center bottom;
	box-sizing: border-box;
	padding-top: 100vh;
	background-size: cover;
	margin-bottom: 15px;
}
}

@media (min-width: 1100px){
.o-egg1, .o-egg2{
    width: 33%;
    padding-top: 25%;
}

.o-comp-b{
    width: 34%;
    max-width: 320px;
    margin: 0 auto;
    padding: 60px 0;
}

.o-sv-txt-ib{
    width: 100%;
    max-width: 335px;
    margin: 0 0 0 auto;
}

.o-sv-txt-b{
    width: 39%;
    padding-top: 2%;
}

.o-sv-img-b{
    width: 56.1%;
}

.o-pro1, .o-pro2{
    width: 28.05%;
}

.o-of-img-b1{
    width: 40%;
    max-width: 407px;
    box-sizing: border-box;
    padding-top: 7%;
}

.o-of-img-b2{
    width: 60%;
    max-width: 659px;
}

.o-of-ob{
    margin: 0 auto;
    justify-content: space-between;
    width: 100%;
    max-width: 985px;
    align-items: center;
}

.o-of-txt-b{
    width: 55%;
	padding: 0;
    /*padding-top: 5.5%;
    padding-left: 8%;*/
}

.o-of-img-b3{
    width: 45%;
    max-width: 440px;
    /*margin-top: -2%;*/
}
}



@media (min-width: 1200px){

}