@charset "utf-8";
/* CSS Document */
/* りめいさんの募集ページ用 */
/*2023/10/22のメインカラー
紺2b3052
水色a6cfed
薄い水色cfebf5
クリーム色fffee6
背景の背景色b3d1db
エンジ色a72127*/
body{
	/*width:1000px;*/
	margin: 0 auto;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	padding:0;
	background-color: rgba(255, 255, 255, 0.7);
  background-image: url("../image/background/leafbeige.png");
  color:#2b3052;
	background-size: 40%;
	}
#formWrap{/*フォーム全体を包むbox*/
		background:#fcbb76/*#d4f9f6#fce6e6#ffcccc#f9edef#fffee6*/;
    width:1080px;
margin:0 auto;
  padding:0;
  line-height: 1.2em;
  border: 1px;
  border: solid 5px #223f1b;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 1.2rem;
	color:#333333;
		}
#header{
    margin: 0;
	/*border-bottom: #333333 dotted;*/
}
#header img{
  text-align: center;
margin: 0;
padding:0;
width:1080px;
height:700px;
}
#purpose{
margin:40px;
font-weight: 400;
/*display: inline-block;*/
}
#purpose img{
	width:100px;
	height:148px;
	text-align: right;
	margin-left: auto;
	float: right;
}
#main{
  margin: 0 0 40px 0 ;  
  padding: 0;
  width: 100%;
		}
#main iframe{margin:0;
  padding:0;
}
#info{
  margin: 20px auto;
	border: 2px dashed #223f1b;
background:#cfebf5;/*#a3e2aa#B5F4DA#cfebf5,#fffee0;#ff8e92*/
  border-radius:10px;
	padding:10px;
  }
#new{
margin:0px auto;
  font-size:1rem;
  padding:0;
}
#new h2{
  margin:0 auto;
  font-size:1.4rem;
  /*display: flex;*/
  padding-top: 20px;
color:#2e7d7a;
text-align: center;
line-height: 2rem;
}
#new p{
	font-size: 1.4rem;
	padding: 0 20px;
	line-height: 2rem;
}
#new h2 img{
  width:15%;
  height:15%;
  display: flex;
padding-left:100px;
  margin: 0;
}
#info ul{
  border:none;
  clear: both;
  margin-bottom: 0;
	
}
#info ul li{
  list-style:square;
list-style-position:inside;
 margin-left: 10px;
margin-bottom: 20px;
line-height: 2rem;
}
#info ul li a, #info ul li a:visited{
	text-decoration: none;
	color:#6495ed;
}
#info ul li img{
margin: 0 auto;
	display:block;
}
#footer{/*トップページのフッター部分指定*/
			background:#CCC;
			background:url(../image/background/bg_gray.png) bottom repeat-x;
			height:35px;
			width:100%;
			border-top:#1d2165 35px;
			text-align:center;
			padding:0;
			margin:0;
			font-size:80%;
			font-family: "Times New Roman", Times, serif;
			clear:both;
			/*text-align:center;*/
			}			
	#footer img{
    vertical-align:bottom;
    padding-top: 8px;
}
#main table.formTable{
  width:95%;
	margin:20px auto;
	border-collapse:collapse;
	text-align: left;
	color:#333333;
}
#main table.formTable td,table.formTable th{
	border:1px solid #333333;
	padding:5px;
	vertical-align: top;
}
#main table.formTable caption{
	/*color: #fcf8e8;*/
	padding: 15px;
	font-weight: 800;
	font-size:1.4rem;
}
#main table.formTable th{
	width:40%;
	font-weight:normal;
	background: #cfebf5/*#a3e2aa#0C546D#93d1cc#e0ffff*/;
	text-align:left;
	color:#333333/*#ffffff*/;
}
#main table.formTable td{
	background:#ffffff/*#6eafc6#cfebf5#add8e6*/;
	/*width:40%;*/
}
#main p{
	text-align: center;
  padding: 20px;
  margin-bottom: 20px;
	color:#333333;
}
/*セレクタークラス*/
.font_orange{
			color:#FF6633;
			/*font-weight:bold;
		margin-left:15px;*/
		}
.font_orange_big{
          color:#FF6633;
	font-size: 1.8rem;
	margin: 15px 5px;
		      }
.font75_orange{
	color:#FF6633;
	font-size:1.2rem;
	line-height: 85%;
}
.font_reference{
  margin:0 20px 0 10px;
  float: left;
 color:#2e7d7a;
font-size:1.2rem;
  font-weight:normal;
}
p.font_orangeb img{
  width:20%;
  height:20%;
  display: flex;
  float:right;
  margin:0 10px 0 5px;
}
.font_pink{
          color:#ff1493;
		      }
.font_pink_big{
          color:#ff1493;
	font-size: 1.8rem;
	margin: 15px 5px;
		      }
.font75_pink{
	color:#ff1493;
	font-size:1.2rem;
	line-height: 85%;
}

