body{
	/*width:1000px;*/
	margin: 0 auto;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	padding:0;
	background-color: rgba(255, 255, 255, 0.7);
  background-image: url("../image/background/0614_6.png");

	background-size: 10%;
	}
#formWrap{/*フォーム全体を包むbox*/
		background:#8A77B7/*#33004c#ae95c4#2b0043#8A77B7#b455a0#d2a3cb*/;
    width:1080px;
margin:0 auto;
  padding:0;
  line-height: 1.2em;
  border: 1px;
  border: solid 5px #161c66;
  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:10px 40px;
font-weight: 400;
font-size: 1.8rem;
line-height: 2.4rem;
 color:	#FFFFFF;
}
#purpose a{
color:#94d39c;
text-decoration: none;
}
#main{
  margin: 0 0 40px 0 ;  
  padding: 0;
  width: 100%;
		}
#main iframe{margin:0;
  padding:0;
}
#info{
  margin: 20px 10px;
	border: 2px dashed #4938b2;
	background:	#cbbcd8;
  border-radius:10px;
	padding:10px;
	color:#201e5b/*#2c267a*/;
	font-size: 1.6rem;
  }
#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;
}

#info ul{
  border:none;
  clear: both;
  margin-bottom: 0;
	
}
#info ul li{
  list-style:square;
list-style-position:inside;
 margin-left: 10px;
line-height: 2rem;
margin-bottom: 20px;
}
#info ul li img{
margin:  auto;
display:block;
}
#info ul li a, #info ul li a:visited{
	text-decoration: none;
	color:#6495ed/*#94d39c#6495ed*/;
}
#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:#312b89;
}
#main table.formTable td,table.formTable th{
	border:1px solid #312b89;
	padding:5px;
	vertical-align: top;
}
#main table.formTable caption{
color: #ffffff/*#312b8*/;
	padding: 15px;
	font-weight: 400;
	font-size:1.6rem;
	line-height: 2rem;
}
#main table.formTable th{
	width:40%;
	font-weight:normal;
	background: #cbbcd8;
	text-align:left;
}
#main table.formTable td{
	background:#ffffff;
	/*width:40%;*/
}
#main table.formTable td a{
text-decoration: none;
}

#main p{
	text-align: center;
  padding: 20px;
  margin-bottom: 20px;
	color:#FFFFFF;
}
/*セレクタークラス*/
		.font_orange{
			color:#FF6633;
			/*font-weight:bold;
		margin-left:15px;*/
		}
.font_oranges{
  color:#FF6633;
font-size:1.2rem;}
.font_orangeb{color:#FF6633;
margin:0 20px 0 10px;
  font-weight: 600;
line-height: 2.4rem;
font-size:1.4rem;
  display: flex;
  float: left;
  width:95%;
}
.font_reference{
  margin:0 20px 0 10px;
  float: left;
 color:#2e7d7a;
font-size:1.2rem;
  font-weight:normal;
}
.font_pink{
          color:#ff007f;
		      }
.font_emphasis{
	/*強調する際に文字の色を変える今回は紫用*/
	color:#CC1669;
}
.font_title_big{
    color:#583F99;
	font-size: 2rem;
	margin-bottom: 10px;
	 text-align: center;
	padding-top: 15px;
	font-weight: 700;
		      }
