@charset "utf-8";
/*--Reset-----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
html,body {
	height: 100%;
}
img {
	border: none;
	vertical-align: bottom;
}
ul,ol {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
 } 
body {
	-webkit-text-size-adjust: 100%;
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
a,
a:link {
	color: #222;
	text-decoration: none;
}
a:visited {
	color: #222;
	text-decoration: none;
}
a:hover,
a:active {
	color: #222;
}
a:focus {
	outline: none;
}
article,footer,header,nav,section {
	display: block;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
/*------------------------------------------------------------------*/
h2{
	font-size: 25px;
	line-height: 38px;
	text-align: center;
	color: #FFF;
	padding: 30px 0;
}
h2 span{
	display: block;
	font-size: 0.8em;
}
h3{
	font-weight: normal;
	text-align: center;
	font-size:26px;
}
h4.orange_h4{
	text-align: center;
	font-size:23px;
	color: #FF8600;
	margin: 30px 0 20px;
}
h4.green_h4{
	text-align: center;
	font-size:23px;
	color: #6FDD00;
	margin: 30px 0 20px;
}
#contacth4{
	color: #FF8700;
	margin: 30px 0 0;
	text-align: center;
}
section p{
	font-size: 12px;
	margin: 8px 0;
}
#wrapper{
	width: 100%;
}
header {
	width: 100%;
	border-top: 4px solid #FF8700;
}
#header{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#header h1{
	position: absolute;
	left: 0;
	top: 0;
}
#header nav ul{
	margin-left: 160px;
	width: 600px;
	height: 56px;
	text-align: left;
}
#header nav ul li a{
	float: left;
	padding: 18px 0;
	font-size: 13px;
	margin-right: 25px;
}
#header nav ul li a:hover{
	background-image: url("img/hover.png");
	background-repeat: no-repeat;
	background-position: center;
}
#contents article {
	width: 100%;
	margin: 0 auto;
	min-height: 500px;
}
footer {
	width: 100%;
	background: #FF8700;
}
#footer{
	width: 960px;
	margin: 0 auto;
	text-align: center;
	padding: 10px　0;
	font-size: 12px;
}
/*----------------*/
#decoration{
	position: absolute;
	right: 0;
}
#cont_01{
	background-image: url("img/bg_img.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}
#cont_02_3{
	text-align: center;
	position: relative;
	margin: 0 auto;
	width: 960px;
}
#orange_con_img01{
	position: absolute;
	left: 0;
	top: 10px;
}
#orange_con_img01_2{
	position: absolute;
	left: 0;
	bottom: -2px;
}
#orange_con_img02{
	position: absolute;
	right: 0;
	top: -85px;
}
.orange_con{
	background-image: url("img/orange_con.png");
}
.green_con{
	background-image: url("img/green_con.png");
}
#cont_03{
	text-align: center;
	margin: 30px auto 100px;
}
#cont_03 p span{
	font-weight: bold;
}
#cont_07{
	text-align: center;
	margin: 30px auto 100px;
}
#cont_05{
	text-align: center;
	margin: 0 auto;
}
.aboutus01{
	width: 960px;
	text-align: center;
	margin: 0 auto;
}
#cont_04 h3,
#cont_06 h3,
#cont_08 h3,
#contact h3{
	color: #FFF;
}
#cont_03 .m_t25,
#cont_07 .m_t25,
.m_aki{
	margin-top: 25px;
}
#cont_04,#cont_06,#cont_08{
	position: relative;
	line-height: 85px;
}
#cont_04 #green_con_img01{
	position: absolute;
	left: 100px;
	top: -73px;
}
#orange_con_img02{
	position: absolute;
	right: 0;
	bottom: 0;
}
#green_con_img02{
	margin: 30px 0 70px;
}
#cont_06 #green_con_img01{
	position: absolute;
	right: 100px;
	top: -67px;
}
.cont_07_s1{
	border-collapse: separate;
	border-spacing: 10px 0;
	display: table;
	table-layout: fixed;
	width: 500px;
	margin: 12px auto;
}
.cont_07_s1 li{
	color: #FFF;
	height: 35px;
	display: table-cell;
	vertical-align: middle;
	background: #6FDD00;
    border-radius: 17px; 
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
}
#orange2_con_img01{
	position: absolute;
	right: 50px;
	top: -75px;
}
#orange2_con_img02{
	position: absolute;
	top: 0;
	left: 50px;
}
.orange_con2{
	background: #FF8700;
	position: relative;
}
.orange_con2 #orange2_con_img03{
	position: absolute;
	right: 50px;
	top: -74px;
}
/*-------------------------*/
dl.aboutus01{
	-webkit-text-size-adjust: 100%;
	font-size:12px;
	width: 85%;
	max-width: 800px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: left;
}
dl.aboutus02{
	-webkit-text-size-adjust: 100%;
	font-size:12px;
	width: 85%;
	max-width: 800px;
	padding: 30px 0;
	margin: 0 auto;
}
dl.aboutus01 dt,
dl.aboutus02 dt{
	width: 20%;
	float:left;
	padding: 5px 0;
	text-align: right;
}
dl.aboutus01 dd,
dl.aboutus02 dd{
	margin-left: 25%;
	padding: 5px 0;
}
dl.aboutus01 dd span{
	float:left;
	width: 18em;
}
#foot_menu{
	width: 100%;
	background: #FCA13A;
	font-size:12px;
	color: #333;
	padding: 30px 0;
}
#foot_menu_con{
	width: 960px;
	margin: 0 auto;
	text-align: center;
}
#foot_menu_con a:hover{
	color: #444;
}
/*-------------------------*/
.copyright{
	color: #FFF;
}

