@charset "utf-8";

*{
  box-sizing:border-box;
}

body{
  margin:0;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  color: #333;
}

@media(min-width:901px){
	.sponly{
	  display:none !important;
	}
  }
@media(max-width:900px){
  .pconly{
    display:none !important;
  }
}
@media(min-width:1101px){
	.tbonly{
		display:none !important;
	}
}
@media(max-width:1100px){
	.tb_2only{
	  display:none !important;
	}
}
/*変数*/
:root{
	--basecolor: #edffe9 ; /*基本色*/
	--sabcolor: #f2ffec; /*サブカラー*/
}

img{
  max-width:100%;
  vertical-align:bottom;
}


p{
	margin:0
}

h3{
	margin:0;
}

a{
	color: #55321f;
  text-decoration: none;

}

a:visited{
    color: #000;
}

a:hover{
  /*filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;*/
}
.tac{
	text-align: center;
}
.tal{
	text-align: left;
}
.tar{
	text-align: right;
}
.mg0{
	margin: 0 auto;
}


.margin1{
	margin:10px
}
.margin2{
	margin:20px
}
.margin3{
	margin:30px
}
.margin4{
	margin:40px
}
.margin5{
	margin:50px
}
.mgb1{
	margin-bottom:10px
}
.mgb2{
	margin-bottom:20px
}
.mgb3{
	margin-bottom:30px
}
.mgb4{
	margin-bottom:40px
}
.mgb5{
	margin-bottom:50px
}
.mgt1{
	margin-top:10px
}
.mgt2{
  margin-top:20px
}
.mgt3{
	margin-top:30px
}
.mgt4{
	margin-top:40px
}
.mgt5{
	margin-top:50px
}
.mgl1{
	margin-left:10px
}
.mgl2{
	margin-left:20px
}
.mgl3{
	margin-left:30px
}
.mgl4{
	margin-left:40px
}
.mgl5{
	margin-left:50px
}
.mgr1{
	margin-right:10px
}
.mgr2{
  margin-right:20px
}
.mgr3{
	margin-right:30px
}
.mgr4{
	margin-right:40px
}
.mgr5{
	margin-right:50px
}
.n_mgt5{
	margin-top:5%
}

.padding1{
	padding:10px
}
.padding2{
	padding:20px
}
.padding3{
	padding:30px
}
.padding4{
	padding:40px
}
.padding5{
	padding:50px
}
.pdt1{
	padding-top:10px
}
.pdt2{
  padding-top:20px
}
.pdt3{
  padding-top:30px
}
.pdt4{
  padding-top:40px
}
.pdt5{
	padding-top:50px
}
.pdt6{
	padding-top:60px
}
.pdt7{
	padding-top:70px
}
.pdt8{
	padding-top:80px
}
.pdt9{
	padding-top:90px
}
.pdt10{
	padding-top:100px
}
.pdb1{
	padding-bottom:10px
}
.pdb2{
  padding-bottom:20px
}
.pdb3{
  padding-bottom:30px
}
.pdb4{
  padding-bottom:40px
}
.pdb5{
	padding-bottom:50px
}
.pdb6{
	padding-bottom:60px
}
.pdb7{
	padding-bottom:70px
}
.pdb8{
	padding-bottom:80px
}
.pdb9{
	padding-bottom:90px
}
.pdb10{
	padding-bottom:100px
}
.pdr5{
	padding-right:30% ;

}

/*----------
特殊例
-----------*/
/*----------
マーカー下線
----------*/
.marker_line {
    background: linear-gradient(transparent 60%, var(--basecolor) 0%);
}
.marker_line_oreng{
	background: linear-gradient(transparent 50%, #ffd95d9f 50%);
}
/*---------
 題字下下線
 ----------*/
.hr-green {
    border-top: 2px solid #3ca27e;
    width: 80px;
}

/*------------*/

.flex{
	display: flex;
}
.flex_wrap_reverse{
	display: flex;
}

/*--------------------------------
       ここまでtemplate
---------------------------------*/
header{
	background: #07a1e9d5;
	display: block;
	margin: 0 auto;
	padding: 5px 0 5px 20px;
}
header h1{
	-webkit-text-stroke: 2px rgb(255, 255, 255);
	text-stroke: 2px black;
	paint-order: stroke;
}



.contents_box{
	max-width: 1500px;
	width: 100%;
	text-align: center;
	margin: 0 auto;

}






/*------------- footer -------------*/
footer{
	margin: 0px 0 0;
	text-align: center;
	background: #07a1e9d5;
	padding: 5px 0 10px;
}
.copyright{
	font-size: 15px;
	color: #fff;
}






/*--------------- お問い合わせ ---------------*/
.form{
	max-width: 900px;
	margin: 0 auto;
	width:90%;
}
.form p{
	margin-left: 10%;
}
.co_table{
	max-width: 900px;
	width: 100%;
	margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;


}
/*.co_table dl{
	margin: 0px 0px 20px 0px;
    padding: 0px 0px 20px 0px;
    border-bottom: #CCC dotted 1px;
}*/
.co_table dt{
	float: left;
	margin-left: 25px;
}
.co_table dd{margin-left: 200px;
}
.co_table em{
	color: red;
	font-size: 0.7vw;
	font-weight: bold;
}

input,textarea{
	width: 100%;
	border-top:none;
	border-right:none;
	border-left: none;
	height: 30px;
	border-bottom: #6b6b6b dotted 1px;
	background-color: #f2ffec;
}
textarea{
	height:100px
}
.short{
	width: 200px;
	margin-bottom:10px
}
input[type="submit"]{
	width: auto;
	height: auto;
	text-align: center;
	border:1px solid;
	padding:8px 20px ;
	
}
input[type="checkbox"] {
    width: auto;
    height: auto;
}
.submit_tac{
	text-align: center;
}
.co_midashi1{
	position: relative;
}
.kazari_4{
	position: absolute;
	top:-30px;
	left:-40px;

}



/*----------- リクルート -------------*/





/*--------------SP--------------■■■■■■■■■■■*/
@media(max-width:1100px){



	/*-------- contact page ----------*/



}
@media(max-width:950px){
	/*------共通---------*/
	.flex_wrap_reverse{
		flex-wrap: wrap-reverse;
	}
	.flex{
		flex-wrap: wrap;
	}

	.co_table{
		clear: left;
		float: left;
		/* width: 10%; */
	}
	.co_table dt{
		float: left;
		margin-left: 0%;
    }
	.co_table dd{
		margin-left: 0%;
	}

}
@media(max-width:560px){
	header{
		padding: 5px 10px 5px 10px;
		text-align: center;
		
	}
	header h1{
		font-size: 200%;
	}
	.copyright{
		font-size: 12px;
	}
}