.font75_pink{
	color:#ff007f;
	font-size:1.2rem;
	line-height: 85%;
}
.font75_emphasis{
color:#CC1669;
font-size:1.2rem;
	line-height: 85%;
}
.font75{font-size: 1.2rem;}
.font_big{
	font-size:1.8rem;
	/*color:#ff1493;*/
	padding-bottom: 10px;
	padding-top: 5px;
display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
  letter-spacing : 2px;                /* 文字間 */
  text-shadow    : 
       2px  2px 1px #583F99,
      -2px  2px 1px #583F99,
       2px -2px 1px #583F99,
      -2px -2px 1px #583F99,
       2px  0px 1px #583F99,
       0px  2px 1px #583F99,
      -2px  0px 1px #583F99,
       0px -2px 1px #583F99;        /* 文字の影 */
}
.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:#cbbcd8 ;/*ボタン色*/
  color: #583F99;/*ボタン色と同じが望ましいが今回は変更*/
  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: #6d6d6d;/*ボタン色と同じに*/
  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_pink{
font-size:90%;
  color:#F9DCF8;  
padding-left:10px;
	line-height: 1.4rem;
}
/*　簡易版レスポンシブ用CSS*/
@media screen and (max-width:1080px) and (min-width:800px){
#formWrap { /*フォーム全体を包むbox*/
  width: 780px;
  margin: 20px auto;
  line-height: 2.4rem;
  font-size: 1.6rem;
}

#purpose{
margin:10px 40px;
font-weight: 400;
}
#main {
  margin: 0 auto;
  width:800px;
}

#info {
  margin: 10px;
}
#info ul li{
line-height: 1.8rem;
}
#header img {
 width:780px;
height:505.5px;
  margin: 0;
}
#info li p{
margin: 10px 20px;
}
.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;
  clear: both;
  margin-bottom: 0;
	margin:10px 0 0 5px;
}
#info ul li img{
	margin:  auto;
	max-width: 100%;
	max-height:100%;

}

#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-size: 1.6rem;
}
#main table.formTable th {
}
#main table.formTable td {
  line-height: 2rem;
}

}

@media screen and (min-width:572px) and (max-width:800px){
  #formWrap {
    width: 572px;
	  margin: ０ auto;
  line-height: 1.8rem;
  font-size: 1.6rem;
  }
  #header img {
    width: 572px;
    height: 370.7px;
  }
#info li p{
margin: 10px 20px;
}
#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:65%;*/
}

  #main table.formTable th, table.formTable td {
    width: auto;
    display: block;
    font-size: 1rem;
  }
#info {
  margin: 20px 10px;
  padding: 10px 5px;
	font-size: 1.4rem;
}
#info ul li img{

	width:80%;
	height:80%;
}
#main table.formTable caption {
  padding: 10px 4px;
  font-size: 1.6rem;
}
  #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_title_big{
	font-size: 1.4rem;
	padding-top:10px;
		      }
.font_big{
	font-size:1.6rem;
	}
}
@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 li p{
margin: 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;
line-height: 1.6rem;
  font-size: 1.2rem;
}
#main {
  margin: 0 auto;
  width:350px;
	line-height: 1.6rem;
  font-size: 1.2rem;

}
#main table.formTable{
		width:330px;
		margin:10px auto;
	}
#main table.formTable caption {
  font-size: 1.4rem;
}
  #main table.formTable th, table.formTable td {
    width: auto;
    display: block;
    font-size: 1rem;
  }
#info {
  margin: 10px 5px;
  padding: 10px 5px;
	font-size: 1.4rem;
}
#info ul li img{
	width:80%;
	height:80%;

}
#info ul li {
  margin-left: 5px;
}
#main table.formTable caption {
  padding: 15px 4px;
  font-size: 1.4rem;
}
  #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;
  }
#footer img { /*トップページのフッター部分指定*/
  width:85%;
}
.font_title_big{
	font-size: 1.4rem;
	padding-top: 10px;
		      }
.font_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 ul li {
  margin-left: 5px;
}
.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%;
	}
.font_title_big{
	font-size: 1.2rem;
	padding-top: 5px;
		      }

  #purpose{
margin: 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: 20px 5px;
  padding-top: 10px;
	font-size: 1.4rem;
}
	#info ul li{
		margin:10px 5px;
	}
#info ul li img{
	width:80%;
	height:80%;
}
#main table.formTable caption {
  padding: 15px 4px;
  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;
  }
.font_big{
	font-size:1.2rem;
	}
}