@charset "utf-8";

*{
  box-sizing:border-box;
}

body{
  margin:0;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}

@media(min-width:961px){
	.sponly{
	  display:none !important;
	}
  }
@media(max-width:960px){
  .pconly{
    display:none !important;
  }
}
@media(min-width:561px){
	.show_sp{display: none !important;}
 }
 @media(min-width:961px){
	.show_sptb{display: none !important;}
 }
 @media(max-width:560px){
	.show_tbpc{display: none !important;}
 }
 @media(max-width:960px){
	.show_pc{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;
}

.mintyo{
	font-family: "Shippori Mincho", serif;
} 
/*----------- contentsここから --------------*/
.section_box{

}
.contents_wrap{
	max-width: 400px;
	width: 90%;
	margin: 20px auto;
}
.table_wrap{
	width: 100%;
}
.table_wrap table {
	width: 100%;
	margin-bottom:15px;
}
table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
.table_wrap .issue{

	width: 20%;
	text-align: center;
}
.table_wrap .tac{
	background: #ddd;
	font-weight:bold;
	letter-spacing:0.1em
}
.table_wrap td, th {
	padding: 6px;
	height: 25px;
}
th {
	background: #f0e6cc;
}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}
.link{
	text-align: center;
}
.link a{
	text-decoration: underline;
	color: blue;
	font-weight: bold;
	transition: all 0.3s;
}
.link a:hover{
	color: red;
}


/*------- content4------*/





/*------------- footer -------------*/
footer{
	margin: 0px 0 0;
	text-align: center;
}
.map{
	margin: 0px 0 20px;
}
.address_1{
	margin: 100px 0;
}
.address_1 span{
	display: block;
	text-align: center;

}
.address_1 h2{
	font-size: 2.5vw;
	padding: 0 0 0px 0;
	margin: 0 0 0px 0;
	text-align: center;


}


/*------別ページのtop--------*/
.yohaku{
	margin: 150px 0;
}
.yohaku-2{
	margin: 100px 0;
}




/*--------------- お問い合わせ ---------------*/
.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;
	}
	/*------ sp menu --------*/
	.header_menu_sp{
		position: fixed;
		left: 53px;
		top: 12px;
		z-index: 3;
		background-color: #55321f;
		border-radius: 5px;
	}
	.header_menu_sp img{
		width: 34px;
		vertical-align:bottom;
	}
	.contents_box{
		padding-left: 0;
	}
	.wrap2{
		margin: 50px 0 0;
	}
	/*----- sp under menu ------*/
	.sp_under{
		position: fixed;
		bottom: 0;
		text-align: center;
		width: 100%;
		display: flex;
		z-index: 1;
		font-family: 'Krona One', sans-serif;

	}
	.sp_under a{
		background-color: #55321f;
		font-size: 130%;
		display: inline-block;
		width: 50%;
		padding: 20px;
		color: #fff;
		letter-spacing: 3px;
	}
	.sp_under a:first-child{
		border-right:1px solid #fff
	}

	/*-------- contents -----------*/
	/*---- 別page共通------*/
	.contents_box_2 {
		width: 100%;
		padding-right: 0px;
	}
	.yohaku {
		margin: 100px 0;
	}
	.yohaku-2 {
		margin: 50px 0;
	}
	.midashi_green{
		font-size: 5vw;
	}
	/*----------- contact page----------------*/
	.co_table{
		clear: left;
		float: left;
		/* width: 10%; */
	}
	.co_table dt{
		float: left;
		margin-left: 0%;
    }
	.co_table dd{
		margin-left: 0%;
	}

}