/*index page -　ホーム------start--------*/


/*イメージエリア*/
.imageArea{
	max-width: 1060px;
	margin: 0 auto;
	margin-top: 50px;
}

.imageArea img{
	width: 100%;
}

/*コンテンツ部分*/
.space{
	margin: 32px 16px;
	text-align: center;
	font-size: 14px;
}

.subTitle1{
	margin: 10px;
	display: block;
	font-size: 20px;
	font-weight: 600;
}

/*flex-container1*/
.flex-container1{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 848px;
	margin: 0 auto;
}

.flex1,.flex2,.flex3,.flex4{
	text-align: center;
	width: 300px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.flex1 img,.flex2 img,.flex3 img,.flex4 img{
	width: 224px;
}

.comment{
	margin: 0 auto;
	margin-top: 16px;
	margin-bottom: 16px;
	width: 300px;
	text-align: left;
	padding: 4px;
}

.image{
	text-decoration: none;
}

.image:hover{
	opacity: 0.6;
}

/*newsArea*/

.ao{
	width: 300px;
	margin: 0 auto;
	text-align: center;
	color: #434343;
	background: yellow;
	font-weight: 600;
	font-size: 20px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
    letter-spacing: 15px;
}

.newsArea{
	margin: 0 auto;
	max-width: 850px;
	border:solid 1px #a7a7a7;
	box-sizing: border-box;
	padding: 15px 0 16px 0;
	margin-bottom: 24px;
        margin-top: 30px;
        line-height: 35px;
}

.newsWrap{
        width:80%;
        margin: 0 auto;
}

.newsWrap a:hover{
        color:blue;
}

.newsWrap span{
        font-family: "HGP行書体";
        font-size: 20px;
}

.more{
	     margin-bottom: 15px;
}

.more p{
         text-align: center;

}

.more a{
        text-decoration: none;
        color: #0098d2;
        padding: 5px 30px;
        border:solid 1px;
}

.more a:hover{
        color:white;
        background-color:#0098d2;
}
.outArea1{
	color: #fff;
	background: #000080;
	height: 36px;
}

.inArea1{
	border: solid 2px #fff;
	height: 30px;
	margin: 0 auto;
}

.newsDays{
	display: inline-block;
	margin-left: 16px;
	max-width: 140px;
	font-weight: 600;
}

.newsText{
	display: inline-block;
	margin-left: 16px;
	margin-bottom: 16px;
	max-width: 800px;
}

.newsArea2{
    border:solid 1px #a7a7a7;
	max-width:850px;
	margin: 0 auto;
    padding: 15px 0 16px 0;
    width:85%;
	margin-bottom: 40px;
	line-height: 35px;
}

.newsWrap #master{    
        text-align: right;

        }
.sp{
	display:none;
		}

/*flex-container2*/
.flex-container2{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	/*max-width: 936px;*/
        margin-top:30px;
	margin-bottom: 32px;
	box-sizing: border-box;
        width:100%;
}

.flex6,.flex7{

	margin:0 auto;
}



/*flex-container3*/
.flex-container3{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 72px;
}

.access{
	margin-top: 15px;
    text-align: center;
    letter-spacing: 5px;
	font-size: 18px;
}

/*改行処理*/
.br4{
	display: none;
}

.pmailBr{
	display: none;
}

.footerBr{
	display: none;
}
.explain{
    text-align: center;
    padding-top: 15px;
}
	
.corperate{
	text-align: center;
    margin: 30px auto;
    max-width: 856px;
    width: 85%;
    border: solid 1px #a7a7a7;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #c8f0ff;
    font-size: 18px;
    letter-spacing: 2px;
	color: darkred;
}
.sdgs{
    text-align: center;
    margin-top:50px;
    font-size:20px;
}

	
/*index page -　ホーム------end--------*/


/*company page -　会社概要------start--------*/

.office{
	max-width: 856px;
    margin: 0 auto;
	margin-top: 50px;
}
	
.office p{
	padding-left:150px;
	
		  }
	
.office #rute{
	padding-left:0px;
	text-align:center;
	}

.office-main{
	    letter-spacing: 2px;
	    margin-top: 50px;
	}	

.office-main hr{
	width:80%;
	margin:20px auto;
	}



.office-title{
	max-width:90%;
	margin: 0 auto;
	text-align: center;
	color: #434343;
	background: yellow;
	font-weight: 600;
	font-size: 20px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
    letter-spacing: 15px;
	padding: 5px 0 5px 0;
}

	
	/*iframe*/

.google-mapArea{
	max-width: 100%;
	box-sizing: border-box;
	margin-top: 30px;
    margin-bottom: 80px;
    border-bottom: solid 2px #999;
	border-right: solid 2px #999;
}

.google_map{
    position:relative;
    width:100%;
    height:400px;
    overflow: hidden;
}
.google_map iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:600px;
}

/*company page -　会社概要------end--------*/



/*recruit page -　採用情報------start--------*/

.recruitArea{
	max-width:856px;
	margin: 0 auto;
    padding: 15px 0 16px 0;
    width:100%;
}