.font75{font-size: 1rem;}
.font_big{
	line-height:1.6rem;
	font-size:1.4rem;
	/*color:#ff1493;*/
	padding-bottom: 10px;
	padding-top: 5px;
display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
  letter-spacing : 2px;                /* 文字間 */
  text-shadow    : 
       2px  2px 1px #F15A22,
      -2px  2px 1px #F15A22,
       2px -2px 1px #F15A22,
      -2px -2px 1px #F15A22,
       2px  0px 1px #F15A22,
       0px  2px 1px #F15A22,
      -2px  0px 1px #F15A22,
       0px -2px 1px #F15A22;      /* グレーの場合3494747グリーンの場合#0f9124文字の影 */
}
.font_left{
  text-align: left;
  padding: 10px;
}
.font_bluegreen{
	color:#2c8e9b;
}
input[type="text"]{
	font-size:1.6rem;
}
input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 0.5em;
  vertical-align:text-top;
}
form input[type="submit"],  form input[type="button"] {
	display:inline-block;
	width:200px;
	height:40px;
  text-decoration: none;
  background: #add8e6;/*#a3e2aa#0C546D#6eafc6#add8e6;ボタン色*/
  color: #333;/*#add8e6;*ボタン色と同じに*/
  box-shadow: 0px 3px 3px rgba(97, 111, 78, 0.29);
  border-bottom: solid 2px #7c7e7d;
  border-radius: 4px;/*角の丸み*/
  font-weight: bold;
  text-shadow: -1px -1px rgba(255, 255, 255, 0.44), 1px 1px rgba(0, 0, 0, 0.38);
  font-size: 20px;
}
form input[type="reset"], form input[type="button"]{
  display:inline-block;
	width:200px;
	height:40px;
  text-decoration: none;
  background: #CCC;/*ボタン色*/
  color: #333;/*ボタン色と同じに*/
  box-shadow: 0px 3px 3px rgba(87, 87, 87, 0.29);
  border-bottom: solid 2px #7c7e7d;
  border-radius: 4px;/*角の丸み*/
  font-weight: bold;
  text-shadow: -1px -1px rgba(255, 255, 255, 0.44), 1px 1px rgba(0, 0, 0, 0.38);
  font-size: 20px;
}
.small90{
  font-size:90%;
  color:#fc354d;  
padding-left:10px;
	line-height: 1.4rem;
}
.small90_white{
	font-size:90%;
  color:#ffffff;  
padding-left:10px;
	line-height: 1.4rem;
}
.small90_pink{
font-size:90%;
  color:#F9DCF8;  
padding-left:10px;
	line-height: 1.4rem;
}
.font75_p{
			font-size:75%;
			/*font-weight:normal;*/
			padding:5px;
			/*color:#027faa;*/
			text-align:left;
			margin:0;
            color:#ff1493;
            line-height: 80%
			}
/*　簡易版レスポンシブ用CSS*/
@media screen and (max-width:1080px) and (min-width:800px){
#formWrap { /*フォーム全体を包むbox*/
  width: 780px;
  margin: 0 auto;
  line-height: 2.4rem;
  font-size: 1.6rem;
}

#purpose{
margin:10px 40px;
font-weight: 400;
}
#main {
  margin: 0 auto;
  width:800px;
}
#info {
  margin: 20px;
  padding: 10px auto;
}
#header img {
 width:780px;
height:505.5px;
  margin: 0;
}
#info li p{
margin: 10px auto;
}
.slider{
   width:780px;
	height:585px;
}
.img-01, .img-02, .img-03, .img-04, .img-05, .img-06, .img-07{
   width: 800px;
   height: 600px;
	background-size: 100%;
}
#info ul {
  border: none;
	margin:10px auto;
}
#info ul li img{
margin: 0 auto;
	width:90%;
	height:90%;
}

#footer img {
  padding-top: 8px;
}
#main table.formTable {
  width: 92%;
  margin: 20px;
}
#main table.formTable td, table.formTable th {
  padding: 5px;
}
#main table.formTable caption {
  padding: 15px 8px;
  font-weight: 400;
  font-size: 1.2rem;
}
#main table.formTable th {
}
#main table.formTable td {
  line-height: 2rem;
}
input.textbox { width: 150px; }
}


@media screen and (min-width:572px) and (max-width:800px){
  #formWrap {
    width: 572px;
	  margin: 0 auto;
  line-height: 1.8rem;
  font-size: 1.4rem;
  }
  #header img {
    width: 572px;
    height: 370.7px;
  }
#info{
  margin: 20px;
	}
#info li p{
margin: 10px;
}
#info ul li {
  margin-left: 10px;
}
.slider{
   width:572px;
	height:429px;
}
.img-01, .img-02, .img-03, .img-04, .img-05, .img-06, .img-07{
   width: 572px;
   height: 429px;
	background-size: 100%;
}
#purpose{
margin:10px;
}
#main {
  margin: 0 auto;
  width:572px;
}
#main table.formTable {
  margin: 20px auto;
	width:90%;
}

  #main table.formTable th, table.formTable td {
    width: auto;
    display: block;
    font-size: 1rem;
  }