/*--------------------------------------*/
#contact{
	z-index: 99;
	line-height: 150px;
}
#formWrap,#entryform{
	padding: 0 0 50px;
}
#formWrap,#entryform {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
#formWrap{
	margin-top: 30px;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable .tr_waku{
	height: 60px;
}
table.formTable .tr_waku2 td{
	padding: 20px 0;
}
table.formTable tr{
	border-bottom: 1px dashed #999;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#FFF;
	text-align:left;
}
input[type="button"],input[type="submit"] {
  -webkit-appearance: none;
}
#formWrap input[type="text"],
#formWrap select,
#formWrap textarea{
	width: 95%;
	border:1px solid #bbb;
  -webkit-appearance: none;
	padding: 5px;
}
#formWrap input[type="text"],
#formWrap textarea{
  -webkit-appearance: none;
	width: 95%;
}
#formWrap select{
	width: 98%;
}
.formTable tr th span{
	margin-right: 20px;
	float:right;
	font-size: 10px;
	color: #fff;
	padding: 2px 5px;
	background: #FF8600;
}
.button{
	margin: 30px auto;
	text-align: center;
}
.button input[type="submit"],
#mfp_button_send,
#mfp_button_cancel,
.button input[type="reset"],
input[type="button"]{
	font-size: 15px;
	width: 200px;
	height: 50px;
  -webkit-appearance: none;
	border:none;
	background: #FF8700;
	color: #FFF;
	border-radius: 0;
}
.button input[type="submit"]:hover,
.button input[type="reset"]:hover,
#mfp_button_send,
#mfp_button_cancel,
.button input[type="button"]:hover{
	background: #FF6600;
	border-radius: 0;
}
#formWrapsend .formTable{
	width:700px;
	margin: 30px auto;
}
#formWrapsend .formTable th{
	height: auto;
	width: 200px;
	padding: 15px 0;
	background: #CCC;
	font-size:0.9em;
	text-indent: 1em;
}
#formWrapsend .formTable td{
	padding-left:10px;
	width: 500px;
	word-break:break-all;
}
#thanks{
	height:500px;
}
#cont_03_left{
	width: 450px;
	text-align: left;
	float:left;
}
.face{
	padding-top: 50px;
}
#cont_02{
	text-align: center;
	padding-top: 80px;
	padding-bottom: 35px;
}
#cont_02_b .fb-page{
	margin: 0 auto;
	display: block;
	float: left;
	width: 480px;
	height: 650px;
	box-shadow:0px 0px 19px 3px #ffffff;
	-moz-box-shadow:0px 0px 19px 3px #ffffff;
	-webkit-box-shadow:0px 0px 19px 3px #ffffff;
}
#cont_02_b{
	width: 960px;
	margin: 0 auto;
}
/*--------プライバシーポリシー----------------------------*/
#pri_con{
	max-width: 800px;
	border: 1px solid #ABABAB;
	border-radius: 10px;
	padding: 30px;
	margin: 80px auto;
}
#pri_con h2{
	color: #555;
	font-size:1em;
	text-align: left;
	margin-top: 30px;
	padding: 0;
}
.usu{
	color: #555;
}
.pri_toiawase{
	text-align: center;
	margin: 30px;
}
.pri_toiawase p{
	font-size: 0.9em;
}
a[href^="tel:"] {
	cursor: default;
}
.pri_tel span{
	margin: 0;
	padding: 0;
	font-size:24px;
	color: #FF8700;
}
.pri_mail a{
	background: #FF8700;
	display: inline-block;
	font-size: 14px;
	padding: 15px;
}
.pri_mail a:hover{
	opacity: 0.8;
}
/*--------ロゴの解説----------------------*/
#logo_mean{
	width: 100%;
	background: #FFEEBB;
}

/*------エントリーフォーム---------------------*/
#entryform{
	width: 750px;
	margin: 50px auto 0;
}
#entryform input[type="text"],
#entryform input[type="email"],
#entryform input[type="tel"],
#entryform select,
#entryform textarea{
	border:1px solid #bbb;
  -webkit-appearance: none;
	padding: 5px;
}
#entryform input[type="text"],
#entryform textarea{
  -webkit-appearance: none;
}
#kibou_day{
	margin-right: 8px;
}
#ken,#machi{
	margin-bottom: 10px;
}
#mfp_phase_confirm_inner h4{
	color: #FF8700;
	margin: 30px 0!important;
	font-size: 23px!important;
	text-align: center;
}
#mfp_confirm_table .mfp_achroma,#mfp_confirm_table .mfp_colored{
	height: 45px;
}
.entry_btn a{
	position: relative;
	font-weight: bold;
	border: solid 5px #6FDD00;
	color: #6FDD00;
	width: 450px;
	display: block;
	padding: 25px;
	margin: 80px auto 120px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 1.7rem;
}
.entry_btn a:hover{
	border: solid 5px #6FDD00;
	color: #6FDD00;
	background: #6FDD00;
	color: #FFF;
}
.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.entry_arrow::before{
right: 25px;
width: 15px;
height: 15px;
border-top: 4px solid #6FDD00;
border-right: 4px solid #6FDD00;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.entry_arrow:hover::before{
border-top: 4px solid #FFF;
border-right: 4px solid #FFF;
}

@media screen and (max-width: 320px) {
#mfp_confirm_table .mfp_achroma,#mfp_confirm_table .mfp_colored{
	height: auto;
}
}