@charset "UTF-8";
/* CSS Document */
@media screen and (max-width:770px) {
    /*----------------------------------------------  home   ----*/
    .home-box1{
        position: relative;
        height: auto;/* 500px*/
    }
    .home-box1::after{
       content: '';
		display: block;
		padding-top: 220px;
    }
    .home-img1{
        position: absolute;
        display: block;
        width: 70%;/* 800px */
        height: auto;/* 800px */
        top: 270px;/* -370px */
        right: 10px;/* 70px */
		margin: auto;
        z-index: 10;
        border-radius: 7px;
    }
    .home-mark1{
        position: inherit;
        width: 80%;/* 740px */
        height: auto;/* 800px */
        padding: 8% 5.3%;/* 170px 100px */
        background: #FFFFFF;
        border-radius: 7px;
        top: -80px;/* -550px */
        left: 10px;/* 90px */
        box-shadow: 0px 0px 10px -1px #777777;
        z-index: 20;
    }
    .home-switch1{
        width: 70%;/* 220px */
        padding: 3% 5%;/* 10px 13px */
        margin-top: 30px;/* 60px */
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 16px;/* 19px */
        color: #FFFFFF;
        text-align: center;
        line-height: 1;
        background-image: linear-gradient(30deg, rgba(8, 51, 189, 1) 59%, rgba(144, 185, 255, 1));
    }
    /*----------------------*/
    .home-box2{
        position: relative;
        height: auto;/* 700px */
        background-image: linear-gradient(146deg, rgba(189, 219, 253, 1), rgba(8, 51, 189, 1) 60%);
		padding: 80px 0;
    }
    .home-box2::after{
       display: none;
    }
    .home-mark2{
        position: inherit;
        width: 90%;/* 1000px */
        color: #FFFFFF;
        text-align: center;
        top: inherit;/* 180px */
        left: inherit;
        right: inherit;
		margin: auto;
    }
    .m-foam3{
        position: absolute;
        width: 16.6%;/* 330px */
        height: auto;
        top: -10%;/* -70px */
        left: 0;
    }
    /*----------------------*/
    .home-box3{
        position: relative;
        height: auto;/* 300px */
        background: rgb(242,242,242);
    }
    .home-box3::after{
        content: '';
        display: block;
        padding-top: 120px;
    }
    .m-foam4{
        position: absolute;
        width: 12.2%;/* 340px */
        height: auto;
        top: -90%;/* -270px */
        right: 0;
        z-index: 10;
    }
    .home-list{
        position: absolute;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 90%;/* 1300px */
        margin: auto;
        top: -50%;/* -180px */
        left: 0;
        right: 0;
        list-style: none;
        z-index: 20;
    }
    .home-list li{
        width: 33%;/* 335px */
        height: auto;/* 360px */
        border-radius: 5px;
        margin: 0;/* 0 40px */
    }
    .home-list li img{
        width: 100%;
        height: auto;
    }
    /*----------------------*/
    .home-box4{
        position: relative;
        padding: 0;/* 150px 0*/
    }
    .home-box4-2{
        position: relative;
        width: 100%;/* 1400px */
        height: auto;/* 1040px */
        margin: auto;
        background: url("./img/home/home-back1.jpg");
        background-size: cover;
    }
    .home-box4-2::after{
        content: '';
        display: block;
        padding-top: 520px;
    }
    .home-mark3{
        position: absolute;
        width: 95%;/* 1200px */
        height: 390px;/* 900px */
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background:rgba(255,255,255,0.9);
        box-shadow: 0px 0px 6px -1px #525252;
        border-radius: 10px;
    }
    .home-mark3::after{
        content: '';
        display: block;
        padding-top: 200px;
    }
    .home-mark3-2{
        position: absolute;
        width: 83%;/* 1000px */
        top: 12%;/* 200px */
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }
    .home-menu{
        position: absolute;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 98.2%;/* 1320px */
        margin: auto;
        top: 75.7%;/* 580px */
        left: 0;
        right: 0;
        list-style: none;
    }
    .home-menu li{
        width: 32%;/* 425px */
        height: auto;/* 340px */
        overflow: hidden;
        border-radius: inherit;
    }
    .home-menu li img{
        width: 100%;
        height: auto;
    }
    /*--------------*/
    .home-box5{
        position: relative;
        height: auto;/* 1080px */
        background:url("./img/home/home-back2.jpg");
        background-size: cover;
		padding: 70px 0;
    }
    .home-box5::after{
        display: none;
    }
    .home-title1{
        position: inherit;
        display: block;
        width: 25.6%;/* 330px */
        height: auto;
        padding: 9.3% 0; /* 150px 0*/
        background-image: linear-gradient(30deg, rgba(8, 51, 189, 1) 59%, rgba(144, 185, 255, 1));
        text-align: center;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;/* 37px */
        line-height: 1;
        color: #FFFFFF;
        top: inherit;/* 200px */
        left: inherit;/* 120px */
		margin-left: 12px;
		overflow: hidden;
    }
    /*-------  お知らせ　---*/
    .home-img2{
        display: none;
    }
    .home-img3{
       display: none;
    }
    .home-news{
        position: inherit;
        width: 90%;/* 800px */
        height: auto;
        top: inherit;/* 620px */
        left: inherit;/* 120px */
		right: inherit;
		margin: 40px auto 0;
        list-style: none;
    }
    .home-news a li{
        text-decoration: none;
        color: #FFFFFF;
    }
    .home-news li{
        display: flex;
        width: 100%;
        height: auto;
        background-image: linear-gradient(30deg, rgba(8, 51, 189, 1) 59%, rgba(144, 185, 255, 1));
        color: #FFFFFF;
        margin: 10px auto;/* 13px auto*/
        padding: 11px 0.9%;/* 11px 15px */
        ont-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 13px;/* 30px */
        line-height: 1;
        border-radius: 5px;
    }
    .news-day{
        margin: 0 10px;/* 0 10px*/
    }
   /*----------------------------------------------  about   ----*/
	.ab-box1{
		position: relative;
		height: auto;/* 800px */
		background: url("./img/about/ab-box1backsp.png");
		background-size: cover;
		padding: 60px 0 40px;
	}
	.ab-box1::after{
		display: none;
	}
	.ab-img1-1{
		position: inherit;
		display: block;
		width: 90%;/* 650px */
		height: auto;/* 445px */
		border-radius: 10px;
		top: inherit;/* 200px */
		right: inherit;/* 100px */
		margin: auto;
	}
	.ab-img1-2{
		position: inherit;
		display: block;
		width: 35%;/* 300px */
		height: auto;/* 200px */
		border-radius: 8px;
		top: inherit;/* 500px */
		right: inherit;/* 30px */
		float: right;
		margin-top: -60px;
		overflow: hidden;
	}
	.ab-mark1{
		position: inherit;
		width: 90%;/* 700px */
		top: inherit;/* 250px */
		left: inherit;/* 80px */
		margin: 40px auto 0;
	}
	.ab-deco1{
		position: inherit;
		display: inline-block;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 90px;/* 200px */
		color: #bbe2f1;
		line-height: 1;
		width: 100%;
		margin: auto;
		left: inherit;
		right: inherit;
		bottom: inherit;
		margin-right: 20px;/* 20px*/
		margin-bottom: 50px;
		z-index: -10;
	}
	/*-------------------*/
	.ab-box1-2{
		position: relative;
		height: auto;/* 650px */
		background: url("./img/about/ab-box2backsp.png");
		background-size: cover;
		padding: 30px 0 60px;
	}
	.ab-box1-2::after{
		display: none;
	}
	.ab-img1-3{
		position: inherit;
		display: block;
		width: 90%;/* 650px */
		height: auto;/* 445px */
		border-radius: 10px;
		top: inherit;/* 200px */
		left: inherit;/* 100px */
		margin: auto;
	}
	.ab-mark1-2{
		position: inherit;
		width: 90%;/* 700px */
		top: inherit;/* 250px */
		right: inherit;/* 80px */
		margin: 20px auto;
	}
	/*-------------------*/
	.ab-box2{
		position: relative;
		height: auto;/* 690px */
		background-size: cover;
		padding: 60px 0;
	}
	.ab-box2::after{
		display: none;
	}
	.ab-mark2{
		position: inherit;
		width: 90%;/* 1300px */
		height: auto;/* 380px */
		margin: auto;
		top: inherit;
		bottom: inherit;
		left: inherit;
		right: inherit;
		color: #FFFFFF;
	}
	/*-------------------*/
	.ab-box3{
		position: relative;
		height: auto;/* 840px */
		background: url("./img/about/ab-box4backsp.png");
		background-size: cover;
	}
	.ab-box3::after{
		content: '';
		display: block;
		padding-top: 179%;/* 700px */
	}
	.ab-img2-1{
		position: absolute;
		display: block;
		width: 35%;/* 370px */
		height: auto;/* 560px */
		border-radius: 10px;
		top: 40px;/* 150px */
		left: 15px;/* 100px */
	}
	.ab-img2-2{
		position: absolute;
		display: block;
		width: 25%;/* 260px */
		height: auto;/* 320px */
		border-radius: 10px;
		top: 150px;/* 480px */
		left: 170px;/* 410px */
	}
	.ab-mark3{
		position: absolute;
		width: 90%;/* 700px */
		top: 330px;/* 250px */
		left: 0;
		right: 0;
		margin: auto;
	}
	.ab-deco1{
		position: absolute;
		width: 100px;/* 280px */
		right: inherit;/* 80-px */
		left: 30px;
		bottom: 0;
	}
	/*--------------------*/
	.ab-box4{
		position: relative;
		height: auto;/* 830px */
		padding: 70px 0 100px;
	}
	.ab-box4::after{
		display: none;
	}
	.ab-img3{
		position: inherit;
		display: block;
		width: 90%;/* 650px */
		height: auto;/* 445px */
		border-radius: 15px;
		top: inherit;/* 130px */
		right: inherit;/* 100px */
		margin: auto;
	}
	.ab-mark4{
		position: inherit;
		width: 90%;/* 700px */
		top: inherit;/* 130px */
		left: inherit;/* 80px */
		margin: 20px auto 0;
	}
	.ab-deco2{
		position: absolute;
		width: 32%;/* 520px */
		left: 0;/* 0 */
		bottom: 3.6%;/* 30px */
	}
/*----------------------------------------------  OEM   ----*/
.oem-box1{
	position: relative;
	height: auto;/* 1000px */
    padding: 60px 0 30px;
}
.oem-box1::after{
	display: none;
}
.om-img1{
	position: inherit;
    display: block;
	width: 95%;/* 1300px */
	height: auto;/* 400px */
	top: inherit;/* 160px */
	right: inherit;
	border-radius: 10px 0 0 10px;
    float: right;
    clear: both;
    overflow: hidden;
}
.om-mark1{
	position: inherit;
	width: 90%;/* 1200px */
	margin: 20px auto 0;
	top: inherit;/* 640px */
	left: inherit;
	right: inherit;
}
/*--------エンドロールスクロール ------------------*/
.end-scroll01{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.end-scroll01 .roll-scroll{
	display: flex;
	white-space: nowrap;
}
.end-scroll01 .roll-scroll img {
	width: 43%; /* 530px 画像サイズは任意で調整可能 */
	height: auto;/* 340px */
	background: #DFDFDF;
	margin-right: 1.3%;/* 20px */
	border-radius: 7px;
}
/*---------------*/
.oem-box2{
	position: relative;
	height: auto;/* 570px */
    padding: 40px 0;
}
.oem-box2::after{
	display: none;
}
.om-img2{
	position: inherit;
	display: block;
	width: 90%;/* 650px */
	height: auto;/* 445px */
	border-radius: 7px;
	top: inherit;/* 200px */
	right: inherit;/* 100px */
    margin: auto;
}
.po-title1{
	display: inline-block;
	padding: 8px 10px;/* 10px 17px */
	margin-bottom: 9px;/* 13px */
	background: #053c78;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 15px;/* 15px */
	line-height: 1;
	color: #FFFFFF;
	border-radius: 7px;
}
.om-mark2{
	position: inherit;
	width: 90%;/* 700px */
    margin: auto;
    padding: 10px 0;
	top: inherit;/* 250px */
	left: inherit;/* 80px */
}
/*---------------*/
.oem-box3{
	position: relative;
	height: auto;/* 520px */
}
.oem-box3::after{
	display: none;
}
.om-img3{
	position: inherit;
	display: block;
	width: 90%;/* 650px */
	height: auto;/* 445px */
	border-radius: 7px;
	top: inherit;/* 200px */
	left: inherit;/* 100px */
    margin: auto;
}
.om-mark3{
	position: inherit;
	width: 90%;/* 700px */
	top: inherit;/* 250px */
	right: inherit;/* 80px */
    margin: 10px auto;
}
/*---------------*/
.oem-box4{
	position: relative;
	height: auto;/* 600px */
    padding: 40px 0;
}
.oem-box4::after{
	display: none;
}
.om-img4{
	position: inherit;
	display: block;
	width: 90%;/* 650px */
	height: auto;/* 445px */
	border-radius: 7px;
	top: inherit;/* 200px */
	right: inherit;/* 100px */
    margin: auto;
}
.om-mark4{
	position: inherit;
	width: 90%;/* 700px */
	top: inherit;/* 250px */
	left: inherit;/* 80px */
    margin: 10px auto;
}
/*--------------------*/
.oem-box5{
	background: #1b4388;
	padding: 60px 0;/* 130px 0*/
}
.client-msg{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 90%;/* 1200px */
	margin: 20px auto 0;/* 40px auto 0*/
	list-style: none;
	justify-content: space-between;
}
.client-msg li{
	position: relative;
	width: 100%;/* 570px */
	height: auto;/* 140px */
	background: #FFFFFF;
	overflow: hidden;
    margin: 10px auto;
}
.client-msg li::after{
	content: '';
	display: block;
	padding-top: 140px;
}
.client-msg li .face1{
	position: absolute;
	display: block;
	width: 20%;/* 110px */
	height: auto;/* 110px */
	margin: auto;
	top: 0;
	bottom: 0;
	left: 10px;/* 10px */
	border-radius: 50%;
}
.msg-box{
	position: absolute;
	width: 72%;/* 420px */
	height: auto;/* 120px */
	margin: auto;
	top: 0;
	bottom: 0;
	right: 10px;/* 15px */
	vertical-align: top;
}
.msg-box::after{
	content: '';
	display: block;
	padding-top: 21%;
}
.client-tlt{
	position: absolute;
	width: 100%;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;/* 25px */
	color: #ee7800;
	line-height: 1.5;
	top: 18px;/* 15px */
}
.msg{
	position: absolute;
	width: 100%;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 14px;/* 15px */
	line-height: 1.5;
	top: 40.8%;/* 55px */
}
/*------------------------- 事例紹介　------*/
.sample-block{
	position: relative;
	width: 85%;/* 1200px */
	height: auto;/* 500px */
	margin: 60px auto 0;/* 1100px */
	background: #FFFFFF;
}
.sample-block::after{
	content: '';
	display: block;
	padding-top: 750px;
}
.sample-obi{
	position: relative;
	width: 80%;/* 320px */
	padding: 10px;/* 20px */
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 17px;/* 20px */
	text-align: center;
	line-height: 1;
	color: #ee7800;
	background: #FFFFFF;
	border:  1px solid #1b4388;
	top: -15px;/* -30px */
	left: -21px;/* -21px */
}
.sample-obi::before{
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px #808080;
}
.face2{
	position: absolute;
	width: 25%;/* 110px */
	height: auto;/* 110px */
	border-radius: 50%;
	top: 45px;/* 70px */
	left: 10px;/* 50px */
}
.sample-title{
	position: absolute;
	display: inline-block;
    width: 95%;
	padding: 10px;/* 15px 30px */
	background: #1b4388;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 17px;/* 28px */
	text-align: inherit;
	line-height: 1.5;
	color: #FFFFFF;
	top: 150px;/* 95px */
	left: 0;/* 180px */
    right: 0;
    margin: auto;
}
.sample-txt{
	position: absolute;
	width: 90%;/* 1100px */
	height: auto;
	margin: auto;
	top: 30%;/* 210px */
	left: 0;
	right: 0;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 14px;/* 17px */
	line-height: 1.5;
}
/*--------------------*/
.oem-box6{
	position: relative;
	height: auto;/* 1300px */
    padding: 40px 0 60px;
}
.oem-box6::after{
	display: none;
}
.om-mark5{
	position: inherit;
	width: 90%;/* 450px */
	top: inherit;/* 120px */
	left: inherit;/* 200px */
    right: inherit;
    margin: auto;
}
.om-title1{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 45px;/* 75px */
	line-height: 1;
	color: #1b4388;
}
.om-title2{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;/* 30px */
	line-height: 1.8;
}
.flow-img{
	display: none;
}
.flow-bg{
	display: none;
}
/*---流れの説明 --*/
.flow-box{
	position: inherit;
	display: block;
	width: 90%;/* 560px */
	height: auto;/* 860px */
	top: inherit;/* 290px */
	right: inherit;/* 200px */
    left: inherit;
    margin: auto;
	overflow: inherit;
}
.flow-box .flow-list{
	width: 100%;
	height: auto;
	padding: 20px;/* 30px 20px */
	border-bottom: 1px solid #D0D0D0;
}
.flow-no{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 30px;/* 30px */
	line-height: 1;
	color: #cba452;
	margin-bottom: 10px;/* 10px */
}
.flow-no::before{
	content: 'Step/';
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 21px;/* 18px */
	color: #cba452;
	padding-right: 10px;/* 10px */
}
.flow-title{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 20px;/* 25px */
	line-height: 1.5;
	margin-bottom: 10px;/* 10px */
}
/*-----------------*/
.oem-box7{
	position: relative;
	background: #faf6f0;
	padding: 70px 0;/* 120px 0*/
}
.product-box{
	width: 90%;/* 1200px */
	margin: auto;
	padding: 40px 0;/* 80px 50px */
	background: #FFFFFF;
	border-radius: 7px;
	overflow: hidden;
}
.om-title3{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 20px;/* 32px */
	color: #016eb8;
	line-height: 1;
	text-align: center;
}
.om-title3::before{
	display: block;
	content: 'Product';
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 18px;/* 14px */
	color: #016eb8;
	line-height: 1;
	margin-bottom: 8px;
}
/*-------*/
.product-list{
	display: inherit;
	flex-wrap: inherit;
    flex-direction: inherit;
	width: 100%;/* 1100px */
	margin: 20px auto 0;/* 30px auto 0*/
    padding: 5px;
	list-style: none;
}
.product-list li{
    display: inline-block;
	width: 46%;/* 230px */
	height: auto;/* 200px */
	background: #f5f5f5;
	margin: 5px 1.5%;/* 15px 22px */
	overflow: hidden;
}
.product-list li img{
	width: 100%;
	height: auto;
}
/*--------------------------------------------  OEM商品のページ　--*/
.pr-box1{
	position: relative;
	height: auto;/* 550px */
	padding: 50px 0;
}
.pr-box1::after{
	display: none;
}
.pr-img1{
	position: inherit;
	display: block;
	width: 90%;/* 600px */
	height: auto;/* 420px */
	top: inherit;/* 130px */
	left: inherit;
	margin: auto;
	border-radius: 10px;
	overflow: hidden;
}
.pr-mark1{
	position: inherit;
	width: 90%;/* 640px */
	top: inherit;/* 130px */
	right: inherit;
	margin: 20px auto 0;
}
/*----*/
.pr-box2{
	position: relative;
	height: auto;/* 650px */
	padding: 0 0 50px;
}
.pr-box2::after{
	display: none;
}
.pr-img2{
	position: inherit;
	display: block;
	width: 90%;/* 600px */
	height: auto;/* 420px */
	top: inherit;/* 120px */
	right: inherit;
	margin: auto;
	border-radius: 10px;
	overflow: hidden;
}
.pr-mark2{
	position: inherit;
	width: 90%;/* 640px */
	top: inherit;/* 120px */
	left: inherit;
	margin: 20px auto 0;
}
/*----*/
.pr-box3{
	position: relative;
	padding: 70px  0;/* 100px 0*/
	background: #f5f5f5;
}
.pr-title1{
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #008000;
	font-size: 22px;/* 30px */
	line-height: 1.5;
	padding-bottom: 5px;
	border-bottom: 1px solid #008000;
	width: 85%;
	margin: auto;
	text-align: center;
}
/*----- 製造ロット数テーブル -----*/
.pr-table{
	width: 90%;/* 1300px */
	margin: 30px auto 0;/* 70px auto 0*/
	border: 1px solid #000000;
	border-collapse: collapse;
	background: #FFFFFF;
}
.pr-table tr{
	border-bottom: 1px solid #000000;
}
.pr-table th{
	display: block;
	width: 100%;/* 250px */
	padding: 10px;/* 10px */
	font-weight: normal;
	background: #bbe2f1;
	vertical-align: middle;
}
.pr-table td{
	display: block;
	width: 100%;
	padding: 10px;/* 10px 20px */
}
/*------  製造事例  --*/
.pr-sample{
	width: 90%;/* 1300px */
	margin: 30px auto 0;
	list-style: none;
	font-size: 0;
}
.pr-sample li{
	display: inline-block;
	width: 50%;/* 324px */
	height: auto;/* 230px */
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.pr-sample li img{
	width: 100%;
	height: auto;
}
/*----*/
.pr-box4{
	position: relative;
	padding: 50px 0;/* 140px 0*/
}
.pr-title2{
	display: block;
	width: 85%;/* 500px */
	padding: 10px;/* 10px */
	margin: auto;
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 19px;/* 28px */
	line-height: 1.5;
	color: #FFFFFF;
	background: #1b4388;
}
/*-------  担当からのメッセージ　------*/
.pr-msg-box{
	position: relative;
	width: 92.3%;/* 1200px */
	height: auto;
	min-height: inherit;/* 400px */
	border: 1px solid #000000;
	margin: 30px auto;/* 70px auto 0*/
	padding: 25px 10px;
}
.pr-face{
	position: inherit;
	display: block;
	width: 30%;/* 120px */
	height: auto;/* 120px */
	border-radius: 50%;
	top: inherit;/* 40px */
	left: inherit;/* 80px */
	overflow: hidden;
	margin-left: 10px;
}
.pr-msg1{
	position: inherit;
	display: block;
	padding: 5px 10px;/* 15px 30px */
	background: #ffa500;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;/* 28px */
	text-align: inherit;
	line-height: 1.5;
	color: #FFFFFF;
	top: inherit;/* 95px */
	left: inherit;/* 180px */
	margin: 20px auto;
}
.pr-msg2{
	position: inherit;
	width: 100%;/* 1100px */
	margin: auto;
	top: inherit;/* 200px */
	left: inherit;
	right: inherit;
}
/*------------------------------------------  設備について　----*/
.fc-box1{
	padding: 60px 0;/* 180px 0*/
}
.fc-mark1{
	width: 90%;/* 1100px */
	text-align: center;
	margin: auto;
}
/*--------*/
.fc-box2{
	background-color: #eaf7ff;
	padding: 50px 0;/* 140px 0*/
}
/*---設備 --*/
.facility-deta{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 85%;/* 1100px */
	height: auto;/* 350px */
	padding: 20px 10px;/* 30px */
	background: #FFFFFF;
	margin: 0 auto 40px;/* 0 auto 60px */
	border-radius: 10px;
	border: 3px solid #0068b7;
	overflow: hidden;
}
.facility-img{
	width: 100%;/* 400px*/
	height: auto;/* 285px */
}
.facility-msg{
	width: 100%;/* 600px */
	padding-top: 10px;
}
.facility-name{
	display: block;
	padding: 7px 10px;/* 7px 20px */
	background: #0068b7;
	color: #FFFFFF;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;/* 24px */
	line-height: 1.3;
	text-align: center;
}
/*------------------------------------------  RO水　----*/
.ro-box1{
	position: relative;
	height: auto;/* 850px */
	padding: 70px 0;/* 200px */
	background: url("./img/ro/ro-back1.jpg");
	background-size: cover;
}
.ro-mark1{
	width: 95%;/* 950px */
	margin: auto;
	text-align: center;
}
.ro-title1{
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight: bold;
	font-size: 22px;/* 32px */
	line-height: 1.5;
	margin-bottom: 15px;/* 15px */
	color: #016eb8;
}
.ro-title1-2{
	font-size: 32px;/* 44px */
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight: bold;
}
/*----------------*/
.ro-box2{
	position: relative;
	height: auto;/* 700px */
	background: #0071B5;
	padding: 70px 0;
}
.ro-box2::after{
	display: none;
}
.ro-img1{
	position: inherit;
	display: block;
	width: 90%;/* 650px */
	height: auto;/* 470px */
	top: inherit;/* 170px */
	left: inherit;/* 100px */
	margin: auto;
}
.ro-mark2{
	position: inherit;
	width: 90%;/* 700px */
	top: inherit;/* 170px */
	right: inherit;/* 100px */
	padding: 15px 0;/* 15px 0*/
	color: #FFFFFF;
	margin: auto;
}
/*------------------*/
.ro-box3{
	padding: 20px 0 70px;/* 80px 0 130px */
	background: #0071B5;
}
.ro-title2{
	display: block;
	width: 65%;/* 500px */
	padding: 15px 20px;/*　15px 20px */
	margin: auto;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: bold;
	font-weight: 500;
	font-size: 20px;/* 30px */
	line-height: 1;
	background: #ff8c00;
	color: #FFFFFF;
	text-align: center;
}
.ro-sistem{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 90%;/* 900px */
	margin: 40px auto 0;/* 70px auto 0*/
	list-style: none;
	justify-content: space-between;
}
.ro-sistem li{
	width: 90%;/* 410px */
	height: auto;/* 520px */
	background: #FFFFFF;
	margin-bottom: inherit;
	margin: 0 auto 35px; 
}
.sistem-img{
	width: 100%;
	height: auto;/* 200px */
}
.sistem-mark{
	padding: 12px 10px;/* 12px 10px */
}
.sistem-title{
	display: block;
	width: 80%;
	background: #016eb7;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: bold;
	font-size: 20px;/* 20px */
	line-height: 1.5;
	color: #FFFFFF;
	text-align: center;
	margin: auto;
	border-radius: 10px;
	padding: 3px 0;
}
/*------------------*/
.ro-box4{
	padding: 50px 0 80px;/* 130px 0 200px */
}
.ro-title3{
	display: inline-block;
	color:  #016eb7;
	border-bottom: 2px solid #016eb7;
	margin-right: 20px;
	font-size: 20px;
	text-align: center;
}
/*-----------------*/
.ro-sample{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 90%;
	margin: 70px auto 0;/* 70px auto 0*/
	list-style: none;
	justify-content: space-around;
}
.ro-sample li{
	width: 100%;/* 400px */
	height: auto;/* 430px */
	margin: 0 auto 30px;
}
.sample-img{
	display: block;
	width: 100%;
	height: auto;/* 250px */
	border-radius: 10px;/* 15px */
	overflow: hidden;
}
.ro-sample-title{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 20px;/* 19px */
	font-weight: 500;/* 500 */
	font-style: normal;
	line-height: 2;
	color:  #016eb7;
}
.sample-mark{
	width: 100%;
	padding: 10px;/* 10px */
}
/*----------------------------------------------  会社概要   ----*/
.cm-box1{
	position: relative;
	height: auto;/* 1000px */
	padding: 80px 0;
}
.cm-box1::after{
	display: none;
}
.owner-img{
	position: inherit;
	display: block;
	width: 90%;/* 600px */
	height: auto;/* 450px */
	top: inherit;/* 300px */
	left: inherit;/* 100px */
	margin: auto;
	z-index: 10;
}
.cm-mark1{
	position: inherit;
	width: 90%;/* 740px */
	top: inherit;/* 300px */
	right: inherit;/* 70px */
	margin: 20px auto 0;
	z-index: 10;
}
.cm-msg1{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 30px;/* 38px */
	font-weight: 500;
	font-style: normal;
	line-height: 1.2;
	color: #002bba;
	margin-bottom: 20px;
}
.cm-msg1::after{
	display: block;
	content: '代表メッセージ';
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 16px;/* 16px */
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
	color: #000000;
}
.cm-deco1{
	position: absolute;
	display: block;
	width: 70%;
	height: 73%;/* 630px */
	top: 50px;/* 210px */
	left: 0;
	background:rgba(135,206,250,0.4);
	border-radius: 0 20px 20px 0;
}
/*-------------------------*/
.cm-box2{
	position: relative;
	height: auto;/* 700px */
	background: url("./img/company/cm-back1.jpeg");
	background-size: cover;
	padding: 80px 0;
}
.cm-box2::after{
	display: none;
}
.cm-mark2{
	position: inherit;
	width: 90%;/* 650px */
	top: inherit;/* 150px */
	left: inherit;/* 100px */
	margin: auto;
	color: #FFFFFF;
}
.cm-title3{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif";
	font-size: 21px;/* 34px */
	font-weight: 600;
	font-style: normal;
	line-height: 1.2;
	color: #FFFFFF;
}
.cm-title3::before{
	display: block;
	content: '経営理念';
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif";
	font-size: 16px;/* 34px */
	font-weight: 300;
	font-style: normal;
	line-height: 1.2;
	color: #FFFFFF;
	margin-bottom: 4px;
}
.phi-title{
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight: bold;
	font-size: 22px;/* 42px */
	line-height: 1.5;
	margin-top: 30px;
}
/*-------------------------*/
.cm-box3{
	position: relative;
	padding: 60px 0;/* 130px 0 */
	background: #1b4388;
}
.cm-title1{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 30px;/* 44px */
	font-weight: 600;
	font-style: normal;
	line-height: 1.2;
	color: #FFFFFF;
	text-align: center;
}
.cm-title1::before{
	display: block;
	content: 'COMPANY';
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 17px;/* 19px */
	font-weight: 500;
	font-style: normal;
	line-height: 1.2;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 8px;
}
.cm-title1::after{
	display: block;
	content: '会社概要';
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 17px;/* 17px */
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
	color: #FFFFFF;
	text-align: center;
	margin-top: 7px;
}
.cm-deta{
	width: 90%;/* 900px */
	margin: 3% auto 0;/* 50px auto 0*/
	border-collapse: collapse;
}
.cm-deta tr{
	border-bottom: 1px dotted #FFFFFF;
	font-size: 16px;/* 17px */
	line-height: 1.8;
	color: #FFFFFF;
}
.cm-deta tr th{
	display: block;
	width: 100%;/* 210px */
	padding: 8px 10px;/* 17px 0*/
	text-align: left;
}
.cm-deta tr td{
	display: block;
	width: 100%;
	padding: 8px 10px;/* 17px 0*/
}
.cm-deta tr td ul{
	list-style-position: inside;
	margin-bottom: 10px;
	}
/*-------------------------*/
.cm-box4{
	position: relative;
	padding: 6.3% 0;/* 100px 0*/
}
.cm-title2{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 44px;/* 44px */
	font-weight: 600;
	font-style: normal;
	line-height: 1.2;
}
.cm-title2::before{
	display: block;
	content: '事業所一覧';
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 19px;/* 19px */
	font-weight: 500;
	font-style: normal;
	line-height: 1.2;
	margin-bottom: 8px;
}
/*------------------------  事業所一覧　----*/
.office_grid{
	width: 100%;
	padding: 50px 0;/* 50px 0*/
	margin: 50px auto;/* 50px auto */
	border-top: 1px dotted #C7C7C7;
	border-bottom: 2px dotted #C7C7C7;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}
.office_card{
	width: 620px;/* 620px */
	height: 230px;/* 230px */
	background: #dcdcdc;
	border-radius: 10px;
	overflow: hidden;
	padding: 30px;/* 30px */
	margin: 16px 0;/* 16px 0*/
}
.office_deta{
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 100%;
}
.office_img{
	width: 230px;/* 230px */
	height: 170px;/* 170px */
	background: #FFFFFF;
}
.office_adress{
	width: 300px;/* 300px */
	margin-left: 30px;/* 30px */
}
.office_name{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 20px;/* 20px */
	font-weight: 500;
	font-style: normal;
	line-height: 1.2;
	color: #0070C8;
}
.adress{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 15px;/* 15px */
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
	margin-top: 10px;
}
.office_map{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 15px;/* 15px */
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
	margin-top: 15px;/* 15px */
	color: #ffd700;
}
/*--------------------------------------------------------------  採用情報　-------------*/
.rec-box1{
	position: relative;
	height: auto;/* 600px */
	padding: 60px 0;
}
.rec-box1::after{
	display: none;
}
.rec-img1{
	position: inherit;
	display: block;
	width: 90%;/* 650px */
	height: auto;/* 445px */
	border-radius: 10px;
	top: inherit;/* 200px */
	left: inherit;/* 100px */
	margin: auto;
}
.rec-mark1{
	position: inherit;
	width: 90%;/* 650px */
	top: inherit;/* 160px */
	right: inherit;/* 100px */
	margin: 20px auto 0;
}
/*----------------*/
.rec-box2-1{
	position: relative;
	padding: 30px 0 50px;/* 180px 0 40px*/
	height: auto;
}
.rec-box2-2{
	position: relative;
	width: 100%;/* 1400px */
	height: auto;
	margin: auto;
	padding: 40px 0;/* 100px 0*/
	background-color: #ccecff;
	border-radius: 10px;/* 30px */
}
.rec-mark2-1{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 90%;/* 1250px */
	margin: auto;
}
.rec-img2{
	width: 100%;/* 530px */
	height: auto;/* 440px */
}
.rec-mark2-2{
	width: 100%;/* 650px */
	padding: 15px 0 0;
}
/*-------------*/
.rec-slide{
	width: 90%;/* 1100px */
	height: auto;
	margin: 50px auto 0;/* 90px auto 0*/
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.slide-box1{
	position: relative;
	width: 100%;
	height: auto;/* 600px */
	background-color: #FFFFFF;
	border: 3px solid #4D9EDA;
	overflow: hidden;
	border-radius: 10px;/* 20px */
	flex-shrink: 0;
	padding: 15px 10px;/* 50px */
	margin: 0 auto 40px;/* 0 auto 40px */
}
.stuff-box{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;/* 1000px */
}
.face-img{
	width: 35%;/* 220px */
	height: auto;/* 220px */
	border-radius: 15px;
	overflow: hidden;
	margin: auto;
}
.stuff-deta{
	width: 100%;/* 700px */
	padding: 15px 0 20px;/* 0 0 20px */
}
.roll-point{
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;/* 18px */
	line-height: 1.5;
}
.roll-name{
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 20px;/* 27px */
	line-height: 1.5;
	color: #0179C3;
}
.roll-disp{
	width: 100%;
	margin-top: 10px;/* 10px */
	border-top: 2px dotted #CDCDCD;
	padding-top: 15px;/* 15px */
}
.stuff-msg{
	width: 100%;
	margin-top: 30px;/* 30px */
	padding: 10px;/* 30px */
	background-color: #eaf7ff;
	border-radius: 10px;
	overflow: hidden;
}
.stuff-msg dt{
	padding: 12px 10px;/* 12px 10px */
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;/* 18px */
	color: #0179C3;
	line-height: 1.5;
}
.stuff-msg dd{
	width: 100%;
	border-top: 2px dotted #CDCDCD;
	padding: 12px 10px;/* 12px 10px */
}
/*-------------*/
.rec-box3{
	padding: 30px 0 80px;/* 70px 0*/
}
.recruit-deta-box{
	position: relative;
	width: 90%;/* 1300px */
	height: auto;/* 1000px */
	overflow: hidden;
	background-color: #FFFFFF;
	margin: auto;
	padding: 5% 0 6.3%;/* 80px 0  100px */
	border-radius: 20px;
}
.recruit-tlt1{
	display: block;
	padding: 10px 20px;/* 15px 20px */
	background-color: #31b4ff;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 24px;/* 30px */
	line-height: 1;
	color: #FFFEFE;
	margin: auto;
	border-radius: 10px;
}
.recruit-switch{
	display: flex;
	width: 95%;/* 900px */
	margin: 30px auto;/* 40px auto*/
	list-style: none;
	justify-content: space-between;
}
.recruit-switch li{
	width: 48%;/* 400px */
	height: auto;
	margin: 15px 1.6%;/* 15px */
	padding: 10px 5px;/* 15px 0*/
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 17px;/* 20px */
	text-align: center;
	border-radius: 10px;/* 14px */
}
.sw1{
	background: #e76a73;
	color: #FFFFFF;
}
.sw2{
	background: #0068b7;
	color: #FFFFFF;
}
.rec-area1{
    width: 100%;/* 1000px */
    height: auto;
    margin: auto;
    display: none;
}
.rec-area2{
    width: 100%;/* 1000px */
    height: auto;
    margin: auto;
    display: none;
}
.active{
	display: block;
}
/*------ 求人情報 --*/
.rec-deta{
    width: 100%;/* 1000px */
    margin: auto;
    border-collapse: collapse;
}
.rec-deta tr{
    line-height: 1.8;
}
.rec-deta th{
	display: block;
    width: 100%;/* 230px */
    border-bottom: 1px dotted#ffa500;
    padding: 10px 15px;
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
    color: #78603b;
}
.rec-deta td{
	display: block;
    width: 100%;
    border-bottom:  1px solid #ACACAC;
    padding: 10px 15px;/* 25px 40px */
}
/*-------------------------------------------------------------- お問い合わせ　　-----*/
.con-box1{
	padding: 60px 0;/* 160px 0*/
}
/*---------------------  お問い合わせフォーム　------*/
.contact-form{
	width: 90%;/* 800px */
	margin: auto;
}
.offer2{
	width: 100%;/* 700px */
	margin: 30px auto 0;/* 30px auto 0*/
}
.text1{
	width: 100%;
	padding: 10px;/* 10px 15px */
	border: 1px solid #f5f5f5;
	background:rgba(220,220,220,0.3);
	border-radius: 5px;/* 5px */
	margin: 10px 0;/* 10px 0*/
	letter-spacing: 1px;
}
.text2{
	width: 100%;
	padding: 10px 15px;/* 10px 15px */
	border: 1px solid #f5f5f5;
	background:rgba(220,220,220,0.3);
	border-radius: 5px;/* 5px */
	margin: 10px 0;/* 10px 0*/
	letter-spacing: 1px;
}
.select2{
	width: 50%;
	margin: 10px 0;/* 10px 0*/
	padding: 10px 15px;/* 10px 15px */
	border: 1px solid #f5f5f5;
	background:rgba(220,220,220,0.3);
}
.textarea2{
	width: 100%;
	padding: 10px 15px;/* 10px 15px */
	min-height: 200px;/* 200px */
	border: 1px solid #f5f5f5;
	background:rgba(220,220,220,0.3);
	border-radius: 5px;/* 5px */
	margin: 10px 0;/* 10px 0 */
	letter-spacing: 1px;
}
::placeholder {
}
.submit-button{
	display: block;
	width: 45%;/* 300px */
	height: auto;/* 40px */
	background: #bbe2f1;
	border-radius: 10px;/* 10px */
	margin: 10px auto 0;/* 20px auto 0*/
	border: none;
	overflow: hidden;
	text-align: center;
	padding: 10px;/* 10px */
	transition: all 1s ease-in-out;
}
.submit-button:hover{
	background: #1076CB;
	color: #FFFFFF;
}
/*------------------------- メールプライバシー  ---------*/
.policy-title{
	display: block;
	width: 35%;/* 260px */
	background: #a9a9a9;
	padding: 7px;
	margin: 3.8% auto 0;/* 60px auto 0*/
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
}
.mail-policy{
	width: 100%;/* 800px */
	height: 250px;/* 250px */
	margin: 20px auto;/* 20px auto */
	padding: 20px;/* 20px */
	border: 1px solid #C5C5C5;
	overflow: scroll;
}
.priv-box{
	width: 100%;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5;
	font-size: 14px;
}
.priv-box dt{
	padding: 7px 0;
}
.priv-box dd{
	padding: 7px 0;
}
.riv-point{
	width: 100%;
	list-style-position: inside;
}
}