/*採用イメージ*/
.recruit-img{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    margin-top:30px;
	margin-bottom: 32px;
	box-sizing: border-box;
    width:100%;
}

.flex01,.flex02{

	margin:0 auto;
}

.rec-table{
	/*width:100%;*/
    margin:5px auto;
	font-size:90%;
	border:1px solid #c1c1c1;
	max-width: 750px;　  
}
.rec-table tr{
        border-bottom:1px solid #c1c1c1;
}
.rec-table tr:last-child{
	border:none
 }
.rec-table th{
	width:20%; 
        padding:5px 10px;
	display:table-cell;
	border-right:1px solid #c1c1c1;
	text-align:center;
	letter-spacing: 8px;
}

.rec-table td{
	width:80%;   
        padding: 10px 50px 10px 30px;
	display:table-cell;
	text-align: left;
	letter-spacing:2px;
  }

#rec-title{
	background-color:#ccddff;
	text-align: center;
	padding-top: 10px;
	padding-bottom:10px;
        font-size: 20px;
        letter-spacing: 20px;
	max-width: 750px;
        margin: 0 auto;
}
.contactArea{
    margin-top: 50px;
    margin-bottom: 50px;
}

.recruit-head{
	max-width: 856px;
    margin: 0 auto;
	margin-top: 50px;
	}


/*recruit page -　採用情報------end-----*/

/*business page -　業務内容------start-----*/


.work{
	max-width: 850px;
    margin: 0 auto;
	margin-top: 50px;
	}

/*work-container*/
.work-container{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 850px;
	box-sizing: border-box;
    width:95%;
    margin: 30px auto;
}

.w-image{
	padding: 20px 5px;
	}

.w-image img{
	padding-top: 20px;
	}


.work-container p{
    text-align: center;
    letter-spacing: 3px;
    background-color: beige;
    width: 60%;
    margin: 0 auto;
    padding: 5px;
}

.workimage,.worktitle{
    margin:0 65px;
}

.workspace{
	margin:0 auto;
	max-width:900px;
	}


.business-main{
    letter-spacing: 2px;
    margin-top: 30px;
    margin-left: 100px;
    margin-bottom: 30px;
    display: flex;
	}	

.business-main hr{
	width:80%;
	
	}

.b-title{
	width:30%;
        text-align: center;
	}

.b-box{
	width:70%;
	}

.work2{
	width:90%;
	margin:0 auto;
	padding: 20px;
	}

.workcomment{
	text-align:center;
	width: 90%;
    margin: 0 auto;
 padding: 20px;
	}

.workimage img{
    width: 95%;
	}

.work-title{
	text-align: center;
    letter-spacing: 3px;
    background-color: beige;
    width: 60%;
    margin: 0 auto;
    padding: 5px;
	}

/*business page -　業務内容------end-----*/

/*privacy page -　プライバシーポリシー---start-----*/


.policy{
	max-width: 856px;
    margin: 0 auto;
	margin-top: 50px;
	}
	
.policy p{
	padding-left:50px;
	font-size:15px;
	}
	
.policy #rute{
	padding-left:0px;
	text-align:center;
	}

.policy-main{
	letter-spacing: 2px;
	margin-top: 50px;
	padding-left: 30px;
    padding-right: 70px;
	}	

.policy-main hr{
	width:80%;
	margin:20px auto;
	}

.policy-title{
	max-width:90%;
	margin: 0 auto;
	text-align: center;
	color: #434343;
	background: #fdff79;
	font-weight: 600;
	font-size: 20px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
    letter-spacing: 15px;
	padding: 5px 0 5px 0;
}

#num-title{
	padding-left: 15px;
	margin-bottom:20px;
	}

#num-title span{
	text-decoration:underline;

	}

#reiwa{
	text-align:right;
	}


/*privacy page -　プライバシーポリシー---end-----*/
/*form page -　メールフォームー---start-----*/


.contact-form{
	max-width: 856px;
    margin: 0 auto;
	margin-top: 50px;
	}
	
.contact-form p{
	text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
		  }
		  
.contact-form #rute{
	padding-left:0px;
	text-align:center;
	}

.contact-form-main{
	    letter-spacing: 2px;
	    margin-top: 50px;
	}	

.contact-form-main hr{
	width:80%;
	margin:20px auto;
	}
	
.contact-title{
	max-width:90%;
	margin: 0 auto;
	text-align: center;
	color: #434343;
	background: yellow;
	font-weight: 600;
	font-size: 20px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
    letter-spacing: 15px;
	padding-top: 5px;
    padding-bottom: 5px;
}

.contact-title2{
	max-width:90%;
	margin: 0 auto;
	text-align: center;
	color: #434343;
	background: yellow;
	font-weight: 600;
	font-size: 20px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
    letter-spacing: 15px;
	padding-top: 5px;
    padding-bottom: 5px;
}

textarea.detail-area{
	margin: 0 auto;
    height: 250px;
    width: 110%;
    font-size: 15px;
	
	
	}