#info {
  margin: 20px;
  padding: 10px 5px;
}
#info ul li img{
	margin:20px auto;
	width:90%;
	height:90%;
}
#main table.formTable caption {
  padding: 10px 4px;
  font-weight: 400;
  font-size: 1rem;
}
  #main table.formTable th {
    margin-top: 5px;
    border: none;
    width: auto;
    /*background: #ffffff;*/
  }
  form input[type="text"], form textarea {
    width: 80%;
    padding: 5px;
    font-size: 110%;
    display: block;
  }
  form input[type="submit"], form input[type="reset"], form input[type="button"] {
    width: 100px;
    height: 40px;
    padding: 5px;
    border-radius: 0px; /*角の丸み*/
    text-align: center;
  }
.font_pink_big{
	font-size: 1.4rem;
		      }
}
@media screen and (max-width:572px){
  #formWrap {
    width: 350px;
	margin: 0 auto;
  line-height: 1.6rem;
  font-size: 1.2rem;
  }
  #header img {
    width: 350px;
    height: 226.8px;
  }
#info{
  margin: 5px;
	padding:0;
	}
#info li p{
margin: 5px 10px;
}
.slider{
	width:350px;
   height: 262.5px;
}
.msg{
   font-size: 11px;
   top: 20%;
   left: 50%;
   transform: translate(-50% , -50%);
}
.img-01, .img-02, .img-03, .img-04, .img-05, .img-06, .img-07{
   width: 350px;
   height: 262.5px;
	background-size: 100%;
}
#new p{
	font-size: 1.4rem;
	padding: 0 10px;
	line-height: 1.8rem;
}
#purpose{
margin:10px;
}
#main {
  margin: 0 auto;
  width:350px;
}
	#main table.formTable{
		width:330px;
	}
  #main table.formTable th, table.formTable td {
    width: auto;
    display: block;
    font-size: 1rem;
  }
#info ul li img{
	margin:20px auto;
	width:85%;
	height:85%;
}
#info ul li {
  margin-left: 5px;
	line-height:1.4rem;
}
#main table.formTable caption {
  padding: 15px 4px;
  font-weight: 400;
  font-size: 1.2rem;
}
  #main table.formTable th {
    margin-top: 5px;
    border: none;
    width: auto;
    /*background: #ffffff;*/
  }
.font_big{
	/*line-height:1.4rem;*/
	font-size:1.2rem;
	/*color:#ff1493;*/
/*letter-spacing : 0.8rem;  */              /* 文字間 */
}

  form input[type="text"], form textarea {
    width: 80%;
    padding: 5px;
    font-size: 110%;
    display: block;
  }
  form input[type="submit"], form input[type="reset"], form input[type="button"] {
    width: 100px;
    height: 40px;
    padding: 5px;
    border-radius: 0px; /*角の丸み*/
    text-align: center;
  }
#footer img { /*トップページのフッター部分指定*/
  width:85%;
}
.font_pink_big{
	font-size: 1.4rem;
		      }
}
@media screen and (max-width:360px){
  #formWrap {
    width: 290px;
	margin:0 auto;
  line-height: 1.4rem;
  font-size: 1rem;
  }
  #header img {
    width: 290px;
    height: 187.9px;
	}
	#info{
  margin: 5px;
	}
#info ul li {
  margin-left: 5px;
line-height:1.2rem;
}
.slider{
 width: 290px;
   height: 187.9px;
}
.img-01, .img-02, .img-03, .img-04, .img-05, .img-06, .img-07{
   width: 290px;
   height: 187.9px;
	background-size: 100%;
}
  #purpose{
margin:10px 5px;
}
#new p{
	font-size: 1.2rem;
	padding: 0 10px;
	line-height: 1.6rem;
}
#main {
  margin: 0 auto;
  width:290px;
}
	#main table.formTable{
		width:270px;
	}
  #main table.formTable th, table.formTable td {
    width: auto;
    display: block;
    font-size: 1rem;
	 padding:5px;
  }
#info {
  margin: 5px;
  /*padding: 10px 5px;*/
	display:block;
}
	#info ul li{
		margin:10px 5px;
	}
#info ul li img{
	margin:20px auto;
	width:80%;
	height:80%;
}
#main table.formTable caption {
  padding: 15px 4px;
  font-weight: 400;
  font-size: 1rem;
}
  #main table.formTable th {
    margin-top: 5px;
    border: none;
    width: auto;
    /*background: #ffffff;*/
  }
  form input[type="text"], form textarea {
    width: 70%;
    padding: 5px;
    font-size: 110%;
    display: block;
  }
  form input[type="submit"], form input[type="reset"], form input[type="button"] {
    width: 70px;
    height: 30px;
    padding: 5px;
    border-radius: 0px; /*角の丸み*/
    text-align: center;
	  font-size:0.8rem;
  }
}