table{/*箱の調整*/
	border-collapse:collapse;
    border-spacing:0;
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
}


th{
	font-size: 15px;/*箱の中の文字の大きさ*/
	color: #000000;/*文字の色*/
	width: 200px;
	table-layout:inherit;
	vertical-align: middle;
	padding: 5px;
	text-align: left;
    padding-left: 30px;

}

td{/*箱の中の文字の大きさ*/
	font-size: 15px;
	vertical-align: middle;
	padding: 5px;

}

.detail-text{/*箱の調整*/
	border-collapse:collapse;
    border-spacing:0;
	max-width: 70%;
    margin: 0 80px;
}
.detail-text th{
	font-size: 15px;/*箱の中の文字の大きさ*/
	color: #000000;/*文字の色*/
	width: 200px;
	table-layout:inherit;
	vertical-align: middle;
	padding: 5px;
	text-align: left;
    padding-left: 30px;
	background-color: #ffffd8;

}

table.company{/*箱の枠の青色*/
	/*border:2px solid #4d7691;*/
}

th.company{

	border-bottom: 1px outset #ffffff;/*箱の中の線の白色*/

}
th.company{

	border-bottom: 1px #ffffff;/*箱の中の線の白色*/
　  background-color: #ffffd8;
    vertical-align: baseline;
}

td.company{
	border-bottom: 1px #ffffff;
	padding-top: 15px;
        padding-bottom: 15px;
	vertical-align: baseline;
}
td.company2{
	border-bottom: 1px outset #ffffff;/*箱の中のセル内の線の白色*/
　  background-color: #ffffd8;
}

.formsize300{/*フォームの横幅*/
	width: 300px;
	font-size:17px;
	line-height: 25px;
	margin: 5px 165px 5px 5px;
	border-style: solid;
    border-color: #dcd6d6;
}

.formsize300:focus {/*フォームのフォーカス時の影*/
	outline: 0;
	-webkit-box-shadow: 0px 0px 3px 1px #4d7691;
	box-shadow: 0px 0px 3px 1px #4d7691;
}



/*textarea{
	margin: 5px 165px 5px 5px;
	border:2px #dcd6d6 solid;
}*/


textarea:focus {/*フォームのフォーカス時の影*/
	outline: 0;
	-webkit-box-shadow: 0px 0px 3px 1px #4d7691;
	box-shadow: 0px 0px 3px 1px #4d7691;
}

.position{/*一番下のフォームの位置*/
	text-align: center;
	margin-top: 3px;
}



span.indispensable {
color: #ffffff;
    font-size: 14px;
    background-color: #ec5c5c;
    padding-left: 5px;
    padding-right: 5px;
	border-radius: 0.5em;
}

span.noneeds {
color: #ffffff;
    font-size: 14px;
    background-color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
}

span.example {
	margin: 5px 5px 5px 10px;
	color: #000000;/*例の色*/
	font-size: 13px;
	text-align: left; 
}

span.hi {
	margin-left:10px;
	color: #ff0000;/*※の色*/
	font-size: 13px;
}

.contact-detail{
	margin-left:auto;
	margin-right:auto;
	}

.contact-detail th,contact-detail td{
	text-align:center;
    background-color: #feffbc;
    font-size: 15px;
	}
	
.detail-exp{
	text-align:center;
    font-size: 15px;
    padding-bottom: 20px;
	}

.detail-title p{
	text-align: center;
    background-color:#eaeaea;
    max-width: 70%;
    margin: 0 auto;
	padding-top: 10px;
    padding-bottom: 10px;
	}
	
.checkform{
	text-align:center;
	font-size:15px;
        margin-bottom: 15px;
	}

.checkform02{
    text-align: center;
    font-size: 15px;
    margin-top: 30px;
    }
	
.detail-box{
	max-width: 70%;
    margin: 0 auto;
    background-color: #ffffd8;
	}
	
.infobox {
    height: 300px;
    overflow: scroll;
    border: black 1px solid;
    background-color: #ffffec;
    max-width: 70%;
    margin: 0 auto;
    margin-top: 50px;
	font-size:12px;
}

#num-exp{
	margin-left:30px;
	}

#policy-title{
	text-align:center;
	font-size: 16px;
        margin-top: 20px;	
        }

.wrap{
	width:100%;
	}

#menu{
	width:100%;
	}

#check01,#check02,#check03,#check04{
	margin-left:20px;
	}

/*form page -　メールフォームー---end-----*/
/*confirm page -　入力確認ページー---start--*/

.inputcheck,.inputcheck03{
	width: 80%;
    margin: 0 auto;
	    letter-spacing: 1px;
	}
.inputcheck02,.inputcheck04{
    margin: 0 auto;
    width: 60%;
	}

#checkms{
	text-align:center;
	}

#submit-button{
    text-align: center;
    padding: 10px 30px;
    margin-left: 200px;
	letter-spacing: 1px;
	background-color:pink;
	margin-top: 50px;
    margin-bottom: 40px;
	}




/*confirm page -　入力確認ページー---end--*/